/*Hubspot styles*/
ul {
	list-style: none;
}

/* Add here all your css styles (customizations) */
/*Headings - I changed font family and sizes*/
/* Font color for all font awesome icons*/
.fa {color: #8eacbb;
}
.fa:hover {
    color:#6c7a89;
    cursor: pointer; }	
/*Default Button colors*/
.btn-default {
  background-color: #eaedec;
  border-color: #374a61;
  color: #8eacbb;
   font-family: 'Lato', sans-serif;
   font-size: 16px;
   line-height: 24px;
   font-weight: 700; 
   text-align: left; 
   -webkit-box-shadow: 0px 2px 2px 0px rgba(3,3,3,0.20);
	-moz-box-shadow: 0px 2px 2px 0px rgba(3,3,3,0.20);
	box-shadow: 0px 2px 2px 0px rgba(3,3,3,0.20);
	   }
.btn-default:hover {
    background-color: #6c7a89;
    color: white; 
	-webkit-box-shadow: 0px 8px 8px 0px rgba(3,3,3,0.30);
	-moz-box-shadow: 0px 8px 8px 0px rgba(3,3,3,0.30);
	box-shadow: 0px 8px 8px 0px rgba(3,3,3,0.30);
}

/*Index Page Button colors*/
.btn-index-page {
  background-color: #eaedec;
  border-color: #374a61;
  color: #8eacbb;
  font-family: 'Oswald', sans-serif;	
   font-size: 20px;
   line-height: 22px;
   font-weight: 700; 
   text-align: left; 
   -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);   }
.btn-index-page:hover {
    background-color: #6c7a89;
    color: white; 
    -webkit-box-shadow: 0px 8px 8px 0px rgba(3,3,3,0.30);
	-moz-box-shadow: 0px 8px 8px 0px rgba(3,3,3,0.30);
	box-shadow: 0px 8px 8px 0px rgba(3,3,3,0.30);	
	}
/*Fa Download and PDF icon Button colors*/
.btn-default:hover .fa-file-pdf-o {
    color: white;
}
.btn-default .fa-download {
	color: #8eacbb; }
.btn-default:hover .fa-download {
    background-color: #6c7a89;
    color: white !important; }	
/*Footer Button colors*/
.btn-footer {
  background-color: white;
  border-color: #374a61;
  color: #8eacbb;
font-family: 'Lato', sans-serif;
   font-size: 16px;
   line-height: 24px;
   font-weight: 700; 
   text-align: left; }
.btn-footer:hover {
    background-color: #6c7a89;
    color: white; }
/*PST Calc Sign in Button colors*/
.btn-calc-sign-in {
  background-color: #466D5A;
  border-color: #374a61;
  color: white;
  font-family: 'Lato', sans-serif;
   font-size: 16px;
   line-height: 24px;
   font-weight: 700; 
   text-align: left; 
   -webkit-box-shadow: 0px 2px 2px 0px rgba(3,3,3,0.20);
	-moz-box-shadow: 0px 2px 2px 0px rgba(3,3,3,0.20);
	box-shadow: 0px 2px 2px 0px rgba(3,3,3,0.20);
   }
.btn-calc-sign-in:hover {
    background-color: #385C5C;
    color: white; 
	-webkit-box-shadow: 0px 8px 8px 0px rgba(3,3,3,0.30);
	-moz-box-shadow: 0px 8px 8px 0px rgba(3,3,3,0.30);
	box-shadow: 0px 8px 8px 0px rgba(3,3,3,0.30);
	}
/*PST Calc Calculate and Save Button colors*/
.btn-calc-save {
  background-color: #253e57;
  border-color: #374a61;
  color: white;
font-family: 'Lato', sans-serif;
   font-size: 16px;
   line-height: 24px;
   font-weight: 700; 
   text-align: left; 
   -webkit-box-shadow: 0px 2px 2px 0px rgba(3,3,3,0.20);
	-moz-box-shadow: 0px 2px 2px 0px rgba(3,3,3,0.20);
	box-shadow: 0px 2px 2px 0px rgba(3,3,3,0.20);
   }
.btn-calc-save:hover {
    background-color: #1a2f44;
    color: white; 
	-webkit-box-shadow: 0px 8px 8px 0px rgba(3,3,3,0.30);
	-moz-box-shadow: 0px 8px 8px 0px rgba(3,3,3,0.30);
	box-shadow: 0px 8px 8px 0px rgba(3,3,3,0.30);
	}
/*PST Calc - Logout Button colors*/
.btn-calc-logout {
  background-color: #9e1b32;
  border-color: #374a61;
  color: white;
font-family: 'Lato', sans-serif;
   font-size: 16px;
   line-height: 24px;
   font-weight: 700; 
   text-align: left; 
   -webkit-box-shadow: 0px 2px 2px 0px rgba(3,3,3,0.20);
	-moz-box-shadow: 0px 2px 2px 0px rgba(3,3,3,0.20);
	box-shadow: 0px 2px 2px 0px rgba(3,3,3,0.20);
   }
.btn-calc-logout:hover {
    background-color: #7f1226;
    color: white; 
	-webkit-box-shadow: 0px 8px 8px 0px rgba(3,3,3,0.30);
	-moz-box-shadow: 0px 8px 8px 0px rgba(3,3,3,0.30);
	box-shadow: 0px 8px 8px 0px rgba(3,3,3,0.30);
	}

/*Table colors*/	
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #d1d3d2;   
 }
 
