/* this is a custom css style sheet */

body {
	font-family: "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
	background-color: white;
	background: url(../images/textures/light/brilliant.png) repeat 0 0;
}
h1, h2, h3, h4, h5, h6 {
	color: #333;
}
p {
	font-style: normal;
	letter-spacing: .25px;
}
a {
	color: #4AA1B0;
}
a:hover, a:focus {
	color: #0C6372;
}
sup {
	font-weight: normal;
	font-size: 50%;
}
/* FORMS -------------------------------------
------------------------------------------- */

legend {
	font-size: 3em;
	letter-spacing: .05em;
	text-transform: lowercase;
	color: #B7351B;
	margin: auto auto 1em auto;
	padding-top: .5em;
	padding-left: .15em;
	border-bottom: 1px solid #DDDDDD;
}
legend:before {
	font-family: "FontAwesome";
	content: "\f105";
	margin: auto .25em auto auto;
	color: #DDDDDD;
	font-weight: normal;
}
input, select, textarea {
	margin-bottom: 20px;
}
label {
	color: #4AA1B0;
	letter-spacing: .5px;
	font-weight: bold;
}
label:before {
	font-family: "FontAwesome";
	content: "\f0da";
	font-size: .9em;
	margin: auto .25em auto auto;
	color: #B7351B;
	font-weight: normal;
}
label.checkbox-inline {
	font-size: 115%;
	font-weight: bold;
}
label.checkbox-inline:before {
	content: none;
}
/* RULES -------------------------------------
------------------------------------------- */

hr.fortres {
	color: #B7351B;
	background-color: #B7351B;
	height: 2px;
}
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #BFBFBF;
}
/* COMPANY HEADER ----------------------------
------------------------------------------- */

header {
	background-color: #333;
}
header .lgo {
	margin: 1.5em 0 1em 0;
}
header address {
	color: white;
	font-size: 1.15em;
	letter-spacing: .085em;
	font-weight: normal;
	margin: 1.75em 0 1em 0;
}
header address a {
	color: #bfbebe;
}
header address a:hover {
	color: #DDDDDD;
}
header address a[href^="tel:"]:before {
	font-family: "FontAwesome";
	content: "\f095";
	display: inline-block;
	margin-right: 0.55em;
}
header address .vertical-divider {
	color: #737373;
	padding-left: 4px;
	padding-right: 4px;
}
header address a[href^="mailto:"]:before {
	font-family: "FontAwesome";
	content: "\f003";
	display: inline-block;
	margin-right: 0.55em;
}
/* COMPANY TAG ----------------------------
------------------------------------------- */

#company-tag, .footer .company-tag {
	font-family: lora, "Lora Regular", serif;
	color: #FFCC00;
	background-color: #B7351B;
	padding-top: .25em;
	padding-bottom: .25em;
	font-size: 1.25em;
	text-transform: capitalize;
	letter-spacing: 1px;
}
/* FEATURE AREA ------------------------------
------------------------------------------- */

#feature {
	margin-top: -20px;
	border-bottom: 1px solid #BFBFBF;
}
#feature .media {
	padding-top: 1em;
	padding-bottom: 1em;
}
#feature .media-heading {
	font-family: lora, "Lora Regular", serif;
	font-size: 1.25em;
	color: #333;
	line-height: 135%
}
#feature .media-body p {
	font-family: lora, "Lora Regular", serif;
	font-size: 1.15em;
	color: #919191;
}
/* SIDE BAR ----------------------------------
------------------------------------------- */

#fortres-sidebar {
	border-left: 1px solid #BFBFBF;
}
#fortres-sidebar> div:last-of-type {
	border-bottom: none;
}
ul.sidebar {
	list-style: none;
	margin: 0;
}
ul.sidebar li {
	color: #333;
	font-weight: normal;
	margin-left: -3em;
	padding-bottom: .5em;
	text-indent: 0em;
	border-bottom: 2px solid white;
}
ul.sidebar li:before {
	font-family: "FontAwesome";
	content: "\f0da";
	display: inline-block;
	color: #FFCC00;
	margin-left: -1em;
	padding-right: .7em;
}
/* DEF LIST ----------------------------------
------------------------------------------- */

dl.dl-details dt {
	font-weight: normal;
	color: #B7351B;
}
dl.dl-details dd {
	color: #42909E;
	margin-bottom: .25em;
}
/* PANELS ------------------------------------
------------------------------------------- */


/* FORTRES PANELS-----------------------------
------------------------------------------- */

