@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
body{font-family: 'Open Sans', sans-serif;color:#525252;font-size:14px;font-weight: 400;overflow-x: hidden;background:url('art/bg.jpg');}
a{transition:color ease-out .3s;color:#35a8e0;text-decoration:none;position:relative}
a:hover,a:active{text-decoration:none;color:inherit;}
h1,h2,h3,h4,h5{}
h1{font-size:48px;line-height:100%}
h2{font-size:38px;line-height:100%}
h3{font-size:28px;line-height:100%}
h4{font-size:19px;line-height:100%}
h5{font-size:16px;line-height:100%}
p{font-size:14px;line-height: 160%;}
b, strong {font-weight: 700;}
.leadkep{max-width:100%;height:auto!important;min-width: 100%;}
.default-font {font-family: 'Open Sans', sans-serif;}
.alt-font {}
img {max-width: 100%;height: auto!important;}
/*site*/

/* .owl-stage-outer {padding-left:15px;padding-right:15px;} */
.owl-theme .owl-nav [class*=owl-] {width:34px!important;height:44px!important;background-repeat:no-repeat!important;transform:scale(1,1);transition:all ease-in .1s;}
.owl-theme .owl-nav [class*=owl-] span {display: none;}
.owl-theme .owl-nav [class*=owl-]:hover {transform:scale(.9,.9);background-color: transparent!important;}
.owl-theme .owl-nav .owl-prev {background-image:url(art/nav-left.svg)!important;margin-right:4rem;}
.owl-theme .owl-nav .owl-next {background-image:url(art/nav-right.svg)!important;}
/*override BS default styles*/
.row {margin-left: -4px;margin-right:-4px;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .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-auto {padding-left:4px;padding-right:4px;}
.card {border-radius: 0;border:0;}
.navbar-expand-lg .navbar-nav .nav-link {padding-left:.75rem;padding-right:.75rem;}
.navbar-dark .navbar-nav .nav-link {color: #fff;}
#nav-top .nav-link {font-weight:700;color: #fff;font-size: 20px;transition: all ease-out .1s;}
#nav-top .nav-link:hover {opacity: .8;}
#nav-top .active>.nav-link, #nav-top .nav-link.active, #nav-top .nav-link.show, #nav-top .show>.nav-link {}
#nav-top .dropdown-toggle::after {}
#nav-top .dropdown-menu {background-color:#fff;border-radius: 0;border: none;padding:0;margin-top:0;}
#nav-top .dropdown-item {color:#35a8e0;transition: all ease-in .2s;padding:10px 10px 10px 20px;position: relative;}
#nav-top .dropdown-item:after {content: '';width:10px;height:100%;background-image: url('art/a1.png');background-position: center;background-size: 5px;background-repeat: no-repeat;position: absolute;left:5px;top:0;}
#nav-top .dropdown-item:not(:last-child) {border-bottom:1px solid #35a8e0;}
#nav-top .dropdown-item:focus, #nav-top .dropdown-item:hover {background-color:rgba(53,168,224,.2);}
#nav-top .dropdown-toggle[aria-expanded="true"] {background-color: #fff;color:#35a8e0;}
/*-> bg-colors, text-colors*/
.bg-trans-1{background-color: rgba(255,255,255,.5);}
.bg-grad-2{background-color: #0094d8; background-image: linear-gradient(90deg, #0094d8, #b8d738);}
.bg-grad-3{background-color: #211f20; background-image: linear-gradient(180deg, #2c2a2b, #211f20);}

.bg-1 {background-color: #35a8e0;}
.bg-2 {background-color: #525252;}
.bg-3 {background-color: #ebf6fc;}
.bg-4 {background-color: #218c74;}
.bg-5 {background-color: #fff;}
.bg-6 {background-color: #0094d8;}
.bg-7 {background-color: #4bab52;}
.bg-8 {background-color: #b9d738;}
.bg-9 {background-color: #0f5f97;}
.bg-10 {background-color: #155c18;}
.bg-11 {background-color: #95b400;}
.bg-12 {background-color:#f5f5f5;}
.bg-13 {background-color: #0c5e98;}
.bg-white {background-color: #fff;}

.color-1, .color-1 a, a.color-1 {color: #35a8e0!important;}
.color-1 a:hover, a.color-1:hover {color: #44b8f1!important;}

.color-2, .color-2 a, a.color-2 {color: #525252!important;}
.color-2 a:hover, a.color-2:hover {color: #35a8e0!important;}

.color-3, .color-3 a, a.color-3 {color: #a8a8a8!important;}
.color-3 a:hover, a.color-3:hover {color: #35a8e0!important;}

.color-4, .color-4 a, a.color-4 {color: #848484!important;}
.color-4 a:hover, a.color-4:hover {color: #333!important;}

.color-5, .color-5 a, a.color-5 {color: #fff!important;}
.color-5 a:hover, a.color-5:hover {color: #fff!important;}

.color-6, .color-6 a, a.color-6 {color: #4bab52!important;}
.color-6 a:hover, a.color-6:hover {color: #333!important;}

.color-7, .color-7 a, a.color-7 {color: #0094d8!important;}
.color-7 a:hover, a.color-7:hover {color: #45bef6!important;}

.color-white, .color-white a, a.color-white {color: #fff!important;}
.color-white a:hover, a.color-white:hover {color: #fff!important;}


/*-> button styles*/
.btn-ghost  {width: 100%;height:100%;left: 0;top: 0;}
.btn-arrow i {position: relative;padding-right:24px;}
.btn-arrow i:after {content: '';width:16px;height:16px;background-image: url('art/a3.png');display: block;background-size: 100%;background-repeat: no-repeat;position: absolute;right:0;top:50%;transform: translateY(-50%);background-position: center;transition: all ease-out .4s;}
.btn-arrow:hover i:after {right:-5px;transition: all ease-out .1s;}
.btn { border-radius: 0; }
.btn.nav-link {padding:.33rem .5rem;}
.btn-primary {
  top: 0;
    color: #fff;
    background-color: #35a8e0;
    border-color: transparent;
    box-shadow:  none;
}
.btn-primary:hover {
  top: 0;
    color: #fff;
    background-color: #35b9ec;
    border-color: transparent;
    box-shadow:  none;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
    border-color: transparent;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #35b9ec;
    border-color: transparent;
}
.btn-secondary {
  top: 0;
    color: #fff;
    background-color: #c21010; background-image: linear-gradient(90deg, #c21010, #e02323);
    box-shadow:  0 3px 0 rgba(0,0,0,0);
}
.btn-secondary:hover {
  top: 0;
    color: #fff;
    background-color: #c21010; background-image: linear-gradient(130deg, #e02323, #e02323);
    box-shadow:  0 1px 0 rgba(0,0,0,0);
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38,143,255,0);
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #4cab52;
}
.btn-outline-light:hover {background-color: #35a8e0;color:#fff;border-color: #35a8e0;}
.btn-outline-danger {border:1px solid #c21010;}
.btn-success {
  top: 0;
    color: #fff;
    background-color: #0295d6; background-image: linear-gradient(90deg, #0295d6, #b8d638);
    box-shadow:  0 3px 0 rgba(0,0,0,.2);
}
.btn-success:hover {
  top: 2px;
    color: #fff;
    background-color: #0295d6; background-image: linear-gradient(130deg, #0295d6, #b8d638);
    box-shadow:  0 1px 0 rgba(0,0,0,.33);
}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38,143,255,0);
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #0295d6;
}
.btn.focus, .btn:focus {box-shadow: none;}
.btn-link {color: #cd6133;text-decoration: underline;}
/*font-weight + sizes*/
.font-weight-200, .font-weight-200 > * {font-weight: 200!important;}
.font-weight-300, .font-weight-300 > * {font-weight: 300!important;}
.font-weight-400, .font-weight-400 > * {font-weight: 400!important;}
.font-weight-500, .font-weight-500 > * {font-weight: 500!important;}
.font-weight-600, .font-weight-600 > * {font-weight: 600!important;}
.font-weight-700, .font-weight-700 > * {font-weight: 700!important;}
.font-weight-800, .font-weight-800 > * {font-weight: 800!important;}
.xs-font,.xs-font h1,.xs-font h2,.xs-font h3,.xs-font h4,.xs-font h5,.xs-font p{font-size:12px!important;line-height: 125%!important;}
.s-font,.s-font h1,.s-font h2,.s-font h3,.s-font h4,.s-font h5,.s-font p{font-size:16px!important;line-height: 150%!important;}
.m-font,.m-font h1,.m-font h2,.m-font h3,.m-font h4,.m-font h5,.m-font p{font-size:20px!important;line-height: 139%!important;}
.l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:24px!important;line-height: 119%!important;}
.xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:30px!important;line-height: 119%!important;}
.xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:51px!important;line-height: 110%;}
.xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:60px!important;line-height: 100%;}
/*UX - animations*/
.animate-1 {
  animation-name: animation-1-in;
  animation-duration: .25s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: reverse;
  animation-fill-mode: none;
}
.animate-1:hover {
  animation-name: animation-1-out;
  animation-duration: .25s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
.animation-move-right {
  animation-name: animation-move-right-back;
  animation-duration: .1s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
}
.animation-move-right:hover {
  animation-name: animation-move-right;
  animation-duration: .1s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
@keyframes animation-1-in {
  from {box-shadow:inset 0 0 0 0 rgba(255,255,255,.1);}
  to {box-shadow:inset 100px 60px 0 0 rgba(255,255,255,.2);}
}
@keyframes animation-1-out {
  from {box-shadow:inset 0 0 0 0 rgba(255,255,255,0);}
  to {box-shadow:inset 210px 60px 0 0 rgba(255,255,255,.2);}
}
@keyframes animation-move-right {
0%{left:0}
20%{left:1px}
100%{left:4px}
}
@keyframes animation-move-right-back {
0%{left:4px}
20%{left:1px}
100%{left:0}
}
.appear-from-bottom{position:relative;opacity:0;bottom:-100px;transition:all .8s ease-out}
.appear-from-bottom.animated{opacity:1;bottom:0}
.scale-up {transition:all ease-in .25s;opacity:1;transform:scale(.93)}
.scale-up.animated,.scale-up:hover{transform:scale(1);opacity:1}
.from-bottom{transform:translateY(45px)}
.active .from-bottom,.active-hover:hover .from-bottom{transform:translateY(0);opacity:1}
.delay-1{transition-delay:.5s}
.animated{animation-delay:1s}
.button-animated{background:none;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 .25rem;padding:1em 2em;-webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,0);box-shadow:inset 0 0 0 2px rgba(0,0,0,0);font-size:inherit;font-weight:700;position:relative;vertical-align:middle}
.button-animated::before,.button-animated::after{-webkit-box-sizing:inherit;box-sizing:inherit;content:'';position:absolute;width:100%;height:100%}
.draw{-webkit-transition:color .45s;transition:color .45s}
.draw::before,.draw::after{border:2px solid transparent;width:0;height:0}
.draw::before{top:0;left:0}
.draw::after{bottom:0;right:0}
.draw:hover{color:inherit}
.draw:hover::before,.draw:hover::after{width:100%;height:100%}
.draw:hover::before{border-top-color:#121212;border-right-color:#121212;-webkit-transition:width .45s ease-out,height .45s ease-out .25s;transition:width .45s ease-out,height .45s ease-out .45s}
.draw:hover::after{border-bottom-color:#121212;border-left-color:#121212;-webkit-transition:border-color 0 ease-out .55s,width .25s ease-out .55s,height .25s ease-out .75s;transition:border-color 0 ease-out .55s,width .25s ease-out .55s,height .25s ease-out .75s}
.meet:hover{color:#121212}
.meet::after{top:0;left:0}
.meet:hover::before{border-top-color:#121212;border-right-color:#121212}
.meet:hover::after{border-bottom-color:#121212;border-left-color:#121212;-webkit-transition:height .55s ease-out,width .25s ease-out .45s;transition:height .2s ease-out,width .65s ease-out .15s}
.border-me-before,.border-me-after,.z-1{position:relative;z-index:1}
.border-me-before:before,.border-me-after:after{content:'';width:100%;height:100%;position:absolute;top:100%;border:1px solid #d5d6da;z-index:-1}
.border-me-before:before{height:33%;right:33%;margin-top:-120px;border-bottom-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0)}
.border-me-after:after{left:33%;margin-top:-120px;border-bottom-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}
/*UI*/
.b-rad-1 {border-radius: .25rem;}
.b-rad-2 {border-radius: 10px;}
.b-rad-3 {border-radius: 18px;}
.opacity-1 {opacity: .1;}
.opacity-2 {opacity: .2;}
.opacity-5 {opacity: .5;}
.opacity-8 {opacity: .8;}
.menu ul,.menu-list ul{margin:0;padding:0}
.menu li{display:inline-block;padding-left:5px;padding-right:5px;list-style:none;}
.menu li:first-child {padding-left: 0;}
.menu-list li{list-style:none;margin:.25rem 0}
.menu-list.square li{list-style:inside square}
.img-fluid img{width:100%}
.socicons li{width:32px;height:32px;position:relative;transition:all ease-out .2s;transition-delay:.2s}
.socicons a{position:absolute;left:0;top:0;width:100%;height:100%;line-height:32px;font-size:20px}
.arrow{width:80px;height:80px;text-align:center;line-height:80px}
.bg-image{background-repeat:no-repeat}
.bg-cover{background-size:cover}
.bg-center {background-position: center;}
.bg-100{background-size:100%}
.bg-top{background-position:top center}
.bg-fixed{background-attachment:fixed}
.bg-contain{background-size:contain}
.sep-t{border-top:1px solid rgba(0,0,0,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);}
.sep-b{border-bottom:1px solid rgba(0,0,0,.5);}
.sep-t-2{border-top:1px solid #ecebea}
.sep-b-2{border-bottom:1px solid #ecebea}
.sep-t-3{border-top:1px solid #fff}
.sep-b-3{border-bottom:1px solid #fff}
.spacer{display:inline-block;padding-left:10px;padding-right:10px}
.absolute-center,.fixed-center,.vertical-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.fixed-center{position:fixed}
.vertical-center{transform:translate(0,-50%)}
/*site specific:*/
progress {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: .25em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    color: rgb(244, 241, 100);
    z-index: 9999;
}
progress::-webkit-progress-bar {
    background-color: transparent;
}
.flat {background-color: rgba(0,0,0,.03);}
.flat::-webkit-progress-value { background-color: rgba(0,0,0,.33);}
.flat::-moz-progress-bar {background-color: rgba(0,0,0,.33);}
.progress-container {
    width: 100%;
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    height: .25em;
    display: block;
}

.progress-bar {
    background-color: red;
    width: 50%;
    display: block;
    height: inherit;
}

/*shadows*/
.shadow-ext{box-shadow:0 0 15px rgba(0,0,0,.25)}
.shadow-ext-2{box-shadow:-4px 4px 0 rgba(0,0,0,.25)}
.shadow-ext-3{box-shadow:-4px 4px 0 rgba(0,0,0,.33)}
.text-shadow{text-shadow: 2px 2px 0 rgba(0,0,0,.1);}

/*placeholders*/
::-webkit-input-placeholder{color:#333;font-size:14px;font-weight:300;}
::-moz-placeholder{color:#333;font-size:14px;font-weight:300;}
:-ms-input-placeholder{color:#333;font-size:14px;font-weight:300;}
:-moz-placeholder{color:#333;font-size:14px;font-weight:300;}

@media (min-width: 992px) {

}
@media (min-width: 767px) {
}
@media (max-width: 768px) {
  .l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:20px!important;line-height: 100%!important;}
  .xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:28px!important;line-height: 100%!important;}
  .xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:30px!important;line-height: 100%!important;}
  .xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:40px!important;line-height: 100%!important;}
  .usp-columns .xxxl-font {font-size:28px!important;}
  .usp-columns .xl-font {font-size:18px!important;}
}
@media (max-width: 414px) {
  .btn {display: block;}
  .l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:18px!important;line-height: 100%!important;}
  .xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:24px!important;line-height: 100%!important;}
  .xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:20px!important;line-height: 100%!important;}
  .xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:34px!important;line-height: 100%!important;}
}