/*
	Theme Name: Fastback Networks
	Description: Customized theme for Fatsback
	Author: Toney Mauzy
	Author URI: https://www.cog1.com
	
	Template: genesis
*/

/* Fonts
------------------------------------------------------------ */
html {
}

body {
	font-family: 'Titillium Web', sans-serif;
	-webkit-font-smoothing:antialiased;
/* Defaults
------------------------------------------------------------ */

	color: #484848;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	overflow: auto;
	position: relative;
}

body.home-page {background-color:transparent !Important;}

header, section, footer {
	opacity: 1;
	transition: all 1s;
}

input {
	color: #333;
	font-size: 14px;
	line-height: 22px;

}

blockquote,
input,
select,
textarea,
.author-box,
.sticky,
.wp-caption {
	background-color: #e8e8e8;
	border: none;
}

li,
ol,
ul {
	margin: 0;
	padding: 0;
}

ol li {
	list-style-type: decimal;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

p {
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
}

.bulk-up {padding-top:55px;}
.bulk-up p {font-size:18px;}
.bulk-up .red_btn, .bulk-up a .red_btn {font-size:18px; margin-bottom:30px; padding:5px 70px;}


/* Hyperlinks
------------------------------------------------------------ */

a {
	color: #e84a4b;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}


/* Column Classes
------------------------------------------------------------ */

.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 3%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48%;
}

.one-third,
.two-sixths {
	width: 31%;
}

.four-sixths,
.two-thirds {
	width: 65%;
}

.one-fourth {
	width: 22.5%;
}

.three-fourths {
	width: 73.5%;
}

.one-fifth {
	width: 17.4%;
}

.two-fifths {
	width: 37.8%;
}

.three-fifths {
	width: 58.2%;
}

.four-fifths {
	width: 78.6%;
}

.one-sixth {
	width: 14%;
}

.five-sixths {
	width: 82%;
}

.first {
	clear: both;
	margin-left: 0;
}


/* Headlines
------------------------------------------------------------ */

h1 {
	font-size: 44px;
	font-weight: bold;
	line-height: 56px;
	text-shadow: 1px 1px rgba(0,0,0,.5);
	text-transform: uppercase;
	color: #e8484a;
	text-align: center;
}

h2,
h2 a,
h2 a:visited {
	font-size: 33px;
	font-weight: bold;
	line-height: 40px;
	text-transform: uppercase;
	color: #484848;
}

.hero-wrap h2,
.hero-wrap h2 a,
.hero-wrap h2 a:visited {
	line-height: 60px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	color: #fff;
	text-align: left;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

.title,
.hero-product-text p.title {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #484848;
	margin: 0;
}

.clear {
	clear: both;
}

article {
	color: #484848;
	background: white;
	/*background: #f8f8f8;*/
	border: 1px solid transparent;
	min-height: 400px;
}

.front article {
	padding: 40px 0 72px;
}

#solutions_mod {padding:40px 0 0 0;}

article h1 {
	text-align: left;
}

article h2,
article h3 {
	margin: 6px 0;
	color: #484848;
}

article h3.red {color:##e8484a;}

article p {
	margin-bottom: 20px;
}

.fade {
	opacity: .4;
}

/* Ordered / Unordered Lists
------------------------------------------------------------ */

.entry-content ol,
.entry-content ul {
	margin: 0;
	padding: 0 0 15px;
}

.entry-content ol {
	margin: 0;
}

.archive-page ul li,
.entry-content ul li {
	list-style-type: square;
	margin: 0 0 0 30px;
	padding: 0;
}

.entry-content ol li {
	margin: 0 0 0 35px;
}

.archive-page ul ul,
.entry-content ol ol,
.entry-content ul ul {
	padding: 0;
}



/* Body
------------------------------------------------------------ */


/* Wrap
------------------------------------------------------------ */

.wrap {
	margin: 0 auto;
	width: 100%;
	max-width: 1142px;
	position: relative;
}

.wrap-full {
	margin: 0 auto;
	width: 100%;
	margin: 0 15px;
}


/* Header
------------------------------------------------------------ */

header {
	overflow: visible;
	width: 100%;
	height: 90px;
	background: white;
	position: relative;
}

#title-area {
	float: left;
	overflow: hidden;
	padding: 15px 0 0;
	width: 400px;
}

#description {
	font-size: 14px;
}

#header .widget-area {
	float: right;
	width: 550px;
}


/* Image Header - Partial Width
------------------------------------------------------------ */


.logo {
	padding: 14px 0 0px;
	float: left;
}

.logo img {
	width: 212px;
}

/* Navigation Constants
------------------------------------------------------------ */


nav {
	float: right;
  margin:35px 0 0 0;
}

nav li {
	display: inline-block;
	float: left;
	margin: 0 25px 6px 25px;
  position:relative;
}

nav li a {
	color: #484848;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	line-height: 24px;
	padding: 0 0px;
}

#menu-item-351 a {color:#ca473f !Important;}

nav li:last-child a {transition:all 0.5s ease;
}

nav li a:hover {
	text-decoration: none;
  color:#ca473f;
  transition:all 0.5s ease;
}

