/*----------------------------------------------------------------*/
/* -------------------- Overton custom styles -------------*/
/*----------------------------------------------------------------*/
 
/*----------------------------------------------------------------*/
/* -------------- "home-hero-banner" content asset styles ----------*/
/*------------------------------------------------------------------*/

.home-bottom-slots {
	max-width:100%;
}
.home-hero-slot .hero-content-center {
	width: 100%;
	text-align: center;
	position: relative;
}
.home-hero-slot .hero-content {
	position: absolute;
	left: 50%;
	top: 67%;
	width: 85%;
	transform: translateX(-50%);
	text-align: center;
}
.home-hero-slot .hero-head {
	color: #000000;
	font-size: 50px;
	font-weight: 100;
	line-height: 60px;
}
.home-hero-slot .hero-button {
	margin-top:39px;
	border: 2px solid #ffffff;
	background: transparent;
	text-decoration: none;
	max-width: 240px;
}
@media screen and (min-width: 1681px) {
	.home-hero-slot .hero-content-center img {
		width: 100%; 
	}
}

@media only screen and (max-width: 1450px ) {
	.home-hero-slot .hero-content {
		top: 50%;
	}
}

@media only screen and (max-width: 1024px ){
	.home-hero-slot .hero-content {
		top: 52%;
	}
	.home-hero-slot .hero-head {
		font-size: 28px;
		line-height: 34px;
		font-weight: 300;
	}
	.home-hero-slot .hero-button {
		margin-top: 21px;
	}
}
@media only screen and (max-width: 767px ) {
	.hero-content-center p {
		height: 340px;
	}
	.hero-content-center p img {
		height: 100%;
		width: 100%;
	}
}


/*----------------------------------------------------------------*/
/* ---------- "merchandising-asset" content asset styles ----------*/
/*----------------------------------------------------------------*/

.merchandise-slot {
	margin: 60px 0 0 0;
	text-align:center;
}
.merchandise-content {
	padding: 50px 10px;
	box-sizing: border-box;
	background-color: #dcdcdc;
}
.merchandise-content p {
	font-size: 50px;
	line-height: 58px;
	color: #000000;
	font-weight: 100;
}
.merchandise-slot a {
	text-decoration:none;
	font-size: 30px;
	font-weight:500;
}
@media screen and (max-width:1024px) {
	.merchandise-slot {
		margin-top: 27px;
	}
	.merchandise-slot a {
		font-size: 18px;
		font-weight:normal;
	}
	.merchandise-content p {
		font-size: 28px;
		line-height: normal;
	}
}
@media screen and (max-width:767px) {
	.merchandise-content p, .merchandise-slot a {
		font-size: 20px;
		display: block;
	}
	.merchandise-content {
		padding: 14px 5%;
	}
}

/*----------------------------------------------------------------*/
/* ---------- "home-topcat-slot" content slot styles ----------*/
/*----------------------------------------------------------------*/

