/*:::::::::::::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 {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/*:::::::::::::GENERALES::::::::::::::*/

body{font-family: 'Montserrat', sans-serif;}

.flex_center{display:flex;justify-content: center;align-items: center;}

.trans3{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}

/*:::::::::::::::HEADER::::::::::::::::*/

header{
	width: 100%;
    height: 120px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;}
header nav{
	width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
header nav>div,header nav span{height: 100%;cursor:pointer;}
header nav>div img{width: 30px;height: 30px;}
header nav>div p,header nav div>h1{font-size: 14px;color: #e4e4e4;padding-left: 10px;}
header nav span img{width: 150px;}
header .botonMenuHide{display: none !important;}
header .botonMenu{
    display:block;
    width: 25px;
    height: 25px;
    background: url(../img/icons/menu.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left:77.5px;
    top:47.5px;
    cursor: pointer;
    animation:fadein 1s;
    -webkit-animation:fadein 1s;
    -moz-animation:fadein 1s;
    -ms-animation:fadein 1s;
    -o-animation:fadein 1s;
}
header nav .cerrar_menu{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 40px;
    right: -80px;
    background: url(../img/icons/cerrar.svg);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}
header .mover_menu{left:-260px !important;}
/*::::::::::::::::MAIN:::::::::::::::::*/
main{
	width:100%;
	height: 100vh;
    position: relative;
    overflow: hidden;;
}
main>div{
    width: 400%;
    height: 100%;
    display: flex;
    position: absolute;
    left: 0%;
    top: 0;
}
main>div>section{
	width: 100vw;
    height: 100%;
    position:relative;
    overflow: hidden;
}
.gradient_down,.gradient_up{width: 100%;height: 200px;position: absolute;z-index: 15;}
.gradient_down{
	top: 0;
    left: 0;
    background:linear-gradient(rgb(0, 0, 0),rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background:-webkit-linear-gradient(rgb(0, 0, 0),rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background:-moz-linear-gradient(rgb(0, 0, 0),rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background:-o-linear-gradient(rgb(0, 0, 0),rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background:-ms-linear-gradient(rgb(0, 0, 0),rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}
.gradient_up{
	top: -webkit-calc(100% - 200px);
	top: -moz-calc(100% - 200px);
    top: calc(100% - 200px);
    left: 0;
    background:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.7), rgb(0, 0, 0));
    background:-webkit-linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.7), rgb(0, 0, 0));
    background:-moz-linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.7), rgb(0, 0, 0));
    background:-o-linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.7), rgb(0, 0, 0));
    background:-ms-linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.7), rgb(0, 0, 0));
}
.pageForm{
    background-size: cover !important;
    background-position:50% 50% !important;
    background-repeat:no-repeat !important;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.headerBack{
    width: 100%;
    height: 120px;
    background: #393a3a;
    position:fixed;
    z-index: 15;
    display: flex;
    justify-content: center;
    align-items: center;
}
.headerBack h1{
    font-size: 25px;
    color: #e4e4e4;
    letter-spacing: 1px;
    display:none;
}
.pageScroll{
	overflow-y: auto;
}
/*===========
    PAGE 1
===========*/
/*:::::SLIDER:::::*/
.scroll_responsive{
    display:none;
    position: absolute;
    z-index: 20;
    width: 50px;
    top: 55%;
    right:20px;
    opacity:0;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    animation:scroll 8.5s infinite;
    -webkit-animation:scroll 8.5s infinite;
    -moz-animation:scroll 8.5s infinite;
    -ms-animation:scroll 8.5s infinite;
    -o-animation:scroll 8.5s infinite;
}
.hide_scroll{
  display: none !important;
}
.logo_responsive{
    display:none;
    position: absolute;
    z-index: 20;
    left: 50%;
    top:20px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.slideWrap{
	width:100%;
	height:100%;
	overflow:hidden;
}
.slideTira{
	height:100%;
	position: relative;
	display:flex;
}
.slideTira section{width:100%;height:100%; overflow:hidden;}
.slideTira section img{width:100%;height:100%;object-fit:cover;}
.slideControls{
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    bottom: 30px;
    display: flex;
    z-index:16;
    justify-content:space-between;
}
.slideControls>span{
    height: 100%;
    width: inherit;
    display: flex;
    align-items: center;
}
.slideControls>span>span{
    width: 100%;
    height: 1px;
    background: #e4e4e4;
}
.slideControls>div{
	height: 100%;
    display: flex;
    align-items: center;
    padding: 0px 15px;
}
.slideControls>div>span{
	width: 4px;
    height: 20px;
    margin: 0px 8px;
    background:#807e7e;
    cursor: pointer;
    transition:all .3s;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
}
.slideControls>div>.active{
	height:40px !important;
	transition:all .3s;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
	background: #e4e4e4;
}
/*:::::SLIDER:::::*/
/*=================
    PAGE 2 & 3
=================*/
/*:::::PAGE-MAIN:::::*/
.pageWrap{
	margin-top:120px;
    display: flex;
    flex-direction: column;
}
.pageDescription{
    width: 100%;
    display: flex;
    margin: 35px 0px;
}
.pageDescription>span{
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pageDescription>span>span{
    width: 100%;
    height: 1px;
    background: #a4a7a7;
}
.pageDescription h2{
    width: 38%;
    font-size: 17px;
    line-height: 17px;
    padding: 40px 0px;
    letter-spacing: .5px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    color: #5f6161;
}
.pageDescription .left_art{
	text-align: right;
	padding-left: 50px;
}
.pageDescription .right_art{
	text-align: left;
	padding-right: 50px;
}
.pageDescription>div{
    width: 4%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pageDescription>div>div{
    height: 70%;
    width: 1px;
    background: #a4a7a7;
}
/*:::::PAGE-MAIN:::::*/
/*:::::PAGE-CARRUSEL:::::*/
.carrDescription{
    width: 100%;
    margin: 10px 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    padding-left: 30px;
}
.carrDescription h3{
    font-size: 20px;
    color: #424242;
    font-weight: 500;
    letter-spacing: 1px;
}
.carrDescription article{
    width: 100%;
    font-size: 17px;
    line-height: 19px;
    color: #5f6161;
    padding: 10px 0px;
}
.carrDescription span{
    width: 300px;
    height: 1px;
    background: #a4a7a7;
    margin-top: 10px;
}
.wrapCarr{
    width: 100vw;
    height: 280px;
    margin: 20px 0px;
}
.wrapCarr .tiraCarr{
    height: 200px;
    display: flex;
    position: relative;
}
.tiraCarr section{
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.tiraCarr section div{
	width: 100%;
    height: 100%;
    position: relative;
    overflow:hidden;
}
.tiraCarr section div img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: pointer;
}
.tiraCarr section div img:hover{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);   
}
.ctrlCarr{
    height: 30px;
    width: 100%;
    display: flex;
    margin: 25px 0px;
}
.ctrlCarr>span{
    height: 100%;
    width: 40%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0px 30px;}
.ctrlCarr>span>span{height: 1px;width: 100%;background: #a4a7a7;}
.ctrlCarr div{
    height: 100%;
    width: 20%;
    display: flex;
    justify-content: space-between;
}
.ctrlCarr div img{height: 100%;cursor:pointer;}
.ctrlCarr div img:nth-child(2){
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
#modal_galeria{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.95);
    z-index: 30;
    top: 0;
    left: 0;
    overflow-y: auto;
}
#modal_galeria .wrapModal{
    width: 80%;
    max-width: 800px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 70px;
}
#modal_galeria .wrapModal img{width: 100%;}
#modal_galeria .wrapModal .carrDescription{padding-left:0;margin: 20px 0px;}
#modal_galeria .wrapModal h1{color: #bdbdbd;}
#modal_galeria .wrapModal article{color: #ffffff;}
#close_galeria{
    background: url(../img/cerrar.svg);
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 20px;
    right: 40px;
    cursor: pointer;
}
/*:::::PAGE-CARRUSEL:::::*/
/*===========
    PAGE 4
===========*/
/*::::::FORM::::::*/
.formContainer__1{
    height: 400px;
    width: 500px;
    display: flex;
    position: relative;
    margin-top: 120px;
}
.formContainer__1 form{
    width: 100%;
    height: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.36), 0 6px 20px 0 rgba(0, 0, 0, 0.53);
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:25px;
    box-sizing:border-box;
    z-index: 16;
}
.formContainer__1 form input::-webkit-input-placeholder,
.formContainer__1 form textarea::-webkit-input-placeholder {color: #adadad;} 
.formContainer__1 form input:-moz-placeholder,
.formContainer__1 form textarea:-moz-placeholder{color: #adadad;}
.formContainer__1 form input::-moz-placeholder,
.formContainer__1 form textarea::-moz-placeholder{color: #adadad;} 
.formContainer__1 form input:-ms-input-placeholder,
.formContainer__1 form textarea:-ms-input-placeholder {color: #adadad;}
.formContainer__1 form input{
    background: none;
    border: none;
    margin: 10px 0px;
    font-family: 'Montserrat', sans-serif;
    height: 30px;
    color: #e4e4e4;
    font-size: 15px;
    border-bottom: 1px #e4e4e4 solid;
}
.formContainer__1 form input:focus,
.formContainer__1 form textarea:focus,
.formContainer__1 form textarea:hover{outline:none;border: none;}
.formContainer__1 form textarea:hover,
.formContainer__1 form textarea:focus{border: 1px #e4e4e4 solid;}
.formContainer__1 form input:focus{border-bottom: 1px #e4e4e4 solid;}
.formContainer__1 form textarea{
	width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 100px;
    max-height: 100px;
    min-height: 100px;
	background: none;
    border: none;
    margin: 10px 0px;
    font-family: 'Montserrat', sans-serif;
    color: #e4e4e4;
    font-size: 15px;
    border: 1px #e4e4e4 solid;
    padding: 10px;
    box-sizing: border-box;
}
.formContainer__1 form input[type=submit]{display:none;}
.formContainer__1 form label{
	position:relative;
	cursor: pointer;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    margin: 10px 0px;
    padding: 10px 0px;
    font-family: 'Montserrat', sans-serif;
    height: 30px;
    color: #e4e4e4;
    font-size: 15px;
}
.formContainer__1 form label span{
    width: 80px;
    height: 1px;
    background: #e4e4e4;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
}
.formContainer__1 form label:hover > span{
	width: 90%;
}
/*::::::FORM::::::*/
/*::::CONTACT::::*/
.footDat{
    width: 100%;
    height: 50px;
    position: relative;
    display: flex;
    z-index: 16;
    justify-content: space-between;
    margin-top: 40px;
}
.footDat>span{
    height: 100%;
    width: inherit;
    display: flex;
    align-items: center;
}
.footDat>span>span{
    width: 100%;
    height: 1px;
    background: #e4e4e4;
}
.footDat>div{
	height: 100%;
    display: flex;
    align-items: center;
    padding: 0px 15px;
    justify-content: center;
}
.footDat>div>p{
    color: #e4e4e4;
    font-size: 12px;
    padding: 0px 10px;  
    white-space: pre; 
}
/*::::CONTACT::::*/
/*::::::::::::::ANIMATIONS:::::::::::::::*/
@keyframes fadein{from{opacity: 0;}to {opacity: 1;}}
@-webkit-keyframes fadein{from{opacity: 0;}to {opacity: 1;}}
@-moz-keyframes fadein{from{opacity: 0;}to {opacity: 1;}}
@-o-keyframes fadein{from{opacity: 0;}to {opacity: 1;}}

@keyframes scroll{30%{opacity: 0;}33%{opacity: 1;}36%{top:55%;}42%{top:35%;}45%{opacity:1;}48%{opacity:0;top:35%;}}
@-webkit-keyframes scroll{30%{opacity: 0;}33%{opacity: 1;}36%{top:55%;}42%{top:35%;}45%{opacity:1;}48%{opacity:0;top:35%;}}
@-moz-keyframes scroll{30%{opacity: 0;}33%{opacity: 1;}36%{top:55%;}42%{top:35%;}45%{opacity:1;}48%{opacity:0;top:35%;}}
@-o-keyframes scroll{30%{opacity: 0;}33%{opacity: 1;}36%{top:55%;}42%{top:35%;}45%{opacity:1;}48%{opacity:0;top:35%;}}
/*::::::::::::MEDIA QUERIES:::::::::::::*/
@media (max-width: 990px){
/*:::::HEADER::::::*/
header{display: none;}
.headerBack{position:relative;}
.headerBack h1{display:block;}
.headerBack{box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.5);}
/*::::::::MAIN:::::::::*/
main{overflow:unset;overflow-x:hidden;}
main>div{flex-direction:column;height:initial;width: 100%;}
main>div>section{height:initial;overflow:unset;}
.pageScroll{overflow-y:unset;}
/*===========
    PAGE 1
===========*/
/*:::::SLIDER:::::*/
.slideWrap{height:100vh;}
.logo_responsive{display:block;}
.scroll_responsive{display:block;}
/*=================
    PAGE 2 & 3
=================*/
/*::PAGE-MAIN::*/
.pageWrap{margin-top:0px;}
/*:::::PAGE-CARRUSEL:::::*/
.tiraCarr section div img{
    -webkit-filter:none;
    -moz-filter:none;
    -ms-filter:none;
    -o-filter:none;
    filter:none;
}
/*===========
    PAGE 4
===========*/
/*::FORM::*/
.pageForm .gradient_down{opacity:.7; }
.pageForm .gradient_up{height: 300px;top: -webkit-calc(100% - 300px);top: -moz-calc(100% - 300px);top: calc(100% - 300px);}
.formContainer__1{height: 500px;top:0px;display: flex;justify-content: center;align-items: center;margin-top:50px;}
/*::::CONTACT::::*/
.footDat{position:relative;bottom:0px;padding: 40px 0px}
.footDat>div{flex-direction: column;}
.footDat>div>p{padding: 3px 0px;font-size: 10px;}
}
@media (max-width: 600px){
/*===========
    PAGE 1
===========*/
/*:::::SLIDER:::::*/
.slideControls{bottom: 60px;}
/*::::::::MAIN:::::::::*/
/*=================
    PAGE 2 & 3
=================*/
/*::PAGE-MAIN::*/
.pageDescription{flex-direction: column;margin: 50px 0px;}
.pageDescription>span{display:none;}
.pageDescription .left_art,
.pageDescription .right_art{text-align:center;width:100%;padding: 10px 60px;}
.pageDescription>div{width:100%;padding: 10px 0px;}
.pageDescription>div>div{height: 1px;width: 30%;}
.pageDescription h2{font-size:17px;}
.carrDescription article{font-size:15px;}
/*:::::PAGE-CARRUSEL:::::*/
.carrDescription article{width:90%;}
.wrapCarr{height: 230px;}
.wrapCarr .tiraCarr{height:150px;}
#modal_galeria .wrapModal{width: 90%;}
/*===========
    PAGE 4
===========*/
/*::::::FORM::::::*/
.formContainer__1{width:80%;}
}
@media (max-width: 425px){
/*:::::HEADER::::::*/
.headerBack h1{
    font-size:18px;
}
/*=================
    PAGE 2 & 3
=================*/
/*::PAGE-MAIN::*/
.pageDescription .left_art, .pageDescription .right_art{
    width: 90%;
    padding-right:0px;
    padding-left:0px;
    padding: 10px 0px;
}
.pageDescription{align-items: center;}
/*:::::PAGE-CARRUSEL:::::*/
.carrDescription{align-items: center;text-align: center;padding-left:0px;}
.carrDescription span{width: 40%;}
.ctrlCarr>span{width:34%;}
.ctrlCarr div{width:32%;}

}