.mobile-nav { background-color: #; }
#subnav, #menu-container-3 .menu, #middle, #shop h4 { background-color: # !important; }

/***	SITE STYLES		***/

/** body **/
body, #middle, div.tla, input[type=text], input[type=submit], select, #middle select, #left #category_list p, textarea { 
	color: #; 
	font-family: Trebuchet MS, Helvetica, sans-serif !important;
}
#middle, textarea { font-size: 14px; }

/*
*	#0094CB
*	#e6f1ff
*	#B41F53
*	#B22222
*/

/** nav **/
div#nav span, div#nav a, ul#nav a, div#nav span.even a.top, div#nav span.divider { 
	color: #ffffff;
	font-size: 18px;
	font-weight: Normal;
}
div#nav a, ul#nav a { text-decoration: none; }
div#nav a.current, ul#nav a.current { text-decoration: none; }
div#nav a:hover, ul#nav a:hover { text-decoration: none; }

#nav .nav_caption, #menu-container .nav_caption { 
	color: #;
	font-size: 0px !important;
	font-family: ;
	font-weight: Normal;
	text-transform: None;
}

/* category bus listings */
#middle div.category_list_bus_item h2 { 
	color: #; 
	 
	/*color: #;*/ 
}
#middle div.category_featured .thickborder { border-bottom: 3px solid #; }
#middle div.category_featured h1 { color: #; }

/* image border */
#page_content_item img, #middle .page_content_item img { border: none; }

/* gallery boxes */
#gallery-page .box-text .padding10, .featured .box-text .padding10 { 
	text-align: left; 
}

#gallery-page .box-layout .box, .featured .box-layout .box { background-color: #; }

/** background**/
body { background-color: #ffffff; }

/** NAV BARS **/

/** main nav**/
#menu-container, .menu-container-abs1 { background-color: #215ba5; /*border-bottom: 1px solid #96b6de;*/ border-bottom:0px }
#menu-container .menu a { 
	color: #ffffff;
	font-size: 18px;
	text-decoration: none;
	font-weight: Normal;
}
#menu-container .menu a.current { 
	text-decoration: none; 
	color: #96b6de;}
#menu-container .menu a:hover { 
	text-decoration: none; 
	color: #96b6de;}
#menu-container .menu ul ul { background: #; }
#menu-container .menu ul ul li { border-bottom: 0px solid #; }
#menu-container .submenu-container li:before {
   background: #;
}
#menu-container .submenu-container li:first-child:before { background:transparent; }
#menu-container .menu ul ul li:hover { background: #; }
#menu-container .submenu-container li:hover:before { background: #; }
#menu-container .menu ul ul li:hover a { color:#; }
#menu-container .menu ul ul li a { 
	color: #; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 0px; 
}
#menu-container .nav_caption {
	color: #;
	font-size: 0px !important;
	font-family: ;
	font-weight: Normal;
	text-transform: None;
}

/** top nav bg **/
#topnav { background-color: #96b6de;  }

/** full width top nav **/
#wrapper  { width:100%; }
#topnav { width:100%; display:block; float:none; margin: 0 auto; }
#topnav .padding { margin: 0 auto; position: relative; width: 1000px; }
#header { width:1000px; display:block; float:none; margin: 0 auto; clear:both; }
#menu-container { width:1000px; display:block; float:none; margin: 0 auto; }
#subnav { width:1000px; display:block; float:none; margin: 0 auto; }
.mls-search-quick { width:1000px; display:block; float:none; margin: 10px auto 0; }
#news-feed { width:1000px; display:block; float:none; margin: 0 auto; }
#content { width:1000px; display:block; float:none; margin: 0 auto; /*background-image:none;*/ }
div.sponsor-top-unlimited { width:1000px; display:block; float:none; margin: 0 auto; }
div.sponsor-top { width:1000px; display:block; float:none; margin: 0 auto; }

/** full width main nav **/
#wrapper  { width:100%; }
#topnav { width:100%; display:block; float:none; margin: 0 auto; }
#topnav .padding { margin: 0 auto; position: relative; width: 1000px; }
#header { width:1000px; display:block; float:none; margin: 0 auto; clear:both; }
#menu-container { width:100%; display:block; float:none; margin: 0 auto; }
.menu-container-abs1 { position:relative; width:100%; left:0px; }
#subnav { width:1000px; display:block; float:none; margin: 0 auto; }
.mls-search-quick { width:1000px; display:block; float:none; margin: 10px auto 0; }
#news-feed { width:1000px; display:block; float:none; margin: 0 auto; }
#content { width:1000px; display:block; float:none; margin: 0 auto; /*background-image:none;*/ }
div.sponsor-top-unlimited { width:1000px; display:block; float:none; margin: 0 auto; }
div.sponsor-top { width:1000px; display:block; float:none; margin: 0 auto; }

/** full width paragraph backgrounds **/
#wrapper  { width:100%; }
#topnav {  display:block; float:none; margin: 0 auto; }
#header { width:1000px; display:block; float:none; margin: 0 auto; }
#menu-container { width:100%; display:block; float:none; margin: 0 auto; }
#subnav { width:1000px; display:block; float:none; margin: 0 auto; }
.mls-search-quick { width:1000px; display:block; float:none; margin: 10px auto 0; }
#news-feed { width:1000px; display:block; float:none; margin: 0 auto; }
div.sponsor-top-unlimited { width:1000px; display:block; float:none; margin: 0 auto; }
div.sponsor-top { width:1000px; display:block; float:none; margin: 0 auto; }

