@media (min-width: 768px) {
  section {
    padding: 70px 0 10px 0;
  }
  #brand-logo {
    width: 278px;
    height: auto;
  }
}

@media (max-width: 479px){
  #brand-logo {
    width: 180px;
    height: auto;  }
}

section#bottomLogo {
  padding-bottom: 30px;
  padding: 0px 0;
  text-align: center;
}

section#info {
  padding-bottom: 30px;
}

.info_page {
  background: white;
  padding: 25px 0;
}

@media (min-width: 768px){
.col-md-8 {
    -ms-flex: 0 0 66%;
    flex: 0 0 66%;
    max-width: 66%;
}}

.shopy-logo {
  display: inline-block;
  vertical-align: top;
  text-align: right !important;
}

.dark-back {
  background-color: #212529;
  color: white;
  margin-top: 40px;
  margin-bottom: 40px;
}

a.dark-back {
  color: #128C8F;
}
a.dark-back:hover {
  color: #fcb54c;
}

.no-left-padding {
  padding-left: 0px;
}
.no-lr-padding {
  padding-left: 0px;
  padding-right: 0px;
}

.offer-text {
  color: #128C8F;
  font-size: large;
  font-weight: bold;
}

.active-color {
  color: #128C8F !important;
}

/* OWL Carousel */
.owl-theme .owl-controls .owl-page {
  display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
  background: none repeat scroll 0 0 #869791;
  border-radius: 20px;
  display: block;
  height: 12px;
  margin: 5px 7px;
  opacity: 0.5;
  width: 12px;
}

.content-section {
  padding: 15px 0;
}

/* Cost Calculator */
@media (max-width: 420px) {
  .shopify-cost-table {
    font-size: 80%;
  }
}
.shopify-cost-table__helptext {
  color: grey;
  display: block;
  font-size: 80%;
  font-weight: normal;
}
.shopify-text-muted {
  color: grey;
  font-size: 90%;
  font-weight: normal;
}
.shopify-cost-calculator p {
  margin-bottom: 0;
}
.best-option-text {
  display: block;
  color: #16a8a8;
}

/* Resouces page */
.post-preview > .row > .col > a, .post-preview > a {
  color: #212529;
}

.post-preview > a:focus, .post-preview > a:hover,
.post-preview > .row > .col > a:focus, .post-preview > .row > .col > a:hover {
  text-decoration: none;
  color: #0085A1;
}

