/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/

::selection {
	background: #003399;
	color:#fff;
}
::-moz-selection {
	background: #003399; /* Firefox */
}



/* -----------------------------------------
   Shared Styles
----------------------------------------- */

.img{
background:#eee;
border: 1px solid #ddd;

}

.fb1{
width:400px;
height:100px;
background:#ccc;

}

.page-wrapper{margin:0 10px 0 10px;}

.pagebox-border{
border: 10px solid rgba(255,255,255,.2);
background-color: rgba(255,255,255,.2);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-o-box-shadow: 0 1px 3px #333;
-webkit-box-shadow: 0 1px 3px #333;
-moz-box-shadow: 0 1px 3px #333;
box-shadow:0 1px 3px #333;
margin:0 auto;
}

.pagebox{
height: auto;
border: 1px solid #fff;
background-color: rgba(255,255,255,.8);
/*box-shadow: 0 1px 3px #333;*/
z-index:99 !important;
display:block;

border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;

-o-box-shadow: 0 1px 2px #666;
-webkit-box-shadow: 0 1px 2px #666;
-moz-box-shadow: 0 1px 2px #666;
box-shadow:0 1px 2px #666;

}

.content-area{
	background-image:url(../images/bg2.jpg); 
	margin: 0 auto; 
	width:100%; 
	height:auto; 
	position:relative; 
	
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center center;

/* new correct bg */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}

.section{margin-bottom:10px;}



@media only screen and (max-width: 767px) { 
.pagebox-border{
border: none;
background-color: rgba(255,255,255,.2);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-o-box-shadow: 0 1px 3px #333;
-webkit-box-shadow: 0 1px 3px #333;
-moz-box-shadow: 0 1px 3px #333;
box-shadow:0 1px 3px #333;
margin:0 auto;
}

.pagebox{
height: auto;
border: 1px solid #fff;
background-color: rgba(255,255,255,.8);

border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.content-area{
	 background: #232931;
	margin: 0 auto; 
	width:100%; 
	height:auto; 
	position:relative; 
	}
}



#promo-box{
	padding-top:22px;
}


.sub-page-banner{
margin-top:20px;
}


.image-box{
height:150px;
margin-bottom:20px;

}

.casestudies-tabs{margin-top:20px;}

