html, body {
	font-family: 'Raleway';
    margin: 0;
    padding: 0;
}

a, a:hover, a:active {
	text-decoration: none;
	color: #414141;
}

h1, h2 {
	font-weight: bold;
	margin-bottom: 10px;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 22px;
}

.separador {
    height: 3px;
    width: 80px;
    background-color: #f6a400;
    float: left;
    margin: 0;
}

.row-centrado {
	display: flex;
	align-items: center;
}

#topbar {
	height: 40px;
	border-bottom: 1px solid #999;
	width: 100%;
}

#topbar img {
	height: 20px;
}

.container {
	padding: 0 15px 0 15px;
	margin: 0 auto;
}

.header {
	background-image: url("../imag/header.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position-x: center;
	background-position-y: 65%;
	background-repeat: no-repeat;
}

.header .logo{
	display: block;
	width: max-width;
}

.header .logo div {
	display: inline-block;
}

.header .logo img {
	max-width: 147px;
	min-width: 130px;
}

.menu-responsive {
	display: none;
	z-index: 999;
}

.align-flex-center {
	align-items: center;
}

/* MENU */

.menu-responsive {
	display: none;
	z-index: 999;
}

.menu-responsive .bars-div {
	border: 1px solid transparent;
	background-color: #f6a400;
	border-radius: 50%;
	margin-left: calc(100% - 52px);
}

@media (max-width: 768px) {
	.menu-responsive {
		display: flex;
		order: 2;
		justify-content: right;
		padding-right: 20px;
	}
	
	.menu-noresponsive {
		display: flex;
		order: 1;
		padding: 0;
	}
}

/* /hamburger */
.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 10px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
	height: 50px;
	width: 50px;
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.hamburger--spin.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(225deg);
}

.hamburger--spin .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .22s;
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    transition: top .1s ease-out,opacity .1s ease-out .12s;
    opacity: 0;
}

.hamburger--spin .hamburger-inner::before {
    transition: top .1s ease-in .25s,opacity .1s ease-in;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after, .hamburger-inner::before {
    display: block;
    content: "";
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    position: absolute;
    width: 30px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #fff;
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transform: rotate(-90deg);
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before {
    background-color: #fff;
}

.hamburger--spin .hamburger-inner::after {
    transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);
}

.hamburger-inner::after {
    bottom: -10px;
}
/* /hamburger */

.header ul.navbar-nav, .header li.nav-link, .header .menu {
    display: inline-block;
}

.header li.nav-link {
	padding: 0 20px 0 20px;
}

.header li.nav-link:last-child {
	padding: 0 0 0 20px;
}

.header li.nav-link a {
    display: inline-block;
	border-bottom: 2px solid transparent;
    color: #fff;
}

.header li.nav-link a:hover {
	border-bottom: 2px solid #f6a400;
}

.header li.nav-link a.contact {
	padding: 7px 40px;
	border-radius: 20px;
}

.header li.nav-link a.contact:hover {
	background-color: #fff;
	border-bottom: 2px solid transparent;
	color: #111;
}

/* resp-menu */
@media (max-width: 330px) {
	.logo div {
		font-size: 18px;
	}
	
	.logo div div {
		font-size: 14px;
	}
}
/* /resp-menu */

/* resp-menu */
@media (max-width: 768px) {
	.menu {
		position: absolute;
		background-color: #fff;
		top: -1000px;
		left: 0;
		z-index: 99;
		width: 50vw;
		transition-property: top;
		transition-duration: 0.5s;
		transition-timing-function: ease-in-out;
		overflow: hidden;
		border-radius: 0 0 0 50px;
	}

	.header .menu .navbar-nav {
		padding-top: 140px;
		padding-bottom: 20px;
		padding-right: 20%;
	}

	.header .menu ul.navbar-nav, .header .menu li.nav-link {
		display: block;
	}

	.header .menu li.nav-link {
		padding: 10px;
		font-size: 18px;
	}	

	.header .menu li.nav-link a {
		display: inline;
		border-bottom: 2px solid transparent;
		color: #333;
	}	
	
	.header li.nav-link a.contact {
		padding: 0;
		font-weight: bold;
		color: #f6a400;
		background-color: transparent;
	}
}
/* /resp-menu */

/* fondo idiomas */
.dropdown-langs.dropdown-menu.menu-idiomas.show {
	padding: 8px;
	margin-left: -8px;
	background-color: rgba(0, 0, 0,0.7);
	border-radius: 0 4px 4px 4px;
	border: 0;
	z-index: 1;
	margin-top: -25px;
	padding-top: 30px;
}

a.dropdown-toggle.activo {
	z-index: 2;
}
/* /fin fondo idiomas */

/* Seccion 2 */
#section2 .btn-more {
  padding: 10px 20px;
  background-color: #f6a400;
  border-radius: 20px;
  display: inline-block;
}

#section2 .btn-more:hover {
  background-color: #111;
  color: #fff;
}
/* /fin Seccion 2 */