.btn-nt{ text-transform: none; }
.btn{ padding:  12px 30px; }
.impact-wrap-sm{ margin-top: 40px; }
.impact{ background: #fff; padding: 0; }

.top_arrow{ height:32px; background:url(https://www.downyourhighstreet.co.uk/design/themes/dyhs/templates/addons/retailers_page/assets/images/arrow_top1.png); background-repeat: no-repeat; background-position: center; background-size: 70px; margin-bottom: 15px; }

p{ font-size: 17px; line-height: 23px; }
.title--xl{  }
h2{  font-size: 44px; margin-bottom: 30px; line-height: 52px; font-family: 'Open Sans',sans-serif; letter-spacing: -2px; font-weight: 700; }
.slick-dots li{ width: 14px; height: 14px; }
.slick-dots li button{
background: transparent;
border: 1px solid #999;
text-indent: -999999999999px;
border-radius: 50%;
width:13px;
height:13px;
}
.slick-dots li.slick-active button { background: #222; border-color:#222; }
.slick-dots{ bottom: -25px; }

.content-box img{ max-width: 100%;  }
.content-box p{ margin-top: 20px; }
.content-box .rw{ display: inline-block; vertical-align: top; width: 47.5%; }
.content-box .rw:first-child{ margin-right:5%; }
.content-box .rw:nth-child(2){ margin-left:-5px; }

.ylw_border{ position: relative; padding-top: 10px; padding-left: 10px; }
.ylw_border::before{ content: " "; position: absolute; width: 10px; height: 80%; background:#fecb05; left: 0; top: 0; }
.ylw_border::after{ content: " "; position: absolute; height: 10px; width:80%; background:#fecb05; left: 0; top: 0;  }


h3.line{ font:26px 'Open Sans'; text-align: left; font-weight: bold; line-height:30px; padding-bottom:6px; margin-bottom:28px; border-bottom:4px solid #fecb05; display: inline-block; padding-right: 15px; }

.main__thumb{ background-position: top center; }
.main{ min-height: 780px; }
.main__thumb::after { background: linear-gradient(180deg,rgba(0,0,0,0.2),rgba(0,0,0,0.2));}
.main-info__subtitle{ padding:30px 0; }
.main-info__subtitle span{ display: block; color: #fecb05; }
.main-info{ text-align: left; }
.title--xl{ font:60px 'Open Sans'; font-weight: 700; letter-spacing:-2px;   max-width: 500px; line-height: 84px; }

.vendor-list{ padding-left:10px; padding-right: 10px; max-width: 1050px; margin: auto; }
.vendor-list .item{ padding:25px 15px 0 15px; }
.vendor-list img{ max-width: 100%; }
.slider2 .slick-arrow{  }
.slider2 .slick-prev::before{  content: " "; border: 8px solid transparent; border-right: 10px solid #eee;
position: absolute; left: -2px; }
.slider2 .slick-prev:hover::before{ border-right: 10px solid #aaa; }
.slider2 .slick-next::before{ content: " "; border: 8px solid transparent; border-left: 10px solid #eee;
position: absolute; left: 5px; }
.slider2 .slick-next:hover::before{ border-left: 10px solid #aaa; }

.why{text-align:center; position:relative; overflow: hidden; }
.why::before {
  content: " ";
  position: absolute;
  right: -24%;
  top: 0px;
  width: 50%;
  height: 80%;
  background: url(https://www.downyourhighstreet.co.uk/design/themes/dyhs/templates/addons/retailers_page/assets/images/ellipse.svg);
  background-size: 84% 100%;
  z-index: 0;
  background-repeat: no-repeat;
}
.why .abt{ text-align: left; padding-top: 60px; padding-bottom: 60px; }
.why .abt .info{ display: inline-block; vertical-align: top; width: 55%; margin-right: -5px; }
.why .abt .info p{ line-height: 25px; margin-bottom:30px; }
.why .abt .img{ display: inline-block; vertical-align: top; width:45%;  }
.why .abt img {
  position: relative;
  margin-top: -20px;
  margin-bottom: -100px;
  right: -40px;
  max-width: 110%;
}
.why .container{ text-align: left; }
.why .tabs{ text-align: left; position: relative; z-index: 1; display: inline-block; box-shadow: 0px -0px 12px #ccc; }
.why .tabs a{ display: inline-block; background: #f5f5f5; cursor: pointer; font-size: 23px; line-height:26px; padding: 25px 50px; position: relative; text-decoration: none; font-weight: bold;  box-shadow: inset 0 0 5px #ccc;  }
.why .tabs a::after{ content: " "; width: 100%; left: 0; position: absolute; background: #fff; height: 25px; bottom: -25px;   }
.why .tabs a.active{ background: #fff; box-shadow: none; }
.why .tabs_contailer{ background: #fff;
box-shadow: 0px 2px 12px #ccc;
position: relative; padding-top: 60px; padding-bottom: 60px; }
.why-products{display:flex;align-items:flex-start;justify-content:space-between;max-width:1000px;margin:0px auto 0; background: }
.why-products .product{display:block;max-width:230px}
.why-products .product:not(:last-child){margin-bottom:0}
.why-products .product__thumb{margin:0 auto 0px; margin-bottom: 30px; display:flex;align-items:center;justify-content:center;flex-shrink:0}
.why-products .product__thumb img{width:200px;height:200px}
.why-products .product__title{font:28px 'Open Sans'; text-align: left; font-weight: bold; line-height:30px;margin-bottom:6px; padding-bottom: 10px; border-bottom:4px solid #fecb05;}
.why-products .product__text{ line-height:24px; text-align: left; margin-top: 25px; margin-bottom:30px;}

.how-box{ position: relative; overflow: hidden; }
.how-box.first::before {
  content: " ";
  position: absolute;
  right: -24%;
  top: 40px;
  width: 50%;
  height: 100%;
  background: url(https://www.downyourhighstreet.co.uk/design/themes/dyhs/templates/addons/retailers_page/assets/images/ellipse.svg);
  background-size: 84% 100%;
  z-index: 0;
  background-repeat: no-repeat;
}
.how-box.first .img1{ width: 320px;margin-left: 35%; margin-top: 10%; }
.how-box.first .img2{ width: 320px; margin:-20% 0 0 8%; }
.how-box.last::before {
  content: " ";
  position: absolute;
  left: -27%;
  top: 0;
  width: 57%;
  height: 100%;
  background: url(https://www.downyourhighstreet.co.uk/design/themes/dyhs/templates/addons/retailers_page/assets/images/ellipse.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-size:106% 100%;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.how-box.last .img1{ margin-left: -22%; }
.how-box *{ z-index: 9; position: relative; }
.how-box .item{ padding:0px 0px 40px 75px; position: relative; }
.how-box .item > span{ position: absolute; left: 5px; top: 0; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.how-box .item p{ font-weight: bold; padding: 0; margin: 0; }
.how-box .item p span{ display: block; font-weight: normal; }
.how-box .btn{ margin-top: 15px; }

.shopify-box .shopify-img{ width: 400px; max-width: 85%; margin: 10px 0 0 0; }
.shopify-box .items{ text-align: left; padding: 0 5%; padding-bottom: 45px; }
.shopify-box .items > div{ vertical-align: top; margin-top:40px; display:inline-block; margin-right: -4px; width:33.33%; padding:0 5%; }
.shopify-box .items > div img{ height: 40px; margin-bottom: 10px; }
.shopify-box .items > div p{ display: block; }
.shopify-box .list-types{ margin:10px auto 0; max-width:900px; text-align: center; }
.shopify-box .list-types img{ 
  max-width: 100px;
  display: inline-block;
  vertical-align: middle;
  margin: 22px 25px 0;
  max-height: 65px;
} 

.retailers-box{ background: #f5f5f5; }
.retailers-box .items{ text-align: left; padding: 0 0%; padding-top: 15px; }
.retailers-box .items > div{ vertical-align: top; margin-top:0px; display:inline-block; margin-right: -4px; width:33.33%; padding:0 5% 0 0; }
.retailers-box .items > div img{ max-width: 90%; width: 200px; margin:35px 20px 20px 20px; }
.retailers-box .items > div p{ padding-left: 0px; }
.retailers-box .items .cntr{ text-align: center; }

.retailers-box h2{ position: relative; }
.retailers-box h2::after{ content:" "; position: absolute; height: 10px; margin-top: -4px; width: 100%; background: #fecb05; top: 50%; z-index: 0; }
.retailers-box h2 span{ display: block; background: #f5f5f5; position: relative; z-index: 1; }
.retailers-box h2.right span{ max-width: 950px; padding-right: 20px; padding-left: 90px;}
.retailers-box h2.left span{ margin-left: 41%; padding-left: 35px; padding-right: 90px; }

.retailers-box h3{ font-size: 32px; margin-bottom: 10px; text-align: center; }
.retailers-box h6 span{ display: block; }
.retailers-box h6{   background: #fecb05;
  width: 90%;
  padding: 4px 10px;
  font-size: 62px;
  color: #2e2e2e;
  margin: 0 0 25px 0;
  height: 60px;
  margin-top:35px;
}

.testimonial-list{ padding-left: 50px; padding-right: 50px;}
.testimonial-list .item{ padding:50px; text-align: center; }
.testimonial-list .item p.cnt{ line-height: 22px; font-style: italic; }
.testimonial-list .item p.own{ font-weight:bold; margin-top: 20px; }
.testimonial-list .item p.shp{ margin-top: 5px; }
.testimonial-list .item img{ margin:0px auto 20px auto; width: 200px; height: 200px; border-radius: 50%; }

.tv{ background: #f5f5f5; }
.tv__side{ max-width: 400px; }
.tv__video{ margin-bottom: 0px; height: 215px; }
.tv__side:first-child { margin-right: 120px; }
.tv__side .text-lg{ margin-top: 20px; }

.weeks-box .items{ text-align: center; padding: 0 5%; padding-bottom: 45px; }
.weeks-box p{ max-width: 600px; text-align: center; margin: auto; }
.weeks-box .items > div{ margin-top:40px; display:inline-block; margin-right: -4px; vertical-align: top; width:24%; padding:0 5%; }
.weeks-box .items > div img{ margin:0 auto 11px; width: 140px; max-width: 100%; }
.weeks-box .items > div b{ display: block; font-size: 16px; }


.accordion{
  margin: 0px 10px 21px 10px;
  border-top: 1px solid #777;
  padding: 25px 0px;
}
.accordion__trigger{ .line-height: 20px; }
.accordion__trigger button{ background: #f5f5f5; top: 50%; margin-top: -18px; }
.impact-wrap .row .col-md-6:first-child .accordion,.impact-wrap .row .col-md-6:nth-child(2) .accordion{ border-top: none; }

.media-list{ background: #f5f5f5; padding-left:50px; padding-right: 50px; }
.media-list .item{ padding: 10px 65px; text-align: left; font-style: italic; }
.media-list .item p{ line-height: 22px; line-height:26px; min-height: 155px; }
.media-list .item img{ margin:15px auto 0 auto; max-width: 100%; }

.footer-list--last .footer__input-group{ display: block; }
.footer-list--last .footer__input-group input{ border-right: 1px solid #4d4d4d; margin-bottom: 15px; }
.footer-list--last .pt-layout-xs{ padding-top: 35px; }.footer-list--last .pb-xl{ padding-bottom: 20px; }
.footer-list--last .footer__input-group button{ float: right; padding:13px 17px; }
.footer-list--last .bx_gender{ padding-top: 10px; display: inline-block; }
.footer-list--last .bx_gender label{ margin-right:20px; }
.footer-list--last .bx_gender input{ width:auto; margin-right: 5px; }

.footer-button{ padding-top:0px; }
.footer-button a{ margin-top: 20px; }


@media (max-width:900px){ 

}
@media (max-width:768px){ 
  .container{ max-width: 720px; }
  .logo { width: 120px; height: 60px; background-size: 100%; }
  .main-info .title{ text-align: center; max-width: 370px; margin-top:350px; }
  .main-info{ text-align: center; min-height: 500px; }
  .title--xl { font-size: 44px; line-height: 52px; }
  .main-info__subtitle { font-size: 20px; max-width: 370px;}

  h2 { font-size: 36px; margin-bottom:20px; line-height: 40px; text-align: left !important; }
   .shopify-box h2, .tv h2, .how-box h2{ text-align: center !important; }
  .vendor-list{ padding-left: 40px; padding-right: 40px; }
  .who-are-we.container{ padding-left: 0; padding-right: 0; }
  .who-are-we .about{ margin-top: 20px; }

  .retailers-box .items > div,.shopify-box .items > div{ padding-left: 0; text-align: center; margin-right: 0; padding-right: 0; width: 100%;}
  .shopify-box .list-types img { max-width: 80px; margin-left: 17px; margin-right: 17px; }
  .content-box .rw{ margin-right: 0; width: 100%; margin-left: 0; }
  .content-box .rw:first-child{ margin-right: 0; }

  .why .abt .info{ margin: 0; width: 100%; }
  .why .abt .img{ width: 100%; text-align: center; }
  .why .abt .img img{ position: relative;
margin-top: 10px;
margin-bottom: 0;
right: 0;
max-width:100%; }
  .why::before{
      left: 0;
      top:170px;
      width: 100%;
      height: 170px;
      background-size: 100%;
  }
  .why .abt{ padding-top: 25px; padding-bottom: 15px; }
  .why .abt .info{ padding-top: 20px; }
  .why .abt .info p{ margin-bottom: 15px; }
  .how-box.last:first-child, .why h2{ text-align: center !important; }
  .how-box .content-box .rw:nth-child(2){ text-align: center; margin-right: 0; margin-left: 0;  }
  .how-box.last .img1{ margin:auto; }
  .how-box h3.line{ margin-left: 25px; margin-right: 25px; text-align: center; display: block; }
  .how-box .item{ margin-right: -4px; width: 200px; vertical-align: top; display: inline-block; padding: 0px 5% 40px 5%; text-align: center; }
  .how-box .item > span{ position: static; display: inline-block; margin-bottom: 10px;}
  .how-box.first::before,.how-box.last::before{
      left: 0;
      top: 0;
      width: 100%;
      height: 170px;
      background-size: 100%;
  }
  
  .how-box .container{ padding-left: 0; padding-right: 0; }  
  .how-box.first::before{ top:80px; }
  .how-box.first .img1 { width: 240px;margin-left: 10%;margin-top: 3%;}
  .how-box.first .img2 { width: 249px; margin:-135px 0 30px 43%;}
  .retailers-box .container{ padding-left: 0; padding-right: 0; }
  .retailers-box h6{ width: 100%; }
  .why-products{ display: block; }
  .why-products .product{ max-width: 100%; }
  .why-products .product,.why-products .product-info *{ text-align: center; }
  .who-are-we .about,.why h2,.retailers-box p,.retailers-box h2,.why-products .product{ padding-left: 25px; padding-right: 25px; }

  .testimonial-list{ padding-left: 0; padding-right: 0; }
  .testimonial-list .item{ padding-bottom: 0px; }
  .testimonial-list .btn{ margin-top: 60px; }
  .weeks-box .items > div{ width: 50%; padding: 0 10%; }
  .retailers-box h2.right span, .retailers-box h2.left span{ padding-left: 0; padding-right: 0; margin-left: 0; }

  .testimonial-list .btn,.weeks-box .btn,.text-center .btn{ display: block; margin-left: 25px; margin-right: 25px; }
  .impact h2,.weeks-box h2, .weeks-box p{ margin-left: 5px; margin-right: 5px; }
  .accordion { margin: 0px 10px; }
  .impact-wrap .row .col-md-6:nth-child(2) .accordion{ border-top:1px solid #777; }

  .footer-list.fl1{ margin-left: 25px; margin-right: 25px; }
  .footer-list.fl2,.footer-list.fl3,.footer-list.fl4{ display: none; }
  .footer-button a{ display: block; margin:0 15px 50px 15px;  }
  .media-list .item{ padding: 10px 20px; }

  .retailers-box h2::after {
    content: " ";
    position: relative;
    height: 4px;
    margin-top: 0px;
    width: 100%;
    background: #fecb05;
    display: block;
    margin-top: 10px;
    margin-bottom: -30px;
  }
}

.mg70{ margin-top: 50px; margin-bottom: 50px; }
.mgt70{ margin-top: 50px;  }
.mgb10{ margin-bottom: 10px; }
.pd70{ padding-top: 50px; padding-bottom: 50px; }
.pd50{ padding-top: 50px; padding-bottom: 50px; } 
.pdt70{ padding-top: 50px; }
.pdb70{ padding-bottom: 50px; }
.pdt40{ padding-top: 40px; }
.pdt30{ padding-top: 30px; }
.pdb40{ padding-bottom: 40px; }

@media (max-width:600px){
  .why .tabs a{
    font-size: 16px; line-height: 26px; padding: 15px 19px;
  }
}

@media (max-width:520px){
  .why::before {
    left: 3.5%;
    top: 160px;
    width: 100%;
    height: 170px;
    background-size: 93%;
  }
  .why .tabs a {
      font-size: 14px;
      line-height: 26px;
      padding: 15px 16px;
  }
}

@media (max-width:400px){
  .why .tabs a {
      font-size: 14px;
      line-height: 26px;
      padding: 15px 15px;
  }
}

@media (max-width:375px){
  .why .tabs a {
      font-size: 13px;
      line-height: 22px;
      padding: 15px 15px;
  }
}

@media (max-width:360px){
  .why .tabs a {
      font-size: 13px;
      line-height: 22px;
      padding: 15px 13px;
  }
}

/* --------------------------------------------------- */
/*
.mobile-show{ display: none; }
@media (max-width:767px){ 
 .mobile-hide{ display: none; }
 .mobile-show{ display: block; }
}
.plan__card-stats{ margin:10px 0 20px 0; }
.plan__card-stats p{ text-align: left; font-size: 18px; padding:18px 0 0 0; }
.plan__card-stats p strong{ color:#000 !important; }
.plan__card-stats p:not(:last-child){ border:none }

.plan__card-stats i{ display: inline-block; border:1px solid #fecb05; border-radius: 50px; height: 25px; width: 25px; margin-right: 10px; position: relative; vertical-align: middle; top: -2px; }
.plan__card-stats i:before{ content:" "; position: absolute; left: 13px; top: 6px; width: 1px; height: 11px; background:#fecb05;  -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);   transform: rotate(45deg); }
.plan__card-stats i:after{   content:" "; position: absolute; left: 5px; top: 12px; width: 5px; height: 1px; background:#fecb05; -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);   transform: rotate(45deg);}
.plan__card-stats i.err{ border-color: #e00;  }
.plan__card-stats i.err:before{ background:#e00; left: 11px; top: 5px; width: 1px; height: 13px; }
.plan__card-stats i.err:after{ background:#e00; left: 5px; top: 11px; width: 13px;height: 1px; }

.plan__card .title bdi span{ font-size: 32px; }


.wysm{ margin-bottom: 120px; } 
.wysm h2{ text-align: center; }
.wysm .box{ margin-top:0px; background-color: #eff4f9; text-align: center; padding:60px 6%;}
.wysm .box p{ margin-bottom: 40px; }
.wysm .box p.bold{ font-weight:bold; }
.wysm .box p a,.accordion__inner a{ color:#6198d1; } 

.plan__card-title {
    margin-left: -30px;
    margin-right: -30px;
    font-weight: bold;
}
.plan__card .text {
    min-height: 80px;
    margin-left: -20px;
    margin-right: -20px;
}
.testimonials__card{ min-height:780px; }

.list_srchprdt{ padding:0 15px; color:#222; background: #fff;position: absolute;width: 100%;margin-top: 2px;box-shadow: 0 0 9px #ccc;max-height: 220px;overflow-y: auto; }
.list_srchprdt a{ margin: 0 !important; padding: 0; }
.list_srchprdt .box_prdt{ border-top: 1px solid #ddd; padding:10px 0px 10px 50px; min-height: 60px; position: relative; text-align: left; }
.list_srchprdt .box_prdt:first-child{ border:none; }
.list_srchprdt .box_prdt img{ position: absolute; left: 0; top:10px; height: 40px; }
.list_srchprdt .box_prdt .details span{ display: block; margin-top: 5px; }
.list_srchprdt .box_prdt .details{ margin-top:0px; line-height: 16px;font-size: 14px;  }
.list_srchprdt p{ padding: 15px; }

.header-actions{ position: relative; }
.box_showmodel{ max-width: 80%; display: none; position: absolute; background: #fff; min-height:30px; color: #222; min-width: 150px; z-index: 999; box-shadow: 0 0 8px #ccc;  }
.box_showmodel::before{ border: 10px solid transparent; position: absolute; border-bottom: 10px solid #fff; top:-19px; left: 0; content: " "; }
.box_showmodel.righta::before{ left: auto; right: 0; }

#box_currency{ padding:3px 0; margin-top:8px; }
#box_currency a{ text-decoration: none; padding:5px 10px; font-size:13px; display: block; color: #222; }
#box_currency a:hover{ background: #222; color: #fff; }

#box_cart{ max-width: 256%; top: 32px; right: 20px; width: 330px; }
#box_cart p{ margin: 0;padding: 15px;text-align: center; }

.cart_prdts{ max-height:250px; overflow-y: auto; padding:14px; }
.cart_prdts .cproduct { min-height: 62px; position: relative; line-height: 14px; margin: 0px 0 12px 0; border-top: 1px solid #ddd; padding-top: 12px; font-size: 14px;}
.cart_prdts .cproduct:first-child{ border: none; padding-top: 0; }
.cart_prdts .cproduct img{ position: absolute; left: 0; top: 12; width: 50px; }
.cart_prdts .cproduct .info{ padding-left: 60px }
.cart_prdts .cproduct .info .price{ display: block;font-weight: normal;margin-top: 7px; }
#box_cart .buttons{ background: #333; color: #fff; padding:14px 19px;  }

#box_search { max-width: 200%; top: 32px;right: 20px; width: 285px;}
#box_search .main-info__search input{ height:42px; }
#box_search.box_showmodel.righta::before{ right:79px; }

.plan__card-stats p strong{ font-weight: normal; color: #6198d1; }

.footer-list__link{ display: block; }


@media (max-width:3000px) and (min-width:1100px){
	.why{ margin-top:100px; }
}	

@media (max-width:768px){ 
	.wysm .box{ padding: 60px 13%; }
	.plan__card .text { min-height: 20px;}
	.testimonials__card{ min-height:80px; }
    .plan__card-stats p{ font-size: 16px; padding: 15px 0 0 0; }
}

.header .header-actions{ display: none; }
@media (max-width:520px){
  font-size: 16px;
line-height: 26px;
padding: 15px 20px;
.header .header-wrap__inner{ margin: auto; margin-top: 0px; }
.preheader{ display: none; }
}

@media (max-width:460px){

}

@media (max-width:420px){
	.preheader-nav__link:not(:last-child){ margin-right: 10px; }
}

@media (max-width:360px){
    .integrations img{ max-width: 280px; display: inline-block; vertical-align: top; margin:0 0 -10px -2px; }
}
/*