/*================================================
	RESET
================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main, img {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
strong{font-weight:bold;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
html{
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
a{text-decoration:none; color:inherit;}
strong{
	font-weight:bold;
}
/*=================================================
			RESET-LAYOUT
===================================================*/
*{margin:0;	padding:0;}
*, *:before, *:after{box-sizing:border-box; -moz-box-sizing:border-box;	-webkit-box-sizing:border-box;}
img{max-width:100%; height:auto; width:auto;}
/*=================================================
			GRID
===================================================*/
.row{	margin:auto; min-height:1px; width:100%;}
	.row:after{ content:""; display:table; clear:both;}
.grid-2{float:left; margin:0;	padding:10px;	width:50%;}
.grid-3{float:left; margin:0;	padding:10px;	width:33.33%;}
.grid-4{float:left; margin:0;	padding:10px;	width:25%;}
.grid-5{float:left; margin:0;	padding:10px;	width:20%;}
.grid-3-xw{float:left; margin:0; padding:10px; width:66.66%;}
.grid-4-xw{float:left; margin:0; padding:10px; width:75%;}
.grid-5-xw{float:left; margin:0; padding:10px; width:80%;}
	div[class*="grid-"]{ position:relative;}
.no-pad{ padding:0 !important;}
/*=================================================
			CLEARFIX
===================================================*/
.clearfix{clear:both;}
.clearfix:after { content:""; display: table; clear: both;}
.cf{ width:100%; height:0; clear:both;}
.cf_5{ width:100%; height:2px; clear:both;}
.cf_10{ width:100%; height:10px; clear:both;}
.cf_20{ width:100%; height:20px; clear:both;}
.cf_30{ width:100%; height:30px; clear:both;}
/*=================================================
			IFRAME RESPONSIVE
===================================================*/
.embed-wrap{
	position: relative;
	padding-bottom: 56.25%; /*16:4*//* 75%-4:3*/
	overflow: hidden;
}
.embed-wrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*=================================================
			CONTAINER
===================================================*/
.fullcontainer{	width:100%;}
.container{	margin:auto;	width:1100px;}
.container:before, .container:after,
.fullcontainer:before, .fullcontainer:after{content:""; display: table; clear: both;}
/*=================================================
			MAIN
===================================================*/
body{
	font: 15px/20px 'Open Sans',sans-serif;
	text-align:justify;
	color:#252525;
}
header{
	margin-bottom:10px;
}
	.brand{
		float:left;
		padding:10px 0;
		width:30%;
	}
		.brand-img{
			height:50px;
			line-height:50px;
			margin-left:20px;
		}
		.brand-text{
			font-size:50px;
			font-weight:700;
			line-height:50px;
		}
		.brand-img, .brand-text{
			display:inline;
			vertical-align:middle;
		}
	.navigation{
		float:left;
		font: 18px/22px 'Montserrat Alternates', sans-serif;
		padding:10px 0;
		margin-bottom:10;
		width:70%;
	}
		.navigation ul{
			text-align:right;
			display:block;
		}
		.navigation ul:after{
			content:"";
			display:table;
		}
			.navigation ul li{
				display:inline;
				margin:0 10px;
			}
				.navigation ul li a{
					height:50px;
					display:inline-block;
					line-height:50px;
					padding:0 10px;
				}
	main{
		padding-bottom:20px;
	}
	.main-line{
		background:#fff;
		clear:both;
		display:inline;
		float:left;
		font-size:0;
		height:7px;
		margin:0;
		position:relative;
		width:100%;
	}
		.main-line li{
			display:inline-block;
			width:20%;
			height:7px;
		}
		.main-line li:first-child{
			background:#2ecc71;
		}
		.main-line li:nth-child(2){
			background:#3498db;
		}
		.main-line li:nth-child(3){
			background:#f1c40f;
		}
		.main-line li:nth-child(4){
			background:#e74c3c;
		}
		.main-line li:last-child{
			background:#9b59b6;
		}
	footer{
		color:#ff;
		clear:both;
		padding:20px 0;
	}
		.footer-down{
			background:url(../images/bg_bottom.jpg);
			background-color: #ddd;
			background-repeat: no-repeat;
			background-position: center;
			background-attachment: scroll;
			background-clip: padding-box;
			background-size: cover;
			background-origin: padding-box;
		}
		#datos p{
			font-size:18px;
			line-height:24px;
			color:#fff;
		}
		.firma{
			font-size:10px !important;
			font-weight:bold;
			text-transform:uppercase;
			text-align:right;
		}
			.firma > span{
				font-size:16px;
				font-weight:lighter;
			}
		.social-bar{
			text-align:center;
		}
			.social-bar li{
				display:inline-block;
				width:10%;
			}
				.social-bar li a{
					display:block;
				}