nav li.current_page_ancestor a {border-bottom: 6px solid #e8484a;}

nav li.menu-item-has-children a:after {background-image:url(images/nav-arrow-down.png); background-repeat:no-repeat; background-position:right center;  position:absolute; content:''; width:12px; height:9px; right:-15px; top:7px; }
nav li.menu-item-has-children a:hover {border:none !Important;}

nav .current-menu-parent a, nav .current-menu-item a {
	color: #484848;
	border-bottom: 6px solid #e8484a;
}

nav .sub-menu .current-menu-item a {border:none !important;}

.sub-menu { position:absolute; top:20px; left:0; min-width:135px; z-index:999; transition:all 0.5s ease; height:0px; opacity:0; max-height:0;}
.sub-menu li {margin:1px 0 0 0; display:block; min-width:135px;}
.sub-menu li a {	margin:0px 0; padding:5px; background-color:#ea4846; color:#fff; text-transform:none; font-size:13px; border:none !Important; display:block;transition:all 0.5s ease;}
.sub-menu li a:after {background-image:none !important;}
.sub-menu li:hover a {background-color:#ca473f; border:none !Important;color:#fff; transition:all 0.5s ease;}
nav li:hover .sub-menu {display:block;transition:all 0.5s ease; height:auto; opacity:1; max-height:500px;}


/* Header Right Navigation
------------------------------------------------------------ */




/* Primary Navigation
------------------------------------------------------------ */



/* Secondary Navigation
------------------------------------------------------------ */


/* Breadcrumbs
------------------------------------------------------------ */

.breadcrumbs {
	padding-top: 15px;	
}

.breadcrumbs a {
	color: #000;
	text-decoration: underline;	
}


/* Grid System
------------------------------------------------------------ */

.full,
.half,
.one-third,
.one-forth,
.forty,
.sixty {
 	float: left;
 }

.full {
	width: 100%;
}

.half {
	width: 50%;
}

.one-third {
	width: 30.332%;
}

.one-forth {
	width: 25%;
}

.forty {
	width: 40%;
}

.sixty {
	width: 60%;
}


/* Content elements
-------------------------------------------------------------*/

blockquote.inset {
    width: 33%;
    float: right;
    padding: 10px 30px;
}

/* Front Page
-------------------------------------------------------------*/
 
#solutions_mod, #feature-block, footer {position:relative; z-index:100;}

#callout-block, #news-items {position:relative; z-index:100; width:100%; background-color:#fff;}
#callout-block {background-image:url(images/callout-bg.jpg); background-repeat:no-repeat; background-position:top left; background-size:cover; }
#callout-block .wrap {}
#callout-block .wrap div {width:100%; padding:40px 70px; box-sizing:border-box;}
#callout-block .wrap div h3 {color:#fff; margin:0 0 40px 0; padding:0; font-size:26px; line-height:36px;}
#callout-block .wrap div h3:last-child {margin:0;}


#news-items {padding:60px 0;}
.news-item {width:100%; max-width:339px; float:left; display:inline-block; border:1px solid #b6b6b6; margin:0 1.5% 20px 1.5%; min-height:365px; position:relative;}
.news-item h3 {margin:35px 22px;}
.news-item a {display:block; width:100%;}
.news-item .read-more {transition: all .3s; background-color:#e8484a; color:#fff; text-align:center; text-transform:uppercase; height:48px; line-height:48px; font-size:18px; 
  text-decoration:none; vertical-align:middle; position:absolute; left:0; bottom:0;z-index:1; border:1px solid #e8484a;}
.news-item .read-more:hover {
	color: #e8484a;
	background: white;
	cursor: pointer;
}

#hero-main {
	width: 100%;
	position: relative;
	background-color:  #f1f1f1 ;
	background-size: 1540px;
	/*background-size: 100%; */
	overflow: hidden;
  background-position:center 108px;
  z-index:100;
  margin:-9px 0 0 0;

}

#hero-main h1 {
	color: #484848;
	padding-top: 40px;
	margin: 0;
  font-size:40px;
}
#hero-main .wrap {	background-color:  #f1f1f1 ;}


#hero-main h2 {text-align:center; margin:0; padding:40px 0 0 0;}

#hero-main img {max-width:100%;}

#video_wrap {position:relative; z-index:1 ; width:100%; height:auto; overflow:hidden; background-color:#fff; max-height:660px; }
#video_wrap .jwplayer {height:100%; background-color:#fff !Important;}
#video_wrap img {position:relative; z-index:1;}

.vjs-poster, .vjs-text-track-display, .video-js  {background-color:#fff !important;}

#loading {position:fixed; z-index:999; top:90px; left:0; background-color:#fff; width:100%; height:100%; text-align:center;}
#loading img {position: relative;
  top: 50%;
  transform: translateY(-50%);}

#solutions_list {}
  
#solutions_list .row {display:block; clear:both; float:left;}
#solutions_list .one-forth {padding:40px 0px 0 0px; text-align:center; min-width:237px;  margin:0 0px; min-height:408px;}
#solutions_list .one-forth a {position:relative; display:block; z-index:10; text-align:center;}
#solutions_list .one-forth a img {position:relative; display:inline-block; z-index:10;}
#solutions_list .one-forth p {font-size:18px; line-height:22px; color:#444444;}
#solutions_list .one-forth p span {color:#e8484a; display:block;}

.photoTran {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: border-color;
    transition-timing-function: ease;
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    margin:0 0 0 -117px;
    z-index: 100;
    width:234px;
    height:234px;
}
#solutions_list .one-forth a:hover span.photoTran {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: rgba(239, 65, 54, 0.65);
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-style: solid;
    border-bottom-width: 117px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: rgba(239, 65, 54, 0.65);
    border-left-style: solid;
    border-left-width: 117px;
    border-right-color: rgba(239, 65, 54, 0.65);
    border-right-style: solid;
    border-right-width: 117px;
    border-top-color: rgba(239, 65, 54, 0.65);
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-top-style: solid;
    border-top-width: 117px;
}

#solutions_list .one-forth a:hover p span {}


#hero-main .wrap {
	margin-top: 0px;
}

.hero-product-text {
	float: left;
	padding-bottom: 80px;
	padding-right: 80px;
}

.hero-product-text h2 {
	margin: 6px 0;
}

.hero-product-text h3 {
	margin: 6px 0 29px;
	color: #e8484a;
	max-width: 510px;
}

.hero-product-text p {
	margin-bottom: 25px;
	color: #484848;
}


.hero-product-img {
	float: left;
	width: 50%;
}

#solutions_mod h2 {
	margin-bottom: 22px;
}

#solutions_mod p {
	margin-bottom: 0;
}

#solutions_mod .red_btn {
	margin-top: 25px;
}

.mod-tabs {
	text-align: center;
	background: #f0f0f0;
	padding: 10px 0;
	overflow: hidden;
	margin-bottom: 34px;
}

.mod-tabs li {
	float: left;
	list-style: none;
}

.mod-tabs li a {
	display: block;
	color: #484848;
	width: 100%;
	line-height: 30px;
	border-left: 1px solid #cecece;
	font-size: 14px;
	text-transform: uppercase;
}

.mod-tabs li:first-child a {
	border-left: none;
}