.panel-fortres {
	background-color: transparent;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 1px solid #bfbfbf;
}
.panel-fortres> .panel-heading {
	font-family: open-sans-condensed, "Open Sans Condensed Light", "Helvetica Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
	font-size: 2.5em;
	line-height: 120%;
	text-align: left;
	padding-bottom: 0;
	color: #42909E;
	background-color: none;
	text-transform: uppercase;
	border-bottom: none;/* 4px solid #42909E;*/
}
.panel-fortres .nav-pills a::before {
	font-family: "FontAwesome";
	font-size: 1em;
	content: "\f105";
	padding-right: .5em;
	color: #FFCC00;
}
.panel-fortres .nav-pills a {
	display: inline-block;/*dump this override to make sidebar buttons span 100% */
}
.panel-fortres .list-group {
	border: none;
}
/* PANELS DOWNLOADS --------------------------
------------------------------------------- */

.panel-download .panel-heading {
	color: #FFCC00;
	background-color: #0c6372;
	border-bottom: 3px solid #94BFCA;
}
/* COMPARISON-CHART PANELS --------------------
-------------------------------------------- */

.panel-comparison {
	background-color: #4AA1B0;
	margin-top: 10px;
}
.panel-comparison .panel-title {
	color: white;
}
.panel-comparison i {
	padding-right: 5px;
}
/* PRICING PANELS --------------------
-------------------------------------------- */

.panel-pricing {
	background-color: white;
	border: 1px solid lightgray;
	padding: 0 !important;
}
/* pricing panel heading */

.panel-pricing .panel-heading {
	background-color: #0c6372;
	border-bottom: 3px solid #94BFCA;
	text-align: center;
}
.panel-pricing .panel-heading i {
	color: #5CA9B7;
}
.panel-pricing .panel-heading .computer-quantity, .panel-pricing .panel-heading .subscription-duration {
	font-family: "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 80%;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	font-weight: bolder;
}
.panel-pricing .panel-heading .subscription-duration {
	margin-top: .25em;
}
.panel-pricing .panel-heading .computer-quantity {
	margin-top: -.455em;
	margin-left: .1em;
	letter-spacing: -.5px;
}
/* pricing panel-body license section */

.panel-pricing .panel-body {
	min-height: 175px;
	max-height: 175px;
	padding-top: 0;
	padding-bottom: 0;
}
.panel-pricing .panel-body .license {
	font-size: 2em;
	text-align: center;
	line-height: 125%;
}
.panel-pricing .panel-body .license.padding-top {
	padding-top: 15px;
}
.panel-pricing .panel-body .license small, .panel-pricing .panel-body .price small {
 	visibility: hidden;
	text-transform: uppercase;
	font-size: 50%;
	color: #a9a9a9;
	font-weight: bold;
	line-height: normal;
}
.panel-pricing .panel-body .price small {
visibility: hidden;
	color: dimgray;
}
/* pricing panel-body price section */

.panel-pricing .panel-body .price {
visibility: hidden;
	border-top: none;
	padding-top: 8px;
	padding-bottom: 8px;
	background: whitesmoke;
	color: #696969;
	font-size: 1.35em;
	font-weight: bolder;
	text-align: center;
}
.panel-pricing .panel-body .price .vbottom {
visibility: hidden;
	display: inline-block;
	vertical-align: bottom;
	float: none;
}
.panel-pricing panel-body.price.pull-bottom {
visibility: hidden;
	display: inline-block;
	vertical-align: bottom;
	float: none;
}
.panel-pricing .panel-body .price small {
visibility: hidden;
	display: inline-block;
	line-height: 120%;
	margin-bottom: 5px;
}
.panel-pricing .panel-body .price .border-bottom {
visibility: hidden;
	border-bottom: 2px solid silver;
}
.panel-pricing .panel-body .price .border-right {
visibility: hidden;
	border-right: 2px solid silver;
}
.panel-pricing .panel-body .background-none {
visibility: hidden;
	background: transparent;
}
#estore-for-ed .alert {
	display: inline-block;
}
/* pricing panel-footer */

.panel-pricing .panel-footer {
	background-color: white;
	border-top: 3px solid #94BFCA;
}
/* subsciption pricing-panels */

.panel-pricing.panel-subscription .panel-body {
visibility: hidden;
	min-height: none;
	max-height: none;
}
.panel-pricing .panel-body .label {
visibility: hidden;
	font-family: "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 1em;
	color: white;
	display: block;
	font-weight: bolder;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 0;
}
.panel-pricing.panel-subscription strong.subscription-duration {
visibility: hidden;
	font-family: "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
	margin-top: .3em;
	margin-left: .08em;
	text-align: center;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 85%;
}
/* PANELS TWITTER ---------------------------
------------------------------------------- */

