html {background:white;}
a{text-decoration: none;}
body{font-family: 'Lexend Deca', sans-serif;}
header button:focus:not(:focus-visible) {border: none;}
* {box-sizing: border-box;}

:root {--d: 700ms;--e: cubic-bezier(0.19, 1, 0.22, 1);--font-serif: "Cardo", serif;}

.text-main{color:#1c3f95;}
.text-sub{color:#8cc63f !important;}
.text-grey{color:grey;}
.bg-main{background:#1c3f95;}
.bg-sub{background:#9cc813;}
.bg-grd1{background:linear-gradient(45deg, #0249b3, #052555);transition: .5s;}
.bg-grd2{background:linear-gradient(45deg, #66840a, #9cc813);transition: .5s;}
.btn.bg-grd1:hover{background:linear-gradient(-45deg, #0249b3, #052555);transition: .5s;}
.btn.bg-grd2:hover{background:linear-gradient(-45deg, #66840a, #9cc813);transition: .5s;}
.fs-7 {font-size:11px;}
.fs-13 {font-size:13px;}
.fs-14 {font-size:14px;}
 
/* Header */
#logo {max-width: 90px;margin-top: 0px;}
#nav-main {box-shadow: 0px 6px 11px -4px #dbdbdb;z-index: 11;}
#header {z-index: 11;box-shadow: 0 1px 3px #c7c7c7;}
#header .dropdown-item:hover{color:grey;background: none;}
#header .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color:#1c3f95 !important;box-shadow: inset 1px 4px 3px #e5e5e5;}
#header .nav-tabs .nav-link {font-size: 9px;width: 50%;border-radius: 4px;padding: 0;}
#header .dropdown-item{font-size: 10px !important;}
#header .sticky {position: fixed;top: 0;width: 100%;}
#nav-tabContent .col-md-7, #nav-tabContent .col-md-6{display: flex;align-items: center;}
#nav-tab {background: #fff;border-radius: 0;}
#nav-main .lnk-main {padding: 8px 14px;}
.navbar-toggler:focus{box-shadow: 0 0 5px #bbb;}
#nav-main .dropdown-item{color:#7b7c7c;}
.dropdown-item:focus, .dropdown-item:hover {background:white;color:#003e65 !important;}
.nav-link {
  cursor: pointer;
}

.dropdown-menu {
  display: none;
  transition: opacity 0.2s ease-in-out;
}

.dropdown-toggle:hover .dropdown-menu {
  display: block;
  opacity: 1;
}
#nav-tab .nav-link{width: 49%;font-size: 12px;}
/* Carousel */
.carousel-caption {text-align: left !important;bottom: 34% !important;left: 12% !important;}
.carousel-caption .h3{color:#1c3f95;font-weight: bold;font-size: 2.75rem;}
.carousel-caption p{color:#9cc813;font-size:25px;font-weight: bold;font-size: 2.75rem;}
.carousel-control-prev-icon {background-image:url('img/left.png');}
.carousel-control-next-icon {background-image:url('img/right.png');}
.carousel-caption .h3 {position: relative;overflow: hidden;background: linear-gradient(90deg, #052c66, #0283bb, #0251c9);background-repeat: no-repeat;background-size: 80%;animation: animate 5s linear infinite;-webkit-background-clip: text;-webkit-text-fill-color: rgba(255, 255, 255, 0);transition: .5s;}
.carousel-caption p {position: relative;overflow: hidden;background: linear-gradient(90deg, #66840a, #9fcd12, #9cc813);background-repeat: no-repeat;background-size: 80%;animation: animate 5s linear infinite;-webkit-background-clip: text;-webkit-text-fill-color: rgba(255, 255, 255, 0);transition: .5s;}
#sd-btn {z-index:1;left:12%;bottom:27%;}
#sd-btn .btn{min-width: 140px;height: 50px;font-size: 22px !important;}

@keyframes animate {
  0% {
    background-position: -300%;
  }
  100% {
    background-position: 200%;
  }
}

/* Slider Video */
#gl-sd-vid{position: relative;display: inline-block;width: 50px;height: 50px;font-size: 28px;background-color: #fff;border-radius: 8em;margin-left: 8px;margin-bottom: -19px;}
#gl-sd-vid i{position: absolute;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
#gl-sd-vid:before {border:2px dashed #fff;border-radius: 8em;position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation: witr_squares 1.5s ease-in-out infinite;animation: witr_squares 1.5s ease-in-out infinite;}
.gl-sd-ul li{font-size: 16px;margin-bottom:8px;}
.gl-sd-ul a{color:#333;transition: .5s;}
.gl-sd-ul i{font-size: 11px;color:#1c3f95;}
.gl-sd-ul .text-main{color:#1c3f95;}
.gl-sd-ul a:hover{margin-left:4px;transition: .5s;color:#000;}
#hm-tit{letter-spacing: 0px;transition: .5s;font-size: 20px;}
#hm-tit:hover{letter-spacing: 4px;transition: .5s;}
.gl-p1 {transition: .5s;}
.gl-p1 img{width:55px;}
.gl-p1 .fs-4 {font-size: 14px !important;}
.gl-p1:hover{margin-top:1em;transition: .5s;background:#eee;}


/* Containers Section */
.fd-icon {position: absolute;width: 70px;height: 70px;padding: 15px;z-index: 11;top: 15px;left: 15px;}
.fd-icon img {width: 46px;filter: brightness(5.1);}
.ct-bg {top: 20%;left: 0;right: 0;background: linear-gradient(360deg, #022d6e, rgb(3 62 147 / 9%), transparent);transition: .5s;}
.ct-tit {z-index:11;width: 100%;}
.ct-bg:hover {top: -7em;}
.fd-box:hover .fd-icon{background: rgb(0 0 0 / 55%);}
.fd-box:hover .fd-icon{}
#hm-vid .youtube-player{width:100%;height:110px;}
#socialm a{display: inline-block;width: 35px;height: 30px;line-height: 30px;color:white;font-size:20px;transition: .5s;text-align: center;}
#socialm a:hover{transform: scale(1.2);transition: .5s;}
#socialh a{display: inline-block;width: 35px;height: 30px;line-height: 30px;color:grey;font-size:20px;transition: .5s;text-align: right;}
#socialh a:hover{transform: scale(1.2);transition: .5s;}
#footer hr{width: 40px;background: grey;height: 7px;border-radius:1em;opacity: 1;border:none;}
.gl-ft-ul li{font-size: 11px;}
.gl-ft-ul a{color:grey;transition: .5s;}
.gl-ft-ul i{font-size: 11px;}
.gl-ft-ul a:hover{margin-left:4px;transition: .5s;color:#202020;}
.tmprmax {width:133px !important;}
#page-content {display: grid;grid-gap: 1rem;padding: 1rem;max-width: 1200px;margin: 0 auto;grid-template-columns: repeat(2, 1fr);}




/* Card */
.card {position: relative;display: flex;align-items: flex-end;overflow: hidden;padding: 8px;width: 100%;text-align: center;color: whitesmoke;background-color: whitesmoke;border:none;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);}
@media (min-width: 600px) {
  #page-content {grid-template-columns: repeat(2, 1fr);}
  .card {height: auto;}
}
@media (min-width: 800px) {
  #page-content {grid-template-columns: repeat(4, 1fr);}
}
.card:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 110%;background-size: cover;background-position: 0 0;transition: transform calc(var(--d) * 1.5) var(--e);pointer-events: none;}
.card:after {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 200%;pointer-events: none;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%);transform: translateY(-50%);transition: transform calc(var(--d) * 2) var(--e);}
.card:nth-child(1):before {background-image: url('img/containers.webp');}
.card:nth-child(2):before {background-image: url('img/shakers2.webp');}
.card:nth-child(3):before {background-image: url('img/baby.webp');}
.card:nth-child(4):before {background-image: url('img/sets.webp');}
.content {position: relative;display: flex;flex-direction: column;align-items: center;width: 100%;padding: 5px;transition: transform var(--d) var(--e);z-index: 1;}
.title {font-size: 11px;font-weight: bold;line-height: 1.2;color:white;width: 100%;padding: 9px 0;}
.copy {font-family: var(--font-serif);font-size: 12px;font-style: italic;line-height: 1.35;height: 90px;}


@media (hover: hover) and (min-width: 600px) {
  .card:after {transform: translateY(0);}
  .content {transform: translateY(calc(100% - -.5rem));}
  .content > *:not(.title) {opacity: 0;transform: translateY(1rem);transition: transform var(--d) var(--e), opacity var(--d) var(--e);}
  .card:hover, .card:focus-within {align-items: center;}
  .card:hover:before, .card:focus-within:before {transform: translateY(-4%);}
  .card:hover:after, .card:focus-within:after {transform: translateY(-50%);}
  .card:hover .content, .card:focus-within .content {transform: translateY(0);}
  .card:hover .content > *:not(.title), .card:focus-within .content > *:not(.title) {opacity: 1;transform: translateY(0);transition-delay: calc(var(--d) / 8);}
  .card:focus-within:before, .card:focus-within:after,
  .card:focus-within .content,
  .card:focus-within .content > *:not(.title) {transition-duration: 0s;}

}


/* Counter */
.cl-count {box-shadow: 0 0 7px rgb(255 255 255 / 50%);}
.cl-count p{font-size: 14px!important;}
.bg-count {background: url('img/count-bg2.webp') no-repeat fixed;background-size: cover;}
#myBtn {display: none;position: fixed;bottom: 20px;right: 15px;z-index: 99;font-size: 18px;border: none;outline: none;background:linear-gradient(45deg, #0249b3, #052555);color: white;cursor: pointer;padding: 5px 0;border-radius: 4px;width: 60px;height: 70px;}

/* News */

.ticker-heading {position: absolute;background: linear-gradient(45deg, #66840a, #9cc813);display: block;left: 0;top: 0;height: 2.5rem;padding: 11px 5px;z-index: 2;color: white;text-transform: uppercase;font-size: 0.875rem;border-radius:0 6px 6px 0;}
.ticker-wrap .ticker-item:before {content: "";height: 6px;width: 6px;display: inline-block;background-color: #333;border-radius: 100%;position: relative;margin-right: 8px;}
.ticker-heading:after {content: "";width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 11px solid #A6C22F;position: absolute;right: -9px;}
.ticker-wrap {position: relative;bottom: 0;width: 100%;overflow: hidden;height: 2.5rem;background-color: #f9f9f9;padding-left: 100%;}
.ticker-wrap .ticker:hover {-webkit-animation-play-state: paused;-moz-animation-play-state: paused;-ms-animation-play-state: paused;-o-animation-play-state: paused;animation-play-state: paused;}
.ticker-wrap .ticker {display: inline-block;height: 2.5rem;line-height: 2.5rem;white-space: nowrap;padding-right: 100%;box-sizing: content-box;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-name: ticker;animation-name: ticker;-webkit-animation-duration: 30s;animation-duration: 30s;}
.ticker-wrap .ticker-item {display: inline-block;padding: 0 2rem;font-size: 0.875rem;color: #454545;}
.youtube-player {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;background: #000;margin: 5px;}
.youtube-player iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;background: transparent;}
.youtube-player img {object-fit: cover;display: block;left: 0;bottom: 0;margin: auto;max-width: 100%;width: 100%;position: absolute;right: 0;top: 0;border: none;height: auto;cursor: pointer;-webkit-transition: 0.4s all;-moz-transition: 0.4s all;transition: 0.4s all;}
.youtube-player img:hover {-webkit-filter: brightness(75%);}
.youtube-player .play {height: 48px;width: 68px;left: 50%;top: 50%;margin-left: -34px;margin-top: -24px;position: absolute;background: url('https://i.ibb.co/j3jcJKv/yt.png') no-repeat;cursor: pointer;}
#main-vd {width:100%;height:100%;min-height: 155px;border-radius:20px;}
#bst-prd h3{height: 80px;}

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes witr_squares{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0}}@keyframes witr_squares{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0}}

@media (min-width: 768px) {
  .cl-count p{font-size: 25px!important;}
  .gl-p1 img{width:100px;}
  #hm-tit{letter-spacing: 0px;transition: .5s;font-size: calc(1.375rem + 1.5vw);}
  .gl-p1 .fs-4 {font-size: 22px !important;}
  #logo {max-width: 180px;margin-top:0;}
  #header .nav-tabs .nav-link {font-size: 18px;width: 25%;border-radius: 18px 18px 0 0;padding-top: 9px;padding-bottom: 7px;}
  #header .dropdown-item{font-size: 15px !important;}
  #nav-tab {background: #f5f5f5;border-radius: 2em;}
  #hm-vid .youtube-player{width:100%;height:210px;}
  .ticker-heading {position: absolute;background: linear-gradient(45deg, #66840a, #9cc813);display: block;left: 0;top: 0;height: 2.5rem;padding: 11px 40px;z-index: 2;color: white;text-transform: uppercase;font-size: 0.875rem;border-radius:0 6px 6px 0;}
  #main-vd {width:100%;height:100%;min-height: 288px;border-radius:20px;}
  #bst-prd h3{height: 40px;}
  .card {position: relative;display: flex;align-items: flex-end;overflow: hidden;padding: 1rem;width: 100%;text-align: center;color: whitesmoke;background-color: whitesmoke;border:none;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);height:350px;}
  .title {font-size: 1.2rem;font-weight: bold;line-height: 1.2;color:white;width: 100%;padding: 9px 4px;}
  .content {position: relative;display: flex;flex-direction: column;align-items: center;width: 100%;padding: 1rem;transition: transform var(--d) var(--e);z-index: 1;}
  .copy {font-family: var(--font-serif);font-size: 1.125rem;font-style: italic;line-height: 1.35;height: 120px;}
  #logo {max-width: 160px;margin-top: 0px;}
  #nav-tab .nav-link{width: 25%;font-size: unset;}
  .tmprmax {width:auto !important;}
  .gl-ft-ul li{font-size: 14px;}

}

/* IPAD */
@media all and (min-width: 768px) and (min-height: 1024px) and (orientation:portrait) {
  #nav-main .dropdown-item{font-size: 10px !important;}
  .carousel-caption {display: none !important;}
  .gl-p1 img{width: 60px;}
  .gl-p1 h2{font-size: 16px !important;}
  .gl-p1 .fs-6 {font-size: 10px !important;}
  .card {height: 270px;}
  .card:after{background-image: linear-gradient(355deg, rgb(0 0 0 / 37%), transparent);}
  .cl-count p {font-size: 14px!important;}
  .cl-count img{height: 50px;}
  #sd-btn img{height: 20px;}
  #sd-btn .btn {min-width: 60px;height: 35px;font-size: 14px !important;}
  #sd-btn {bottom: 40%;}
  .gl-p1 .fs-4 {font-size: 17px !important;}
  #header .fs-6 {font-size: 12px!important;}
  .nav-link {font-size: 12px;}
  #logo {max-width: 110px;margin-top: 0;}
  #hm-vid .youtube-player {width: 100%;height: 115px;}
  .sec{text-align: center}
  .
}

/* IPAD PRO */
@media all and (min-width: 1024px) and (min-height: 1366px) and (orientation:portrait) { 
  .carousel-caption {display: none !important;}
  .gl-p1 img{width: 60px;}
  .gl-p1 h2{font-size: 16px !important;}
  .gl-p1 .fs-6 {font-size: 10px !important;}
  .card {height: 345px;}
  .card:after{background-image: linear-gradient(355deg, rgb(0 0 0 / 37%), transparent);}
  .cl-count p {font-size: 14px!important;}
  .cl-count img{height: 50px;}
  #sd-btn img{height: 20px;}
  #sd-btn .btn {min-width: 60px;height: 35px;font-size: 14px !important;}
  #sd-btn {bottom: 40%;}
  .gl-p1 .fs-4 {font-size: 17px !important;}
  #header .fs-6 {font-size: 12px!important;}
  .nav-link {font-size: 12px;}
  #logo {max-width: 118px;margin-top:0;}
  #header .nav-tabs .nav-link {font-size: 10px;width: 25%;border-radius: 18px 18px 0 0;padding-top: 9px;}
  #header .dropdown-item{font-size: 10px !important;}
  #hm-vid .youtube-player {width: 100%;height: 115px;}
  .copy {font-family: var(--font-serif);font-size: 1.125rem;font-style: italic;line-height: 1.35;height: 170px;}
  .title {font-size: 14px;font-weight: bold;line-height: 1.2;color: white;width: 100%;padding: 9px 0;}
  #bst-prd h3 {height: 70px;}
   
}  

@media (min-width: 920px) {
#gl-cat .card {
    padding: 0.5rem;}
}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {
    
}