body{
	 /*background: #4F78A4;*/
	  background: linear-gradient(to bottom right, #C0E1EA, #D0E9EE, #D0E9EE);
	  height: 100%;
   	 margin: 0;
     background-repeat: no-repeat;
     background-attachment: fixed;
	  /*background-color: rgba(31,119,206,0.8);*/
}

.content-items p{
	text-align: justify;
}
/* TOP */
	.top-banner-wrapper img{
		width: 100%;
	}
/* END of TOP */
.content-wrapper{
	overflow: hidden;
}
/* RIGHT */
	.right-content-wrapper{
		padding : 20px;
		background: #ECECEC;
	}
	.product-head h1, .product-head h2, .product-head h3, .product-head h4{
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	.product-form{
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	.product-testimonials{
		padding-top: 20px;
	}
	.product-testimonials blockquote p{
		font-size: 14px;
	}

	.paypal-button{
		margin-top: 50px;
    margin-left: 95px;
	}

	.paypal{
		margin-top: 30px;
	}
	.paypal label{
		    font-size: large;
    padding: 15px;
	}
/* END of RIGHT */

/* LEFT */
	.left-content-wrapper{
		padding : 20px;
		background: #FFF; 
	}
	.video-image-content{
		width: 100%;
	}
	.video-image-content img{
		width: 100%;
	}
	
	.video-image-content iframe{
		width: 100%;
	}
	
	.content-title h1, .content-title h2, .content-title h3, .content-title h4, .content-title h5{
		margin-top: 0px;
	}
/* END of LEFT */

/* Misc */
	.padding-top-20{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.color-red{
		color: #B2171B;
	}
	.color{
		color:#A94A93;
	}
	.color-red{
		color: #B9171B;
	}
	hr { 
  border : 0;
  height: 1px; 
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
}
footer::before{
	display: none;
}
/* End of Misc */
@media screen and (min-width: 768px) {
	.padding-lg-left-0{
		padding-left: 0px;
	}
	.padding-lg-right-0{
		padding-right: 0px;
	}
	.product-image-content img{
		width: 100%;
	}
	.right-content-wrapper, .left-content-wrapper{
		padding-bottom: 99999px;
		margin-bottom: -99999px;
	}
}
@media screen and (max-width: 767px) {
	.product-image-content img{
		max-width: 100%;
	}
}
@media screen and (max-width: 520px) {
	.product-image-content img{
		max-width: 100%;
	}
}
/* Media Queries */
	
/* End of Media Queries */

/*modify*/

.mod1 li{
text-decoration: none;
margin-bottom: 5px;
list-style: none;
margin-left: -30px;
}
/*end*/

/*ribbon style*/
.ribbon {
 font-size: 16px !important;
 /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
z-index: 9999;
 width: 85%;
    
 position: relative;
 background: #2172A0;
 color: #fff;
 text-align: center;
 padding: 1em 2em; /* Adjust to suit */
 margin: 1em auto 2em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
 border: 1.5em solid #2172A0;
 z-index: -1;
}
.ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbon:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #14477E transparent transparent transparent;
 bottom: -1em;
}
.ribbon .ribbon-content:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
 right: 0;
 border-width: 1em 1em 0 0;
}
/* end */