/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */


@font-face {
	font-family: 'Conv_BigCaslon';
	src: url('../fonts/BigCaslon.eot');
	src: url('../fonts/BigCaslon.woff') format('woff'), 
		 url('../fonts/BigCaslon.ttf') format('truetype'), 
		 url('../fonts/BigCaslon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_MinionPro-Regular';
	src: url('../fonts/MinionPro-Regular.eot');
	src: url('../fonts/MinionPro-Regular.woff') format('woff'), 
		 url('../fonts/MinionPro-Regular.ttf') format('truetype'), 
		 url('../fonts/MinionPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_avenir-light';
	src: url('../fonts/avenir-light.eot');
	src: url('../fonts/avenir-light.woff') format('woff'), 
		 url('../fonts/avenir-light.ttf') format('truetype'), 
		 url('../fonts/avenir-light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Avenir-Heavy';
	src: url('../fonts/Avenir-Heavy.eot');
	src: url('../fonts/Avenir-Heavy.woff') format('woff'), 
		 url('../fonts/Avenir-Heavy.ttf') format('truetype'), 
		 url('../fonts/Avenir-Heavy.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel { height: auto;background-color:#000}
/* Since positioning the image, we need to help out the caption */
.carousel-caption { z-index: 10;}
.carousel-caption h1{ font-family:'Conv_BigCaslon';text-transform:uppercase}
.carousel-caption h5{ color: #c7ac6d;font-family: "Conv_Avenir-Heavy",sans-serif;font-size: 14px;font-weight: 900;text-transform: uppercase;}

/* Declare heights because of positioning of img element */
.carousel .item { height: auto;}
.carousel-inner > .item > img { position: inherit;top: 0;left: 0;height: auto;margin: 0 auto}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper { position: absolute;top: 0;right: 0;left: 0;z-index: 20;background:rgba( 000, 000, 000, 0.7)}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {padding-right: 0;padding-left: 0;}
.navbar-wrapper .navbar { padding-right: 15px;padding-left: 15px;}
.navbar-wrapper .navbar .container { width: auto;}

/* Featurettes
------------------------- */

.featurette-divider { margin: 80px 0; /* Space out the Bootstrap <hr> more */}

/* Thin out the marketing headings */
.featurette-heading { font-weight: 300;line-height: 1;letter-spacing: -1px;}

.navbar-form{ padding:0;}
.navbar-form input{ background:transparent;border:0;width:100%;color:#fff;font-size:10px;line-height:10px;border:solid 1px #fff;border-radius:10px;width:80px;height:18px;padding:0 5px}
.navbar-form .btn{ position:absolute;top:10px;right:6px;background:transparent;padding:0;margin:0;color:#fff;font-size:10px;}

.marketing{ position:relative;margin:-70px 0 0 0}

/* HOME PAGE SLIDER CSS */
.featured-boxes{ padding:0; position: relative;}
.content-caption{ position:absolute;bottom:0;left:0;right:0;width:100%;background:rgba( 000, 000, 000, 0.6);padding:0 10px}
.content-caption h6 { color: #c7ac6d;font-family: "Conv_Avenir-Heavy",sans-serif;font-size: 8px;font-style: normal;font-weight: 900;}
.content-caption h4{ color: #ffffff;font-family: "Conv_avenir-light",sans-serif;font-size: 16px;font-style: normal;font-weight: normal;}

/* 3 ENTRY NAV */
.navigation-section{ text-align:center;margin-top:30px;margin-bottom:35px;}
.navigation-section .row{ margin-left:-10px;margin-right:-10px;}
.navigation-section a{ font-family: "Conv_Avenir-Heavy"; text-align:center}
.navigation-section a img{ text-align:center;margin:0 auto;display:block}
.navigation-section h6{  font-family: "Conv_Avenir-Heavy",sans-serif;font-style: normal;font-weight: 900;margin-bottom: 14px;text-align: center;text-transform:uppercase}

.arrow_box { position: relative; background: #ffffff; border: 2px solid #636466;border-left:0;border-right:0;border-top:0;z-index:2 } 
.arrow_box:after, .arrow_box:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 5px; margin-left: -5px; } 
.arrow_box:before { border-color: rgba(99, 100, 102, 0); border-top-color: #636466; border-width: 8px; margin-left: -8px; }

/* MIDDLE TEXT AREA CSS */
.content-section{ margin:50px 0}
.content-section h6{ font-family: 'Conv_avenir-light';font-style: normal;font-weight: 300;text-transform: uppercase;}	
.content-section h5 { color: #b99743;font-family: 'Conv_BigCaslon';font-size: 14px;font-style: normal;font-weight: 500;text-transform: uppercase;margin-top:20px;}
.content-section span{ font-family: "Conv_Avenir-Heavy",sans-serif;font-size: 8px;font-style: normal;font-weight: 900;color:#999999;margin-bottom:25px;display:block}
.read-more{ border-bottom:solid 1px #e6e7e8;position:relative;margin-top:25px;}
.read-more a{ color: #b99743;font-family: "Conv_Avenir-Heavy",sans-serif;font-size: 8px;font-style: normal;font-weight: 900;text-transform:uppercase;display:block;
background-color:#fff;padding-right:10px;position:absolute;left:0;bottom:0;margin-bottom:-6px;}

/* SERVICES SECTION BOTTOM */
.services-section .row{ margin-left:-11px;margin-right:-11px;}
.services-section .col-lg-4{ padding-left:11px;padding-right:11px;}
.services-boxes{ position:relative}

.services-boxes .content-area{ position:absolute;bottom:0;left:0;right:0;width:100%;padding:0 15px;color:#fff}
.services-boxes .content-area h6{ color: #ffffff;font-family: "Conv_Avenir-Heavy",sans-serif;font-style: normal;font-weight: 900;margin-bottom: 10px;text-transform: uppercase; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); letter-spacing: .3px;}
.headline{ background-color:#fff;padding:8px 5px 0px 5px;font-size:11px;margin-bottom:0px; overflow: hidden; height:24px; position: relative;}

#ticker { position: relative; list-style: none;}
/* FOOTER */
footer{ background-color:#e7e7e8;min-height:40px;margin-top:30px;}
footer p{  color:#a1a1a1;font-family: 'Conv_avenir-light';font-size: 11px;font-style: normal;font-weight: 300;margin-top:15px;text-align:center}
footer p a{ color:#a1a1a1;}

/* INNER PAGE CSS
-------------------------------------------------- */

.banner{ margin-bottom:30px;background-color:#000}
.banner img{ display:block;margin:0 auto}
.banner-content{ position:relative;}
.banner .caption-text{ position:absolute;bottom:15px;left:0;}
.banner .caption-text h1{ font-size:60px;font-family:'Conv_BigCaslon';text-transform:uppercase;color:#fff}

.content-section strong{  font-family: "Conv_Avenir-Heavy",sans-serif;}
ul.list{ list-style-image:url(../images/list-arrow.png)}
ul.services-list{ margin:0;padding:0;list-style:none}
ul.services-list li a{ color:#333;
font-family: "Conv_avenir-light",sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
}
ul.services-list li a:hover{ color:#999999}
.heading6{
 font-family: 'Conv_avenir-light';
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
	letter-spacing: 1px;
}

.contact-resource-section{ 
font-size:12px;
 font-family: "Conv_avenir-light",sans-serif;
    font-style: normal;
    font-weight: normal;
}
.contact-resource-section .h6{ 
	color: #b99743;
    font-family: "Conv_Avenir-Heavy",sans-serif;
    font-size: 8px;
    font-style: normal;
    font-weight: 900;
}
.contact-resource-section b{
font-family: "Conv_Avenir-Heavy",sans-serif;
    font-style: normal;
    font-weight: 900;font-size:12px;
}

.services-section .col-lg-6{ padding-left:11px;padding-right:11px;margin-bottom:20px;}

.team-section .row{ margin-left:-11px;margin-right:-11px;}
.team-section .col-lg-4{ padding-left:11px;padding-right:11px;margin-bottom:20px;}
.team-section .team-boxes{ position:relative;}
.services-boxes .content-area{ position:absolute;bottom:0;left:0;right:0;width:100%;color:#fff;background:rgba( 000, 000, 000, 0.2);
height:100%;
}
.services-boxes .content-area h6{ position:absolute;bottom:0;left:0;right:0;padding:0 15px;}
.services-boxes .content-area h6{
 color: #ffffff;
    font-family: "Conv_Avenir-Heavy",sans-serif;
    font-style: normal;
    font-weight: 900;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.services-boxes a:hover .content-area{ display:none}

.team-member-details{ margin-top:20px;
	font-size:12px;
	font-family: 'Conv_avenir-light';
    font-style: normal;
    font-weight: 300;}
.team-title{ margin-top:0;font-family:'Conv_BigCaslon';color:#b99743}	
.team-member-description{ font-size:12px;font-family: 'Conv_avenir-light';}
b{ font-family: "Conv_Avenir-Heavy",sans-serif;
    font-style: normal;
    font-weight: 900;}	

/* about page css */
.we-are-list{ border-left:solid 3px #c6c8ca;padding-left:20px;}
.mrg-top0{ margin-top:0 !important}

/* blog pages css */
.blog-grid{ margin-bottom:25px;}
.blog-paging{ font-size:8px;}
.blog-paging a{ color:#999999}
.blog-title{ margin-top:0;color:#b99743;font-family:'Conv_BigCaslon'}
.social-media{ margin-top:30px;margin-bottom:30px;}
.social-media ul{ margin:0;padding:0;list-style:none}
.social-media ul li{ float:left;margin-right:20px;}
.social-media .col-xs-9{ padding-left:0}
.blog-bottom-section p{ font-size:11px;color:#808080}
a.more-post{ color:#333;text-decoration:underline;}

/* media pages css */
.featured-boxes h5{ font-size:10px;font-family: "Conv_Avenir-Heavy",sans-serif;font-style: normal;font-weight: 900;color:#fff;text-transform:uppercase}
.heading-small{ font-family: "Conv_Avenir-Heavy",sans-serif;font-style: normal;font-weight: 900;color:#b99743;font-size:8px;margin-left:7px;}	
a.view-all{ font-family: "Conv_Avenir-Heavy",sans-serif;font-style: normal;font-weight: 900;color:#999999;font-size:8px;margin-left:7px;}	
ul.amazingcarousel-list li.column{ }
ul.amazingcarousel-list li:first-child.column{ margin-left:0 !important}
ul.amazingcarousel-list li:last-child.column{ margin-right:0 !important}
.featured-modul{ margin-left:-7px;margin-right:-7px;}
.featured-modul .col-xs-4{ padding-left:7px;padding-right:7px;}
.featured-modul .btn{ margin-bottom:10px;}
a.view-all-video{ font-family: "Conv_Avenir-Heavy",sans-serif;font-style: normal;font-weight: 900;font-size:10px;}	

.news-grid span{ font-family: "Conv_Avenir-Heavy",sans-serif;font-style: normal;font-weight: 900;font-size:10px;color:#b99743}
.services-boxes h6 span{ font-family: "Conv_Avenir-Heavy",sans-serif;font-style: normal;font-weight: 900;font-size:10px;color:#b99743;margin-top:5px;display:inline-block}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 767px) {
h1, .h1 {
    font-size: 24px;
}
.navbar-form { margin-left:10px;margin-right:0}
.navbar-form input{ width:100%;}
.navbar-form .btn{ top:3px;}
.navbar-nav > li > a { padding-bottom: 5px;padding-top: 5px;}
.marketing{ margin-top:-25px;}
.carousel-caption{ bottom:60px;left:0;right:0;padding:0}
.carousel-caption h1{ margin-bottom:0}
.carousel-caption h5{ font-size:12px;margin-top:5px}
.slick-media .content-caption { width: 100%;}
.content-caption h4{ font-size:13px;}
.navigation-section img{ display:block;margin:0 auto}
.navigation-section .col-lg-4{ margin-bottom:0;}
.banner .caption-text h1{ font-size:36px;}
.navbar-brand{ padding-left:0}
.featured-boxes img{ width:100%;}
.blog-grid img{ margin-bottom:15px;}
.content-section { margin: 30px 0;}

}

@media (max-width: 480px) {
.carousel-caption{ bottom:60px;left:0;right:0;padding:0}
.carousel-caption h1{ font-size:20px;}
.carousel-caption h5{ font-size:10px;}
.marketing{ margin-top:-25px;}
.slick-media .content-caption { width: 100%; }
.content-caption h4{ font-size:11px;}
.banner .caption-text{ left:30px;bottom:0;}
.banner .caption-text h1{ font-size:30px;}
.navigation-section .col-xs-4{ width:100%}
.featured-modul .btn{ font-size:10px;}
.team-section .col-xs-4{ width:100%}
}

@media (max-width: 380px) {
.carousel-caption{ bottom:30px;left:0;right:0;padding:0}
.slick-media .content-caption { width: 100%; }
.carousel-caption h1{ font-size:18px;}
.carousel-caption h5{ font-size:9px;margin-top:0}
.marketing .col-xs-4{ width:200px;margin:0 auto;float:none;margin-bottom:15px;}
.services-section .col-xs-4{ width:185px;margin:0 auto;float:none;margin-bottom:15px;}
.banner .caption-text h1{ font-size:24px;}
.team-section .col-xs-4{ width:50%;}
.featured-modul .col-xs-4{ width:100%;}
.featured-modul .btn{ font-size:12px;padding:10px;}

.services-section .col-xs-6{ width:290px;margin:0 auto;float:none;margin-bottom:15px;}
.banner .caption-text h1{ font-size:20px;}
.contact-resource-section .col-xs-6{ width:100%}
}

@media (min-width: 768px) and (max-width: 991px) {
h1, .h1 {
    font-size: 30px;
}
.slick-media .carousel-caption{ bottom:100px}
.content-caption { width: 100%; }
.content-caption h4{ font-size:12px}  
.banner .caption-text h1{ font-size:40px;}
}

@media (min-width: 768px) {

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 0;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 0;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
  .slick-media .content-caption {
    width: 185px;
  }
}
td.date {
	font-size:30px;
	padding-right:20px;
}
#timeline tr {
	border-bottom: 1px solid #e4e2e2;
}
#timeline p {
	padding-bottom:10px;
	padding-top:15px;
}
#professionals ul {
		border-bottom: 1px solid #e4e2e2;
}

.featured-testifier {
  width: 184px;
  height: 185px;
}
.featured-testifier img {
  height: 100%
}

.professionalcss {
    margin-bottom: 190px;
}

@media (min-width: 768px) {
	#nav #team-member-list {
		width: 600px;
	}
}

.body-search-form{ padding:0 0 30px 0; }
.body-search-form input{
    background:transparent;
    color:#333;
    font-size:14px;
    line-height:14px;
    border:solid 1px #000;
    border-radius:12px;
    width:240px;
    height:28px;
    padding:0 5px}
.body-search-form .btn{ position:absolute;top:4px;left:216px;background:transparent;padding:0;margin:0;color:#333;font-size:14px;}
#body-search-container {
    position: relative;
}
#search-results {
    padding-bottom: 60px;
}
.search-result {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 16px;
}


.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 590px;
	height: 24px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 590px;
	height: 24px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	height: 20px;
  margin-right: 30px;
}

.headline span.price { font-weight: bold; margin: 0 3px;}
.headline span.change_down { color:#ff8333; }
.headline span.change_up { color:#20C217; }


/************
Team listing
*********/
.team_arrow_box h6 {
  font-family: "Conv_Avenir-Heavy",sans-serif;
  font-style: normal;
  font-weight: 900;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
  color: rgb(51, 51, 51);
}

@media (min-width: 769px) {
  .team_arrow_box {
    position: relative;
    background: #FFFFFF;
    border: 2px solid #636466;
    /*  border-right: 2px solid #636466;*/
    z-index: 50;
  }
  .team_arrow_box.featured {
    border: 2px solid #636466;
  }

  .team_arrow_box:after, .team_arrow_box:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }

  .team_arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #FFFFFF;
    border-width: 11px;
    margin-top: -11px;
  }
  .team_arrow_box:before {
    border-color: rgba(99, 100, 102, 0);
    border-left-color: #636466;
    border-width: 14px;
    margin-top: -14px;
  }

  /* team member list */
  #nav ul.team_list {
    background-color: #FFFFFF;
    border:solid 1px #e7e7e8;
    color: #333333;
    display: none;
    left: 195px;
    padding: 0;
    position: absolute;
    top: -470px;
    width: 420px;
    z-index:20;
  }
  #nav ul.team_list.featured {
    top: -570px;
  }
}

#nav li:hover ul.team_list  {
  display: block;
}
#nav ul.team_list  > li {
  display: inline-block;

  padding: 15px 15px;
  vertical-align: top;
  width: 49%;
}
#nav ul.team_list > li a {
  color: #000000;
  line-height: 20px;
  font-family: "Conv_avenir-light";
  font-size: 14px;
  font-style: normal;
  font-weight: normal;line-height:normal;
  line-height:20px;
}
#nav ul li a:hover {
	color: #b99743;
   
}
#nav ul.team_list > li > a {
  color: #000000;
  font-family: "Avenir Heavy",sans-serif;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  margin-bottom: 10px;
  text-transform: uppercase;
  line-height:normal
}
#nav ul.team_list > li li {
  float: none;
  padding-left: 8px;

}
#nav ul.team_list > li li:hover {
}


@media (min-width: 601px) and (max-width: 768px) {
  .team_arrow_box {
  	position: relative;
  	background: #FFFFFF;
  	border: 2px solid #636466;
    z-index: 50;
  }
  .team_arrow_box:after, .team_arrow_box:before {
  	top: 100%;
  	left: 50%;
  	border: solid transparent;
  	content: " ";
  	height: 0;
  	width: 0;
  	position: absolute;
  	pointer-events: none;
  }

  .team_arrow_box:after {
  	border-color: rgba(255, 255, 255, 0);
  	border-top-color: #FFFFFF;
  	border-width: 11px;
  	margin-left: -11px;
  }
  .team_arrow_box:before {
  	border-color: rgba(99, 100, 102, 0);
  	border-top-color: #636466;
  	border-width: 14px;
  	margin-left: -14px;
  }
   
  /* team member list */
  #nav ul.team_list {
    background-color: #FFFFFF;
    border:solid 2px #636466;
    color: #333333;
    display: block;
    padding: 0;
    top: -2px;
    position: relative;
    z-index:20;
    width: 560px;
  }
  .team-member-page #nav ul.team_list { display: none; } 
}
  
@media (max-width: 600px) {
  .team_arrow_box {
  	position: relative;
  	background: #FFFFFF;
  	border: 2px solid #636466;
    z-index: 50;
  }
  .team_arrow_box:after, .team_arrow_box:before {
  	top: 100%;
  	left: 50%;
  	border: solid transparent;
  	content: " ";
  	height: 0;
  	width: 0;
  	position: absolute;
  	pointer-events: none;
  }

  .team_arrow_box:after {
  	border-color: rgba(255, 255, 255, 0);
  	border-top-color: #FFFFFF;
  	border-width: 11px;
  	margin-left: -11px;
  }
  .team_arrow_box:before {
  	border-color: rgba(99, 100, 102, 0);
  	border-top-color: #636466;
  	border-width: 14px;
  	margin-left: -14px;
  }
   
  /* team member list */
  #nav ul.team_list {
    background-color: #FFFFFF;
    border:solid 2px #636466;
    color: #333333;
    display: block;
    padding: 0;
    top: -2px;
    position: relative;
    z-index:20;
    width: 100%;
  }  
  
  #nav ul.team_list  > li {
    display: inline-block;

    padding: 15px 15px;
    vertical-align: top;
    width: 49%;
  }
 
 .team-member-page { display: none;} 
}

#ot300-company {
  margin-top: 30px;
}

#ot300-company h3 {
  margin-bottom: 4px;
}
#ot300-company .ticker {
  font-size: 16px;
  color: rgb(51, 51, 51);
  text-transform: uppercase;
  margin-bottom: 24px;
}

#ot300-company h5 {
  font-family: Conv_avenir-light;
  color: rgb(51, 51, 51);
  margin: 6px 0;
}

#ot300-company hr {
  border-top-width: 2px;
  margin: 4px 0;
}

#ot300-company .description {
  margin: 30px 0;
}

#ot300-company .patent-table {
  margin-top: 14px;
}

#ot300-company .patent-table th {
  text-transform: uppercase;
  font-size: 12px;
  font-family: Conv_Avenir-Heavy;
}

#ot300-company .patent-table td {
  padding: 4px 40px 4px 0;
  font-family: Conv_avenir-light;
}