@charset "utf-8";
/* CSS Document */
body{
	 
	font-family: din-2014-narrow, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: 400;font-style: normal;
}
h1,h2,h3,h4{
	font-weight: 300 !important;
	color:#274399;
	text-transform: uppercase;
	font-family: "Montserrat SemiBold" ;
}
h1 strong,h2 strong,h3 strong,h4 strong{
	font-weight: 600 !important;
	color:#44c1e3;
}
h2{color: #48c7f2;}
.container .left_article, .container .left_article p, .secondary_header ul li{
	font-family:"Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: center;
}
.hardright{float:right;}
 .col-container {
    display: table;  
    width: 100%;  
}
.notecontainer {
    max-width: 500px;
}
.footer{background-color: #222222;}
.copyright{
	font-family:"Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	   text-align: left;
  color: #666;
  padding: 0 20px;
  float: left;
  background-color: rgba(0,0,0,0);
  text-transform: none;
  letter-spacing: 0;
	float:none;
}
body .et_pb_button {
    background-color: #537cb0;
    border-color: #537cb0;
	color: #ffffff;
	padding: .3em 1em !important;
}
.et_pb_module {text-align: center;padding:10px 20px;}
.et_pb_button {
    font-size: 20px;
    font-weight: 500;
    padding: .3em 1em;
    line-height: 1.7em!important;
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid;
    border-radius: 3px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all!important;
    transition-property: all!important;
	text-decoration:none;
}
.grayblock{text-align: left;
  background-color: #e7e7e7;
  padding: 10px;
  margin: 10px 0;}
#backbutton,#clearbutton{position: absolute; bottom:0;font-size: 9px;
  padding: 5px 10px;
  border-radius: 0px;
  margin: 10px;}
#clearbutton{right:0;}
.byline, .table-striped i{ font-size:12px;}
.btnclose{border: 2px solid #ccc;
border-radius: 50%;
padding: 2px 10px 5px;
background-color: #000;
color: #fff;
display: block;
position: absolute;
top: 2px;
right: 2px;
font-size: 20px;
z-index: 99999;}
.priceperunit{
	    font-size: 12px;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
	bottom:15px;
}
.col {
    display: table-cell;  
	position: relative;
}
.col.col4{
	width:25%;
}
.col.col5{
	width:20%;
}
/*.col-container {
  display: flex;
  width: 100%;
}
.col {
  flex: 1;
  padding: 16px;
}*/
/* If the browser window is smaller than 980px, make the columns stack on top of each other */

.darktext{color:#A5A5A5 !important;}
.lighttext{color:#FFF !important;}
.notedate{color:#308B1D;font-size:12px;}
.author{color:#308B1D;font-size:12px;text-align:right;}
.notedetail{display: inline;}
.notewrapper{border-bottom: 1px solid #308B1D; padding-bottom:5px;margin-bottom:5px;}
.notewrapper:last-child{border-bottom: 0;}
h3{margin:0;padding:2px 0;}
h3.hasicon{
	padding:2px 0px 2px 25px;
	position: relative;
	font-weight: 300;
}
h3.hasicon strong{font-weight: 600;}
h3.hasicon .fal, h3.hasicon .far{
	        padding: 2px 10px 0 0;
    display: block;
    float: left;
    clear: both;
    position: absolute;
    left: -2px;
}
.borderwrap{border: 1px solid #A5A5A5;
    padding: 10px 10px 25px 10px;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
#menu li{
	display:inline;
	 
	
	border-right:1px solid #fff;
}
.animateNumberTitle {
    font-size: 30px;
    display: block;
    height: 35px;
}
.animateNumber{    font-size: 80px;
    text-align: center;
    color: #A5A5A5;
    display: block;    
    padding: 0 0 25px 0;
    margin: 0 auto;
    line-height: 80px;}

#menu li a, .secondary_header ul li{
	color: #fff;
  text-decoration: #ccc;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}
#menu li a{
	
  padding: 10px 20px;
}
#currentaccountsscroll{
	    overflow-x: hidden;
    height: 500px;
    overflow-y: scroll;
	margin-left:0;
	width:100%;
}
/* Search in the header */
.hide, .hidden{display:none;}
.search-toggle {
	background-color: #000;
	cursor: pointer;
	float: right;
	height: 48px;
	margin-right: 38px;
	text-align: center;
	width: 100px;
	position:relative;
}

.search-toggle:hover,
.search-toggle.active {
	background-color: #000;
}

.search-toggle:before {
	color: #fff;
	content: "\f400";
	font-size: 20px;
	margin-top: 14px;
}

.search-toggle .screen-reader-text {
	left: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */
  
		width: 100%;
		height: 40px;
 
}

.search-box-wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	position: absolute;
	top: 48px;
	right: 0;
	width: 100%;
	z-index: 2;
}

.search-box {
	background-color: #000;
	padding: 15px;
}

.search-box .search-field {
	background-color: #fff;
	border: 0;
	float: right;
	font-size: 16px;
	padding: 2px 2px 3px 6px;
	width: 100%;
}

a.button, input[type=submit].button,   input[type=button].button{
	display:block;
	padding:10px 25px;
	text-align: center;
	font-size:15px;
	text-transform: uppercase;
	text-decoration: none;
	margin:10px auto;
	border:1px solid #000;
	border-radius: 10px;
	font-family:"Open Sans", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	width:75%;
	background-color:#325CA8;color:#fff;
	/*position: relative;*/
}
a.button i{position:relative;left:-10px;}
.smallform a.button, .smallform input[type=submit].button,   .smallform input[type=button].button{
	display:block;
	padding:10px 25px;
	text-align: center;
	font-size:13px;
	text-transform: uppercase;
	text-decoration: none;
	margin:10px 10px 10px 0;
	border:1px solid #000;
	border-radius: 10px;
	/*max-width:300px;*/
	width:auto;
	background-color:#325CA8;color:#fff;
	font-family: din-2014-narrow, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.smallform a.button.floatleft, .smallform input[type=submit].button.floatleft,  .smallform  input[type=button].button.floatleft{
	float: left; 
}
.smallform a.button.floatright, .smallform input[type=submit].button.floatright,  .smallform  input[type=button].button.floatright{
	float: right; 
	margin:10px 0px 10px 10px;
}

a.button.small{
	padding: 5px 10px;
    font-size: 12;
}
.ng-scope a.button{
	margin: 10px 2px;
	float: left;
  width: auto;
	font-size: 12px;
}
@media screen and (max-width:1200px){
	.priceperunit{bottom:0px;}
	a.button, input[type=submit].button,   input[type=button].button{	 
		font-size:16px;
	}
	.table-responsive .table.table-striped{font-size:13px;}
	.animateNumberTitle {
    font-size: 25px;    
    height: 35px;
}
.animateNumber{    font-size: 60px;    
    padding: 0 0 15px 0; 
    line-height: 55px;}
}
.hardright a.button, input[type=submit].button,   input[type=button].button{
	width:auto;
}

#menu.secondary_header ul li:last-child{border:none;}

@media screen and (min-width: 1008px) {
	.search-box-wrapper {
		padding-left: 182px;
		
	}
	#accountdetailform{
		width: 700px;
		padding: 10px 4px 50px 4px;
	}
	
	
 
	.search-box .search-field {
		width: 324px;
	}

	 
	.search-box-wrapper,
	.featured-content {
		padding-left: 222px;
	}
}
@media only screen and (max-width: 980px) {
  .col {
    display: block;
    width: 100%;
  }
	.col.col4{
		display: table-cell; 
		width:25%;
	}
	.col.col5{
		display: table-cell; 
		width:20%;
	}
	.animateNumberTitle {
    font-size: 20px;    
    height: 30px;
}
.animateNumber{    font-size: 50px;    
    padding: 0 0 15px 0; 
    line-height: 50px;}
	.secondary_header {
   
    padding-top: 0px;
    padding-bottom: 0;
}
	.secondary_header ul li{margin:10px 0;}
	.hardright{float: none;}
	.columns{margin: 1px 0;}
	.notecontainer{max-width: 100%;}
	.table-responsive{width:100%; height: 500px; overflow: scroll;}
}
tr.ng-scope:nth-child(even){background-color:#efefef;}
@media only screen and (max-width: 500px) {
	.priceperunit{bottom:15px;}
	.animateNumber{font-size: 25px;}
	#menu.secondary_header ul li a{font-size:12px;padding:10px 5px;}
	.col.col4{
		display: block;
    width: 48%;
    float: left;
	}
	.col.col5 {
		display: block;
width: 19%;
float: left;
padding: 0 0 20px 0;
border: 1px solid #ccc;
	}
	h1.title {     
    text-align: right !important; 
    font-size: 20px;
}
	 .primary_header #logocontainer img{
		width:100px;
		height: 100px;
	}
	.primary_header {
		width:100%;
		height: 100px;
	}
	
	
}
/***********Form Fieldset Elements***************/
#activitypopup.fancybox-content{padding:22px;}
#activitymessage h2{margin-bottom:0;padding-bottom: 0;}
#activitymessage fieldset{border:1px solid #ccc; margin:0;}
#accountdetailform.smallform fieldset{border:0px solid #ccc; margin:0;}
#accountdetailform.smallform .headingblock{border:1px solid #ccc;clear:both;}
#accountdetailform.smallform label{font-size: 12px!important;}
.clear{    clear: both !important;
    height: 25px;}
#activitymessage input[type='text'],#activitymessage input[type='date'],#activitymessage input[type='tel'],#activitymessage select, #activitymessage textarea{font-size:15px; width:100%;}
@media screen and (min-width: 1008px) {
	form fieldset.full{
		width:100%;
		margin:0;
	}
	form fieldset.half{
		width:50%;
		float:left;
		margin:0;
		height: 70px;
	}
	form fieldset.third{
		width:33%;
		float:left;
		margin:0;
		height: 70px;
	}
	form fieldset.fourth{
		width:24%;
		float:left;
		margin:0;
		height: 70px;
		padding-right:0;
	}
	#accountdetailform.smallform fieldset.half, #accountdetailform.smallform fieldset.third, #accountdetailform.smallform fieldset.fourth{height:60px;}
}
/***************No Print Fields*****************/
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}