/*
Theme Name: Bitrode
Theme URI: http://miken.net
Description: A custom Theme for Bitrode
Author: Benjamin Phillips
Version: 1.0
Tags: basic, cross compatibility, frame
*/


/* Yahoo Reset */
/* html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} */

/* END Reset */

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

body {
  padding-bottom: 40px;
  color: #5a5a5a;
}
a{
color:#0D6D22;	
}
a:hover{
color:#0D6D22;	
}

h1{
color:#dd8734;
border-bottom:3px solid #0c2a4c;
padding-bottom:11px;	
}
h2{
	color:#0c2a4c;
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-left: 0;
  padding-right: 0;

}
.navbar-wrapper{}
.navbar-wrapper .navbar {
  padding-left: 15px;
  padding-right: 15px;
}
.affix{
position: fixed;
top:0;
z-index:1000;
left:0;
width:100% !important;
border-radius:  0px !important;
}

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

/* Carousel base class */
.carousel {
  height: 300px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10 !important;
  right:0 !important;
  left:0 !important;
  bottom:0 !important;
margin-bottom: -21px !important;
padding-top !important: 30px;
background-color: #000 !important;
opacity:  .7 !important;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 300px;
  background-color: #777;
  background-size:  cover;
}
.carousel-inner > .item > img {

}


img.banner-feature{
float:right;
margin-right:15px;
margin-top:-180px;
  }
h1.banner-feature{
 font-size: 50px;
color: #fff;
text-shadow: 0px 0px 17px #000;
        filter: dropshadow(color=#404040, offx=0, offy=0);
        z-index: 2000;
        position: relative;
}
h2.banner-feature{
 font-size: 30px;
color: #fff;
text-shadow: 0px 0px 17px #000;
        filter: dropshadow(color=#404040, offx=0, offy=0);
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-md-3 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-md-3 p {
  margin-left: 10px;
  margin-right: 10px;
}


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

.featurette-divider {
  margin: 20px 0; /* Space out the Bootstrap <hr> more */
  border-top:#ccc 1px solid;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
.featurette-heading span{
color:#dd8734;
}
.spotlight-heading span{
color:#dd8734;
}
.truefooter a{
color:#fff;	
}
.truefooter a:hover{
color:#fff;	
}
.blogentry h2{
	font-size:26px;
}
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

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

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

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

  .featurette-heading {
    /*font-size: 35px;
    margin-top:40px;*/
    font-size: 35px;
    margin-top: 19px;
    margin-bottom: 40px;
  }

}

@media (min-width: 992px) {
  .featurette-heading {
   
  }
}

.navbar-inverse .navbar-nav > li > a {
font-size: 17px;
}
.navbar-inverse .navbar-nav > .active > a{

  background-color: transparent !important;
}
.navbar-inverse .navbar-nav > .active > a:hover{
text-decoration: underline !important;
  background-color: transparent !important;
}
.navbar-inverse .navbar-nav > li > a:hover{
text-decoration: underline !important;
  background-color: transparent !important;
}
.navbar-inverse{
background-color:#0c2a4c !important;
}

.fp-blocks-content{
min-height:165px;
}
.fp-blocks-content li{
font-size:12px;	
}
.btn-default{

  background-color:#0c2a4c;
  border:1px solid #0c2a4c;
  color:#fff;
}
.btn-orange{

  background-color:#dd8734;
  border:1px solid #dd8734;
  color:#fff;
}
img.banner-feature{
float:right;
/*margin-right:15px;
margin-top:-90px;*/
position: absolute;
right:0;
top:193px;
  }

.banneritem{
  position: relative;

}
.calloutcircle{

background-color:#fff;
border:4px solid #dd8734;
  }
  footer .fa{
font-size:30px;
margin-left:3px;
background-color:#dd8734;
padding:10px;
border-radius: 50%;
width:50px;
height:50px;
float:right;
text-align: center;
text-decoration: none;
color:#fff;
margin-bottom: 10px;
}
footer .fa:hover{
  color:#428bca;
}
.social{
width:200px;
}
.truefooter{
  color:#fff;
  
  margin-top: 26px;
background-color: #0c2a4c;
padding-top: 18px;
}

.alignright{
	float:right;
	margin-left:12px;
}
.alignleft{
	float:left;
	margin-right:12px;
}
.thumbnailcontact {
display: inline-block;
display: block;
height: auto;
max-width: 100%;
padding: 4px;
margin-bottom: 4px;
line-height: 1.428571429;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.blogcontent{
margin-top:15px;	
}
.blog-break{
	border-bottom:1px dotted #ccc;
	margin-bottom:12px;
	padding-top:12px;
}
#sidebar{
	margin-left:0;
	padding-left:0;
}
#sidebar ul{
	margin-left:0;
	padding-left:0;
}
.fpbutton{
	width:100%;
	
}
#sidebar li{
		margin-left:0;
	padding-left:0;
	list-style-type:none;
}
.videotitle{
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.video{
width:200px;
height:180px;
float:left;
margin-right:20px;	
margin-bottom:20px;

}
.video img{
width:200px;
height:auto;	
}
.newssubmit{

}
.button{
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
background-color: #dd8734;
border: 1px solid #dd8734;
color: #fff;	
}
.newltr  {
	width:186px;
	margin:0 auto;
}
.navmap{
	float:left;
} 	
.iconlist li{
list-style-type:none;

width:250px;
height:130px;
border:1px solid #000;
border-radius:10px;
padding:15px;
text-align:center;
background-color:#E9E9E9;
margin:10px 30px 15px 0;
	float:left;
}
.iconlist span{
font-weight:bold;	
color:#0c2a4c;
}
.iconlist li a{
display: block;
font-size: 16px;
margin-bottom: 0px;
color: #dd8734;
font-weight: bold;
background-color:#0c2a4c !important;
text-align:center;
margin-top: -25px;
width: 248px;
margin-left: -15px;
border-radius: 5px 5px 0px 0px;
margin-bottom:12px !important;
padding:5px 0;
}
.iconlist{
	clear:both;
margin:0;
padding:0;	
}

.iconlist li{
text-align:left !important;	
}
.iconlist li a {

}
#content table{
width:100% !important;
max-width:none;	
}

.gallery-item{
float:left;
margin-right:10px;	
}
.product-table table{
width:100%;
margin-top:55px;	
}
.product-table table td{
padding: 0 15px 15px 0px;	
}
.product-tabs{
margin-top:12px;	
} 
#mainnav{
margin-left:0 !important;
padding-left:0 !important; 
}
#iso{
width:100px;
float:right;
margin-top:40px;	
}
.hide{
display:block !important;	
}
.show{
display:none !important;	
}

