/* Packages */

.currency{
	position: relative;
	z-index: 2;
}

.pp-title span, .pp-title span {
	color: #002c87;
	font-family: 'Lato', sans-serif;
}

.pp-entry.qty-1 .pp-img {
    margin-top: 0;
    margin-bottom: 0;
}

.extra-1{
	font-family: 'Open Sans', 'Arial', sans-serif;
}

.extra-1 span {
    color: #1a1a1a;
}

.pp-title {
	font-family: 'Lato', sans-serif;
	font-weight: 800;
}

.qty-3 .pp-body > div, 
.qty-6 .pp-body > div, 
.qty-12 .pp-body > div {
    background: #cccccc;
}

.pp-btn-wrap .btn-primary:not(:disabled):not(.disabled).active, 
.pp-btn-wrap .btn-primary:not(:disabled):not(.disabled):active, 
.pp-btn-wrap .show > .btn-primary.dropdown-toggle, 
.pp-btn-wrap a.btn-primary, 
.pp-btn-wrap a.btn-primary:visited {
	color: #000000;
	background: #002c87;
}

.pp-btn-wrap a span {
	color: #ffffff;
}

.qty-12 .pp-wrap:after {
    background: #002c87;
}

/* HDP */

@media screen and (min-width: 992px){
	
	.hdpWrap .left-col{
		width: 100%;
	}

	.hdpWrap .pp-title{
        background: #000000;
        color: #ffffff;
        padding-top: 10px;
        padding-bottom: 20px;
	}
	
	.hdp-toggle-switch-container{
		padding: 7px 0px 7px 0px;
	}

	.hdpWrap .wordplugHdpToggle{
		background: #000000;
		color: #1a1a1a;
	}

	.hdpWrap .pp-title span {
        color: #ffffff;
    }

	.hdpWrap .btn-toggle.active {
		background-color: #de0e16;
	}
	
	.hdp-rightLabel{
		color: #ffffff;
	}
	
	.hdp-rightLabel .highlight{
		color: #ffffff;
	}

	.hdp-leftLabel{
		color: #ffffff;
	}
	
	.hdpWrap .pp-title span{
		margin-bottom: 0px;
	}
	
	.pp-entry.qty-1.hdpWrap .pp-img {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 30px;
	}
	
	.pp-entry.qty-1.hdpWrap .pp-body > div{
		padding: 0px;
		width: 100%;
	}

	.hdpWrap .wordplugHdpToggle{
		background: #000000;
		color: #1a1a1a;
	}

	.hdpWrap .btn-toggle.active {
		background-color: #de0e16;
	}

}

/**/

#wordplugHdpPopup .buttons {
    bottom: 13px;
}
	
@media screen and (min-width: 768px) {
	
    #wordplugHdpPopup .buttons {
        bottom: 30px;
    }
	
}

@media screen and (max-width: 991px) {
	
	.pp-entries .wordplugHdpToggle{
		background: #ffffff;
	}
	
	.pp-entries .hdp-toggle-switch-container{
		padding-top: 5px;
		padding-left: 10px;
		width: 100%;
	}
	
	.pp-entries .btn-toggle.btn-sm {
		margin: 0 0.2rem;
		padding: 0;
		height: 1.33rem;
	}
	
	.pp-entries .btn-toggle.btn-sm>.handle,
	.pp-entries .btn-toggle.btn-sm.active>.handle{
		width: 1rem;
		height: 1rem;
	}
	
	.hdpWrap .wordplugHdpToggle{
		background: #ffffff;
		color: #1a1a1a;
	}
	
	.pp-entries .btn-toggle.active{
		background-color: #de0e16;
	}
	
	.btn-toggle.btn-sm:focus, 
	.btn-toggle.btn-sm:focus.active{
		box-shadow: none;
	}
	
	.pp-body .hdp-toggle-label {
    	padding: 3px 5px 3px 5px;
	}
	
	.pp-body .hdp-leftLabel,
	.pp-body .hdp-rightLabel{
        color: #000000;
         font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: 600;
	}
	
	.pp-body .hdp-rightLabel .highlight{
		background: #f1f22c;
		border-radius: 30px;
		color: red;
    	padding: 3px 5px;
	}
	
    .qty-12 .button:after {
		content: "";
        background: url(../images/hand-pointer.png) 0 0 / cover no-repeat;
        position: absolute;
        top: 12px;
        right: -3px;
        height: 30px;
        width: 30px;
    }
	
}