.bold{
	font-weight:bold !important;
}
	.brand-logo{
		max-width:60%;
		margin:auto;
	}
/*==========	MAIN-CONTENT	==========*/
	.main-title, .text-title{
		text-align:center;
	}
	.main-title{
		font-family: 'Montserrat Alternates', sans-serif;
		font-size:60px;
		margin:40px 0 20px;
		font-weight:700;
	}
	.sub-title{
		font-family: 'Montserrat Alternates', sans-serif;
		font-size:30px;
		margin:20px 15px 10px;
		font-weight:400;
	}
	.third-title{
		font-family: 'Montserrat Alternates', sans-serif;
		font-size:25px;
		margin:5px 10px 0 0;
		font-weight:400;
	}
	.text-title{
		color:#777;
		font-size:18px;
		font-weight:400;
	}
	.agamo-section-divider{
		background-color: #c33;
		height: 2px;
		margin: 20px auto;
		width: 300px;
	}
	.contact-zone{
		padding:10px 0;
		height:150px;
		margin-top:30px;
	}
		.contact-zone p{
			border:solid 1px rgba(0,0,0,0.2);
			border-radius:5px;
			padding:20px 25px;
			color:#666;
			text-align:center;
			text-transform:uppercase;
			width:85%;
		}
		.contact-link{
			border-radius:10px;
			display:block;
			background:#FF5736;
			padding:20px;
			margin:auto;
			text-align:center;
			width:80%;
		}
			.contact-link span{
				border-bottom:dotted 2px transparent;
				border-radius:7px;
				display:inline-block;
				color:#fff;
				font-weight:bold;
				font-size:22px;
				width:80%;
				transition:all ease-in .2s;
				-webkit-transition:all ease-in .2s;
				-moz-transition:all ease-in .2s;
				-ms-transition:all ease-in .2s;
				-o-transition:all ease-in .2s;
			}
		.contact-link:hover span{
			border-bottom:dotted 2px #fff;
		}
	.text-content{
		font-size:14px;
		text-align:justify;
	}
.center{
	margin:auto;
}
.text-center{
	display:block;
	text-align:center !important;
}
/*==========  HOVER - EFFECT  ==========*/
.shine span {
	position: absolute;
	font-weight: bold;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
.shine figure {
	border: solid 5px transparent;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
	transition:all ease-in .4s;
	-webkit-transition:all ease-in .4s;
	-moz-transition:all ease-in .4s;
	-ms-transition:all ease-in .4s;
	-o-transition:all ease-in .4s;
}
.shine figure:hover+span {
	bottom: -30px;
	opacity: 1;
}
.shine figure:hover{
	border: solid 5px #FF5736;
}
.shine figure {
	position: relative;
}
.shine figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.shine figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/*==========  TABS  ==========*/
/*.tabs {
  width: 98%;
  list-style: none;
  position: relative;
  margin: 20px 0 0 40px;
  text-align: left;
}
	.tabs li {
	  float: left;
	  display: block;
	}
		.tabs input[type="radio"] {
		  position: absolute;
		  top: -9999px;
		  left: -9999px;
			z-index:5;
		}
		.tabs label {
			display: block;
			padding: 14px 21px;
			border-radius: 2px 2px 0 0;
			font-size: 20px;
			font-weight: normal;
			text-transform: uppercase;
			background:#fff;
			cursor: pointer;
			position: relative;
			top: 4px;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		}
			.tabs label:hover {
				background: #f9f9f9;
			}
		.tabs .tab-content {
			background: #f9f9f9;
			color:#333;
			z-index: 2;
			display: none;
			overflow: hidden;
			width: 100%;
			height:100%;
			min-height:100%;
			max-height:100%;
			font-size: 17px;
			line-height: 25px;
			padding: 25px;
			position: absolute;
			top: 53px;
			left: 0;
		}
	.tabs [id^="tab"]:checked + label {
	  top: 0;
	  padding-top: 17px;
	  background: #f9f9f9;
	}
	.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
	  display: block;
	}*/
/*==========  CONTACT FORM  ==========*/
#contact-form{
	display:block;
	margin:auto;
	width:99%;
}
	#contact-form label{
		display:block;
		margin:0;
		padding:10px 10px 10px 20px;
		width:100%
	}
	#contact-form span, #contact-form input, #contact-form textarea{
		display:inline-block;
		width:100%;
	}
	#contact-form span{
		background:#FF5736;
		color:#fcfcfc;
		text-align:left;
		height:40px;
		line-height:40px;
		padding-left:20px;
	}
	#contact-form input{
		border:solid 1px #C6C6C6;
		padding:5px 0 5px 15px;
		margin:-1px 0;
		line-height:18px;
	}
	#contact-form textarea{
		font-size:12px;
		font-family:Arial, sans-serif;
		padding:5px 0 5px 15px;
		height:150px;
		max-height:150px;
	}
	.button-submit{
		background:#FF5736;
		border-radius:5px;
		float:right;
		color:#fcfcfc;
		font-weight:bold;
		margin-right:10px !important;
		font-size:18px;
		padding:10px 0 !important;
		cursor:pointer;
		width:40% !important;
	}
