@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap');


*{

    margin:0;
    padding:0;
    font-family: Poppins, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root { 
    color-scheme: light!important; 
  }
}
:root { 
  color-scheme: light!important; 
  --clr-prodbtn: #2e5983; 
  --clr-prodtxt: #666; 
  --clr-appbtn: #666; 
  --clr-apptxt: #666; 
  --clr-infobtn: #666; 
  --clr-infotxt: #666; 
}

a{

  color: #1979c3;
  transition: all ease 0.2s;
}
a:visited, .alink:visited {
  color: #1979c3;
  text-decoration: none;
}

a:hover, .alink:hover {
  color: #1979c3;
  text-decoration: none;
}



body{
  font-family: Poppins, sans-serif;
  background-color: #f9f9f9;
}


/*field focus*/
._keyfocus :focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus {
  box-shadow: 0 0 3px 1px #fff!important;
}

/*buttons*/

.action.primary, .action-primary {
    background-color: #346e9e;
    text-transform: uppercase;
    border-radius: 3px;
  }

/*messages*/
.message.success {
  margin: 10px 0 10px!important;

  background: #fff!important;
  color: #000 !important;
  
  border: thin solid #040404  !important;
}
.message.success > :first-child::before{

  color:#000!important;
}

.message.success a {
  color: #1e4edd;
}



/*announcements*/
.pg-announcements {
    padding: 10px;
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    background: #191919;
    color: #FFF;
    display:none;
}
.pg-announcements .announce-title {
  margin: 16px 0;
  color: var(--clr-infobtn);
    font-style: italic;
    font-weight: 600;
}
.pg-announcements .announcement-content a:hover{
  text-decoration: underline!important;
}
.pg-announcements .announce-close {
  display: inline-block;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  cursor: pointer;
}
.announce-close:before {
  content: "[";
  transition: all ease-out 100ms;
}
.announce-close:after {
  content: "]";
  transition: all ease-out 100ms;
}
.announce-close:hover:before, .announce-close:hover:after {
  color: var(--clr-infobtn);
}