@media screen and (max-width: 767px) {
	
	.pp-body .hdp-leftLabel,
	.pp-body .hdp-rightLabel{
		font-size: 12px;
	}
	
}

@media (min-width: 992px) {
	
	#product-packages {
		max-width: 100%;
		padding: 50px 0px 20px 0px;
	}

	#product-packages .title{
		color: #ffffff;
		font-size: 46px;
		text-align: center;
	}

	#product-packages .header p{
		color: #ffffff;
		font-size: 21px;
		margin-bottom: 30px;
		text-align: center;
	}

	#product-packages .container{
		max-width: 1170px;
		margin: 0px auto 0px auto;
	}

	.pp-entries{
		align-items: center;
		margin: 0px auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.pp-wrap {
	  max-width: 390px;
	  text-align: center;
	  margin: 0 auto;
	  position: relative;
	}

	.pp-wrap:before {
	  content: "";
	  background: #454545;
	  bottom: 0;
	  width: 30px;
	  left: 15px;
	  position: absolute;
	  height: calc(100% - 68px);
	}

	.pp-wrap:after {
		content: "";
		position: absolute;
		height: calc(100% + 10px);
		width: calc(100% + 10px);
		background: #454545;
		bottom: 0;
		left: 0;
		clip-path: polygon(25px 0%, 100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%, 0 25px);
	}

	.pp-body{
		border-top: none;
		border-right: none;
	}
	
	.pp-body .left-col{
		width: 100%;
	}

	.pp-header .promo-header {
		background: #88c377;
		margin-left: 0px;
		margin-right: auto;
		clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%, 0 30px);
		position: relative;
		overflow: hidden;
		margin-bottom: 0;
		color: #ffffff;
		font-family: 'Lato', sans-serif;
		font-size: 21px;
		padding: 10px 0px 10px 0px;
	}

	.qty-3 .pp-header{
		margin-top: -21px
	}

	.qty-6 .pp-header{
		margin-top: -10px
	}

	.pp-header h4 {
		font-family: "Uniform ExtCond";
		font-size: 32px;
		text-transform: uppercase;
		line-height: 42px;
		color: #fff;
		padding: 18px 0 12px;
		margin-bottom: -3px;
	}

	.pp-body {
		border-left: 3px solid #454545;
		border-bottom: 3px solid #454545;
		position: relative;
		z-index: 2;
		clip-path: polygon(32px 0%, 100% 0, 100% calc(100% - 32px), calc(100% - 32px) 100%, 0 100%, 0 32px);
	}

	.package .linethrough{
		position: relative;
	}

	.package .linethrough:before {
		content: "";
		background: red;
		position: absolute;
		top: 13px;
		left: -2px;
		height: 2px;
		width: calc(100% + 4px);
		transform: rotate(-20deg);
	}

	.pp-body > div {
	  position: relative;
	  background-color: #fff;
	  z-index: 1;
	}

	.pp-title {
		font-size: 23px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 25px 0;
		text-align: center;
	}

	.pp-title span{
		display: block;
	}

	.promo-bonus .promo-message {
		background: #88c377;
		position: relative;
		color: #ffffff;
		font-size: 21px;
		line-height: 1em;
		margin: 10px auto 15px;
		padding: 10px 0px 10px 0px;
		overflow: hidden;
	}

	.qty-1 .pp-title span {
	  display: block;
	}

	.pp-img {
	  margin-bottom: 0px;
	}
	
	.qty-3 .pp-img{
		max-width: 95%;
        left: 18px;
        position: relative;
	}
	
	.qty-12 .pp-img{
		max-width: 90%;
        left: 18px;
        position: relative;
	}

	.pp-retail {
		color: #1a1a1a;
		font-size: 16px;
	}

	.pp-retail span {
		  text-decoration: line-through;
	}

	.pp-savings {
		color: #ff0008;
		font-size: 28px;
		font-weight: 800;
		text-transform: uppercase;
		margin-bottom: 10px;
	}

	.pp-sale {
		font-family: 'Lato', sans-serif;
		font-size: 42px;
		font-weight: 800;
		line-height: 110%;
	}

	.pp-sale .h4 {
		font-family: 'Lato', sans-serif;
		font-size: 35%;
		font-weight: 700;
		letter-spacing: 0px;
		text-transform: uppercase;
	}

	.pp-contents {
	  font-size: 18px;
	  text-transform: uppercase;
	}

	.pp-contents span {
	  font-weight: 800;
	}

	.total-wrap{
		font-family: 'Lato', sans-serif;
		font-size: 20px;
		margin-bottom: 5px;
		text-transform: uppercase;
	}

	.total-wrap .leh_price{
		font-family: 'Lato', sans-serif;
		font-weight: 800;
	}

	.pp-body .cc{
		display: block;
		margin: 10px auto 20px auto;
		max-width: 80%;
	}

	.pp-btn-wrap {
	  margin: 10px 0px 20px 0px;
	}

	.pp-btn-wrap .btn-primary:not(:disabled):not(.disabled).active, 
	.pp-btn-wrap .btn-primary:not(:disabled):not(.disabled):active, 
	.pp-btn-wrap .show > .btn-primary.dropdown-toggle, 
	.pp-btn-wrap a.btn-primary, 
	.pp-btn-wrap a.btn-primary:visited {
        position: relative;
		color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-size: 18px;
        line-height: 1em;
        text-transform: uppercase;
        font-weight: 800;
        text-align: center;
        text-decoration: none;
        border-radius: 5px;
        border: none;
        transition: none;
        padding: 15px 20px;
        max-width: 215px;
        width: 90%;
	}
	
	.qty-12 .button:after {
		content: "";
		background: url(../images/hand-pointer.png) 0 0/cover no-repeat;
		position: absolute;
		top: 10px;
		right: -25px;
		height: 67px;
		width: 67px;
	}

	.extra-1 {
		font-family: 'Lato', sans-serif;
		font-size: 18px;
		line-height: 100%;
		max-width: 230px;
		margin: 0 auto;
		padding-bottom: 40px;
	}

	.qty-2 .pp-wrap:before,
	.qty-2 .pp-header,
	.qty-2 .pp-wrap:after {
	  background: #de0e16;
	}

	.qty-2 .pp-body {
	  border: 3px solid #de0e16;
	}

	span.cur-symbol {
	  font-size: 70%;
	}

	.pp-entry {
	  margin: 0 10px 20px;
	  padding-bottom: 20px;
	}

	#product-packages .slick-next:before,
	#product-packages .slick-prev:before {
		line-height: 1;
		opacity: 1;
		color: #fffc00;
		text-shadow: none;
		background: #111;
		border-radius: 100px;
		width: 48px;
		display: block;
		position: absolute;
	}

	#product-packages .slick-dots {
	  bottom: -20px;
	}

	#product-packages .slick-next {
	  right: 50px;
	  z-index: 9;
	}

	#product-packages .slick-prev {
	  left: 20px;
	  z-index: 9;
	}

	.sezzle-object > span{
		font-size: 15px;
		font-weight: 400;
        line-height: 1em;
	}
	
	.sezzle-object img{
		display: inline-block;
		margin-left: 5px;
		width: 90px;
	}

	.qty-1{
		order: 1;
	}
	
	.qty-3{
		order: 2;
	}
	
	.qty-6{
		order: 3;
	}
	
	.qty-12{
		order: 4;
	}
	
	.qty-1 .pp-img img{
		max-width: 90%;
        width: auto;
	}

	.pp-title {
		margin-left: auto;
		margin-right: auto;
	}

}

