/*
Theme Name: Biznex
Theme URI: http://teslathemes.com/demo/wp/biznex/
Description: Awesome theme for a Wordpress crtive website
Version: 1.9
Author: Tesla Themes
Author URI: http://teslathemes.com/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: light, theme-options,creative,responsive,unique,filtered portfolio,ajax forms
*/

a, h1 {
  font-family: 'Arimo', sans-serif;
  letter-spacing: 1.1px;
}

header { 
  background: none;
  width: 100%;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

body { padding: 60px 0 !important; }

.none { display: none; }

.switch { cursor: pointer; }

.navbar-collapse { margin-top: -93px; }

.to-top {
  display: none !important;
}

#menu-multi-page { 
  float: none !important; 
  background: #ccc;
  height: 60px;
}

#menu-multi-page > li > a { 
  text-align: center;
  padding: 8px 0 0;
  font-weight: 400;
  font-size: 15px;
  color: #1d4e76;
  transition: color 0.1s ease;
  height: auto;
  display: inline-block;
}

#menu-multi-page > li.current_page_item {
  background: rgba(0,0,0,0.2);
}

#menu-multi-page > li.current_page_item > a { 
  color: #fff; 
  border-bottom: 2px solid #1d4e76;
  height: 60px;
}

#menu-multi-page > li > a:hover { color: #fff; }

#menu-multi-page > li { 
  border-right: 1px solid rgba(0,0,0,0.1); 
  height: 60px; 
  background: none;
  display: none;
  text-align: center;
}

#menu-multi-page > li:before { background: none;}

#menu-multi-page > li:last-child { border-right: none; }

header > .container { 
  margin:0; 
  padding:0; 
  max-width: none; 
  height: 60px;
  box-shadow: -1px -1px 13px -1px;
}