#content { width:100%; display:block; float:none; margin: 0 auto; /*background-image:none;*/ }
#middle { width:100%; display:block; float:none; margin: 0 auto; }
#middle h1 { /*width:100%;*/ margin: 0 auto; }
#middle .page-content-row-wrap { width:100%; display:block; float:none; margin: 0 auto; clear:both; position:relative; padding:15px 0; }
#middle .page_content_row, .page_content_row { width:990px; margin: 10px auto 20px; float:none; }
#middle .page-print-featured { width:980px; margin: 0 auto; float:none; }
#middle .page-print { width:980px; float:none; text-align:right; margin: 5px auto; }

#content { background-repeat: repeat; }

html, body {
    font-size:14px;
	margin: 0px;
}

div {
    display:block;
}

.clear {
	clear:both;
}

#main {
	background-color: #f2f2f2;	
}

.main-container {
    min-height:100vh;
    position:relative;
    background-image:url('heart-rock.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
    background-attachment: fixed;
	-webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}

/* construct styles */
.construct {
    width:100%;
    display:table;
}

.line {
    display:table-cell;
}

.list-no-style {
    list-style-type: none;
}

 .column {
    position: relative;
    z-index: 1;
    margin:0;
    float: left;
    min-height: 2px;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.splash {
	padding:40px 0px;
}

.title-container{
	padding: 0px 680px;
	-webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.title {
	display:table;
	margin: 0 auto;
	padding:52px 0;
	text-shadow: 1px 1px 2px rgb(115, 101, 94, 0.2);
}

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

    .title-container{
		padding: 0px 580px;
	}	
}

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

    .title-container{
		padding: 0px 510px;
	}	
}

#mobileMenu {
	display:none;
}

.mobile-menu {
	background-color:#E6F1FF;
}
.mobile-nav { background-color: #; }
.php?lw=0&lc=&ls=&mw=1000&mc=&ms=&rw=0&rc=&rs=&s='); background-repeat: repeat-y; }
#middle { background-color: transparent !important; }

/*** position fixed top **/
#topnav { font-size: 14px; }
#topnav div.links, #topnav .search .top_nav_text { color: #ffffff;  }
#topnav div.links a:link, #topnav div.links a:active, #topnav div.links a:visited { color: #ffffff; }
	#topnav .links a:link, #topnav .links a:active, #topnav .links a:visited { text-transform: uppercase; } 
			#topnav { border-bottom:1px solid #215ba5;  }
		
div#nav, div#nav-container, #middle h1, #left h1, #left h2, #right h1, #right h2, #divClientLogin h1, #divMainContent h1 { 
	background-color: #215ba5;
	/*border-bottom: 1px solid #;*/
	border-bottom:0px;
}
#middle .daisy-blog-all-head a { color: #215ba5 }
#middle h1, #left h1, #left h2, #right h1, #right h2, #divClientLogin h1, #divMainContent h1 { 
	color: #215ba5;
	}
#middle h1 { background-color: transparent; }

#right h1 a:link, #right h1 a:visited, #right h1 a:hover, #right h1 a:visited:hover,
#middle h1 a:link, #middle h1 a:visited, #middle h1 a:hover, #middle h1 a:visited:hover	
{
	color: #215ba5;
}

#middle .page_content_item h2 {
	
}
#middle h1 { 
	font-size: 28px;
	text-transform: uppercase;}
#middle h2, #middle .daisy_blog_embed h1 {
	color: #96b6de;
	font-size: 28px;
}
#middle .page_content_item h2 a { 
	text-decoration: underline;
			color: #215ba5;
	}
#middle .page_content_item h2 a:hover { 
	text-decoration: underline;
			color: #96b6de;
	}
#left h1, #left h2, #right h1, #right h2,
#right h1 a:link, #right h1 a:visited, #right h1 a:hover, #right h1 a:visited:hover, #right h2 a:link, #right h2 a:visited, #right h2 a:hover, #right h2 a:visited:hover
{
	color: #000000;
	font-size: 14px;
	font-family: ;
}

div#nav span, div#nav a, ul#nav a, div#nav span.even a.top, div#nav span.divider { 
	color: #ffffff;
	font-size: 18px;
	font-weight: Normal;
}
div#nav a, ul#nav a { text-decoration: none; }
div#nav a.current, ul#nav a.current { text-decoration: none; }
div#nav a:hover, ul#nav a:hover { text-decoration: none; }

#nav .nav_caption, #menu-container .nav_caption { 
	color: #;
	font-size: 0px !important;
	font-family: ;
	font-weight: Normal;
	text-transform: None;
}

#subnav a, #subnav li {
		color: #;
	font-size: 0px;
}
#subnav li {
	font-size: -1px;
}

#left #search_form { 
	background-color: #;
}

#left #search_nav { 
	background-color: #;
}

#left #search_nav a { 
	background-color: #;
	color: #;
}

#left #search_nav a:hover { 
	background-color: #;
	color: #;
}

#left #search_list p:hover { background-color: #; }
#left #search_list .on { background-color: #; }
#left #search_list .odd { background-color: #; }
#left #search_list .even { background-color: #; }
#category_list p:hover { background-color: #; }
#category_list .on { background-color: #; }
#category_list .odd { background-color: #; }
#category_list .even { background-color: #; }
#category_list a { font-weight: Normal !important; }#category_list a:hover { text-decoration: Underline !important; }

/* side menu */
#left .sidemenu p:hover, 
#right .sidemenu p:hover,
#left .sidemenu .on:hover, #left .sidemenu .odd:hover, #left .sidemenu .even:hover, 
#right .sidemenu .on:hover, #right .sidemenu .odd:hover, #right .sidemenu .even:hover,
#left .blog-archive .blog-archive-date:hover,
#right .blog-archive .blog-archive-date:hover,
#left .blog-archive .blog-archive-item:hover,
#right .blog-archive .blog-archive-item:hover
{ background-color: #; }
#left .sidemenu .on, #right .sidemenu .on { background-color: #; }
#left .sidemenu .odd, #right .sidemenu .odd  { background-color: #; }
#left .sidemenu .even, #right .sidemenu .even { background-color: #; }
	#left .sidemenu a, #right .sidemenu a, .blog-archive .expand, .blog-archive .collapse { font-weight: Normal !important; }
	#left .sidemenu a:hover, #right .sidemenu a:hover, .blog-archive .expand:hover, .blog-archive .collapse:hover 
	{ text-decoration: Underline !important; }
#left .sidemenu h1, #right .sidemenu h1 { 
				}