.mod-tabs li a:hover {
	color: #e8484a;
}

.mod-tabs li a.active {
	color: #e8484a;
}

.featIMG {
	padding-left: 15px;
	text-align: right;
}

.featIMG img {
	
  margin:80px 0 0 0;
}

#feature-block {
	width: 100%;
	background: white;
	padding: 40px 0;
	color: #484848;
	overflow: hidden;
}

#feature-block h3 {
	color: #484848;
	padding: 0 0 15px;
	margin: 0;
}

#feature-block .post-content {
	padding: 20px 30px 20px 30px;
	background: #f0f0f0;
	height: auto;
  min-height:208px;
}

.post-content p {
	margin: 0 0 15px;
}

.post-date {
	margin-bottom: 30px;
}

.post-feature img {
	display: block;
}

.half:first-child #dual_post {
	margin-left: 0;
	margin-right: 10px;
}

.half:last-child #dual_post {
	margin-right: 0;
	margin-left: 10px;
}

.dual-feat {
	float: right;
	margin-left: 20px;
}

/* News & Events Page
-------------------------------------------------------------*/

#events_mod,
#press_mod,
#news_mod, 
#press_mod-archive {
	background: #ffffff;
}

.sidebar #events_mod,
.sidebar #press_mod,
.sidebar #news_mod,
.sidebar #banner_ad_mod,
.sidebar .mod {
	background: #f3f3f3;
	padding: 20px;
	margin-top: 25px;
}

.sidebar #news_mod {
	margin-bottom: 25px;
}

.sidebar #events_mod p {
	line-height: 1.2;
}

.sidebar h3 {
	font-size: 24px;
}


#careers_mod , #company_mod {background:#f8f8f8;}

#events_mod h2,
#press_mod h2,
#news_mod h2,
#careers_mod h2,
#company_mod h2, 
#press_mod-archive h2 {
	color: #484848;
	line-height: 69px;
	margin: 0;
}

.forty h2 {line-height:40px !Important;}

#events_mod .wrap-full,
#press_mod .wrap-full,
#press_mod-archive .wrap-full,
#news_mod .wrap-full,
#careers_mod .wrap-full,
#company_mod .wrap-full,
#custom-fields .wrap-full {
	margin: 0;
	
}
#events_mod .wrap-full .post-block,
#press_mod .wrap-full .post-block,
#press_mod-archive .wrap-full .post-block,
#news_mod .wrap-full .post-block,
#careers_mod .wrap-full .post-block,
#company_mod .wrap-full .post-block,
#details_mod .post-block {
	padding-top: 29px;
  padding-bottom:16px; height:auto;
}

#events_mod .wrap-full .post-block {}
#company_mod .wrap-full .post-block {padding-top:19px;}

#events_mod .date,
#press_mod .date,
#press_mod-archive .date,
#news_mod .date,
#careers_mod .date {
	display: inline-table;
	width: 220px;
	vertical-align: top;
	margin-top: 0px;
  font-size: 16px;
     line-height: 18px;
}

#news_mod .date p {  font-size: 16px;
     line-height: 18px;}

#events_mod .date p {margin-top:0;}

#events_mod .post-title,
#press_mod .post-title,
#press_mod-archive .post-title,
#news_mod .post-title,
#careers_mod .post-title,
#company_mod .post-title {
	display: inline-table;
	color:#484848;
	font-size: 23px;
	font-weight: bolder;
	max-width: 600px;
	line-height: 38px;
}

#events_mod .post-title, #events_mod .date { vertical-align:top; display:inline-block;}
#events_mod .post-title {font-size:20px;}
#events_mod .feat_img {vertical-align:middle !Important;}

#events_mod .post-title a,
#press_mod .post-title a,
#press_mod-archive .post-title a,
#news_mod .post-title a,
#careers_mod .post-title a,
#company_mod .post-title a {
	color: #484848;
}

#newsletter_mod h1 {
	font-size: 36px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 1px 1px rgba(0,0,0,.5);
    text-transform: uppercase;
    color: #e8484a;
	margin-bottom: 10px;
}

#newsletter_mod h2,
#newsletter_mod h2 a {
	font-size: 24px;
	text-transform: none;
	line-height: 1.2;
}

#newsletter_mod img {
	margin-top: 12px;	
}


.back-btn {
    color: #e8484a;
}
.back-btn:hover {
	cursor: pointer;
}
.sidebar .side-btn,
.sidebar #press_mod .post-title a,
#news_mod .post-title a {color:#ca473f;}
.sidebar #press_mod .post-title a:hover,
#news_mod .post-title a:hover {text-decoration:underline;}
#news_mod .feat_img {display:none !Important;}

.sidebar .side-btn {
	margin-top: 20px;
	display: block;
	border: 1px solid #ca473f;
	padding: 10px;
	text-align: center;
	width: 100%;
	font-size: 16px;
	font-weight: 700;
}

		/*-------Events & News---------*/
		
#events_mod .feat_img,
#news_mod .feat_img {
	display: inline-table;
	float: right;
}

		/*-------Press Releases---------*/

#press_mod .post-block,
#press_mod-archive .post-block,
#careers_mod .post-block,
#company_mod .post-block {
	cursor: pointer;
}	

		
#company_mod .post-block:after {
	content: url('images/icon-gray-chevron.png');
	width: 20px;
	height: 18px;
	display: block;
	float: right;
	margin-top: 6px;
	transition: all .5s;
}

#careers_mod .post-title, #press_mod .post-title, #press_mod-archive .post-title {margin-left:30px;}
#careers_mod .post-block .post-title:after, #press_mod .post-block .post-title:after, #press_mod-archive .post-block .post-title:after {
	content: url('images/icon-red-chevron.png');
	width: 15px;
	height: 10px;
	display: block;
	position:absolute; top:0; left:0;
	margin:0px 0 0 -30px;
	transition: all .5s;
}

#company_mod .drop-up:after  {
	content: url('images/icon-gray-chevron.png');
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

#careers_mod .post-block.drop-up .post-title:after, #press_mod .post-block.drop-up .post-title:after, #press_mod-archive .post-block.drop-up .post-title:after {
	content: url('images/icon-red-chevron.png');
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    margin-top:10px;
}

