html{
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	
}

body {
  font-family: 'Whitney SSm A', 'Whitney SSm B', sans-serif; font-weight: 400;
  margin: 0px;
  padding: 0px;	
  /* Location of the image */
  background-image: url(../images/bgnd.png);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
background-color: #2e2f28;

}

img, a, h1, h2, h3, h4, h5, tr, div, span, #orangebtn, #bluebtn, #linebtn {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

ul.copy-list {margin: 0; padding: 0;}

.large-type {
	font-family: 'Sentinel A', 'Sentinel B'; 
	font-weight: 800; 
	font-style: italic; 
	color: #FFF; 
	font-size: 8vw;
	line-height: 10vw; 
	margin-bottom: 5vh;
}

.large-type-2 {
	font-family: 'Sentinel A', 'Sentinel B'; 
	font-weight: 800; 
	font-style: italic; 
	color: #FFF; 
	font-size: 75px; 
	line-height: 71px; 
	margin-top: 4vh;
}

.med-type {
	color:#FFF; 
	font-size: 27px; 
	line-height: 42px; 
	font-weight: 300; 
}

#master-width {
	width: 80%;
	margin: 0 auto;
	
}

#logo {
	width: 326px;
	margin: 15px 0 15px 0;

		
}

#home-txt {text-align:center; position:relative; padding-top: 300px; min-height: 50vh;}
#int-txt {text-align:center; position:relative; padding-top: 120px; }

.profile-pic {width: 120px; height: 120px; margin-top: 30px; }

#btns {width:43%; margin-top: 30px;}

#btn {width:100%; margin-top: 30px;}

p {font-size: 14px; line-height: 21px; color: #FFF; font-weight: 300; text-align: left; }

b {font-weight: 800;}

a:link#orangebtn {
	font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal;
	color: #FFF;
	font-size: 14px;
	display: block;
	padding: 15px;
	text-align: center;	
	border: 1px solid #f08b1d; 
	background-color: #f08b1d;
	text-decoration: none;
}
a:visited#orangebtn {
	color: #FFF;
	border: 1px solid #f08b1d; 
}
a:hover#orangebtn {
	border: 1px solid #8f9395;
	background-color: transparent;
}


a:link#bluebtn {
	font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal;
	color: #FFF;
	font-size: 14px;
	display: block;
	padding: 15px;
	text-align: center;	
	border: 1px solid #007dc3; 
	background-color: #007dc3;
	text-decoration: none;
}
a:visited#bluebtn {
	color: #FFF;
	border: 1px solid #007dc3; 
	background-color: #007dc3;
}
a:hover#bluebtn {
	border: 1px solid #8f9395;
	background-color: transparent;	
}

a:link#linebtn {
	font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 300; font-style: normal;
	color: #FFF;
	font-size: 14px;
	display: block;
	padding: 15px;
	text-align: center;	
	border: 1px solid #8f9395; 
	background-color: transparent;
	text-decoration: none;
}
a:visited#linebtn {
	color: #FFF;
	border: 1px solid #8f9395; 
}
a:hover#linebtn {
	border: 1px solid #007dc3; 
	background-color: #007dc3;
}

a:link		{text-decoration: none; color: #f08b1d;  }
a:visited	{text-decoration: none; color: #f08b1d;  }
a:hover		{text-decoration: none; color: #007dc3; }

#footer-line {background-image: url(../images/trans.png); height: 1px; width: 100%; margin-top: 150px; }

a:link.footer-link {text-decoration: none; color: #FFF; font-size: 13px; padding-bottom: 4px; }
a:visited.footer-link {text-decoration: none; color: #FFF; font-size: 13px; }
a:hover.footer-link {text-decoration: none; color: #FFF; font-size: 13px;  }

#footer-txt-left {position: relative; top: -4px; }

#footer-txt-right {color: #FFF; font-size: 11px; }

.service {display: block; width: 100%; color: #FFF; font-size: 15px; background-color: rgba(255,255,255,0.33); padding: 12px 0px 12px 0px; margin-bottom:1px; text-align: left; }

.service-txt {font-size: 28px; margin: 8px 0px 13px 0px; color: #FFF; font-weight: 300; }

.serv-icon {margin-top:50px; }

.serv-left { text-align: center; }
.serv-right {text-align: center; }


.left-port {
	text-align: center;
	background-color: #d5d7d8;
	padding:50px 0px 20px 0px;
	color: #007dc3;
	font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal;	
	font-size: 18px;
}

.right-port {
	text-align: center;
	background-color: #e6e7e8;
	padding:50px 0px 20px 0px;
	color: #007dc3;
	font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal;	
	font-size: 18px;

}

.left-port-txt {position: relative; float: left; width: 40%; font-size: 12px; line-height: 19px; color: #FFF; margin-left: 10%; margin-top: 18px; margin-bottom: 10px; }
.right-port-btn {position: relative; float: right; width: 38%; margin-right: 10%; margin-top: 22px; margin-bottom: 10px; }


#port-padding {padding-top: 86px;}




.border-btn { display:inline-block; margin:0; }

.border-btn:after {
  display:block;
  content: '';
  border-bottom: 1px solid #007dc3;
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
  padding-bottom: 2px;
}
.border-btn:hover:after { transform: scaleX(1); }



.footer-border { display:inline-block; margin:0; }

.footer-border:after {
  display:block;
  content: '';
  border-bottom: 1px solid #FFF;
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
  padding-bottom: 4px;
}
.footer-border:hover:after { transform: scaleX(1); }


/*RESPONSIVE NAV MENU */

#nav
		{
			font-family: 'Whitney SSm A', 'Whitney SSm B'; font-weight: 400; font-style: normal;
			position: relative;
			top: 8px;
			z-index: 99;
			font-size: 17px;
			width: 100%;
			text-align: right;
			
			
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
				
			}
				#nav li a
				{
					color: #007dc3;
					text-decoration: none;
					
				}
				#nav li a:hover
				{
					border-width: 100%;
					
				}
				
				#nav li a:active
				{
					border-width: 100%;

				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
			}

			/* first level */

			#nav > ul
			{
				list-style-type: none;
				
			}
				#nav > ul > li
				{
					float: right;
					position: relative;
					margin: 0px 18px 0px 18px;
				}
					#nav > ul > li > a
					{
						line-height: 1.5em; /* 60 (24) */
						text-align: center;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-image: url(/images/trans-2.png) ;
							
						}


				/* second level */

				#nav li ul
				{
					background-color: #0f407b;
					display: none;
					position: absolute;
					top: 100%;
					list-style: none;
					margin-left: 0px;
					padding-left: 0px;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
						
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							border-top: 1px solid #00b1b0;
							padding: 0.75em; /* 15 (20) */
												color: #FFF;

						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #00b1b0;
							}