.header { background: #fff;}

.navbar-toggle { 
  /*background: #012744;*/
  background: #1d4e76;
}

.navbar .logo { margin: 0; }

.navbar .logo > img { 
  width: 75px; 
  margin: 5px 5px 0;
  box-shadow: 2px 1px 16px -3px #222;
}

.container.compact, Section.light { max-width: 100%; background: #fff; }

.container.compact > .main-body-container { 
  text-align: left;
  width: 70%;
  padding: 170px 0 0;
  float: left;
  font-family: 'Lato', sans-serif;
  font-size: 22px;
  font-weight: 300;  
  line-height: 35px;
}

.container.compact > .main-body-container img { width: 95%; margin: 0 auto; }

.container.compact > .main-body-container > .main-body {
  width: 90%;
  margin: 0 auto;
  height: auto;
  font-family: 'Lato', sans-serif;
  text-align: left;
  max-width: 480px;  
}

.container.compact > .side-bar-container { 
  text-align: center;
  width: 30%;
  padding: 150px 0 0;
  float: right;
}

.container.compact > .side-bar-container > .side-bar {
  width: 240px;
  max-width: 90%;
  margin: none;
  border-top: 2px solid #1d4e76;
  height: auto;
  padding: 20px 0;
  border-bottom: 2px solid #ddd;
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  text-align: left;
  font-weight: 300; 
}

.container.compact > .side-bar-container > .side-bar > a, .container.compact > .main-body-container > .main-body a, .faq-a > a {
  color: #1d4e76;
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  letter-spacing: normal;  
}

.container.compact > .side-bar-container > .side-bar > a:hover, .container.compact > .main-body-container > .main-body a:hover, .faq-a > a:hover {
  text-decoration: none;
}

.large-text { font-size: 60px; line-height: 50px; }

.blue-text { color: #1d4e76; }

.red-text { color: #B00024; }

.gret-text { color: #ccc; }

.med-text { font-size: 35px; }

.portfolio-labels {
  /*width: 290px;*/
  width: 290px;
  margin: auto;
  position: fixed;
  left: 0;
  right: 0;
  top: 80px;
  padding: 5px;
  border-radius: 5px;
}

.portfolio-label {
  float: left;
  font-size: 20px;
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  padding: 5px 10px;
  border-radius: 6px;
  /*margin: 0 10px;*/
}

.portfolio-label:hover {
  box-shadow: 0px 0px 16px -4px #1d4e76;
}

.portfolio-label-border {
  background: #eee;
  /*padding: 5px 0px;*/
  /*height: 49px;*/
  height: 38px;
  border: 5px;
  border-radius: 6px;
  float: left;
  margin-right: 20px;
}

.portfolio-label-border:last-child > div {
  padding: 5px 31px;
}

.portfolio-selected {
  color: #1d4e76;
  background: #ccc;
  border-radius: 5px;
}

.faq-q {
  /*border-bottom: 1px solid #1d4e76;*/
  /*cursor: pointer; */
  display: block;
  font-size: 25px;
  line-height: 35px;
  margin-top:15px;
}

.faq-q:first-child {
  margin-top: none;
}

.faq-a {
  font-size: 23px;
  line-height: 30px;
  display: block;
  margin: 10px 0;
}

.contact-text {
  margin-top: 37px;
  display: block;
  font-size: 54px;
}

.upper-text {
  font-size: 15px;
  position: relative;
  top: -6px;
}

.side-bar-tw {
  position: absolute;
  width: 40px;
  margin-left: 20px;
}

/* BLOG CSS */
.blog-entry > .entry-header > .entry-details > h2 {
	background: none;
  color: #000;
  display: block;
  padding: 0 0 0 20px;
	clear: both;
}

.blog-entry .entry-header .entry-details span {
	color: #000;
  font-family: 'Roboto';
  font-weight: lighter;
  text-transform: none;
  display: block;
  clear: both;
  float: left;
  position: relative;
  margin-left: 35px;
}

.blog-entry .entry-header .entry-details h2 a {
  color: #000;
}

.blog-entry .entry-header .entry-details h2 a:hover {
  text-decoration: none;
}


.blog-entry > .entry-header > .entry-details {
	background: none;
}

.blog-header > a, .blog-header > a:hover {
	color: #000;
  float: left;
  font-size: 55px;
  margin: 10px 0 0 50px;
  line-height: 60px;
  text-decoration: none;
  font-weight: 300;
  font-family: 'Roboto';
}

.blog-header > p.quote {
  color: #777;
  width: 50%;
  min-width: 300px;
  float: right;
  clear: both;
  font-size: 22px;
  line-height: 28px;
	margin-top: 40px;
}

.blog-header > .banner-img {
	width: 100%;
	height: auto;
	display: block;
	clear: both;
}

.blog-header {
  margin-bottom: 30px;
}

.widget .widget-title {
  background: none;
  text-transform: none;
  font-size: 20px;
  color: #000;
  border-bottom: 1px solid #000;
  width: 90%;
  margin: auto;
}

#emailSub-widget #emailSub-email {
  width: 80%;
  margin: 20px auto -20px;
  display: block;
  height: 40px;
  padding: 2px 0 0 3%;
  font-size: 16px;
  font-family: roboto;
  font-weight: 100;
}

#emailSub-widget .submit {
	width: 80%;
  margin: 20px auto -20px;
  display: block;	
  background: #1d4e76;
  border: none;
  border-radius: 3px;
  top: -10px;
  height: 40px;
  padding-top: 6px;
  font-size: 18px;
  color: #fff;
  font-family: 'Roboto';
  font-weight: 300;
}

.widget ul li a {
	color: #000;
}

.widget ul li a:hover {
	color: #1d4e76;
}

.blog-entry .entry-content p {
  color: #000;
}

.blog-entry .entry-content .link-more, .blog-entry .entry-content .link-more:hover {
	background: #1d4e76;
	text-decoration: none;
	width: 115px;
	padding: 5px;
	font-family: 'Roboto';
}

.entry-content h1, .entry-content h2, .entry-content h3, .comment h1, .comment h2, .comment h3 {
	color: #000;
}

.page-numbers li span.dots {
	border: none;
	color: #000; 
	padding: 0;
}

.page-numbers li span.current {
  background: #B00024;
  color: #fff;
  border: none;
	height: 37px;
	font-weight: lighter;
	font-family: 'Roboto';
	font-size: 17px;
	padding: 10px;
}

.page-numbers li a, .page-numbers li a:hover {
  border: none;
	color: #000;
	font-weight: lighter;
	font-family: 'Roboto';	
	font-size: 17px;
	padding: 10px;
}

.page-numbers li a.prev, .page-numbers li a.next, .page-numbers li a.prev:hover, .page-numbers li a.next:hover {
  text-decoration: none;
  border: none;
  font-family: 'Roboto';
  font-weight: lighter;
  color: #000;
  margin: 0;
  background: none;
}

.comment-respond h3, .comments-area .comment-all-box h3 {
	color: #000;
	font-family: 'Roboto';
	font-style: normal;
  font-weight: 100;	
}

.comment-respond .comments-line, .comment-respond .comments-area		{
  border-bottom: 1px solid #000 !important;
  text-transform: none;
  font-weight: 300;
  font-family: 'Roboto';
  font-style: normal;
}

.comment-respond input[type=submit], .comment-respond input[type=submit]:hover {
	font-family: 'Roboto';
	background: #1d4e76;
	font-weight: 100;
}

.comments-area .comment-all-box h3 { 
	font-size: 38px;
}

.comments-area .comment .comment-info {
	color: #000;
}

.comments-area .comment .comment-info > span {
  background: #1d4e76;
  display: block;
  float: right;
	padding: 4px 4px 1px;
}

.comment-edit-link, .comments-area .comment .comment-reply-link, .comment-edit-link:hover, .comments-area .comment .comment-reply-link:hover {
	background: #B00024;
	color: #fff;
}

#emailSub-output {
  text-align: center;
  font-family: 'Roboto';
  font-size: 17px;
  margin-top: 10px;
  font-weight: 100;	
}

/* END BLOG CSS */

@media (max-width: 767px) {
  .compact > .main-body-container {
          padding: 100px 0 0;
  }
  
  .navbar { 
          position: absolute; 
          width: 100%;
          /*background: rgba(93,91,88,0.91);*/
          background: #ccc;
          height: 60px;
          z-index: 10;
        }
  
  .navbar-toggle { margin: 16px 20px 0; }
  
  .navbar-collapse {
          margin-top: 60px;
        }
  #menu-multi-page {
          height: auto; 
          box-shadow: inset -1px 4px 20px -11px; 
        }
  
  #menu-multi-page > li { width: 100% !important; }
  #menu-multi-page > li > a { padding-top: 22px; }
  
  .container.compact > .main-body-container, .container.compact > .side-bar-container  { 
          width: 100%;
          float: none;
          display: block;
  }
  .container.compact > .side-bar-container > .side-bar { 
          width: 90%; 
          border-bottom: none;
          margin: 0 auto;
  }

  .large-text { font-size: 50px; line-height: 40px; }

  .med-text { font-size: 25px; }
  
  .container.compact > .main-body-container { 
          font-size: 20px;
          line-height: 30px;
   }

  .faq-a {
          font-size: 20px;
          line-height: 25px;
  }
  
  .contact-text {
          font-size: 37px !important;
  }
  
  .portfolio-labels {
          top: 100px;
  }  
	
	.blog-header > h3 {
		margin-left: 10px;
	}	
	
	#emailSub-widget {
		font-family: 'Roboto';
		width: 100%;
		text-align: center;
		font-size: 17px;
		font-weight: lighter;
		margin-top: 10px;
	}
	

}

@media (max-width: 400px) {
  .contact-text {
          font-size: 34px !important;
  }
}

.blog-entry .entry-content p {
  font-size: 16px;
}