@media (min-width: 1200px) {
	
	.pp-sale{
		font-size: 54px;
	}
	
	.pp-btn-wrap .btn-primary:not(:disabled):not(.disabled).active, 
	.pp-btn-wrap .btn-primary:not(:disabled):not(.disabled):active, 
	.pp-btn-wrap .show > .btn-primary.dropdown-toggle, 
	.pp-btn-wrap a.btn-primary, 
	.pp-btn-wrap a.btn-primary:visited {
        font-size: 18px;
        padding: 20px 60px;
        max-width: 215px;
		width: 90%;
	}
	
	.extra-1 {
		font-size: 20px;
		padding-top: 10px;
	}
	
}

@media (min-width: 992px) and (max-width: 1199px){
	
	#product-packages {
		border-top: none;
		max-width: 100%;
		margin-top: 0;
		padding: 40px 30px 0px 20px;
	}
	
	#product-packages .title {
		font-size: 36px;
		text-align: center;
	}
	
	.pp-entry {
		margin: 10px 0px 20px;
		padding-bottom: 0px;
	}
	
	.qty-3 .value-label{
		background: #0000ff;
		color: #ffffff;
		font-family: 'Lato', sans-serif;
		font-size: 27px;
		font-weight: 900;
		padding: 10px;
		text-transform: uppercase;
	}
	
	.qty-6 .value-label{
		background: #1dcc00;
		color: #ffffff;
		font-family: 'Lato', sans-serif;
		font-size: 27px;
		font-weight: 900;
		padding: 10px;
		text-transform: uppercase;
	}
	
	.pp-title span {
		font-size: 38px;
		line-height: 1.1em;
	}
	
	.pp-sale {
		font-size: 46px;
		line-height: 1em;
	}
	
	.pp-entries {
		border-top: none;
		padding-top: 10px;
	}
	
	.sezzle-object span{
		font-size: 14px;
	}
	
	.sezzle-object img{
		width: 90px;
	}
	
	.promo-bonus .promo-message{
		font-size: 17px;
	}
	
}