.sidebar #press_mod .post-title {
	margin-left:0;
}
#press_mod .post-side .post-title:after {
   /* content: url('images/icon-red-chevron.png');
    width: 15px;
    height: 10px;
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    margin: 0px 0 0 -30px;
    transition: all .5s;
    transform: rotate(270deg);*/
}
.modal {
	background: #fafafa;
	padding: 40px 0 45px;
}

.modal .content {
	display: inline-table;
	max-width: 700px;
}


/*------ Load More --------- */

.alm-btn-wrap {
	padding: 0px 0 18px;
	text-align: center;
}

#load-more {
	border: none;
	background: none;
	line-height: 24px;
	font-size: 18px;
	font-weight: bolder;
	height: 38px;
	cursor: pointer;
	-webkit-appearance:none;
  margin:20px 0 0 0;
}
#load-more:before {
	content: url('images/icon-news&events-loadmore.png');
	float: left;
	margin: -6px 5px;
}

/* Careers
------------------------------------------------------------ */


#careers_mod .required {
	display: inline-table;
	color: #484848;
	font-size: 20px;
	font-weight: bolder;
	max-width: 700px;
	line-height: 40px;
	margin: 0 0 0px 0;
	text-transform: uppercase;
}

#careers_mod .required:first-child {
	margin-top: 0;
}

#careers_mod .job-title, #press_mod .job-title, #press_mod-archive .job-title {
	font-size: 14px;
	display: inline-table;
	width: 220px;
   line-height:18px;
  vertical-align:top;
}

#careers_mod .wrap-full .post-block, #press_mod .wrap-full .post-block, #news_mod .wrap-full .post-block, #press_mod-archive .wrap-full .post-block, .post-side {
	height: auto; padding-top:20px; min-height:60px;
}

.post-side {
    padding-top: 10px;
	padding-bottom: 10px;
}

#careers_mod .post-title, #press_mod .post-title, #news_mod .post-title, #events_mod .post-title, #press_mod-archive .post-title{
	max-width: 695px; font-size:16px; line-height:1.4;vertical-align:top; position:relative;
}

#careers_mod .modal, #press_mod .modal, #press_mod-archive .modal {
	padding: 0px 0 40px; 
}

#news_mod .date {margin-top:0;}
#news_mod .date p {margin:0;}

#news_mod .wrap-full {clear:both; float:left;}
.sidebar #news_mod .wrap-full {float: none;}
.alm-reveal .wrap-full {background-color:#fff;}

/* Company
------------------------------------------------------------ */

#company_mod .wrap-full .post-block {
	height: 120px;
}

#company_mod .post-title {
	font-size: 24px;
	vertical-align: top;
  padding-top:5px;
}

.company-info {
	padding: 20px 0;
}

#company_mod .feat {
	display: inline-table;
	padding-left: 50px;
	width: 200px;
}

#company_mod .feat img {
	border: 1px solid #c1c1c1;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	transition: all .5s;
}

#company_mod .modal {
	padding: 15px 0 0px;
}

.feat img.open {
	border-radius: 20px!important;
	-webkit-border-radius: 20px!important;
	-moz-border-radius: 20px!important;
}

/* Product
------------------------------------------------------------ */
#product_mod {
	background: #f8f8f8;
}

#product_mod .wrap {
	overflow: hidden;
	
}
#product_mod .child-pages.wrap, #product_mod  #custom-fields {
border-bottom: 1px solid #ccc;
}

#product_mod .child-pages.wrap:last-child, #product_mod  #custom-fields:last-child {
  border-bottom:none !Important;
}

#product_mod #product_content {
	border: none;
	padding-top: 65px;
	padding-bottom: 35px;
	margin-top: 0;
	background: #f8f8f8 url('images/graphic-tech-drawing@2x.png') no-repeat top right;
	background-size: 550px;
}


/*#product_mod #custom-fields .event-block:first-child .post-block:after {
	content: url('images/icon-gray-chevron.png');
	-ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg);\
    transform: rotate(180deg);
    transition: all .5s;
}
#product_mod #custom-fields .event-block:first-child .post-block.drop-up:after {
	content: url('images/icon-gray-chevron.png');
	-ms-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg);  
}*/

#product_mod #custom-fields {
	padding-bottom: 31px;
  padding-top:40px;
}

#product_mod #custom-fields img {
	width: 450px;
	padding: 0px;
}

#product_mod #custom-fields p {
	margin-bottom: 20px !important;
}

#product_mod .child-pages:nth-child(even) .content {
	float: left;
}

#product_mod .child-pages:nth-child(odd) .content {
	float: right;
	padding: 55px 0 15px 40px;
}


#product_mod .child-pages:nth-child(even) .feat {
	float: left;
}

#product_mod .child-pages:nth-child(odd) .feat {
	float: right;
}



#product_mod .child-pages:nth-child(9n) .content {
	float: right;
	padding: 40px 0 0 25px;
}

#product_mod .child-pages:nth-child(9n) .feat {
	float: right;
}

#product_mod .child-pages .content {
	padding: 40px 25px 0 0;
	width: 582px;
	float: left;
}

#product_mod .child-pages .feat {
	width: 560px;
	padding: 55px 0;
	float: left;
}

#product_mod .feat img {
	display: block;
}

#product_mod .wrap .content {
}

#custom-fields .wrap {
	border: none;
}

#custom-fields .wrap.accordion {
	border-bottom: 1px solid #ccc;
}

#custom-fields {
	background: none;
}

#custom-fields .event-block {
	background: transparent;
	border: none;
}

#custom-fields .post-title {
	font-size: 18px;
	color: #e8484a;
}

#custom-fields .post-block:after {
	margin-top: 10px;
}

#custom-fields .modal {
	background: transparent;
	padding-top: 0;
}

#custom-fields .wrap.drop-up {
	border-bottom: 1px solid #ccc;
}

#custom-fields .partner-block .post-title {
	font-size: 22px;
	color: #484848;
  text-transform:uppercase;
  line-height:45px;
}


.partner-block .post-title:after {
	content: url('images/icon-red-chevron.png');
	width: 15px;
	height: 10px;
	display: block;
	position:absolute; top:0; right:0;
	margin:0px 0 0 -30px;
	transition: all .5s;
}