tbody {   
 color: #17324c;
	font-family: 'Lato', sans-serif;
   font-size: 16px;
   line-height: 24px;
 }

th {
    background-color: #6c7a89;
    color: white;
} 

/*H tags*/	
h1 {
  font-family: 'Oswald', sans-serif;	
  font-size: 45px;
  line-height: 48px;
  font-weight: 700; 
 /* color: #17324c;*/
  color: #000000;

}
h3.card-title {
  font-family: 'Oswald', sans-serif;	
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  margin-top: 9px;
  margin-bottom: 16px; 
 /* color: #17324c;*/
  color: #000000;
}
h2 {
  font-family: 'Oswald', sans-serif;	
  font-size: 34px;
  line-height: 40px;
  font-weight: 700; 
 /* color: #17324c;*/
  color: #000000;
}

h3 {
  font-family: 'Oswald', sans-serif;	
  font-size: 24px;
  line-height: 32px;
  font-weight: 700; 
 /* color: #17324c;*/
  color: #000000;
}
h4 {
  font-family: 'Oswald', sans-serif;	
  font-size: 18px;
  line-height: 24px;
  font-weight: 500; 
  color: #000000;
}

h5 {
  font-family: 'Oswald', sans-serif;	
  font-size: 12px;
  line-height: 24px;
  font-weight: 700; 
  color: #96a4a5;
}

h6 {
  font-family: 'Oswald', sans-serif;	
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;  
 /* color: #17324c;*/
  color: #666;
}

h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
   margin-right: 5px;
}

p, 
li,
li a,
label {
	color: #17324c;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 24px;
}

li a {
	color: #8eacbb;
}

li a:hover {
color: #6c7a89;
}

.footer-required-links p {
   color: #2a2a2a;
   font-family: 'Lato', sans-serif;
   font-size: 16px;
   line-height: 24px;
   text-align: center;
   padding: 10px;
}

.divider {
  height: 1px;
  width:100%;
  display:block; /* for use on default inline elements like span */
  margin: 15px 0;
  overflow: hidden;
  background-color: #eee;
}



/*Boxed Layout
------------------------------------*/
.wrapper {
  background: transparent;
}

/* In here is the border radius and card bottom margin for masonry blocks */
.blog_masonry_3col .grid-boxes-in {
	margin-bottom: 18px;
	border: solid 0px #000;
	border-radius: 3px;
	background-color:#f9f9f9;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(3,3,3,0.50);
	-moz-box-shadow: 0px 0px 0px 0px rgba(3,3,3,0.50);
	box-shadow: 0px 0px 0px 0px rgba(3,3,3,0.50);
 }
.blog_masonry_3col .grid-boxes-in:hover {
	padding: 0px;
	margin-bottom: 30px;	
	z-index:9;
	margin-top: -2px;
	-webkit-box-shadow: 0px 8px 8px 0px rgba(3,3,3,0.75);
	-moz-box-shadow: 0px 8px 8px 0px rgba(3,3,3,0.75);
	box-shadow: 0px 8px 8px 0px rgba(3,3,3,0.75);
}

.blog_masonry_3col .grid-boxes-caption {
	padding: 15px;
}

/* Padding around video players on Masonry pages*/
.blog_masonry_3col .grid-boxes-caption-video {
	padding: 0px;
}