#left .sidemenu h1 div, #right .sidemenu h1 div { 
	}


/* category bus listings */
#middle div.category_list_bus_item h2 { 
	color: #; 
	 
	/*color: #;*/ 
}
#middle div.category_featured .thickborder { border-bottom: 3px solid #; }
#middle div.category_featured h1 { color: #; }

/* image border */
#page_content_item img, #middle .page_content_item img { border: none; }

/* content boxes */
.page_content_item_box { 
	border: 1px solid #e6f1ff;
		background-color: #f8fbff;	}

.page_content_item_box .box-image {
	background-color: #f8fbff;}

/* coupon boxes */
.daisy-coupons .box-layout .box { 
			 
		}
.deals-city .box-text {
	}

/* gallery boxes */
#gallery-page .box-text .padding10, .featured .box-text .padding10 { 
	text-align: left; 
			}
#gallery-page .box-layout .box, .featured .box-layout .box { background-color: #; }

/** NAV BARS **/
.menu ul ul { background: #; }
.menu ul ul li { border-bottom: 0px solid #; }
.submenu-container li:before {
   background: #;
}
.submenu-container li:first-child:before { background:transparent; }
.menu ul ul li.last { border-bottom: 0px; }
.menu ul ul li:hover { background: #; }
.submenu-container li:hover:before { background: #; }
.menu ul ul li:hover a { color:#; }
.menu ul ul li a { 
	color: #; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 0px; 
}
/** main nav**/
#menu-container, .menu-container-abs1 { background-color: #215ba5; /*border-bottom: 1px solid #96b6de;*/ border-bottom:0px }
#menu-container .menu a { 
	color: #ffffff;
	font-size: 18px;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: Normal;
}
#menu-container .menu a.current { 
	text-decoration: none; 
	color: #96b6de;}
#menu-container .menu a:hover { 
	text-decoration: none; 
	color: #96b6de;}
#menu-container .menu ul ul { background: #; }
#menu-container .menu ul ul li { border-bottom: 0px solid #; }
#menu-container .submenu-container li:before {
   background: #;
}
#menu-container .submenu-container li:first-child:before { background:transparent; }
#menu-container .menu ul ul li:hover { background: #; }
#menu-container .submenu-container li:hover:before { background: #; }
#menu-container .menu ul ul li:hover a { color:#; }
#menu-container .menu ul ul li a {  
}
#menu-container .nav_caption {
	color: #;
	font-size: 0px !important;
	font-family: ;
	font-weight: Normal;
	text-transform: None;
}

/** top nav bg **/
#topnav { background-color: #96b6de;  }

/** full width top nav **/
#wrapper  { width:100%; }
#topnav { width:100%; display:block; float:none; margin: 0 auto; }
#topnav .padding { margin: 0 auto; position: relative; width: 1000px; }
#header { width:1000px; display:block; float:none; margin: 0 auto; clear:both; }
#menu-container { width:1000px; display:block; float:none; margin: 0 auto; }
#subnav { width:1000px; display:block; float:none; margin: 0 auto; }
.mls-search-quick { width:1000px; display:block; float:none; margin: 10px auto 0; }
#news-feed { width:1000px; display:block; float:none; margin: 0 auto; }
#content { width:1000px; display:block; float:none; margin: 0 auto; /*background-image:none;*/ }
div.sponsor-top-unlimited { width:1000px; display:block; float:none; margin: 0 auto; }
div.sponsor-top { width:1000px; display:block; float:none; margin: 0 auto; }

/** full width main nav **/
#wrapper  { width:100%; }
#topnav { width:100%; display:block; float:none; margin: 0 auto; }
#topnav .padding { margin: 0 auto; position: relative; width: 1000px; }
#header { width:1000px; display:block; float:none; margin: 0 auto; clear:both; }
#menu-container { width:100%; display:block; float:none; margin: 0 auto; }
.menu-container-abs1 { position:relative; width:100%; left:0px; }
#subnav { width:1000px; display:block; float:none; margin: 0 auto; }
.mls-search-quick { width:1000px; display:block; float:none; margin: 10px auto 0; }
#news-feed { width:1000px; display:block; float:none; margin: 0 auto; }
#content { width:1000px; display:block; float:none; margin: 0 auto; /*background-image:none;*/ }
div.sponsor-top-unlimited { width:1000px; display:block; float:none; margin: 0 auto; }
div.sponsor-top { width:1000px; display:block; float:none; margin: 0 auto; }

/** full width paragraph backgrounds **/
#wrapper  { width:100%; }
#topnav {  display:block; float:none; margin: 0 auto; }
#header { width:1000px; display:block; float:none; margin: 0 auto; }
#menu-container { width:100%; display:block; float:none; margin: 0 auto; }
#subnav { width:1000px; display:block; float:none; margin: 0 auto; }
.mls-search-quick { width:1000px; display:block; float:none; margin: 10px auto 0; }
#news-feed { width:1000px; display:block; float:none; margin: 0 auto; }
div.sponsor-top-unlimited { width:1000px; display:block; float:none; margin: 0 auto; }
div.sponsor-top { width:1000px; display:block; float:none; margin: 0 auto; }

#content { width:100%; display:block; float:none; margin: 0 auto; /*background-image:none;*/ }
#middle { width:100%; display:block; float:none; margin: 0 auto; }
#middle h1 { /*width:100%;*/ margin: 0 auto; }
#middle .page-content-row-wrap { width:100%; display:block; float:none; margin: 0 auto; clear:both; position:relative; padding:15px 0; }
#middle .page_content_row, .page_content_row { width:990px; margin: 10px auto 20px; float:none; }
#middle .page-print-featured { width:980px; margin: 0 auto; float:none; }
#middle .page-print { width:980px; float:none; text-align:right; margin: 5px auto; }

#content { background-repeat: repeat; }

html, body {
    font-size:14px;
	margin: 0px;
}

div {
    display:block;
}

.clear {
	clear:both;
}

#main {
	background-color: #f4f4f4;	
}

.main-container {
    min-height:100vh;
    position:relative;
    background-image:url('heart-rock.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
    background-attachment: fixed;
	-webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}

/* construct styles */
.construct {
    width:100%;
    display:table;
}

.line {
    display:table-cell;
}

.list-no-style {
    list-style-type: none;
	display:table;
}

 .column {
    position: relative;
    z-index: 1;
    margin:0;
    float: left;
    min-height: 2px;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.banner {
	display:block;
	position:absolute;
	z-index:500;
	background-color:rgba(181, 33, 83, 0.5);
	width:100%;
}

.italic {
	font-style: italic;
}

.diploma {
	font-family:Brush Script MT, Brush Script Std, cursive;
}

#navbar {
	z-index:1000;
	overflow:auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

#holder
{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

#mobile-nav-section {
	display:none;
}

input[type=text], select, textarea {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
}

input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {

}

input[type=reset] {

}

hr.full-underline {
	border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
	width: 80%;
	margin: 0px auto;
}

hr.underline {
	border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
	width: 30%;
	margin: 0px auto;
}

.heart {
	height:30px;
}

#heart {
	height:120px;
	width:120px;
	display:block;
	margin:auto;
}

.social {
	font-size: 22px;
	font-size: 22px;
}

#breadcrumb {
	padding:10px;
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}


.active, .accordion:hover {
  background-color: #ccc;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.card-container {
	padding: 10px 14px;
	-webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.card-height {
	height: 290px;
}

.tile {
	text-decoration:none;
}

.tile-container {
	padding: 10px 14px;
	transition: transform .2s;
}

.tile-container:hover {
	  -ms-transform: scale(1.1); /* IE 9 */
	  -webkit-transform: scale(1.1); /* Safari 3-8 */
	  transform: scale(1.1); 
}

.card {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19);	
	display:table;
	-webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
	width:100%;
}

.card div {
	-webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;	
}

.card span {
	-webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;	
}

.image-container {
	padding: 10px 14px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.image {
	height:525px;
	width:415px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	border-style: outset;
}

.doc-image {
	width:295px;
}

.section-container {
	/*padding: 10px 0px; */
}

.section {
	padding: 75px 0px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.widget {
    display: table;
    width: 100%;
}

.blue {
	background-color:#E6F1FF;
}

.trans-blue {
	background-color:rgb(230, 241, 255, 0.8);
}

.white {
	background-color:#ffffff;
}

.trans-white {
	background-color:rgb(255, 255, 255, 0.7);
}

.trans-blue {
	background-color:rgb(230, 241, 255, 0.8);
}

.trans-red {
    background-color:rgb(178, 34, 34, 0.1);
}

.loader {
    border: 12px solid white;
    border-radius: 50%;
    border-top: 12px solid rgb(102, 153, 246);
    width: 180px;
    height: 180px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}


.time {
    padding:10px 22px;
    text-decoration:none;
    display:table-cell;
    vertical-align: bottom;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    border:1px solid transparent;   
    overflow: hidden;
}

.large-1,
.large-2,
.large-3,
.large-4,
.large-5,
.large-6,
.large-7,
.large-8,
.large-9,
.large-10,
.large-11 {
    float: left;
}

.large-1 {
    width: 8.333333333333332%;
}

.large-2 {
    width: 16.666666666666664%;
}

.large-3 {
    width: 25%;
}

.large-4 {
    width: 33.33333333333333%;
}

.large-5 {
    width: 41.66666666666667%;
}

.large-6 {
    width: 50%;
}

.large-7 {
    width: 58.333333333333336%;
}

.large-8 {
    width: 66.66666666666666%;
}

.large-9 {
    width: 75%;
}

.large-10 {
    width: 83.33333333333334%;
}

.large-11 {
    width: 91.66666666666666%;
}

.large-12 {
    width: 100%;
}

/* Content Styles */
.main-content {
    min-height:calc(100vh - 38px);
	/* background-color:#f4f4f4; */
	/* padding:10px 0px; */
}

.page-padding {
    padding:0 315px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.widget-padding {
    padding:0 40px;
}

.no-padding {
    padding:0;
    margin:0;
}

.container-main {
    padding-bottom: 280px; /* must be same height as the footer */
	min-height: 100%;
}

ul.countries {
    padding:0;
}

ul.countries li.country {display:inline;}
ul.countries li.country + li.country:before {
    color: black;
    content: ", ";
}

/* Header Styles */
.header {
    width:100%;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    z-index:100;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19);
	background-color:rgba(230, 241, 255,0.9);
}

.center {
    text-align:center;
}

.nav {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    display:table;
    width:100%;
    color:white;
}

.nav-left, .nav-right {
    display:table-cell;
    vertical-align:middle;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.nav-right {
    float:right;
}

.nav-items {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.nav-item {
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration:none;
}

.nav-dd {
    padding:6px 12px;
    color:white;
    background-color:rgba(20, 20, 20, 0.9);
    text-decoration:none;
    width:100%;
    border-radius:2px;
    border-color:white;
}

.padding {
	padding:5px;
}

.nav-text {
    color:white;
    padding:8px 20px;
    display:table-cell;
    text-decoration:none;
    vertical-align: middle;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    border:1px solid transparent;   
    overflow: hidden;
	font-size: 18px;
}

.calendar {
    color:white;
	display:table-row;
    text-decoration:none;
    vertical-align: middle;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    border:1px solid transparent;   
    overflow: hidden;
	width:100%;
	text-align:center;
	font-size:19px;
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nav-text:hover {
    text-decoration:none;
}

.nav-text-link {
    color:#ffffff;
    text-decoration:none;
    display:table-cell;
    padding:12px 30px;
    vertical-align: middle;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor:pointer;
    border:1px solid transparent;
    overflow: hidden;
	font-size: 20px;
}

.nav-text-link:hover, .nav-text-link:active, .nav-text-link:focus {
    color:	#B22222;
    text-decoration:none;
	font-weight:bold;
}

.banner-link {
    color:white;
    padding:8px 20px;
    display:table-cell;
    text-decoration:none;
    vertical-align: middle;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    border:1px solid transparent;   
    overflow: hidden;
	font-size: 18px;
	cursor:pointer;
}

.banner-link:hover {
    text-decoration:none;
	background-color:rgba(230, 241, 255, 0.5);
}

.nav-text-button {
    display:table-cell;
    color:white;
    background-color:transparent;
    padding:4px 10px;
    text-decoration:none;
    border:1px solid transparent; 
    cursor:pointer;
}

.text-link {
    text-decoration:none;
    color:white;
}

.text-link:hover {
    text-decoration:none;
    color:	rgb(102, 163, 255); 
}

.mobile-menu {
	background-color:rgba(255, 255, 255, 0.9);
	position:fixed;
	z-index:1000;
}

.psuedo-button {
    display:inline-block;
    padding:6px 0px;
    transition-duration: 0.4s;
    width:100%;
    border:1px solid transparent;  
}

.button {
    display:block;
    color:white;
    text-align:center;
    padding:16px 0px;
    text-decoration:none;
	vertical-align: middle;
    cursor:pointer;
    width:70%;
    background-color:#E6F1FF;
    border:2px solid #483C32;  
	font-size: 22px;
	border-radius:5px;
	font-weight:bold;
	margin: 0 auto;

    /*background-image: linear-gradient(to right, rgb(102, 163, 255) 50%, RGB(111, 115, 118) 50%);
    background-size: 200% 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    -o-transition: all ease 0.50s;
    -webkit-transition: all 0.50s ease-in;
    -moz-transition: all 0.50s  ease-in;
    transition: all 0.50s  ease-in;*/
}

.button-action {
    -o-transition: all ease 0.50s;
    -webkit-transition: all 0.50s  ease-in;
    -moz-transition: all 0.50s  ease-in;
    transition: all 0.50s  ease-in;
    background-position: bottom left;
    color:white;
    text-decoration:none;
}

.button:hover {
    color:white;
    text-decoration:none;
    background-color:#B22222;
    border:2px solid #B22222; 
}

.button-active {
   background-color:rgb(102, 163, 255);
   border:1px solid rgb(102, 163, 255); 
}

.button-container {
    padding:8px 20px;
	display:table-cell;
    text-decoration:none;
    vertical-align: middle;
    border:1px solid transparent;   
    overflow: hidden;
	width:100%;
}

.dropdown {
    color:white;
    background-color: #161719;
    width:100%;
    padding:5px 0px;
    text-decoration:none;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    border:1px solid rgb(102, 163, 255);  
    overflow: hidden;
    cursor:pointer;
}

.dropdown-item {
    background-color:transparent;
}

.dropdown-padding {
    width:100%;
    display:table;
    padding:6px 0px;
}

.tool-tip {
    visibility: hidden;
    background-color: #161719;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

#trigger-name:hover .tool-tip {
    visibility: visible;
}

.nav-active {
    font-weight:bold;
    color:#455781;
    border-bottom:1px solid #455781;
}

#nav-item-mobile {
    display:none;
}

#nav-logo {
    padding:0 50px;
    float:left;
}

#nav-logo a {
    border:1px solid rgb(15,15,15);
    background-color:rgb(250,250,250);
    color:#333333;
    border-radius:50%;
    text-decoration:none;
}

#nav-logo-mobile {
    display:none;
    float:left;
    font-weight:bold;
}

#nav-user-mobile {
    display:none;
    float:right;
}

.nav a {
    color:white;
    text-decoration:none;
}

.dashboard-header {
    border-bottom:1px solid #111111;
}

#map {
    width:100%;
    height:500px;
    background-image:url('/Images/WorldMap.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align:center;
	background-color:white;
}

#pcModules, #pcBrowsers {
    width:100%;
}

