/* ============================================== */
/* FONTS */
/* ============================================== */

@charset 'UTF-8';
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,800');

/* @font-face {
    font-family: "ProximaNova-Reg";
    src: url("../fonts/ProximaNova-Reg.otf") format("opentype");
} */

.padding{
  padding: 10px 0;
}

/* ============================================== */
/* RESET */
/* ============================================== */

body,
legend,
html {
	padding:0;
	margin:0;
}

fieldset, a > img{border:none;}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

body{
	font-family: 'Open Sans', sans-serif;
	overflow-y: scroll;
	-webkit-font-smoothing: antialiased;
	background: white;
}

h1,h2,h3,h4,h5,h6,p{
  padding:0;
  margin:0;
  cursor: default;
  font-family: 'Open Sans', sans-serif;
  color:#000;
  font-weight: lighter;
}

h1{font-size: 4em;line-height: 1em;}
h2{font-size: 3em;line-height: 0.9em;}
h3{font-size: 2.3em;line-height: 1.2em;}
h4{font-size: 1.3em;line-height: 1.3em;}
h5{font-size: 1.1em;line-height: 1.7em;}

p{font-size: 1em;line-height: 1.8em;font-style: normal;font-weight: lighter;color:#222;}
a,button,input{text-decoration:none;border:none;outline: none !important;}
a{text-decoration:underline;color:#999;}
a:hover{color:white;}
table {border-collapse: collapse;border-spacing: 0;}
input, textarea, select, option{outline:none;border:none;font-size: 1em;font-family: 'Open Sans', sans-serif;}

section,header,footer{width:100%;}
img {border:none !important;vertical-align: top;}
img{max-width:100%;vertical-align: top;margin:0 auto;display:block;}

@media screen and (max-width: 1200px){
    h1{font-size: 3em;}
    h3{line-height: 1.1em;}
}

@media screen and (max-width: 767px){
  p{font-size: 1em;}
  h1{font-size: 2em;line-height: 1.1em;}
  h2{font-size: 1.8em;line-height: 1.2em;}
  h3{font-size: 1.6em;}
	h4{font-size: 1.3em;}
}

/* ============================================== */
/* CONTENTS */
/* ============================================== */

.content,
.content-fixed{
    max-width: 1300px;
}

.content,
.content-center{
  overflow: hidden;
}

.content-center{
  max-width: 960px;
}

.content,
.content-center,
.content-fixed{
  width:100%;
  margin:0 auto;
}

@media screen and (max-width: 1200px){
    .content-fixed,
    .menu-absolute{
        position:fixed;
    }
    .menu-absolute{
      background: #132432;
    }
}


.default{
    cursor: default;
}

.content-fixed{
    position:relative;
    top:0;
    z-index:999;
}

/*.content-absolute{
    position:absolute;
    z-index:999;
}*/

.clear{
  clear: both;
}

.line-solid{
  border-bottom:1px solid #ccc;
  padding:20px 0;
}

.line-dashed{
  border-bottom:1px dashed #333;
}

/* ============================================== */
/* CLOSE */
/* ============================================== */

@media screen and (max-width: 1200px){
    .close-tablet{display:none;}
}
@media screen and (max-width: 767px){
  .close-mobile{display:none;}
}

/* ============================================== */
/* PRELOADER */
/* ============================================== */

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f8f8f8;
  z-index: 99999;
  height: 100%;
  width: 100%;
  overflow: hidden !important;
}


.status {
  width: 90px;
  height: 45px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url("./../../images/body/icon_logo_preloader.png");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  margin: -22px 0 0 -45px;
}

/* ============================================== */
/* COLUMNS */
/* ============================================== */

.col-2,
.col-2-footer,
.col-3,
.col-4,
.col-6,
.aside,
.section{

    margin:0;
    float:left;
    padding:0;
    overflow: hidden;

}
.col-2,
.col-2-footer{width:50%;}
.col-3{width:33.33%;}
.col-4{width:25%;}
.col-6{width:16.5%;}

@media screen and (max-width: 1200px){

    .col-4{width:50%;}
    .col-2-footer{width:100%;}

}

@media screen and (max-width: 767px){

    .col-2,.col-3{width:100%;}
    .col-6{width:33%;}

}

@media screen and (max-width: 520px){

    .col-4{width:100%;}
    .col-6{width:50%;}

}




/* ============================================== */
/* SECTION & ASIDE */
/* ============================================== */

.aside{
    width:25%;
}
.section{
    width:73%;
    float:right;
}

@media screen and (max-width: 767px){
    .aside,.section{width:100%;}
}


/* ============================================== */
/* BLOCKS */
/* ============================================== */


.block-top,
.block-subpage,
.block-bottom,
.block-img,
.block-img-banner,
.block .box,
.block{
    width: 100%;
    overflow: hidden;
}

.block-img-banner .box,
.block-img .box{
    padding:120px 20px;
}

.block-subpage{
  padding:180px 80px 80px;
}

.block-img-banner,
.block-img{
  position: relative;
}

.block-img-banner img.head,
.block-img img.head{
  width: 100%;
  max-width: 2000px;
  vertical-align: top;
  margin:0 auto;
  display:block;
  -webkit-filter: grayscale(1); /* Blanco y negro */
}


.block-top{padding:80px 80px 20px 80px;}
.block-bottom{padding:20px 80px 80px 80px;}
.block,.block-col{padding:80px;}


.block-img .block-box,
.block-img-banner .block-box-banner {
  width: 700px;
  left: 15%;
  padding: 20px;
  text-align: left;
  position: absolute;
  top: 50%;
  z-index: 99;

  -moz-transform: translate3d(0, -40%, 0);
  -ms-transform: translate3d(0, -40%, 0);
  -webkit-transform: translate3d(0, -40%, 0);
  transform: translate3d(0, -40%, 0);
}

.block-img .block-box h1,
.block-img .block-box h4,
.block-img-banner .block-box-banner h1,
.block-img-banner .block-box-banner h4{
  color:white;
}

.block-img .block-box h1,
.block-img-banner .block-box-banner h1{
  font-weight: bold;
  text-transform: uppercase;
}

@media screen and (max-width: 1800px){
  .block-img-banner img.head,
  .block-img img.head
   {
      width:1800px;
      height:720px;
  }
}



@media screen and (max-width: 1200px){

  .block-img-banner,
  .block-img {
    padding-top:60px;
  }

  .block-img .block-box,
  .block-img-banner .block-box-banner {
    left: 50%;
    margin-left:-350px;
  }

  .block-img .block-box h1,
  .block-img .block-box h4,
  .block-img-banner .block-box-banner h1,
  .block-img-banner .block-box-banner h4{

      text-align: center;
  }

	.block-img-banner img.head,
  .block-img img.head
   {
      width:1200px;
      height:480px;
  }


	.block-top{
		padding:80px 40px 0 40px;
	}

  .block-subpage{
    padding:120px 40px 40px;
  }

	.block,
	.block-col{
	    padding:40px;
	}

	.block-bottom{
		padding:20px;
	}

}



@media screen and (max-width: 960px){

  .block-img .box{
    padding:50px 20px;
  }


  .block-img .block-box {
      max-width: 800px;
      width: 100%;
      margin: 0 auto;
      left: 0;
      position: relative;
      top: 0;
      padding: 40px 20px 40px;
      overflow: hidden;
      text-align: left;
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

  .block-img .block-box h1,
  .block-img .block-box h4{
    color:black;
  }


}


@media screen and (max-width: 767px){

  .block-top,.block-bottom,.block{padding:20px 0;}
  .block-col{padding:20px;}
  .block-subpage{padding:0;margin:70px 0;}


  .block-img-banner .block-box-banner {
    width: 100%;
    left: 50%;
    margin-left:-50%;
  }

}


/* ============================================== */
/* PADDINGS */
/* ============================================== */

.p-10,.p-20,.p-30{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.p-10{padding:10px;}
.p-20{padding:20px;}
.p-30{padding:30px;}

/* ============================================== */
/* ALIGNS */
/* ============================================== */

.left{float:left;}
.right{float:right;}


/* ============================================== */
/* TEXT-ALIGN */
/* ============================================== */

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;padding:20px;}
@media screen and (max-width: 767px){
    .text-left{text-align:center;}
    .text-right{visibility: hidden;display:none;}
}

/* ============================================== */
/* COLORS */
/* ============================================== */


.overlay-red{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: auto;
	position: absolute;

  background:
  -webkit-gradient(linear, 80% 100%, 3% 0%, from(#ED5B5E), to(#2D001E));

  opacity: 0.8;

}

.bg-black{
  background: #454449;
}

.bg-gray{
  background: #cccccc;
}

.bg-black-hard{
  background: #333236;
}

.bg-green{
	background: #7FB951;
}
.bg-orange{
	background: #D87245;
}
.bg-yellow{
	background: #E8AE5B;
}
.bg-blue{
  background:#132432;
}




/* ============================================== */
/* CONTACT */
/* ============================================== */

input[name=nombre],
input[name=email],
input[name=tel],
textarea[name=direccion]{

background: #f8f8f8;
margin:5px;
position:relative;
padding: 15px;
color: #777;
float:left;
display: block;
width: 99%;
cursor:auto;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-align: left;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;

}

input[name=nombre]:focus,
input[name=email]:focus,
input[name=tel]:focus,
textarea[name=direccion]:focus{

    color: #000;
    background: #f2f2f2;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}

/*---edit placeholder---*/

input::-webkit-input-placeholder {
font-weight: normal;
color: #777;
}
input::-moz-placeholder {
font-weight: normal;
color: #777;
}

/*----------------------*/

/* ============================================== */
/* BUTTONS */
/* ============================================== */

.btn-read,.btn-send,.btn-cta{

	font-weight: lighter;
	text-decoration:none;
	text-align:center;
	color: white;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

}

.btn-outline{
  margin:0 10px;
  border:2px solid #cccccc;
  border-radius: 5px;
}

.btn-read,.btn-send{
  background:#44516a;
}

.btn-cta{
  background: -webkit-linear-gradient(top,#ed5306, #d33200);
  border-radius: 30px;
  padding:15px 30px;
  font-size: 1.3em;
  float: left;
}

.btn-read{
	padding:10px 30px;
	font-size: 1em;
	margin:20px 0;
}
.btn-send{
	padding:15px 40px;
	font-size: 1em;
  margin:20px 5px;
  font-weight: normal;
}

.btn-read:hover,.btn-send:hover{
	background:#68BF43;
}

.btn-cta:hover{
  box-shadow: 0 5px 8px rgba(0,0,0,0.2);
}

@media screen and (max-width: 1200px){

  .btn-cta{
    margin:0 auto;
    float:none;
    width: 200px;
  }
  .btn-outline{
    margin:0;
    border:none;
    border-radius: 0;
  }

}


/* ============================================== */
/* TEASER*/
/* ============================================== */

.teaser{
	overflow: hidden;
	position: relative;
	margin-bottom:20px;
	padding:0;
	width:100%;
	height:auto;
	float:left;
}
.teaser h4,
.teaser p{
	color:white;
}

.teaser-icon{
	background:rgba(0,0,0,0) url("../../images/header/icon.png") no-repeat center center;
	position:absolute;
	width: 54px;
	height:45px;
	bottom:35%;
	left:50%;
	margin-left:-27px;
	z-index: 99999;

}

.teaser .teaser-icon{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.teaser:hover .teaser-icon{
	bottom:40%;
	opacity: 1;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

.teaser img{
	width:100%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.teaser:hover img{
	opacity: 0.2;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

/* ============================================== */
/* MENU-LIST */
/* ============================================== */

.menu-list ul,
.menu-list-footer ul {
    list-style-type: none;
    width: 100%;
    font-size: 1em;
    font-weight: lighter;
    margin:0;
    padding:0;
}

.menu-list ul li,
.menu-list-footer ul li {
    padding:10px 0;
    line-height: 1.6em;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    display:block;
}

.menu-list ul li,
.menu-list ul li a{
  color:#444;
  border-bottom:1px dashed #ddd;
}

.menu-list-footer ul li,
.menu-list-footer ul li a  {
  color:#999;
  border-bottom:1px dashed #555;
}

.menu-list ul li a:hover{
    color:black;
}

.menu-list-footer ul li a:hover{
    color:white;
}

.menu-list-footer h4,
.menu-list-footer h5{
  color:white;
}

/*---edit date---*/


.date{
    font-size: 14px;
    color:#666;
}