.blog_masonry_3col h3 {
	font-size: 26px;
    font-family: 'Oswald', sans-serif;	
    font-weight: 700;
	line-height: 30px;
    margin-top: 0px;
    margin-bottom: 16px; 
}
/*The blue color I once used was #8eacbb */
.blog_masonry_3col h3 a {
    /*color: #17324c;*/
	color: #000000;
}

.blog_masonry_3col h3 a:hover {
	color: #6c7a89;
}

.blog_masonry_3col ul.grid-boxes-news {
	margin-bottom: 15px;
}

.blog_masonry_3col ul.grid-boxes-news li {
	font-size: 12px;
}

.blog_masonry_3col ul.grid-boxes-news li,
.blog_masonry_3col ul.grid-boxes-news li a {
	color: #555;
	font-family: 'Oswald', sans-serif;	
	font-size: 14px;
	font-weight: 400;
	font-style:italic;
}

.blog_masonry_3col ul.grid-boxes-news li a:hover {
	color: #01a0f4;
}

/*Quote Block*/
.grid-boxes-caption.grid-boxes-quote {
	padding: 30px;
	background: #000;
	text-align: center;
}

.grid-boxes-quote p {
	position: relative;
}

.grid-boxes-quote p:after {
    content: " \" ";
	margin-left: 10px;
    position: absolute;
    font-family: Roboto;
}

.grid-boxes-quote p:before {
    content: " \" ";
	margin-left: -15px;
    position: absolute;
    font-family: Roboto;
}

.grid-boxes-quote p,
.grid-boxes-quote p a,
.grid-boxes-quote span {
	color: #fff;
	font-size: 20px;
	font-weight: 200;
	font-family: Roboto;
	font-style: italic;
	text-transform: uppercase;
}	

.grid-boxes-quote span {
	font-size: 12px;
}

/* I am using this quote box for the Become a Navy SEAL Civilian page*/
.grid-boxes-caption.grid-boxes-quote-2 {
	padding: 15px;
	background: #000;
	text-align: center;
	/*Border radius for the quote box 2*/
	border-radius: 3px;
}
.grid-boxes-quote-2 p {
	position: relative;
}

.grid-boxes-quote-2 p:after {
    content: " \" ";
	margin-left: 10px;
    position: absolute;
    font-family: Roboto;
}

.grid-boxes-quote-2 p:before {
    content: " \" ";
	margin-left: -15px;
    position: absolute;
    font-family: Roboto;
}

.grid-boxes-quote-2 p,
.grid-boxes-quote-2 p a,
.grid-boxes-quote-2 span {
	color: #fff;
	font-size: 20px;
	font-weight: 200;
	font-family: Roboto;
	font-style: italic;
	text-transform: uppercase;
}	

/*Block Headline for the footer*/
.headline {
  display: block;
  margin: 10px 0 25px 0;
/*This puts a line under column headings: scout team, join us, contact*/
  border-bottom: 0px solid #e4e9f0;

/*This changes the dropdown navigation hover color on mobile. It was white, now it's black*/
}
.header .nav>li>a:focus, 
.header .nav>li>a:hover {
	background-color: transparent;	
}

/*Column Sizes - I put in a transparent background for the footer here
------------------------------------*/
/*Remove the Gutter Padding from Columns*/
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.no-gutter.no-gutter-boxed {
  padding-right: 15px;
  padding-left: 15px;
}

/*Heights
------------------------------------*/
.height-100 { min-height: 100px;}
.height-150 { min-height: 150px;}
.height-200 { min-height: 200px;}
.height-250 { min-height: 250px;}
.height-300 { min-height: 300px;}
.height-350 { min-height: 350px;}
.height-400 { min-height: 400px;}
.height-450 { min-height: 450px;}
.height-500 { min-height: 500px !important;}

/*Spaces
------------------------------------*/
.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0;
}