/*header*/
.page-header {
  display: flex;
  align-items: flex-end;
  position: sticky;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 1000;
  background-image: linear-gradient(#fff, #fff), radial-gradient(circle farthest-corner, #30a2da, #2e5983);
  background-origin: padding-box, border-box;
  background-repeat: no-repeat;
  border-top: 20px solid transparent !important;
  border-bottom: thin solid #f0f0f0 !important;
  margin-bottom:0px!important;
  transition: all ease 0.2s;
}

.page-header .panel.wrapper {
    border-bottom: none!important;
    float: left;
  }
  .page-header .header.panel{
    padding:0px!important;
  }

.header-gradient {
    background-image: radial-gradient(circle farthest-corner, #30a2da, #2e5983);
    padding-top: 19px;
    margin-bottom: 4px;
    max-height: 30px;
}
  
/*nav*/
.nav-sections-item-content > .navigation {
    background: #f5f5f5;
    box-sizing: border-box;
    display: none;
  }

  .nav-open .nav-sections-item-content > .navigation {
    display:block;
  }

  .nav-sections{

    margin-bottom:0px!important;
  }

  .header.content{
    padding: 0 20px!important;
    width:100%!important;
    max-width:1440px!important;
    
  }
  .header.content nav {
    float: left;
    margin-left: 40px;
  }
  .header.content nav ul li{
    margin-right: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
  
  }
  
  .header.content nav ul li a {
      color: #6f6f6f;
  }
  .header.content nav ul li a:hover {
      color: #000;
  }

  .header-tools{
      float:right;
      margin-top: 4.2rem;
  }

.logo {
  display: inline-block;
    box-sizing: border-box;
    margin: 2rem 0 !important
}
.logo img {
    width: 284px;
}
.header.panel > .header.links > li a {
    line-height: 1.8!important;
    font-size: 1.8rem;
}
.page-header .header.panel{
    float:left;
    padding:0!important;
}

.header-nav{
    float:left;
    width:fit-content;
    display:flex;
    position:sticky;
    top:100%; 
}
.header-nav .static-nav-links{
    display:flex;
  padding-left: 12px;
  margin-bottom: 10px!important;
}
.header-nav .static-nav-links > li:first-child span {
    background-color: var( --clr-prodbtn);
}
.header-nav .static-nav-links > li:nth-child(2) span {
    background-color: var( --clr-appbtn);
}
.header-nav .static-nav-links > li:first-child a {
    border-color: var( --clr-prodbtn);
}
.header-nav .static-nav-links > li:nth-child(2) a {
    border-color: var( --clr-appbtn);
}
.header-nav .static-nav-links > li{
  display: flex;
    align-items: center;
    float: left;
    height: 34px;
    border-radius: 18px;
    color: #FFF;
    font-weight: 400;
    line-height: 1.5em;
    transition: all ease-out 100ms;
    margin-right: 1rem;
    margin-bottom: 14px;
}
.header-nav .static-nav-links .nav-drop {
  cursor: pointer;
}

.header-nav .static-nav-links .nav-drop:hover > a{
  margin-left: 4px;
    padding-left: 1em;
    color: inherit; 
}

.header-nav .nav-category-overlay {
    display: block;
    position: fixed;
    background: #f2f2f2;
    color: black;
    width: 1280px;
    height: auto;
    max-height: calc(100% - 160px);
    overflow-y: auto;
    left: 50%;
    top: 121px;
    box-shadow: 0px 20px 20px 0px #4d4d4d44;
    z-index: 999;
    transform: translate(-50%, 0);
}

.header-nav .nav-applications, .header-nav .nav-all-products {
  max-width: 1200px;
    margin: 0 auto;
}
.header-nav .nav-all-products ul:first-child, .header-nav .nav-applications ul:first-child{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: space-around;
  justify-content: flex-start;
  align-items: stretch;
  padding: 2rem;
}
.header-nav .nav-all-products ul:first-child > li, .header-nav .nav-applications ul:first-child > li{
  width: 31%;
  box-sizing: border-box;
}
.header-nav .nav-all-products ul:first-child > li > a, .header-nav .nav-applications:first-child ul > li > a{
  font-weight: 600;
  display: inline-block;
  width: 100%;
  border-bottom: solid 4px var( --clr-prodbtn);
  padding-right: 2rem;
  margin-bottom: 1rem;
  box-sizing: border-box;
}
.header-nav .nav-all-products:first-child ul > li > a:hover{
  color: var( --clr-prodtxt);
}
.header-nav .nav-applications:first-child ul > li > a:hover{
  color: #18af00;
}
.header-nav .nav-applications:first-child ul > li > a{
  border-color: var( --clr-appbtn);
}
.header-nav .nav-all-products ul, .header-nav .nav-applications ul{
  padding-left: 2rem;
  margin-bottom: 2rem;
}
.header-nav .nav-all-products li, .header-nav .nav-applications li{
  margin-bottom: 0;
  padding-right: 2rem;
}
.header-nav .sub-category-name, .sub-category-name:visited {
  color: #6b6b6b;
}
.header-nav .sub-category-name:hover{
  color: inherit;
}
.nav-sections{
    display:none;
}

/*mobile nav*/
.nav-sections-item-content .main-page-nav{

  margin-left:20px;
}

.nav-open .nav-sections{
    z-index:9999!important;
    display: block;
}

.level0.nav-2 {
  display:none;
}

.nav-sections-item-content .account-label {
  display: inline-block !important;
  font-weight: 300;
  padding: 10px;
}

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

  .header-nav .static-nav-links {
    margin-bottom: 0 !important;
  }
  .header-nav .static-nav-links > li {
    margin-bottom: 0;
  }

}

@media screen and (max-width: 768px) {
  .nav-toggle {
    display: inline-block;
    left: unset;
    right: 10px;
    width: 40px;
    text-align: center;
  }

  .nav-open .nav-toggle {
    position: fixed;
    right: 7px;
    top: 5px !important;
    background: #ffffff;
    border-radius: 24px;
  }

  .nav-open .nav-toggle:before {
    content: '\e616';
    font-size: 40px;
    line-height: 1;
  }
 
  .nav-open .page-header {
    border-top: 50px solid transparent !important;
  }  
}

  /*search*/
    .search-icon{
        float:left;
    }
    .search-icon__link, .authorization-link .icon-account, .showcart {
        color:#2e5983!important;
    }
    .search-icon__link {
      width:20px;
    }


  .block-search {
  
    padding:10px 0px;
    padding-left: 0px!important;
    position: absolute!important;
    z-index: 999!important;
    top: 0px;
    width: 100%!important;
    left: 0px;
    display: none;
  }

  .block-search .block-content {
    width: 40%;
    margin: 0 auto;
  }

  .block-search .control {
    padding: 0 0 0px!important;
  }

  .block-search .search{
    float:left;
    width:90%;
  }
  .block-search .actions {
    float: none;
    font-size: 24px;
    color: #000;
  }

  .block-search .actions a{
    margin-left: 10px;
    color:#000;
  }
  .block-search .action.search{
    display:none!important;
  }

  .block-search .actions button{
    background:none;
    border:none;
    color:#000;
  }

  #overlay{

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 998;
  }

  /*cart*/


