/* page styles */



caption {margin: 0 0 .5em; }

}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5){
	#fg-logo {
		background-size: 287px 52px;
		background-image: url(http://filamentgroup.com/images/fg-logo-icon-lrg.png);
	}
}

h5{
	font-size: 15px;
}

.credentials-end{
}

.title-name-end{
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	font-weight:400;
	color: #748294;
	text-align: left;
	margin-top: -20px;
	margin-bottom: 2px;
}

.person-name-end{
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight:600;
	color: #F38020;
	text-align: left;
	margin-top: 2px;
}

.credentials{
	border-top: 2px solid #F38020;
	border-bottom: 2px solid #F38020;
}

.person-name{
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight:600;
	color: #748294;
	text-align: left;
	margin-top: 2px;
	margin-left: 20px;
}

.title-name{
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	font-weight:400;
	color: #748294;
	text-align: left;
	margin-top: -20px;
	margin-bottom: 2px;
	margin-left: 20px;
}

.credentials-p{
	font-family: "Open Sans", sans-serif;
	color: #748294;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	text-align: left;
	background-color: #f4f4f4;
	padding: 30px 20px 20px 20px;
	margin-top: 0px;
}

.light-green-back{
	background-color: #F7FBFC;
	padding: 2px 20px 20px 20px;
	margin-top: 40px;
}

.icon-left-font{
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-weight:600;
	color: #006881;
	text-align: left;
}

.icon-left-font-grey{
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight:400;
	color: #748294;
	text-align: left;
}

.table-para{
	font-size: 14px;
	line-height: 20px;
	vertical-align: top;
}
.table-header{
font-family: "Open Sans", sans-serif;
color: #006881;
font-size: 12px;
font-weight: 200;
line-height: 15px;
text-align: left;
vertical-align: bottom;
padding-left: 10px;
}

th.table-bold-p{
font-family: "Open Sans", sans-serif;
color: #748294;
font-size: 14px;
font-weight: 500;
line-height: 17px;
text-align: left;
left: 10px;	
}

.table-p{
font-family: "Open Sans", sans-serif;
color: #748294;
font-size: 13px;
font-weight: 300;
line-height: 20px;
text-align: left;
left: 10px;
}

span.number-circle1 {
  background: #00a5c5;
  border-radius: 0.9em;
  -moz-border-radius: 0.9em;
  -webkit-border-radius: 0.9em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.8em;
  margin-right: 5px;
  margin-left: 5px;
  text-align: center;
  width: 1.8em; 
}

span.number-triangle {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 30px solid red;
}

.tablehead-orange{
	background-color: #f58220;
	color: #ffffff;
	padding-top:3px;
	padding-bottom: 3px;
	padding-left: 20px;
	font-weight: 300;
	margin-left: 180px;
}

.tablehead-orange-2{
	background-color: #f58220;
	color: #ffffff;
	padding-top:3px;
	padding-bottom: 3px;
	padding-left: 20px;
	font-weight: 400;
	margin-left: 220px;
}

.align-top{
	vertical-align: top;
}

.bold-text{
	font-weight: 500;
}

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

.grey-back-table{
	background-color: #f4f4f4;
	column-rule: 4px solid #ff00ff
	padding-bottom:30px;
}


.white-back-table{
	background-color: #ffffff;
	column-rule: 4px solid #ff00ff
	padding-bottom:30px;
}

.teal-border-bottom-table {
    border-bottom: solid 2px #006881;
}
.orange-border-bottom-table {
    border-bottom: solid 1px #f58220;
}

.green-border-bottom-table {
    border-bottom: solid 1px #00A7C6;
}

.white-border-bottom-table {
    border-bottom: solid 1px #ffffff;
}

.grey-border-bottom-table {
    border-bottom: solid 1px #B3B3B3;
    margin-top: 5px;
}

.table-caption{
	font-size: 12px;
	line-height: 15px;
	margin-top: -10px;
}

.spacer-table{
	height: 1px;
    margin-bottom: 10px;
    clear: both;
}

.title-with-image{
	margin: 30px 0 10px;
    font-family: 'Open Sans', sans-serif;
    color: #00617E;
    font-size: 25px;
    line-height: 44px;
    text-transform: uppercase;
    font-weight: 700;
}

.title-with-image-2{
	margin: 30px 0 10px;
    font-family: 'Open Sans', sans-serif;
    color: #00617E;
    font-size: 14px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 700;
}

.title-sub-grey{
    font-family: 'Open Sans', sans-serif;
    color: #748294;
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    text-align: left;
    margin-left: 135px;
    margin-top: -75px;
}

.title-sub-grey-2{
    font-family: 'Open Sans', sans-serif;
    color: #748294;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin-left: 84px;
    margin-top: -40px;
}

.green-outline{
	border-radius: 15px;
	border: 2px solid #006881;
	padding: 20px;
}