.panel-fortres-tweets {
	border: inherent;
}
.panel-fortres-tweets .panel-heading {
	background-color: white;
	border-bottom: 3px solid #94BFCA;
	text-align: left;
}
.panel-fortres-tweets .panel-title {
	color: #42909E;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 18px;
	line-height: normal;
}
.panel-fortres-tweets .panel-title .fa {
	font-size: 24px;
	vertical-align: middle;
}
/* PANELS RSS -----------------------------
------------------------------------------- */

.panel-fortres-rss {
	border-color: #1C7382;
	border-radius: 0;
}
.panel-fortres-rss .panel-heading {
	background-color: #4AA1B0;
	text-align: left;
	border-radius: 0;
}
.panel-fortres-rss .panel-title {
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 18px;
	line-height: normal;
}
/* FEED SYTLES -------------------------------
------------------------------------------- */

.panel-fortres-rss .feedEkList {
	font-family: "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
	width: 100%;
	list-style: none outside none;
	background-color: #FFFFFF;
	border: none;
	padding: 4px 6px;
	color: #3E3E3E;
}
.panel-fortres-rss .feedEkList li {
	border-bottom: 1px solid #D3CAD7;
	padding: 5px;
}
.panel-fortres-rss .feedEkList li:last-child {
	border-bottom: none;
}
.panel-fortres-rss .itemTitle a {
	font-weight: bold;
	color: #4AA1B0 !important;
	text-decoration: none
}
.panel-fortres-rss .itemTitle a:hover {
	color: #0C6372 !important;
	text-decoration: underline;
}
.panel-fortres-rss .itemDate {
	font-size: 11px;
	color: #AAAAAA;
}
/* PANELS NAV TABS ---------------------------
------------------------------------------- */


/*.panel.with-nav-tabs .panel-heading {
	padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs {
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified {
	margin-bottom: -1px;
}*/


/* WELLS ------------------------------
------------------------------------------- */

.well-fortres {
	border-color: transparent;
	margin: 2em auto 2em auto;
	border-top: 1px solid #BFBFBF;
	border-bottom: 2px solid white;
	border-radius: 8px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/* CAROUSEL -------------------------------
------------------------------------------- */
#carousel-fortres .img-responsive, #carousel-fortres .thumbnail > img, #carousel-fortres .thumbnail a > img, #carousel-fortres .carousel-inner > .item > img, #carousel-fortres .carousel-inner > .item > a > img {
	display: block;
	width: 100%;
	height: auto;
}
#carousel-fortres .carousel-inner {
	border-radius: 15px;
}
#carousel-fortres .carousel-caption {
	background-color: rgba(0,0,0,.5);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	padding: 0 0 10px 25px;
	color: #fff;
	text-align: left;
}
#carousel-fortres .btn {
	position: absolute;
	top: 25px;
	right: 25px;
	margin: 0;
	z-index: 1;
	padding: 5px 3px;
	padding: 25px 25px 0 0;
}
#carousel-fortres .btn, #carousel-fortres .btn:hover, #carousel-fortres .btn:focus {
	color: whitesmoke;
	background-color: #54b6c7;
	letter-spacing: 1px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
	padding: 10px;
	font-weight: 600;
}
#carousel-fortres .btn:hover, #carousel-fortres .btn:focus {
	background-color: #4AA1B0;
	color: white !important;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	text-decoration: none !important;
	box-shadow: none;
}
#carousel-fortres .carousel-indicators {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	z-index: 15;
	margin: 0;
	padding: 0 25px 25px 0;
	text-align: right;
}
/* #carousel-fortres .carousel-control.left, #carousel-fortres .carousel-control.right {
	background-image: none;
	background-color: red;
} */

/* Caption Styles */

#carousel-fortres .carousel-caption h1 {
	font-size: 4.25em;
	line-height: 1.25;
}
#carousel-fortres .carousel-caption h2 {
	font-size: 3.5em;
	line-height: 1.25;
}
#carousel-fortres .carousel-caption h3 {
	font-size: 2.75em;
	line-height: 1.25;
}
#carousel-fortres .carousel-caption h4 {
	font-size: 2.5em;
	line-height: 1.25;
}
#carousel-fortres .carousel-caption h5 {
	font-size: 2em;
	line-height: 1.25;
}
#carousel-fortres .carousel-caption h6 {
	font-size: 1.5em;
	line-height: .5;
}
#carousel-fortres .carousel-caption p {
	font-size: 1.25em;
}
#carousel-fortres .carousel-caption .text-extra-bold {
	font-weight: 800;
}
#carousel-fortres .carousel-caption .text-small {
	font-size: 70%;
}