@media (min-width: 1200px) {

	.pp-title {
        font-size: 25px;
        letter-spacing: -0.5px;
        max-width: 100%;
        padding: 30px 0px 20px 0px;
        text-transform: none;
        line-height: 1.2em;
    }
	
	.qty-6 .pp-title{
		padding-bottom: 15px;
	}

	.pp-entry {
		margin: 0;
		padding-bottom: 0;
	}
	
	.qty-3 .value-label{
		background: #0000ff;
		color: #ffffff;
		font-family: 'Lato', sans-serif;
		font-size: 32px;
		font-weight: 900;
		padding: 15px;
		text-transform: uppercase;
	}
	
	.qty-6 .value-label{
		background: #1dcc00;
		color: #ffffff;
		font-family: 'Lato', sans-serif;
		font-size: 32px;
		font-weight: 900;
		padding: 15px;
		text-transform: uppercase;
	}

	.pp-title span {
		font-size: 38px;
		margin-bottom: 10px;
	}
	
	.qty-1 .pp-title span {
		display: inline-block;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
	
	.page-cart .package{
		margin-bottom: 15px;
		position: relative;
	}
	
	.pp-body {
        border-left: 3px solid #1a1a1a;
        border-bottom: 3px solid #1a1a1a;
        position: relative;
        z-index: 2;
        clip-path: polygon(32px 0%, 100% 0, 100% calc(100% - 32px), calc(100% - 32px) 100%, 0 100%, 0 32px);
    }
	
	.qty-1 .pp-body > div:not(.hdp-slider):not(.wordplugHdpExtra){
		padding-top: 20px;
	}
	
    .pp-body > div:not(.hdp-slider):not(.wordplugHdpExtra) {
        align-items: center;
        justify-content: center;
        background-color: #fff;
        min-height: 215px;
        padding: 30px 15px 20px 15px;
        position: relative;
        z-index: 1;
    }
	
    .pp-wrap {
        max-width: 540px;
        text-align: center;
        margin: 0 auto;
        position: relative;
    }
	
    .pp-wrap:before {
        content: "";
        position: absolute;
        height: calc(100% + 2px);
        width: calc(100% + 2px);
        background: #454545;
        bottom: 0;
        left: 0;
        clip-path: polygon(25px 0%, 100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%, 0 25px);
    }
	
	.pp-wrap:after {
        content: "";
        position: absolute;
        height: calc(100% + 11px);
        width: calc(100% + -10px);
        background: #1a1a1a;
        bottom: -10px;
        left: 12px;
        clip-path: polygon(25px 0%, 100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%, 0 25px);
    }
	
    .package .left-col {
		padding-right: 15px;
        width: 50%;
    }
	
	.package .right-col{
		width: 45%;
	}

	#product-packages {
		border-top: none;
		max-width: 1300px;
		margin: 0px auto 0px auto;
		padding: 40px 0px 0px 0px;
	}
	
	#product-packages .container {
		padding: 0;
	}
	
	#product-packages > .container > .d-flex{
		width: 100%;
	}
	
	#product-packages .right-col{
		text-align: center;
	}
	
	#product-packages .title{
        font-size: 35px;
        max-width: 640px;
        margin: 0px auto 15px auto;
	}
	
	.qty-1 .pp-img img {
        max-width: 120px;
        width: auto;
        margin-bottom: -5px;
        margin-left: 5px;
        margin-top: 0px;
        position: relative;
        left: 0px;
    }
	
    .qty-3 .value-label {
		background: #0000ff;
        clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 800;
        font-size: 20px;
        line-height: 1em;
        text-transform: uppercase;
        padding: 7px 20px;
        position: absolute;
        z-index: 10;
        left: 40px;
        top: -15px;
    }
	
	.qty-6 .value-label{
        background: #1dcc00;
        clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 800;
        font-size: 20px;
        line-height: 1em;
        text-transform: uppercase;
        padding: 7px 20px;
        position: absolute;
        z-index: 10;
        left: 50px;
        top: -15px;
	}
	
	.qty-12 .value-label{
        background: #de0f15;
        clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 800;
        font-size: 20px;
        line-height: 1em;
        text-transform: uppercase;
        padding: 7px 20px;
        position: absolute;
        z-index: 10;
        left: 50px;
        top: -15px;
	}
	
	.bonus .d-flex {
		flex-direction: column;
	}
	
	.bonus .left-col{
		margin-bottom: 20px;
	}
	
	.bonus .title {
		font-size: 28px;
		margin-bottom: 30px;
	}
	
	.bonus h3{
		font-size: 28px;
	}
	
	.bonus h4{
		font-size: 21px;
	}
	
	.bonus .price {
		font-size: 28px;
	}
	
    .pp-title {
        font-family: 'Lato', sans-serif;
        font-size: 24px;
        font-weight: 900;
        line-height: 1.1em;
        letter-spacing: -0.5px;
        margin-bottom: 5px;
        max-width: none;
        padding: 0px 0px 0px 0px;
        text-align: center;
    }
	
	.pp-title span {
		font-size: 36px;
        font-weight: 900;
        line-height: 1em;
	}
	
	.pp-entries {
        border-top: none;
        flex-direction: column;
        margin: 0px auto;
		padding-top: 0;
	}
	
	.pp-entry {
        position: relative;
        left: -5px;
        max-width: 540px;
        margin: 0px auto 20px auto;
        padding-bottom: 20px;
        width: 100%;
	}
	
	.pp-img {
		margin-bottom: 0;
	}
	
    .pp-sale {
        font-size: 50px;
        font-weight: 800;
        line-height: 1em;
		text-align: center;
		padding-top: 0px;
        padding-bottom: 5px;
    }
	
	.pp-sale .h4{
        font-size: 15px;
		letter-spacing: 0;
        margin-left: 0px;
	}
	
	.pp-body .total-wrap{
		font-family: 'Lato', sans-serif;
        font-size: 21px;
		font-weight: 800;
		text-transform: uppercase;
		margin-bottom: 7px;
        padding-top: 0px;
        padding-bottom: 0;
	}
	
	.pp-body .linethrough{
		display: inline-block;
		position: relative;
	}
	
	.package .linethrough:before {
		content: "";
		background: red;
		position: absolute;
		top: 50%;
		left: 2px;
		height: 2px;
		width: 100%;
		transform: rotate(-20deg);
	}
	
	.pp-btn-wrap {
		margin: 0px auto 0px auto;
	}
	
	.total-wrap .leh_price{
		color: #de0e16;
		padding-bottom: 2px;
		position: relative;
	}
	
	.total-wrap .leh_price:after{
        content: "";
        background: #000000;
        position: absolute;
        bottom: 0px;
        height: 2px;
        width: 100%;
        left: 0px;
	}
	
	.sezzle-object{
		padding-bottom: 10px;
		text-align: center;
	}
	
	.sezzle-object span{
		display: block;
        font-family: 'Lato';
        font-size: 13px;
        font-weight: inherit;
	}
	
	.sezzle-object img{
		margin-left: 5px;
		width: 70px;
		margin-top: -2px;
	}

	.extra-1 {
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        line-height: 1em;
        margin: -5px auto 0px auto;
        padding-bottom: 0;
        font-weight: 800;
    }

	.qty-1{
		margin-bottom: 20px;
		order: 1;
	}

	.qty-3{
		order: 2;
	}

	.qty-6{
		order: 3;
	}
	
	.qty-12{
		order: 4;
	}
	
	.pp-btn-wrap .btn-primary:not(:disabled):not(.disabled).active, .pp-btn-wrap .btn-primary:not(:disabled):not(.disabled):active, .pp-btn-wrap .show > .btn-primary.dropdown-toggle, .pp-btn-wrap a.btn-primary, .pp-btn-wrap a.btn-primary:visited {
		display: block;
        border-radius: 5px;
        border: none;
		color: #ffffff;
        font-size: 18px;
		font-family: 'Lato', sans-serif;
        font-weight: 800;
        letter-spacing: 0px;
        text-align: center;
        text-decoration: none;
        line-height: 1em;
		transition: none;
        text-transform: uppercase;
        margin: 8px auto 0px auto;
		max-width: 185px;
        padding: 15px;
        position: relative;
    }

}

