@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

#landing_alostim, #landing_alostim a, #landing_alostim article, #landing_alostim body, #landing_alostim button, #landing_alostim div, #landing_alostim figure, #landing_alostim h1, #landing_alostim h2, #landing_alostim h3, #landing_alostim h4, #landing_alostim h5, #landing_alostim h6, #landing_alostim input, #landing_alostim label, #landing_alostim li, #landing_alostim p, #landing_alostim select, #landing_alostim span, #landing_alostim td, #landing_alostim textarea, #landing_alostim th, #landing_alostim ul {
   font-family: 'Open Sans', sans-serif;
}
#landing_alostim {
   font-family: "Open Sans", sans-serif;
}
#landing_alostim strong {
   font-weight: 700;
}
 #landing_alostim .uk-background-alostim {
   background-color: #00a4c0;
}
 #landing_alostim .uk-font-f-rubik {
   font-family: Rubik, sans-serif;
}
 #landing_alostim .uk-button-alostim {
   background-color: #00a4c0;
   color: #fff;
   transition: all 0.3s ease;
   padding-top: 0.25em;
   padding-bottom: 0.25em;
}
 #landing_alostim .uk-button-alostim:hover {
   background-color: #ffc77b;
}
 #landing_alostim [uk-margin] > * {
   margin-bottom: 0;
}
 #landing_alostim [uk-margin] > :first-child {
   margin-top: 0;
}
 #landing_alostim .alostim-Hero .item {
   overflow: hidden;
}

   #landing_alostim
   .alostim-Hero
   .item
   > [class*="container"]
   > div
   > figure {
   position: absolute;
   top: 50%;
   left: 33.3%;
   transform: translateY(-50%);
   height: 100%;
   width: calc(100vw - 33.3% - (100vw - 1200px) / 2);
   overflow: hidden;
}

   #landing_alostim
   .alostim-Hero
   .item
   > [class*="container"]
   > div
   > figure
   img {
   left: 0 !important;
   right: initial !important;
   transform: translate(0, -50%);
}

   #landing_alostim
   .alostim-Hero
   .item
   > [class*="container"]
   > div
   > article {
   padding-top: 5em;
   padding-bottom: 5em;
}

   #landing_alostim
   .alostim-Hero
   .item
   > [class*="container"]
   > div
   > article
   .title {
   font-size: 4.375em;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   line-height: 1;
}

   #landing_alostim
   .alostim-Hero
   .item
   > [class*="container"]
   > div
   > article
   .text {
   font-size: 1.25em;
}

   #landing_alostim
   .alostim-Hero
   .item
   > [class*="container"]
   > div
   > article
   [class*="button"] {
   letter-spacing: 0.26em;
}

   #landing_alostim
   .alostim-Hero
   .item
   > [class*="container"]
   > div
   > article
   [class*="button"]:hover {
   color: #00a4c0;
   background-color: #fff;
}
 #landing_alostim .alostim-Hero .arrows a {
   background-color: rgba(255, 255, 255, 0.63);
   margin: 0;
   padding: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 3em;
   height: 3em;
}
 #landing_alostim .alostim-Hero .arrows a * {
   color: #00a4c0;
}
 #landing_alostim .alostim-Banner {
   background-color: #66b8c6;
   background-image: url(//avalanchadevs.com/medstyle/medstyle-2021/wp-content/themes/medstyle-v2/avalancha/assets/css/../images/alostim/bg-pattern.png);
   background-size: 140%;
   background-position: center;
}
 #landing_alostim .alostim-Banner > [class*="container"] > span {
   padding: 2.5rem 2rem;
   display: inline-block;
   color: #fff;
   font-size: 2.1875em;
   background-color: #66b8c6;
}
 #landing_alostim .alostim-Articles {
   padding-top: 6em;
   padding-bottom: 6em;
}

   #landing_alostim
   .alostim-Articles
   > [class*="container"]
   .padding-ghost
   > [class*="grid"]
   > li
   article
   > [class*="background-cover"] {
   height: 0;
   padding-bottom: 70%;
   position: relative;
   margin-bottom: 20%;
   z-index: 1;
}

   #landing_alostim
   .alostim-Articles
   > [class*="container"]
   .padding-ghost
   > [class*="grid"]
   > li
   article
   > [class*="background-cover"]
   .hover {
   position: absolute;
   z-index: 2;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity: 0;
   transition: all 0.3s ease;
}

   #landing_alostim
   .alostim-Articles
   > [class*="container"]
   .padding-ghost
   > [class*="grid"]
   > li
   article
   > [class*="background-cover"]:hover
   .hover,
