body {
	padding-top: 50px;
	color:#2b2b2b;
	font-family: 'Open Sans', sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:-0.03em;
}

.text-color, a {
	color:#ee9633;
}

a:hover, a:focus {
	text-decoration:none;
	color:#f0a857;
}

hr {
	border-color:#ee9633;
}

.section h2 {
	margin-bottom:40px;
}

p, ul {
	font-size:15px;
	line-height:20px;
}

ul li {
	margin-bottom:10px;
}

.bg-color {
	background:#e7e4ce;
}

.bg-color2 {
	background:#2b2b2b;
	color:#FFF;
}

.padded {
	padding:30px 0;
}

.navbar-brand {
	/*font-family: 'Muli', sans-serif;*/
	font-size:26px;
	letter-spacing:-0.05em;
}

.navbar-brand strong {
	color:#ee9633;
	font-weight:700;
}

.navbar-nav {
	text-transform:uppercase;
	font-weight:700;
}

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

.navbar-default .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
	color:#ee9633;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	color:#ee9633;
	background:none;
}

#section1 {
	background:url('../img/bg-section1.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100vh;
}

#section1 .block-slogan {
	position:relative;
	float:right;
}

#section1 p.lead, h1 {
	float:right;
	clear:both;
	margin:0;
	padding:20px 40px;
}

#section1 p.lead {
	background:#eeeddd;
}

#section1 h1 {
	background:#2b2b2b;
	color:#FFFFFF;
	font-weight:400;
	text-transform:none;
}

#section2 {
	position:relative;
	overflow:hidden;
}

#section2 .panel1 {
	color:#FFFFFF;
	background:#ee9633;
}

#section2 .panel1  p {

}

#section2 .panel2 {
	background:#e7e4ce;
}

#section2 .panel2  ul {
	padding-left:15px;
	list-style:square;
}

#section2 .panel1, #section2 .panel2, #section2 .panel3 {
	padding:30px;
}

#section2 .panel3 {
	position:static;
	overflow:hidden;
}

#section2 .packaging {
	position:absolute;
	bottom:0;
	z-index:999;
}

#section2 .packaging img {
	width:75%;
	height:auto;
}

#section2 .items {
	position:absolute;
	right:25px;
	top:115px;
	overflow:hidden;
	z-index:-1;
}

#section2b h3 {
	font-weight:700;
	font-size:15px;
	margin-bottom:0;
}

ul.leaders {
    max-width: 40em;
    padding: 0;
    overflow-x: hidden;
    list-style: none;
}
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
}
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: white
}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: white
}

.panel {
	color:#FFFFFF;
	background:#FFFFFF;
	padding:20px 30px 40px;
	border:none;
	border-radius:0;
}

#section3 .panel1 {
	background:#b1a646;
}
#section3 .panel2 {
	background:#2ab1b3;
	margin-bottom:30px;
}
#section3 .panel3 {
	background:#ab6773;
}
#section3 .panel4 {
	background:#e56037;
}
#section5 .panel5 {
	background:#ee9633;
}
#section5 .panel6 {
	color:#2b2b2b;
	background:#fcf5ec;
}

.panel h3 {
	font-size:32px;
	margin-bottom:30px;
}

.nav-tabs.nav-justified > li > a {
	border-radius:0;
	background-color:#e7e4ce;
	color:#a5a496;
	font-size:24px;
	font-weight:700;
	text-transform:uppercase;
	border-color:#e5e2cc #dbd8c3 #e5e2cc #f7f6ef;
	padding:15px;
}

.nav-tabs.nav-justified > li > a:hover, .nav-tabs.nav-justified > li > a:focus {
	background-color:#dbd8c3;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	background-color:#e56037;
	color:#FFFFFF;
}

#section4 .tab-content {
	margin:20px 0;
}

#section4 .tab-content .row  {
	border-bottom:1px solid #ee9633;
	padding:30px;
}

#section4 .large-number {
	font-size:72px;
	font-weight:700;
	color:#ee9633;
	line-height:1;
	text-shadow:-5px 5px 0 rgba(0,0,0,0.85);
}

#section4 .img-protocolo {
	margin-bottom:15px;
}

.list-check li {
	margin-bottom:20px;
	margin-left:35px;
}

.list-check li:before {    
font-family: 'FontAwesome';
content: '\f00c';
font-size:30px;
margin:0 5px 0 -35px;
}

.list-countries li {
	width:49%;
	font-size:14px;
	margin:0;
	font-style:italic;
}

#section5 .panel6 h3 {
	margin:0;
	text-transform:none;
}

#section6 .box {
	display:inline-block;
	background:#e7e4ce;
	color:#2b2b2b;
	font-style:italic;
	cursor:pointer;
	padding:30px;
	font-size:16px;
	min-height:130px;
	width:100%;
}

#section6 .box:hover {
	background:#c1bda3;
	text-decoration:none;
}

#section7 h3 {
	text-transform:none;
	font-weight:400;
}

#section7 .over {
	margin:15px 0;
}

#section7 address {
	margin-top:20px;
}

@media (min-width: 768px) and (max-width: 992px) {
	body {
		padding-top:110px;
	}
	
	.navbar-header {
		width:100%;
	}
	
	.navbar-header .navbar-brand {
		text-align:center;
		width:100%;
	}
	
	.navbar-nav {
		float:none!important;
		display:table;
		margin:0 auto;
	}
}

@media (min-width: 600px) and (max-width: 1000px) {
	#section1 .block-slogan {
	width:70%;
	}

}

/* Large devices Desktops (≥1109px) */
@media (min-width: 1109px) {
	#section2 .panel1 {
		background:#ee9633 url('../img/bg-diag-1.png') no-repeat top right;
		margin-bottom:10px;
	}
	#section2 .panel2 {
		background:#e7e4ce url('../img/bg-diag-2.png') no-repeat bottom right;
	}
	#section2 .panel1, #section2 .panel2 {
		min-height:315px;
		padding-right:200px;
	}
	#section2 .packaging {
		margin-left:-150px;
	}
}

/* Medium devices Desktops (≥992px) */
@media (min-width: 992px) {
	h2 {
		font-size:36px;
	}
	
	.panel {
		box-shadow:-7px 7px 0 rgba(0,0,0,0.075);
	}

}

/* Small devices Tablets (≥768px) */
@media (min-width: 600px) {
	#section1 .block-slogan {
		right:-15px;
	}
}

/* Extra small devices Phones (<768px) */
@media (max-width: 768px) {
	#section5.padded {
		padding-bottom:0;
	}
	
	#section7 img {
		margin-bottom:20px;
	}
	
	#section7 > div {
		text-align:center;
	}
}