/* mobile styles */	
	
@media screen and (min-width: 992px) {
#carousel-fortres .container {
	max-width: 930px;
}
}

@media (max-width: 768px) {
#carousel-fortres .btn-responsive {
	padding: 10px 8px;
	font-size: 80%;
	line-height: 1;
	border-radius: 3px;
}
}

@media (min-width: 769px) and (max-width: 992px) {
#carousel-fortres .btn-responsive {
	padding: 10px 8px;
	font-size: 90%;
	line-height: 1.2;
}
}
/* @media screen and (max-width: 768px) {
.nav-tabs>li>a {
	font-size: 80%;
}
.carousel-caption {
	font-size: 60%;
}
.carousel-caption.top {
	top: -10px;
	bottom: auto;
}
.carousel-caption.left, .carousel-caption.right {
	width: 50%;
}
.btn-responsive {
	padding: 4px 6px;
	font-size: 1.5em;
	line-height: 1;
	font-weight: bold;
	border-radius: 3px;
}
} */


/* TABLES ---------------------------------
------------------------------------------- */

.table-borderless td, .table-borderless th {
	border-top: none !important;
}
/* NAV TABS ----------------------------------
--------------------------------------------*/

.tab-content {
	padding: 25px 15px;
	border: 1px solid #DDDDDD;
	border-top: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	background-color: white;
}
.nav-tabs>li>a {
	color: gray;
	background-color: whitesmoke;
	border: #DDDDDD;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	background: white !important;
}
.nav-tabs>li>a:hover, .nav-tabs>li>a:active {
	color: dimgray;
	background-color: #E8E8E8 !important;
	border: #DDDDDD;
}
.nav-tabs>li>a:active:hover {
	background-color: white;
}
.nav-tabs .label {
	letter-spacing: normal;
}
/* BUTTONS AND PILLS -------------------------
------------------------------------------- */

h1 span.label {
	vertical-align: top;
}
.btn-xl {
	padding: 18px 28px;
	font-size: 22px;
	border-radius: 8px;
}
.btn-fortres, .panel-fortres .nav-pills a {
	/*font-size: .9em;*/
	background-color: #4AA1B0;
	border-color: #1C7382;
	color: white !important;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	text-decoration: none !important;
	font-family: "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif !important;
}
.btn-fortres:hover, .btn-fortres:focus, .btn-fortres:active, .btn-fortres.active, .open .dropdown-toggle-btn-fortres, .panel-fortres .nav-pills a:hover, .panel-fortres .nav-pills a:focus, .panel-fortres .nav-pills a:active {
	background-color: #1C7382;
	border-color: #004554;
	color: white;
}
.btn-pg-nav {
	/*this button has a gradient background which doesn't work with a hover transition like the other buttons do. Had to add a seperate hover rule for this button */
	color: white;
	background: -webkit-linear-gradient(#4AA1B0, #338A99);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#4AA1B0, #338A99);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#4AA1B0, #338A99);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#4AA1B0, #338A99);
    /* Standard syntax */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4AA1B0', endColorstr='#338A99');
	border-color: #1C7382;
	letter-spacing: 1px;
}
.btn-pg-nav:hover, .btn-pg-nav:focus, .btn-pg-nav:active {
	/*had to add this class because the btn-fortres class uses a transistion and you can't transition from a gradient background. This button has a gradient button -- so, instead of animating the hover state, this rule just makes the button change colors on hover */
	background: #1C7382;
	background-color: #1C7382;
	border-color: #004554;
	color: white;
}
/* CLASSES -----------------------------------
------------------------------------------- */

.lead, .site-head {
	font-family: lora, "Lora Regular", serif;
}
ul.lead li {
	margin-top: .5em;
}
.title {
	color: #333;
	font-style: normal;
	font-weight: 800;
	letter-spacing: -1px;
	line-height: 100%;
	text-transform: capitalize;
}
#product-brand .label {
	font-size: 50%;
}
.site-head {
	font-size: 2.25em;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #890700;
	text-shadow: none;
}
.site-subhead {
	font-family: open-sans-condensed, "Open Sans Condensed Bold", "Helvetica Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
	text-shadow: none;
}
.page-head {
	font-weight: bold;
	text-align: center;
	line-height: 1.1;
	text-transform: capitalize;
}
.page-subhead {
	font-weight: normal;
	text-align: center;
	line-height: 1;
	text-transform: uppercase;
}
.subhead, .subtitle, legend {
	font-family: open-sans-condensed, "Open Sans Condensed Bold", "Helvetica Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
	text-transform: capitalize;
	font-weight: bold;
}
.subtitle {
	text-transform: none;
	font-weight: normal;
	font-size: 85%;
}
legend {
	font-weight: normal;
}
/* TEXT CLASSES ------------------------------
------------------------------------------- */