#ddlEnvironments, #ddlSorts, #Error {
    display:none;
}

#EnvironmentSection, #ScheduleSection, #RunnerSection, #DataSection, #ResultsSection {
    display:none;
}

.ddl-nav {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    width:100%;
    color:white;
    background-color:rgba(10, 10, 10, 0.8);
}

.ddl-text {
    padding:12px 24px;
    text-decoration:none;
    display:table-cell;
    vertical-align: middle;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    border:1px solid transparent;
    overflow: hidden;
}

.vertical-nav-container {
    width:100%;
}

.vertical-nav {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    width:100%;
    color:white;
    background-color:rgba(10, 10, 10, 0.8);
}

.vertical-nav-left, .vertical-nav-right {
    vertical-align:middle;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.vertical-nav-right {
    float:right;
}

.vertical-nav-items {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.vertical-nav-item {
    width:100%;
    vertical-align: middle;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration:none;
    overflow: hidden;
}

.vertical-nav-text {
    display:inline-block;
    width:100%;
    color:white;
    padding:12px 24px;
    text-decoration:none;
    vertical-align: middle;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    border:1px solid transparent;
    overflow: hidden;
}

.vertical-nav-text-link {
    display:inline-block;
    width:100%;
    color:white;
    text-decoration:none;
    padding:12px 24px;
    vertical-align: middle;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor:pointer;
    border:1px solid transparent;
    overflow: hidden;
}

.vertical-nav-text-link:hover {
	color:	#B22222;
    text-decoration:none;
	font-weight:bold;
}

.vertical-nav-text-link a:hover {
	color:	#B22222;
    text-decoration:none;
	font-weight:bold;
}

.vertical-nav-active {
    font-weight:bold;
    color:#455781;
    border-bottom:1px solid #455781;
}

#mobileMenu {
	display:none;
}

#ddlNavigation {
    position:absolute;
    display:none;
}

