.about-us
{
   margin-top: 50px;
}
.best-sellers {
   text-align: center;
}
.best-sellers a.name {
   color: #000;
   display: block;
   height: 36px;
   margin: 10px 0;
   overflow: hidden;
}
.best-sellers a:hover {
   color: #000;
}
.best-sellers .best-sellers-image {
   margin: 10px auto 0;
   position: relative;
   width: 120px;
}
.best-sellers .price {
   font-size: 16px;
}
.best-sellers .retail,
.order-status-text
{
   font-size: 12px;
}
.best-sellers .reviews {
   margin: 0 0 10px;
}
.best-sellers .sale-ribbon {
   background-color: #B00000;
   bottom: 0;
   color: #FFF;
   /*font-family: 'Ubuntu Condensed';*/
   font-family: "Ubuntu Condensed","Arial Narrow", "Trebuchet MS", Arial, sans-serif;
   left: 0;
   padding: 2px 5px;
   position: absolute;
}
.blog {
	text-align: center;
}
.blog a.underline {
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0 0;
	padding: 0 40px;
	text-align: center;
}
.blog > div > div {
	margin: 10px 0;
}
.blog h2 {
	margin-bottom: 25px !important;
}
.blog h2 a {
	color:#B56D32;
}
.blog h4 {
	font-size: 16px;
	height: 18px;
	margin-bottom: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.blog img {
	width:100%;
}
.img-wrapper{
   background-color: #ccc;
   display: block;
   position: relative;
   height:260px;
   overflow: hidden;
}
.blog p {
	margin: 0 0 15px !important;
}
.blog-text {
	height: 62px;
	overflow: hidden;
	margin-bottom: 15px;
}
.brands {
   margin: 0px 0px;
   padding: 0px 0px;
}
.brands h2 {
	margin: 0;
}
.brands ul li {
   font-weight: normal;
   list-style-type: none;
   overflow: hidden;
   padding: 5px;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.brands a.underline {
	font-size: 18px;
	font-weight: bold;
	margin: 15px 0 0;
	padding: 0 40px;
	text-align: center;
}

.brands .top-brands {
	text-align: center;
        /*margin-right: 55px;*/
}
.brands .top-brands img {
	max-width: 55px;
}
.brands .top-brands i {
	max-width: 55px;
}
.categories a.view-all {
   border: 1px solid #CDCDCD;
   border-radius: 4px;
   color: #A80000;
   padding: 5px 10px;
   text-transform: uppercase;
   border-radius: 50rem !important;
}
.categories h2 a {
	color: #FFF;
}
.categories img {
   display: block;
   margin: 0 auto;
   width: 45%;
}
.categories p {
   color: #666;
   font-size: 12px;
   height: 50px;
   margin: 10px !important;
   overflow: hidden;
   padding: 0 15px;
}
.categories .even,
.categories .odd {
   background-color: #0053A8;
   color: #ffffff;
   display: inline-block;
   font-size: 17px;
   margin: 10px 0 15px;
   padding: 6px 0;
   position: relative;
   text-align: center;
   text-transform: uppercase;
}
.categories .odd {
   background-color: #824B26;
}
.categories .even:before,
.categories .even:after,
.categories .odd:before,
.categories .odd:after {
   border: .9em solid #0053A8;
   content: "";
   bottom: 0em;
   display: block;
   position: absolute;
   width: .2em;
   z-index: -2;
}
.categories .odd:before,
.categories .odd:after {
   border: .9em solid #824B26;
}
.categories .even:before,
.categories .odd:before {
   border-right-width: .75em;
   border-left-color: transparent;
   left: -1.35em;
}
.categories .even:after,
.categories .odd:after {
   border-left-width: .75em;
   border-right-color: transparent;
   right: -1.35em;
}
.content p {
   /* color: #666666; */
   margin: 0 0 30px;
   text-align: center;
}
.content .about-us h1 {
   margin-bottom: 10px;
}
.content .about-us img {
	width: 100%;
}
.content .about-us p,
.content .about-us ul {
	color: #666666;
   font-size: 16px;
   line-height: 26px;
   margin: 0 0 10px;
   text-align: left;
}
.content .featured {
   background-color: #E7E7E7;
   background-image: -webkit-linear-gradient(top,#FFFFFF 0,#E7E7E7 100%);
   background-image: linear-gradient(to bottom,#FFFFFF 0,#E7E7E7 100%);
   border-bottom: 1px solid #CDCDCD;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7E7E7', endColorstr='#FFFFFF', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
   /*font-family: 'Ubuntu', sans-serif;*/
   font-family: Ubuntu, "Trebuchet MS", Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   margin: 0 0 25px;
   padding: 0 0 25px 0;
}
.content .featured .featured-each {
   background-color: #FFF;
   border: 1px solid #CDCDCD;
   border-radius: 10px;
   margin: 10px 0;
   padding: 10px;
}
.content .featured .featured-each img {
   width: 100%;
   /*
	bottom: 0;
	left: 0;
	max-width: 145px;
	padding: 0;
   position: absolute;
   */
}
.content .featured .featured-each p {
	line-height: 16px;
	margin: 0 0 10px;
}
.content .featured .featured-each .name {
   text-align: center;
}
.content .featured .featured-each .name a:first-child {
   display: block;
   font-weight: bold;
   height: 16px;
   line-height: 16px;
   margin-bottom: 10px;
   overflow: hidden;
   text-overflow: ellipsis;
   text-transform: uppercase;
   white-space: nowrap;
}
.content .about-us > div,
.content .best-sellers,
.content .blog > div,
.content .categories {
	margin: 18px 0;
}
.content .seals {
	margin-top: 10px;
}
.paypal-banner-container {


   margin-top: 25px;
   padding-top: 25px;
   border-top: 1px dotted #CDCDCD;


}
@media only screen and (max-width: 768px) {
   .categories h2 a {
		font-size: 14px;
	}
   .top-brands {
   margin-left:-10px;
   }

   .top-brand {
       float: left;
    overflow: hidden;
    margin-left:20px;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    height:50px;
}

}
@media only screen and (max-width:768px)
{
      .top-brand-name {
   margin-left:60px;
   }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   .brands .top-brands {
   margin-bottom: 15px;
   text-align: center;
   margin-right:30px;
   }
   .top-brands {
   margin-left:0px;
   }
   .top-brand-name {
   margin-left:70px;
   }
   .top-brand {
       float: left;
       margin-left:120px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    height:50px;
}

.text-center.slide-btn
   {
      margin: 0 250px -2px 250px !important;
   }

}
@media only screen and (min-width: 992px) {

   .top-brand-name {
   margin-left:90px;
   }

   .top-brand {
       float: left;
       /*margin-left:120px;*/
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    height:50px;
}

.brands-row
{
   margin-left:25px;
}

.text-center.slide-btn
   {
      margin: 0 350px -2px 350px !important;
   }

}

@media only screen and (min-width: 1200px) 
{
   .text-center.slide-btn
   {
      margin: 0 450px -2px 450px !important;
   }
}


h2 {
   color:#B56D32;
   font-size: 30px;
   font-weight: bold;
   margin: 35px 0 0;
   text-align: center;
   text-transform: uppercase;
}

.about-us h1, .about-us h2 {
   display: inline-block;
}
.about-us h2 {
   margin-right: 5px;
}

img.slider-mobile {
   width:100%;
}

.slide-btn {
   position: relative;
   bottom: 70px;
   margin: 0 160px -2px 160px;
   text-transform: uppercase;
   font-size: 25px;
   border: 2px solid #fff;
   color:#fff;
   background: #2863b4; /* Old browsers */
   background: -moz-linear-gradient(top,  #2863b4 0%, #1e5daa 51%, #1458a7 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  #2863b4 0%,#1e5daa 51%,#1458a7 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  #2863b4 0%,#1e5daa 51%,#1458a7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2863b4', endColorstr='#1458a7',GradientType=0 ); /* IE6-9 */
}

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

   .slide-btn {
      position: relative;
      bottom: 70px;
      margin: 0 80px -2px 80px;
      text-transform: uppercase;
      font-size: 25px;
      border: 2px solid #fff;
      color:#fff;
      background: #2863b4; /* Old browsers */
      background: -moz-linear-gradient(top,  #2863b4 0%, #1e5daa 51%, #1458a7 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top,  #2863b4 0%,#1e5daa 51%,#1458a7 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom,  #2863b4 0%,#1e5daa 51%,#1458a7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2863b4', endColorstr='#1458a7',GradientType=0 ); /* IE6-9 */
   }
}

.slide-btn2 {
   width:100%;
   text-transform: uppercase;
   font-size: 25px;
   border: 2px solid #fff;
   color:#fff;
   background: #2863b4 !important; /* Old browsers */
   background: -moz-linear-gradient(top,  #2863b4 0%, #1e5daa 51%, #1458a7 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  #2863b4 0%,#1e5daa 51%,#1458a7 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  #2863b4 0%,#1e5daa 51%,#1458a7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2863b4', endColorstr='#1458a7',GradientType=0 ); /* IE6-9 */
}

.slide-btn:active 
{
   color:#fff;
   background-color: #2863b4; /* Old browsers */

}

.slide-btn-hidden
{
   opacity: 0;
}

.float-right-slide-btn
{
   right:0;
}

.float-left-slide-btn
{
   left:0;
}
.center-block {
    display: block;
    margin-right: auto!important;
    margin-left: auto!important;
}


.homepage-brand-image
{
   float: left;
   width: 160px;
   overflow: hidden;
   clear: left;
   text-align: right;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.homepage-brand-name {
   margin-left: 180px;
}

.carousel-inner .item form {
   display:block;
}

/* Set the height for the carousel for cumulative layout shift */
.generic-slider
{
   height: 96.15px;
}

.homepage-carousel img
{
   max-width: 415px;
   height: 300px;
   margin: 0 auto;
}

@media screen and (min-width:576px)
{
   .generic-slider
   {
      height: 138.45px;
   }

   .homepage-carousel
   {
      height: 200px;
   }

   .homepage-carousel img
   {
      max-width: 100%;
      height: auto;
   }
}

@media screen and (min-width:768px)
{
   .generic-slider
   {
      height: 172.3px;
   }
}

@media screen and (min-width:992px)
{
   .generic-slider
   {
      height: 233.8px;
   }

   .homepage-carousel
   {
      height: 351.5px;
   }
}

@media screen and (min-width:1200px)
{
   .generic-slider
   {
      height: 280px;
   }
}

/* Facebook Section */
.fb-page{
  padding:8px;
  background: #f6f7f9;
  border: 1px solid #e9ebee;
  max-height: 320px;
  overflow-y: auto;
}
.fwb h4{
  margin:0;
}
.fbd abbr{
      border-bottom: none;
    text-decoration: none;
    color: #90949c;
    font-size: 12px
}

.fb-message{
  font-size: 14px;
  font-weight: normal;
  line-height: 1.38;
  margin:10px 0;
}

.share-links{
  margin-bottom: 0
}
#homescreen-modal .badge {
  top:-5px;
  position:fixed;
  right:-5px;
  z-index: 1000000000;
  font-size: 1.5em;
}

#homescreen-modal .down-arrow{
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #bbb;
  bottom:-18px;
  left:50%;
  position:fixed;
  transform: translate(-50%, 0);
}

#homescreen-modal .bcp-logo {
  margin-bottom:20px;
}

#homescreen-modal .modal-content{
  background-color: #bbb;
}

#homescreen-modal .modal-dialog{
  bottom:0;
  left:50%;
  position:fixed;
  transform: translate(-50%, 0);
  width:300px;
}

.cigars-interest-padding-header {
   margin-bottom:20px !important;
}

.cigars-interest-image { 
   margin: 10px auto 0;
   position: relative;
   width: 120px;
}

.cigars-interest-image img{ 
   border: 1px solid #CDCDCD;
   border-radius: 10px;
}

.interest-cigar
{
   min-height: 153px;
   max-height: 153px;
   overflow: hidden;
}

#order-status-carousel .carousel-control-prev-icon,
#order-status-carousel .carousel-control-next-icon
{
   filter: invert(1);
}

#order-status-carousel .carousel-item img
{
   height: initial;
}

#cart-action-modal .carousel-item img
{
   width: initial;
   height: initial;
}

.brandsprite {
   background-image: url(//assets.bestcigarprices.com/frontend/images/brands-spritesheet.png);
   background-repeat: no-repeat;
   vertical-align: middle;
   border: 0;
   position: absolute;
}


.brandsprite-macanudo {
    width: 55px;
    height: 29px;
    background-position: -5px -5px;
}

.brandsprite-acid {
    width: 55px;
    height: 29px;
    background-position: -70px -5px;
}

.brandsprite-afuente {
    width: 55px;
    height: 29px;
    background-position: -135px -5px;
}

.brandsprite-aging-room {
    width: 55px;
    height: 29px;
    background-position: -5px -44px;
}

.brandsprite-bacarat {
    width: 55px;
    height: 29px;
    background-position: -70px -44px;
}

.brandsprite-cao {
    width: 55px;
    height: 29px;
    background-position: -135px -44px;
}

.brandsprite-casa-garcia {
    width: 55px;
    height: 29px;
    background-position: -5px -83px;
}

.brandsprite-davidoff {
    width: 55px;
    height: 29px;
    background-position: -70px -83px;
}

.brandsprite-dutch {
    width: 55px;
    height: 29px;
    background-position: -135px -83px;
}

.brandsprite-la-gloria {
    width: 55px;
    height: 29px;
    background-position: -5px -122px;
}

.brandsprite-monte-cristo {
    width: 55px;
    height: 29px;
    background-position: -70px -122px;
}

.brandsprite-oliva {
    width: 55px;
    height: 29px;
    background-position: -135px -122px;
}

.brandsprite-padron {
    width: 55px;
    height: 29px;
    background-position: -5px -161px;
}

.brandsprite-perdomo {
    width: 55px;
    height: 29px;
    background-position: -70px -161px;
}

.brandsprite-punch {
    width: 55px;
    height: 29px;
    background-position: -135px -161px;
}

.brandsprite-quorum {
    width: 55px;
    height: 29px;
    background-position: -200px -5px;
}

.brandsprite-rocky-patel {
    width: 55px;
    height: 29px;
    background-position: -200px -44px;
}

.brandsprite-romeo-y-julieta {
    width: 55px;
    height: 29px;
    background-position: -200px -83px;
}

.brandsprite-tatiana {
    width: 55px;
    height: 29px;
    background-position: -200px -122px;
}

.brandsprite-trader-jack {
    width: 55px;
    height: 29px;
    background-position: -200px -161px;
}

@media only screen and (min-width: 992px)
{
   .homepage-carousel 
   {
      margin-bottom:-25px;
   }

   .carousel-item img
   {

      height:300px;
   }
   
}

/* WHY WERE THE BEST section */

.best-price-guarantee-image
{
   
   margin-top:10px;
   margin-bottom:-45px;
   z-index:10000;
}

.best-price-guarantee-bbb
{
   
   margin-bottom: -45px;
   margin-left:auto;
   margin-right:auto;
   margin-top:-4px;
   z-index:10000;
}

.best-price-guarantee-rewards-image
{
   
   margin-bottom: -50px;
   margin-left:auto;
   margin-right:auto;
   margin-top:10px;
   z-index:10000;
}

.best-price-guarantee-rewards-image img
{
   width:30%;
}

.american-flag-image
{
   margin-bottom: -50px;
   margin-left:auto;
   margin-right:auto;
   margin-top:15px;
   z-index:10000;
}

.american-flag-image img
{
   border: 2px solid #000;
   border-radius:10px
}

.best-price-guarantee-message
{
   border: 3px solid#B56D32;
   border-radius:5px;
   min-height:465px;
   max-height:465px;
}

.best-price-med-url
{
   color:#0053A8;
   font-size:21px;
   font-weight:bold;
}

.best-price-med-black
{

   font-size:18px;
   font-weight:bold;
}

.best-price-sm-black
{

   font-size:16px;
   font-weight:bold;
}

.best-price-xsmall-black
{
   line-height: 0% !important ;
   font-size:10px;
   font-weight:bold;
}

.best-price-xsmall-orange
{
   color:#B56D32;;
   font-size:18px;
   font-weight:bold;
}

.best-price-small-orange
{
   color:#B56D32;
   font-size:24px;
   font-weight:bold;
   line-height:25px;
}

.best-price-large-orange
{
   color:#B56D32;
   font-size:32px;
   font-weight:900;
   line-height:20px;
}

.best-price-guarantee-bottom-pill
{
   color: #FFF;
   font-size:28px;
   font-weight:bold;
   background-image: linear-gradient(#DA9964,#B56D32);
   width:60%;
   border-radius:5px;
   margin-top:-20px;
   margin-bottom:20px;
   margin-left:auto;
   margin-right:auto;
   position: relative;
   z-index: 1000;
}

.bcp-pill-text{

}

.best-price-hr
{
   border-top:1px solid #000;
   margin:0 auto;
   width:75%
}

.reduce-col-whitespace
{
   padding-left:5px;
   padding-right:5px;
}

.how-we-stack-btn
{
   font-size:25px;
}

.line-space
{
   margin-bottom:10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) 
{
   .best-price-guarantee-rewards-image
   {
      
      margin-bottom: -56px;
      margin-left:auto;
      margin-right:auto;
      margin-top:-10px;
      z-index:10000;
   }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) 
{ 
   .best-price-med-black
   {
     
      font-size:16px;
      font-weight:bold;
   }
   
   .best-price-sm-black
   {

      font-size:12px;
      font-weight:bold;
   }
   
   .best-price-xsmall-black
   {
     
      font-size:10px;
      font-weight:bold;
   }
   
   .best-price-xsmall-orange
   {
      color:#B56D32;

      font-size:12px;
      font-weight:bold;
   }
   
   .best-price-small-orange
   {
      color:#B56D32;

      font-size:16px;
      font-weight:bold;
      line-height:20px;
   }
   
   .best-price-large-orange
   {
      color:#B56D32;
      font-size:20px;
      font-weight:900;
      line-height:20px;
   }

   .best-price-guarantee-rewards-image
   {
      
      margin-bottom: -45px;
      margin-left:auto;
      margin-right:auto;
      margin-top:20px;
      z-index:10000;
   }

}

/* Why the best, section */


.pricing-item ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bg-gray {
    background-color: #f9f9f9;
}

.site-heading h2 {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.site-heading h2 span {
  color: #ffaf5a;
}

.site-heading h4 {
  display: inline-block;
  padding-bottom: 20px;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
}

.site-heading h4::before {
  background: #ffaf5a none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  width: 50px;
}

.site-heading h2 span {
  color: #ffaf5a;
}

.site-heading {
  margin-bottom: 60px;
  overflow: hidden;
  margin-top: -5px;
}

.pricing-area .site-heading {
  margin-bottom: 100px;
}

@media only screen and (min-width: 750px) {
   .pricing-item {
      height: 490px;
   }
}

.pricing-item {
  background: #ffffff none repeat scroll 0 0;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  position: relative;
  z-index: 9;
  outline: 2px solid #B56D32;
  border-radius:3px;
}

.pricing-item .icon {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   font-size: 50px;
   line-height: 100px;
   margin-top: -50px;
   position: absolute;
   text-align: center;
   top: 0;
   width: 100%;
}

.pricing-item .icon::after {
  background: #ffffff none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.pricing-item.active .icon::after {
  background: #ffaf5a none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.pricing-item.active .icon i {
  color: #ffffff !important;
}

.pricing-item .icon i {
  color: #ffaf5a;
  cursor: inherit !important;
}

.pricing-header h6 {
  font-weight: 600;
  text-transform: uppercase;
  color: #323a45;
}

.pricing-header h2
{
   color: #B56D32;
   font-weight: bold;
   margin: 35px 0 0;
   text-align: center;
   text-transform: uppercase;
}

.pricing-header h2 sup {
  font-size: 24px;
  font-weight: 500;
  top: -25px;
}

.pricing-header h2 sub {
  font-size: 18px;
  font-weight: 400;
  margin-left: -5px;
}

.pricing-item .pricing-header span {
  font-weight: 600;
  text-transform: uppercase;
}

.pricing-header {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px !important;
  padding: 50px 10px 10px !important;
}

.pricing-body {
   padding: 0px 10px 10px !important;
}

.pricing-item .footer {
  padding: 0px 30px 40px 30px;
  line-height: 15px;
}

.pricing-item li {
  line-height: 25px;
  text-transform: capitalize;
}

.pricing-area .pricing-item.active .pricing-header {
  background: #ffaf5a none repeat scroll 0 0;
  border-color: transparent;
  margin: 0;
}

.pricing-area.color-yellow .pricing-item.active .pricing-header {
  background: #ff9800 none repeat scroll 0 0;
}

.pricing-area .pricing-item.active .pricing-header h2,
.pricing-area .pricing-item.active .pricing-header h4,
.pricing-area .pricing-item.active .pricing-header span {
  color: #ffffff;
}

.pricing-area .pricing-item.active .pricing-header span.badge {
  background: #ffffff none repeat scroll 0 0;
  color: #323a45;
}

.pricing-item li i {
  color: #999;
  margin-left: 2px;
  margin-right: 5px;
}

.pricing-item li i:hover {
  cursor: help;
}



.btn-sm {
    padding: 8px 35px;
    font-size: 12px;
}
.btn-dark {
  background-color: #323a45;
  color: #ffffff;
  border: 2px solid #323a45;
}

.btn-dark.border {
  background-color: transparent;
  color: #323a45;
  border: 2px solid #323a45;
  border-radius: 50rem !important;
}

.btn-dark.border:hover {
  background-color: #323a45;
  color: #ffffff !important;
  border: 2px solid #323a45;
}

.btn-theme {
    background-color: #ffaf5a;
    color: #ffffff !important;
    border: 2px solid #ffaf5a;
}

/* Banner preview side */
.banner-container{
   /* border-radius: 5px; */
   padding: 6px 9pt 6px 9px;
   border: thin solid rgba(0, 0, 0, 0.2);
}

.banner-container p{
   padding: 0;
   margin: 0;
   font-size: 9pt;
   text-align: left;
}

.banner-container a{
   font-size: 9pt;
   line-height: 0;
   padding: 0px !important;
   margin: 0px !important;
}

/* wysiwyg styles */
.ql-font-serif{
   font-family: Georgia, 'Times New Roman', Times, serif;
}

.ql-size-small{
   font-size: 11px;
}

.ql-size-large{
   font-size: 1pc;
}

/* Top Banner Slider */
body{
   overflow-x: hidden ;
}

#banners-slider{ padding: 0 10px; }

.slider-container{
   position: absolute;
   top: 0;
   left: 0;
   display: grid;
   align-items: center;
   width: 200%;
   height: 100%;
}

.splide{ overflow: hidden; }

/* Slider Arrows */
.splide__arrow {
   background-size: 9pt!important;
   background-repeat: no-repeat!important;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    background-color: hsla(0,0%,100%,.8)!important;    
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 130px!important;
    width: 60px!important;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.splide__arrow svg{display: none;}

.splide__arrow--next {
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDggMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjExNTk1IDE1LjM0MDdDMC45Mjc3ODEgMTUuNTQyOCAwLjYxMTM5OSAxNS41NTQxIDAuNDA5MjkzIDE1LjM2NTlDMC4yMjI3MzIgMTUuMTkyMyAwLjE5ODc1NCAxNC45MDkzIDAuMzQ0MTY5IDE0LjcwNzhMMC4zODQwNTUgMTQuNjU5M0w2LjgwNTUgNy43NjNMMC4zOTY0NDggMS4zNTM1NUMwLjIxNjIwNiAxLjE3MzMxIDAuMjAyMzQyIDAuODg5Njk0IDAuMzU0ODU0IDAuNjkzNTQ4TDAuMzk2NDQ4IDAuNjQ2NDQ0QzAuNTc2NjkgMC40NjYyMDMgMC44NjAzMDYgMC40NTIzMzggMS4wNTY0NSAwLjYwNDg1MUwxLjEwMzU2IDAuNjQ2NDQ0TDcuODUzNTYgNy4zOTY0NEM4LjAyOTI2IDcuNTcyMTUgOC4wNDc0NSA3Ljg0NzE2IDcuOTA0OTMgOC4wNDMzOUw3Ljg2NTk1IDguMDkwNzFMMS4xMTU5NSAxNS4zNDA3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==)!important;
   background-position: 30% 50%!important;
   right: 0!important;
   margin-right:-25px ;
}

.splide__arrow--prev {
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDggMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjExNTk1IDE1LjM0MDdDMC45Mjc3ODEgMTUuNTQyOCAwLjYxMTM5OSAxNS41NTQxIDAuNDA5MjkzIDE1LjM2NTlDMC4yMjI3MzIgMTUuMTkyMyAwLjE5ODc1NCAxNC45MDkzIDAuMzQ0MTY5IDE0LjcwNzhMMC4zODQwNTUgMTQuNjU5M0w2LjgwNTUgNy43NjNMMC4zOTY0NDggMS4zNTM1NUMwLjIxNjIwNiAxLjE3MzMxIDAuMjAyMzQyIDAuODg5Njk0IDAuMzU0ODU0IDAuNjkzNTQ4TDAuMzk2NDQ4IDAuNjQ2NDQ0QzAuNTc2NjkgMC40NjYyMDMgMC44NjAzMDYgMC40NTIzMzggMS4wNTY0NSAwLjYwNDg1MUwxLjEwMzU2IDAuNjQ2NDQ0TDcuODUzNTYgNy4zOTY0NEM4LjAyOTI2IDcuNTcyMTUgOC4wNDc0NSA3Ljg0NzE2IDcuOTA0OTMgOC4wNDMzOUw3Ljg2NTk1IDguMDkwNzFMMS4xMTU5NSAxNS4zNDA3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==)!important;
   background-position: 30% 50%!important;
   left: 0!important;
   transform: rotate(180deg) translateY(50%)!important;
   margin-left: -25px;
}

.splide__arrow:disabled {
   opacity: 0!important;
}

/* Responsive classes for the container */
@media screen and (max-width: 1100px) {
   .slider-container{ width:266.5% }  
}

@media screen and (max-width: 900px) {
   .slider-container{ width:400% }  
}

@media screen and (max-width: 600px) {
   .slider-container{ width:800% }  
}

.bannerLink{
   position: absolute;
   bottom: 7px;
}

.premium-slogan
{
   text-decoration: none;
}