.user-panel .woocommerce-MyAccount-navigation > ul li a:hover,
.user-panel .woocommerce-MyAccount-navigation > ul li a:hover::before,
.user-panel
   .woocommerce-MyAccount-navigation
   > ul
   li.is-active
   a::before {
   opacity: 1;
}

   #landing_alostim
   .alostim-Articles
   > [class*="container"]
   .padding-ghost
   > [class*="grid"]
   > li
   article
   > [class*="background-cover"]
   img {
   z-index: 3;
}

   #landing_alostim
   .alostim-Articles
   > [class*="container"]
   .padding-ghost
   > [class*="grid"]
   > li
   article
   .product {
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translate(-50%, 30%);
   width: 60%;
}

   #landing_alostim
   .alostim-Articles
   > [class*="container"]
   .padding-ghost
   > [class*="grid"]
   > li
   article
   .title {
   font-size: 2.1875em;
}

   #landing_alostim
   .alostim-Articles
   > [class*="container"]
   .padding-ghost
   > [class*="grid"]
   > li
   article
   .title,

   #landing_alostim
   .alostim-Articles
   > [class*="container"]
   .padding-ghost
   > [class*="grid"]
   > li
   article
   .title
   > * {
   font-weight: 700;
   color: #00a4c0;
}

   #landing_alostim
   .alostim-Articles
   > [class*="container"]
   .padding-ghost
   > [class*="grid"]
   > li
   article
   .text {
   font-size: 0.9375em;
   color: #464646;
}

   #landing_alostim
   .alostim-Articles
   > [class*="container"]
   .padding-ghost
   > [class*="grid"]
   > li
   article
   .buttons
   a {
   font-size: 1.125em;
   font-weight: 400;
}

   #landing_alostim
   .alostim-Articles
   > [class*="container"]
   .padding-ghost
   > [class*="grid"]
   > li
   article
   .buttons
   a[class*="icon"] {
   font-size: 2em;
   padding: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 1.51em;
   height: 1.51em;
   position: relative;
}

   #landing_alostim
   .alostim-Articles
   > [class*="container"]
   .padding-ghost
   > [class*="grid"]
   > li
   article
   .buttons
   a[class*="icon"][class*="icon-search"]:after {
   content: "+";
   position: absolute;
   font-weight: 300;
   font-size: 0.65em;
   left: 31%;
   top: 32%;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 0.6em;
   height: 0.6em;
}

   #landing_alostim
   .alostim-Display-module
   > figure
   + .uk-sticky-placeholder,