.vertical-nav-item-header {
    width:100%;
    vertical-align: middle;
    text-align: left;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration:none;
    overflow: hidden;
}

.vertical-nav-text-link-header {
    display:inline-block;
    width:100%;
    color:white;
    text-decoration:none;
    padding:12px 24px;
    vertical-align: middle;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor:pointer;
    border:1px solid transparent;
    overflow: hidden;
}

.vertical-nav-text-link-header:hover {
    color:	rgb(0, 128, 255);
    border-bottom:1px solid rgb(102, 163, 255);
    text-decoration:none;
}

.vertical-nav-text-link-header a:hover {
    color: rgb(102, 163, 255);
    text-decoration:none;
}

.upper-left:hover, .upper-right:hover, .lower-left:hover, .lower-right:hover {
    background-color:rgb(0, 51, 102);
}

.inner-circle {
    vertical-align:middle;
    background-color:darkgrey;
}

.circle-options-link:hover {
    text-decoration:none;
}

.right {
    float:right;
}

.left {
    float:left;
}

.module-box {
    color:white;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    border:1px solid rgb(15,15,15);
    overflow: hidden;
}

.module-btn {
    padding:12px 24px;
    background-color:#111111;
    color:white;
    border:1px solid #111111;
    cursor:pointer;
}