.minicart-wrapper .action.showcart {
  width:24px;
}
  .minicart-wrapper .action.showcart::before{

    content: none!important;
  }
  .minicart-wrapper {
    margin-left: 0px!important;
  }
  .minicart-wrapper {
    
    position: relative;
    float: left!important;
    margin-top: 0px!important;
  }

  .minicart-wrapper .action.showcart .counter.qty {
    background: #30a2da !important;
    border-radius: 10px !important;
    line-height: 18px;
    height: 18px;
    padding: 0;
    position: relative;
    top: -10px;
    left: -11px;
  }


  .block-minicart .block-content > .actions > .primary .action.primary, 
  .cart-container .checkout-methods-items .action.primary {
    background: #2e5983;
    border: 1px solid #234465;
    font-weight:700;
    color: #ffffff;
  }

  .block-minicart .block-content > .actions > .primary .action.primary:hover, 
  .cart-container .checkout-methods-items .action.primary:hover {
      background-color: rgba(46,89,131,0.67);
      border: 1px solid rgba(46,89,131,0.67);
  }

  .minicart-items .product-item-name a{
    color:#000!important;
  
  }

  .block-minicart .actions a{
    color:#000!important;
  
  }

/* cart page */

@media screen and (min-width: 961px) {
  .cart.table-wrapper .col {
      padding-top: 35px;
  }

  .cart.table-wrapper .product-item-name {
    display: inline-block;
    font-weight: 500;
    margin-top: 6px;
    font-size: 1.8rem;
  }

  .cart.table-wrapper .product-image-wrapper .product-image-photo {
    margin-top: -12px;
  }

  .cart.table-wrapper .actions-toolbar>.action:last-child {
    margin-right: 0;
    margin-top: -12px;
  }

}


/*account*/


.authorization-link .icon-account {
  width:18px;
  /*color:#2e5983!important; /*set above in search */
}

.authorization-link .account-label, .authorization-link.logged-in .login-divider, .authorization-link.logged-in .sign-out {
  display: none;  
}

.authorization-link.logged-in .sign-out {
    display: none;
    position: absolute;
    left: -27px;
    padding: 0 4px 2px;
    border: 1px solid #2e5983;
    border-radius: 3px;
    width: 70px;
    text-align: center;
    top: 27px;
    height: 22px;
}

.authorization-link.logged-in .sign-out span {
    font-size: 14px;
    display: block;
    text-transform: uppercase;
    color: #2e5983;
}

.authorization-link.logged-in {
  position:relative;
}

.authorization-link.logged-in a:first-child {
  position: relative;
}
.authorization-link.logged-in .fa-circle-check {
    width: 10px;
    fill: #54aaff;
    bottom: 8px;
    left: 14px;
    position: absolute;
}