.text-quiet {
	color: #AFAFAF;
}
.text-light {
	color: #F1F1F1;
}
.text-alt {
	color: #B7351B;
}
.text-alt a {
	color: #D55339;
	text-decoration: underline;
}
.text-alt a:focus, .text-alt a:hover {
	color: #890700;
	text-decoration: underline;
}
.text-alt-2 {
	color: #42909E;
}
.text-alt-3 {
	color: #FFCC00;
}
.text-alt-4 {
	color: #87972d;
}
.text-bigger {
	font-size: 150%;
}
.text-condensed {
	font-family: open-sans-condensed, "Open Sans Condensed Light", "Helvetica Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
}
.text-serif {
	font-family: lora, "Lora Regular", serif;
}
.icon a {
	display: block;
}
.icon a:hover {
	color: #0C6372;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
}
.letter-spacing {
	letter-spacing: 1px;
	line-height: 125%;
	font-weight: normal;
}
/* CONTAINING ELEMENTS -----------------------
------------------------------------------- */

.box {
	padding: 1em;
	margin: 1em auto 1em auto;
}
#box {
	padding: 0;
	background-color: white;
}
#box .body {
	max-height: 100%;
	text-align: left;
}
.contact-modal, .pop {
	width: 600px;
	border: 5px solid red;
}
#box .body, #box .footer, #box .header, #box .title {
	margin: auto;
}
#box .title {
	font-family: open-sans-condensed, "Open Sans Condensed Light", "Helvetica Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
	font-size: 3em;
	color: #3C818C;
	text-transform: uppercase;
	margin-bottom: 25px;
	font-weight: normal;
}
#box p {
	color: #919191;
	font-size: 1.25em;
}
#box .body {
	color: #737373;
}
#box .header {
	margin-bottom: 10px;
	padding: 15px 0 8px;
}
#box .header {
	color: #FFCC00;
	background-color: #0c6372;
	border-bottom: 3px solid #94BFCA;
}
#box .footer {
	margin: 10px 10px 10px;
	padding: 10px;
	border-top: 3px solid #94BFCA;
}
.bubble {
	position: relative;
	display: inline-block;
	max-width: 80%;
	min-height: 1.5em;
	padding: 20px;
	background: white;
	border: #7F7F7F solid 4px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-top: 25px;
	margin-bottom: 25px;
}
.bubble:after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 60%;
	border-style: solid;
	border-width: 15px 15px 0;
	border-color: white transparent;
	display: block;
	width: 0;
	z-index: 1;
}
.bubble:before {
	content: "";
	position: absolute;
	bottom: -19.5px;
	left: calc(60% - 3px);
	border-style: solid;
	border-width: 18px 18px 0;
	border-color: #7F7F7F transparent;
	display: block;
	width: 0;
	z-index: 0;
}
.background {
	background-image: url(../images/textures/light/diamond.png);
}
.background-dark {
	background-color: #0C6372;
	padding: 1em 0 1em 0;
}
/* SPACING ------------------------------
------------------------------------------- */

.margin-top {
	margin-top: 2em;
}
.margin-bottom {
	margin-bottom: 2em;
}
.padding-top {
	padding-top: 2em;
}
.padding-bottom {
	padding-bottom: 1em;
}
.padding {
	padding: 1em;
}
/* BORDERS -----------------------------------
------------------------------------------- */

.border {
	border: 1px solid #BFBFBF;
}
.border-left {
	border-left: 1px solid #BFBFBF;
}
.border-right {
	border-right: 1px solid #BFBFBF;
}
.border-top {
	border-top: 1px solid #BFBFBF;
}
.border-bottom {
	border-bottom: 2px solid white;
}
.img-badge {
	display: block;
	position: absolute;
	bottom: 1px;
	left: 90px;
	padding: 6px;
	background: crimson;
}
/* LISTS -----------------------------------
------------------------------------------- */


/* IN BODY -----------------------------------
------------------------------------------- */

ul.body-copy {
	list-style: none;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: -1em;
}
ul.body-copy li {
	color: #636363;
	padding-left: 1em;
	padding-bottom: .25em;
	text-indent: 1em;
}
ul.body-copy li:before {
	font-family: "FontAwesome";
	content: '\f105';
	display: inline-block;
	color: #B7351B;
	margin-left: -3.25em;
	padding-right: .7em;
}
/* IN DOWNLOAD -------------------------------
------------------------------------------- */

