*{
	padding:0px;
	margin:0px auto;
}

a{
	text-decoration:none;
	color:inherit;
}

.container{
	width:1000px;
	height:100%;
}

#menu{
	width:100%;
	height:54px;
	border-bottom:1px solid #232323;
	background-color:black;
	background-color:rgba(35, 34, 43, 0.9);
	position:fixed;
	color:white;
	line-height:54px;
	z-index:10;
}

#menu-logo{
	height:55px;
	width:200px;
	float:left;
	font-size:36px;
	font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style: normal;
}

#menu .buttons{
	float:right;
	font-size:24px;
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
}

#menu .buttons > .button{
	height:55px;
	margin-left:60px;
	float:left;
}

#menu .buttons > .button:hover{
	-o-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	color:#e5ab54;
}

#header{
	height:800px;
	color:white;
	text-align:center;
	background:#292639 url("img/bg-header.jpg") top center;
	border-bottom:2px solid #2c3346;
}

#header p:first-child{
	padding-top:80px;
	padding-bottom:5px;
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size:60px;
	text-shadow:2px 2px 3px #2b2a38;
}

#header p:last-child{
	font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-style: normal;
	font-size:48px;
	text-shadow:1px 1px 1px #2b2a38;
}

#header .buttons{
	position:relative;
	bottom:90px;
	font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size:20px;
    line-height:58px;
    text-shadow:1px 1px 3px #896126;
}

#header .button{
	background-color:#e5ab54;
	border-radius:5px;
	width:300px;
	height:60px;
	margin-left:3px;
	display: inline-block;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#header .button:hover{
	background-color:#d58f27;
}

.scrolling-position{
	display:block;
	position:relative;
	top:-65px;
	width:0px;
	height:0px;
	visibility:hidden;
}

#website{
	min-height:2000px;
	width:100%;
	background:url(img/bg.png) top center repeat-x, url(img/bg-pattern.png) repeat, #2c3346;
	text-align:center;
}

#website #notch{
	background:url(img/notch.png);
	width:141px;
	height:70px;
	margin-bottom:30px;
}

#website #onas p:not(.heading){
	font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-style: normal;
    color:white;
    font-size:24px;
}

#website .heading{
	font-family: 'Raleway', sans-serif;
    font-weight: 800;
    font-style: normal;
    color:#ffbe5d;
    font-size:32px;
    margin-bottom:10px;
    text-shadow:2px 2px 3px #2b2a38;
}

#onas p:not(.heading){
	margin-bottom:20px;
}

#baner{
	margin-top:20px;
	margin-bottom:20px;
}

#baner #box{
	background-image:url(img/bg-box.jpg);
	width:910px;
	height:380px;
	box-shadow: 0px 10px 40px 5px #1f2126;
	margin-top:50px;
	margin-bottom:50px;
	text-align:left;
	position:relative;
}

#box #title{
	font-family: 'Raleway', sans-serif;
    font-weight: 800;
    font-style: normal;
    color:#ffbe5d;
    font-size:28px;
    text-shadow:2px 2px 3px #2b2a38;
    position:absolute;
    top:30px;
    left:15px;
    text-align:center;
    width:182px;
}

#box #vertical-hr{
	width:5px;
	height:75px;
	background-color:#ffbe5d;
	position:absolute;
	top:30px;
	left:210px;
}

#box ul{
	list-style:disc;
	position:relative;
	top:22px;
	left:250px;
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:24px;
    color:white;
    float:left;
    line-height:40px;
}

#box li:not(:last-child){
	border-bottom: 1px solid #828282;
}

.service.left{
	text-align:left;
}

.service.right{
	text-align:right;
}

.service.right .box-left,.box-right{
	float:left;
}

.service.right .box-left{
	float:right;
}

.box-left{
	width:644px;
}

.box-left img:last-child, .separator{
	margin-top:20px;
}

.service{
	margin-top:20px;
	margin-bottom:60px;
	overflow:hidden;
}