#support-main-map{
	background-image:url("img/map-large.png");
	height:100%;
	border:1px solid #ccc;
	border-radius:50%;
	overflow:hidden;
	background-size:contain;
}
#support-main-map a{


	display:inline-block;
	padding-top:10%;
	padding-bottom:19%;
	text-align:center;
	border-right:1px solid #ccc;
	color:#0c2a4c !important;
	font-size:20px;
	
}
#support-main-map a:hover{
	opacity:.7;
	text-decoration:none;
	background-color:#dd8734;
}
#support-main-map .americas{
		width:43%;
		float:left;
padding-top:13%;
}
#support-main-map .emea{
		width:23%;
	
}
#support-main-map .apac{
		width:34%;
		float:right;
	padding-top:13%;
}
.bthumb{
margin-right:16px;	
}

.products-content{
	
margin-top:11px;	
}

@media only screen and (max-width: 970px) {    
.navbar-collapse {
	max-height:500px !important;	
}
#iso{
width:100px;
float:none;
margin-top:0px;	
}
.newltr {
width: 186px;
float:left;
margin-top:20px;
}
.social {

}
.mejs-container{
width:100px !important;	
}
.hide{
display:none !important;	
}
.show{
display:block !important;	
}
.featurette-heading{
text-align:center;
}

.btn-orange {
background-color: #dd8734;
border: 1px solid #dd8734;
color: #fff;
width:100%;
float:left !important;
margin-bottom:25px;
}
#support-main-map{
	background-image:url("img/map-large.png");
	height:100%;
	border:1px solid #ccc;
	border-radius:50%;
	overflow:hidden;
	background-size:contain;
}
#support-main-map a{


	display:inline-block;
	padding-top:10%;
	padding-bottom:19%;
	text-align:center;
	border-right:1px solid #ccc;
	color:#0c2a4c !important;
	font-size:8px;
	
}
#support-main-map a:hover{
	opacity:.7;
	text-decoration:none;
	background-color:#dd8734;
}
#support-main-map .americas{
		width:43%;
		float:left;
padding-top:13%;
}
#support-main-map .emea{
		width:23%;
	
}
#support-main-map .apac{
		width:34%;
		float:right;
	padding-top:13%;
}
	 }
	.clear{
	clear:both;	
	}
	
	
	.footer-nav{
	list-style-type:none;

	}
	.footer-nav li{
			display:inline;	
			margin-left:20px;
	}
	
.pp_social{
display:none !important;	
}

div.navbar-wrapper > div > div.col-md-3 {
	width: 38%;
}
div.navbar-wrapper > div > div.col-md-7 {
	width: 39.3333333333333%;
}
div.navbar-wrapper > div > div.col-md-2 {
	width: 22.666666667%;
}