.user-panel #primary header {
   display: none;
}
 #landing_alostim .alostim-Display-module {
   padding-top: 6.25em;
   padding-bottom: 6.25em;
   background-color: #f5f6f7;
   z-index: 1;
   position: relative;
   overflow: hidden;
}
 #landing_alostim .alostim-Display-module > figure {
   position: absolute;
   right: 50%;
   top: 6.25em;
}
 #landing_alostim .alostim-Display-module:before {
   content: "";
   z-index: -1;
   position: absolute;
   top: 50%;
   right: 0;
   width: 50%;
   height: calc(100% - 12.5em);
   transform: translateY(-50%);
   background-color: #fff;
}

   #landing_alostim
   .alostim-Display-module
   > [class*="container"]
   > [class*="flex"]
   article
   > [class*="padding"]
   .main-title {
   font-size: 4.375em;
   line-height: 1;
   color: #464646;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
}

   #landing_alostim
   .alostim-Display-module
   > [class*="container"]
   > [class*="flex"]
   article
   > [class*="padding"]
   .title {
   font-size: 2.1875em;
   color: #00a4c0;
   line-height: 1;
}

   #landing_alostim
   .alostim-Display-module
   > [class*="container"]
   > [class*="flex"]
   article
   > [class*="padding"]
   .text {
   font-size: 0.9375rem;
   color: #464646;
}
 #landing_alostim .alostim-Blog {
   background-image: url(//avalanchadevs.com/medstyle/medstyle-2021/wp-content/themes/medstyle-v2/avalancha/assets/css/../images/alostim/bg-blog.png);
   background-repeat: repeat-x;
   background-position: bottom;
   background-size: auto 50%;
}
 #landing_alostim .alostim-Blog .main-title {
   font-size: 4.375em;
   color: #464646;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
}

   #landing_alostim
   .alostim-Blog
   > [class*="container"]
   > [class*="slider"]
   > [class*="slider-items"]
   li
   article
   figure {
   height: 0;
   padding-bottom: 70%;
}

   #landing_alostim
   .alostim-Blog
   > [class*="container"]
   > [class*="slider"]
   > [class*="slider-items"]
   li
   article
   > div {
   background-color: #fff;
   margin: -2em 2em 0;
   padding: 1.5em;
}

   #landing_alostim
   .alostim-Blog
   > [class*="container"]
   > [class*="slider"]
   > [class*="slider-items"]
   li
   article
   > div
   .title {
   font-size: 2.1875em;
   line-height: 1;
   color: #464646;
}

   #landing_alostim
   .alostim-Blog
   > [class*="container"]
   > [class*="slider"]
   > [class*="slider-items"]
   li
   article
   > div
   .text {
   color: #6c6c6c;
   font-size: 0.875rem;
}
 #landing_alostim.blog-alostim {
   padding-top: 3em;
   padding-bottom: 3em;
}
 #landing_alostim.blog-alostim .meta-text {
   font-size: 0.875;
   color: #272727;
   font-family: "Open Sans", sans-serif;
   font-weight: 500;
}
 #landing_alostim.blog-alostim .main-title {
   color: #1a9999;
   font-family: Rubik, sans-serif;
   font-size: 2.625em;
   font-weight: 400;
}
 #landing_alostim.blog-alostim .title {
   font-size: 1.875em;
   color: #1a9999;
   font-family: Rubik, sans-serif;
   font-weight: 400;
}
 #landing_alostim.blog-alostim .text {
   font-family: "Open Sans", sans-serif;
   letter-spacing: 0.025em;
   color: #404040;
   line-height: 1.5;
}
 #landing_alostim.blog-alostim .text p {
   text-align: justify;
}
 #landing_alostim.blog-alostim .text p:first-child {
   margin-top: 0;
}
 #landing_alostim.blog-alostim .opacity-padding {
   background-color: #e8f5f5;
   padding: 3em 5em;
}
 #landing_alostim.blog-alostim .opacity-padding .primary {
   color: #1a9999;
}
 #landing_alostim.blog-alostim .text-list {
   padding-left: 2em;
}
 #landing_alostim.blog-alostim .text-list li {
   list-style-type: disc;
   color: #1a9999;
}
 #landing_alostim.blog-alostim .text-list li span {
   color: #404040;
}
 #landing_alostim.blog-alostim figcaption {
   color: #1a9999;
}
 #landing_alostim.blog-alostim .back-button > * {
   color: #fff;
   padding: 0.5em 4.5em;
   letter-spacing: 0.025em;
}

@media (min-width: 960px) {
   #landing_alostim .alostim-Articles > [class*="container"] .padding-ghost {
      padding-left: 3.5em;
      padding-right: 3.5em;
   }

   #landing_alostim.blog-alostim [class*="grid"]:nth-of-type(odd) .text {
      order: 2;
   }
}
@media (max-width: 1199px) {
   #landing_alostim .alostim-Blog .main-title,
   #landing_alostim
      .alostim-Display-module
      > [class*="container"]
      > [class*="flex"]
      article
      > [class*="padding"]
      .main-title {
      font-size: 3.375em;
   }
}
@media (max-width: 959px) {
   #landing_alostim .alostim-Hero .item > [class*="container"] > div {
      padding-left: 1.5em;
      padding-right: 1.5em;
   }
   #landing_alostim .alostim-Hero .arrows {
      font-size: 0.7em;
   }
   #landing_alostim .alostim-Display-module {
      font-size: 0.8em;
      padding-top: 3.125em;
      padding-bottom: 3.125em;
   }
   #landing_alostim .alostim-Display-module:before {
      content: none;
   }

   #landing_alostim
      .alostim-Display-module
      > [class*="container"]
      > [class*="flex"]
      article
      > [class*="padding"] {
      padding: 1.5em !important;
      background-color: #fff;
   }

   #landing_alostim
      .alostim-Display-module
      > [class*="container"]
      > [class*="flex"]
      article
      > [class*="padding"]
      .main-title {
      font-size: 3em;
   }
   #landing_alostim .alostim-Blog {
      font-size: 0.8em;
   }
   #landing_alostim .alostim-Blog .main-title {
      font-size: 3em;
   }
   #landing_alostim.blog-alostim .opacity-padding {
      padding: 2em 3em;
   }
}
@media (max-width: 639px) {
   #landing_alostim.blog-alostim .main-title {
      font-size: 2em;
   }
   #landing_alostim.blog-alostim .title {
      font-size: 1.5em;
   }
   #landing_alostim.blog-alostim .opacity-padding {
      padding: 1em;
   }
}