/*==========	SLIDER-REV	==========*/
.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;
	min-width:1100px !important;
}
.tp-banner{
	width:100%;
	position:relative;
}
.tp-banner-fullscreen-container{
		width:100%;
		position:relative;
		padding:0;
}
.tp-caption.grey_heavy_72{
	color:#fff !important;
	font-weight:normal;
}
.tp-caption.grey_regular_18{
	color:#fcfcfc !important;
}
.tp-caption.white_thin_34 {
	font-size:35px;
	line-height:35px;
	font-weight:100;
	font-family:"Open Sans", sans-serif;
	color:rgb(216, 0, 0) !important;
	text-decoration:none;
	background-color:transparent;
	text-shadow:none;
	border-width:0px;
	border-color:rgb(216, 0, 0) !important;
	border-style:none;
}
/*==========  TABLA  ==========*/
.txttabla{
	text-align:center;
	font-size:10px;}
.txttablaizq{
	text-align: left;
	font-size:10px;}	
.txttabla1{
	text-align:center;
	font-size:10px;
	color:#FFFFFF;}
.txttablaizq1{
	text-align: left;
	font-size:10px;
	color:#FFF;
	padding:0 3px;}		
/*===============================*/
.galeria{
	display:block;
	margin:0;
	padding:0;
}
.galeria:after{
	content:"";
	display:table;
	clear:both;
	line-height:0;
}
	.galeria li{
		border:solid 3px #3498DB;
		display:block;
		float:left;
		height:140px;
		width:19%;
		margin:5px 5px 20px;
		overflow:hidden;
	}
		.galeria li a{
			display:block;
		}
			.galeria li a img{
				opacity:1;
			}
			.galeria li a:hover img{
				opacity:0.8;
			}
.back{
	display:block;
	font: 18px/22px 'Montserrat Alternates', sans-serif;
	float:right;
	margin-top:20px;
	color:#DD2330;
	position:relative;
	border:dashed 3px #CCC;
	padding:10px 20px;
	transition:all ease-out 0.3s;
	-ms-transition:all ease-out 0.3s;
	-moz-transition:all ease-out 0.3s;
	-webkit-transition:all ease-out 0.3s;
}
.back:hover{
	color:#F99B17;
	position:relative;
	border:dashed 3px #DD2330;
}
	.back span{
		display:inline-block;
		line-height:20px;
		vertical-align:top;
		-webkit-animation-name:shake;
		animation-name:shake;
		-webkit-animation-duration:5s;
		animation-duration:5s;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
		-webkit-animation-iteration-count:infinite;
		animation-iteration-count:infinite;
}
@-webkit-keyframes shake {
	0%,100% {
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
	10%,30%,50%,70%,90% {
		-webkit-transform:translate3d(-8px,0,0);
		transform:translate3d(-8px,0,0)
	}
	20%,40%,60%,80% {
		-webkit-transform:translate3d(8px,0,0);
		transform:translate3d(8px,0,0)
	}
}
@keyframes shake {
	0%,100% {
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
	10%,30%,50%,70%,90% {
		-webkit-transform:translate3d(-8px,0,0);
		transform:translate3d(-8px,0,0)
	}
	20%,40%,60%,80% {
		-webkit-transform:translate3d(8px,0,0);
		transform:translate3d(8px,0,0)
	}
}