html {
  position: relative;
  min-height: 100%;
}

body {padding-top:62px;padding-bottom:70px;}

/* =================================================
	Typography
================================================== */
.font-pt-sans {font-family: 'PT Sans Caption', sans-serif;}
.font-petit-script {font-family: 'Petit Formal Script', sans-serif;}
.font-cabin-condensed {font-family: 'Cabin Condensed', 'Times New Roman';}
.font-tinos {font-family: 'Tinos', 'Times New Roman';}

.fontBlue {color:#1f43a5;}
.fontWhite {color:#fff;}

.invert {color:#fff;}

.heavy {font-weight:700;}

.text-24 {font-size:24px;}
.text-18 {font-size:18px;}
.text-16 {font-size:16px;}
.text-13 {font-size:13px;}
.text-12 {font-size:12px;}

.all-caps {text-transform:uppercase;}

.underline {
	width:95%;
	margin:auto auto 20px auto;
	padding-bottom:8px;
	border-bottom:2px solid #0085c6;
}

.break-line {border-bottom:2px solid #0085c6;width:90%;margin:auto;}

/* =================================================
	Page Layout
================================================= */	
.padding-5 {padding-top:2px;padding-bottom:3px;}
.padding-10 {padding-top:5px;padding-bottom:5px;}
.padding-16 {padding-top:4px;padding-bottom:4px;}
.padding-20 {padding-top:10px;padding-bottom:10px;}
.padding-30 {padding-top:15px;padding-bottom:15px;}
.padding-40 {padding-top:20px;padding-bottom:20px;}
.padding-60 {padding-top:30px;padding-bottom:30px;}

.navyBorder {border:3px solid #001f3f;}
.dkGrayBorder {border:1px solid #9a9a9a;}
.btmBorder {width:90%; margin: auto 5%; padding-bottom:10px; border-bottom: 1px solid #808080;}
.image-border-thin {border-width:1px;border-style:solid;border-color:rgba(0,0,0,0.3);padding:1px;}

.shade {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.left-gutter {margin-left:15px;}
.right-gutter {margin-right:15px;}

.spacer-20 {padding-left:10px;padding-right:10px;}
.spacer-40 {padding-left:20px;padding-right:20px;}

.square-it-off {border-radius: 0px;}
.round-it-off {border-radius: 8px;}

.small-pic {width:200px;}
.medium-pic {width:280px;}

.layout-left {float:left; margin-right:15px;margin-bottom:15px;}
.layout-right {float:right; margin-left:15px;margin-bottom:15px;}

/* ==================================================
	Bootstrap Modifiers
================================================== */
.navbar {background:#00b7c6;border:none;padding-top:10px;padding-bottom:10px;}

.navbar-default .navbar-brand {color:#ffff00; font-size:24px; line-height:34px;margin-top:-6px !important;}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {color:#e6e600; background-color:transparent;}
.navbar-default .navbar-brand a {padding-bottom:5px;}

.navbar-default .navbar-text {color:#f2f2f2}
.navbar-default .navbar-nav > li > a {color:#f2f2f2}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color:#fff; background-color:#015075;}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #015075;
}

@media (min-width:768px) {
	.navbar {font-size:14px;padding-right:60px !important;}
	.navbar-default .navbar-brand {font-size:28px;}
	.tele {margin-right:-60px;}
}

@media (min-width:992px) {
	.navbar {font-size:18px;}
	.navbar-default .navbar-brand {font-size:32px;padding-right:60px;}
}


/* Outline button for use within the docs */
.btn-outline-black {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

.btn-outline-black:hover,
.btn-outline-black:focus,
.btn-outline-black:active {
  color: #111;
  background-color: #fff;
  border-color: #fff;
}

/* Inverted outline button (white on dark) */
.btn-outline-inverse {
  color: #fff;
  background-color: transparent;
  border-color: #3b3bff;
}

.btn-outline-inverse:hover,
.btn-outline-inverse:focus,
.btn-outline-inverse:active {
  color: #0074d9;
  text-shadow: none;
  background-color: #fff;
  border-color: #fff;
}

/* ==================================================
  General Styling
================================================== */

.headline-overlay {
  display:block;
  position:absolute;
  right:12%;
  top:1.75%;
  font-size:24px;
  color:#fff;
  font-weight:700;
}

@media (min-width:601px) {
  .headline-overlay {
  display:block;
  position:absolute;
  right:5%;
  top:2.75%;
  font-size:28px;
  color:#fff;
  font-weight:700;}
}

@media (min-width:992px) {
  .headline-overlay {
  display:block;
  position:absolute;
  right:5%;
  top:160px;
  font-size:38px;
  color:#fff;
  font-weight:700;}
}

.slogan h1 {
  display:block;
  color:#2550c6;
  font-style:italic;
  font-weight:700;
  font-family:'Petite Formal Script';
  font-size:36px;
  text-align:center;
  margin:0px auto 10px auto;
  width:75%;
}

.slogan-insert {
	display:block;
	margin:-60px auto auto;
	max-width:360px;
	text-align:center;
}

.slogan-insert p {
	font-size:20px;
	letter-spacing:2.0px;
	color:#fff;
}

@media screen and (min-width: 600px) {
	.slogan-insert  {
		margin-top:-90px;
		margin-left:49%;
		max-width:300px;
	}
	.slogan-insert p {
		font-size:20px;
		letter-spacing:1.8px;
		color:red;
	}
}

@media screen and (min-width: 768px) {
	.slogan-insert  {
		margin-top:-110px;
		margin-left:52%;
		max-width:340px;
	}
	.slogan-insert p {
		letter-spacing:2px;
		font-size:24px;
		color:red;
	}
}

@media screen and (min-width: 992px) {
	.slogan-insert  {
		margin-top:-130px;
		margin-left:57.5%;
		max-width:360px;
	}
	.slogan-insert p {
		font-size:26px;
		letter-spacing:2px;
		color:red;
	}
}

@media screen and (min-width: 1200px) {
	.slogan-insert  {
		display:block;
		max-width:420px;
		margin-top:-140px;
		margin-left:57.5%;

	}
	.slogan-insert p {
		font-size:30px;
		letter-spacing:2.5px;
		color:red;
	}
}

.cta-panel,
.cta-panel:hover {
  text-decoration: none;
}

.cta-panel:before,
.cta-panel:after {
  content: "";
  display: table;
}
.cta-panel:after {
  clear: both;
}

.column {
    height: 200px;
    padding: 3px 0 10px;
    position: relative;
    width: 220px;
}

.column:hover .text h1 a {}
.column:hover img {opacity:0.7;} 

.bg1 {background-color:#008ebe;}

.bg2 {background-color:#bd8e00;}

.product-thumb {
    overflow: hidden;
    padding: 0 0 0 0;
    width: 220px;
    background-color:#fff;
}

.product-thumb a img {vertical-align: middle;}

.column .cta-block {padding:10px;}

.column .cta-block h2 {overflow:hidden;margin-top:0px;}

.column h2 a {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    text-align:center;
    text-decoration: none;
    text-shadow: 1px 1px 2px #333333;
    text-transform: uppercase;
    overflow:hidden;
}

.column h2 a:hover, .column h2 a:focus {text-decoration:none; color:#ddd;}

.column p {
    color: #777777;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    padding-bottom: 3px;
    text-decoration: none;
    text-transform: uppercase;
}

.floating-box {display: inline-block;}

.category-title {
	margin:auto;
	text-align:center;
}

.focus-line {
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	border-top: 1px solid #b8b8b8;
	padding-bottom:8px;
}

.focus-line h3, .focus-line h4 {
	padding-bottom: 0;
	padding: 0.2em 0.6em;
}

.tags {margin:auto;}

.cta-box {
  width:76%;
  margin:auto;
  text-align:center;
  padding:10px;
  background-color:#222;
  border:8px solid #ffdc00;
}

.cta-box h2, .cta-box h3, .cta-box h4, .cta-box ul {color:#fff;font-family:serif;font-weight:600;line-height:125%;}
.cta-box h2 .red, .cta-box h3 .red, .cta-box h4 .red, .cta-box ul .red {color:red; font-weight:bold;}
.cta-box h2 .white, .cta-box h3 .red, .cta-box h4 .red, .cta-box ul .red {color:red; font-weight:bold;}
.cta-box h2 {font-size:30px;}
.cta-box h3 {font-size:24px;}
.cta-box h4 {font-size:18px;}
.cta-box ul {font-size:14px;padding-bottom:15px;padding-top:-10px;}
.cta-box ul li {
  font-size:16px;
  border:none;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding:0px;
  padding-left: 20px;
  line-height:24px;
}

.cta-box .text-shadow {text-shadow: 1px 1px #fff;}


.cta-box2 {
  width:90%;
  margin:auto;
  text-align:center;
  padding:10px;
  background-color:#222;
  border:8px solid #ffdc00;
}

.cta-box2 h2, .cta-box2 h3, .cta-box2 h4, .cta-box2 ul {color:#fff;font-family:serif;font-weight:600;line-height:125%;}
.cta-box2 h2 .red, .cta-box2 h3 .red, .cta-box2 h4 .red, .cta-box2 ul .red {color:red; font-weight:bold;}
.cta-box2 h2 {font-size:30px;}
.cta-box2 h3 {font-size:24px;}
.cta-box2 h4 {font-size:18px;}
.cta-box2 ul {font-size:14px;padding-bottom:15px;padding-top:-10px;}
.cta-box2 ul li {
  font-size:16px;
  border:none;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding:0px;
  padding-left: 20px;
  line-height:24px;
}

.cta-box2 .text-shadow {text-shadow: 1px 1px #fff;}

.cta-box3 {
  width:100%;
  font-family:serif;
  margin:auto;
  text-align:center;
  padding:10px;
  background-color:rgba(251,236,242,0.7);
  border:8px solid rgba(139,69,19,0.7);
}

.cta-box3 h3 {color: red;}

.cta-box4 {
  width:90%;
  margin:auto;
  text-align:center;
  padding:10px;
  background-color:#ffdc00;
  border:2px solid #222;
}

.cta-box4 h2, .cta-box2 h3, .cta-box2 h4, .cta-box2 ul {color:#fff;font-family:serif;font-weight:600;line-height:125%;}
.cta-box4 h2 .red, .cta-box2 h3 .red, .cta-box2 h4 .red, .cta-box2 ul .red {color:red; font-weight:bold;}
.cta-box4 h2 {font-size:30px;}
.cta-box4 h3 {font-size:24px;}
.cta-box4 h4 {font-size:18px;}
.cta-box4 ul {font-size:14px;padding-bottom:15px;padding-top:-10px;}
.cta-box4 ul li {
  font-size:16px;
  border:none;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding:0px;
  padding-left: 20px;
  line-height:24px;
}

.cta-box4 .text-shadow {text-shadow: 1px 1px #fff;}

/* ==================================================
  Social Styling
================================================== */
.social-icons {
  list-style-type:none;
  overflow:hidden;
  display:inline;
  margin-left:-40px;
  margin-bottom:10px;
}

.social-icons li {display: inline;text-decoration:none;}

.social-icons .social {width:52px;}
.social-icons .social:first-child {margin-right:30px;}

@media (min-width:992px) and (max-width:1199px) {
    .social-icons .social {width:52px;margin-right:5px;margin-bottom:10px;}
}


/* ==================================================
  Backgrounds
================================================== */
.gray-BG {
    background-image: -webkit-linear-gradient(top, #e6e6e6, #fefefe);
    background-image: -moz-linear-gradient(bottom, #e6e6e6, #fefefe);
    background-image: -o-linear-gradient(bottom, #e6e6e6, #fefefe);
    background-image: -ms-linear-gradient(top, #e6e6e6, #fefefe);
    background-image: linear-gradient(to bottom, #e6e6e6, #fefefe);
    border: solid 1px #eee !important;
}

/* ==================================================
	Footer
================================================== */
.footer {
	padding: 25px 0px;
	color: #777;
	border-top: 1px solid #e5e5e5;
	text-align: center;
	background-color: #ccc;
	position: absolute;
	bottom: 0;
	width:100%;
	font-size: 12px;
}