/*nav bottom*/
.nav-bottom {
    padding: 45px 0px;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    text-align: center;
  }
.nav-bottom ul{

    padding:0px!important;
    margin:0px!important;
}
.nav-bottom ul li{
    display:inline-block;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
}

.nav-bottom ul li a{
    color: #6f6f6f;
}
.nav-bottom ul li a:hover{
    color: #000;
}


/*content*/

.breadcrumbs {
  margin-top: 3rem;
}

.page-title-wrapper{

  margin-top:40px;
}

/* category page */

/*.collection .category-list article:last-child {
  display:none;
}*/

.category-about, .category-view {
  width: 96%;
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 0;
  box-sizing: border-box;
}
.series-categories-wrapper {
  background-color: transparent;
  padding: 1em 0;
}
.series-categories {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: space-around;
  justify-content: flex-start;
  align-items: stretch;
  padding: 2rem;
}
.series-categories-listed { 
  width: 96%;
  max-width: 1000px;
  margin: 0 auto;
  color: #FFF;
  background-color: #215079c4;
  padding: 1em 2em;
  box-sizing: border-box;
  margin-bottom: 1rem;
  display: flex;
}
.series-categories-listed h2{ 
  font-weight: 600;
  margin: 1rem 0;
  cursor: pointer;
}
.series-categories-listed sup{  
  top: -1em;
  font-size: 50%;
}
.series-categories-listed p{
  position:relative;
  padding-left: 3rem;
  margin-top: .6rem;
  z-index: 1;
}
.series-categories-listed a.pill{
  color: var(--clr-prodtxt);
  border-color: var(--clr-prodtxt);
  border-radius: 6px;
  background: #f2f2f2;
  height: auto;
  min-width: 17vw;
  display: inline-block;
  padding: 1rem 1.5rem;
  transition: all ease-out 250ms;
  z-index: 1;
}
.series-categories-listed a.pill:hover {
  color: #FFF;
  background-color: var(--clr-prodbtn);
}
.series-categories-listed a.pill:hover:after {
  width: 100%;
}
.series-categories-listed a.pill::after {
  height: calc(5rem - 4px);
  left: -2px;
  top: 0;
}
[class~="applications"] .series-categories-listed a{
  color: #4d4d4d;
  border-color: var(--clr-appbtn);
  background: var(--clr-apptxt);
}
.series-categories-listed ul{
  padding-left: 8rem;
}
.series-categories-listed li{
  margin-bottom: 0!important;
}

.page-layout-parent_category .columns {
  height: 0;
  z-index: 0!important;
}
.series-categories-listed .app-container{
  align-items: center;
  flex-direction: row!important;
}

.nav-open .series-categories-listed {

}

.app-images {
  display: none;
}
.series-categories-listed .app-images{
  display: inline-block;
  position: relative;
  left: -5rem;
  width: 100%;
  min-width: 250px;
  max-width: 250px;
  max-height: 250px;
  margin-right: -5rem;
  margin-bottom: 1rem;
  border-radius: 3rem;
  box-shadow: -6px 12px 12px 3px #0000002b;
  overflow: hidden;
  z-index: 0;
  transition: all ease-out 500ms;
}
.series-categories-listed .app-images > *{
  transition: all ease-out 250ms;
}
.series-categories-listed .app-images:hover > *{
  transform: scale(1.25) translateX(0px);
}
.series-categories-listed .app-images a{
  background: none;
  padding: 0;
  display: flex;
  height: fit-content;
}
.series-categories-listed .app-desc{
  display: inline-block;
}
.category-description .description-image {
  display: inline-block;
  width: 25%;
  min-width: 250px;
  float: left;
  padding-right: 1rem;
}
.series-categories-listed .description-image {
  display: none;
}

@media screen and (max-width: 768px) {
  .series-categories-listed {
    display:block;

  }

  .series-categories-listed h2 {
    font-size: 1.9rem;
  }

  .series-categories-listed p {
    padding-left: 0;
  }

}

