@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&family=Raleway:wght@100..700&display=swap');
body {
	margin: 0px;
	padding: 0px;
	background-color:#fff;
	color:#000;	
	
	font-family: "Raleway", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	-webkit-touch-callout:none;
	-webkit-overflow-scrolling:touch;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.header {
	position: absolute;
	z-index: 999;
	width: 100%;
	font-size: 15px;
	font-weight: 500;
}
.header .nav{
	width:100%;
	position:relative;
	padding-top:15px;	
}
.header .nav .logo{
	position:absolute;
	width:152px;
	height:32px;
	padding:4px 0px;
	left:0;
	line-height:0;
	z-index:1;
}
.header .nav .demo{
	position: absolute;
	height: 40px;
	background-color: #2032ff;
	right: 0;
	cursor: pointer;
	line-height: 40px;
	text-align: center;
	border-radius: 25px;
	font-size: 15px;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.02em;
	width:200px;
}
.header .nav .demo.on{
	background-color:#fff;	
	color:#2032ff;
	width:150px;
}
.header .nav .menu{
	width:100%;
	text-align:center;	
}
.header .nav .menu .opt{
	line-height: 40px;
	height: 40px;
	color: #fff;
	text-decoration: none;
	position: relative;
	padding: 5px 2px;
	margin: 0px 15px;
	cursor: pointer;
	display: inline;
}
.header .nav .menu .opt.on{
	border-bottom: solid 2px #fff;	
}
.header .nav .menu .opt:before {
    left: 0;
    width: 100%;
    bottom: -2px;
    height: 2px;
    content: "";
    display: block;
    position: absolute;
    transform: scaleX(0);
    background-color: #fff;
    transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    transform-origin: center center;
}
.header .nav .opt:hover:before {
    transform: scaleX(1);
    transform-origin: center center;
}
.header .nav .btMenu{
	display:none;	
	float: right;
    height: 40px;
    width: 40px;
    cursor: pointer;
    /* background-color: #2032ff; */
    overflow: hidden;
	 position:relative;
	 z-index:1;
	 cursor:pointer;
}
.wpage {
	width: 100%;
	background-color: #FFF;
	margin-top: 0;
	position: relative;
	z-index: 5;
	float: left;
}
.area {
	clear: both;
	float: left;
	width: 100%;
}

.padM{
	padding:200px 0px;	
}
.wrap {
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
	max-width: 1350px;
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
}

.wpage .bgPic{
	clear: both;
	float: left;
	width: 100%;
	height:100vh;
	overflow: hidden;
	margin-top: 0px;
	position: relative;
	line-height:0;
}
.wpage .bgPic img{
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.wpage .home-media{
	clear: both;
	float: left;
	/* aspect-ratio: 16/9; */
	width: 100%;
	/* height:calc(100vh - 62px); */
	height:100vh;
	overflow: hidden;
	margin-top: 0px;
	position: relative;
}
.wpage .home-media.large{
	height:auto;
	aspect-ratio: 18/9;
	margin-bottom:-1px;
}
.wpage .home-media.lapse{
	height:auto;
	aspect-ratio: 16/9;
	margin-bottom:-1px;
}
.wpage .home-media video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.wpage .home-media .over-head{
	height:100%;
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5;
	background-color: rgb(0 0 0 / 50%);
}
.wpage .home-media .btPlay{
    width: 132px;
    height: 150px;
    position: absolute;
    z-index: 10;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    line-height: 0;
	 cursor:pointer;
}
.wpage .over-pic{
	height:100%;
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5;
	background-color: rgb(0 0 0 / 10%);
}
.wpage .over-pic .btPlay{
    width: 132px;
    height: 150px;
    position: absolute;
    z-index: 10;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    line-height: 0;
	 cursor:pointer;
}
.home-media .wrap{
	height:100vh;	
	color:#fff;
}
.home-media .wrap.fix{
	height:100%;	
}
.home-media .wrap .ocLeft{
	position: absolute;
	left: 15px;
	top: 35%;
	max-width: 940px;
}
.home-media .wrap .ocLeft.fixBot{
	 top: inherit;
    bottom: 100px;
}
.home-media .wrap .ocLeft .preClaim{
	font-size:18px;
	margin:0;
	padding:0;
	margin-bottom:15px;
}
.home-media .wrap .ocLeft .claim{
	font-size: 70px;
	padding: 0;
	margin: 0;
	font-weight: 500;
	line-height: 85px;
}
.home-media .wrap .ocLeft.fixBot .claim{
    font-size: 50px;
    line-height: 55px;
    max-width: 600px;
}
.home-media .wrap .ocRight{
	position:absolute;
	right:15px;
	bottom:5%;	
}
.home-media .wrap .ocBottom{
	position:absolute;
	left:15px;
	bottom:5%;	
}
.home-media .wrap .sClaim{
	font-size: 18px;
	line-height:28px;
	font-weight: 400;
	max-width: 400px;
	padding:0;
	margin:0;
}
.home-media .LapseClaim{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    max-width: 510px;
    padding: 0;
    margin: 0;
    padding-top: 25px;
}
.home-media .wrap .ocBottom .sClaim{
	max-width:400px;	
}
.home-media .wrap .sClaim .t{
	font-weight:500;	
}
.home-media .wrap .sClaim .i{
	margin-top:15px;
	padding-left:40px;	
}
.wpage .preTit {
	font-size: 20px;
	margin-bottom:10px;
}

.wpage .introBox {
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	max-width: 100%;
}
.wpage .introBox.baseline{
	align-items: flex-end;
}
.wpage .introBox .intro{
	font-size: 46px;
	line-height:50px;
	padding-right:50px;
	box-sizing: border-box;
	font-weight:500;
	flex: 1;
}
.wpage .introBox .intro.fix1{
	padding-right:0;
	font-size: 42px;
	line-height: 50px;
}
.wpage .introBox .anexo{
	width: 300px;
	line-height: 22px;
    font-size: 15px;
}
.wpage .introBox .anexo2{
	width: 460px;
	margin-right:130px;
	position:relative;
	font-size: 18px;
    line-height: 26px;
	 font-weight:300;
}
.wpage .introBox .anexo2 .preTit{
	font-size: 18px;
	font-weight:500;	
}
.wpage .introBox .anexo3{
	width: 360px;
	margin-right:100px;
	position:relative;
	font-size: 18px;
    line-height: 26px;
	 font-weight:300;
}
.wpage .anexo3 .pic{
	max-width:360px;	
}
.wpage .intro.full{
	font-size: 48px;
	line-height:50px;
	padding-right:50px;
}
.wpage .preintro2{
	font-size: 28px;
	line-height:36px;
	font-weight:500;
}
.wpage .tourTool .preintro2{
	margin:10px 0px;
	
}
.wpage .intro2{
	font-size: 48px;
	line-height:58px;
	max-width:720px;
	font-weight:500;
}
.wpage .numLine{
   font-family: "Montserrat", sans-serif;
	font-size:20px;
	font-weight:300;	
	    letter-spacing: 0.2em;
}
.wpage .navOur{
	font-size: 18px;
	margin-bottom: 10px;
	float:left;
	clear:both;
	width:100%;	
}
.wpage .navOur .left{
	float:left;	
}
.wpage .navOur .right{
	float:right;	
}
.wpage .introBig{
	font-size: 68px;
	line-height:78px;
	max-width:760px;

	
}
.wpage .lineHalf{
		display: flex;
    width: 100%;
    min-height: 650px;
	 margin-top:10px;
}
.wpage .lineHalf.home{
	min-height: 600px;
}
.wpage .lineHalf.noHeight{
	min-height:auto;	
}
.wpage .lineHalf .txt{
	width: 55%;
}
.wpage .lineHalf .txt2{
	width:45%;
	margin-left:10%;	
}
.wpage .lineHalf .txt3 {
    width: 45%;
}
.wpage .lineHalf .txt3 .info{
line-height: 24px;
    font-size: 18px;	
}
.wpage .lineHalf .txt .box{
	float:right;
	padding-right:50px;
	max-width:550px;
	height:500px;
}

.wpage .lineHalf .txt .box .info{
	float:none;
	clear:both;
	width:100%;
	padding-top:25px;	
	line-height: 26px;
    font-weight: 300;
    font-size: 18px;
}
.wpage .lineHalf .txt .box .icon{
	width:100%;
	max-width:500px;
	margin: 15px 0px 15px 0px;
	line-height:0;	
}
.wpage .lineHalf .pic{
	width: 45%;
	background-image: url(rs/pic-ourhome.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
	background-size: cover;
}
.wpage .lineHalf .sello{
	width: 130px;
	left: -160px;
	position: relative;
	top: -105px;	
}
.wpage .clientHome{
	margin-top:200px;	
}
.wpage .clientHome .logos{
	float: left;
	clear: both;
	width: 100%;
	margin: 45px 0px;
	display: flex;
	justify-content: space-between;
}
.wpage .clientHome .logos .item{
	width: 150px;
	height: 50px;
	text-align: center;
}
.wpage .clientHome .logos .item.small{
	width:50px;	
}
.wpage .clientHome .logos .item img {
  max-height: 100%;      
  max-width: 100%;         
}
.wpage .clientHome .anexo{
	float: right;
	max-width: 400px;
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
}
.wpage .fullPicture{
	width:100%;
	aspect-ratio: 16/6;
	float:none;
	clear:both;
	line-height:0;
}
.wpage .fullPicture img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.wpage .fullPicture2{
	width:100%;
	float:none;
	clear:both;
	line-height:0;
}
.wpage .fullPicture3{
	padding-top:50px;
	padding-right: 15px;
    padding-left: 15px;
    position: relative;
    max-width: 1350px;
    clear: both;
    float: none;
    margin-right: auto;
    margin-left: auto;
	line-height:0;
}
.wpage .ratPicture{
	width:100%;
	aspect-ratio: 8/4;
	float:none;
	clear:both;
	line-height:0;
	margin-top:100px;
	margin-bottom:50px;
	position:relative;
}
.wpage .ratPicture img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.wpage .splitxt{
	color: #f7f7f7;
	padding: 0 10%;
	font-size: 60px;
	line-height: 65px;
	text-align: left;
}
.wpage .bgBlack .splitxt{
	color: #666666;
	font-size: 68px;
    line-height: 80px;
    font-weight: 500;
}
.wpage .faqHome {
	width: 100%;
	border-top:solid 1px #fff;
}
.wpage .preTit.m20{
	margin-bottom:20px;	
}
.wpage .faqHome .fLine{
	width:100%;
	height:160px;
	position:relative;	
	border-bottom:solid 1px #fff;
	overflow:hidden;
	-webkit-transition:all 250ms ease-in;-moz-transition:all 250ms ease-in;-o-transition:all 250ms ease-in;-ms-transition:all 250ms ease-in;transition:all 250ms ease-in;
}
.wpage .faqHome .fLine.on{
	height:420px;
}
.wpage .faqHome .fLine .btOn{
	position: absolute;
	bottom: 25px;
	right: 0px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	border-radius: 50%;
	border: solid 2px #fff;
	background-image: url(rs/symbol-plus.svg);
	background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
}
.wpage .faqHome .fLine.on .btOn{
background-image: url(rs/symbol-minus.svg);	
}
.wpage .faqHome .fLine .info{
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	max-width: 100%;
}
.wpage .faqHome .fLine .info .num{
	font-family: "Montserrat", sans-serif;
	width: 300px;
	font-weight: 200;
	font-size: 260px;
    line-height: 260px;
	-webkit-transition:all 250ms ease-in;-moz-transition:all 250ms ease-in;-o-transition:all 250ms ease-in;-ms-transition:all 250ms ease-in;transition:all 250ms ease-in;
}
.wpage .faqHome .fLine.on .info .num{
	
	color:#2032ff;
}
.wpage .faqHome .fLine .info .txt {
    flex: 1;
    box-sizing: border-box;
    padding: 0 10% 0 10%;
}
.wpage .faqHome .fLine .info .txt .tit{
	font-size:35px;
	padding-top:100px;
	width:100%;
}
.wpage .faqHome .fLine .info .txt .res{
	font-size:17px;
	margin:45px 0px 45px 0;
	width:100%;
}
.wpage .faqHome .fLine .info .txt .res .pic{
width: 35%;
    margin: 0 5% 0 0;
	height:150px;
	float:left;
}
.wpage .faqHome .fLine .info .txt .res .des{
	float:left;
	width:60%;
}
.wpage .linkmore{
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	background-image: url(rs/pic-arrow-right-whitte.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:30px;
	height:30px;
	line-height:30px;
	background-size: 23px 30px;
}
.wpage .linkmore:hover{
	padding-right:40px;
}
.wpage .fourBox {
	display: flex;
	gap: 25px; /* Espacio de 20px entre los cubos */
}
.wpage .fourBox.gap{
	gap:50px;	
}
.wpage .fourBox .item{
	width: 25%;
	line-height:25px;
	font-weight:300;
	font-size:16px;
}
.wpage .fourBox .item .t{
	font-size: 35px;
	line-height:36px;
	margin-bottom:25px;	
	font-weight:500;
}
.wpage .fourBox.big .item{
	line-height:32px;
	font-size:18px;
}
.wpage .fourBox.big .item .t{
	font-size: 25px;
	line-height: 26px;
	margin-bottom: 25px;
	font-weight: 500;
}
.wpage .introAbout {
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	max-width: 100%;
	flex-direction: row-reverse;
	float:none;
	clear:both;
}
.wpage .introAbout .n{
padding-top: 30px;	
font-family: "Montserrat", sans-serif;
    width: 330px;
    font-weight: 200;
    font-size: 260px;
    line-height: 260px;
	 color: #2032ff;
}
.wpage .introAbout .nameP{
    font-size: 46px;
    line-height: 50px;
    padding-right: 110px;
    box-sizing: border-box;
    font-weight: 500;
    flex: 1;
}
.wpage .introAbout .nameP.fix1{
	padding-right:140px;	
}
.wpage .nameP .intro2 { max-width:100%;}
.wpage .nameP .intro2 .sketch{ 
 width:100%;
 padding-top:50px;	
}
.sketch-about{ 
 width:100%;
 padding-top:50px;	
}
.wpage .tresBox {
	display: flex;
	gap: 25px; /* Espacio de 20px entre los cubos */
}
.wpage .tresBox .item{
	width: 33.33%;
	line-height:32px;
	font-weight:300;
	font-size:18px;
	position:relative;
}
.wpage .tresBox .item .t{
font-size: 25px;
line-height:26px;
margin-bottom:25px;	
font-weight:500;
}
.wpage .tresBox.mtop{
	/* margin-top:400px; */	
	margin-top:200px;	
}
.wpage .tresBox .arrow{
	width:200px;
	position:absolute;
	right:0;
	bottom:15px;
}
.wpage .cuote{
	clear: both;
	max-width: 580px;
	margin-top: 150px;
	font-size: 40px;
	color: #2032ff;
	font-style: italic;
	margin-bottom: 150px;
}
.wpage .cuote.large{
	max-width: 640px;
}
.wpage .cuote.arrow{
	padding-left: 80px;
	background-image: url(rs/pic-arrow-right.png);
	background-repeat: no-repeat;
	background-position: left top;	
}
.wpage .collage{
	width:100%;
	float:left;
	position:relative;
	clear:both;
	margin-bottom:100px;	
}
.wpage .collage .picL{
	width:70%;
	margin-right:2%;
	/* aspect-ratio: 4/5;
	background-color:#f7f7f7; */
	float:left;
	 line-height:0;	
}
.wpage .collage .picM{
	width:28%;	
	/* aspect-ratio: 4/5;
	background-color:#f7f7f7;	 */
	float:left;
	 line-height:0;
}
.wpage .collage .claim{
	max-width: 580px;
	font-size: 40px;
	color: #2032ff;
	font-style: italic;
	float: left;
	clear: both;
	margin-top: 35px;
}
.wpage .collage img{
	width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top;
	
	}
.wpage .leftText{
	width:100%;
	float:none;
	clear:both;
}
.wpage .leftText .boxLT{
	float:right;
	width:100%;
	max-width:680px;
	margin-top:200px;
	margin-bottom:100px;
}
.wpage .box3video{
	width:100%;	
	float: left;
   clear: both;
}
.wpage .box3video .item{
	width:32%;
	float:left;
	
}
.wpage .box3video .item:nth-child(2){
	margin:0 2%;	
}
.wpage .box3video .item .tit{
font-size: 20px;
    margin-bottom: 3px;
    min-height: 52px;
}
.wpage .box3video .item .vic{
	width:100%;
	aspect-ratio: 6/7;
	position: relative;	
}
.wpage .timeLapse {
    width: 100%;
    float: left;
    clear: both;
    line-height: 0;
	 background-color: #1b2be8;
}
.bigClip{
	margin:150px 0px !important;
}
.area.fullScreen{
	/* height: 100vh; */
	height: calc(100vh + 200px);
	position: relative;
}
.fullScreen .content{
 	position: absolute;
    top: 50%;
    left: 50%;
	 margin-top:100px;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 450px;
    color: white;
    text-align: center;
}
.fullScreen .content .big{
	font-size: 120px;
	line-height: 120px;
	font-weight: 300;
}
.fullScreen .content .arrown{
	text-align: center;
    width: 100px;
    margin: 0 auto;
    margin-top: 10px;
}
.fullScreen .content .cnt a{
	display: block;
	margin: 0 auto;
	font-size: 32px;
	color: #fff;
	text-decoration: none;
	border: solid 2px #fff;
	border-radius: 50px;
	margin-top: 20px;
	padding: 10px 0px;
	max-width: 440px;
}
.fullScreen .content .cnt a:hover{
	background-color: #2032ff;
    border: 2px solid #2032ff;
}
.wpage .tourTool{

}
.wpage .tourTool .menuSteep {
	position: sticky;
	z-index: 1;
	top: 0;
	font-size: 18px;
	line-height: 40px;
	cursor: pointer;
	width: 240px;
	height: 100vh;
	box-sizing: content-box;
}
.wpage .tourTool .menuSteep .box{
	padding-top:150px;	
}
.wpage .tourTool .menuSteep .box .btPoint{
	
}
.wpage .tourTool .menuSteep .box .btPoint.on{
 color: #2032ff;	
}
.wpage .tourTool .menuSteep .box .btPoint:hover{
	color: #2032ff;
}
.wpage .tourTool .packSteeps{
	width: 900px;
	margin-left: auto;
	margin-top: -100vh;
}
.wpage .tourTool .steep {
	padding-top:150px;
	width:100%;
	margin-bottom:200px;
}
.wpage .dualClaim {
	width:100%;
	clear: both;
	float: left;
}
.wpage .dualClaim .item{
	float:left;
	width:45%;	
}
.wpage .dualClaim .item:first-child{
	width:55%;
}
.wpage .dualClaim .number{
	padding-top:25px;
	border-bottom: solid 1px #fff;	
	display: inline-block;
    width: 200px;
    margin-left: 50px;
}
.wpage .dualClaim .number .n{
	font-size:150px;
	line-height:150px;	
	font-weight:100;
	font-family: "Montserrat", sans-serif;
}
.wpage .dualClaim .number .e{
	font-weight: 500;
	font-size: 20px;
	padding:15px 0px;
	font-weight:400;
}
.wpage .dualTxt {
	clear: both;
	float: left;
	margin-top: 30px;
	margin-bottom: 50px;
	font-size: 16px;
    line-height: 24px;
}
.wpage .dualTxt .item{
	float:left;
	width:45%;	
}
.wpage .dualTxt .itemUnic{
	font-size:36px;
	line-height:42px;
	font-weight:300;	
}
.wpage .dualTxt .item:first-child{
	margin-right:10%;	
}
.logo-juvis img {
  height: 1.1em;           
  width: auto;           
  /* vertical-align: -0.125em; */
  vertical-align: -0.29em;
}
sup.r{
	font-size:0.5em;	
	line-height: 1em;
}
.wpage .clipVideo {
	clear: both;
	float: none;
	width: 100%;
	aspect-ratio: 16/9;
	position:relative;
}
.wpage .clipVideo video, .wpage .box3video .item .vic video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.wpage .subVideo{
	float:right;
	font-size:15px;
	text-align:right;
	max-width: 270px;
    padding-top: 25px;
}
.wpage .subVideo2{
	float:left;
	font-size:15px;
	text-align:left;
	max-width: 340px;
    padding-top: 25px;
	 color:#fff;
}
.wpage .subVideo3 {
    font-size: 15px;
    max-width: 340px;
    color: #fff;
    margin-bottom: -55px;
    float: right;
    text-align: right;
}
.wpage .subLH{
	font-size: 40px;
    float: right;
    max-width: 515px;
    padding-left: 80px;
	     background-image: url(rs/pic-arrow-right-whitte.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.animateScroll {
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 5%;
	font-size: 10px;
	color: #FFF;
	font-weight:400;
}
.animateScroll .icoScroll {
	width: 22px;
	height: 44px;
	margin:0 auto;
	border: 2px solid #fff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	margin-bottom:5px;
		 
}
.animateScroll .icoScroll .click{
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	width:4px;
	height:4px;
	margin-top:8px;
	margin-left:auto;
	margin-right:auto;
	border: 2px solid #fff;
	animation: scroll 1.5s linear infinite;
}
.animateScroll .press{
	padding:4px 0px;	
}
@keyframes scroll {
	0% { margin-top:8px; }
	50% { margin-top:14px; }
	100% { margin-top:8px; }
}

.space50{
	width:100%;
	float:none;
	clear:both;
	height:50px;	
}
.space100{
	width:100%;
	float:none;
	clear:both;
	height:100px;	
}
.cBlue{
color: #2032ff	
}
.cBlack{
color: #000000;
}
.btStnd {
	 display: block;
    height: 40px;
    width: 200px;
	 color:#fff;
	 background-color:#2032ff;
    border: 1px solid #2032ff;
    line-height: 40px;
    text-align: center;
    border-radius: 25px;
	 font-size:14px;
	 font-weight:600;
	 letter-spacing:0.02em;
	 text-decoration:none;
	 -webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;
	 font-style:normal;
}
.btStnd.whitte{
	color:#fff;
	border-color:#fff;	
}
.btStnd.mt25{
	margin-top:25px;	
}
.btStnd.mt50{
	margin-top:50px;	
}
.btStnd.fix1{
	position:absolute;
	bottom:8px;	
}
.mb100{
	margin-bottom:100px;	
}
.mb150{
	margin-bottom:150px;	
}
.mb200{
	margin-bottom:200px;	
}
.bgBlack{ background-color:#161616; color:#fff; }
.bgBlue{ background-color:#2032ff; color:#fff;}

.tr00{-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;}
.tr01{-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;}
.tr02{-webkit-transition:all 1000ms ease-in-out;-moz-transition:all 1000ms ease-in-out;-o-transition:all 1000ms ease-in-out;-ms-transition:all 1000ms ease-in-out;transition:all 1000ms ease-in-out;}
.getDemo {
	height: 100vh;
	width: 0%;
	background-color: #2032ff;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10;
	overflow: hidden;
	color: #FFF;
	background-image: url(rs/pic-conect.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
	background-size: 237px 113px;
}
.getDemo .box{
    width: 650px;
    padding: 100px 50px;
}
.getDemo .box .title{
	font-size: 90px;
	font-weight: 300;
	line-height: 100px;
	width: 400px;
	margin-top: -15px;
}
.getDemo .box .deminfo{
	padding:40px 0px;
	font-size: 40px;
   font-weight: 300;
   line-height: 46px;
	width: 600px;
}
.getDemo .box .line{
	font-size: 35px;
    font-weight: 300;
    /* padding-left: 50px; */
	 margin-bottom:15px;
	 width:500px;
}
.getDemo .box .sline{
	font-size: 18px;
	font-weight: 300;
	padding-left: 5px;
	margin-bottom: 20px;
	width: 400px;
}
.getDemo .box .line sup{
	margin-left:-50px;
	font-weight:100;
	font-size: 25px;
		
}
.getDemo .box .line a{
	color:#fff;	
}
.getDemo .box .title,
.getDemo .box .deminfo
{
	margin-left: 25px;
}
.getDemo .box .line,
.getDemo .box .sline
{
	margin-left: 50px;
}
.header-legal{
	background-color:#2032ff;
	padding:200px 0px 0px 0px;
}
.header-legal .picH{
	width:100%;
	max-width:450px;	
}
.bLegal{
	padding-top:150px;
	
    line-height: 26px;
    font-size: 16px;	
}
.bLegal a{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;	
}
.bLegal:first-child{
	padding-top: 0px;	
}
.bLegal .sector{
	font-size: 68px;
    line-height: 78px;
    max-width: 760px;
	 margin-bottom:50px;
}

.video-screen{
	 position: fixed;
    top: 0px;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 1002;
    display: none;
	 background-color:#000;
    background-color: hsl(0deg 0% 0% / 60%);
}
.video-screen .btClose{
	height: 62px;
	width: 62px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #2032ff;
	cursor: pointer;
	text-align: center;
	line-height: 62px;
	font-size: 40px;
	color: #fff;
}
.video-screen .table{width:100%;max-width:1080px;margin:0 auto; display:table; height:100%;}
.video-screen .table .cell{ vertical-align:middle; display:table-cell;}
.video-screen .vBox{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	position: absolute;
	text-align:center;
}
.video-screen .vBox.vertical{
	width:auto;
	height:80%;	
}
.video-screen .video-box{
	width:100%;
	overflow:none;
    margin: 0 auto;
    text-align: center;
}
.video-screen .videoWrapper{
	/* position:relative;padding-bottom:55%;padding-top:25px;height:0; */
	aspect-ratio: 16 / 9;
}
.video-screen .vBox.vertical .videoWrapper{
	aspect-ratio: 9 / 16;
}
.video-screen .videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.footer {
	line-height: 50px;
	clear: both;
	float: left;
	height: 50px;
	width: 100%;
	margin-top: -50px;
	position: relative;
	z-index: 1;
	color: #FFF;
	font-size:14px;
}
.footer .legal{
	text-decoration:none;
	color:#fff;
	margin-left:15px;	
}
.footer .left{
	position:absolute;
	left:15px;	
}
.footer .right{
	position:absolute;
	right:15px;	
}
.footer .mid{
	margin:0 auto;
	text-align:center;
	float:none;
	clear:both;	
}

/* Cookies custom plugin */

.cookiesPosition{
		left: 25px;
	bottom: 25px;
}
#cookiesAlert {
	font-size: 13px;
	color: #fff;
	background-color: #2032ff;
	padding: 15px;
	width: 330px;
	position: fixed;
	z-index: 9998;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 9px;
}
#cookiesAlert a { color: #000; text-decoration:underline;}
#cookiesAlert .btStand{     
	text-decoration: none;
    width: 150px;
    display: block;
    line-height: 32px;
    text-align: center;
    border-radius: 20px;
    background-color: #fefbf6;
}
#cookiesAlert .aviso_co{ line-height:18px; }
#cookiesAlert .control_co {
	padding-top: 15px;
	clear: both;
	float: none;
	width: 100%;
}
#cookiesAlert .control_co .btco {
	padding: 10px 0px;
	float: left;
	font-size: 14px;
}
#cookiesAlert .control_co .btco.btcoblack {
	color: #FFF;
	background-color: #333;
	text-decoration: none;
	/* margin-left: 24px; */
	padding: 10px;
}
#cookiesConfig {
	background-color: #FFF;
	width: 580px;
	clear: both;
	position: fixed;
	font-size: 13px;
	display: none;
	z-index: 9999;	
}
#cookiesConfig a{
	color:#000;	
	 text-decoration:underline;
}
#cookiesConfig .head_cc {
	float: left;
	clear: both;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 100%;
	font-size: 15px;
}
#cookiesConfig .cont_cc {
	clear: both;
	float: left;
	width: 100%;
}
#cookiesConfig .cont_cc .leftS {
	float: left;
	width: 100%;
	padding-left: 20px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#cookiesConfig .cont_cc .leftS .tipe_cc {
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	margin-right: 20px;
	border-bottom: 3px solid #fff;
	cursor: pointer;
}
#cookiesConfig .cont_cc .leftS .tipe_cc.on{
	border-bottom: 3px solid #b3b3b3;
}
#cookiesConfig .cont_cc .rightS {
	float: left;
	width: 100%;
	overflow: hidden;
}
#cookiesConfig .cont_cc .rightS .sld_cc {
	clear: both;
	float: left;
	width: 1000%;
}
#cookiesConfig .cont_cc .rightS .sld_cc .opt_cc {
	float: left;
	width: 10%;
	padding: 20px;
	line-height: 18px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#cookiesConfig .cont_cc .rightS .sld_cc .opt_cc .tip_cc {
	font-weight: bold;
	margin-bottom: 10px;
}
#cookiesConfig .footer_cc {
	float: left;
	clear: both;
	padding: 20px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
