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

Template name : Kelex-clean and modern landing page v1.0.0
Categorie : Landing page
Author : Nce18cex
Version : v1.0.0
Created : 05 March 2015
Last update : 18 March 2015

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

01. Typography
02. Images
03. Blockquote
04. Tooltip
05. Pagination
06. Navigation
07. form
08. Button
	
============================================================== */

h4 { text-transform: none !important; }

#palestrantes .heading { margin-bottom: 0; }
#palestrantes h4 { margin-bottom: 0; padding-bottom: 0; }

/*
Typography
=========================== */
body {
	background:#fff;
	font-family: 'open_sans';
	font-size:13px;
	line-height:24px;
	font-weight:400;
	color:#000;
	padding:0;
	margin:0;	
}

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;
}

p{
	margin:0 0 20px 0;
}

h1,
h2,
h3,
h4,
h5,
h6{
	color:#3b3b3b;
	margin:0 0 20px 0;
	font-weight:700;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span{
	font-weight:300;
}

h1{
	font-size:48px;
	line-height:1.05em
}

h2{
	font-size:36px;
	line-height:1.25em
}

h3{
	font-size:28px;
	line-height:1.25em
}

h4{
	font-size:30px;
	line-height:1.22222222em
}

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

h6{
	font-size:14px;
	line-height:1.375em;
	margin-bottom:15px;	
}


ul{
	padding-left:15px;
}

ul.list{
	padding-left:0;
}

ul.list li{
	list-style:none;
}

ul.list.list-lg{
	margin-bottom:20px;
}

ul.list.list-lg li{
	font-size:16px;
	line-height:24px;
	margin-bottom:15px;
}

ul.list.list-lg li i{
	font-size:22px;
	float:left;
	margin-right:5px;
}

.relative{
	position:relative;
}

.absolute{
	position:absolute;
}

.alignleft{
	float:left;
	margin:5px 20px 20px 0;
}

.alignright{
	float:right;
	margin:5px 0 20px 20px;
}

.light-text{
	font-weight:300;
}

.normal-text{
	font-weight:400;
}

.bold-text{
	font-weight:700;
}

/*
Images
=========================== */
/* .img-responsive{
	display:inline-block;
	max-width:100%;
	width: auto;
} */

@media (min-width:991px) { 
	.img-responsive{ 
		/* height: 100%; */
	}
}

.thumbnail,
.img-thumbnail{
	border-radius:2px;
	margin:0;
	background:#fff;
	padding:5px;
	border:1px solid #e6e6e6;	
	-webkit-box-shadow: 0 5px 3px -3px #f7f7f7;
	   -moz-box-shadow: 0 5px 3px -3px #f7f7f7;
	        box-shadow: 0 5px 3px -3px #f7f7f7;
}

/*
Blockquote
=========================== */
blockquote{
	background:url(../img/quote.png) no-repeat 0 0;
	margin:0 0 20px 0;
	padding:0 0 0 30px;
	border:none;
	color:#3b3b3b;
	font-weight:400;
	font-size:13px;
	line-height:24px;
	font-style:italic;
}

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

 /*
Pagination
=========================== */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin:0;
  border-radius: 0;
}

.pagination > li > a,
.pagination > li > span {
  background-color: #ffffff;
  border: 1px solid #dedede;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #fcfcfc;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #2f343a;
  cursor: default;
  background-color: #fcfcfc;
  border-color: #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 2px;
  margin:0 5px 0 5px;
}

/*
Navigation
=========================== */
.navbar-default{
	background:#FFF;
	border:none;
	-webkit-transition: background .8s ease-in-out,padding .8s ease-in-out;
	-moz-transition: background .8s ease-in-out,padding .8s ease-in-out;
	transition: background .8s ease-in-out,padding .8s ease-in-out;

}

.static-nav-collapse,
.top-nav-collapse{
	background: url(../img/navbar-bg.png) repeat-x bottom left;
	padding-top:0;
	padding-bottom:0;
}

.navbar-default .navbar-nav > li > a{
	font-size:13px;
	color:#333;
	padding:20px 10px 20px 10px;
}

.navbar-default .navbar-nav > li.active > a{
	background:none;
}

.static-nav-collapse .navbar-nav > li > a,
.top-nav-collapse .navbar-nav > li > a{
	padding-top:20px;
	padding-bottom:25px;
	color: #000;
}

.dropdown-menu {
  background: rgba(255, 255, 255, 0.98);
  color:#3b3b3b;
  border: none;
  right:auto;
  font-size:13px;
  border-radius:4px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.navbar .nav > li > .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 10px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(255, 255, 255, 0.98);
  content: '';
}

.dropdown-menu li a{
  color:#3b3b3b;
  padding-top:8px;
  padding-bottom:8px;
}

.dropdown-menu li a:hover{
  background:none;
}

.navbar-default .navbar-nav > li.dropdown > a.dropdown-toggle:hover,
.navbar-default .navbar-nav > li.dropdown > a.dropdown-toggle:focus,
.navbar-default .navbar-nav > li.dropdown > a.dropdown-toggle:active{
  background:none;
}
.dropdown-menu .sub-menu{left:100%;position:absolute;top:0;visibility:hidden;margin-top:-1px;margin-left:7px;}
.dropdown-menu li:hover .sub-menu{visibility:visible;}

li.dropdown .sub-menu:before,
li.dropdown  .sub-menu:after {
  position: absolute;
  top: 10px;
  left: -7px;
  display: inline-block;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right-color: rgba(255, 255, 255, 0.98);
  content: '';
  border-right: 7px solid rgba(255, 255, 255, 0.98);
}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:focus{
	border:1px solid #ccc;
	background:none;
}

.navbar-default .navbar-toggle:hover{
	background:none;
}

.navbar-default .navbar-toggle .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #ccc;
}

/*
form
=========================== */
.form-control{
	border-radius:40px;
}

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

.form-control:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.input-lg{
	font-size:14px;
}

/*
Button
=========================== */
.btn {
  border-radius:10px;
  border:none;
  background:#fff;
  color:#3b3b3b;
}

.btn:hover{
  background:#D36C07;
}

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

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

.btn-primary{
  color:#fff;
  width: auto;
}

.btn-primary.btn-bordered{
	background:none;
}

.btn-cta{
	display:inline-block;
	text-transform:none;
	position:relative;
	text-align:left;
	line-height:24px;
	padding:15px 35px 20px 85px;
	font-size:18px;
	line-height:20px;
	border-radius:40px;
	font-weight:700;
}

.btn-cta i{
	font-size:46px;
	line-height:42px;
}

.btn-cta .pull-left{
	float:none;
	position:absolute;
	margin-left:-50px;
}

.btn-cta span{
	display:block;
	font-weight:400;
}

.btn-lg{
    padding: 18px 90px 20px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.22222222em;
}
.btn-bordered.btn-lg{
	border:2px solid;
}

.intro .btn-horizontal{
	margin-bottom:50px;
}

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

/* fixing mobile bugs */

@media (max-width:480px) { 
	h1 {
    font-size: 36px !important;
    line-height: 41px !important;
	}
	.navbar-brand>img {
		height: 40px !important;
	}
	.btn { 
		width: 100% !important;
		padding:18px 20px;
	}
	.heading { 
		font-size: 28px !important;
	}
}