ul.platforms li:before {
	content: "| ";
	color: #bfbfbf;
}
ul.platforms li:first-child:before {
	content: none;
}
/* BLOCKQUOTES -------------------------------
------------------------------------------- */


/* PULL --------------------------------------
------------------------------------------- */

blockquote.pull-quote {
	padding: 10px 10px 10px 15px;
	margin: 0 0 15px 15px;
	text-align: left;
	border-left: 5px solid #FFCC00;
	border-right: 0;
	width: 33%;
}
blockquote.fortres {
	border-color: #FFCC00;
	text-align: left;
	width: 33%;
	padding-left: 15px;
}
blockquote.fortres p, blockquote.pull-quote p {
	font-family: lora, "Lora Regular", serif;
	color: #333;
	font-size: .85em;
	font-weight: bold;
}
/* MODALS ------------------------------------
------------------------------------------- */

.modal-testimonial {
	border-bottom: 3px solid #94BFCA;
	border-top: 3px solid #94BFCA;
	background-color: #0C6372;
}
.modal-testimonial blockquote {
	font-family: lora, "Lora Regular", serif;
	font-size: 1.25em;
	padding: 1.75em 1em 1em 1em;
	color: white;
	border: none;
	overflow: auto;
}
.array {
	font-weight: bold;
	display: block;
	text-align: right;
}
.modal-testimonial blockquote cite {
	font-weight: 800;
	margin-top: 1em;
	margin-bottom: -.5em;
	float: right;
}
/* TESTIMONAL PAGE ---------------------------
------------------------------------------- */

blockquote.testimony {
	padding-top: 90px;
	border-left: none;
	border-bottom: 3px solid #94BFCA;
	position: relative;
}
blockquote.testimony:before {
	/*background circle icon*/
	font-family: "FontAwesome";
	content: "\f111";
	position: absolute;
	font-size: 70px;
	text-align: center;
	color: #42909E;
	top: 0;
	left: 50%;
	/*centers circle horizontally*/
	margin-left: -35px;/*centers circle horizontally -- negative margin is half of the font-size*/
}
blockquote.testimony:after {
	/*quote icon inside of circle icon*/
	font-family: "FontAwesome";
	content: "\f10d";
	position: absolute;
	font-size: 30px;
	text-align: center;
	color: white;
	top: 30px;
	left: 50%;
	/*centers quote horizontally*/
	margin-left: -19px;/*centers quote horizontally -- negative margin is half of the font-size*//*text-shadow: 0 1px 1px rgba(255,255,255,0.1);*/
}
blockquote.testimony p {
	font-family: lora, "Lora Regular", serif;
	font-size: 1em;
	display: inline;
	text-align: justify;
	color: #666;
	line-height: normal;
}
blockquote.testimony footer {
	font-family: lora, "Lora Regular", serif;
	display: block;
	font-size: 1em;
	color: #bfbfbf;
	font-style: italic;
	text-align: right;
	padding-top: 5px;
}
dl.testimonials dt {
	font-family: open-sans-condensed, "Open Sans Condensed Light", "Helvetica Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
	font-size: 1.75em;
	text-transform: capitalize;
	color: #B7351B;
	letter-spacing: .5px;
}
dl.testimonials dd {
	font-family: lora, "Lora Regular", serif;
	font-size: 1.25em;
	margin-bottom: .75em;
}
/* ALERTS -----------------------------------
------------------------------------------- */

.alert-fortres {
	background-color: #F39C12;
	border-color: #e67e22;
	font-size: 1.25em;
	font-family: open-sans-condensed, "Open Sans Condensed Light", "Helvetica Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
	color: white;
	letter-spacing: .05em;
}
.alert-fortres p:before {
	font-family: "FontAwesome";
	content: "\f101";
	font-size: 2em;
	padding-right: 10px;
	display: inline-block;
	color: white;
}
.bg-warning p {
	padding: .5em;
}
/* MODAL WINDOWS -----------------------------
------------------------------------------- */