.module-btn:hover {
    color:	rgb(102, 163, 255);
    border-bottom:1px solid rgb(102, 163, 255);
}

.module-button-bar {
    padding:0px 20px;
    color: white;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration:none;
    width:100%;
    height:50px;
}

.filters {
    background-color:#111111;
}

.rb {
    height:25px;
    width:25px;
}

.rbLabel {
    color:	rgb(0, 128, 255);
}

#prev, #next {
  display:inline-block;
  position:relative;
  top:300px;
  cursor:pointer;
  padding:5px;
}

#dashboard {
    height:560px;
}

.ticker-container {
    position:fixed;
    bottom:0;
	width: 100%;
	overflow: hidden;
    background-color: #161719;
}

.ticker-text {
    color:white;
    padding:8px 20px;
    display:inline-block;
    border:1px solid transparent;   
	height: 150%;
    white-space:nowrap;
}

.module-underline {
    border-bottom: 1px solid rgb(15,15,15);
}

.module-item {
    padding:12px 24px;
}

.module-item a {
    text-decoration: none;
    color:white;
}

.module-link:hover {
    color:	rgb(0, 128, 255);
}

.search {
    color:white;
    font-size:18px;
    padding:12px 24px;
    text-decoration:none;
    width:100%;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    border:1px solid transparent;
    overflow: hidden;
}

.module-input {
    width:100%;
    background-color:rgb(230,230,230);
    padding:6px 2px;
    width:100%;
    border:1px solid RGB(111, 115, 118);
    /*border:1px solid transparent;
    color:white;
    background-color:transparent;
    border-bottom:1px solid rgb(102, 153, 246);
    outline:none;*/
}

.module-text-link {
    cursor:pointer;
}

.module-description {
    color:	rgb(0, 128, 255);
}

.icon-container {
    width:100%;
    display:table;
    padding:20px 0;
}

.icon {
    color:white;
    font-size:24px;
    display:table;
    margin: 0 auto;
    height:50px;
    width:50px;
    text-align:center;
    background-color:#455781;
    border-radius:50%;
}

.icon-text a {
    color:white;
    text-decoration:none;
}

.icon-text {
    display:table-cell;
    vertical-align:middle;
}

.icon-registration {
    color:white;
    display:table;
    margin: 0 auto;
    border-radius:50%;
}

.icon-backoffice {
    color:white;
    display:table;
    margin: 0 auto;
    border-radius:50%;
}

.logo-container {
    padding:20px;
    display:table;
    width:100%;
}

.logo {
    display:table-cell;
    margin:0 auto;
    height:570px;
    width:570px;
}

.contact-container {
    color:white;
    padding:20px;
}

.contact-section {
    margin-bottom:20px;
}

.contact-header {
    font-weight:bold;
}

/* bg img styles */
.circle-icon-img-container {
    height:100%;
    width:100%;
}

.circle-icon-img {
    height:200px;
    width:200px;
}

/* modules styles */
.octagon-container {
    width:250px;
    height:250px;
    overflow:hidden;
    padding:10px;
    position:relative;
  transform:rotate(225deg)
}

.octagon {
  height: 250px;
  overflow: hidden;
  position: absolute;
   -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  width: 250px;
    box-shadow:0 0 0 5px orange;
}

.modules {
    height:300px;
    width:100%;
    background-image:url('/Images/BlackBlueStrip.png');
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding:20px;
}

.modules-line {
    padding:20px 0;
}

.modules-title {
    width:100%;
    text-align:center;
    padding:20px 0;
    border-bottom:1px solid rgb(160,160,160);
}