.no-top-space {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.no-bottom-space {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.content-xs {
  padding-top: 20px;
  padding-bottom: 20px;
}

.content {
  padding-top: 40px;
  padding-bottom: 40px;
}

.content-sm {
  padding-top: 60px;
  padding-bottom: 60px;
}

.content-md {
  padding-top: 80px;
  padding-bottom: 80px;
}

.content-lg {
  padding-top: 100px;
  padding-bottom: 100px;
}

.space-lg-hor {
  padding-left: 60px;
  padding-right: 60px;
}

.space-xlg-hor {
  padding-left: 100px;
  padding-right: 100px;
}

.margin-bottom-5, 
.margin-bottom-10, 
.margin-bottom-15, 
.margin-bottom-20,
.margin-bottom-25, 
.margin-bottom-30, 
.margin-bottom-35, 
.margin-bottom-40, 
.margin-bottom-45, 
.margin-bottom-50, 
.margin-bottom-55, 
.margin-bottom-60,
.margin-bottom-100 { 
   clear:both;
}
.margin-bottom-5  { margin-bottom:5px;}
.margin-bottom-10 { margin-bottom:10px;} 
.margin-bottom-15 { margin-bottom:15px;}
.margin-bottom-20 { margin-bottom:20px;}
.margin-bottom-25 { margin-bottom:25px;}
.margin-bottom-30 { margin-bottom:30px;}
.margin-bottom-35 { margin-bottom:35px;}
.margin-bottom-40 { margin-bottom:40px;}
.margin-bottom-45 { margin-bottom:45px;}
.margin-bottom-50 { margin-bottom:50px;}
.margin-bottom-55 { margin-bottom:55px;}
.margin-bottom-60 { margin-bottom:60px;}
.margin-bottom-100 { margin-bottom:100px;}

@media (max-width: 768px) {
  .sm-margin-bottom-10 {
    margin-bottom: 10px;
  }
  .sm-margin-bottom-20 {
    margin-bottom: 20px;
  }
  .sm-margin-bottom-30 {
    margin-bottom: 30px;
  }
  .sm-margin-bottom-40 {
    margin-bottom: 40px;
	background-color:transparent;
  }
  .sm-margin-bottom-50 {
    margin-bottom: 50px;
  }
  .sm-margin-bottom-60 {
    margin-bottom: 60px;
  }
}


@media (max-width: 992px) {
  .md-margin-bottom-10 {
    margin-bottom: 10px;
  }
  .md-margin-bottom-20 {
    margin-bottom: 20px;
  }
  .md-margin-bottom-30 {
    margin-bottom: 30px;
  }
  .md-margin-bottom-40 {
    margin-bottom: 40px;
	background-color:transparent;
  }
  .md-margin-bottom-50 {
    margin-bottom: 50px;
  }
  .md-margin-bottom-60 {
    margin-bottom: 60px;
  }
}

/*Other Spaces*/
.margin-top-20 { margin-top: 20px;}
.margin-left-5 { margin-left: 5px;}
.margin-left-10 { margin-left: 10px;}
.margin-right-5 { margin-right: 5px;}
.margin-right-10 { margin-right: 10px;}

.padding-top-5 { padding-top: 5px;}
.padding-left-5 { padding-left: 5px;}

/* Image Responsive */
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Table Fixed Width of Container */
.table-responsive{
    min-height: 0.01%;
    overflow-x: auto;
	border: 2px solid #6c7a89;
	font-family: 'Oswald', sans-serif;	
    font-size: 16px;
    line-height: 24px;
    font-weight: 500; 
    color:#17324c;
}

/*Back To Top Button
------------------------------------*/
#topcontrol {
  color: #fff;
  z-index: 99;
  width: 45px;
  height: 45px;
  font-size: 50px;
  background: #222;
  position: relative;
  right: 14px !important;
  bottom: 55px !important; /*Originally 11 px. Adjusted for the Addthis toolbar*/
  border-radius: 3px !important;
}
/*This controls the position of the Font Awesome arrow*/
#topcontrol:after {
  top: -20px;
  left: 6.5px;
  content: "\f106";
  position: absolute;
  text-align: center;
  font-family: FontAwesome;
}

#topcontrol:hover {
  color: #fff;
  background: #6c7a89;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*News v3
------------------------------------*/
/* News Posts. This is the border radius for the individual pages...such as history and the calculator. */
.news-v3 {
  border-radius: 3px;
  /*background: #fff;*/
}

/* Background Color for internal pages...such as history and the calculator. */
.bg-color {
  background: #f9f9f9;
  border:#585858 0px solid;
}