#cookiesConfig .footer_cc, #cookiesConfig .head_cc{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#cookiesConfig .btco  {
	padding: 10px 0px;
	float: left;
	font-size: 14px;
	display:block;
	margin-left:24px;
}
#cookiesConfig .btco.btcoblack {
	color: #FFF;
	background-color: #333;
	text-decoration: none;
	margin-left:0px;
	padding: 10px;
}



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


@media screen and (max-width: 768px) {
	.noPhone{ display:none; }
	.padM { padding: 100px 0px; }
	.mb200, .mb150 { margin-bottom: 100px; }
	.header .nav .demo{ position:fixed; bottom: 15px; right: 15px; font-size: 12px; width: 150px; }
	.header .nav .demo.on { width: 90px; }
	.header .nav .btMenu{
		display:block;	
	}
	.header .nav .menu{
		display:none;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		padding: 90px 0 0px 0;
		background-color: #2032ff;
		background-color: rgb(32 50 255 / 90%);
	 }
	.header .nav .menu .opt{
		display: block;
		margin: 0px 0px;
		font-size: 20px;
		padding: 25px 0px;
	 }
	 .header .nav .menu .opt.on{
		 background-color: rgb(0 0 0 / 15%);
    border-bottom: 0px;
	 }
	.home-media .wrap .ocLeft { position: relative; left: 0px; padding-top: 200px; max-width: 940px; top:inherit;}
	.home-media .wrap .ocRight { position: relative; right: inherit; bottom: inherit;  margin-top: 100px;}
	.home-media .wrap .ocBottom{ position:relative; left:0; bottom:inherit; margin-top:25px; }
	.home-media .wrap .ocLeft .preClaim { margin-bottom:5px;}
	.animateScroll { bottom:15px; left:0px; }
	.home-media .wrap .sClaim { font-size: 16px; line-height: 24px; }
	.home-media .wrap .sClaim .i{ padding-left:0px; }
	.home-media .wrap .ocLeft .claim {font-size: 35px; line-height: 40px;}
	.wpage .introBox{ display:block; }
	.wpage .introBox .intro{ margin-bottom:50px; font-size: 32px; line-height: 42px; padding-right: 0;}
	.wpage .introBox .anexo2{ width:100%; margin-right:0; margin-bottom:50px;}
	.wpage .introBox .intro.fix1{font-size: 32px; line-height: 38px;}
	.wpage .intro.full{font-size: 32px; line-height: 38px;}
	.wpage .fourBox{ display:block; gap:0;}
	.wpage .fourBox .item{ width:100%; margin:0px 0px 50px 0px; }
	.wpage .splitxt{ padding:0px; font-size:32px; line-height:52px; }
	.wpage .bgBlack .splitxt { font-size: 30px; line-height: 40px; }
	.wpage .clientHome .logos{ display:block; }
	.wpage .clientHome .logos .item{width: auto;
        display: block;
        margin: 0 auto 25px auto;
        text-align: center;}
	.wpage .dualClaim .item:first-child{ width:100%;}
	.wpage .dualClaim .item{ width:100%; }
	.wpage .introBig { font-size: 38px; line-height: 46px;}
	.wpage .dualClaim .number{width: 50%; margin-left: 0; float:left; }
	.wpage .dualClaim .number .n { font-size: 110px; line-height: 110px; }
	.wpage .fourBox .item .t { font-size: 20px; line-height: 20px; }
	.wpage .lineHalf{ display:block; float: left; clear: both; }
	.wpage .lineHalf .txt{ width:100%; float:left; padding:0 15px; box-sizing:border-box; margin-bottom:50px;}
	.wpage .lineHalf .txt .box{ height:auto; padding-right:0; /* home */ } 
	.wpage .lineHalf .pic{ width:100%; float: left; height:600px;}
	.wpage .fullScreen .content{ width:300px; height: 280px;}
	.wpage .fullScreen .content .big { font-size: 50px; line-height: 60px; margin-bottom:50px;} 
	.wpage .fullScreen .content .cnt a{ font-size:20px; font-weight:600; }
	.wpage .faqHome .fLine, .wpage .faqHome .fLine.on{ height:auto !important;	 }
	.wpage .faqHome .fLine .info{ display:block; }
	.wpage .faqHome .fLine .info .num { font-size:100px; line-height:100px; padding-top:25px; }
	.wpage .faqHome .fLine .info .txt{ padding: 0 5% 0 10%; }
	.wpage .faqHome .fLine .info .txt .tit{ padding-top:15px; }
	.wpage .faqHome .fLine .info .txt .res .des{ font-size: 15px; margin: 25px 0px 45px 0; width: 100%; }
	.wpage .faqHome .fLine .info .txt .res .pic { margin: 0 0 30px 0;
        width: 100%;
        height: auto;}
	.wpage .faqHome .fLine.on .info .num{ color:#fff; }
	.wpage .faqHome .fLine .btOn{ display: none; }
	.wpage .lineHalf .txt .box .icon {margin: 25px 0px 35px 0px;}
	.wpage .clientHome{ margin-top:100px; }
	.wpage .dualClaim .space100{ height:50px !important; }
	.wpage .lineHalf .sello { left: 0; top: 0; margin-top: 35px; }
	.wpage .introAbout { display: block; }
	.wpage .numLine{ display:none; }
	.wpage .introAbout .n{ padding-top:0px; margin-bottom:25px; }
	.wpage .introAbout .nameP, .wpage .introAbout .nameP.fix1{ padding-right:0; }
	.wpage .preintro2 { font-size: 32px; line-height: 40px; }
	.wpage .intro2 { font-size: 24px; line-height: 32px; padding-top:25px; }
	.wpage .tresBox.mtop { margin-top: 100px; }
	.wpage .tresBox { display: block; }
	.wpage .tresBox .item{ width:100%; margin-bottom:50px; }
	.wpage .tresBox .item:last-child{ margin-bottom:0; }
	.wpage .tresBox .arrow { width: 100px; bottom:0; position:relative; }
	.wpage .introBox .anexo3{ margin-bottom:50px; width:100%; margin-right:0; }
	.wpage .introBox .intro.fix1 .preTit{
		line-height:24px;
		margin-bottom:15px;
	}
	.wpage .anexo3 .pic {
    margin-bottom: 25px;
	}
	.wpage .collage .picL {
    width: 100%;
    margin-right: 0;
	}
	.wpage .collage .picM {
    width: 100%;
    margin-top: 15px;
	}
	.wpage .collage .claim {
    position: relative;
	 max-width:100%;
	 margin-top:50px;
	 float:left; 
	 }
	 .wpage .fullPicture {
    aspect-ratio: 6 / 6;
	 }
	.wpage .cuote{
		margin-top:100px;
		margin-bottom:100px;
	}
	.wpage .lineHalf{
		display:block;	
		margin-top:-10px;
	}
	.wpage .lineHalf .txt2 {
    width: 100%;
    margin-left: 0;
    margin-top: 50px;
    float: left;
	}
	.wpage .lineHalf .space100{
		height:50px !important;	
	}
	.wpage .subVideo2{
		padding-top:0;
		max-width:100%;
		font-size: 16px;	
	}
	.wpage .tourTool .menuSteep{ display:none; }
	.wpage .tourTool .packSteeps{ margin-top:0; width:100%;}
	.wpage .tourTool .steep { padding-top: 100px;  margin-bottom: 100px; }
	.wpage .dualTxt .itemUnic {
    font-size: 24px;
    line-height: 32px;
	}
	.wpage .timeLapse{ margin-top:25px; margin-bottom:25px; }
	.wpage .home-media.lapse {aspect-ratio: 16 / 16;}
	.home-media .wrap .ocLeft.fixBot {
		 top: 0;
		 bottom: 100px;
		 padding-top: 35px;
	}
	.home-media .wrap .ocLeft.fixBot .claim { line-height:38px; }
	.wpage .lineHalf .txt3{ width:100%; }
	.wpage .subLH {
    font-size: 30px;
    float: left;
    margin-top: 50px;
	}
	.wpage .subVideo3 {
    margin-bottom: 75px;
    text-align: left;
    float: left;
	}
	.wpage .box3video .item{ width:100%; }
	.wpage .box3video .item:nth-child(2){ margin:50px 0px;}
	.wpage .box3video .item .tit { font-size: 18px; margin-bottom: 20px; }
	.footer{ height:auto; background-color: #000; line-height:40px; margin-top:-120px;}
	.footer .legal{ margin-left:0; display:block;}
	.footer .left, .footer .right{ position:relative; left:0; right:inherit;}
	.footer .mid{ text-align:left; padding-bottom:20px; }
	.fullScreen .content{
		width: 300px;
		height:240px;
		margin-top:0;
	}    
	.fullScreen .content .big{
		    font-size: 60px;
			 line-height: 60px;
	}
	.fullScreen .content .cnt a{ font-size:20px; }
	#endColorPage{ padding-bottom:0; }
	.getDemo .box {
    width: 100%;
    padding: 50px 15px;
    box-sizing: border-box;
}
	.getDemo .box .title {
		 font-size: 60px;
		 font-weight: 300;
		 line-height: 60px;
		 width: 270px;
		 margin-top: 25px;
	}
	.getDemo .box .deminfo {
    padding: 50px 0px;
    font-size: 25px;
    font-weight: 300;
    line-height: 32px;
    width: 340px;
	}
	.getDemo .box .line { font-size: 20px; }
	.getDemo .box .line sup{ font-size:18px; }
	.getDemo .box .sline{ width: 320px; }
}