.autoModal.modal .modal-body {
	max-height: 100%;
}
.contact-modal {
	width: 600px;
	border: 5px solid red;
}
.modal-fortres .modal-content {
	background-color: white;
}
.modal-message .modal-body, .modal-message .modal-footer, .modal-message .modal-header, .modal-message .modal-title {
	margin: 0;
	padding: 0 20px;
}
.modal-fortres .modal-title-fortres {
	font-family: open-sans-condensed, "Open Sans Condensed Light", "Helvetica Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
	font-size: 3em;
	color: #3C818C;
	text-transform: uppercase;
	margin-bottom: 3px;
}
.modal-fortres .modal-body {
	color: #737373;
}
.modal-fortres .modal-header {
	margin-bottom: 10px;
	padding: 15px 0 8px;/*background-color: white;*/
}
.modal-fortres .modal-header {
	color: #FFCC00;
	background-color: #0c6372;
	border-bottom: 3px solid #94BFCA;
}
.modal-fortres .modal-footer {
	margin: 10px 10px 10px;
	padding-bottom: 10px;
	border-top: 3px solid #94BFCA;
}
.modal-fortres ul.modal-fortres, ul.download {
	list-style: none;
	margin: 0;
}
.modal-fortres ul.modal-fortres li, ul.download li {
	color: #636363;
	font-weight: normal;
	margin-left: -1em;
	padding-bottom: .5em;/*text-indent: 0em;
	border-bottom: 2px solid white;*/
}
.modal-fortres ul.modal-fortres li:before, ul.download li:before {
	font-family: "FontAwesome";
	content: "\f105";
	display: inline-block;
	color: #B7351B;
	margin-left: -.8em;
	padding-right: .4em;
	font-weight: normal;
}
ol.modal-fortres {
	margin-left: 0;
	padding-right: 0;
	list-style-type: none;
}
ol.modal-fortres li {
	padding-bottom: .5em;
	margin-left: -1em;
	counter-increment: step-counter;
}
ol.modal-fortres li::before {
	content: counter(step-counter);
	color: #B7351B;
	margin-right: 5px;
	margin-left: -1em;
	padding-right: .1em;
	font-weight: normal;
}
.modal-fortres .panel-thumb .panel-footer {
	font-size: .9em;
	color: #333;
}
/* ALIGNMENT AND SPACING ---------------------
------------------------------------------- */

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.align-baseline {
	vertical-align: baseline !important;
}
.align-top {
	vertical-align: top !important;
}
.align-middle {
	vertical-align: middle !important;
}
.align-bottom {
	vertical-align: bottom !important;
}
.align-text-bottom {
	vertical-align: text-bottom !important;
}
.align-text-top {
	vertical-align: text-top !important;
}
/* INPROGRESS STUFF --------------------------
------------------------------------------- */


/* VERTICAL ALIGN FLEXBOX --------------------
------------------------------------------- */

.parent {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media (min-width: 992px) {
.flexbox-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}
}
.vertical-align {
	display: flex;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
/* TEXT ALIGNMENT BASED ON SIZE --------------
------------------------------------------- */

.text-xs-left {
	text-align: left;
}
.text-xs-right {
	text-align: right;
}
.text-xs-center {
	text-align: center;
}
.text-xs-justify {
	text-align: justify;
}

@media (min-width: 768px) {
.text-sm-left {
	text-align: left;
}
.text-sm-right {
	text-align: right;
}
.text-sm-center {
	text-align: center;
}
.text-sm-justify {
	text-align: justify;
}
}

@media (min-width: 992px) {
.text-md-left {
	text-align: left;
}
.text-md-right {
	text-align: right;
}
.text-md-center {
	text-align: center;
}
.text-md-justify {
	text-align: justify;
}
}

@media (min-width: 1200px) {
.text-lg-left {
	text-align: left;
}
.text-lg-right {
	text-align: right;
}
.text-lg-center {
	text-align: center;
}
.text-lg-justify {
	text-align: justify;
}
}

/* MOBILE ---------------------------------
------------------------------------------- */

@media screen and (max-width: 768px) {
.nav-tabs>li>a {
	font-size: 80%;
}
.carousel-caption {
	font-size: 60%;
}
.carousel-caption.top {
	top: -10px;
	bottom: auto;
}
.carousel-caption.left, .carousel-caption.right {
	width: 50%;
}
.btn-responsive {
	padding: 4px 6px;
	font-size: 1.5em;
	line-height: 1;
	font-weight: bold;
	border-radius: 3px;
}
}
/* LIST OF VIDEOS IN PROGRESS ----------------
------------------------------------------- */

.video-list-thumbs {
}
.video-list-thumbs> li {
	margin-bottom: 12px;
}
.video-list-thumbs> li:last-child {
}
.video-list-thumbs> li> a {
	display: block;
	position: relative;
	background-color: #111;
	color: white;
	padding: 8px;
	border-radius: 3px;
	transition: all 500ms ease-in-out;/*border-radius: 4px*/
}
.video-list-thumbs> li> a:hover {
	box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
	text-decoration: none
}
.video-list-thumbs h2 {
	bottom: 0;
	font-size: 14px;
	height: 33px;
	margin: 8px 0 0;
}
.video-list-thumbs .glyphicon-play-circle {
	font-size: 60px;
	opacity: 0.6;
	position: absolute;
	right: 39%;
	top: 31%;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	transition: all 500ms ease-in-out;
}
.video-list-thumbs> li> a:hover .glyphicon-play-circle {
	color: white;
	opacity: 1;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .8);
}
.video-list-thumbs .duration {
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 2px;
	color: white;
	font-size: 11px;
	font-weight: bold;
	left: 12px;
	line-height: 13px;
	padding: 2px 3px 1px;
	position: absolute;
	top: 12px;
	transition: all 500ms ease;
}
.video-list-thumbs> li> a:hover .duration {
	background-color: black;
}