/* This is the padding and border radius for internal pages...such as history and the calculator. */
.news-v3 .news-v3-in {
  padding: 15px 15px;
  border-radius: 3px;
/* I added the box shadow*/
	-webkit-box-shadow: 0px 2px 3px 1px rgba(3,3,3,0.65);
	-moz-box-shadow: 0px 2px 3px 1px rgba(3,3,3,0.65);
	box-shadow: 0px 2px 3px 1px rgba(3,3,3,0.65);
}
/* This is the padding and border radius for internal pages...such as history and the calculator. But only when the page is 768px or bigger. */
@media (min-width: 768px) {
.news-v3 .news-v3-in {
  padding: 25px 25px;
  border-radius: 3px;
/* I added the box shadow*/
	-webkit-box-shadow: 0px 2px 3px 1px rgba(3,3,3,0.65);
	-moz-box-shadow: 0px 2px 3px 1px rgba(3,3,3,0.65);
	box-shadow: 0px 2px 3px 1px rgba(3,3,3,0.65);
  }
}

.news-v3 h2 {
  font-family: 'Oswald', sans-serif;	
  font-size: 44px;
  line-height: 54px;
  font-weight: 700; 
  margin: 0 0 20px;
  text-transform: uppercase;   
  /*color:#17324c;*/
  color: #000000;
}

.news-v3 .news-v3-in-sm h2 {
  font-size: 22px;
  margin: 0 0 15px;
  line-height: 30px;
  text-transform: inherit;
}

@media (max-width: 768px) {
.news-v3 h2 {
    font-size: 32px;
    line-height: 36px;
	font-family: 'Oswald', sans-serif;	
  }
}

.news-v3 h2 a {
  font-family: 'Oswald', sans-serif;	
  /*color:#17324c;*/
  color:#000000;
}

.news-v3 h2 a:hover {
  color: #6c7a89;
  text-decoration: underline;
}

.news-v3 p {
  color: #17324c;
  margin-bottom: 20px;
}

/*News Info*/
.news-v3 .posted-info li {
  color: #555;
  font-style: italic;
}

.news-v3 .news-v3-in-sm .posted-info li {
  padding: 0;
  font-size: 12px;
  padding-left: 5px;
}

.news-v3 .posted-info li:before,
.news-v3 .news-v3-in-sm .posted-info li:before {
  content: '/';
}

.news-v3 .posted-info li:before {
  font-size: 12px;
  line-height: 12px;
  margin-right: 13px;
}

.news-v3 .news-v3-in-sm .posted-info li:before {
  font-size: 11px;
  line-height: 11px;
  margin-right: 9px;
}

.news-v3 .posted-info li:first-child:before,
.news-v3 .news-v3-in-sm .posted-info li:first-child:before {
  content: " ";
  margin-right: 0;
}

.news-v3 .posted-info li a {
  color: #555;
}

.news-v3 .posted-info li a:hover {
  color: #72c02c;
}

/*News Shares*/
.news-v3 .post-shares {
  padding-left: 0;
  list-style: none;
  margin: 40px 0 0 -5px;
}

.news-v3 .news-v3-in-sm .post-shares {
  margin: 20px 0 0 -5px;  
}

.news-v3 .post-shares li {
  position: relative;
  padding: 0 10px 0 5px;
  display: inline-block;
}

.news-v3 .post-shares li i {
  color: #555;
  width: 40px;
  height: 40px;
  padding: 13px;
  font-size: 16px;
  background: #eee;
  text-align: center;
  display: inline-block;
}

.news-v3 .post-shares li i:hover {
  background: #ddd;
}

.news-v3 .post-shares li span {
  top: -5px;
  right: 6px;
  color: #fff;
  width: 22px;
  height: 22px;
  padding: 4px;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  text-align: center;
  background: #72c02c;
  border: 2px solid #fff;
  border-radius: 50% !important;
}

.news-v3 .post-shares-lg li span {
  top: -10px;
  right: 0px;
  width: 29px;
  height: 29px;
  padding: 4px;
  font-size: 10px;
  line-height: 16px;
}