.modules a {
    color:white;
    text-decoration:none;
}

.modules-portion a:hover {
    text-decoration:none;
}

.modules-print {
    font-size:24px;
    color:white;
    padding:20px;
}

.modules-description {
    width:100%;
    padding:20px;
}

/* results page styles */
.script-title {
    border:12px ridge rgb(240,240,240);
    background-color:black;
    color:#319177;
    padding:10px;
    height:150px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    font-weight:bold;
}

.script-container {
    background-color: rgba(10, 10, 10, 0.8);
}

.script-header {
    padding:10px;
    color:black;
    /*background-color:rgba(43,79,129, 1.0);*/
    /*background: linear-gradient(180deg, #55729a 0%, #40608d 51%, #2B4F81 75%);*/
    border:12px ridge rgb(240,240,240);
}

.script-test-header {
    /*background-color:rgba(179,179,179, 0.1);*/
    border:12px ridge rgb(240,240,240);
    padding:10px;
}

.script-test-description {
    padding:10px;
    background-color:#f3f3f4;
}

.results-row {
    border:1px solid rgb(250,250,250);
    border-bottom:1px solid transparent;
}

.results-detail {
    border:1px solid rgb(220,220,220);
}

.lightblue {
    background-color:rgba(135,206,250, 0.1);
}

.results-detail-header {
    font-weight:bold;
    padding:15px 0;
}

.border {
    border:1px solid rgb(220,220,220);
}

.border-top {
    border-top:1px solid rgb(220,220,220);
}

.border-left {
    border-left:1px solid rgb(220,220,220);
}

.border-right {
    border-right:1px solid rgb(220,220,220);
}

.border-bottom {
    border-bottom:1px solid rgb(220,220,220);
}

/* parameter styles*/
.parameter {
    padding:4px 0;
}

.test-bar-container {
    background-color:rgb(240,240,240);
    padding:10px 10px;

}

.test-bar {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration:none;
    width:100%;
    height:50px;
}

.test {
    text-decoration:none;
    padding:6px 0px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-align:center;
    display:inline;
}

.test-bar-right {
    float:right;
}

.test-bar-left {
    float:left;
}

.test-description {
    padding:10px 10px;
}

.table-icon {
    text-decoration:none;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-align:center;
    font-size:20px;
}

.text-font {
    font-size:30px;
}

.red {
    border-color:#B22222;
    background-color:#B22222;
    color:B22222;
}

.green {
    border-color:rgb(73, 251, 53);
    background-color:rgb(73, 251, 53);
    color:white;
}

.orange {
    background-color:#C46210;
    color:white;
}

.purple {
    background-color:#58427C;
    color:white;
}

.steel {
    background-color:#0081AB;
    color:white;
}

.gold {
    background-color:#85754E;
    color:white;
}

.silver {
    background-color:#757575;
    color:white;
}

.grey {
    background:#222222;
}

.gray {
	 background:#f2f2f2;
}

.black {
    background-color:rgb(15,15,15);
    color:white;
}

.text-black {
    color:#2f2f2f;
}

.text-taupe {
	color:#483C32;
}

.text-red {
    color:#B22222;
}

.text-green {
    color:rgb(73, 251, 53);
}

.text-yellow {
    color:rgb(204, 255, 21);
}

.text-purple {
    color:#800080;
}

.text-steel {
    color:#98a6bc;
}

.text-gold {
    color:#FF7A00;
}

.text-silver {
    color:#757575;
}

.text-blue {
    color:#96b6de;
}

.ticker-container {

}

.ticker {

}

/* footer */
.footer {
	/*border-top:1px solid #B22222; */
    width:100%;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

#ender {
  background-color: #f2f2f2;
}

.footer-text {
    cursor:pointer;
}

