@charset "utf-8";
@font-face {
	font-family:"Roboto Black";
	src: url("../fonts/Roboto-Black.ttf");
	src: url('../fonts/Roboto-Black.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"Lato Regular";
	src: url("../fonts/Lato-Regular.ttf");
	src: url('../fonts/Lato-Regular.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"Lato Light";
	src: url('../fonts/Lato-Light.ttf');
	src: url('../fonts/Lato-Light.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
* {margin:0; padding:0; font-family:"Lato Light", Arial, sans-serif; color:#333;}
a {text-decoration:none;}
h1 {font-family:"Roboto Black", Arial, sans-serif;}
h2 {font-family:"Roboto Black", Arial, sans-serif;}

.menu-main {
    position: fixed;
    top: 3rem;
    right: 4rem;
    font-size: .8rem;
    z-index: 99999;
}

.menu-main a {
    font-size: .8rem;
    color: #FFF;
    display: inline-block;
    text-align: center;
    background: #ff8001;
    padding: 1.2rem 1rem;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 3px 8px rgba(0, 0, 0, 0.2);
}

.menu-main a svg {
    cursor: pointer;
    display: block;
    margin: 0 auto 0.2rem;
    height: 1.5rem;
}

.itio-fixed {position:fixed; width:100%; height:80rem;}
.itio-fixed-img {width:100%; height:100%; overflow:hidden; position:relative;}
.itio-fixed-img i {position:absolute; top:4rem; right:7rem; color:#B3C5EF;}
.itio-fixed-img img {min-width:100%; height:100%; position:absolute; left:0; top:0; display:none;}
.itio-fixed-img img.imfx1 {display:block;}

.itio-social {position:fixed; z-index:99999999; top:1rem; left:1rem;}
.itio-social ul li {display:block; margin-right:.5rem;}

.itio-header {max-width:80%; height:80rem; margin:0 auto; position:relative;}
.itio-header-title {max-width:89%; position:absolute; top:40%;}
.itio-header-title h1 {font-size:4rem; line-height:4.5rem; color:#FFF;}
.itio-header-title p {font-size:1.5rem; line-height:1.6rem; text-align:right; color:#FFF; letter-spacing:.275rem; font-family: "Lato Regular", Arial, sans-serif;}
.itio-header-slogan {width:100%; position:absolute; top:80%;}
.itio-header-slogan p {font-size:1.5rem; line-height:2rem; letter-spacing:.15rem; color:#FFF;}

.itio-content {width:100%; position:relative;}

.abtus-play {text-align:center; padding:5rem 0; background:#FFF;}
.abtus-play a {color:#0070C9;}
.abtus-play a i {margin-left:.5rem; color:#0070C9;}

.abtus-tecno {width:100%; padding:5rem 0 15rem; background:#FFF;}
.abtus-tecno-content {width:90%; margin:0 auto; position:relative;}
.abtus-tecno-content img {max-width:80%;}
.abtus-tecno-txt {width:45%; position:absolute; top:1rem; right:0;}
.abtus-tecno-txt h2 {font-size:2.5rem; margin-bottom:.5rem;}
.abtus-tecno-txt p {font-size:1.2rem; margin-bottom:2rem;}
.abtus-tecno-txt a {font-size:1.2rem; color:#0070C9;}
.abtus-tecno-txt a i {margin-left:.3rem; color:#0070C9; font-size:1rem;}

.abtus-sky {width:100%; padding:5rem 0; background:#FAFAFA;}
.abtus-sky-content {width:90%; max-width:80rem; margin:0 auto; position:relative; text-align:right;}
.abtus-sky-txt {width:50%; position:absolute; top:4rem; left:9rem; text-align:left;}
.abtus-sky-txt h2 {font-size:2.5rem; margin-bottom:.5rem; text-align:center;}
.abtus-sky-txt h3 {font-size:1.5rem; margin-bottom:1.5rem; text-align:center;}
.abtus-sky-txt p {font-size:1.2rem; margin-bottom:2rem;}
.abtus-sky-txt a {font-size:1.2rem; color:#0070C9;}
.abtus-sky-txt a i {margin-left:.3rem; color:#0070C9; font-size:1rem;}

.abtus-mountain {width:100%; padding:5rem 0; background:#FFF;}
.abtus-mountain-content {width:90%; max-width:80rem; margin:0 auto; position:relative;}
.abtus-mountain-txt {width:50%; position:absolute; top:10rem; right:9rem; text-align:left;}
.abtus-mountain-txt h2 {font-size:2.5rem; margin-bottom:.5rem; text-align:center;}
.abtus-mountain-txt h3 {font-size:1.5rem; margin-bottom:1.5rem; text-align:center;}
.abtus-mountain-txt p {font-size:1.2rem; margin-bottom:2rem;}
.abtus-mountain-txt a {font-size:1.2rem; color:#0070C9;}
.abtus-mountain-txt a i {margin-left:.3rem; color:#0070C9; font-size:1rem;}

.abtus-underwater {width:100%; padding:5rem 0; background:#FAFAFA;}
.abtus-underwater-content {width:90%; max-width:80rem; margin:0 auto; position:relative; text-align:right;}
.abtus-underwater-txt {width:50%; position:absolute; top:4rem; left:9rem; text-align:left;}
.abtus-underwater-txt h2 {font-size:2.5rem; margin-bottom:.5rem; text-align:center;}
.abtus-underwater-txt h3 {font-size:1.5rem; margin-bottom:.5rem; text-align:center;}
.abtus-underwater-txt p {font-size:1.2rem; margin-bottom:2rem;}
.abtus-underwater-txt a {font-size:1.2rem; color:#0070C9;}
.abtus-underwater-txt a i {margin-left:.3rem; color:#0070C9; font-size:1rem;}

.abtus-caverns {width:100%; padding:5rem 0; background:#FFF;}
.abtus-caverns-content {width:90%; max-width:80rem; margin:0 auto; position:relative; text-align:left;}
.abtus-caverns-txt {width:50%; position:absolute; top:4rem; right:12rem; text-align:left;}
.abtus-caverns-txt h2 {font-size:2.5rem; margin-bottom:.5rem; text-align:center;}
.abtus-caverns-txt h3 {font-size:1.5rem; margin-bottom:.5rem; text-align:center;}
.abtus-caverns-txt p {font-size:1.2rem; margin-bottom:2rem;}
.abtus-caverns-txt a {font-size:1.2rem; color:#0070C9;}
.abtus-caverns-txt a i {margin-left:.3rem; color:#0070C9; font-size:1rem;}

.abtus-youth {width:100%; padding:5rem 0; background:#FAFAFA;}
.abtus-youth-content {width:90%; max-width:80rem; margin:0 auto; position:relative; text-align:right;}
.abtus-youth-txt {width:50%; position:absolute; top:4rem; left:9rem; text-align:left;}
.abtus-youth-txt h2 {font-size:2.5rem; margin-bottom:.5rem; text-align:center;}
.abtus-youth-txt h3 {font-size:1.5rem; margin-bottom:.5rem; text-align:center;}
.abtus-youth-txt p {font-size:1.2rem; margin-bottom:2rem;}
.abtus-youth-txt a {font-size:1.2rem; color:#0070C9;}
.abtus-youth-txt a i {margin-left:.3rem; color:#0070C9; font-size:1rem;}

.abtus-books {padding: 16rem 0; display:table; background:#1d1d1d4f; font-size:1rem; width:100%; text-align:center;}
.abtus-books h2 {width:12rem; height:1rem; padding:5.5rem 0; margin:0 auto 1rem; background:#FFF; border-radius:50%; font-size:1.2rem; text-align:center;}
.abtus-books p {font-size:1.5rem; color:#FFF; margin-bottom:2rem;}
.abtus-books a {border:1px #FFF solid; font-size:1.2rem; color:#FFF; padding:.5rem 2rem; border-radius:.3rem;}
.abtus-books a:hover {color:#333; background:#FFF;}

.abtus-investigation {width:100%; padding: 16rem 0; display:table; background:url(/V2/assets/images/itio-investigacion.jpg) center no-repeat; font-size:1rem; text-align:center;}
.abtus-investigation h2 {color:#FFF; width:12rem; height:1rem; padding:5.5rem 0; margin:0 auto 1rem; border-radius:50%; font-size:1.2rem; text-align:center;}
.abtus-investigation p {width:60%; font-size:1.5rem; color:#FFF; margin:0 auto 2rem;}
.abtus-investigation a {border:1px #FFF solid; font-size:1.2rem; color:#FFF; padding:.5rem 2rem; border-radius:.3rem;}
.abtus-investigation a:hover {color:#333; background:#FFF;}

.video-container {width:100%;}
.video-container video {width:100%;}
.video-header {width:100%; padding:1rem 0; position:fixed; z-index:99999; display:flex; align-items:center; background:#00000075;}
.header-logo {width:50%; padding-left:2rem;}
.header-menu {width:50%; padding-right:2rem; text-align:right;}
.header-menu a {font-size:1.5rem; color:#FFF;}
.header-menu a i {font-size:1.5rem; color:#FFF;}

.home-work {padding:0; overflow:hidden; background:#FAFAFA;}
.home-work-cells {width:24.5%; height:337px; margin:3px; float:left; overflow:hidden; background:#000;}
.home-work-cellb {width:49.5%; height:337px; margin:3px; float:left; overflow:hidden; background:#000;}
.home-work-cells img {width:100%; height:337px; position:relative;}
.home-work-cellb img {width:100%; height:337px; position:relative;}
.home-work-cells h2 {position:absolute; z-index:9999; font-size:18px; margin:290px 0 0 20px;}
.home-work-cellb h2 {position:absolute; z-index:9999; font-size:18px; margin:290px 0 0 20px;}
.home-work h2 a {color:#FFF; font-size:18px; letter-spacing:3px;}
#wint {width:45.5%; padding:20px 2%; height:297px; margin:3px; float:left; background:#1c2023;}
#wint h3 {font-size:29px; margin:60px 0 20px; letter-spacing:5px; color:#FFF;}
#wint p {color:#AAA;}
#hml-trayectoria {margin:290px 0 0 160px;}
#hml-agreste {margin:290px 0 0 190px;}

.cmn-t-underline {position:relative; color:#FFF;}
.cmn-t-underline:after {display:block; position:absolute; left:0; bottom:-5px; width:0; height:2px; background-color:#FFF; content:""; transition:width 0.2s;}
.cmn-t-underline:hover {color:#FFF;}
.cmn-t-underline:hover:after {width:100%;}
.cmn-t-scale {color:#fff; transition:transform 3s;}
.cmn-t-scale:hover {color:#fff; transform:scale(1.4); opacity:.4;}

footer {background:#FFF; padding:6rem 0; overflow:hidden;}
.footer-company {width:30%; padding:0 0 0 2%; text-align:center; float:left;}
.footer-company h2 {font-size:18px; margin-bottom:1rem; color:#000; font-family:"Lato Light", Arial, sans-serif;}
.footer-company h2 span {color:#FF8000;}
.footer-company p {font-size:12px; line-height:16px; color:#a4a4a4;}
.footer-menu {width:55%; padding:0 7% 0 0; display:table; float:right;}
.footer-menu-cell {width:33%; display:table-cell; vertical-align:top;}
.footer-menu-cell h2 {font-size:14px; color:#FF8000; margin-bottom:20px; text-transform:uppercase; font-family:"Lato Light", Arial, sans-serif;}
.footer-menu-cell h2 a {color:#FF8000;}
.footer-menu-cell h2 a:hover {color:#000;}
.footer-menu-cell ul li a {font-size:12px; font-weight:normal; color:#000; text-transform:uppercase; font-family:"Lato Regular"; line-height:20px;}
.footer-menu-cell ul li a:hover {color:#FF8000;}

.copyright {width:100%; padding:1rem 0; background:#000; text-align:center;}
.copyright p {font-size:0.8rem; color:#FFF;}
.copyright p span {font-size:0.8rem; color:#FFF;}

@media screen and (max-width:1024px){
	.itio-header-title h1 {font-size:60px; line-height:70px;}
	.itio-header-title p {font-size:19px; line-height:19px;}
	.itio-header-slogan {left:2rem; width:80%;}
	.abtus-tecno-txt {top:-3rem;}
	.abtus-tecno-txt h2 {font-size:2rem;}
	.abtus-tecno-txt p {font-size:1rem; margin-bottom:1rem;}
	.abtus-tecno-txt a {font-size:1rem;}
	.abtus-sky-txt {left:2rem;}
	.abtus-sky-txt h2 {font-size:2rem;}
	.abtus-sky-txt h3 {font-size:1.2rem;}
	.abtus-sky-txt p {font-size:1rem;}
	.abtus-mountain-content img {max-width:55%;}
	.abtus-mountain-txt {width:42%; top:10rem; right:1rem;}
	.abtus-mountain-txt h2 {font-size:2rem;}
	.abtus-mountain-txt h3 {font-size:1.2rem;}
	.abtus-mountain-txt p {font-size:1rem;}
	.abtus-caverns-content img {max-width:55%;}
	.abtus-caverns-txt {width:42%; top:10rem; left:2rem;}
	.abtus-caverns-txt h2 {font-size:2rem;}
	.abtus-caverns-txt h3 {font-size:1.2rem;}
	.abtus-caverns-txt p {font-size:1rem;}
	.abtus-underwater-content img {max-width:55%;}
	.abtus-underwater-txt {width:42%; top:10rem; right:1rem;}
	.abtus-underwater-txt h2 {font-size:2rem;}
	.abtus-underwater-txt h3 {font-size:1.2rem;}
	.abtus-underwater-txt p {font-size:1rem;}
	.home-work-cells {width:24.2%; height:260px;}
	.home-work-cells h2 {margin:210px 0 0 20px;}
	.home-work-cells img {height:260px;}
	.home-work-cellb {width:49%; height:260px;}
	.home-work-cellb h2 {margin:210px 0 0 20px;}
	.home-work-cellb img {height:260px;}
	#wint {width:45%; height:220px;}
	#wint h3 {font-size:18px; margin:20px 0 20px;}
}

@media screen and (max-width:812px){
	.itio-header-title {left:2rem;}
	.itio-header-title h1 {font-size:50px; line-height:60px;}
	.itio-header-title p {font-size:14px; line-height:14px;}
	.container-header {height:90rem;}
	.mask-header {height:90rem;}
	.itio-header-slogan {top:55rem;}
	.itio-header-slogan p {font-size:1.4rem;}
	.abtus-tecno-content {text-align:center;}
	.abtus-tecno-content img {margin-bottom:1.5rem;}
	.abtus-tecno-txt {width:90%; margin:0 auto; position:initial; top:0;}
	.abtus-sky-content {text-align:center;}
	.abtus-sky-content img {height:35rem; margin-bottom:1.5rem;}
	.abtus-sky-txt {width:90%; margin:0 auto; position:initial; top:0;}
	.abtus-mountain-content {text-align:center;}
	.abtus-mountain-content img {height:31rem; margin-bottom:1.5rem;}
	.abtus-mountain-txt {width:90%; margin:0 auto; position:initial; top:0;}
	.abtus-caverns-content {text-align:center;}
	.abtus-caverns-content img {height:25rem; margin-bottom:1.5rem;}
	.abtus-caverns-txt {width:90%; margin:0 auto; position:initial; top:0;}
	.abtus-youth-content {text-align:center;}
	.abtus-youth-content img {height:25rem; margin-bottom:1.5rem;}
	.abtus-youth-txt {width:90%; margin:0 auto; position:initial; top:0;}
	.abtus-underwater-content {text-align:center;}
	.abtus-underwater-content img {height:25rem; margin-bottom:1.5rem;}
	.abtus-underwater-txt {width:90%; margin:0 auto; position:initial; top:0;}
	.home-work-cells {width:99%; height:460px; position:relative;}
	.home-work-cells h2 {margin:0 0 0 20px; bottom:40px;}
	.home-work-cells img {height:460px;}
	.home-work-cellb {width:99%; height:460px; position:relative;}
	.home-work-cellb h2 {margin:0 0 0 20px; bottom:40px;}
	.home-work-cellb img {height:460px;}
	#hml-agreste {margin:0 0 0 20px;}
	#hml-trayectoria {margin:0 0 0 20px;}
	#wint {width:95%;}
	#wint h3 {font-size:18px; margin:60px 0 20px; letter-spacing:1px; text-align:center;}
	#wint p {text-align:center; padding:0 30px; font-size:14px;}
}

@media screen and (max-width:667px){
	.itio-header-title {position:absolute; top:14rem;}
	.abtus-mountain-content img {height:29rem; max-width:90%;}
	.abtus-books br {display:none;}
}

@media screen and (max-width:568px){
	.itio-header-title h1 {font-size:35px; line-height:45px;}
	.itio-header-slogan {top:40rem;}
	.abtus-sky-content img {height:20rem;}
	.abtus-mountain-content img {height:25rem;}
	.abtus-caverns-content img {height:17rem;}
	.abtus-underwater-content img {height:18rem;}
	.abtus-books p {width:80%; font-size:1.2rem; margin:0 auto 2rem;}
}

@media screen and (max-width:480px){
	.itio-header-title {width:68%;}
	.itio-header-title p {letter-spacing:1.5px;}
	.itio-header-slogan {left:2rem; width:80%;
}