/*Homepage font styles*/
.promo-section h2 {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #fff;
    font-size: 35px;
    font-weight: 7200;
    line-height: 1.1;
    margin-bottom: 30px;
    padding: 10px 75px;
    position: relative;
    text-align: center;
}
.promo-section h2::after, .promo-section h2::before {
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.promo-section h2::after {
    right: 4%;
}
.promo-section h2::before {
    left: 4%;
}

/*This is the 404 Page Title Big */
.promo-text-404 {
    font-family: 'Oswald', sans-serif;	
	color: #fff;
    font-size: 84px;
    font-weight: 700;
    line-height: 84px;
    margin-bottom: 5px;
    padding: 10px 15px;
    position: relative;
    text-align: center;
  }
/*This is the 404 Page Title Small*/
.promo-text-404-small {
    font-family: 'Oswald', sans-serif;	
	color: #fff;
    font-size: 54px;
    font-weight: 700;
    line-height: 54px;
    margin-bottom: 60px;
    padding: 10px 15px;
    position: relative;
    text-align: center;
  }

/*This is the Big Homepage Title */
.promo-text {
    font-family: 'Oswald', sans-serif;	
	color: #fff;
    font-size: 54px;
    font-weight: 700;
    line-height: 54px;
    margin-bottom: 60px;
    padding: 10px 15px;
    position: relative;
    text-align: center;
  }
  
/*The small line under title */
.promo-text::after {
    background: #fff none repeat scroll 0 0;
    bottom: -10px;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    width: 100px;
}
.promo-next {
    text-align: center;
}
.promo-next a {
    margin: 0 5px;
    padding: 7px 20px;
    text-transform: uppercase;
}
@media (max-width: 600px) {
.promo-section h2 {
    font-size: 24px;
    margin-bottom: 10px;
}
.promo-text {
    font-size: 36px;
	font-weight: 700;
    line-height: 36px;
    margin-bottom: 20px;
}
/*The small line under title */
  .promo-text::after {
    background: #fff none repeat scroll 0 0;
    bottom: -3px;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    width: 100px;
}
}

/*Button font size for homepage */
.btn-u {
   border: 0;
   color: #fff;
   font-size: 18px;
   cursor: pointer;
   font-weight: 500;
   padding: 6px 13px;
   position: relative;
   background: #72c02c;
   white-space: nowrap;
   display: inline-block;
   text-decoration: none;
}

/*Tag Boxes v7 otherwise known as the pagination borders*/
.tag-box-v7 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: none;
    border-image: none;
    border-style: none;
    border-width: none;
}
/*Tag Boxes v7 these control a page border behind the numbering*/
.tag-box-v7 {
  border: none;
  border-bottom: none;
}
.tag-box  {
  padding: 20px;
  background: none;
  margin-bottom: 30px;
}
/*Pagination*/
.pagination > li:first-child > a, 
.pagination > li:first-child > span,
.pagination-lg > li:first-child > a, 
.pagination-lg > li:first-child > span,
.pagination-lg > li:last-child > a, 
.pagination-lg > li:last-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 0px;
}

.pagination li a {
  color: #777;
  padding: 5px 12px;
}
/*The photo and video page up or down buttons on hover color*/
.pagination li a:hover {
   color: #fff;
   background: #6c7a89;
   border-color: #6c7a89;   
}

	/* The active color*/
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
   border-color: #8eacbb;
   background-color: #8eacbb;
}

/*Pagination Without Space*/
.pagination-no-space .pagination {
   margin: 0;
}

/*Pager*/
.pager li > a, 
.pager li > span {
  border-radius: 0;
}

.pager li > a:hover, 
.pager li > a:focus {
   color: #fff;
   background: #5fb611;
   border-color: #5fb611;   
}

/*Blockquote Hero Styles*/
blockquote.hero {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #dededc none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #666;
    border-image: none;
    border-style: none none none solid;
    border-width: medium medium medium 2px;
	font-size: 16px;
    padding: 18px;
}
blockquote p {
  font-size: 16px;
  background: #dededc none repeat scroll 0 0;
}
blockquote.hero:hover {
  background: #dededc;
  border-left-color: #666;
}

/* Grey block around links (CSS, Videos, Nutrition) on the PTG*/
.tag-box-v6 {
    background: #dededc none repeat scroll 0 0;
    border: 1px solid #6c7a89;
}
.tag-box-v6 li {
   color: #17324c;
   font-family: 'Lato', sans-serif;
   font-size: 16px;
   line-height: 24px;
   margin-right: 5px;
   margin-left:30px;   }

/*Accordions
------------------------------------*/
/*Accordion v1*/
.acc-v1 .panel-heading {
  padding: 0;
  box-shadow: none;
}

.acc-v1 .panel-heading a {
  display: block;
  padding: 15px 15px 15px 15px;
  background: #fefefe;
  font-family: 'Oswald', sans-serif;	
  font-size: 22px;
  line-height: 32px;
  font-weight: 700; 
  color: #000000;
  border-radius: 2px;
}

.acc-icon a.accordion-toggle i {
  color: #17324c;
  margin-right: 8px;
}
.acc-icon a.accordion-toggle:hover i {
  color: #6c7a89;
}