.grey-text{
	color: #748294;
}

.curvy-back{
	border-radius: 50px;
	border: 2px solid #006881;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #F7FBFC;
}

.curvy-back-2{
	border-radius: 20px;
	border: 2px solid #006881;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-top: 30px;
	background-color: #F7FBFC;
	margin-top: -12px;
}

.curvy-back-maroon{
	border-radius: 50px;
	border: 2px solid #D2443C;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.curvy-back-maroon-2{
	border-radius: 20px;
	border: 2px solid #D2443C;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.messages-headers{
	margin: 30px 0 10px;
    font-family: 'Open Sans', sans-serif;
    color: #00617E;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.sub-sub-upper{
	text-transform: uppercase;
	font-size: 18px;
}

.green-border-bottom-2{
	border-bottom: solid 1px #006881;

}

.orange-border-bottom-2{
	border-bottom: solid 1px #f58220;
	width:76%;
	float: right;
}

.orange-border-bottom-3{
	border-bottom: solid 1px #f58220;
}

.italic{
	font-style: italic;
}

.top{
	vertical-align: top;
}

table {
  width: 100%;
  margin: 20px auto;
  table-layout: auto;
}

.fixed {
  table-layout: fixed;
}

table,
td,
th {
  border-collapse: collapse;
}

th,
td {
  padding: 5px;
  border: solid px;
  text-align: left;
}

.perfomance-graphs{
	margin-top: 0px;
	float: left;
}

.price{
	line-height: 20px;
}

.small-copy-13{
	font-size: 12px;
	line-height: 13px;
}
.w1 {
  width: 250px;
}

.w1-large {
  width: 350px;
}

.w4 {
  width: 100px;
}

.w5 {
  width: 40px;
}

.inline-block {
   display: inline-block;
}

.two-icons {
display: block;
}

.dot-red{
	height: 20px;
  	width: 20px;
  	background-color: red;
  	border-radius: 50%;
  	display: inline-block;
}

.dot-green{
	height: 20px;
  	width: 20px;
  	background-color: green;
  	border-radius: 50%;
  	display: inline-block;
}

.dot-red-1{
	height: 10px;
  	width: 10px;
  	background-color: red;
  	border-radius: 50%;
  	display: inline-block;
}

.dot-green-1{
	height: 10px;
  	width: 10px;
  	background-color: green;
  	border-radius: 50%;
  	display: inline-block;
}

.light-blue-back{
	background-color: #E0F0F4; 
}


.maroon-back{
	background-color: #FFF4F0;
	padding: 20px;
	border-radius: px;
}

.orange-back{
	background-color: #FFCEA1;
	padding: 20px;
	border-radius: px;
}

.yellow-back{
	background-color: #FCF3E3;
	padding: 20px;
	border-radius: px;
}

.float-right{
	text-align: right;
	padding-right: 10px;
}

.orange-thin-lines{
	border-top: 1px solid #F08020;
	border-bottom: 1px solid #F08020;
	padding-top: 0px;
	padding-bottom: 0px;
}

.green-thin-lines{
	border-top: 1px solid #00a5c5;
	border-bottom: 1px solid #00a5c5;
	padding-top: 0px;
	padding-bottom: 0px;
}

.zoom {
  transition: transform .3s; /* Animation */
  width: 850px;
  margin: 0 auto;
  z-index: 999;
}

.zoom:hover {
  transform: scale(1.4); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  margin: 0 auto;
}

.dot {
  height: 35px;
  width: 35px;
  background-color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  border: 1px solid #00a5c5;
}

.board-curved-box{
	border-radius: 10px;
	border: 1px solid #006881;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-top: 40px;
	text-align: center;
	margin-top: -40px;
}

.board-circle{
	border-radius: 50%;
	background-color: #006881;
	width: 70px;
	height: 70px;
	display: inline-block;
}














/* Navbar container */
.navbar {
  overflow: hidden;
  font-family: "Open Sans", sans-serif;
  background-color: #ffffff;
}

/* Links inside the navbar */
.navbar a {
  color: #006881;
  float: left;
  font-size: 14px;
  text-align: center;
  padding: 14px 14px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 14px;
  border: none;
  outline: none;
  color: #006881;
  padding: 14px 12px;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: none;
  color:#f58220;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  font-size: 14px;
  color: #006881;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  color: #f58220;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 991px) {
    .navbar a {font-size: 14px;}
    .dropdown .dropbtn {font-size: 14px; padding: 6px 15px;}
}


@media screen and (max-width: 767px) {
    .navbar {
      display:none
    }
}


.padding-bottom-30{
	padding-bottom: 30px;
}

.triangle-up {
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 20px solid green;
      margin-top: -10px;
    }

.triangle-down {
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 20px solid red;
      display: inline-block;
      margin-top: 40px;
    }
.small-p-11{
	font-size: 11px;
}

.orange-text{
	color: #F58220;
}