:root {
  --main-gradient-color: linear-gradient(to right top, #3cb64b, #20bc2f);
  --blue-gradient-color: linear-gradient(to right top, #00388f, #0088cc);
  --green-gradient-color: linear-gradient(to right top, #3cb64b, #20bc2f);

}




/* global gradient--- */

.bg-gradient-light-purple-light-orange, .bg-gradient-fast-blue-purple, .bg-fast-blue, .border-gradient-light-brownish-orange-black {
    background-image: var(--main-gradient-color);
}

.bg-gradient-orange-pink, .bg-gradient-sky-blue-pink {
        background-image: var(--main-gradient-color);
}





.bg-gradient-shamrock-green-light-orange{background-image: var(--main-gradient-color);}

.bg-transparent-gradient-fast-blue-purple{ background-image: var(--main-gradient-color); opacity: 0.9; }
.bg-blue-gradient{background-image: var(--blue-gradient-color);}

.btn-dark-gray{

    background: var(--blue-gradient-color) !important;
    border-color: #0088cc !important;
}

.btn.btn-dark-gray:hover{
    color: #3eb64c !important;
}

.border-color-fast-blue {
    border-color: #0088cc !important;
}


.btn.btn-transparent-fast-blue {
    background: transparent;
    border-color: #fff !important;
    color: #fff !important;
}

.btn.btn-transparent-fast-blue:hover{
    background: #21752a !important;
    color: #fff !important;

}



.text-tussock{

     background:  var(--main-gradient-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.text-shamrock-green{color: #3cb64b;}


.text-gradient-sky-blue-pink, .text-salmon-rose, .text-gradient-orange-pink {
    background:  var(--main-gradient-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.text-blue{ 
background:  var(--blue-gradient-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;


 }

.footer-blue{
    background-image: var(--blue-gradient-color);
    color: #fff;
}

.footer-blue li > a, 
.footer-blue  a, 
.footer-blue i, 
.footer-blue p 
 { color: #fff; }



.bootbox.modal {z-index: 9999 !important;}

.footer-cpr{ background-image: var(--green-gradient-color)!important; color: #fff;}


.btn.btn-transparent-dark-gray {
    background: transparent;
    border-color: #232323;
    color: #232323;
}


.btn.btn-transparent-dark-gray:hover {
    background-image: var(--green-gradient-color)!important; color: #fff;
    border-color: #232323;
 
}

.border-gradient-fast-blue-purple { border-image: linear-gradient(to right top, #21752a, #488f03)!important; border-image-slice: 1; }


.navbar.navbar-light .navbar-nav > .dropdown.active > a, .navbar.navbar-light .navbar-nav > .dropdown.active > a, .sticky .navbar.header-light .navbar-nav > .dropdown.active > a{

    color:#10cc24 !important;
    font-weight: 700;

}





.padding-140px-top{
    padding-top: 140px !important;
}


.padding-100px-top{
    padding-top: 100px !important;
}

footer .border-end {
    border-right: 1px solid #4176a4!important;
}


.interactive-banners-style-09 .interactive-banners-action-content {
 
    -webkit-line-clamp: 5;
  }



.product-img{
top: -200px;
right: 0px;
position: absolute;
}
.application-banner{

    background-position:bottom; height: 700px;
}



/* @media (max-width: 991px){





} */






@media only screen and (max-width: 1200px){

    [data-mobile-nav-style=modern] 
.navbar-show-modern-bg {
 background-image: var(--main-gradient-color);
}

 .product-img{ top: inherit;}

 .application-banner{ 
background-position:bottom; height: 1080px;

 }
 
}
@media only screen and (max-width: 768px){


     .product-img{ top: inherit;}

.application-banner{ 
background-position:bottom; height: 700px;

 }

}
@media only screen and (max-width: 425px){

    .product-img{ top: inherit;}

.application-banner{ 
background-position:bottom; height: 900px;

 }

}




.navbar .footer-horizontal-link .nav-link{

    margin: 0 -1px !important;

}


footer .footer-horizontal-link li {margin-right: 23px !important;}



video {


   width: 77%    !important;
  height: auto   !important;
}


/* cookie policy */

#okCookie{
  background-color:#F2F2F2;
  color:#333333;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  padding:10px;
  font-family:sans-serif;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  border-top:1px solid #ccc;
  z-index:10;
}

#okCookie p{margin:0 0 10px 0; float:left; padding:5px 0px;}

#okCookie #okClose, #okCookie #okCprivacy{
  padding:5px 20px;
  float:right;
  margin-left:10px;
  text-decoration:none;
  border-radius:3px;
  color:white;
}

#okCookie #okClose{
  background-color:#39B54A;
  text-shadow:0px 1px 1px #507F2B;
  box-shadow:inset 0px -1px 1px #507F2B;
}

#okCookie #okClose:hover{background-color:#42ce55}

#okCookie #okCprivacy{
  background-color:#8D9499;
  text-shadow:0px 1px 1px #63666B;
  box-shadow:inset 0px -1px 1px #63666B;
}

#okCookie #okCprivacy:hover{background-color:#a0a8ae}

.okcBeginAnimate{
    -webkit-animation: myfirst 2s; 
    animation: myfirst 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Standard syntax */
@keyframes myfirst {
    from {opacity: 0;}
    to {opacity: 1;}
} 












header .navbar .navbar-brand img, header.side-menu .logo img {
    max-height: 50px;
}

.text-overlap-style-05 { font-size: 46px; }



.btn.btn-fast-yellow{
    background: #3fb54b !important;
    border-color: #3fb54b !important;
    color: #fff !important;
}

.bg-fast-yellow{background: #3fb54b !important;}
.bg-blue-gray {background-color: #4a6c80  !important;}
.text-greenish-gray{ color: #fff; }
.bottom-minus-27px{ bottom: -27px; }


.btn.btn-dark-gray{ background-image: var(--main-gradient-color) !important; border-color: #20bc2f !important; color: #fff;}


#request-demo .request-demo-btn { display: none !important; }