/* About Us */

section.divider {
  border-bottom: 1px #ddd solid;
}

section.aboutus, section.aboutus2 {
  max-width: 1000px;
  margin: 0 auto;
  padding: 2rem 0;
}
section.aboutus h1 {
  margin: 0 auto;
}

section.aboutus p, section.aboutus a {
  max-width: 800px;
}

section.aboutus ul {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  padding: 1.2rem;
  list-style: none;
  margin: 0;
  padding: 4rem 0 4rem 0;
}

section.aboutus ul li {
  background-color: #fff;
  padding-bottom: 78px;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 2rem;
  width: 80%;
  box-shadow: 0px 20px 20px 0px #4d4d4d44;
}

section.aboutus ul li img {
  max-width: 150px;
}

section.aboutus2 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  padding: 4rem;
  list-style: none;
  margin: 0 auto;
}

section.aboutus2 div {
  width:96%;
}

section.aboutus2 ul {
  margin-left: 2rem;
}


/* FAQ */

section.faq h2 {
  margin-bottom: 1rem;
}

.oxy-toggle-content h2 {
  font-weight: 400;
  color: #2e5983;
}

/* Distributor */

.ct-section>.ct-section-inner-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  }

.c-columns-4 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  gap: 2em;
  }

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

  .c-columns-4 {
    grid-template-columns: repeat(3, 1fr);
    gap: 2em;
  }

}

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

  .c-columns-4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 2em;
  }
}

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

  .c-columns-4 {
    display: block !important;
  }

}

/*footer*/

.page-footer { /* fixes a z-index issue with a rogue .column-main on category pages */
  position: relative;
  z-index: 2;
  margin-top: 3rem;
}

footer .footer.content{
  margin-top:0px!important;
  border:none;
  background-image: linear-gradient(rgba(46, 89, 131, 0.67), #30a2da);
  background-color: #2e5983;
  max-width: 100%;
}

footer .footer-logo {
  text-align:center;
  padding: 2rem;
}

footer .footer-logo img {
  max-width: 140px;
}

footer .footer.content .footer-links ul.subcats {
  display:none !important;
}

footer .footer.content .footer-links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1000px;
  margin: 0 auto;
}

footer .footer.content .footer-links li.contact-us svg {
  width: 13px;
  vertical-align: baseline;
  margin-bottom: -1px;
}

@media screen and (max-width: 990px) {
  footer .footer.content .footer-links {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      max-width: 990px;
      margin: 0 auto;
  }

  .section-susbcribe {
      grid-column: span 2;
  }
}

@media screen and (max-width: 600px) {
  footer .footer.content .footer-links {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      max-width: 600px;
      margin: 0 auto;
  }

  .section-susbcribe {
      grid-column: span 2;
  }
}

footer .footer.content .footer-links div, .footer.content .footer-links ul {
  /*display: flex;*/
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: flex-start;
  color:#fff;
}

footer .footer.content .footer-links h6 {
  font-size: 1.5rem;
  text-transform: uppercase;
}

