/* ==============================================================

Template name : Babatox - One page landing page template v1.0.0
Categorie : Landing page
Author : Nce18cex
Version : v1.0.0
Created : 02 April 2015
Last update : 10 April 2015

-----------------------------------------------------------------
CSS structure
-----------------------------------------------------------------

01. Typography
02. Blockquote
03. Tooltip
04. Modal
05. Navigation
06. Form
07. Button
	
============================================================== */

/*
Typography
=========================== */
body {
	background:#eff3f4;
	padding-top: 90px;
	font-family:'roboto';
	font-size:14px;
	line-height:28px;
	color:#444444;
}

a,
a:active,
a:focus,
a:hover{
	outline:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a:hover{
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'roboto';
	color:#333333;
	text-transform:uppercase;
	font-weight:700;
	margin:0 0 10px 0;
}

#home h1, #home h2, #home h3, #home h4, #home h5, #home h6,
.primary-bg h1, .primary-bg h2, .primary-bg h3, .primary-bg h4, .primary-bg h5, .primary-bg h6,
.secondary-bg h1, .secondary-bg h2, .secondary-bg h3, .secondary-bg h4, .secondary-bg h5, .secondary-bg h6,
.tertiary-bg h1, .tertiary-bg h2, .tertiary-bg h4, .tertiary-bg h5, .tertiary-bg h6 ,
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6,
#inner-head h1, #inner-head h2, #inner-head h3, #inner-head h4, #inner-head h5, #inner-head h6,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6  {
	color:#fff;
}

h1{
	font-size:32px;
	line-height:46px;
}

h2{
	font-size:28px;
	line-height:42px;
}

h3{
	font-size:24px;
	line-height:36px;
}

h4{
	font-size:19px;
	line-height:32px;
}

h5{
	font-size:16px;
	line-height:28px;
}

h6{
	font-size:13px;
	line-height:24px;
}

p{
	margin-bottom:20px;
}

/*
Blockquote
=========================== */
blockquote{
	background:url(../img/quote.png) no-repeat 0 0;
	border:none;
	font-size:16px;
	line-height:30px;
	padding:0 0 0 30px;
	font-style:italic;
}

 /*
Tooltip
=========================== */
.tooltip-inner {
  border-radius: 2px;
}

 /*
Modal
=========================== */
.modal-header,
.modal-body,
.modal-footer {
	padding:30px;
}

.modal-header h3{
	margin:0;
}

/*
Navigation
=========================== */
.navbar-brand{
	background:url(../img/brand-line.png) no-repeat center right;
	padding:9px 20px 0 0;
}

.navbar-inverse{
	background:#222438;
	border-bottom:1px solid rgba(255, 255, 255, 0.25);
	padding:20px 20px 20px 0;
	margin:0;
}

.navbar-nav{
	margin-top:8px;
	margin-left:20px;
}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:active{
	font-size:12px;
	line-height:18px;
	color:#eff3f4;
	padding:6px 10px 6px 10px;
	margin:0;
	outline:none;
	border:2px solid rgba(255, 255, 255, 0);
	border-radius:40px;
}

.navbar-inverse .navbar-nav > li.active > a,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav li a.selected{
	background:none;
	border:2px solid rgba(255, 255, 255, 1);
	border-radius:40px;
}

.navbar-toggle {
	margin-right:0;
}

.navbar-inverse .navbar-toggle {
	border-color: #fff;
}

/*
Form
=========================== */
.form-control:-moz-placeholder {
  color: #fff;
}

.form-control::-moz-placeholder {
  color: #fff;
}

.form-control:-ms-input-placeholder {
  color: #fff;
}

.form-control::-webkit-input-placeholder {
  color: #fff;
}

.form-control {
  display: block;
  width: 100%;
  height: 60px;
  padding: 10px 25px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #fff;
  background-color:none;
  border: 3px solid #fff;
  border-radius: 40px;
  background:none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
          transition: none;
}

.form-control:focus {
  border-color: #fff;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

textarea.form-control{
  border-radius: 10px;
}

.form-group{
	margin-bottom:20px;
}

.form-group label{
	font-family: 'roboto';
	text-transform:uppercase;
	font-weight:400;
	font-size:16px;
}

.form-control:-moz-placeholder {
  color: #444;
}

.modal-form  .form-control::-moz-placeholder {
  color: #444;
}

.modal-form  .form-control:-ms-input-placeholder {
  color: #444;
}

.modal-form  .form-control::-webkit-input-placeholder {
  color: #444;
}

.modal-form .form-control{
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 2px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.inner-container .form-control::-moz-placeholder {
  color: #444;
}

.inner-container .form-control:-ms-input-placeholder {
  color: #444;
}

.inner-container .form-control::-webkit-input-placeholder {
  color: #444;
}

.inner-container .form-control{
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #acacac;
  border-radius:5px;
  font-weight:400;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/*
Button
=========================== */
.btn {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  font-family:'roboto';
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 2px solid transparent;
  background-color:#fff;
  color:#333333;
  border-radius: 0;
  text-transform:uppercase;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none;
}

.btn:hover,
.btn:focus,
.btn.focus {
	background-color: #eaeaea;
}

.btn-rounded{
	border-radius:40px;
	padding: 4px 15px;
}

.btn-bordered{
	background:none;
	border:2px solid #fff;
	color:#fff;
}

.btn-bordered:hover{
	background-color:#fff;
}

.btn-primary{
	color:#fff;
	background-color: #f33434;
}

.btn-green{
	background-color:#4eb625;
	color:#fff;
}

.btn-green:hover,
.btn-green:focus,
.btn-green.focus,
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
  color: #fff;
  background-color: #73cd50;
  border-color: #73cd50;
}

.btn-yellow{
	background-color:#f69e25;
	color:#fff;
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow.focus,
.btn-yellow:active,
.btn-yellow.active,
.open > .dropdown-toggle.btn-yellow {
  color: #fff;
  background-color: #fead3e;
  border-color: #fead3e;
}

.btn-lg{
	font-size:18px;
	font-weight:700;
	padding: 10px 35px;
}

.btn-horizontal a{
	margin:0 10px 10px 0;
}