.post-title {
  font-size: 25px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.post-subtitle {
  font-weight: 300;
  margin: 0 0 10px;
  display: inline-block;
  color: #0085A1;
}
h4.post-subtitle {
  font-size: 1.4rem;
}
hr.post-hr {
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;
}


.post-meta {
  font-size: 18px;
  font-style: italic;
  margin-top: 0;
  margin-bottom: 5px;
  color: #868e96;
}

.post-preview > .post-meta > a, .post-preview > .row > .col > .post-meta > a {
  text-decoration: none;
  color: #212529;
}

.post-preview > .post-meta > a:focus, .post-preview > .post-meta > a:hover,
.post-preview > .row > .col > .post-meta > a:focus, .post-preview > .row > .col > .post-meta > a:hover {
  text-decoration: underline;
  color: #0085A1;
}

@media only screen and (min-width: 768px) {
  .post-title {
    font-size: 34px;
  }
}

.img-article {
  height: 160px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.img-article-square {
  width: 250px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.price-plan-col {
  width: 10%;
}

.price-v-header {
  width: 25%;
}

.img-centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}
.img-offer {
  display: block;
  max-height: 450px;
  margin-top: -20px;
}
.img-offer-setup {
  display: block;
  max-height: 330px;
  margin-top: -20px;
  margin-left: -85px
}
@media only screen and (max-width: 768px) {
  .img-centered {
    width: 100%;
  }
  .img-offer {
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
  }
  .img-offer-setup {
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
  }
}

.gray {
  color: gray;
}
.btn-subtitle {
  font-size: 12px;
  line-height: 12px;
}


/* Resource page cards */
h2.card-title {
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 5px;
  color: black;
  min-height: 4rem;
}
.card-subtitle {
  font-weight: 300;
  margin: 0 0 3px;
  display: inline-block;
  color: #212529;
  min-height: 4.3rem;
  font-size: 1.2rem;
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.1em;
}
/* Pricing page */
.pricing-table__section-heading {
  font-weight: 700;
  font-size: 18px;
}
.pricing-table {
	width: 100%;
	margin: 30px 0;
	border-spacing: 0;
	border-collapse: collapse;
	-webkit-text-size-adjust: 100%
}
.pricing-table th,
.pricing-table td {
	padding: 10px 15px;
	border: 1px solid #dfe3e8
}
.pricing-table th {
	background-color: #f4f6f8;
	font-weight: 400
}
.pricing-table th[scope='row'] {
	background-color: transparent
}
.pricing-table thead th {
	vertical-align: top;
	padding-top: 20px;
	padding-bottom: 20px
}
.pricing-table tbody td {
  text-align: center;
  font-weight: 600;
}
@media screen and (min-width: 46.875em) {
	.pricing-table thead th {
		padding-left: 5px;
		padding-right: 5px
	}
}
.pricing-table tbody th {
  text-align: left;
  vertical-align: middle;
  width: 30%;
}
.pricing-table tbody tr:hover th:not([scope='col']),
.pricing-table tbody tr:hover td {
	background-color: #f4f6f8
}
.pricing-table p {
	margin: 0
}
.pricing-table sup {
	margin-top: 25px;
  display: inline-flex;
}
.inf-text {
  display: inline-block;
  line-height: 1;
  vertical-align: sub;
  font-size: 0.75em;
}

.price-plan-title {
  text-align: center;
  font-weight: 700 !important;
  font-size: 20px;
}
.price_number{
  display: inline-block;
  vertical-align: top;
  font-size: 30px;
}
.mb0 {
  margin-bottom: 0;
}
.check-icon {
  background-image: url(/assets/tick_minor-b716a8ce3d15789223da0f2fc529b29a2b8527039c72aecc504a97c21f34efe6.svg);
  background-repeat: no-repeat;
  /* background-size: 10%; */
  height: 20px;
  background-position: center;
}
.calculator-icon {
  float: right;
}
.sales-fee-nbr {
  padding-left: 32px;
  vertical-align: sub;
}
.plan-contact-cell {
  width: auto !important;
  text-align: center !important;
}
.no_border_l {
  border-left-style: none !important;
}
.no_border_r {
  border-right-style: none !important;
}

/* diverse */
.dpd-img {
  margin-top: -60px;
  margin-bottom: -50px;
  width: 100%;
  height: auto;
}
.fans-img {
  margin-top: -70px;
  margin-bottom: -20px;
  width: 100%;
  height: auto;
}
.dhl-img, .tnt-img, .evri-img {
  margin-top: -30px;
  margin-bottom: -20px;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .dpd-img-uk {
    margin-top: -70px;
    width: 100%;
    height: auto;
  }
}
@media (max-width: 767px) {
  .dpd-img-uk {
    margin-top: -20px;
    width: 100%;
    height: auto;
  }
  .fans-img {
    margin-top: -10px;
    margin-bottom: 0px;
    width: 100%;
    height: auto;
  }
  .dhl-img, .tnt-img {
    margin-top: -10px;
    margin-bottom: 0px;
    width: 100%;
    height: auto;
  }
}
.fanc-img {
  margin-top: -30px;
  margin-bottom: -20px;
  width: 100%;
  height: auto;
}
.fgo-img {
  margin-top: -60px;
  margin-bottom: -50px;
  width: 100%;
  height: auto;
}
.olx-img {
  margin-top: -30px;
  margin-bottom: -20px;
  width: 70%;
  float: right;
  height: auto;
}
@media (max-width: 767px) {
  .olx-img {
    margin-top: -20px;
    width: 95%;
    margin-bottom: 10px;
  }
}
.sku-img {
  margin-top: -60px;
  margin-bottom: -40px;
  width: 70%;
  float: right;
  height: auto;
}
@media (max-width: 767px) {
  .sku-img {
    margin-top: -20px;
    width: 95%;
    margin-bottom: 10px;
  }
}
.svg-icon {
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  fill: #007ace;
  color: #007ace;
}
.shopify-app-store-badge {
  width: 280px;
  height: auto;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast; 
}
.video-icon-btn {
  width: 50px;
  height: auto;
}

/* On demand video player - WSA */
.youtube-player {
  position: relative;
  padding-bottom: 56.23%;
  /* Use 75% for 4:3 videos */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
  /* margin: 5px; */
  float: center;
  margin-right: 0;
}
.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent;
}
.youtube-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: .4s all;
  -moz-transition: .4s all;
  transition: .4s all;
}
.youtube-player img:hover {
  -webkit-filter: brightness(75%);
}
.youtube-player .play {
  height: 72px;
  width: 72px;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -36px;
  position: absolute;
  background: url(/assets/YouTube_play_icon-73c2294d1a2ac4561d49b8811a0b106ea3bd41e83c8862d6295200bafe4e7544.png) no-repeat;
  cursor: pointer;
}
/* Resource page cards */
h2.video-title {
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 5px;
  color: black;
}
.video-subtitle {
  font-weight: 300;
  margin: 0 0 3px;
  display: inline-block;
  color: #212529;
  font-size: 1.2rem;
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.1em;
}
a.video-subtitle {
  text-decoration: underline;
  z-index: 999;
  position: relative;
}
/* use to overcome navbar overlapping */
.anchor {
  padding-top: 73px;
  margin-top: -73px;
}

/* FAQ Accordion */
.faq-page-title {
  width: 80%;
}
.faq-banner {
  height: auto;
  width: 80%;
  display: block;
  margin-bottom: 15px;
}
.wrapper-accordion{
  width:80%;
}
.wrapper-accordion-prod{
  width:90%;
}
.panel {
  margin-bottom: 3px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid transparent;
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-default {
  border-color: #ddd;
}
.panel-heading {
  padding: 0;
	border:0;
}
.panel-title>a, .panel-title>a:active{
	display:block;
	padding:15px;
  color:#555;
  font-size:16px;
  font-weight:bold;
	text-transform:uppercase;
	/* letter-spacing:1px; */
  word-spacing:3px;
  text-decoration:none;
}
h4.panel-title {
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
}
.panel-heading a:before {
   font-family: 'FontAwesome';
   content: "\e902"; /* chevron-down */
   float: right;
   transition: all 0.5s;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
.panel-body {
  padding: 10px;
}
@media(max-width: 992px) {
  .faq-banner {
    width: 100%;
  }
  .wrapper-accordion, .wrapper-accordion-prod{
    width:100%;
  }
  .faq-page-title {
    width: 100%;
  }
}

.two-columns {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.green-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.6rem;
  border: 2px solid #fff;
  border-radius: 2rem;
  font-size: 0.9rem;
  line-height: 1.5rem;
  background-color: #bbe5b3;
  color: #414f3e;
}

.txt-center {
  text-align: center;
}

.dpd-scan-video {
  max-width: 460px;
  height: auto;
  margin: 0 auto;
  display: block;
}