@media (max-width: 767px) {
	
	.pp-body {
        border-left: 3px solid #454545;
        border-bottom: 3px solid #454545;
        position: relative;
        z-index: 2;
        clip-path: polygon(32px 0%, 100% 0, 100% calc(100% - 32px), calc(100% - 32px) 100%, 0 100%, 0 32px);
    }
	
	.qty-1 .pp-body > div:not(.hdp-slider):not(.wordplugHdpExtra){
		padding-top: 10px;
	}
	
    .pp-body > div:not(.hdp-slider):not(.wordplugHdpExtra) {
        align-items: center;
        justify-content: center;
        background-color: #ffffff;
        padding: 12px 15px 10px 15px;
        position: relative;
        z-index: 1;
    }
	
    .pp-wrap {
        max-width: 540px;
        text-align: center;
        margin: 0 auto;
        position: relative;
    }
	
    .pp-wrap:before {
        content: "";
        position: absolute;
        height: calc(100% + 2px);
        width: calc(100% + 2px);
        background: #454545;
        bottom: 0;
        left: 0;
        clip-path: polygon(25px 0%, 100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%, 0 25px);
    }
	
    .pp-wrap:after {
        content: "";
        position: absolute;
        height: calc(100% + 11px);
        width: calc(100% + -10px);
        background: #454545;
        bottom: -10px;
        left: 12px;
        clip-path: polygon(25px 0%, 100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%, 0 25px);
    }
	
    .package .left-col {
        padding-right: 10;
        width: 60%;
    }
	
    .package .right-col {
        width: 40%;
    }

	#product-packages {
		border-top: none;
		max-width: 1300px;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
	}
	
	#product-packages .container {
		padding: 0;
	}
	
	#product-packages > .container > .d-flex{
		width: 100%;
	}
	
	#product-packages .right-col{
		text-align: center;
	}
	
	#product-packages .title{
        font-size: 35px;
        max-width: 640px;
        margin: 0px auto 15px auto;
	}

    .qty-1 .pp-img img {
        max-width: 80px;
        width: auto;
        margin-bottom: 0;
        margin-left: 5px;
        margin-top: 0px;
        position: relative;
        left: 0px;
    }
	
    .qty-3 .value-label {
		background: #0000ff;
        clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 800;
        font-size: 14px;
        line-height: 1em;
        text-transform: uppercase;
        padding: 7px 20px;
        position: absolute;
        z-index: 10;
        left: 35px;
        top: -15px;
    }
	
	.qty-6 .value-label{
        background: #1dcc00;
        clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 800;
        font-size: 14px;
        line-height: 1em;
        text-transform: uppercase;
        padding: 7px 20px;
        position: absolute;
        z-index: 10;
        left: 35px;
        top: -15px;
	}
	
	.qty-12 .value-label{
		background: #de0f15;
        clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
        color: #ffffff;
        font-family: 'Lato', sans-serif;
        font-weight: 800;
        font-size: 14px;
        line-height: 1em;
        text-transform: uppercase;
        padding: 7px 20px;
        position: absolute;
        z-index: 10;
        left: 35px;
        top: -15px;
	}
	
	.bonus .d-flex {
		flex-direction: column;
	}
	
	.bonus .left-col{
		margin-bottom: 20px;
	}
	
	.bonus .title {
		font-size: 28px;
		margin-bottom: 30px;
	}
	
	.bonus h3{
		font-size: 28px;
	}
	
	.bonus h4{
		font-size: 21px;
	}
	
	.bonus .price {
		font-size: 28px;
	}
	
    .pp-title {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: 900;
        line-height: 1.1em;
        letter-spacing: -0.5px;
        margin-bottom: 5px;
        max-width: none;
        padding: 5px 0px 0px 0px;
        text-align: center;
    }
	
	.qty-1 .pp-title{
		padding-top: 5px;
	}
	
	.pp-title span {
		font-size: 26px;
        font-weight: 900;
        line-height: 1em;
	}
	
	.pp-entries {
        border-top: none;
        flex-direction: column;
        margin: 0px auto;
		padding-top: 0;
	}
	
	.pp-entry {
        position: relative;
        left: -5px;
        max-width: 540px;
        margin: 0px auto 20px auto;
        padding-bottom: 20px;
        width: 100%;
	}
	
	.pp-img {
		margin-bottom: 0;
	}
	
    .pp-sale {
		font-size: 28px;
        font-weight: 800;
        line-height: 1em;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 0;
    }
	
	.pp-sale .h4{
        font-size: 14px;
		letter-spacing: 0;
        margin-left: 0px;
	}
	
	.pp-body .total-wrap {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0;
    }
	
	.pp-body .linethrough{
		display: inline-block;
		position: relative;
	}
	
	.package .linethrough:before {
		content: "";
		background: red;
		position: absolute;
		top: 50%;
		left: 2px;
		height: 2px;
		width: 100%;
		transform: rotate(-20deg);
	}
	
	.package .currency-message{
		font-size: 10px;
    	font-weight: 800;
	}
	
	.pp-btn-wrap {
		margin: 0px auto 0px auto;
	}
	
	.total-wrap .leh_price{
		padding-bottom: 2px;
		position: relative;
	}
	
	.sezzle-object{
		padding-bottom: 5px;
		text-align: center;
	}
	
	.sezzle-object span{
		display: block;
        font-family: 'Lato';
        font-size: 10px;
        font-weight: inherit;
	}
	
    .sezzle-object img {
        margin-left: 5px;
        width: 50px;
        margin-top: 2px;
        margin-left: 5px;
    }

	.extra-1 {
		font-family: 'Lato', sans-serif;
        font-size: 12px;
        line-height: 1em;
        margin: -5px auto 0px auto;
        padding-bottom: 0;
        font-weight: 800;
    }

	.qty-1{
		margin-bottom: 20px;
		order: 1;
	}

	.qty-3{
		order: 2;
	}

	.qty-6{
		order: 3;
	}
	
	.qty-12{
		order: 4;
	}
	
	.pp-btn-wrap .btn-primary:not(:disabled):not(.disabled).active, .pp-btn-wrap .btn-primary:not(:disabled):not(.disabled):active, .pp-btn-wrap .show > .btn-primary.dropdown-toggle, .pp-btn-wrap a.btn-primary, .pp-btn-wrap a.btn-primary:visited {
		border-radius: 4px;
        color: #ffffff;
        font-size: 12px;
        font-family: 'Lato', sans-serif;
        font-weight: 800;
        letter-spacing: 0px;
        line-height: 1em;
        margin: 0px auto 0px auto;
        width: 110px;
        padding: 7px 10px;
    }
	
}

/**/

.payment-types{
    padding: 20px 0px 20px 0px;
	text-align: center;
}

.payment-types img {
    margin: 0px 5px;
    max-width: 130px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	
	.payment-types {
		display: flex;
		justify-content: center;
	}
	
	.payment-types img {
		align-self: center;
		margin: 0px 5px;
		width: 80px;
	}
	
}

@media (max-width: 991px) {
	
	.payment-types {
		display: flex;
		justify-content: center;
		padding-bottom: 15px;
        padding-top: 0px;
	}
	
	.payment-types img {
		align-self: center;
		margin: 0px 3px;
		width: 65px;
	}
	
}

@media (max-width: 767px) {
	
	.payment-types img {
		align-self: center;
		margin: 0px 3px;
		width: 45px;
	}
	
}


/**/