.partner-block.drop-up .post-title:after, .partner-block.drop-up .post-title:after {
	content: url('images/icon-red-chevron.png');
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    margin-top:35px;
}

.partner-wrap-block {border:none !Important; max-width:824px;}
.partner-wrap-block .content {width:100%; max-width:824px;}
.partner-block.drop-up {border:none !important;}
  
.partner-card {width: 30.332%; min-width:250px; max-width:260px; float:left; position:relative; text-align:center; padding:35px 0; border:1px solid #c9c9c9; margin:0 2% 2% 0; height:170px;}
.partner-card .location {position:absolute; top:10px; left:10px; color:#444444;}
.partner-card .url {position:absolute; bottom:10px; left:10px; color:#444444;}
.partner-card img {position: relative;  top: 50%;  -ms-transform:translateY(-50%); transform: translateY(-50%); -webkit-transform:translateY(-50%);  width:auto !important; max-width:90%; max-height:100%;}




/* Inner
------------------------------------------------------------ */

#inner {
	overflow: hidden;
	width: 100%;
}


/* Content
------------------------------------------------------------ */

.red_btn, a .red_btn {
	display: table;
	color: white;
	background: #e8484a;
	line-height: 22px;
	font-size: 14px;
	text-transform: uppercase;
	padding: 5px 1em;
	border: 1px solid #e8484a;
	transition: all .3s;
  text-align:center;
  width:220px;
}

.red_btn:hover {
	color: #e8484a;
	background: white;
	cursor: pointer;
}

.grey {
	background: #f3f3f3;
}

.grey2 {
	background: #f0f0f0;
}

.left-content {
	display: inline-table;
	width: 220px;
	padding-right: 30px;
}

.left-content a {
	display: inline-block;
}

.left-content-title {
	font-weight: bold;
	margin-bottom: 10px;
}

.left-content-print {
	margin-top: 40px;
	padding: 8px 6px!important;
	border: 2px solid red;
	display: inherit;
	color: #e84a4b;
	background: white;
	text-align: center;
	transition: all .5s;
}

.left-content-print:hover {
	color: #fff;
	background: #e84b4a;
}
.left-content-print i {
	font-size: 22px;
	top: 2px;
	position: relative;
}

article .content strong {
	
}

article .content h1 {
	margin: 65px 0 22px;
}

article .content p {
        margin-top: 8px;
	margin-bottom: 12px;
}

article .child-pages .content  p {margin-bottom:20px;}

article .content ul, #custom-fields ul {
	margin-left: 45px;
  margin-bottom: 5px;
}

article .content hr {
	margin: 20px 0 20px 0;
}

article .content ul.download-list, #custom-fields ul.download-list {margin:20px 0 20px 0px; list-style:none;}
article .content ul.download-list li, #custom-fields ul.download-list li {background-color:#f3f3f3; padding:10px 40px 5px 40px; margin:0 0 3px 0; display:block; }
article .content ul.download-list li strong, #custom-fields ul.download-list li strong {display:block;}
article .content ul.download-list li a, #custom-fields ul.download-list li a {display:block; clear:both; font-weight:bold;}
	
/* Page Defaults
------------------------------------------------------------ */

#default_page h1 {
	color: #484848;
	margin-bottom: 36px;
	margin-top: 44px;
}

#default_page .content {
	/*padding-bottom: 75px;*/
	max-width: 1070px;
}

#default_page .content td {
	padding-bottom: 62px;
}

#default_page .content ul,
#default_page .content ol {
	margin-left: 25px;
}

#default_page .content li {
	padding-bottom: 28px;
	list-style-type: lower-alpha;
}

.terms h1 {
	margin-left: 220px!important;
}


/* 404
------------------------------------------------------------ */
#fourOfour {
	background: #f9f9f9 url('images/404.jpg') no-repeat top right;
	min-height: 545px;
	background-size: 600px;
}
	
#fourOfour .content {
	max-width: 360px;
}
	
/* GForms Updates
------------------------------------------------------------ */

		
.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {
	font-size: 24px;
	padding: 5px 2px 5px 10px;
	width: 100% !important;
	line-height: 32px;
	font-size: 14px;
	height: 30px !important;
}

.gform_heading {
	display: none;
}

.gform_button {
	background: #e84b4a;
	color: white;
	padding: 5px 1em;
	width: 220px;
	cursor: pointer;
	margin-top: 5px;
	transition: all .5s;
  font-family:"Titillium Web",sans-serif;
  	border: 1px solid #e84b4a;
}

.gform_button:hover {
	background: white;
	color: #e84b4a;
}

.gform_wrapper {
	margin: 0px !important;
}

.gform_wrapper input[type=file] {
	background: transparent;
	border: none;
	line-height: 20px!important;
	padding: 0!important;
	font-size: 16px!important;
}

.gform_wrapper .gfield_required {
	color: red!important;
}

.gform_footer.top_label {
	position: relative;
	margin: 0!important;
}

#gform_submit_button_3 {
	display: none;
	float: right;
	/* margin-top: 52px; */
	position: absolute;
	right: 0;
	top: 58px;
}

textarea#input_3_18 {
	display: block;
}
.sitemap-row li {
	list-style: none;
}



.sitemap-row li a {
	color: #47b6e4;
}

	
/* Post Info
------------------------------------------------------------ */

.post-info {
	margin: 5px 0;
}


/* Post Meta
------------------------------------------------------------ */

.post-meta {
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	width: 100%;
}


/* Author Box
------------------------------------------------------------ */

.author-box {
	margin: 0 0 40px;
	overflow: hidden;
	padding: 10px;
}


/* Sticky Posts
------------------------------------------------------------ */

.sticky {
	margin: 0 0 40px;
	padding: 20px;
}


/* Archive Page
------------------------------------------------------------ */

.archive-page {
	float: left;
	padding: 20px 0;
	width: 45%;
}

/* Images
------------------------------------------------------------ */

img {
	height: auto;
	overflow: hidden;
}

.author-box .avatar {
	background-color: #fff;
	float: left;
	margin: 0 10px 0 0;
}

.post-image {
	margin: 0 10px 10px 0;
}

