body {  background: url('https://www.innovationadvisors.cz/img/parallax-bg-1536s.jpg') no-repeat; /*background-size: cover;*/ background-attachment: fixed; margin: 0; padding: 0; color: rgb(34, 34, 34);font-family: 'Poppins', sans-serif;font-size: 16px;font-weight: 400;line-height: 24px;background-color: #d2d8dc; }

header { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; transition: all .25s ease; }
main { position: relative; z-index: 2; background-color: white;}
footer { position: relative; z-index: 2; background-color: #dcdcdc;}
subfooter { position: relative; z-index: 2; background-color: #0b6093;display: block;}
.footer-row { height: 56px; background: #fff; width: 100%; display: flex; justify-content: center; align-items: center; }
.logo-bg { background: white !important; height: 140px; display:none; }
.logo-bg-scroll { background: rgba(255,255,255,0.98) !important; border-bottom: 1px solid #c2c2c2;  }
.logo-h { height: 100px; display: flex; }
.logo-header { width:100%; display: inline-block; max-height: 50px; max-width: 380px; vertical-align: middle; }
.uli-size { font-size: 20px; }
.top-bg { max-width: 1536px;overflow: hidden;     background: url("https://www.innovationadvisors.cz/img/left-1536.png") no-repeat;   background-repeat: no-repeat;    background-position: 0px 0px; }
/* reveal animations */

.reveal-upzoom { opacity: 0; transform: translateY(100px);  }
.revealed-upzoom {  animation: revealUpzoomAnim .6s ease forwards;}
@keyframes revealUpzoomAnim {
  0% { opacity: 0; -webkit-transform: scale3d(.8,.8,.8);transform: scale3d(.3,.3,.3) translateY(100px); }
  100% { opacity: 1; -webkit-transform: scale3d(1,.1,1);transform: scale3d(1,1,1) translateY(0); }
}

.reveal-basic { opacity: 0; transform: translateY(80px);  }
.revealed-basic {  animation: revealBasicAnim 1s ease forwards;}
@keyframes revealBasicAnim {
  0% { opacity: 0; transform: translateY(80px); }
  100% { opacity: 1; transform: translateY(0); }
}
.reveal-basic,.revealed-basic {    will-change: opacity, transform;    transform: translateZ(0);    backface-visibility: hidden;}

.rev1eal-zoom { opacity: 0; transform: translateY(50px);}
.rev1ealed-zoom {animation:zoom 1.0s ease-out forwards;}
@keyframes zoom {    
0% {opacity: 0;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3) translateY(50px);}
50% {opacity: 1}
100% {-webkit-transform: scale3d(1,.1,1);transform: scale3d(1,1,1) translateY(0);}
}

.reveal-flyinform-L { opacity: 0.8; transform: translateX(-2200px); }
.revealed-flyinform-L {animation:flyinBounceFL .8s ease-out forwards;}
@keyframes flyinBounceFL {
0%{opacity:.8;transform:translateX(-2200px);}
55%{transform:translateX(28px);}
72%{transform:translateX(-12px);}
88%{transform:translateX(6px);}
100%{transform:translateX(0);}
}

.reveal-flyin-L { opacity: 0.8; transform: translateX(-1100px); }
.revealed-flyin-L {animation:flyinBounceL .8s ease-out forwards;}
@keyframes flyinBounceL {
0%{opacity:.8;transform:translateX(-1100px);}
55%{transform:translateX(28px);}
72%{transform:translateX(-12px);}
88%{transform:translateX(6px);}
100%{transform:translateX(0);}
}

.rev2eal-flyin-L { opacity: 0.8; transform: translateX(-1100px); }
.rev2ealed-flyin-L {animation:flyinBounceL .8s ease-out forwards;}
@keyframes flyinBounceL {
0%{opacity:.8;transform:translateX(-1100px);}
55%{transform:translateX(28px);}
72%{transform:translateX(-12px);}
88%{transform:translateX(6px);}
100%{transform:translateX(0);}
}


/* Normal right fly-in */
.rev1eal-flyin-R {opacity:.8;transform:translateX(1550px);}
.rev1ealed-flyin-R {animation:flyinBounceR .8s ease-out forwards;}
@keyframes flyinBounceR {
0%{opacity:.8;transform:translateX(1550px);}
55%{transform:translateX(-28px);}
72%{transform:translateX(12px);}
88%{transform:translateX(-6px);}
100%{transform:translateX(0);}
}

/* GALLERY - img effects*/
.fncGallery img {	opacity: 1; transition: opacity 0.2s ease-in-out; cursor: pointer;}
.fncGallery img:hover {	opacity: 0.5;}
.lightbox img {	opacity: 1; transition: opacity 0.2s ease-in-out; cursor: pointer;}
.lightbox img:hover {	opacity: 0.8;}
.opacity img {	opacity: 1; transition: opacity 0.2s ease-in-out; cursor: pointer;}
.opacity img:hover {	opacity: 0.75;}
.lightbox2 img {	opacity: 1; transition: opacity 0.2s ease-in-out; cursor: pointer;}
.lightbox2 img:hover {	opacity: 0.8;}
 /* Custom modal size at different breakpoints */
        @media (min-width: 0px) {	.modalform {width: 85vw;height: 300px;} .body-bg { background-position: calc(50% - 100px) -110px; } .logo-h { height: 100px; } .uli-size { font-size: 17px; } .topup-size {width:45px; height:45px; right:20px; bottom:20px;}	
.accent-bg-containerA { background-color: #fff; background-image: url(https://www.innovationadvisors.cz/img/middle-1536.png);background-position: -250px top; background-repeat: no-repeat; } 	
.accent-bg-containerB { background-color: #fff; background-image: url("https://www.innovationadvisors.cz/img/middle-1536_orange.png");background-position: -750px top; background-repeat: no-repeat; }
.accent-bg-containerC {  background-image: url("https://www.innovationadvisors.cz/img/footer-top-bg.png");background-position: -400px top; background-repeat: no-repeat; }    
.accent-bg-containerD { background-color: #fff; background-image: url("https://www.innovationadvisors.cz/img/middle-1536_blue.png");background-position: -900px top; background-repeat: no-repeat; }  .videospacer { height: 210px; }  .menupadd { margin: 51px 20px 0px 0px; }    .homehid { display: none !important; }    }
        @media (min-width: 612px) {	.modalform {width: 85vw;height: 300px;} .body-bg { background-position: calc(50% - 50px) -40px; } .logo-h { height: 100px; }  .uli-size { font-size: 17px; } .topup-size {width:45px; height:45px; right:20px; bottom:20px;}	
.accent-bg-containerA { background-color: #fff; background-image: url(https://www.innovationadvisors.cz/img/middle-1536.png);background-position: -250px top; background-repeat: no-repeat; }
.accent-bg-containerB { background-color: #fff; background-image: url("https://www.innovationadvisors.cz/img/middle-1536_orange.png");background-position: -600px top; background-repeat: no-repeat; }
.accent-bg-containerC {  background-image: url("https://www.innovationadvisors.cz/img/footer-top-bg.png");background-position: -240px top; background-repeat: no-repeat; }    
.accent-bg-containerD { background-color: #fff; background-image: url("https://www.innovationadvisors.cz/img/middle-1536_blue.png");background-position: -650px top; background-repeat: no-repeat; }  .videospacer { height: 240px; }   .menupadd { margin: 51px 20px 0px 0px; }   .homehid { display: none !important; }   	}
        @media (min-width: 880px) {	.modalform {width: 580px;height: 300px;} .body-bg { background-position: center top; } .logo-h { height: 100px; } .uli-size { font-size: 18px; }	.topup-size {width:55px; height:55px; right:30px; bottom:30px;}  
.accent-bg-containerA { background-color: #fff; background-image: url(https://www.innovationadvisors.cz/img/middle-1536.png);background-position: -250px top; background-repeat: no-repeat; }
.accent-bg-containerB { background-color: #fff; background-image: url("https://www.innovationadvisors.cz/img/middle-1536_orange.png");background-position: -550px top; background-repeat: no-repeat; } 
.accent-bg-containerC {  background-image: url("https://www.innovationadvisors.cz/img/footer-top-bg.png");background-position: -400px top; background-repeat: no-repeat; }     
.accent-bg-containerD { background-color: #fff; background-image: url("https://www.innovationadvisors.cz/img/middle-1536_blue.png");background-position: -500px top; background-repeat: no-repeat; }   .videospacer { height: 250px; }   .menupadd { margin: 51px 20px 0px 0px; }    .homehid { display: none !important; }      	}
        @media (min-width: 1000px) {	.modalform {width: 580px;height: 300px;} .body-bg { background-position: center top; } .logo-h { height: 100px; } .uli-size { font-size: 20px; }		.topup-size {width:55px; height:55px; right:30px; bottom:30px;}	 
.accent-bg-containerA { background-color: #fff; background-image: url(https://www.innovationadvisors.cz/img/middle-1536.png);background-position: center top; background-repeat: no-repeat; }
.accent-bg-containerB { background-color: #fff; background-image: url("https://www.innovationadvisors.cz/img/middle-1536_orange.png");background-position: center top; background-repeat: no-repeat; } 
.accent-bg-containerC {  background-image: url("https://www.innovationadvisors.cz/img/footer-top-bg.png");background-position: center top; background-repeat: no-repeat; }     
.accent-bg-containerD { background-color: #fff; background-image: url("https://www.innovationadvisors.cz/img/middle-1536_blue.png");background-position: center top; background-repeat: no-repeat; }    .videospacer { height: 260px; }  .menupadd { margin: 51px 20px 0px 0px; }    .homehid { display: none !important; }          }
        @media (min-width: 1470px) {	.modalform {width: 580px;height: 300px;} .body-bg { background-position: center top; }  .logo-h { height: 100px; } .uli-size { font-size: 20px; }	.topup-size {width:55px; height:55px; right:30px; bottom:30px;}	 
.accent-bg-containerA { background-color: #fff; background-image: url(https://www.innovationadvisors.cz/img/middle-1536.png);background-position: center top; background-repeat: no-repeat; } 
.accent-bg-containerB { background-color: #fff; background-image: url("https://www.innovationadvisors.cz/img/middle-1536_orange.png");background-position: center top; background-repeat: no-repeat; }  
.accent-bg-containerC {  background-image: url("https://www.innovationadvisors.cz/img/footer-top-bg.png");background-position: center top; background-repeat: no-repeat; }      
.accent-bg-containerD { background-color: #fff; background-image: url("https://www.innovationadvisors.cz/img/middle-1536_blue.png");background-position: center top; background-repeat: no-repeat; }    .videospacer { height: 260px; }  .menupadd { margin: 51px 40px 0px 0px; }    .homehid { display: inline-block !important; }        }
        @media (min-width: 1700px) {	.modalform {width: 580px;height: 300px;}  .body-bg { background-position: center top; } .logo-h { height: 100px; } .uli-size { font-size: 20px; }	.topup-size {width:55px; height:55px; right:30px; bottom:30px;}	
.accent-bg-containerA { background-color: #fff; background-image: url(https://www.innovationadvisors.cz/img/middle-1536.png);background-position: center top; background-repeat: no-repeat; }  
.accent-bg-containerB { background-color: #fff; background-image: url("https://www.innovationadvisors.cz/img/middle-1536_orange.png");background-position: center top; background-repeat: no-repeat; } 
.accent-bg-containerC {  background-image: url("https://www.innovationadvisors.cz/img/footer-top-bg.png");background-position: center top; background-repeat: no-repeat; }      
.accent-bg-containerD { background-color: #fff; background-image: url("https://www.innovationadvisors.cz/img/middle-1536_blue.png");background-position: center top; background-repeat: no-repeat; }    .videospacer { height: 260px; }   .menupadd { margin: 51px 40px 0px 0px; }     .homehid { display: inline-block !important; }        }
        @media (min-width: 1880px) {	.modalform {width: 580px;height: 300px;}  .body-bg { background-position: center top; } .logo-h { height: 100px; } .uli-size { font-size: 20px; }	.topup-size {width:55px; height:55px; right:30px; bottom:30px;}	
.accent-bg-containerA { background-color: #fff; background-image: url(https://www.innovationadvisors.cz/img/middle-1536.png);background-position: center top; background-repeat: no-repeat; }  
.accent-bg-containerB { background-color: #fff; background-image: url("https://www.innovationadvisors.cz/img/middle-1536_orange.png");background-position: center top; background-repeat: no-repeat; } 
.accent-bg-containerC {  background-image: url("https://www.innovationadvisors.cz/img/footer-top-bg.png");background-position: center top; background-repeat: no-repeat; }     
.accent-bg-containerD { background-color: #fff; background-image: url("https://www.innovationadvisors.cz/img/middle-1536_blue.png");background-position: center top; background-repeat: no-repeat; }    .videospacer { height: 260px; }  .menupadd { margin: 51px 40px 0px 0px; }     .homehid { display: inline-block !important; }     }

@media (min-width:0px){
#onas, #about-us{scroll-margin-top:140px;}
#sluzby{scroll-margin-top:120px;}
#reference{scroll-margin-top:135px;}
#kontakt, #contact{scroll-margin-top:90px;}
#acquisition-activities, #akvizicni-cinnost {scroll-margin-top:150px;}
#subsidy-advisory, #dotace {scroll-margin-top:90px;}
#energy, #energetika {scroll-margin-top:90px;}
#research-science, #veda-vyzkum {scroll-margin-top:170px;}
#construction, #stavebnictvi {scroll-margin-top:170px;}
.footer-bg-bottom { margin-left: -16px;margin-right: -16px; }
.footmarg { margin-top: -450px; }
.footspacer { margin-top: 150px; }
	.ulii a {font-weight:400;padding: 0px 0px 0px;text-transform:uppercase;border-bottom: 1px solid transparent; text-decoration: none;transition: all 0.3s ease-in-out;letter-spacing: -0.2px;color: #5a6a81; }
}
@media (min-width:768px){
#onas, #about-us{scroll-margin-top:70px;}
#sluzby{scroll-margin-top:56px;}
#reference{scroll-margin-top:70px;}
#kontakt, #contact{scroll-margin-top:120px;}
#acquisition-activities, #akvizicni-cinnost {scroll-margin-top:180px;}
#subsidy-advisory, #dotace {scroll-margin-top:90px;}
#energy, #energetika {scroll-margin-top:90px;}
#research-science, #veda-vyzkum {scroll-margin-top:170px;}
#construction, #stavebnictvi {scroll-margin-top:170px;}
.footer-bg-bottom { margin-left: -24px;margin-right: -24px; }
.footmarg { margin-top: -350px; }
.footspacer { margin-top: 260px; }
	.ulii a {font-weight:400;padding: 0px 0px 0px;text-transform:uppercase;border-bottom: 1px solid transparent; text-decoration: none;transition: all 0.3s ease-in-out;letter-spacing: 0.2px;color: #5a6a81; }
}

/* Carousel Buttons */
.carousel-btn { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: auto; /* let it shrink to fit inner button */ padding: 0 36px; /* optional spacing from edge */ color: #000000; text-align: center; background: transparent; border: 0; opacity: 0.75; transition: opacity 0.15s ease; }
.carousel-btn.prev { left: 0; }
.carousel-btn.next { right: 0; }
.carousel-btn div.inner-btn { cursor: pointer; position: absolute; /*top: 44%;*/ color: #fff; background-color: rgb(32, 33, 36); opacity: 0.9; border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s ease; /* added transition for hover */ }
.carousel-btn div.inner-btn:hover { background-color: #AEAEAE; /* lighter gray on hover */ opacity: 0.8; }
.carousel-btn div.inner-btn svg { width: 36px; height: 36px; }
.carousel-btn.next div.inner-btn { transform: rotate(180deg); }
/* arrows */
.control-circle { background-color: rgba(255,255,255,0.85); border-radius: 50%; width: 48px; height: 48px; }
/* Carousel bullets */
.carousel-bullets-wrapper { display: flex; justify-content: center; gap: 8px; }
.carousel-bullet { width: 10px; height: 10px; border-radius: 50%; background-color: rgb(189,193,198); cursor: pointer; transition: background-color 0.3s, transform 0.3s; }
.b88 { width: 8px !important; height: 8px !important; margin-top: 1px !important; }
.b66 { width: 6px !important; height: 6px !important; margin-top: 2px !important; }
.carousel-bullet.active { background-color: #827153; transform: scale(1.0); }
/* Carousel size */
#mainCarousel .carousel-inner { width: 100%; max-height: 655px; /* optional max height */ overflow: hidden; }
#mainCarousel .carousel-item img { width: 100%; height: auto;       /* image scales proportionally */ object-fit: cover;  /* fills the container while keeping ratio */ }
/* Carousel anim */
.carousel.carousel-fade .carousel-item { opacity: 0; transition: opacity .8s ease-in-out; }
.carousel.carousel-fade .carousel-item.active, .carousel.carousel-fade .carousel-item-next.carousel-item-start, .carousel.carousel-fade .carousel-item-prev.carousel-item-end {    opacity: 1;}
.carousel.carousel-fade .active.carousel-item-start, .carousel.carousel-fade .active.carousel-item-end {    opacity: 0;}
/* Remove Bootstrap transform animations (cause of white flash) */
.carousel.carousel-fade .carousel-item, .carousel.carousel-fade .carousel-item.active { transform: none !important; }

.justify { text-align: justify; }


/* ========================== design ====================== */
.max-w-1536{max-width:1536px;}
.max-w{max-width:1170px;}

/* top menu  ---------- */
.ul { margin: 0; padding: 0; list-style: none; }
.uli { margin:0; position: relative; list-style: none; padding: 0; display: inline-block; }
.ulii { margin:0; position: relative; list-style: none; padding: 0; display: inline-block; }
.ulix { margin:0; position: relative; list-style: none; padding: 0; display: inline-block; }
.ulix a {font-size: 20px;font-weight:400;padding: 0px 0px 0px;text-transform:uppercase;border-bottom: 1px solid transparent;color: #FF9700; text-decoration: none;transition: all 0.3s ease-in-out;letter-spacing: 0.2px; }
.ulix a:hover {font-size: 20px;font-weight:400;padding: 0px 0px 0px;text-transform:uppercase;border-bottom: 1px solid transparent;color: #ffe289; text-decoration: none;transition: all 0.3s ease-in-out;letter-spacing: 0.2px; }
.uli a {font-size: 20px;font-weight:400;padding: 0px 0px 0px;text-transform:uppercase;border-bottom: 1px solid transparent; text-decoration: none;transition: all 0.3s ease-in-out;letter-spacing: 0.2px;color: #fff; }
.uli a:hover { font-weight:400;color: #FF9700; background-color: transparent; /*border-bottom:1px solid #e9e9e9;*/ }
.ulii a {font-weight:400;padding: 0px 0px 0px;text-transform:uppercase;border-bottom: 1px solid transparent; text-decoration: none;transition: all 0.3s ease-in-out;letter-spacing: 0.2px;color: #5a6a81; }
.ulii a:hover { font-weight:400;color: #FF9700; background-color: transparent; /*border-bottom:1px solid #e9e9e9;*/ }
.uliix { margin:0; position: relative; list-style: none; padding: 0; display: inline-block; }
.uliix a {ffont-weight:400;padding: 0px 0px 0px;text-transform:uppercase;border-bottom: 1px solid transparent;color: #FF9700; text-decoration: none;transition: all 0.3s ease-in-out;letter-spacing: 0.2px; }
.uliix a:hover {font-weight:400;padding: 0px 0px 0px;text-transform:uppercase;border-bottom: 1px solid transparent;color: #5a6a81; text-decoration: none;transition: all 0.3s ease-in-out;letter-spacing: 0.2px; }

.pack-li { margin:0; position: relative; list-style: none; padding: 0; display: inline-block; }
.pack-li a {font-size: 18px;font-weight:500; text-decoration: none;transition: all 0.3s ease-in-out;letter-spacing: 0.2px;color: #5a6a81;cursor: pointer;display: inline-block;margin: 0 10px;line-height: 1;padding: 15px 25px;background: #f3f3f3;border-radius: 30px;margin-bottom: 20px; }
.pack-li a:hover { font-weight:500;color: #008bc1; /*border-bottom:1px solid #e9e9e9;*/ }
.pack-lix { margin:0; position: relative; list-style: none; padding: 0; display: inline-block; }
.pack-lix a {font-size: 18px;font-weight:500; text-decoration: none;transition: all 0.3s ease-in-out;letter-spacing: 0.2px;color: #008bc1;cursor: pointer;display: inline-block;margin: 0 10px;line-height: 1;padding: 15px 25px;background: #f3f3f3;border-radius: 30px;margin-bottom: 20px; }
.pack-lix a:hover { font-weight:500;color: #5a6a81; /*border-bottom:1px solid #e9e9e9;*/ }
/*.ulix a:hover { font-weight:800;color: rgb(77, 81, 107); background-color: transparent; border-bottom:1px solid #e9e9e9; }*/
/*.ulix a {font-size: 17px;font-weight:800;padding: 0px 0px 0px;text-transform:uppercase;border-bottom: 1px solid transparent;color: rgb(253, 147, 16); text-decoration: none;transition: all 0.3s ease-in-out;letter-spacing: 0.2px; }
.ulix a:hover { font-weight:800;color: rgb(77, 81, 107); background-color: transparent; border-bottom:1px solid #e9e9e9; }
.uli a {font-size: 17px;font-weight:400;padding: 0px 0px 0px;text-transform:uppercase;border-bottom: 1px solid transparent; text-decoration: none;transition: all 0.3s ease-in-out;letter-spacing: 0.2px;color: #5a6a81; }
.uli a:hover { font-weight:800;color: rgb(253, 147, 16); background-color: transparent;  }*/
.b-ulix a {font-size: 17px;font-weight:800;padding: 0px 0px 0px;text-transform:uppercase;border-bottom: 1px solid transparent;color: #61e7fd; text-decoration: none;transition: all 0.3s ease-in-out;letter-spacing: 0.2px; }
.b-uli a {font-size: 17px;font-weight:400;padding: 0px 0px 0px;text-transform:uppercase;border-bottom: 1px solid transparent; text-decoration: none;transition: all 0.3s ease-in-out;letter-spacing: 0.2px;color: #5a6a81; }
.b-uli a:hover { font-weight:800;color: #61e7fd; background-color: transparent; /*border-bottom:1px solid #e9e9e9;*/ }
.head-h1-ico { font-size: 125px; font-weight: 700; color: rgb(253, 147, 16);}
.head-h1-icox { font-size: 65px; font-weight: 700; color: rgb(253, 147, 16);}
.head-h1-icoxy { font-size: 95px; font-weight: 700; color: rgb(253, 147, 16);}
.b-head-h1-ico { font-size: 125px; font-weight: 700; color: #61e7fd;}
.b-head-h1-icox { font-size: 65px; font-weight: 700; color: #61e7fd;}
.b-head-h1-icoxy { font-size: 95px; font-weight: 700; color: #61e7fd;}
.head-h1-left { font-size: 106px; font-weight: 700; margin-bottom: 20px; color: #4d5d6b; font-family: 'Oswald', sans-serif;line-height: 1.2;letter-spacing: 3px;white-space: nowrap;text-align: left;width: 100%;text-transform:uppercase;}
.head-h1-leftx { font-size: 56px; font-weight: 700; margin-bottom: 20px; color: #4d5d6b; font-family: 'Oswald', sans-serif;line-height: 1.2;letter-spacing: 3px;white-space: nowrap;text-align: left;width: 100%;text-transform:uppercase;}
.head-h1-leftxy { font-size: 80px; font-weight: 700; margin-bottom: 20px; color: #4d5d6b; font-family: 'Oswald', sans-serif;line-height: 1.2;letter-spacing: 3px;white-space: nowrap;text-align: left;width: 100%;text-transform:uppercase;}
.h1-txt { font-size: 19px;    font-weight: 300;    color: #8c959d;    text-decoration: none;    transition: all 0.3s ease-in-out;    line-height: 28px;   letter-spacing: 0.1px;    width: 650px;}
.h1-txtx {     font-size: 18px;    font-weight: 300;    color: #77838d;    text-decoration: none;    transition: all 0.3s ease-in-out;    line-height: 28px;    letter-spacing: 0.1px;    width: 500px;}
.h1-txtxy {     font-size: 18px;    font-weight: 300;    color: #66717a;    text-decoration: none;    transition: all 0.3s ease-in-out;    line-height: 28px;    letter-spacing: 0.1px;    width: 400px;}
/*.head-h1 { font-size: 106px; font-weight: 700; margin-bottom: 20px; color: #4d5d6b; font-family: 'Oswald', sans-serif;line-height: 1.2;letter-spacing: 3px;white-space: nowrap;text-transform:uppercase;}*/
.card-bicon { font-size:48px;color: #5a6a81;line-height: 48px;margin-bottom: 15px;padding-top: 10px;transition: color 0.3s ease;  }
.bicon-wrap { height:50px;margin-bottom: 15px;    margin-top: 5px;  }
.card-head {font-size: 23px;font-weight:600;color: #fd9310; text-decoration: none;transition: color 0.3s ease;line-height: 28px;margin-bottom: 15px;letter-spacing: 0.7px;}
.b-card-head {font-size: 23px;font-weight:600;color: #00c4ff; text-decoration: none;transition: color 0.3s ease;line-height: 28px;margin-bottom: 15px;letter-spacing: 0.7px;}
.card-txt {font-size: 16px;font-weight:400;color: #5a6a81; text-decoration: none;transition: color 0.3s ease;line-height: 24px;letter-spacing: 0.1px;}
.body-txt {font-size: 20px;line-height: 28px;font-weight:400;color: #5a6a81; text-decoration: none;transition: color 0.3s ease;letter-spacing: 0.1px;}
.body-txts {font-size: 17px;line-height: 26px;font-weight:400;color: #5a6a81; text-decoration: none;transition: color 0.3s ease;letter-spacing: 0.1px;}
.body-txt a {font-size: 20px;line-height: 28px;font-weight:400;color: #1c79b1; text-decoration: none;transition: color 0.3s ease;letter-spacing: 0.1px;}
.body-txts a {font-size: 17px;line-height: 26px;font-weight:400;color: #1c79b1; text-decoration: none;transition: color 0.3s ease;letter-spacing: 0.1px;}
.body-txt a:hover {font-size: 20px;line-height: 28px;font-weight:400;color: #41a6e2; text-decoration: none;transition: color 0.3s ease;letter-spacing: 0.1px;}
.body-txts a:hover {font-size: 17px;line-height: 26px;font-weight:400;color: #41a6e2; text-decoration: none;transition: color 0.3s ease;letter-spacing: 0.1px;}
.body-head {font-weight:600;color: #1c79b1; text-decoration: none;letter-spacing: 0.4px;font-size: 23px;  line-height: 28px;}
.body-heads {font-weight:600;color: #1c79b1; text-decoration: none;letter-spacing: 0.4px;font-size: 21px;  line-height: 26px;}
.body-lir {list-style-position: inside; direction: rtl;padding-right: 1.5em;    text-indent: -1.5em;}
.body-li {list-style-position: inside; direction:ltr;padding-left: 1.5em;    text-indent: -1.5em;}
.ref-bg {background-color: white; transition: background-color 0.3s ease; max-height: 100px; box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px;}
.ref-obr {    max-width: 98%;   max-height: 100px;}
.card-bg-b {background-color: white; transition: background-color 0.3s ease;box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px;}
.card-bg-b:hover { background-color: #4b94bf;    background-image: linear-gradient(to bottom right, #2d7ab2, #4b94bf); cursor: pointer; box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px;   }
.card-bg-b:hover .card-head, .card-bg-b:hover .card-txt, .card-bg-b:hover .card-bicon i {    color: white; cursor: pointer; }
.card-bg-lb {background-color: white; transition: background-color 0.3s ease;box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px;}
.card-bg-lb:hover { background-color: #fff; background-image: linear-gradient(to bottom right, #ffffff, #cddae2); cursor: pointer; box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px;   }
.card-bg-lb:hover .card-head, .card-bg-lb:hover .card-bg-lb:hover  {   color: #1a99d7;  cursor: pointer; }
.card-bg {background-color: white; transition: background-color 0.3s ease;box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px;}
.card-bg:hover { background-color: #fd9310; background-image: linear-gradient(to bottom right, #FF9700, #ffa302); cursor: pointer; box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px;   }
.card-bg:hover .card-head, .card-bg:hover .card-txt, .card-bg:hover .card-bicon i {    color: white; cursor: pointer; }
.b-card-bg {background-color: white; transition: background-color 0.3s ease; box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px;}
.b-card-bg:hover { /*background-color: #00c4ff;*/ cursor: pointer;background-color: #307cb3;background-image: linear-gradient(to bottom right, #2d7ab2, #4b94bf); box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px;}
.b-card-bg:hover .b-card-head, .b-card-bg:hover .card-txt, .b-card-bg:hover .card-bicon i {    color: white; cursor: pointer; }

.flyer {min-height: 260px;  background-repeat: no-repeat; background-position: top center;background-size: 100% auto;cursor: pointer;transition: all 0.3s ease-in-out; position: relative;}
.flyer .flyer-head {font-size: 18px;    text-decoration: none;    font-weight: 500; color: rgba(255, 255, 255, 1);transition: all 0.3s ease-in-out;}
.flyer .flyer-text {font-size: 16px;    text-decoration: none;    font-weight: 300; color: rgba(255, 255, 255, 1);transition: all 0.3s ease-in-out;}

.flyer .flyer-accent {    padding: 25px 20px;    position: absolute;    z-index: 2;    bottom: 0;    background-color: #063856;/*#28a0e9*/    /*border-radius: 0 2rem 0 2rem;*/    line-height: 1;    border-radius: 2rem 0 2rem 0;transition: all 0.3s ease-in-out;min-width: 170px;}
.flyer:hover .flyer-accent  {  background-color: #28a0e9;/*#595959*/;min-width: 188px;}

.flyer .flyer-info {font-size: 16px;font-weight:400;color: #5a6a81; text-decoration: none;transition: all 0.3s ease-in-out;line-height: 24px;letter-spacing: 0.1px; opacity: 0;transform:translateX(-15px);}
.flyer .flyer-bg {background: rgba(255, 255, 255, 0.15);transition: all 0.3s ease-in-out; }
.flyer:hover .flyer-bg { background: rgba(255, 255, 255, .98);background: linear-gradient(90deg,rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .75) 57%, rgba(255, 255, 255, 0.2) 100%);box-shadow: inset 0 0 0 1px #efefef; }
.flyer:hover .flyer-info  {  opacity: 1; transform:translateX(0);}
.flyer:hover  { box-shadow: inset 0 0 0 1px #efefef;  background-size: 105% auto;   }

/*.flyer .flyer-info {font-size:16px;font-weight:400;color:#5a6a81;text-decoration:none;transition:all 0.3s ease-in-out;line-height:24px;letter-spacing:0.1px;opacity:1;transform:translateX(0);}
.flyer .flyer-bg {background:rgba(255,255,255,0.98);background:linear-gradient(90deg,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.75) 57%,rgba(255,255,255,0.2) 100%);box-shadow:inset 0 0 0 1px #efefef;transition:all 0.3s ease-in-out;}
.flyer {box-shadow:inset 0 0 0 1px #efefef;background-size:105% auto;}
.flyer:hover .flyer-info {opacity:0;transform:translateX(-15px);}
.flyer:hover .flyer-bg {background:rgba(255,255,255,0);box-shadow:none;}*/

.flyer-cena  { font-weight: 900;font-size: 18px;color: #e4ffb3;  }
.flybox  { position: relative; max-height: 281px;  }

.filterhide {
  pointer-events: none;
  animation:filteroff 0.3s ease-out forwards;
}
.filtershow {
  pointer-events: auto;
  animation:filteron 0.3s ease-out forwards;
}
@keyframes filteroff {
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0); }
}
@keyframes filteron {
  0% { opacity: 0; transform: scale(0); }
  100% { opacity: 1; transform: scale(1); }
}

.c-card-blue {background-color: #28a0e9 !important; }
.c-card-head {font-size: 18px;font-weight:600;color: #fff; text-decoration: none;transition: color 0.3s ease;line-height: 28px;margin-bottom: 15px;letter-spacing: 0.7px;white-space: nowrap;}
.c-card-txt {font-size: 14px;font-weight:400;color: #fff; text-decoration: none;transition: color 0.3s ease;line-height: 24px;letter-spacing: 0.1px;}
.c-card-num {font-size: 12px;    color: white;    margin: 2px 6px 2px 0px;    padding: 0px 5px 0px 5px;    font-weight: bold;    background-color: #97cf56;    width: 18px;    display: inline-block;    text-align: center;    line-height: 17px;}

.sub-card-head {font-size: 23px;font-weight:600;color: /*#515e6a*/#4f646e; text-decoration: none;transition: color 0.3s ease;line-height: 28px;margin-bottom: 15px;letter-spacing: 0.7px;/*white-space: nowrap;*/}
.sub-card-bg {background-color: #E5E5E5; transition: background-color 0.3s ease;}

.head-h2 {text-transform: uppercase;font-size: 43px;font-weight: 800;letter-spacing: 0.7px;color: #fd9310; text-decoration: none;transition: color 0.3s ease;line-height: 28px;}
.b-head-h2 {text-transform: uppercase;font-size: 43px;font-weight: 800;letter-spacing: 0.7px;color: #008bc1; text-decoration: none;transition: color 0.3s ease;line-height: 28px;}
.head-h2s {text-transform: uppercase;font-size: 27px;font-weight: 800;letter-spacing: 0.7px;color: #fd9310; text-decoration: none;transition: color 0.3s ease;line-height: 28px;}
.b-head-h2s {text-transform: uppercase;font-size: 27px;font-weight: 800;letter-spacing: 0.7px;color: #008bc1; text-decoration: none;transition: color 0.3s ease;line-height: 28px;}
.faq-bg {background-color: white; box-shadow: rgba(149, 157, 165, 0.12) 0px 3px 15px;font-size: 16px;font-weight:400;color: #5a6a81; text-decoration: none;line-height: 24px;letter-spacing: 0.1px;    border: 1px solid #f1f1f1;cursor: pointer;}
.faq-head {font-size: 18px;font-weight:600;color: #fd9310; text-decoration: none;line-height: 24px;letter-spacing: 0.4px;cursor: pointer;}
.b-faq-head {font-size: 18px;font-weight:600;color: #1c79b1; text-decoration: none;line-height: 24px;letter-spacing: 0.4px;cursor: pointer;}
.faq-txt {font-size: 16px;font-weight:400;color: #434C5E; text-decoration: none;line-height: 24px;letter-spacing: 0.1px;}
.faq-down {background-color: #fd9310;width: 30px;height: 30px;color: white;cursor: pointer;flex-shrink: 0;transition: transform 0.3s}
.b-faq-down {background-color: #00c4ff;width: 30px;height: 30px;color: white;cursor: pointer;flex-shrink: 0;transition: transform 0.3s}
/*.faq-up {background-color: #d5d5d5;width: 30px;height: 30px;color: white;cursor: pointer;transform: rotate(180deg);flex-shrink: 0;}*/
.head-input {margin-bottom: 5px;font-weight: 700;color: #0b6093; display: block;font-size: 18px;line-height: 1.45; }
.head-input-x {margin-bottom: 5px;font-weight: 700;color: #0b6093; display: block;font-size: 32px;line-height: 1; }
.head-call { text-transform: uppercase;font-size: 28px;font-weight: 400;line-height: 1.2;color: #0b6093;white-space: nowrap;  }

.slogan{}
.slogan-img{width: 70%; max-width: 750px;min-width: 420px;}
.hb-menu-white{ font-size: 38px;color: #ffffff;text-shadow: 0px 1px 5px #555;margin-right: 10px;}
.hb-menu-gold{ color: #c3a354;font-size: 38px;margin-right: 10px;}
.hb-bg{ background-image: url('https://www.innovationadvisors.cz/img/hb.png'); background-repeat: no-repeat; background-position: top right;}
/*a.hb-menu:hover{ color: rgb(149, 144, 132);}*/
.fot{ text-align: center; font-size: 14px; /*font-family: Roboto, sans-serif;*/ color: #403f3c;}
a.fot:hover{ color: rgb(149, 144, 132);}
.asocial { width: 32px; height: 32px; margin: 6px; background-color: rgb(95, 99, 104); background-image: linear-gradient(rgb(95, 99, 104), rgb(95, 99, 104)); border-radius: 50%; display: inline-block; vertical-align: middle; text-align: center; line-height: 0; font-size: 10pt; }
a.asocial:hover { background-color: rgb(155, 144, 119); background-image: linear-gradient(rgb(155, 144, 119), rgb(155, 144, 119)); }
.imgsocial { width: 28px; height: 28px; margin: 2px; }
.thumb { margin-right: 5px;margin-bottom: 5px;margin-top: 5px;height: 100px;}
.thumb-mini { position: relative;    height: 49px;    width: 69px;    float: right;    top: -3px;    margin-left: 3px;}
.shadw { box-shadow: 0px 0px 20px 0px #00000005; }
.menu-li { min-width: 250px; transition: background-color 0.2s ease-in-out; }
.menu-li-border { border-bottom: 1px solid #efefef; min-width: 250px; transition: background-color 0.2s ease-in-out; }
.menu-li:hover { background-color: #f3f6f7;  }
.menu-li-border:hover { background-color: #f3f6f7; }
.menu-modal { position: fixed;top: 120px; right: 10px; background-color: white;border: 1px solid #e3ebee;    z-index: 999;box-shadow: rgb(15 52 72 / 50%) 0px 3px 26px; }
.sluzby-modal { position: relative;top: 20px; right: 350px; background-color: white;border: 1px solid #e3ebee;    z-index: 999;box-shadow: rgb(15 52 72 / 50%) 0px 3px 26px; }
.sluzby-modal-m { position: static;    background-color: white;    border: 1px solid #e3ebee;    box-shadow: rgb(15 52 72 / 15%) 0px 9px 20px;    margin-right: 250px; }
.sluzby-modalcont-m { position: fixed;top: 80px;z-index: 999; }
.sluzby-modal-mc { position: static;    background-color: white;    border: 1px solid #e3ebee;  box-shadow: rgb(15 52 72 / 50%) 0px 3px 26px; }
.sluzby-modalcont-mc { position: fixed;top: 110px;z-index: 1000; }
/*strong { color: #002a2a; }*/
.acc { color: #dbb363; }
.acc-li { color: #dbb363; font-size: clamp(1.0rem, 2vw + 0.5rem, 1.25rem); }
.acc-lis { color: #dbb363; font-size: clamp(0.98rem, 1.8vw + 0.5rem, 1.25rem); }
.acc-line { /* background-color: #cdb179; */ /* color: white; */ border-bottom: 4px solid #dbb363; width: 50%; position: relative; left: -2px; margin-bottom: 6px; max-width: 300px; }
.pheader { margin-bottom: 4px; font-size: 19px; font-weight: bold; color:#83734f; /*rgb(155, 144, 119);*/ line-height: 1.25; }
.pheadermain { font-weight: bold;/*color: rgb(151, 130, 84);*/color: #7a5e21;line-height: 1.25;margin-bottom: 5px;    font-size: clamp(1.4rem, 2vw + 0.5rem, 1.78rem);   /*font-size: clamp(1.3rem, 2vw + 0.5rem, 1.5rem);font-size: 25px;*/}
.fheader { font-size: 24px; font-weight: normal; color: rgb(155, 144, 119); margin-bottom: 40px;  }
.thumb-header {  font-weight: 300; text-transform: uppercase;color: #174889; font-size: 18px; white-space: nowrap;}
.finput { margin-bottom: 2px; font-size: 16px; font-weight: normal; color: rgb(155, 144, 119);  }
.input-project { border-color: rgba(130, 113, 83, 1) !important; color: rgba(130, 113, 83, 1) !important; font-family: 'Open Sans', sans-serif; font-size: 12pt; line-height: 22px; padding: 5px 5px !important; border-radius: 4px; transition: background-color 0.3s ease; background-color: white !important; width: 65%; cursor: text !important;}
.margin-small { margin: 40px 0px !important;}
.padding-small { padding: 5px 40px !important;}
.padding-big { padding: 5px 80px !important;}
.bubble-top { width:0;height:0;border-left: 14px solid transparent;border-right: 14px solid transparent;border-top: 14px solid #ffffff;}
.bubble-bottom { width:0;height:0;border-left: 8px solid transparent;border-right: 28px solid transparent;border-top: 25px solid #a1d3ee;}

.h2-pad {padding: 5px 0px 0px 0px;    margin: 0px 0px 5px 0px;}
/*.head-h2:hover { color: #4187D1; background-color: transparent; border-bottom:2px solid #4187D1; }
.head-h2-desc {font-size: 20px;font-weight:300; text-decoration: none; line-height: 1.45; color: #174889;}*/
.head-h3 {font-size: 21px;font-weight:700;text-transform:uppercase;color: #174889; text-decoration: none; white-space: nowrap; text-align: left;margin: 20px 0 10px 0;width: 100%;	}
.head-h3-desc {font-size: 20px;font-weight:300; text-decoration: none; line-height: 1.45; color: #174889;width: 100%;text-align: left;margin-left: 25px;list-style-type: disc;	}
.head-h3-desc li {display: list-item;	}
.head-hr {    border-top: 1px solid #c2c2c2;}
.head-img {  width: 100%; max-width:480px; }
.head-img-b {  width: 100%;  }
.max-800 {  width: 800px;  }
.p-foot { margin: 0;    padding: 0 0 15px 0;color: #d7d7d7;font-weight: 300; line-height: 1.45;font-size: 20px;}
.star-input {color: #f00; }
.text-input {background: #ffffff;color: #174889;font-size: 18px;font-weight: 300;outline: none;border: none;border-bottom: 1px solid #c2c2c2; height:48px;   }
.text-input-area {background: #ffffff;color: #174889;font-size: 16px;font-weight: 300;outline: none;border: none;border-bottom: 1px solid #c2c2c2;opacity: 1; height: 180px;  }
/*form placeholder*/
::placeholder {  color:#898989;  font-size:16px;	}
::-webkit-input-placeholder { color: #898989; font-size: 16px }
:-moz-placeholder { color: #898989; font-size: 16px }
::-moz-placeholder { color: #898989; font-size: 16px }
:-ms-input-placeholder { color: #898989; font-size: 16px }

.form_honey {  position: absolute;  left: -9999px;}



#highlighted { background: #a1d3ee; position: relative; border-top:5px solid #fff; } 
blockquote {font-size: 24px;    font-style: italic;    padding: 0 0 0 50px;    border-left: none;    position: relative;    margin: 40px 0px 50px 0px;font-weight: 300;}
blockquote p { font-weight: 300; line-height: 1.44; }
.footer-area blockquote { padding-left: 70px; }
/*blockquote quote symbol*/
blockquote:after { position: absolute; font-family: 'PT Serif', Georgia, Times, Times New Roman, Serif; content: "“"; left: 0px; top: 0; color: #4187d1; 
font-style: normal; font-size: 140px; line-height: 1; }
.footer-area blockquote:after { left: 0; font-size: 130px; }



.btn-project { border-color: rgba(130, 113, 83, 1) !important; color: rgba(130, 113, 83, 1) !important; font-family: 'Open Sans', sans-serif; font-size: 12pt; line-height: 22px; border-radius: 4px; transition: background-color 0.3s ease; background-color: white !important; }
.btn-project:hover, .btn-project:focus { border-color: rgba(130, 113, 83, 1) !important; color: rgba(130, 113, 83, 1) !important; font-family: 'Open Sans', sans-serif; font-size: 12pt; line-height: 22px; border-radius: 4px; background-color: #F2F1ED !important; outline: none; }
.btn-project:active { border-color: rgba(130, 113, 83, 1) !important; color: rgba(130, 113, 83, 1) !important; font-family: 'Open Sans', sans-serif; font-size: 12pt; line-height: 22px; border-radius: 4px; background-color: #fff !important; outline: none; }

.btn-fproject { border-color: rgb(157, 138, 107) !important; color: white !important; font-family: 'Open Sans', sans-serif; font-size: 12pt; line-height: 22px; border-radius: 4px; background-color: rgb(157, 138, 107) !important; transition: background-color 0.3s ease; }
.btn-fproject:hover, .btn-fproject:focus { border-color: rgb(145, 123, 88) !important; color: white !important; font-family: 'Open Sans', sans-serif; font-size: 12pt; line-height: 22px; border-radius: 4px; background-color: rgb(145, 123, 88) !important; outline: none; }
.btn-fproject:active { border-color: rgb(145, 123, 88) !important; color: white !important; font-family: 'Open Sans', sans-serif; font-size: 12pt; line-height: 22px; border-radius: 4px; background-color: rgb(145, 123, 88) !important; outline: none; }

.btn-form {min-width: 160px;font-weight: 400;outline: none;border: none; border-color: #fd9310 !important; color: white !important; font-family: 'Poppins', sans-serif !important; font-size: 15px; line-height: 1; background-color: #fd9310 !important; transition: background-color 0.3s ease; text-transform: uppercase;    letter-spacing: 0.5px;}
.btn-form:hover, .btn-form:focus {min-width: 160px;font-weight: 400;border: none; border-color: #616f7a !important; color: white !important; font-family: 'Poppins', sans-serif !important; font-size: 15px; line-height: 1;  background-color: #616f7a !important; outline: none;text-transform: uppercase;     letter-spacing: 0.5px;}
.btn-form:active { min-width: 160px;font-weight: 400;border: none; border-color: #616f7a !important; color: white !important; font-family: 'Poppins', sans-serif !important; font-size: 15px; line-height: 1;  background-color: #616f7a !important; outline: none;text-transform: uppercase;    letter-spacing: 0.5px; }

.b-btn-form {min-width: 160px;font-weight: 400;outline: none;border: none; border-color: #28a0e9 !important; color: white !important; font-family: 'Poppins', sans-serif !important; font-size: 15px; line-height: 1; background-color: #28a0e9 !important; transition: background-color 0.3s ease; text-transform: uppercase;    letter-spacing: 0.5px;}
.b-btn-form:hover, .b-btn-form:focus {min-width: 160px;font-weight: 400;border: none; border-color: #616f7a !important; color: white !important; font-family: 'Poppins', sans-serif !important; font-size: 15px; line-height: 1;  background-color: #616f7a !important; outline: none;text-transform: uppercase;     letter-spacing: 0.5px;}
.b-btn-form:active { min-width: 160px;font-weight: 400;border: none; border-color: #616f7a !important; color: white !important; font-family: 'Poppins', sans-serif !important; font-size: 15px; line-height: 1;  background-color: #616f7a !important; outline: none;text-transform: uppercase;    letter-spacing: 0.5px; }

.h-btns {position: relative !important;z-index: 99 !important;}
.h-btn {position: relative !important;z-index: 99 !important;}
.h-btn a {min-width: 160px;font-weight: 400;outline: none;border: none; border-color: #28a0e9 !important; color: white !important; font-family: 'Poppins', sans-serif !important; font-size: 21px; line-height: 1;  background-color: #fd9310 !important; background-image: linear-gradient(to bottom right, #FF9700, #ffa302) !important;cursor: pointer; box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px !important; transition: background-color 0.3s ease; text-transform: uppercase;    letter-spacing: 0.5px;    display: block; padding: 18px 30px; text-decoration: none;}
.h-btn:hover a{min-width: 160px;font-weight: 400;border: none; border-color: #616f7a !important; color: white !important; font-family: 'Poppins', sans-serif !important; font-size: 21px; line-height: 1;  background-color: #4b94bf !important;    background-image: linear-gradient(to bottom right, #2d7ab2, #4b94bf) !important; cursor: pointer; box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px !important;  outline: none;text-transform: uppercase;     letter-spacing: 0.5px;   display: block; padding: 18px 30px; text-decoration: none;}
.h-btns a {min-width: 160px;font-weight: 400;outline: none;border: none; border-color: #28a0e9 !important; color: white !important; font-family: 'Poppins', sans-serif !important; font-size: 16px; line-height: 1;  background-color: #fd9310 !important; background-image: linear-gradient(to bottom right, #FF9700, #ffa302) !important;  cursor: pointer; box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px !important; transition: background-color 0.3s ease; text-transform: uppercase;    letter-spacing: 0.5px;    display: block; padding: 18px 30px; text-decoration: none;}
.h-btns:hover a{min-width: 160px;font-weight: 400;border: none; border-color: #616f7a !important; color: white !important; font-family: 'Poppins', sans-serif !important; font-size: 16px; line-height: 1;background-color: #4b94bf !important;    background-image: linear-gradient(to bottom right, #2d7ab2, #4b94bf) !important; cursor: pointer; box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px !important;  outline: none;text-transform: uppercase;     letter-spacing: 0.5px;   display: block; padding: 18px 30px; text-decoration: none;}

.hs-btns {position: relative !important;z-index: 99 !important;   display: inline-block;}
.hs-btns-b {position: relative !important;z-index: 99 !important;   display: inline-block;}
.hs-btn {position: relative !important;z-index: 99 !important;   display: inline-block;}
.sh-btn a {min-width: 160px;font-weight: 400;outline: none;border: none; border-color: #28a0e9 !important; color: white !important; font-family: 'Poppins', sans-serif !important; font-size: 21px; line-height: 1; background-color: #4b94bf !important;    background-image: linear-gradient(to bottom right, #2d7ab2, #4b94bf) !important; cursor: pointer; box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px !important; transition: background-color 0.3s ease; text-transform: uppercase;    letter-spacing: 0.5px;    display: inline-block; padding: 18px 30px; text-decoration: none;}
.hs-btn:hover a{min-width: 160px;font-weight: 400;border: none; border-color: #616f7a !important; color: white !important; font-family: 'Poppins', sans-serif !important; font-size: 21px; line-height: 1;  background-color: #fd9310 !important; background-image: linear-gradient(to bottom right, #FF9700, #ffa302) !important; cursor: pointer; box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px !important;  outline: none;text-transform: uppercase;     letter-spacing: 0.5px;   display: inline-block; padding: 18px 30px; text-decoration: none;}
.hs-btns a {min-width: 160px;font-weight: 400;outline: none;border: none; border-color: #28a0e9 !important; color: white !important; font-family: 'Poppins', sans-serif !important; font-size: 16px; line-height: 1; background-color: #4b94bf !important;    background-image: linear-gradient(to bottom right, #2d7ab2, #4b94bf) !important; cursor: pointer; box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px !important; transition: background-color 0.3s ease; text-transform: uppercase;    letter-spacing: 0.5px;    display: inline-block; padding: 18px 30px; text-decoration: none;}
.hs-btns:hover a{min-width: 160px;font-weight: 400;border: none; border-color: #616f7a !important; color: white !important; font-family: 'Poppins', sans-serif !important; font-size: 16px; line-height: 1;  background-color: #fd9310 !important; background-image: linear-gradient(to bottom right, #FF9700, #ffa302) !important; cursor: pointer; box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px !important;  outline: none;text-transform: uppercase;     letter-spacing: 0.5px;   display: inline-block; padding: 18px 30px; text-decoration: none;}
.hs-btns-b a {min-width: 160px;font-weight: 400;outline: none;border: none; border-color: #28a0e9 !important; color: white !important; font-family: 'Poppins', sans-serif !important; font-size: 16px; line-height: 1; background-color: #fd9310 !important; background-image: linear-gradient(to bottom right, #FF9700, #ffa302) !important;  cursor: pointer; box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px !important; transition: background-color 0.3s ease; text-transform: uppercase;    letter-spacing: 0.5px;    display: inline-block; padding: 18px 30px; text-decoration: none;}
.hs-btns-b:hover a{min-width: 160px;font-weight: 400;border: none; border-color: #616f7a !important; color: white !important; font-family: 'Poppins', sans-serif !important; font-size: 16px; line-height: 1; background-color: #4b94bf !important;    background-image: linear-gradient(to bottom right, #2d7ab2, #4b94bf) !important; cursor: pointer; box-shadow: rgba(149, 157, 165, 0.3) 0px 3px 15px !important;  outline: none;text-transform: uppercase;     letter-spacing: 0.5px;   display: inline-block; padding: 18px 30px; text-decoration: none;}


/* Scroll to top */
.topup {border-radius:50%; background:rgba(37,37,37,0.8); position:fixed; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:9999;transition: background-color 0.2s ease-in-out;}
.topup:hover {background:rgba(37,37,37,1);}
.arrowup {color:#fff; font-size:28px;}

.topup-anim-show {animation:topupShow .4s ease forwards;}
@keyframes topupShow {
    0% {opacity:0; transform:scale(0);}
    100% {opacity:1; transform:scale(1);}
}
.topup-anim-hide {animation:topupHide .4s ease forwards;}
@keyframes topupHide {
    0% {opacity:1; transform:scale(1);}
    100% {opacity:0; transform:scale(0);}
}
.topup-anim-off {opacity:0; transform:scale(0);}