.top-header{background-color:#000; width:100%;}
.social-icons{margin:10px 0 0 10px; float:right;}


.footer{
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.6);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

width:100%;
color:#fff;
padding-top:10px;
padding-bottom:10px;
}

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {color:#fff;  text-shadow: 0 1px 1px rgba(255,255,255,.4);}
.footer ul li{list-style:none;}
.footer ul li a{color:#fff;}
.footer hr {border:1px dotted #555; border-width:1px 0 0; margin-bottom:10px; }
.footer p {text-shadow: 0 1px 1px rgba(0,0,0,1); color:#eee;}
.navi{
	width:100%;
	background-color: #003399;
	display:block;
	color:#fff;
}

@media only screen and (max-width: 767px) { 
.navi{
	width:100%;
	background-color: #003399;
	display:block;
	color:#fff;
}

}





.clearfix{clear:both;}


h6.news-feed{color:#fff; display:inline-block; float:left;}
h6.call-info {color:#fff;}


/*Map*/
.btn {
  display: inline-block;
  padding: 0.5em 1em;
  background: #222;
  color: #fff;
  margin: 10px 0 10px 0;
}

.btn:hover{   color: #222;   background: #eee;
}

.static-img {
  display: block; 
}

iframe {
   max-width: 100%; 
}
/* From http://codepen.io/chriscoyier/full/kycDp */
.map-container {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: none; /* Hide for small screens */
  iframe {
    width: 100%;
    height: 100%; /* had to specify height/width */
    position: absolute;
    top: 0; 
    right: 0;
    left: 0; 
    bottom: 0;   
	border:1px solid #999; 
  }
}

/* Medium Screens */
@media all and (min-width: 34.375em) {
  .map-container {
    display: block;
  } 
  .static-img {
    display: none; 
  }
}

.footer-links a:hover{
	text-decoration:underline;
}


.seal-links{ float:left !important; margin:15px 10px 0 0; text-align:center; }
.tam{margin: 0 auto;}



.seal img:hover{
opacity:0.7;
}

@media only screen and (max-width: 767px) { 
.seal img{
/*width:70%;
height:70%;*/
}
/*.seal-links{ float:left !important; margin:5px 0px 0 0; text-align:center; }*/


}


.two-col-split{border-left:1px solid #003399;}
.testimonial{border:8px solid #fff; background-color:#f3f3f3;padding:12px; border-radius:2px;
webkit-border-radius:2px;
moz-border-radius:2px;}
.testimonial:hover{ box-shadow: 0px 1px 10px #bbb;}
.testimonial p {margin-bottom:0;}




/* Panels 2 FOR THE THUMB---------------------- */
.panel { background: #fff; border: solid 1px #fff; margin: 0 0 22px 0; padding: 20px; 
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

.panel:hover{border:1px solid #fff; box-shadow: 0 1px 6px #93a7ce;}
.panel a:hover {text-decoration:underline;}

.thumb{border:1px solid rgba(255,255,255,0); padding:10px !important; display:block; 
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;}
.thumb:hover{border:1px solid #bec9df; background-color: rgba(255,255,255,1);
 color:#000 !important; box-shadow: 0px 1px 10px #d8deeb;}

.thumb img{border-bottom:3px solid #003399; box-shadow: 0 1px 1px #aaa;}

.thumb > :first-child { margin-top: 0; }
.thumb > :last-child { margin-bottom: 0; }

.thumb h6{font-size: 13px;line-height:1.4; color:#003399 !important; text-shadow: 0 1px 1px rgba(0,0,0,.2);}
.thumb p{font-size: 14px;line-height:1.4;  color:#000 !important; font-weight:normal; }


@media only screen and (max-width: 767px) { 
.thumb-img{float:left !important;}
.thumb-text{float:left !important;}

.thumb{border:1px solid #bec9df; background-color: rgba(255,255,255,1); 
padding:10px !important; display:block; 
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}





}


li h4 {margin-top:0px;}

.seal-block{ margin-bottom:100px;}
.seal-big{ box-shadow:0px 2px 7px #bbb; border-radius: 2px;
webkit-border-radius: 2px;
moz-border-radius: 2px;}

.back-link{text-decoration:none; color:#fff; padding-top:15px;}
.back-link:hover{text-decoration:underline; color:#fff;}


.direction-btn { width: auto; background: #003494; border: none;color: white; cursor: pointer; display: inline-block; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 12px 15px 12px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.direction-btn:hover { color: white; background-color: #2051aa; }


.title-area{
width:100%;
color:#fff;
padding-top:10px;
}
.title-area ul li{list-style:none;}



/* Back to top button */
#seal-vpanel {
	position: absolute;
	top: 90px;
	margin-left: 950px;
}

/* arrow icon (span tag) */
#seal-vpanel span {
	width: 90px;
	height: 280px;
	display: block;
	margin-bottom: 7px;
	padding:10px;
	background-color: #fff;
	/* rounded corners */
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	/* background color transition */
	-o-box-shadow: 0 1px 3px #333;
-webkit-box-shadow: 0 1px 3px #333;
-moz-box-shadow: 0 1px 3px #333;
box-shadow: 0 1px 3px #333;
}

#seal-vpanel span a{
	margin-bottom: 10px;
}

.seal-apanel {
	padding:10px;
	background-color: #fff;
	border:1px solid #ddd;
	/* rounded corners */
	/* background color transition */
}

@media only screen and (min-width: 767px) { 
.seal-apanel, .seal-fpanel {
	padding:10px;
	background-color: #fff;
	border:1px solid #ddd;
	/* rounded corners */
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	/* background color transition */
}
}
@media only screen and (max-width: 767px) { 
.seal-fpanel {
	margin:15px;
	background-color: #fff;
	border:1px solid #ddd;
	/* rounded corners */
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	/* background color transition */
}

#seal-vpanel{display:none;}

}


/* -----------------------------------------
Structure
----------------------------------------- */


/* Margins */
.m0			{margin: 0 !important;}
.m5 	{margin: 5px !important;}
.m10	{margin: 10px !important;}
.m15	{margin: 15px !important;}
.m20	{margin: 20px !important;}
.m25	{margin: 25px !important;}
.m30	{margin: 30px !important;}
.m35	{margin: 35px !important;}
.m40	{margin: 40px !important;}
.m45	{margin: 45px !important;}
.m50	{margin: 50px !important;}
.m60	{margin: 60px !important;}
.m70	{margin: 70px !important;}
.m80	{margin: 80px !important;}
.m90	{margin: 90px !important;}
.m100	{margin: 100px !important;}

.mt0		{margin-top: 0 !important;}
.mt5 	{margin-top: 5px !important;}
.mt10	{margin-top: 10px !important;}
.mt15	{margin-top: 15px !important;}
.mt20	{margin-top: 20px !important;}
.mt25	{margin-top: 25px !important;}
.mt30	{margin-top: 30px !important;}
.mt35	{margin-top: 35px !important;}
.mt40	{margin-top: 40px !important;}
.mt45	{margin-top: 45px !important;}
.mt50	{margin-top: 50px !important;}
.mt60	{margin-top: 60px !important;}
.mt70	{margin-top: 70px !important;}
.mt80	{margin-top: 80px !important;}
.mt90	{margin-top: 90px !important;}
.mt100	{margin-top: 100px !important;}

.mb0		{margin-bottom: 0 !important;}
.mb5 	{margin-bottom: 5px !important;}
.mb10	{margin-bottom: 10px !important;}
.mb15	{margin-bottom: 15px !important;}
.mb20	{margin-bottom: 20px !important;}
.mb25	{margin-bottom: 25px !important;}
.mb30	{margin-bottom: 30px !important;}
.mb35	{margin-bottom: 35px !important;}
.mb40	{margin-bottom: 40px !important;}
.mb45	{margin-bottom: 45px !important;}
.mb50	{margin-bottom: 50px !important;}
.mb60	{margin-bottom: 60px !important;}
.mb70	{margin-bottom: 70px !important;}
.mb77	{margin-bottom: 77px !important;}
.mb80	{margin-bottom: 80px !important;}
.mb90	{margin-bottom: 90px !important;}
.mb100	{margin-bottom: 100px !important;}

.ml0		{margin-left: 0 !important;}
.ml5 	{margin-left: 5px !important;}
.ml10	{margin-left: 10px !important;}
.ml15	{margin-left: 15px !important;}
.ml20	{margin-left: 20px !important;}
.ml25	{margin-left: 25px !important;}
.ml30	{margin-left: 30px !important;}
.ml35	{margin-left: 35px !important;}
.ml40	{margin-left: 40px !important;}
.ml45	{margin-left: 45px !important;}
.ml50	{margin-left: 50px !important;}
.ml60	{margin-left: 60px !important;}
.ml70	{margin-left: 70px !important;}
.ml80	{margin-left: 80px !important;}
.ml90	{margin-left: 90px !important;}
.ml100	{margin-left: 100px !important;}
.ml380	{margin-left: 380px !important;}

.mr0		{margin-right: 0 !important;}
.mr5 	{margin-right: 5px !important;}
.mr10	{margin-right: 10px !important;}
.mr15	{margin-right: 15px !important;}
.mr20	{margin-right: 20px !important;}
.mr25	{margin-right: 25px !important;}
.mr30	{margin-right: 30px !important;}
.mr35	{margin-right: 35px !important;}
.mr40	{margin-right: 40px !important;}
.mr45	{margin-right: 45px !important;}
.mr50	{margin-right: 50px !important;}
.mr60	{margin-right: 60px !important;}
.mr70	{margin-right: 70px !important;}
.mr80	{margin-right: 80px !important;}
.mr90	{margin-right: 90px !important;}
.mr100	{margin-right: 100px !important;}

/* Paddings */
.p0			{padding: 0 !important;}
.p5 	{padding: 5px !important;}
.p10	{padding: 10px !important;}
.p15	{padding: 15px !important;}
.p20	{padding: 20px !important;}
.p25	{padding: 25px !important;}
.p30	{padding: 30px !important;}
.p35	{padding: 35px !important;}
.p40	{padding: 40px !important;}
.p45	{padding: 45px !important;}
.p50	{padding: 50px !important;}
.p60	{padding: 60px !important;}
.p70	{padding: 70px !important;}
.p80	{padding: 80px !important;}
.p90	{padding: 90px !important;}
.p100	{padding: 100px !important;}

.pt0		{padding-top: 0 !important;}
.pt5 	{padding-top: 5px !important;}
.pt10	{padding-top: 10px !important;}
.pt15	{padding-top: 15px !important;}
.pt20	{padding-top: 20px !important;}
.pt25	{padding-top: 25px !important;}
.pt30	{padding-top: 30px !important;}
.pt35	{padding-top: 35px !important;}
.pt40	{padding-top: 40px !important;}
.pt45	{padding-top: 45px !important;}
.pt50	{padding-top: 50px !important;}
.pt60	{padding-top: 60px !important;}
.pt70	{padding-top: 70px !important;}
.pt80	{padding-top: 80px !important;}
.pt90	{padding-top: 90px !important;}
.pt100	{padding-top: 100px !important;}

.pb0		{padding-bottom: 0 !important;}
.pb5 	{padding-bottom: 5px !important;}
.pb10	{padding-bottom: 10px !important;}
.pb15	{padding-bottom: 15px !important;}
.pb20	{padding-bottom: 20px !important;}
.pb25	{padding-bottom: 25px !important;}
.pb30	{padding-bottom: 30px !important;}
.pb35	{padding-bottom: 35px !important;}
.pb40	{padding-bottom: 40px !important;}
.pb45	{padding-bottom: 45px !important;}
.pb50	{padding-bottom: 50px !important;}
.pb60	{padding-bottom: 60px !important;}
.pb70	{padding-bottom: 70px !important;}
.pb80	{padding-bottom: 80px !important;}
.pb90	{padding-bottom: 90px !important;}
.pb100	{padding-bottom: 100px !important;}

.pl0		{padding-left: 0 !important;}
.pl5 	{padding-left: 5px !important;}
.pl10	{padding-left: 10px !important;}
.pl15	{padding-left: 15px !important;}
.pl20	{padding-left: 20px !important;}
.pl25	{padding-left: 25px !important;}
.pl30	{padding-left: 30px !important;}
.pl35	{padding-left: 35px !important;}
.pl40	{padding-left: 40px !important;}
.pl45	{padding-left: 45px !important;}
.pl50	{padding-left: 50px !important;}
.pl60	{padding-left: 60px !important;}
.pl70	{padding-left: 70px !important;}
.pl80	{padding-left: 80px !important;}
.pl90	{padding-left: 90px !important;}
.pl100	{padding-left: 100px !important;}

.pr0		{padding-right: 0 !important;}
.pr5 	{padding-right: 5px !important;}
.pr10	{padding-right: 10px !important;}
.pr15	{padding-right: 15px !important;}
.pr20	{padding-right: 20px !important;}
.pr25	{padding-right: 25px !important;}
.pr30	{padding-right: 30px !important;}
.pr35	{padding-right: 35px !important;}
.pr40	{padding-right: 40px !important;}
.pr45	{padding-right: 45px !important;}
.pr50	{padding-right: 50px !important;}
.pr60	{padding-right: 60px !important;}
.pr70	{padding-right: 70px !important;}
.pr80	{padding-right: 80px !important;}
.pr90	{padding-right: 90px !important;}
.pr100	{padding-right: 100px !important;}