/*Accordion v0*/
.acc-v0 .panel-heading {
  padding: 0;
  box-shadow: none;
}

.acc-v0 .panel-heading a {
  display: block;
  padding: 15px 15px 15px 15px;
  background: #fefefe;
  font-family: 'Lato', sans-serif;	
  font-size: 16px;
  line-height: 24px;
  color: #17324c;
  border-radius: 2px;
}

.acc-icon a.accordion-toggle i {
  color: #17324c;
  margin-right: 8px;
}
.acc-icon a.accordion-toggle:hover i {
  color: #6c7a89;
}

------------------------------------*/
/*Pricing Head*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
	padding: 0;
}
.pricing {
	position:relative;
	overflow: hidden;
	border-radius:3px;
	margin-bottom:20px;
	-webkit-box-shadow: 0px 2px 1px 1px rgba(3,3,3,0.50);
	-moz-box-shadow: 0px 2px 1px 1px rgba(3,3,3,0.50);
	box-shadow: 0px 2px 1px 1px rgba(3,3,3,0.50);
}
.pricing:hover {
	-webkit-box-shadow: 0px 5px 8px 1px rgba(3,3,3,0.75);
	-moz-box-shadow: 0px 5px 8px 1px rgba(3,3,3,0.75);
	box-shadow: 0px 5px 8px 1px rgba(3,3,3,0.75);
}
.pricing:hover h4 {
	color:#6c7a89;
}
.pricing-head {
	text-align:center;
}
.pricing h3,
.pricing h4 {
	margin:0;
	line-height:normal;
	font-weight:bold;
}
.pricing p {
	padding-top: 10px;
	font-size: 11px;
}
.pricing-head h3 span, 
.pricing-head h4 span {
	display:block;
	margin-top:5px;
	font-size:14px;
}
.pricing-head h3 {
	color:#fafafa;
	padding:12px 0;
	font-size:24px;
	font-family:Oswald;
	background:#6c7a89;
	border-radius:3px 3px 0 0;
}
.pricing-head h4 {
	color: #888;
	padding:5px 0;
	font-size:16px;
}
.pricing-head h4 i {
	top:-8px;
	font-size:28px;
	font-style:normal;
	position:relative;
}
.pricing-head h4 span {
	top:-10px;
	font-size:18px;
	font-style:normal;
	position:relative;
}
	
/*Pricing Content*/

.pricing-content  {
	margin-bottom: 0px;
}
.pricing-content li {
	color:#888;
	font-size:12px;
	padding:7px 15px;
	border-bottom:solid 1px #E1E6E1;
}
.pricing-content li i {
	color:#8eacbb;
	font-size:16px;
	margin-right:5px;
	position:relative;
}

/*Pricing Footer*/
.pricing-footer {
	color:#777;
	font-size:11px;
	line-height:17px;
	text-align:center;
	padding:0 20px 19px;
	border-radius:0 0 3px 3px;
}

/*Pricing Active*/
.price-active,
.pricing:hover {
	z-index:9;
	margin-top: -3px;
}
.price-active h4 {
	color:#74C52C;
}

/*Pricing Extra

 .bg-color {
	background-color: #f9f9f9;	
}
.no-space-pricing {
	padding: 0 15px;
}

.sticker-right,
.sticker-left {
  	color: #fff;
	width: 150px;
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial;
	position: absolute;
	text-align: center;
	letter-spacing: 2px;
	}

 .sticker-right {
    top: 13px;
    right: -49px;
    background: rgba(231, 76, 60, 1);
    transform: rotate(45deg);   
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
 .sticker-left {
    top: 9px;
    left: -48px;
   	background: rgba(116, 197, 44, 1);
    transform: rotate(-45deg);   
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
*/

/* Devices (Desktop Mode) */
@media (min-width: 992px) and (max-width: 1200px) {
	 .sticker-right {
		top: 10px;
	    right: -58px;
	    font-size: 10px;
	    padding: 3px;
	}	
	 .sticker-left {
		top: 10px;
	    left: -58px;
	    font-size: 10px;
	    padding: 3px;
	}
}

/* Medium Devices (Desktops, 992px and less) */
@media (max-width: 991px) {
	/*Pricing Page*/
	.price-active,
	.pricing:hover {
		margin-top: 0;
	}


	/*End Pricing Page*/
}

/*YouTube embed responsive*/
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}