@media (min-width:320px) and (max-width: 480px) {
.video-list-thumbs .glyphicon-play-circle {
	font-size: 35px;
	right: 36%;
	top: 27%;
}
.video-list-thumbs h2 {
	bottom: 0;
	font-size: 12px;
	height: 22px;
	margin: 8px 0 0;
}
}
iframe.embed-responsive-item {
}
.effect2 {
	position: relative;
}
.effect2:before, .effect2:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width: 300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.effect2:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}
.iframe {
	border: solid 5px #666;
}
#video {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 40px;
	left: 40px;
}
#pic {
	position: absolute;
	top: 40px;
	left: 40px;
	z-index: 999999;
}
.headerDivider {
	height: 40px;
	margin: 0 9px;
	border-left: 1px solid #F1F1F1;
	border-right: 1px solid white;
}

/*
#product-catalog .visible-xs h4.lead,
#product-catalog .visible-sm h4.lead {
	font-size: 3.75vw;
	
	
}

#product-catalog .visible-xs h2,
#product-catalog .visible-sm h2 {
	font-size: 6vw;
	color: green;
}*/



@media (min-width: 768px) and (max-width: 991px) {
#product-catalog h4.lead {
	font-size: 125%;
}
#product-catalog h2 {
	font-size: 1.75em;
}
.panel-fortres a.btn-fortres {
	text-align: left !important;
	margin-top: .15em;
}
.panel-fortres a.btn-fortres::before {
	font-family: "FontAwesome";
	font-size: 1em;
	content: "\f105";
	padding-right: .5em;
	color: #FFCC00;
}
}

@media(max-width:767px) {
#product-catalog h4.lead {
	font-size: 3.75vw;
}
#product-catalog h2 {
	font-size: 6vw;
}
h1 .title, h1 .subtitle {
	font-size: 9vw;
}
h1 .title {
	margin-top: -40px;
	padding-top: -40px;
}
.img-responsive {
	padding-bottom: 0px;
	margin-bottom: -10px;
}
}

/* spacing under logo in header for xs screens */

@media(max-width:479px) {
.img-responsive {
	padding-bottom: 0px;
	margin-bottom: -10px;
}
header .lgo {
	margin-bottom: -20px;
}
/* size of subtitle on product pages for xs screens */

span.subtitle {
	font-size: 70%;
	display: block;
	line-height: 125%
}
}

/* sizing issues in the ms screens -- weird hacked breakpoint. letterspacing in the address and eliminates icons -- use once .ms breakpoint implemented

@media (min-width: 480px) and (max-width: 549px) {
header address {
	letter-spacing: normal;
	margin: 1.75em 0 1em 0;
	text-align: right;
}
header address a[href^="tel:"]:before {
	display: none;
}
header address a[href^="mailto:"]:before {
	display: none;
}
} */




/* dump this after implementing ms breakpoint */

@media (min-width: 285px) and (max-width: 460px) {
/* #banner header address {
	letter-spacing: normal;
	margin: 1.75em 0 1em 0;
	text-align: right;
}
header address a[href^="tel:"]:before {
	display: none;
}
header address a[href^="mailto:"]:before {
	display: none;
} */
#banner header .col-xs-6 {
	width: 100%;
	text-align: center;
}
#banner header .col-xs-6 address {
	text-align: center;
}
}

@media (min-width: 461px) and (max-width: 560px) {
#banner header address {
	letter-spacing: normal;
	margin: 1.75em 0 1em 0;
	text-align: right;
}
header address a[href^="tel:"]:before {
	display: none;
}
header address a[href^="mailto:"]:before {
	display: none;
}
}

/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
    #product-catalog .btn-group .btn-fortres {
        font-size: .75em;
    }
    }