footer .footer.content .footer-links ul li a{ color: #fff;}
footer .footer.content .footer-links ul li a:hover{ color: #b6d2d9;}

footer .footer.content .footer.copyright ul li a{ color: #fff;}
footer .footer.content .footer.copyright ul li a:hover{ color: #30a2da;}
footer .footer.content .footer.copyright ul li.policies::before {
    content: "\b7";
    padding: 0 .8rem;
  }

footer .footer.content .footer__payment{
    text-align:center;
    margin-top:25px;
}
footer .footer.content .footer__payment ul li{
    display:inline-block;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

footer .footer.content .footer-links .subscribe #mce-EMAIL {
  border-radius: 4px;
  margin-bottom: 18px;
  border: none;
}

footer .footer.content .footer-links .subscribe .button {
  background-color: #30a2da;
  padding: 12px;
  border-radius: 26px;
  width: 100%;
  margin: 0 0 40px;
  border: none;
  color: #ffffff;
  font-weight: 600;
}

footer .footer.content .footer-links .subscribe .button:hover {
  background-color: #30a2dac4;
  transition: all ease 0.2s;
}

footer .footer.content .footer-links .social-links {
  display:block;
}

.social-links ul li {
  display: inline-block;
  background: #ffffff63;
  border-radius: 12px;
  width: 30px;
  padding: 6px 4px 0;
  margin: 6px !important;
  text-align: center;
}

.social-links ul li:hover {
  background: #ffffff3b;
  transition: all ease 0.2s;
}

.social-links .icon svg {
  fill: #fff;
  height: 24px;
}

footer .footer.content .copyright {

  display: block;
  font-size: 10px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  padding: 30px 0 0;
}

/*modal*/
.modals-wrapper .action-primary{

  background: #2e5983;
  border: 1px solid #234465!important;
  font-weight:300;
}

.modals-wrapper .action-secondary{

  background-color:#fff!important;
  border:thin solid #000!important;
  font-weight:300;
}


/*cart page*/
.cart.table-wrapper .actions-toolbar > .action, .cart.actions .action.update{
 
  background: #fff!important;
  border: 1px solid #000!important;
  
}
.cart.table-wrapper .actions-toolbar > .action:hover{

  background: rgb(168, 73, 73)!important;
  color:#fff!important;
  border: 1px solid rgb(168, 73, 73)!important;
}
.cart-container .form-cart .action.continue{
  background: #000!important;
  border: 1px solid #000!important;
  color:#fff!important;

}

.actions-toolbar .action-delete{

  float:right;

}

/*right side summary*/
.cart-container .cart-summary {
  background: #fff;
  margin-bottom: 25px;
  padding: 1px 15px 25px;
  border: thin solid #c8c8c8;
}

.cart-summary .message.error {
  margin: 0 0 10px;
  padding: 10px 20px;
    padding-left: 20px;
  display: block;
  line-height: 1.2em;
  font-size: 1.3rem;
  background: #fff;
  color: #e02b27;
  padding-left: 40px;
  position: relative;
  border: thin solid #aa3535;
}

.cart-summary .action.primary{
  background-image: none;
  background: #fff;
  border: 1px solid #1c1c1c;
  color: #0b0b0b;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  padding: 7px 15px;
  font-size: 1.4rem;
  box-sizing: border-box;
  vertical-align: middle;
  font-family: Poppins, sans-serif;
  transition: all ease 0.2s;
}

.cart-summary .action.primary:hover {
  background: #1979c3;
  border: 1px solid #1979c3;
  color: #ffffff;
}



.cart-address-disclaimer{
  padding: 20px;
  border: thin solid #efefef;
  margin-top:25px;

}

.cart-address-disclaimer h3{

  font-weight:600;
}

  /*Checkout*/
.opc-wrapper .shipping-address-item.selected-item {
    border-color: #234465;
}

.opc-wrapper .shipping-address-item.selected-item:after {
    background: #234465;
}

.checkout-container{

  margin-top:40px;
}

.checkout-container .authentication-wrapper{

  margin-top:0px;
}

.checkout-container .action.action-login.secondary{

  background: #fff;
  border: 1px solid #000;
  color:#000;
}

.checkout-container .secondary a{

  color: #2458d2;
}

.checkout-container .opc-progress-bar-item._active::before {
  background: #30a2da;
}

.checkout-container .opc-progress-bar-item._active > span::before {
  background: #2e5983;
}
.checkout-container .opc-block-summary {
  background: #fff;
  padding: 22px 30px;
  margin: 0 0 20px;
  border: thin solid #000;
}

.checkout-container .action.action-auth-toggle{

  color:#000;
}

.checkout-container .action.primary{

  background: #2e5983;
  border: 1px solid #234465!important;
}

.checkout-container .action.primary:hover{
  
  background: #234465;
  border: 1px solid #234465!important;
}

.checkout-container .message.error {
  margin: 10px 0px;
  padding: 10px 20px;
    padding-left: 20px;
  display: block;
  line-height: 1.2em;
  font-size: 1.3rem;
  background: #fff;
  color: #e02b27;
  padding-left: 40px;
  position: relative;
  border: thin solid #aa3535;
}


/*login page*/

.login-container .block{
    width: 40.8%!important;
    padding: 20px;
}

.login-container .block-new-customer{

    border: thin solid #000;
}

.login-container .action.primary{

    background: #2e5983;
    border: 1px solid #234465;
}

.login-container .action.primary:hover{

    background: #234465;
    border: 1px solid #234465;
}


/*forgot password*/
.form.forget .action.primary{

    background: #2e5983;
    border: 1px solid #234465;
}

.form.forget .action.primary:hover{

    background: #234465;
    border: 1px solid #234465;

}
.form.forget .captcha-reload{
  
  background: #fff;
  color:#000;
  border: thin solid #000;
}

/*create account*/
.form-create-account .action.primary{

  background: #2e5983;
    border: 1px solid #234465;
}

.form-create-account .action.primary:hover{

  background: #234465;
    border: 1px solid #234465;
}


/*account page*/
.sidebar{
  margin-top:20px;
}

.block-collapsible-nav .content{
  border: thin solid #000;
  background:#fff;
}

.block-collapsible-nav .item.current > strong {
  border-color: #334fb4!important;
}
.block-dashboard-info{
  
  padding: 20px;
  border-bottom: thin solid #efefef;

}

.block-dashboard-addresses{padding: 20px;}

.block-dashboard-info a.action, .block-dashboard-addresses a.action{color:#334fb4;}

.block-dashboard-addresses .box-actions a, .block-dashboard-info .box-actions a{margin-right:10px;}


/*account form buttons*/
.form-edit-account .action.primary, .form-address-edit .action.primary{

  background: #2e5983;
  border: 1px solid #234465;
}

.form-edit-account .action.primary:hover, .form-address-edit .action.primary:hover{

  background: #234465;
  border: 1px solid #234465;
}


/*search results page*/

body.catalogsearch-result-index .sidebar.sidebar-main{
  display:none;

}

body.catalogsearch-result-index .column.main{
  width:100%;
}

.products-grid .rating-summary .rating-result > span::before{

  color:#1e4edd;

}

.product-reviews-summary .reviews-actions a {
margin-right: 5px;
color:#1e4edd;
}

.products-grid .product-item-info {
  width: 300px;
  
}
.products-grid .product-image-container{


  height:auto;
}

.products-grid .product-item-info:hover img{
  transform: scale(1.1);
}
.products-grid .product-item-info img{
  width: 100%;
  transition: transform .5s;
  height: 250px;
  object-fit: contain;
}

/*search results collections*/
.mst-search__index ul{
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mst-search__index.mst-search__index-magento-cms-page ul{
  display: block;

}
.mst-search__index.mst-search__index-magento-catalog-category ul{

  display:block;
  overflow:hidden;
}

.mst-search__index.mst-search__index-magento-catalog-category ul li{

  float:left;
  width:25%;
  box-sizing: border-box;
}
.mst-search__index.mst-search__index-magento-catalog-category ul li .mst-search__index-image{
  width:100%;
}


.mst-search__index ul li {
  margin: 2rem 0;
  padding: 10px;
}
.mst-search__index ul .mst-search__index-image {
  width: 270px;
  float: none !important;
}


.search.results .modes {
  display: none!important;
}


/*mobile css*/

@media screen and (max-width: 1200px) {
  
  /*Home Collections*/
  .home-categories{
    width:90%;
    margin-top:0px!important;
  }


  .category-list .category-image{

    width:auto!important;
    height:auto!important;
  }
  .home-categories article img {
    width:auto!important;
    height:auto!important;
  }

}

@media screen and (max-width: 960px) and (min-width: 769px){
     
  .header-content {
      position: relative;
  }

  .header.content nav {
      float: none; 
      margin-left: 0px;
      position: absolute;
      right: 0;
      top: 20px;
  }

  .header-tools {
      float: right;
      margin-top: -20px;
      margin-bottom: 10px;
  }

   header .logo {
    display: block;
    float: none;
    width: 170px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
/*header*/
header .logo {
    display: block;
    float: left;
    margin: 0 40px;
    margin-bottom: 10px;
}

.header.content {
    padding: 10px 20px 0;
  }

  .header.content nav {
    float: left;
    margin-left: 0px;
  }

    .header-tools {
      float: right;
      margin-top: 4.2rem;
    }

/*search*/
.block-search{margin-top:0px!important;}

.block-search .block-content {width: 95%;}
.block-search input {
  left: 0!important;
  margin: 0px 0!important;
  position: relative!important;
}
.block-search .label{
  display:none!important;
}

.block-search .control {
  border-top: none!important;
  clear: both;
  margin: 0px!important;
}

/*announcement*/
.announcement-wrapper {width: 100%;}

/*mobile hamburger*/
.nav-toggle {top: 3px!important;}

/*nav*/
.header.content nav {display: none;}


/*search-icon*/
.search-icon {margin-right: 0;}


/*account page*/
.login-container .block {
  width: 80% !important;
  margin: 0 auto;
}
.login-divider{
  display:none;

}

.form-create-account, .form.password.forget{
  width: 80% !important;
  margin: 0 auto;
}

  .block-collapsible-nav {
    
    top: -1px!important;
    
  }

  /*checkout cart*/
  
  .minicart-wrapper .action.showcart {
    background:none;
    margin-left:10px;
  }


  /*search results page*/
  .search.results .products-grid .product-image-container {
    overflow: hidden;
    height: auto;
  }
  .mst-search__index.mst-search__index-magento-catalog-category ul li {

    width: 50%;
    
  }

  /*about us*/

  section.aboutus ul {
    display:block;
  }

  section.aboutus ul li {
    width:90%;
  }

  section.aboutus2 {
   display: block;
   width: 90%;
  }

}


@media screen and (max-width: 480px) {
  .home-categories article {width: 100%;}
  .collection article {width: 100%;}
  .search.results .products-grid .product-item {
    width:100%;
    margin-bottom:30px;
  }
  .search.results .products-grid .product-item-info {
    width: 100%;
    text-align: center;
  }
  .search.results .products-grid .product-item-info .price, .search.results .products-grid .product-item-info a{
    font-size:24px;
  }
  .mst-search__index.mst-search__index-magento-catalog-category ul li {

    width: 100%;
    
  }
  .catalog-category-view .product-item-details{

    text-align:center;

  }
  .product-reviews-summary {
    display: table;
    margin: 10px 0 12px;
    text-align: center;
    width: 220px;
    margin: 0 auto;
  }

  .catalog-category-view .product-reviews-summary {
    display: table;
    margin: 0 auto;
  }
}

/* Modals */
.modal-popup .modal-inner-wrap {
    top: 25vh;
}

/* Cookie Notice */
#CookieNotice {
    z-index: 999999;
    position: fixed;
    bottom: -300px;
    transition: top 0.5s;
    background-color: #333333;
    right: 0;
    left: 0;
    color: #ffffff;
    text-align: center;
    padding: 8px;
    min-height: 33px;
    border: 1px solid #333333;
    border-width: 1px 0;
    font-size: 13px;
    transition: 0.4s;
}

#CookieNotice .cookie-breaker {
    display: inline-block;
    padding:0 3px;
  }

  #CookieNotice .acceptcookies {
    display: inline-block;
    background-color: #346e9e;
    color: white;
    border: 1px solid #eff0f6;
    padding: 0 6px;
    font-size: 16px;
    cursor: pointer;
    margin-left: 18px;
    font-weight: bold;
    line-height: 28px;
    width: 88px;
    border-radius: 6px;
}

#CookieNotice a {
  color: #97cdf9;
  border: 1px solid transparent;
}

#CookieNotice .acceptcookies:after {
    content: '\2713';
    padding-left: 4px;
}