.cat-cta-head {	
	color: #000000;
	font-size: 48px;
	font-weight: 300;
	line-height: 58px;
	text-align: center;
}
.flex-center {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.home-3tiles, .home-2tiles, .top-brand-content {
	max-width: 1680px;
	margin: 0 auto;
	padding: 0 3.57%;
	box-sizing: border-box;
}
.optional-sub-heading {
	color: #000000;
	font-size: 22px;
	font-weight: 300;	
	line-height: 27px;	
	text-align: center;
	text-decoration:none;
}
.cat-cta-head:hover {
	text-decoration:none;
}
.optional-sub-heading:hover {
	text-decoration:none;
}
.level3-cat-head, .level1-cat-head {
	text-align: center;
}
.home-3tiles .top-space {
	margin-top:68px;
	text-align: center;
}
.home-3tiles .asset-content, .home-2tiles .asset-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.home-3tiles .cat-cta-row {
	width: 32%;
	margin: 30px 0 0 0;
}
.cat-cta-row .cat-cta-block {
	display: flex;
	flex-wrap: wrap;
}

.home-3tiles .cat-tile {
	background-color: #f1f0f0;
	padding:20px 8%;
	width: 100%;
}
.home-3tiles .optional-tile-content, .home-2tiles .optional-tile-content {
	color: #000000;	
	line-height: 15px;
	font-size: 12px;
}
.home-3tiles .cat-title {
	font-size: 34px;
	font-weight: 300;
	line-height: 42px;
	color: #000000;
}
@media screen and (min-width: 1025px) {
	.level3-heading, .level1-heading {
		margin: 0 0 4px 0;
	}
}

@media screen and (max-width: 1024px){
	.home-3tiles .top-space {
		margin-top:66px;
	}
	.cat-cta-head {
		font-size: 28px;
		line-height: 34px;
	}
	.optional-sub-heading {
		font-size: 16px;
		line-height: 19px;
	}
	.home-3tiles .cat-title {
		font-size: 18px;
		font-weight: normal;
		line-height: 26px;
		color: #000000;
	}
}
@media screen and (max-width: 1023px) {
	.home-3tiles, .home-2tiles {
		padding: 0 20px;
	}
	.home-3tiles .cat-tile {
		padding: 9px 0px 9px 12px;
	}
}
@media screen and (max-width: 767px) {
	.optional-sub-heading {
		font-weight: normal;
	}
	.home-3tiles .cat-cta-row {
		width: 48%;
	}
	.home-seasonaltwo-slot.home-3tiles .cat-cta-row:first-child, .home-seasonaltwo-slot.home-3tiles .cat-cta-row:first-child img {
		width: 100%;
	}
	.home-seasonaltwo-slot.home-3tiles .cat-cta-row:first-child .cat-tile {
		background-color: #f1f0f0;
		text-align: center;
	}
	.home-seasonaltwo-slot.home-3tiles .cat-cta-row:first-child .cat-title {
		font-size: 24px;
	}
	.home-3tiles .cat-tile {
		background-color: #ffffff;
	}
	.home-3tiles, .home-2tiles {
		padding: 0;
	}
}

/*----------------------------------------------------------------*/
/* ---------- "home-seasonalone-slot" content slot styles ----------*/
/*----------------------------------------------------------------*/

.home-2tiles .season-top-space {
	margin-top:67px;
}
.home-2tiles .cat-cta-row {
	width: 49%;
	margin: 30px 0 0 0;
}
.home-2tiles .cat-offer-block {
	display: flex;
	flex-wrap: wrap;
}
.home-2tiles .cat-offer-tile {
	background-color: #f1f0f0;
	padding: 25px 9%;
	width: 100%;
}
.home-2tiles .cat-offer-title {
	font-size: 34px;
	font-weight: 300;
	line-height: 42px;
	margin-top:20px;
	color: #000000; 
}

@media only screen and (max-width: 1024px) {
	.home-2tiles .season-top-space {
		margin-top:60px;
	}
	.home-2tiles .cat-offer-block {
		width: 100%;
		margin: 14px 0px 0px 0px;
	}
	.home-2tiles .cat-offer-title {
		font-size: 24px;
		line-height: 29px;
		margin-top: 3px;
	}
}
@media only screen and (max-width: 1023px) {
	.home-2tiles .cat-offer-tile {
		padding: 9px 12px;
	}
}
@media only screen and (max-width: 767px) {
	.home-2tiles .cat-cta-row {
		width: 100%;
	}
	.home-2tiles .cat-offer-tile {
		text-align: center;
	}
	.home-2tiles .cat-offer-title {
		font-weight: normal;
	}	
}

/*----------------------------------------------------------------*/
/* ---------- "home-seasonaltwo-slot" content slot styles ----------*/
/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/
/* ---------- "Home page top brands" content slot styles ----------*/
/*----------------------------------------------------------------*/
.top-brand-content .brands-row {
	display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.top-brand-content a.brands-block  {
	margin: 0 1.5% 60px 1.5%;
    width: 250px;
}
.top-brand-content a.brands-block img {
	display: flex;
}
.top-brand-content .brands-tile {
    font-size: 24px;
    font-weight: 300;
    line-height: 29px;
    text-align: center;
    color: #000000;
    margin-top: 16px;
}
 .brand-space {
	margin: 68px 0 33px 0;
}

@media screen and (max-width: 1024px) {
	.top-brand-content .brands-tile {
	    font-size: 22px;
	    line-height: 25px;
	}
	.top-brand-content a.brands-block  {
		margin: 0 1.5% 25px 1.5%; 
	}
}
@media screen and (max-width: 1023px){
	.top-brand-content {
		padding: 0 8px;
	}
	.brand-space {
		margin: 47px 0 30px 0;
	}
	.top-brand-content.container-width {
		padding: 0 12px;
	}
}
@media screen and (max-width: 767px){
	.top-brand-content .brands-tile {
		margin-top: 10px;
	}
}

/*----------------------------------------------------------------*/
/* ------------ "home-footer-one" content slot styles -----------*/
/*----------------------------------------------------------------*/

.home-seocopycontent-slot {
	max-width: 1680px;
	margin: 0 auto;
}
 .home-seocopycontent-slot .mlb-container {
     width: 100%;
     display: inline-block;
     margin: 60px 0 0 0;
}
 .home-seocopycontent-slot .mlb-container .mlb-banner {
     position: relative;
     width: 100%;
     display: inline-block;
}
 .home-seocopycontent-slot .mlb-container .mlb-banner .mlb-bg-image {
     position: absolute;
     width: 100%;
     height: 100%;
}
 .home-seocopycontent-slot .mlb-container .mlb-banner .mlb-content {
     position: relative;
     display: inline-block;
     width: 100%;
     margin: 9px 0;
}
 .home-seocopycontent-slot .mlb-container .mlb-banner .mlb-content .mlb-logo-image {
     float: left;
     width: 21%;
     margin: 15px 3% 0 9%;
     position: relative;
}
@media screen and (max-width: 1279px) {
	.home-seocopycontent-slot .mlb-container.container-width {
		padding: 0 8px;
	}
}
 @media screen and (max-width: 1023px) {
     .home-seocopycontent-slot .mlb-container .mlb-banner .mlb-content .mlb-logo-image {
         float: none;
         text-align: center;
         width: 75%;
         margin: 3% 0;
    }
    .home-seocopycontent-slot .mlb-container .mlb-banner .mlb-content {
    	text-align: center;
    }
}
 .home-seocopycontent-slot .mlb-container .mlb-banner .mlb-content .seo-content {
     float: left;
     text-align: left;
     width: auto;
     max-width: 66%;
     padding: 35px 0 0 0;
     font-size: 31px;
     line-height: 38px;
     color: #ffffff;
     font-family: "Montserrat";
     font-weight: 500;
     word-wrap: break-word;
     position: relative;
}
 .home-seocopycontent-slot .mlb-container .mlb-banner .mlb-content .seo-content .seo-update {
     text-align: right;
     font-size: 16px;
     line-height: 19px;
     color: #ffffff;
     font-family: "Montserrat";
}
 @media screen and (max-width: 1400px) {
	.home-seocopycontent-slot .mlb-container .mlb-banner .mlb-content .seo-content {
		padding: 15px 0 0 0; 
	}
}
 @media screen and (max-width: 1023px) {
     .home-seocopycontent-slot .mlb-container .mlb-banner .mlb-content .seo-content {
         float: none;
         text-align: center;
         max-width: 100%;
         margin: 0 0 3% 0;
         padding: 0 1%;
         box-sizing: border-box;
         font-size: 27px;
         line-height: 33px;
         color: #ffffff;
         font-family: "Montserrat";
    }
     .home-seocopycontent-slot .mlb-container .mlb-banner .mlb-content .seo-content .seo-update {
         text-align: center;
         padding: 10px;
    }
}
 .footer-imgs-wrapper {
     margin: 0 0 40px 0;
}
 .footer-imgs-wrapper .footer-imgs {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     text-align: center;
}
 .footer-imgs-wrapper .footer-imgs .footer-img {
     -ms-flex-preferred-size: 32.5%;
     flex-basis: 32.5%;
	 max-width: 32.5%;
}
 @media screen and (max-width: 1023px) {
    .footer-imgs-wrapper {
         margin-bottom: 29px;
    }
     .footer-imgs-wrapper .footer-imgs {
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
    }
     .footer-imgs-wrapper .footer-imgs .footer-img {
         margin: 40px 0 0 0;
         -ms-flex-preferred-size: 100%;
         flex-basis: 100%;
		 max-width: 100%;
    }
}

.hero-banner-container .hero-banner-center-container {
	position: absolute;
	left: 50%;
	top: 26%;
	width: 70%;
	transform: translateX(-50%);
	text-align: center;
}

@media only screen and (max-width: 1023px) {
	.hero-banner-container .hero-banner-center-container {
		top: 35%;
		width: 80%;
	}
}

.hero-banner-container .hero-banner-center-container .hero-banner-content-1 {
	width: 40%;
	display: inline-block;
	position: relative;
	text-align: left;
}

@media only screen and (max-width: 1240px) {
	.hero-banner-container .hero-banner-center-container {
		top: 10%;
	}
}

@media only screen and (max-width: 1023px) {
	.hero-banner-container .hero-banner-center-container .hero-banner-content-1 {
		text-align: center;
	}
}

.hero-banner-container .hero-banner-center-container .hero-banner-content-1 .banner-logo {
	float: left;
}

@media only screen and (max-width: 1023px) {
	.hero-banner-container .hero-banner-center-container .hero-banner-content-1 .banner-logo {
		width: 100px;
		height: 100px;
		margin: 0 auto;
		float: none;
	}
}

.hero-banner-container .hero-banner-center-container .hero-banner-content-1 .banner-text {
	font-size: 50px;
	color: #000000;
	position: absolute;
	transform: translateY(100%);
	padding-left: 22px;
	font-weight: 300;
	line-height: 65px;
}

@media only screen and (max-width: 1023px) {
	.hero-banner-container .hero-banner-center-container .hero-banner-content-1 .banner-text {
		font-weight: 300;
		font-size: 26px;
		position: static;
		padding: 0;
		line-height: normal;
		margin-top: 20px;
		display: block;
		transform: none;
	}
}

.hero-banner-container .hero-banner-center-container .hero-banner-content-2 {
	margin-top: 55px;
	font-size: 36px;
	line-height: normal;
}

@media only screen and (max-width: 1023px) {
	.hero-banner-container .hero-banner-center-container .hero-banner-content-2 {
		margin-top: 9px;
		font-size: 18px;
	}
}

.hero-banner-container .hero-banner-center-container .hero-banner-content-2 .banner-content-2-text {
	color: #000000;
	font-weight: 100;
}

@media only screen and (max-width: 1023px) {
	.hero-banner-container .hero-banner-center-container .hero-banner-content-2 .banner-content-2-text {
		font-weight: 500;
		font-size: 18px;
	}
}

.hero-banner-container .hero-banner-center-container .hero-banner-content-2 .banner-content-2-link {
	font-size: 36px;
	text-transform: capitalize;
	text-decoration: none;
	color: #00669E;
	font-weight: 500;
}

@media only screen and (max-width: 1023px) {
	.hero-banner-container .hero-banner-center-container .hero-banner-content-2 .banner-content-2-link {
		font-weight: 500;
		color: #3e79a7;
		font-size: 18px;
	}
}

.blog-article-banner .blog-article-title {
	width: 100%;
	margin: 40px 0;
	text-align: center;
}

@media screen and (max-width: 1023px) {
	.blog-article-banner .blog-article-title {
		width: 100%;
	}
}

.blog-article-banner .blog-article-title h1 {
	color: #000000;
	font-size: 48px;
	font-weight: 300;
	line-height: normal;
	text-align: center;
	margin: 12px 0 0;
}

@media screen and (max-width: 1023px) {
	.blog-article-banner .blog-article-title h1 {
		font-size: 28px;
		font-weight: 100;
	}
}

.blog-article-banner .blog-article-title a {
	color: #000000;
	font-size: 22px;
	line-height: 27px;
	text-align: center;
	text-transform: capitalize;
	text-decoration: none;
}

@media screen and (max-width: 1023px) {
	.blog-article-banner .blog-article-title a {
		font-size: 16px;
		margin-top: 3px;
	}
}

.blog-article-banner .blog-article-container {
	background: #f4f4f4;
}

.blog-article-banner .blog-article-center-container {
	width: 75%;
	margin: 0 auto;
}

@media screen and (max-width: 1023px) {
	.blog-article-banner .blog-article-center-container {
		width: 100%;
	}
}

.blog-article-banner .blog-article-center-container .blog-articles {
	clear: both;
	width: 100%;
	display: inline-block;
	margin-top: 40px;
}

.blog-article-banner .blog-article-center-container .blog-articles:last-child {
	margin-bottom: 40px;
}

@media screen and (max-width: 1023px) {
	.blog-article-banner .blog-article-center-container .blog-articles {
		margin-top: 53px;
		padding: 0 11px;
		box-sizing: border-box;
	}
	.blog-article-banner .blog-article-center-container .blog-articles:first-child {
		margin-top: 16px;
	}
}

.blog-article-banner .blog-article-center-container .blog-articles .blog-article-image {
	width: 21.058%;
	float: left;
	line-height: 0;
	font-size: 0;
}

@media screen and (max-width: 1023px) {
	.blog-article-banner .blog-article-center-container .blog-articles .blog-article-image {
		text-align: center;
		float: none;
		width: 100%;
		margin: 0 auto;
	}
}

.blog-article-banner .blog-article-center-container .blog-articles .blog-article-paras {
	width: 75%;
	float: left;
	padding: 30px 0 0 34px;
	box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
	.blog-article-banner .blog-article-center-container .blog-articles .blog-article-paras {
		padding: 16px 0 0;
		width: 100%;
	}
}

.blog-article-banner .blog-article-center-container .blog-articles .blog-article-paras h2 {
	color: #00669E;
	font-size: 26px;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
}

@media screen and (max-width: 1023px) {
	.blog-article-banner .blog-article-center-container .blog-articles .blog-article-paras h2 {
		color: #000;
		font-weight: 300;
	}
}

.blog-article-banner .blog-article-center-container .blog-articles .blog-article-paras p {
	margin-top: 17px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
	color: #000000;
}

@media screen and (max-width: 1023px) {
	.blog-article-banner .blog-article-center-container .blog-articles .blog-article-paras p {
		margin-top: 16px;
		font-size: 16px;
		font-weight: 100;
	}
}

.brand-sub-categories .breadcrumb {
	margin: 39px 50px 0;
}
/*----------------------------------------------------------------*/
/* -------------- "service-hero-banner" content asset styles ----------*/
/*------------------------------------------------------------------*/
.service-hero-image-banner {
  position: relative; }
  .service-hero-image-banner .service-banner {
    display: block;
    width: 100%;
    position: relative;
	padding: 0;}
    .service-hero-image-banner .service-banner .banner-content {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      box-sizing: border-box;
      top: 30%; }
      .service-hero-image-banner .service-banner .banner-content .right-content {
        margin: 0 0 0 2.5%; }
        .service-hero-image-banner .service-banner .banner-content .right-content .content-heading {
          font-size: 50px;
          line-height: 61px;
          color: #000000;
          font-family: "Montserrat";
          font-weight: 400; }
          @media screen and (max-width: 1023px) {
            .service-hero-image-banner .service-banner .banner-content .right-content .content-heading {
              text-align: center;
              font-size: 26px;
              line-height: 32px;
              color: #000000;
              font-family: "Montserrat";
              font-weight: 300;
              margin: 30px 0 10px; } }
        .service-hero-image-banner .service-banner .banner-content .right-content .content-sub-heading {
          font-size: 36px;
          line-height: 44px;
          color: #000000;
          font-family: "Montserrat";
          font-weight: 400; }
          .service-hero-image-banner .service-banner .banner-content .right-content .content-sub-heading a {
            font-size: inherit;
            line-height: inherit;
            color: #00669e;
            font-family: inherit;
            font-weight: 400;
            text-decoration: none; }
		  .service-hero-image-banner .service-banner .banner-content .right-content .content-sub-heading a:hover {
            color: #565656; }
          @media screen and (max-width: 1023px) {
            .service-hero-image-banner .service-banner .banner-content .right-content .content-sub-heading {
              text-align: center;
              font-size: 18px;
              line-height: 22px;
              color: #000000;
              font-family: "Montserrat";
              font-weight: 300;
              margin: 0 0 10px; }
              .service-hero-image-banner .service-banner .banner-content .right-content .content-sub-heading a {
                font-weight: 300; } }
      @media screen and (max-width: 1279px) {
        .service-hero-image-banner .service-banner .banner-content {
          top: auto; } }
      @media screen and (max-width: 1023px) {
        .service-hero-image-banner .service-banner .banner-content {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
    @media screen and (max-width: 1279px) {
      .service-hero-image-banner .service-banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }

/*----------------------------------------------------------------*/
/* -------------- "service-banner" content asset styles ----------*/
/*------------------------------------------------------------------*/
.full-service-banner .service-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .full-service-banner .service-content .service-heading {
    font-size: 48px;
    line-height: 61px;
    color: #000000;
    font-family: "Montserrat";
    font-weight: 300;
    width: 84%;
    margin: 100px 0 0 0; }
    @media screen and (max-width: 1023px) {
      .full-service-banner .service-content .service-heading {
        font-size: 24px;
        line-height: 34px;
        color: #000000;
        font-family: "Montserrat";
        font-weight: 300;
        width: 85%;
        text-align: center;
        margin: 30px 0 0 0; } }
  .full-service-banner .service-content .service-info {
    font-size: 22px;
    line-height: 40px;
    color: #000000;
    font-family: "Montserrat";
    font-weight: 400;
    width: 84%;
    margin: 15px 0 0 0; }
    .full-service-banner .service-content .service-info button {
      display: block;
      margin: 18px 0 0 0;
      font-weight: 500;
      text-transform: capitalize; }
    @media screen and (max-width: 1023px) {
      .full-service-banner .service-content .service-info {
        font-size: 16px;
        line-height: 26px;
        color: #4A4A4A;
        font-family: "Montserrat";
        font-weight: 300;
        margin: 20px 0 0 0;
        width: 90%; } }
  .full-service-banner .service-content .service-categories {
    font-size: 48px;
    line-height: 61px;
    color: #000000;
    font-family: "Montserrat";
    font-weight: 300;
    text-align: center;
    width: 84%;
    margin: 70px 0 26px 0; }
    @media screen and (max-width: 1023px) {
      .full-service-banner .service-content .service-categories {
        font-size: 26px;
        line-height: 32px;
        color: #000000;
        font-family: "Montserrat";
        font-weight: 300;
        margin: 50px 0 40px 0; } }

/*----------------------------------------------------------------*/
/* -------------- "Dynamic content" content asset styles ----------*/
/*------------------------------------------------------------------*/
.landing-services-banner {
  display: block;
  width: 100%;
  background-color: #DCDCDC;
  padding: 0;  }
  .landing-services-banner .landing-service-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
    width: 80%; }
    .landing-services-banner .landing-service-container .service-details {
      -ms-flex-preferred-size: 48%;
          flex-basis: 48%;
      display: inline-block;
      padding: 20px 10px;
      box-sizing: border-box;
      word-wrap: break-word;
      min-height: 345px; }
      .landing-services-banner .landing-service-container .service-details .service-image {
        width: 43%;
        display: inline-block;
        float: left;
        margin-top: 6px; }
        @media screen and (max-width: 575px) {
          .landing-services-banner .landing-service-container .service-details .service-image {
            width: 100%;
            float: none;
            text-align: left; } }
      .landing-services-banner .landing-service-container .service-details .service-text {
        padding: 0 0 0 40px;
        box-sizing: border-box;
        width: 57%;
        display: inline-block; }
        .landing-services-banner .landing-service-container .service-details .service-text .category-heading {
          font-size: 30px;
          line-height: 40px;
          color: #727272;
          font-family: "Montserrat";
          font-weight: 500;
          margin: 0 0 24px; }
        .landing-services-banner .landing-service-container .service-details .service-text .category-sub-heading {
          font-size: 20px;
          line-height: 30px;
          color: #4A4A4A;
          font-family: "Montserrat";
          font-weight: 500;
          margin: 0 0 25px; }
        .landing-services-banner .landing-service-container .service-details .service-text ul li {
          font-size: 20px;
          line-height: 30px;
          color: #4A4A4A;
          font-family: "Montserrat";
          font-weight: 400;
          list-style-type: disc;
          list-style-position: inside;
          text-indent: -28px;
          padding-left: 40px;
          box-sizing: border-box; }
        @media screen and (max-width: 1023px) {
          .landing-services-banner .landing-service-container .service-details .service-text {
            padding: 0 0 0 40px;
            text-align: left; } }
        @media screen and (max-width: 575px) {
          .landing-services-banner .landing-service-container .service-details .service-text {
            padding: 0;
            width: 100%; }
            .landing-services-banner .landing-service-container .service-details .service-text .category-heading {
              margin: 20px 0 14px; }
            .landing-services-banner .landing-service-container .service-details .service-text .category-sub-heading {
              font-size: 16px;
              line-height: 25px;
              color: #4A4A4A;
              font-family: "Montserrat";
              margin: 0 0 15px; }
            .landing-services-banner .landing-service-container .service-details .service-text ul li {
              font-size: 16px;
              line-height: 25px;
              color: #4A4A4A;
              font-family: "Montserrat";
              text-indent: -22px; } }
      @media screen and (max-width: 1023px) {
        .landing-services-banner .landing-service-container .service-details {
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
          padding: 30px 0 10px;
          text-align: center; } }
    @media screen and (max-width: 1279px) {
      .landing-services-banner .landing-service-container {
        width: 95%; } }
    @media screen and (max-width: 1023px) {
      .landing-services-banner .landing-service-container {
        width: 70%;
        padding: 0; } }
    @media screen and (max-width: 575px) {
      .landing-services-banner .landing-service-container {
        width: 60%; } }
  @media screen and (max-width: 1023px) {
    .landing-services-banner {
      padding: 0 0 20px; } }

/*----------------------------------------------------------------*/
/* -------------- "service-seo-banner" content asset styles ----------*/
/*------------------------------------------------------------------*/
  .service-seo-banner {
	display: inline-block;
	width: 100%;
  }
  .service-seo-banner .seo-container {
    margin: 74px 0 50px; }
	.service-seo-banner a {
		font-size: 12px;
	}
    .service-seo-banner .seo-container .seo-heading {
      font-size: 16px;
      line-height: 22px;
      color: #000000;
      font-family: "Montserrat";
      font-weight: 500; }
    .service-seo-banner .seo-container .seo-content {
      font-size: 14px;
      line-height: 22px;
      color: #000000;
      font-family: "Montserrat";
      font-weight: 400; }
    @media screen and (max-width: 1023px) {
	.service-seo-banner {
		padding: 0 13px;
	}
	.service-seo-banner .seo-container {
		margin: 74px 0 26px;
	}
      .service-seo-banner .seo-container {
        padding: 0 8px; } }
		
/* product landing page L1 categories,L2 categories,L3 categories banner style goes here */
.content-heading.botmspance {
	margin-bottom: 30px;
}
.service-hero-image-banner .service-banner .banner-content.center-content {
	top: initial;
	bottom: 67px;
}
.service-hero-image-banner .service-banner .banner-content.center-content .right-content{
	margin: 0;
    text-align: center;
}
/*----------------------------------------------------------------*/
/*---------- product landing page L1 optional offers-------- */
/*----------------------------------------------------------------*/
.slot_level {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.slot_level .offercta_one,.slot_level .offercta_two {
	width: 48.5%;
	margin-right: 0;
}
.slot_heading {
  	margin: 60px 0 30px;
  }
  .slot_level a  {
  	text-decoration: none;
  	line-height: 0;
  }
  .tittle_cat {
    background-color: #F1F0F0;
    padding: 13px 17px 20px;
  }
  .slot_level .blurb {
  	font-size: 14px;
    line-height: 18px;
    display: block;
  }
  .slot_level .offer_cta {
  	font-size: 28px;
  	font-weight: 300;
  	line-height: 34px;
  }
  
  .offercta_one {
  	margin-right: 47px;
  }
  .offercta_one a,.offercta_two a { 
      display: inherit;
  }
  .flex-container {
  	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;   
  }
  .heading_banner {
   	color: #000000;
    font-size: 48px;
    font-weight: 300;
    line-height: 58px;
  }
  .sub_heading {
  	color: #000000;
    font-size: 22px;
    font-weight: 300;
    line-height: 27px;
  }
@media screen and (max-width: 1023px) {
.heading_banner {
    font-size: 28px;
    line-height: 34px;
}
.sub_heading {
    font-size: 16px;
    line-height: 19px;
}
.flex-container {
    flex-direction: column;
}
.offercta_one {
line-height: 0;
margin: 0 0 30px;
}
.tittle_cat {
    text-align: center;
}
.slot_level .blurb {
    font-size: 12px;
    line-height: 15px;
}
.slot_level .offer_cta {
    font-size: 24px;
    line-height: 29px;
}
.slot_heading {
    margin-bottom: 24px;
}
.tittle_cat {
    padding: 10px 17px 16px;
}
}
@media only screen and (max-width: 1023px ) {
.slot_level .offercta_one,.slot_level .offercta_two {
	width: 100%;
}
}

/*----------------------------------------------------------------*/
/*--------------Brand Landing Page Style Goes here--------------- */
/*----------------------------------------------------------------*/
.hero-banner-container {
	display: inline-block;
	width: 100%;
	position: relative;
	text-align: center; }
.hero-banner-container p img {
	min-height:560px;}
@media only screen and (max-width: 1023px) {
	.hero-banner-container p img {
		min-height:325px;}
}
.hero-banner-container .hero-banner-center-container {
	position: absolute;
	left: 50%;
	top: 28%;
	width: 50%;
	transform: translateX(-50%);
	text-align: center; }
@media only screen and (max-width: 1023px) {
	.hero-banner-container .hero-banner-center-container {
		top: 35%;} 
	}
.hero-banner-container .hero-banner-center-container .hero-banner-content-1 {
	width: 47%;
	display: inline-block;
	position: relative;
	text-align: left; }
@media only screen and (max-width: 1023px) {
	.hero-banner-container .hero-banner-center-container .hero-banner-content-1 {
	text-align: center; } 
}
.hero-banner-container .hero-banner-center-container .hero-banner-content-1 .banner-logo {
	float: left;}
@media only screen and (max-width: 1023px) {
	.hero-banner-container .hero-banner-center-container .hero-banner-content-1 .banner-logo {
		margin: 0 auto;
		float: none; } 
	}
.hero-banner-container .hero-banner-center-container .hero-banner-content-1 .banner-text {
	font-size: 50px;
	color: #000000;
	position: absolute;
	transform: translateY(100%);
	padding-left: 29px;
	font-weight: 300;
	line-height: 69px; }
@media only screen and (max-width: 1023px) {
	.hero-banner-container .hero-banner-center-container .hero-banner-content-1 .banner-text {
		font-weight: 300;
		font-size: 26px;
		position: static;
		padding: 0;
		line-height: normal;
		margin-top: 20px;
		display: block;
		transform: none; }
}
.hero-banner-container .hero-banner-center-container .hero-banner-content-2 {
	margin-top: 74px;
	font-size: 36px;
	line-height: normal; }
@media only screen and (max-width: 1023px) {
	.hero-banner-container .hero-banner-center-container .hero-banner-content-2 {
		margin-top: 9px;
		font-size: 18px; } 
}
.hero-banner-container .hero-banner-center-container .hero-banner-content-2 .banner-content-2-text {
	color: #000000;
	font-weight: 100; }
@media only screen and (max-width: 1023px) {
	.hero-banner-container .hero-banner-center-container .hero-banner-content-2 .banner-content-2-text {
		font-weight: 500;
		font-size: 18px; } 
}
.hero-banner-container .hero-banner-center-container .hero-banner-content-2 .banner-content-2-link {
	font-size: 36px;
	text-transform: capitalize;
	text-decoration: none;
	color: #00456b;
	font-weight: 500; }
.hero-banner-container .hero-banner-center-container .hero-banner-content-2 .banner-content-2-link:hover {
	color: #565656;}
@media only screen and (max-width: 1023px) {
	.hero-banner-container .hero-banner-center-container .hero-banner-content-2 .banner-content-2-link {
		font-weight: 500;
		color: #3e79a7;
		font-size: 18px; } 
}

.blog-article-banner .blog-article-title {
	width: 100%;
	margin: 56px 0 25px;
	text-align: center; }
@media screen and (max-width: 1023px) {
	.blog-article-banner .blog-article-title {
		width: 100%; } 
}
.blog-article-banner .blog-article-title h1 {
	color: #000000;
	font-size: 48px;
	font-weight: 300;
	line-height: normal;
	text-align: center;
	margin: 0; }
@media screen and (max-width: 1023px) {
	.blog-article-banner .blog-article-title h1 {
		font-size: 28px;
		font-weight: 100; } 
}
.blog-article-banner .blog-article-title a {
	color: #000000;
	font-size: 22px;
	line-height: 27px;
	text-align: center;
	text-transform: capitalize;
	text-decoration: none; }
@media screen and (max-width: 1023px) {
	.blog-article-banner .blog-article-title a {
		font-size: 16px;
		margin-top: 3px; } 
}

.blog-article-banner .blog-article-container {
	background: #f4f4f4; }

.blog-article-banner .blog-article-center-container {
	width: 75%;
	margin: 0 auto; }
@media screen and (max-width: 1023px) {
	.blog-article-banner .blog-article-center-container {
		width: 100%; } 
}
.blog-article-banner .blog-article-center-container .blog-articles {
	clear: both;
	width: 100%;
	display: inline-block;
	margin-top: 40px; }
.blog-article-banner .blog-article-center-container .blog-articles:last-child {
	margin-bottom: 40px; }
@media screen and (max-width: 1023px) {
	.blog-article-banner .blog-article-center-container .blog-articles {
		margin-top: 53px; 
		padding: 0 11px;
		box-sizing: border-box;
	}
	.blog-article-banner .blog-article-center-container .blog-articles:first-child {
		margin-top: 16px; } 
}
.blog-article-banner .blog-article-center-container .blog-articles .blog-article-image {
	width: 21.058%;
	float: left; 
	line-height: 0;
	font-size: 0;}

.blog-article-banner .blog-article-center-container .blog-articles .blog-article-paras {
	width: 75%;
	float: left;
	padding: 30px 0 0 40px;
	box-sizing: border-box; }
.blog-article-banner .blog-article-center-container .blog-articles .blog-article-paras h2 {
	color: #00669E;
	font-size: 26px;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0.3px;}
@media screen and (max-width: 1023px) {
	.blog-article-banner .blog-article-center-container .blog-articles .blog-article-paras h2 {
		color: #000;
		font-weight: 300; } 
}
.blog-article-banner .blog-article-center-container .blog-articles .blog-article-paras p {
	margin-top: 17px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
	color: #000000;
	letter-spacing: 0.2px;}
@media screen and (max-width: 1023px) {
	.blog-article-banner .blog-article-center-container .blog-articles .blog-article-paras p {
		margin-top: 16px;
		font-size: 16px;
		font-weight: 100; } 
}

.brand-sub-categories .breadcrumb {
	margin: 32px 50px 0;}			

.brand-seo-banner {
	max-width: 1680px;
	margin: 60px auto 0;
	width: 100%;
	padding: 0 59.5px;
	box-sizing: border-box;}
.seo-container ,.seo-container p{
	font-size: 14px;
	color: #000000;
	line-height: 22px;
	letter-spacing: 0.2px;}
.seo-heading {
	font-weight: bold;
	line-height: 24px;
	font-size: 16px;}

@media screen and (max-width: 1023px) {
	.brand-seo-banner {
		padding: 0 11px;
		box-sizing: border-box;
		margin: 66px auto 0;}
}

@media screen and (max-width: 1023px) {
	.seasonal-category-banner-bottom {
		display: none;}
}

.pdp-main .pdp-optional-sub-heading {
	font-weight: 500;
}

.pdp-main .product-listing {
	margin: 0 0 100px 0;
}

.product-listing .product-tile .product-pricing {
	margin: 0;
	background-color: #FFFFFF;
	padding: 0;
}

.product-listing .product-tile .product-price-section {
	background: none;
	padding: 0;
}

.product-listing .product-tile .product-price-section .good-slam-club {
	display: none;
}

.product-listing .product-tile .product-pricing .goodsam-price, .product-listing .product-tile .product-pricing .non-member {
	margin-left: 0;
    width: 54%;
    display: inline-block;
    float: right;
    text-align: left;
}

.product-listing .product-tile .product-pricing .price-goodsam-member , .product-listing .product-tile .product-pricing .price-non-member, .product-listing .product-tile .product-price .price-sales {
	font-size: 16px;
    display: inline-block;
    line-height: 22px;
    width: 100%;
    margin: 8px 0 0 0;
}

.product-listing .product-tile .product-pricing .price-goodsam-member .good-slam-club {
	display: none;
}

.product-listing .product-tile .product-body-content {
	padding: 0;
}

.product-listing .product-body-content .product-price, .pdp-main .product-listing .product-body-content .product-swatches {
	height:auto;
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
}

.product-listing .product-name {
	margin: 16px 0 0 0;
}

.product-listing .product-name, .pdp-main .product-listing .product-name a {
	font-size: 16px;
    line-height: normal;
	font-weight: normal;
}



@media screen and (max-width: 1023px) {
	.product-listing .product-name {
		display: block;
	}
}

@media screen and (max-width: 1023px) {
	.product-listing {
		margin: 0 0 29px 0;
	}
}

/*Banner image handler*/
@media screen and (min-width: 401px) and (max-width: 1023px){
	.page-banner-image img {
		height: 350px;
		object-fit: cover;
	}
}

/* ----------------------------------------------------------------*/
/*################### Drop2 styles will start here ################*/
/*------------------------------------------------------------------*/

/************* styles for 'no-hits-help' content slot **************/
.no-result-page .noresults-help {
	max-width: 400px;
	width : 100%;
	font-size: 14px;
	font-weight: 400;
	color: #727272;
	margin : 21px auto 42px;
}
.no-result-page .noresults-help .not-find-text, .no-result-page .noresults-help .phone-num {
	display: block;
	font-style: italic;
}
.no-result-page .noresults-help	p {
	color: #727272;
}
.no-result-page .noresults-help	.phone-num a:hover {
	text-decoration: underline;
}
.no-result-page .noresults-help .better-results-tips {
	margin-top: 27px;
}	
.no-result-page .noresults-help	li {
	line-height: 20px;
	list-style: disc;
	list-style-position: inside;
}

/* overriding the no-search styles for Search results articles only page */
.articles-result .noresults-help .not-find-text, .articles-result .noresults-help .phone-num {
	font-size: 16px;
	line-height: 25px;
}
.articles-result .noresults-help .phone-num a {
	font-weight: 500;
}
.articles-result .noresults-help .phone-num a:hover {
	text-decoration: underline;
}
.articles-result .noresults-help .better-results-tips {
	margin: 20px 0 0 0;
}
.articles-result .better-results-tips p, .articles-result .better-results-tips ul {
	font-size: 16px;
	line-height: 25px;
}
.articles-result .better-results-tips li {
	line-height: 25px;
	list-style: disc;
	list-style-position: inside;
}
@media screen and (max-width: 1023px) {
	.articles-result .noresults-help {
		padding: 0 5%;
	}
}

.free-shipping {
	font-weight: 500;
	font-size: 13px;
	margin-right: 5px;
}

.main-promo-slot .promo-slot .promotion-content-right {
	width: 100%;
	justify-content: center;
	padding: 8.5px 0;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	font-size: 13px;
}

.main-promo-slot .promo-slot .promotion-content-right a {
	color: #ffffff;
	font-size: 13px;
	font-weight: 300;
}

@media screen and (max-width: 575px) {
	.main-promo-slot .promo-slot .promotion-content-right {
		text-align: left;
	}
}

@media screen and (min-width: 1024px) {
	.tab-content .tab-wrapper {
		padding: 0 10px 0 78px;
		box-sizing: border-box;
	}
}

.service-categories-container .service-categories {
	font-size: 48px;
	line-height: 61px;
	color: #000000;
	font-family: "Montserrat";
	font-weight: 300;
	text-align: center;
	width: 100%;
	margin: 70px 0 26px 0;
	display: inline-block;
}

/*temp until merge 10/4 LJ */

.banner {
    padding: 0 !important;
}

#primary #product-category-banner {
    display: none !important;
}


.banner .right-content {
    margin: 0 0 0 2.5%;
}

.banner .right-content .content-heading {
    font-size: 50px;
    line-height: 61px;
    color: #000000;
    font-family: "Montserrat";
    font-weight: 400;
}

@media screen and (max-width: 1023px) {
    .banner .right-content .content-heading {
        text-align: center;
        font-size: 26px;
        line-height: 32px;
        color: #000000;
        font-family: "Montserrat";
        font-weight: 300;
        margin: 30px 0 10px;
    }
}

.banner .right-content .content-sub-heading {
    font-size: 36px;
    line-height: 44px;
    color: #FFFFFF;
    font-family: "Montserrat";
    font-weight: 400;
}

.banner .right-content .content-sub-heading a {
    font-size: inherit;
    line-height: inherit;
    color: #00669e;
    font-family: inherit;
    font-weight: 400;
    text-decoration: none;
}

.banner .right-content .content-sub-heading a:hover {
    color: #565656;
}

@media screen and (max-width: 1023px) {
    .banner .right-content .content-sub-heading {
        text-align: center;
        font-size: 18px;
        line-height: 22px;
        color: #000000;
        font-family: "Montserrat";
        font-weight: 300;
        margin: 0 0 10px;
    }
    .banner .right-content .content-sub-heading a {
        font-weight: 300;
    }
}

@media screen and (max-width: 1279px) {
    .banner.banner-content {
        top: auto;
    }
}

@media screen and (max-width: 1023px) {
    .banner .banner-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (max-width: 1279px) {
    .service-hero-image-banner .service-banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

#product-category-banner.container-width {
	padding: 0;
}

/* ----------------------------------------------------------------*/

/*################### Goodsam pop up in cart page ################*/

/*------------------------------------------------------------------*/

/*********** styles for 'ngs-popup-mem-nonmem' content asset ************/

.gs-modal-content .gs-text {
	font-size: 40px;
	font-weight: 500;
	line-height: 44px;
	padding: 0 7%;
	letter-spacing: 1px;
	text-align: center;
	margin: 20px 0;
}
.gs-modal-content .color-red {
	color: #c30b24;
	display: inline-block;
	font-weight: 600;
}


/*********** styles for 'gs-popup-onegs-prod' content asset ************/

.gs-modal-content.goodsam-club {
	width: 90%;
}

/*********** styles for 'cart-gs-popup' content asset ************/

.no-goodsam .gs-text {
	padding: 0 11%;
}

/*********** styles for 'cart-gs-popup-bottom' content asset ************/

.gs-bottom {
	margin: 0 0 15px 0;
}
.gs-bottom ul {
	padding: 0 7%;
}
.gs-bottom ul li {
	list-style: disc;
}

/** Good sam popup's in cart responsive styles **/

@media screen and (max-width: 1023px) {
	.gs-modal-content .gs-text {
		font-size: 34px;
		line-height: 36px;
	}
	.no-goodsam .gs-text {
		padding: 0 2%;
	}
}