.footer-text:hover {
    color:rgb(0, 128, 255);
    border-top:1px solid rgb(102, 153, 246);
}

 @media only screen and (max-width: 1700px) {
	     .page-padding {
        padding:0 120px;
    }
 }
 

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

    .medium-1,
    .medium-2,
    .medium-3,
    .medium-4,
    .medium-5,
    .medium-6,
    .medium-7,
    .medium-8,
    .medium-9,
    .medium-10,
    .medium-11 {
        float: left;
    }

    .medium-1 {
        width: 8.333333333333332%;
    }

    .medium-2 {
        width: 16.666666666666664%;
    }

    .medium-3 {
        width: 25%;
    }

    .medium-4 {
        width: 33.33333333333333%;
    }

    .medium-5 {
        width: 41.66666666666667%;
    }

    .medium-6 {
        width: 50%;
    }

    .medium-7 {
        width: 58.333333333333336%;
    }

    .medium-8 {
        width: 66.66666666666666%;
    }

    .medium-9 {
        width: 75%;
    }

    .medium-10 {
        width: 83.33333333333334%;
    }

    .medium-11 {
        width: 91.66666666666666%;
    }

    .medium-12 {
        width:100%;
    }

    .logo {
        display:table-cell;
        margin:0 auto;
        height:450px;
        width:450px;
    }

    .medium-disable {
        display:none;
    }
	
   .page-padding {
        padding:0 80px;
    }
	
	.title-container{
		padding: 0px 400px;
	}

	.title {
		padding:52px 0;
	}
}

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

    .small-1,
    .small-2,
    .small-3,
    .small-4,
    .small-5,
    .small-6,
    .small-7,
    .small-8,
    .small-9,
    .small-10,
    .small-11 {
        float: left;
    }

    .small-1 {
        width: 8.333333333333332%;
    }

    .small-2 {
        width: 16.666666666666664%;
    }

    .small-3 {
        width: 25%;
    }

    .small-4 {
        width: 33.33333333333333%;
    }

    .small-5 {
        width: 41.66666666666667%;
    }

    .small-6 {
        width: 50%;
    }

    .small-7 {
        width: 58.333333333333336%;
    }

    .small-8 {
        width: 66.66666666666666%;
    }

    .small-9 {
        width: 75%;
    }

    .small-10 {
        width: 83.33333333333334%;
    }

    .small-11 {
        width: 91.66666666666666%;
    }

    .small-12 {
        width: 100%;
    }

    .test-container {
        padding:10px 20px;
    }

    .dashboard-top {
        padding:20px 40px;
    }

    .page-padding {
        padding:0 20px;
    }
	
	.title-container{
		padding: 0px 310px;
	}

	.title {
		padding:52px 0;
	}

    .widget-padding {
        padding:0 15px;
    }

    .footer-item {
        padding:0 40px;
    }

    .logo {
        display:table-cell;
        margin:0 auto;
        height:220px;
        width:220px;
    }

    #sortHeaders {
        display:none;
    }

    .small-disable {
        display:none;
    }

    .nav-text {
        padding:6px 18px;
    }

    .nav-text-link {
        padding:6px 18px;
    }

    .tbl-cell-header {
        padding:6px 18px;
    }

    .tbl-cell {
        padding:6px 18px;
    }

    .dropdown-padding {
        padding:6px 14px;
    }

    .button-padding {
        padding:6px 14px;
    }

    .text-font {
        font-size:28px;
    }
	
	#logo {
		display:none;
	}
}

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

    #nav-item-mobile  {
        display:table;
    }

    #nav-item {
        display:none;
    }

    .nav-item {
        width:100%;
        display:table;
    }
	
	.header {
		background-color: transparent;
		box-shadow: none;
		padding: 8px 0px;
	}
}

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

    .title-container{
		padding: 0px 260px;
	}	
}

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

    .title-container{
		padding: 0px 260px;
	}	
}

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

    .title-container{
		padding: 0px 220px;
	}	
}

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

    .title-container{
		padding: 0px 190px;
	}	
	
	#nav-section {
		display:none;
	}
	
	#mobile-nav-section {
		display:block;
	}
}

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

    .title-container{
		padding: 0px 140px;
	}	
}

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

    .title-container{
		padding: 0px 130px;
	}	
}

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

    .title-container{
		padding: 0px 90px;
	}	
}

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

    .title-container{
		padding: 0px 60px;
	}	
}

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

    .mobile-1,
    .mobile-2,
    .mobile-3,
    .mobile-4,
    .mobile-5,
    .mobile-6,
    .mobile-7,
    .mobile-8,
    .mobile-9,
    .mobile-10,
    .mobile-11 {
        float: left;
    }

    .mobile-1 {
        width: 8.333333333333332%;
    }

    .mobile-2 {
        width: 16.666666666666664%;
    }

    .mobile-3 {
        width: 25%;
    }

    .mobile-4 {
        width: 33.33333333333333%;
    }

    .mobile-5 {
        width: 41.66666666666667%;
    }

    .mobile-6 {
        width: 50%;
    }

    .mobile-7 {
        width: 58.333333333333336%;
    }

    .mobile-8 {
        width: 66.66666666666666%;
    }

    .mobile-9 {
        width: 75%;
    }

    .mobile-10 {
        width: 83.33333333333334%;
    }

    .mobile-11 {
        width: 91.66666666666666%;
    }

    .mobile-12 {
        width:100%;
    }

    .mobile-disable {
        display:none;
    }

    .text-font {
        font-size:24px;
    }

    .nav-text {
        padding:4px 16px;
    }

    .nav-text-link {
        padding:4px 16px;
    }

    .tbl-cell-header {
        padding:4px 16px;
    }

    .tbl-cell {
        padding:4px 16px;
    }

    .dropdown-padding {
        padding:4px 8px;
    }

    .button-padding {
        padding:4px 8px;
    }

    #tbl-type-header, #tbl-er-header, #tbl-type, #tbl-er {
        display:none;
    }
	
	.title-container {
		padding:0px 25px;
	}
	
	.title {
		padding:28px 0;
	}
}

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

    .image {
		width:96%;
		height:455px;
    }	

     .image-container {
	padding: 0;
    }

    .card-container {
        padding:10px 0px;
     }

     .button-container {
           padding:8px 0px;
     }

     .button {
        width:97%;
     }

     .doc-image {
	width:100%;
     }

     .nav-text {
         padding:6px 16px;
      }
}

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

    .image {
		width:96%;
		height:385px;
    }	
}

@media screen and (min-width: 796px) {
	
    #nav-bar-mobile {
        display: none;
    }

    ul.nav-list li.nav-list-item-right > #hamburger {
        display:none;
    }
}

/* media query for screens less than 795 pixels in width */
@media screen and (max-width: 795px) {
    
    #nav-bar-mobile {
        display:none;
    }
	
	ul.nav-list li.nav-list-item { 
	    display:none;
    }

    ul.nav-list li.nav-list-item-right > #signin {
        display:none;
    }
}

/*Opera Fix*/
body:before {  
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;   
}

/* IMPORTANT: You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher. 

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]--> */

<!-- css3 for ie -->
<!--[if IE]>
	<script type="text/javascript" src="/assets/js/PIE.js"></script>
<![endif]-->

<!--[if lt IE 7]>
<style type="text/css" media="screen">
#subMenusContainer { display:none; }
</style>
<![endif]-->


<!--[if IE]>

body {
	
	overflow: auto; 
} 
#search_form form { margin: 0;}
#search_form input { width: 175px; margin-left: 5px;  }
#search_form select { width: 178px; margin-left: 5px;  }
#search_nav { padding-bottom: 5px; }


#interview div.music { left: 8px; }

#subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused{
	text-decoration:none;
}


</style>