body {
    padding-bottom: 0px;
    padding-top: 50px;
	color: #333;
	background-color: #fff;
}
a{color:  #09C/*#5E4187 #09C */ ;}
a:hover{color:  #069/*#5E4187 #09C */ ;}
h2{color: #38086a; font-family: "Times New Roman", Times, serif; font-size: 36px}
h3{color: #069 /*#5B3D85*/; font-size: 24px;}
h4{color: #5C3E86/*#5B3D85*/; font-size: 18px;}

h4.alert { margin-bottom: 9px; margin-top: -60px}


.label-right {
	text-align:right;
	font-weight:bold;
}
.copy .btn a, .copy a.btn { text-decoration: none; color: #FFFFFF; }
.btn-default, .btn-primary  {
   color: #FFFFFF;
    border-color: #333;
     background-color: #38086a;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #FFFFFF;
    border-color: #000;
     background-color: #876EAF;
}


.top_banner {

 background: url("/images/firma_banner_2014.jpg") center no-repeat #A2A2A2;
    height: 256px;
    margin-top: 0px;
    padding: 10px 0;
    width: 100%;
	/*
    color: inherit;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.14286;
    margin-bottom: 0px;
    padding: 32px 0 0 0 ;
	text-align: center;
	overflow: hidden;
	 background-color: #a2a2a2;
	position: relative;*/
}
.logo_trans{   /*left: 275px;
    position: absolute;
    text-align: left;
    top: 40px;
    z-index: 500;*/ }
.conf_search { /*float:right;*/ margin: 20px 0 5px 0px; position: relative; background-color: #eee; color: #330066; padding: 5px; border-radius: 5px; border: 1px solid #306; max-width: 480px;}

.responsive_image{ height: auto;
    width: 100%;}
.navbar-brand{
    padding: 5px 10px;
}
div#footer{background: #ccc;}
div#footer h3{text-transform: uppercase;}
.container .credit {
    margin: 20px 0;
	text-align: left;
}
div#footer h3{font-size: 20px; color: #333;}
.copy a { text-decoration: underline; }
.bs-docs-sidebar.affix { position: static; }

.navbar-nav > li > a { padding-right: 10px; padding-bottom: 10px }

/*.jumbotron { display: none; }*/

.with-label { padding-top: 7px; }
   /************* front widget ********************** ********/

   .alert_social{margin-top: 20px;margin-bottom: 20px;}
.building{background: url("/images/building_bg.jpg") no-repeat fixed 50% 0 / cover  rgba(0, 0, 0, 0);}
.guitar{background: #612c64 url("/images/shim-2.png") repeat-x bottom left;}

div.guitar div.container div.row div.col-md-5 h2{
 color: white;
    font-size: 36px;
	font-family: Helvetica, Arial, sans-serif;
   /* text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/}

div.forum_cover{width: 400px;}

div.forum_cover img{width: 70%; height: auto;transform: rotate(-5deg); -ms-transform:rotate(-5deg);
-webkit-transform:rotate(-5deg); /* Opera, Chrome, and Safari */ -webkit-box-shadow: -3px 4px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    -3px 4px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:         -3px 4px 5px 0px rgba(50, 50, 50, 0.5);}

div.forum_text{ margin: 30px 20px; }
div.forum_text a{ font-size:18px; text-decoration: none; color: #333; font-weight:600;}
div.conf_text a{font-size:18px; text-decoration: none; color: #fff; font-weight:600; text-shadow: -2px 2px 3px rgba(0, 0, 0, 1);}

h3.forum_widget{font-size:24px; text-decoration: none; color: #333; font-weight:600; text-transform: uppercase;}

div.industry_news p a{ color: #38086A;}


div.trees div.container div.row{padding: 40px;}
div.trees div.container div.row div.col-md-5{padding: 40px;}



div.conf_text img, .conf_button img{width: 100%; height: auto;} div.conf_text{/*width: 100%; height: 100%;*/ margin: 10px 0px;}
.partners{ padding: 10px 0px 20px 20px;}
.partners img{float: left; padding: 10px;  }

.home_into p{ font-size: 18px;}
div.alert_social p button.btn a{color: #fff;}
p.home_intro strong a{color: #38086A;}
.for_members_pad{ padding-bottom: 10px;}
.conf_button{margin: 0px 0px;}
.video_button, .industry_news{ margin: 10px;
 }

 h2.conf{ font-family: Verdana, Geneva, sans-serif; color: #FFF; text-align: center; text-shadow: -2px 2px 3px rgba(0, 0, 0, 1);}
 div.tenn { background: #FA9D1C; padding: 10px;-webkit-box-shadow: -3px 4px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -3px 4px 5px 0px rgba(50, 50, 50, 0.75);
/*box-shadow:         -3px 4px 5px 0px rgba(50, 50, 50, 0.75);*/}
div.tenn h3{ font-family: Verdana, Geneva, sans-serif; color: #FFF; text-align: center;}

/***************************** SIDE NAV   **************************************/
div.bs-docs-sidebar ul.nav li ul li a{color: #785E99;}

@media (min-width: 480px) {.social{text-align:center;  top: 60px;/* position:relative;float:right;*/}}

@media (max-width: 767px) {
.top_banner, .social {display: none;} .conf_button{margin: 10px 0px;} div.container div.row{margin-top: 10px;}}

@media (max-width: 480px) {}

@media (min-width: 768px) {
	.navbar-brand { opacity: 0;transition: opacity .5s ease 0s;}
	.navbar-brand.opaque { opacity: 1; transition: opacity .5s ease 0s;}




  div#home.col-md-8{padding-right: 20px;}

div#home.col-md-4{padding-right: 40px;}
.social{text-align:center; top: 15px; /* position:relative;float:right;*/}
div.conf_text{/* width: 563px;height: 400px;*/ margin: 20px 0px;}
div.conf_text img, .conf_button img{width: 100%; height: auto;}
div.forum_cover img{ width: 100%; }

}

@media (min-width: 768px) and (max-width: 992px)
{
div.navbar-collapse ul.nav {font-size: 10px;}
.container{width: 760px; padding-right: 0px; padding-left: 0px;}
div.navbar-header a.navbar-brand{width: 75%; height: auto;}
div.navbar-header a.navbar-brand img{width: 170px; height: 30px;}
.top_banner{margin-top: 10px;}
.navbar-brand {
    padding: 8px 10px;
}
}

@media (min-width: 992px) {


  div#home.col-md-8{padding-right: 20px;}

div#home.col-md-4{padding-right: 40px;}
.bs-docs-sidebar.affix {
	width: 287px;
	position: fixed;
	top: 50px;
}
}

@media (min-width: 1200px) {
.bs-docs-sidebar.affix {
	width: 354px;
	position: fixed;
	top: 50px;
}


}
/************* LAYOUT ******************************/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-left: 18px;
    padding-right: 18px;
    position: relative;
}
/************* MAIN TOP NAV ******************************/

.navbar {
    margin-bottom: 0px;
	min-height: 46px;
}

.navbar-default {
	background-color:#38086a ;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.3, #38086a ),
	color-stop(1, #876EAF)
);
background-image: -o-linear-gradient(bottom, #38086a  30%, #876EAF 100%);
background-image: -moz-linear-gradient(bottom, #38086a  30%, #876EAF 100%);
background-image: -webkit-linear-gradient(bottom, #38086a  30%, #876EAF 100%);
background-image: -ms-linear-gradient(bottom, #38086a  30%, #876EAF 100%);
background-image: linear-gradient(to bottom, #38086a  30%, #876EAF 100%);
color: #fff;}

.navbar-default .navbar-nav > li > a {
color: #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: #785e99;
	color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #876EAF/*rgba(0, 0, 0, 0)*/;
    color: #eee;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
     background-color: #876EAF/*rgba(0, 0, 0, 0)*/;
    color: #eee;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #38086a ;
    color: #fff;
}
/************* drop down menu ******************************/
.dropdown-menu {
    background-clip: padding-box;
    background-color: #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}
.dropdown-menu.pull-right {
    left: auto;
    right: 0;
}
.dropdown-menu .divider {
    background-color: #E5E5E5;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
}
.dropdown-menu > li > a {
    clear: both;
    color: #38086a;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #876EAF;
    color: #fff;
    text-decoration: none;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #876EAF;
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #eee;
  }
div.navbar-collapse ul.nav li.dropdown ul.dropdown-menu li ul li a{color: #eee;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{

color:  #FC3;}}
/************* front colsdiv.row div.row div.col-md-8 div.col-md-6{height: 400px; margin-top: 5px;} ******************************/

/************* SIDE NAV ******************************/
.bs-docs-sidenav {
    background-color: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    margin: 30px 0 0;
    padding: 0;

}
.bs-docs-sidenav > li > a {
    border: 1px solid #E5E5E5;
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px;
}
.bs-docs-sidenav > li > a {color: #38086a;}
.bs-docs-sidenav > li > a:hover, .bs-docs-sidenav > li > a.active {color: #5E4187; background-color: #eee;}
.bs-docs-sidenav > li:last-child > a {
    border-radius: 0 0 6px 6px;
}

.bs-docs-sidenav > li:first-child > a {
    border-radius: 6px 6px 0 0;
	 background-color: #5E4187;
    color: #FFFFFF;
}

ul.nav li a i.glyphicon {
    float: right;
    margin-right: 6px;
    margin-top: 2px;
    opacity: 0.50;
}

/*
 div.row div.col-md-4 ul.nav  > li > a:hover, div.row div.col-md-4 ul.nav  > li > a:focus, div.row div.col-md-4 ul.nav li.active a{
    background-color: #fff;
	color: #38086a;
}
 div.row div.col-md-4 ul.nav{   background-color: #fff;
	color: #38086a;
	border-radius:  0 0 5px 5px;}
	div.row ul.nav li a{color: #876EAF ;}

div.row div.col-md-4 h2{
 background-color: #5E4187;
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    display: inline-block;
    padding: 5px 10px 0px 10px;
    width: 100%;}*/
/************* disclaimer ******************************/
 div.disclaimer h3{font-size: 11px; color:#6683A0;}
  div.disclaimer p{font-size: 9px; color: #999;}


 /************* accordian ******************************/
  .accordion {
    margin-bottom: 20px;
}
.accordion-group {
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    margin-bottom: 2px;
}
.accordion-heading {
    border-bottom: 0 none;
}
.accordion-heading .accordion-toggle {
    display: block;
    padding: 5px 15px;
}
.accordion-toggle {
    cursor: pointer;
}
.accordion-inner {
    border-top: 1px solid #E5E5E5;
    padding: 9px 15px;
}
  .accordion-caret .accordion-toggle:hover {
    text-decoration: none;
}
.accordion-caret .accordion-toggle:hover span, .accordion-caret .accordion-toggle:hover strong {
}
.accordion-caret .accordion-toggle:before {
    font-size: 20px;
    vertical-align: -3px;
}
.accordion-caret .accordion-toggle:not(.collapsed):before {
    content: "▾ ";
    margin-right: 0;
}
.accordion-caret .accordion-toggle.collapsed:before {
    content: "▸ ";
    margin-right: 0;
}
div.accordion-heading a.accordion-toggle{text-decoration: none;}
div.accordion-heading a.accordion-toggle h3{
color: #5E4187;
  text-decoration: none;
   margin:0px;
   font-size: 18px }
   a.accordion-toggle h3:hover{ color: #333;}

	div.accordion-heading{border: 1px solid #5E4187;
background: #eee ;
  border-radius: 4px;}

   /************* industry news ********************** ********/
 h4.industry a{color: #5E4187; text-decoration:none;}
  h4.industry a:hover{color:  #8C77A9; text-decoration: underline;}

div.row div.col-md-12 table tbody tr td div a, div.row div.col-md-8 div.row div.col-md-12 table tbody tr td a{color:  #369;}
div.row div.col-md-12 table tbody tr td div a:hover, div.row div.col-md-8 div.row div.col-md-12 table tbody tr td a:hover{color:  #333;}

div.row div.col-md-12 table tbody tr td div, div.row div.col-md-8 div.row div.col-md-12{color:  #666;}


div.row div.col-md-8 div.row div.col-md-12 table tbody tr td div a b{color:  #666;text-decoration:none !important; }
div.row div.col-md-8 div.row div.col-md-12 table tbody tr td div a{text-decoration:none !important;}
p.footnote a{color:  #666;}

   /************* events widget ********************** ********/
   .event-container .date {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D2D2D2;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    float: left;
    height: 54px;
    margin: 0 10px 0 0;
    width: 34px;
}

.event-container .headline {
	margin-left: 70px;
}

div.event-container div.events div.event div.date span.mon{
    color: #5A3B84;
    font-size: 12px;
    padding-left: 5px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 0;
}
div.event-container div.events div.event div.date span.day{
    background: none repeat scroll 0 0 #5A3B84;
    border-radius: 0 0 3px 3px;
    border-top: 2px solid #5A3B84;
    color: #FFFFFF;
    display: block;
    font-size: 23px;
    height: 30px;
    left: 0;
	margin: 1px;
    padding:  1px 1px 1px 3px;
    position: relative;
    width: 30px;
}

div.event-container div.events div.current div.date span.mon{
    color: #876EAF;
    font-size: 12px;
    padding-left: 5px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 0;
}
div.event-container div.events div.current div.date span.day{
    background: none repeat scroll 0 0 #876EAF;
    border-radius: 0 0 3px 3px;
    border-top: 2px solid #876EAF;
    color: #FFFFFF;
    display: block;
    font-size: 23px;
    height: 30px;
    left: 0;
	margin: 1px;
    padding:  1px 1px 1px 3px;
    position: relative;
    width: 30px;
}

div.event-container div.events div.event div.date span.year{
	display: none;
   /* background: none repeat scroll 0 0 #717171;
    border-radius: 0 0 3px 3px;
    border-top: 2px solid #717171;
    color: #FFFFFF;
    display: block;
    font-size: 23px;
    height: 18px;
    left: 0;
    padding: 1px 1px 4px;
    position: relative;
    width: 30px;*/
}

div.headline a{color: #5A3B84;}
div.current div.headline a{ font-weight: 500; color: #876EAF;}
div.event-container div.events div.event{ background: #CCCCCC;
    clear: both;
    min-height: 64px;
    margin: 10px;
    padding: 5px;  border-radius: 5px;}
	div.event-container div.events div.current{background: #fff;}

div.grey{ background: #eee; margin-bottom: 20px;border-radius: 5px;}

h1.event_title{color: #5A3B84; font-size: 30px;}
div.event-container div.events div.current span.glyphicon{ float: left;
    font-size: 24px;
    top: 18px;color: #876EAF;}


	div.event-container div.events div.event span.glyphicon-bookmark{top: 1px; color: #ccc; float: left;
    font-size: 24px;}
	div.event-container div.events div.event span.glyphicon-chevron-right{top: 18px; color: #5A3B84; float: left;
    font-size: 24px;}

   /************* digest widget ********************** ********/

div.digest p strong a, div.digest p strong{color: #7C5FA5;}
div.digest p strong a:hover{color: #38086A;}
div.digest{margin-bottom: 20px;}
div.digest p{ color: #666;}
 /************* search form ********************** ********/
form#look.form-horizontal div.form-group label{ text-align: right;}
.image_right{text-align:center; float: right; width: 280px; margin: 10px;}

.conf_tag h3 { background: rgba(0, 0, 0, 0.6); padding: 20px; border-radius: 10px; margin-top:-5px;}

.conf_tag h3, .conf_tag h3 a{ font-size:18px; color: #fff;  float: right; text-align: right; text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.85);}
h2.conf-head {background: url("/images/conf_17/fluer-bg.jpg") repeat-y ;
background-size: 100%;
width: 100%; padding: 10px; text-shadow: 3px 3px 3px rgba(150, 150, 150, 0.9);
color:#FFF; }

.responsive-video {
max-width: 100%;
height: auto;
}

 /************* join firma Jumbotron ********************** ********/

div.jumbotron.join-firma{padding-top: 20px; padding-bottom: 30px; border-radius: 0px;}

div.jumbotron.join-firma h2{margin-bottom: 20px; margin-top: 10px;}

div.jumbotron.join-firma ul{
font-size: 1.75rem;

line-height: 1.6;
margin-bottom: 20px;}

@media only screen and (min-width : 768px) {
    /* Make Navigation Toggle on Desktop Hover */
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}
 /************* join firma test banner ********************** ********/

 .test{

 background: url("/images/FIRMA18c-up.jpg") center no-repeat #A2A2A2;
height: auto;
min-height: 500px;
    margin-top: 0px;
    padding: 10px 0;
    width: 100%;

}

.top_banner-mobile{background-color: #000; width: 100%; display: block;}
.top_banner-mobile h2{
	    font-size: 1.5rem !important;
    color: #fff !important;
    text-shadow: 3px 3px 3px rgba(0,0,0,0.84);
    font-weight: 700 !important;
	margin: 1rem 0rem !important;
	padding: 1rem;
}
	.top_banner_2{ background: url("/images/FIRMA18c-up.jpg") center no-repeat #A2A2A2;
position: relative;
background-color: #000;
background-size: cover;
background-position: 50%;
min-height: 500px;
width: 100%;
margin: 0 0 1.5em;
justify-content: flex-end;
align-items: center;
overflow: hidden;
display: none;}

.top_text{  /* left: 50%;
    position: absolute;
    text-align: left;
    top: 40px;
    z-index: 500;*/
	width: 100%;}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.top_banner_2{
display: flex;}

.top_banner_2 h2{
	    font-size: 2.5rem !important;
    color: #fff !important;
    text-shadow: 3px 3px 3px rgba(0,0,0,0.84);
    font-weight: 700 !important; margin: 1rem;
}

.top_text{
    z-index: 500;
	width: 30% !important;
	 color: #fff !important;}

.top_banner-mobile{display: none;}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { .top_text{
    z-index: 500;
	width: 30%;} }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { .top_text{
    z-index: 500;
	width: 30%;} }


	.btn-purple{background-color:
#7A5DA4;
border-color:
#38086A;}
.width-300{width: 300px;}


.banner-headline h3{text-shadow: 3px 3px 3px rgba(0, 0, 0, .85);
  background: rgba(0, 0, 0, 0.75);
  max-width: 363px;
  margin: 0px 5px 0px 0px !important;
color: #fff;
font-weight: 400;
font-size: 16px;
padding: 5px 5px 5px 15px;}

.webinar
{
  width: 300px;
  margin: auto;
  padding: 20px;
}
.sponsor-table td{padding: 20px;}

#cert_sig {
	font-style: italic;
	font-weight: bolder;
	font-family: cursive;
	color: blue;
}
figure.image img {
    width: 100%;
    height: auto;
    max-width: 100%;
}
.image-style-align-left {
    float: left;
    margin-right: 1.5em;
}
.image-style-align-right {
    float: right;
    margin-left: 1.5em;
}
.image-style-align-center {
    margin-left: auto;
    margin-right: auto;
}
.image-style-align-block-left {
    float: left;
    margin-right: 1.5em;
    max-width: 50%;
}
.image-style-align-block-right {
    float: right;
    margin-left: 1.5em;
    max-width: 50%;
}
.image-style-align-block-center {
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
}