.service .box-left p{
	font-family: 'Raleway', sans-serif;
    font-weight: 800;
    font-style: normal;
    color:white;
    font-size:24px;
    text-align:center;    text-shadow:1px 1px 2px #2b2a38;
}

.box-left img{
	border:2px solid black;
}

.service .box-left,.box-right{
	float:left;
}

.service .box-right{
	width:356px;
}

.box-right .title:first-child{
	margin-top:50px;
}

.box-right .title{
	font-family: 'Raleway', sans-serif;
    font-weight: 800;
    font-style: normal;
    color:#ffbe5d;
    font-size:26px;
    margin-top:30px;
    padding-left:10px;
    padding-right:10px;
    text-shadow:2px 2px 3px #2b2a38;
}

.box-right .text{
	font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-style: normal;
    color:white;
    font-size:21px;
    padding-left:7px;
    padding-right:7px;
    text-shadow:1px 1px 2px #2b2a38;
}

/*#website hr{
	background-color: #646977;
    height: 1px;
    border: none;
    margin-top: 15px;
    margin-bottom: 35px;
    width:990px;
}*/

#contact{
	min-height:700px;
	background:url(img/contact-top.png) top no-repeat,url(img/contact-bottom.png) bottom no-repeat,url(img/contact.jpg) no-repeat;
}

@media (min-width: 2048px){
	#contact{background-size:100%;}
}

#contact p{
	text-align:center;
	color: white;
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-style: normal;
}

#contact p#title{
	font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size:48px;
    padding-top:100px;
}

#contact p#subtitle{
    font-size:34px;
    padding-top:10px;
}

#contact #box2{
	width:1000px;
	padding-top:20px;
}

#contact .left{
	float:left;
	width:550px;
	font-size:22px;
}

#contact .right{
	float:right;
	width:400px;
	font-size:22px;
}

#contact p a:hover{
	border-bottom: 3px solid white;
}

#footer{
	width:100%;
    margin-bottom:8px;
    text-align:center;
}

#footer p{
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-style: normal;
    color:#151515;
    font-size:24px;
    text-transform:uppercase;
    margin-top:-12px;
}

/* MOBILE SECTION */
@media (max-width: 1023px){
	#header p:first-child{font-size:50px;}

	#menu .buttons{display:none;}
	#menu {text-align:center;}
	#menu .container{width:172px;}
	#menu .container img{float:left;}
	#menu-logo{float:left;width:100px;}

	#baner #box{position:initial;text-align:center;height:initial;background-image:url(img/bg-box-mobile.jpg);padding: 15px 0px 15px 0px;background-position:center;}
	#box #title{position:initial;}
	#box #vertical-hr{display:none;}
	#box ul{position:initial;float:initial;}
	#box ul li{border-bottom:none !important; list-style-position: inside;}

	#mapa{margin:0px;}

	.box-right{text-align:center;}

	#box2 .left, #box2 .right{float:initial;}

	#box2 .right p:nth-child(2){margin-top:50px !important;}

	#contact{background: url(img/contact-top.png) top no-repeat,url(img/contact-bottom.png) bottom no-repeat,url(img/contact-mobile.jpg) top center no-repeat;padding-bottom:50px;}

	#contact a{text-decoration:none;}

	.container,#box,#menu,#box2,.box-left,.box-right,#box li,#mapa,#mapa iframe,.box-left img,.left,.right{max-width:100% !important;}
}

@media (max-width: 425px){
	.box-left img{border-width:2px 0px 2px 0px;}
	.box-right{width:100% !important;}
	span.vertical-line{display:none;}
	p.title{margin-top:15px !important;}
}

@media (min-width: 426px) and (max-width: 1023px){
	.box-left{width:600px !important;}
	.box-right{width:500px !important;}
	span.vertical-line{display:none;}
	p.title{margin-top:15px !important;}
	.box-left,.box-right{float:inherit !important;}
}

@media (max-width: 615px){
	.buttons{bottom:160px !important;}

	.buttons .button{margin-bottom:15px;}
}

@media (max-width: 468px){
	#contact p#title span{font-size:32px;}
}

@media (max-width: 374px){
	.fa-envelope{display:none;}
}