.comment-list li .avatar {
	background-color: #fff;
	float: right;
	margin: 0 5px 0 10px;
	padding: 4px;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}

img.alignnone {
	display: inline;
	margin: 0 0 10px;
}

img.alignleft {
	display: inline;
	margin: 0 10px 10px 0;
}

img.alignright {
	display: inline;
	margin: 0 0 10px 10px;
}

.alignleft {
	float: left;
	margin: 0 10px 0 0;
}

.alignright {
	float: right;
	margin: 0 0 0 10px;
}

.wp-caption {
	padding: 5px;
	text-align: center;
}

p.wp-caption-text {
	font-size: 12px;
	line-height: 16px;
	padding: 5px 0;
}

.wp-smiley,
.wp-wink {
	border: none;
	float: none;
}

.gallery-caption {
}


/* Post Navigation
------------------------------------------------------------ */




/* Primary / Secondary Sidebars
------------------------------------------------------------ */

.sidebar {
	display: block;
	float: right;
	font-size: 13px;
	line-height: 20px;
	width: 31.25%; /* 300/960 */
}

.sidebar h4 {
	background-color: #f5f5f5;
	border-bottom: 1px solid #ddd;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	text-transform: uppercase;
}

.sidebar p {
	font-size: 13px;
	line-height: 20px;
}

.sidebar-content #sidebar {
	float: left;
}

.sidebar .widget {
	margin: 0 0 15px;
	padding: 0 0 10px;
}

.widget-area ol,
.widget-area ul {
	margin: 10px 0 0 25px;
}

.widget-area ol ol,
.widget-area ul ul {
	margin: 0 0 0 15px;
}

.widget-area ul li {
	list-style-type: square;
	word-wrap: break-word;
}

/* Search Form
------------------------------------------------------------ */

.s {
	font-size: 12px;
	margin: 5px 2px 0 0;
	padding: 4px 5px;
	width: 195px;
}

/* Footer Widgets
------------------------------------------------------------ */


/* Footer
------------------------------------------------------------ */

footer {
	overflow: hidden;
	width: 100%;
	height: auto;
	background: #222133;
}  

.footer-nav {
	width: 100%;
	padding: 40px 0 35px;
}

.footer-nav ul {
	overflow: hidden;
}

.footer-nav li {
	display: inline-block;
	float: left;
}

.footer-nav li a {
	font-size: 24px;
	color: white;
	text-transform: uppercase;
	display: block;
	text-align: center;
	margin: 0 6px;
	border: 1px solid white;
	line-height: 198px;
	letter-spacing: 2px;
}

.footer-nav li a:hover {
	
}

.footer-nav li:first-child a {
	margin-left: 0;
}

.footer-nav li:last-child a {
	margin-right: 0;
}

#footer-left {
	
}

#footer-left p {
	margin: 20px 0;
	color: white;
}

#footer-left a {
	margin-left: 20px;
	color: white;
}

#contact_mod {
	position: absolute;
	width: 100%;
	height: auto;
	overflow: visible;
	bottom: 0px;
}

.contact-container {
	position: relative;
	height: 650px;
	background: #f0f0f0;
	overflow: hidden;
	display:none;
}

#contact_mod .contact_tab {
	color: white;
	text-transform: uppercase;
	padding: 0 38px;
	font-size: 14px;
	line-height: 52px;
	background: #e8484a;
	position: absolute;
	top: -52px;
	right: 0;
	cursor: pointer;
  width:100%;
  border:border-box;
}

#contact_mod .contact-info {
	width: 100%;
	border-top: 10px solid #e8484a;
	padding: 60px 0 0;
	overflow: hidden;
}

.contact-info .content a {
	color: #484848;
	
}

.contact_tab:after {
	content: url('images/arrow_up.png');
	width: 25px;
	height: 25px;
	display: inline-block;
	position: relative;
	margin-left: 100px;
	margin-top: 8px;
	float: right;
}

.drop-up:after {
	content: url('images/arrow_down.png');	
}

#careers_mod .drop-up:after {
	content: '';	
}

#contact_mod .post-title {
	font-size: 35px;
	font-weight: bolder;
	text-transform: uppercase;
	margin-bottom: 18px;
}

#contact_mod .gform_wrapper {
	padding-bottom: 60px;
}

#contact_mod {display:none !Important;}
#footer-left {width:100% !important;}


/* Comments
------------------------------------------------------------ */



/* Add Ons
------------------------------------------------------------ */

.red {
	color: #e8484a;
}

.title.red {
	text-transform: capitalize;
}

.hero-wrap {width:100%; background-color:#f3f3f3;}
#hero-wrap {display:block; position:relative; z-index:20; clear:both; width:100%; height:377px; background-size:cover; background-repeat:no-repeat; background-position:center center;}
#hero-wrap img {max-width:100%;}

#hero-wrap .ribbon-wrap {position:absolute; bottom:0; left:0; z-index:50; height:115px; width:100%; content:'';}
#hero-wrap .ribbon-wrap:after {position:absolute; bottom:0; left:0; z-index:50; opacity:.75; background-color:#d31b1f; height:115px; width:100%; content:'';}

#hero-wrap .ribbon {position:relative; bottom:0; left:0; z-index:50;  height:115px; box-sizing:border-box; color:#fff; z-index:9999;}
#hero-wrap .ribbon p {color:#fff; font-size:15px; line-height:24px; margin:0px 0 0 0; position:relative; top:50%; 

  -webkit-transform: translateY(-50%);
   -moz-transform:   translateY(-50%);
   -ms-transform:     translateY(-50%);
   -o-transform:      translateY(-50%);
   transform:         translateY(-50%);}

