body, p, h1, h2, h3, h4 , h5, h6, h7 {
font-family: 'Open Sans', sans-serif;
}

.navbar {
border-radius: 0px!important;
-webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow:    0px 0px 60px 0px rgba(0, 0, 0, 0.05);
box-shadow:         0px 0px 60px 0px rgba(0, 0, 0, 0.05);
margin-bottom: 0px;
padding-left: 15px;
padding-right: 15px;
z-index: 20;
}

.navbar-brand img {
width: 80px;
height: auto;
}

.navbar-brand {
    float: left;
    height: 80px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 39px;
}

.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 60px;
height: 80px;
}

.navbar-toggle {
    padding: 25px 10px;
}

.navbar-default .navbar-nav>li>a {
color: #d10d0d;
}

.navbar-default .navbar-nav>li>a:hover {
background-color: #fff;
}

.navbar-default .navbar-toggle {
background-color: none;
border: none;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #d10d0d;
}

.navbar-default .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: rgba(0,0,0,0.8);
}

.container-fluid {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

section {
background: -webkit-gradient(radial, right top, 0px, right center, 100%, color-stop(30%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(right top, ellipse cover,  rgba(0,0,0,0) 30%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(right top, ellipse cover,  rgba(0,0,0,0) 30%,rgba(0,0,0,0.1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(right top, ellipse cover,  rgba(0,0,0,0) 30%,rgba(0,0,0,0.1) 100%); /* IE10+ */
background: radial-gradient(ellipse at right top,  rgba(0,0,0,0) 30%,rgba(0,0,0,0.1) 100%); /* W3C */
background-position: fixed;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}




.red {
padding-top: 30px;
padding-bottom: 60px;
}

.logomain {
max-width: 75%;
height: auto;
margin-bottom: 20px;
}


.red h1 {
color: #d10d0d;
font-size: 2em;
text-align: center;
}


.infobox {
margin: 30px 0px;
}

.mypic{
border-radius: 5px;
border: 1px solid rgba(0,0,0,0.3);
max-width: 40%;
height: auto;
float: left;
margin-right: 15px;
margin-bottom: 15px;
}

.nopad {
padding-right:0px;
}

.infobox p {
color: #777;
}

.infobox a {
color: #d10d0d;
}

.panel-heading {
padding: 0px;
}

.panel-title {
font-size: 16px;
}

.panel-title span {
font-size: 34px;
margin: -8px -13px 0px 0px;
color: #fff;
}

.panel-group .panel {
border-radius: 7px;
}

.aboutme h2 {
padding-top: 30px;
color: #d10d0d;
}

.aboutme a {
color: #d10d0d;
}

.panel-default .panel-heading {
background-color: #d10d0d;
border-radius: 7px;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #fff;
}


.panel-default .panel-heading:hover {
background: rgb(135,9,9); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(135,9,9,1) 0%, rgba(209,13,13,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,9,9,1)), color-stop(100%,rgba(209,13,13,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(135,9,9,1) 0%,rgba(209,13,13,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(135,9,9,1) 0%,rgba(209,13,13,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(135,9,9,1) 0%,rgba(209,13,13,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(135,9,9,1) 0%,rgba(209,13,13,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#870909', endColorstr='#d10d0d',GradientType=0 ); /* IE6-9 */
}

.panel-title a {
display: block;
height: 100%;
padding: 10px 15px;
color: #fff;
}

.panel-title a:hover {
text-decoration: none;

}

.panel-title img {
width: 38px;
height: 38px;
margin: -13px 10px -9px -14px;
border-radius: 5px;
}

.descript {
margin-top: 20px;
}

.buyall {
display: block;
width: 100%;
border-radius: 5px;
border: 2px solid #d10d0d;
background: #fff;
color: #d10d0d;
padding: 15px;
}

.buyall:hover, .buyall:focus {
background: #d10d0d;
color: #fff;
text-decoration: none;
}

/*
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/
*/
 
/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root {
  display: none;
}
 
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}


.buypage h1, .buypage h2, .buypage p {
text-align: center;
}

.introtext {
padding-bottom: 30px;
}

.buypage h1 {
margin-top: 60px;
margin-bottom: 30px;
color: #d10d0d;
}

.butter h2 {
font-size: 2em;
color: #d10d0d;
}

.explain h3 {
padding-top: 40px;
margin-bottom: 30px;
color: #d10d0d;
}

.explain  h3, .explain p{
text-align: left;
}

.butter {
display: block;
border-radius: 5px;
border: 1px solid #eee;
padding: 15px;
margin-bottom: 15px;
text-align: center;
}

.butter:hover {
text-decoration: none;
background: #fff;
-webkit-box-shadow: inset 0px 0px 0px 3px rgba(204, 34, 34, 1);
-moz-box-shadow:    inset 0px 0px 0px 3px rgba(204, 34, 34, 1);
box-shadow:         inset 0px 0px 0px 3px rgba(204, 34, 34, 1);
}

.butter p {
color: #444;
text-align: left;
}

.butter img {
max-width: 50%;
height: auto;
margin: 0 auto;
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
}

h5 {
font-size: 22px;
color: #d10d0d;
display: inline-block;
background: #fff;
padding: 15px;
border: 1px solid #000;
border-radius: 5px;
text-align: center;
}

body .promo {
padding-top: 0;
text-align: center;
background: #fff;
padding: 15px;
border-radius: 0 0 0 15px;
border-left: 1px #d10d0d solid;
border-bottom: 1px #d10d0d solid;
}

.promo img {
width: 100%;
}

.promo a {
color: #000;
}


/* Extra Small devices (horizontal phones, 480px and up) */
@media (min-width: 480px) {

.panel-title {
font-size: 18px;
}



}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

.mypic{
max-width: 40%;
height: auto;
margin-right: 30px;
margin-bottom: 130px;
}

.white {
background: rgba(255,255,255,0.85);
padding-top: 190px;
}

.pluginLikeboxStream  ._5pcb {
background: #fff!important;
}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

.navbar-inverse .navbar-nav>li>a {
color: #fff;
border-radius: 5px 5px 0px 0px;
margin-top: 6px;
padding-top: 12px;
padding-bottom: 12px;
}

.infobox p {
font-size: 1.2em;
}

.infobox {
}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

body.home {
background: url("../img/massivepiper.png") center top fixed no-repeat;
background-size: 90vw;
}

.infobox p {
font-size: 1.2em;
max-width: 800px;
}

.extra {
display: block;
height: 400px;
width: 200px;
float: right;
margin-bottom: -100px;
}

.mypic{
max-width: 40%;
height: auto;
margin-right: 60px;
margin-bottom: 70px;
}

.aboutme {
max-width: 800px;
}


}
    

	
	

/* SPS */



body h1.referral,
body li.juicer {
	display: none!important;
}


h1 {
	text-align: center;
	font-size: 1.5vw;
}

.infobox {
margin: 30px;
}

.mypic {
	margin-right: 30px;
	margin-bottom: 30px;
}


/* Small devices */
@media (max-width: 768px) {

h1 {
	font-size: 3vw;
}

}