.use-cases-page {background:none repeat scroll 0 0 #f8f8f8;}

.use-case {display:block; width:100%; clear:both; position:relative; padding:55px 0; border-bottom:1px solid #c8c8c8; float:left;}
.use-case:last-child {border:none;}
.use-case .content {clear:both; display:block;}
.use-case .one-third:first-child {margin:0;}
.use-case .one-third {font-size:18px; line-height:18px;}
.use-case .one-third h2 {text-transform:none; margin-top:-5px;}
.use-case .half  img {width:95%;}
.use-case .half:nth-of-type(even) img {float:right;}

.solutions_page .wrap:first-child {
	border-bottom: none !Important;
}

#company_mod .row {display:block; width:100%; position:relative; clear:both; padding:40px 0;}
#company_mod .row .one-third {margin:0 3% 0 0;}
#company_mod .feat {padding-left:0px; width:110px;}
#company_mod .post-title {max-width:230px;}
.wide-title #company_mod .post-title {max-width:100% !Important;}

#company_mod .one-third .content p {margin-bottom:0;}
.sh-content br {display:none;}

.sh-link {display:inline-block;}
.sh-link a {color:#ea4846;}

.sh-content.sh-hide {display:block !important; opacity:0; max-height:0; transition: all 1s ease;}
.sh-content.sh-show { opacity:1;  max-height:500px;  transition:all 1s ease;}

.front #solutions_mod .featIMG img {margin:0;}

#menu-item-351 {display:none;}
#solutions-overview .container ul {margin-left:45px;}
.grey-box {padding:20px 25px 25px 25px; background-color:#f3f3f3;}
.grey-box h3 {margin:0;}

.image-box {width:83.7%; display:inline-block; margin:80px auto 0 auto;  background-color:#f1f1f1;}
.image-box img, .image-box p {text-align:left; width:100%;}
.image-box p {padding:0 15px 15px 15px; margin:0; font-size:16px;}

 .child-pages .image-box {margin:0 auto;}
 .child-pages .image-box p {padding:5px 15px ;}


/* Smaller Screens
------------------------------------------------------------ */

#menu-trigger {display:none;}


#product_mod #custom-fields .half .product-image:nth-child(2) img {width:540px !Important;}

#awards {width:100%; }
#awards img {margin:0px 0px !Important ; float:right; clear:both; max-width:100%;}

#gform_submit_button_8 {margin-top:15px;}

@media only screen and (max-width: 1370px) { 
	
	#hero-main {
	}
}

@media only screen and (max-width: 1200px) { 
 
 #company_mod .row .one-third {margin:0 1.5%;}
}

@media only screen and (max-width: 1150px) { 
 #hero-wrap .ribbon p {color:#fff; font-size:14px; line-height:22px; margin:0; }
}

@media only screen and (max-width: 1141px) { 
	.wrap {
		width: 100%;
		padding: 0 15px;
	}
	.breadcrumbs {
		padding-top: 15px;	
	}
	.featIMG img {width:100%;}
	#hero-main {background-size:100% ;}
	.footer-nav li a {line-height:50px;}
	.one-half, .three-sixths, .two-fourths {width:100%;}
	.footer-nav li a {font-size:18px;}
	
	  blockquote.inset {
		width: 100%;
		float: none;
		margin: 0;
		clear: both;
	}
}

@media only screen and (max-width: 980px) { 
  
  header {height:auto; overflow:visible;}
  header wrap {padding-bottom:0px;}
  #loading {top:84px;}
  
  nav li.menu-item-has-children a:after {display:none !important;} 
  nav {display:none; position:absolute; top:90px; left:0; z-index:1000; width:100%;  background-color:#fff; margin:0; }
  nav li {display:block; width:100%; background-color:#666; margin:0; border-bottom:1px solid #fff; }
  nav li a {line-height:40px; color:#fff; font-weight:900; padding:0 30px;}
  nav li a:hover {border-bottom:1px solid #666;}
  nav .current-menu-item a {border-bottom:0px; background-color:#e8484a;}
  .sub-menu {position:relative; display:block; left:auto; top:auto; height:auto; opacity:1; max-height:500px;}
  .sub-menu li {border-top:1px solid #fff; border-bottom:none;}
  .sub-menu li.current_page_item a, .sub-menu li:hover a {color:#ca473f !important;}
  .sub-menu li:last-child {}
  .sub-menu li a {background-color:transparent; padding:0 40px;}
  .sub-menu li:hover a {background-color:transparent; }
  
  #hero-wrap .ribbon p {color:#fff; font-size:12px; line-height:16px; }
  


  #menu-trigger {display:block; float:right; margin:20px 20px 0 0; background-color:#000; border-radius:4px; width:40px; height:40px; padding:9px 8px 8px 8px; position:relative; z-index:2000;}
  #menu-trigger span {position:relative; width:100%; height:2px; display:block; background-color:#fff; margin:4px 0;}
  
  #awards {width:100% !Important; text-align:center;}
  #awards img {max-width:100%; float:none !Important; text-align:center;}
  
  .half, .forty, .sixty {width:100%; margin:10px 0;}
  .ribbon-wrap .half {width:50%; margin:0;}
  .use-case .half {width:50%;}

  .bulk-up {padding-top:0;}
  
  #events_mod .post-title, #press_mod .post-title, #news_mod .post-title, #careers_mod .post-title, #company_mod .post-title, #press_mod-archive .post-title {width:75%;}
  #careers_mod .wrap-full .post-block {height:auto;}
  
  .half:last-child #dual_post {margin-left:0;}
  .half:first-child #dual_post {margin-right:0;}
    
    .contact-page .half .content {padding-top:10px !Important; max-width:100% !important;}
    
  #company_mod .row .one-third {width:90%; margin:0 5%;}
  #company_mod .row {padding:40px 0 0 0;}
  
  .image-box {width:100%; display:inline-block; margin:40px auto 0 auto;  background-color:#f1f1f1;}
  .image-box img, .image-box p {text-align:left; width:100%;}
  .image-box p {padding:0 15px 15px 15px; margin:0; font-size:16px;}
   
  .has-box { padding:0 !Important;}
    
  /* #video_wrap {top:84px;} */
   
   #solutions_list .one-forth {min-width:254px;}
  
}

@media only screen and (max-width: 767px) { 
  .ribbon-wrap .half:nth-of-type(1) {display:none;}
  .ribbon-wrap .half {width:100%;}
   img {max-width:100%;}

  #events_mod .post-title, #press_mod .post-title, #news_mod .post-title, #careers_mod .post-title, #company_mod .post-title, #press_mod-archive .post-title {width:90%;}
  #events_mod .feat_img, #news_mod .feat_img {display:none;}
  
  
  #hero-wrap {height:260px;}
  #hero-wrap .ribbon-wrap:after, #hero-wrap .ribbon-wrap {height:115px; top:auto; bottom:0;}
   #hero-wrap .ribbon-wrap .half {margin:0;}
  #hero-wrap .ribbon {top:auto; bottom:0;}
  #hero-wrap .ribbon p {font-size:13px; line-height:17px;}
  
  .use-case .half {width:100%;}
  .use-case .half:nth-of-type(2n) img {float:left;}
  
  #callout-block .wrap div h3 {font-size:20px;}
 

}

@media only screen and (max-width: 590px) { 

#product_mod .child-pages .content {width:100%;}
#company_mod .feat {width:100px; padding-left:0px;}
#company_mod .post-title {width:140px;}
.wide-title #company_mod .post-title {width:100% !Important;}
#company_mod .post-title h3 {display:none;}
#company_mod .left-content {display:none;}

#events_mod h2, #press_mod h2, #news_mod h2, #careers_mod h2, #company_mod h2, #press_mod-archive h2 {line-height:50px;}

.company-info {padding:20px 0;}

#product_mod .child-pages .feat {width:100%;}
#product_mod #product_content {background-size:100%;}

#awards img {margin:0 !important;}

}

.show-mobile {display:none;}


@media only screen and (max-width: 480px) { 

.featIMG img {margin:40px 0 0 0;}

.hero-wrap h2, .hero-wrap h2 a, .hero-wrap h2 a:visited {line-height:40px;}

  
  .hide-mobile {display:none;}
  .show-mobile {display:block;}
  .feat.show-mobile {padding:40px 0 0 0 !important;}
  
  #hero-main h1 {font-size:30px; line-height:36px; padding-top:20px;}
  #hero-main {background-position:center 180px; background-size:140%;}
.hero-product.text.half {padding-bottom:0px;}
  .hero-product-text h2 {margin:240px 0 0 0; font-size:24px; line-height:32px;}
  #solutions_mod h2 {font-size:24px; line-height:32px;}
  .dual-feat {display:none;}
	
  img {max-width:100%;}
  
  #feature-block .post-content {height:auto; padding-bottom:15px;}
  
  
  #hero-main .wrap {margin-top:20px;}
  .half, .forty, .sixty {width:100%; margin:10px 0;}
  .half:first-child #dual_post {margin-right:0;}
  .half:last-child #dual_post {margin-left:0;}
  .footer-nav li a {font-size:12px; line-height:30px; font-weight:bold;}
  
  .content-sidebar #content, 
	.sidebar-content #content, 
	.content-sidebar #sidebar, 
	.sidebar-content #sidebar { 
		width: 100%; 
	} 
	
	.one-half,
	.one-third,
	.two-thirds,
	.one-fourth,
	.three-fourths,
	.one-fifth,
	.two-fifths,
	.three-fifths,
	.four-fifths,
	.one-sixth,
	.five-sixths {
		float: none;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
	#footer-left,
	#footer-right {
		text-align: center;
	}
  
  .footer-nav li {width:100%; display:block;}
  
   .footer-nav li a {margin:5px 0;}
  
  .contact_tab:after {width:68px;}
  
  .wrap .wrap {padding:0;}
  #product_mod .child-pages:nth-child(2n) .content, #product_mod .child-pages:nth-child(9n) .content {padding-left:0;}
  #product_mod .child-pages:nth-child(2n) .content li, article .content ul {margin-left:10px;}
  
  #events_mod .post-title, #press_mod .post-title, #news_mod .post-title, #careers_mod .post-title, #company_mod .post-title, #press_mod-archive .post-title{font-size:16px; line-height:24px;}
  
  .hero-product-text {padding-right:0;padding-bottom:0;}
  
  #product_mod .child-pages .content {padding-top:30px !Important;}
  
  #hero_wrap {background-size:100% 100%; height:260px;}
  #hero-wrap .ribbon-wrap:after, #hero-wrap .ribbon-wrap {height:115px; top:auto; bottom:0;}
  #hero-wrap .ribbon {top:auto; bottom:0;}
  #hero-wrap .ribbon p {font-size:12px; line-height:14px;}
} 

@media only screen and (max-width: 479px) { 
  #awards {width:100% !Important;}
  .footer-nav li a {font-size:12px; line-height:20px;}
}

#callout {background-color:#e84749;}
#callout .wrap {color:#fff; font-size:33px; line-height:70px; vertical-align:middle;}
#callout .wrap a:link, #callout .wrap a:active, #callout .wrap a:visited {color:#fff; text-decoration:underline;}

@media only screen and (max-width: 960px) { 
 #callout .wrap {color:#fff; font-size:28px; line-height:50px; vertical-align:middle;}
}
@media only screen and (max-width: 800px) { 
 #callout .wrap {color:#fff; font-size:28px; line-height:40px; vertical-align:middle;}
}
@media only screen and (max-width: 480px) { 
 #callout .wrap {color:#fff; font-size:22px; line-height:30px; vertical-align:middle;}
}

@media only screen and (min-width: 800px) { 

}

@media only screen and (min-width: 1170px) { 
  #hero-main {margin:0;}

}

.para {max-width:842px; margin:0 auto; font-size:18px; line-height:26px; text-align:center; color:#333333;}

/* .home-page #callout, .home-page header {position:fixed; top:0; left:0; z-index:9999; width:100%; }
  .home-page header {top:0px;}


/*!
Video.js Default Styles (https://videojs.com)
Version 4.12.0
Create your own skin at https://designer.videojs.com
*/

.vjs-default-skin .vjs-slider {
  background-color: #fff;
  background-color: rgba(51, 51, 51, 0.9);
}
.vjs-default-skin .vjs-control-bar {
  background-color: #fff;
  background-color: rgba(7, 20, 30, 0.7);
}
.vjs-default-skin .vjs-load-progress div {
  background: #fff /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.1);
}
.vjs-error-display div {
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}

/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  background-color: #fff;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #fff !Important;
}

/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #fff !Important;
}

.vjs-caption-settings {
  background-color: #fff !Important;

.vjs-no-js {
  background-color: #fff !Important;
}





/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */