@import url('fonts.css');
/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, 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, form, label, legend, table, caption, tbody, tr, th, td, article, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, section, time, mark, audio, video { padding: 0; border: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }
audio, canvas, video { display: inline-block; *display: inline; }
audio:not([controls]) { display: none; }
:hover, :focus, :active { outline: none; }
html, button, input, select, textarea { font-family: "Open sans", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif; font-weight: 400; color: #555;
 font-smooth:always; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.6; width:100%; background: #FFF; overflow-x:hidden; }
a { color: #424242; font-weight: normal; cursor: pointer;  text-decoration: none; transition:color 1s ease; -moz-transition:color 1s ease; -webkit-transition:color 1s ease; -o-transition:color 1s ease;}
a:hover { color: #696a6c; text-decoration: none; background: rgba(0, 0, 0, 0);}
::-moz-selection { background: #0078CF; color: #fff; text-shadow: none; }
::selection { background: #0078CF; color: #fff; text-shadow: none; }
p{ font-size: 14px; margin: 0 0 .5em; padding: 18px; }
p:last-child {margin-bottom: 2em;}
a:visited{}
.nonDesk { display: none; }
.nonMob { display: block; }

.icoSound { position:absolute; z-index:2000; top: 17%; left: 97%; }

/*a:active, a:focus{ position:relative;top:1px; }*/
hr{display:block; height:1px; border:0; border-top:1px solid #ddd; margin:1em 0; padding:0}
blockquote { margin: 1em 1em 1em 0; padding: 1em; border-left: 1px solid #DDD; font-style: italic; color: #999;}
blockquote p {font-size: 1.1em;line-height: 2em;margin-bottom: 0;}
blockquote small {display: block;font-size: 1em;line-height: 1.6em;color: #bfbfbf; text-align: right;}
blockquote small:before {content: '\2014 \00A0';}
ul, ol{list-style:none; list-style-image:none; margin:0; padding:0;}
img{border:0; -ms-interpolation-mode:bicubic; vertical-align:middle}
figure{margin:0}
button, input, select, textarea{font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; }
button, input{line-height:normal; *overflow:visible; }
table button, table input{*overflow:auto; }
table{border-collapse:collapse; border-spacing:0; }
td{vertical-align:top}
#loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; opacity: 1; background:#FFF; z-index: 900; text-align: center;}
#loading-image { position: absolute; top: 50%; margin-top:-30px; left: 50%; margin-left:-30px; z-index: 900;}
.placaV { width: 100%; height: 100%; top: 0px; left: 0px;position:fixed; background:#FFF; z-index:2000; display: block; text-align: center; display:none; }
/* CONTAINER */
.container {width: 100%; margin: 0em auto; min-width: 297px; }
.grid-wrap { overflow: hidden; /**zoom:1;*/}
.grid-wrap:before, .grid-wrap:after{content:""; display:table}
.grid-wrap:after{clear:both}
.grid { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* HEADER */
header#navtop { position:fixed; top: 0px; margin-bottom:0em; clear:both; padding: 2em 4em 0em 4em;background:rgba(0,0,0,.6); width:100%; z-index: 300; }
header nav ul { float: left; overflow: hidden; padding: 0; /*border-left: 1px solid #82cff4;*/ line-height: 2em; }
header nav li { padding: 0 1.2em; cursor:pointer; }
header nav li::before {content: '●'; color: #fbaf17; margin-right: 20px; }
nav a, menu a { text-decoration: none; color: #FFF; font-size: 13px; letter-spacing: 0.05em; text-transform: uppercase; }
.navactive { color:#FFFFFF; transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -webkit-transition: all .5s; }
.navactive li a{ color:#fbaf17; }
.logo { margin: -1em 1em 1em 1em; margin-bottom: 1em; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s; }
.logo img { transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s; }
.logo:hover {background: none;}
.clear { clear:both; }
/* SUBMENU */
.subM {background:#0ccc6f; border-left: 1px #FFF; position: fixed; margin-top: 10px; width: 145px;  }
li.firstSub a, li.secondSub a { color: #FFF !important; }
.firstSub {  padding: 4px .8em 4px 22px; }
.secondSub { padding: 4px .8em 4px 22px; }
li.secondSub:last-child { padding-bottom: 6px; }
.firstSub:before { content: url('../imgs/mini-arrow.png'); position: fixed; margin-top: -20px; margin-left: 35px; }
 ul.subM.subs { margin-left: 34px !important; }

.main {  background: #000000; }
.main > section { margin-bottom: 0em; padding:0 4em; }
.main header{ color: #555; padding-top: 60px; margin-bottom: 30px; }
.main header hr{border-top-color:#999;}
.arrow:after {content:" \27F6"; }
header .arrow {color: #999; font-style: italic;}
.arrow:hover {color: #0078CF; }
.col-12 {width: 100%; }
.col-6 {width: 50%; }
.col-4 {width: 33.333%; }
.col-8 {width: 66.666%; }
.col-3 {width: 25%; }
.col-9 {width: 75%; }
.mright{ margin-right: 3em;}
.mleft{ margin-left: 3em;}
.mtop{ margin-top: 3em;}
.mbottom{ margin-bottom: 3em;}
.fright, .fleft{display:block; overflow:hidden}
.fright{float:right}
.fleft{float:left}
figure { max-height: 100%; overflow: hidden;}
img { max-width: 100%; height: auto; width: auto; }
a img { -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -ms-transition: opacity 1s ease; transition: opacity 1s ease; }
h1,h2,h3,h4,h5,h6{margin:0 0 1em; font-weight: normal; padding: 15px 18px; }
h1 { font-size: 56px; letter-spacing: -0.075em; text-transform: uppercase; line-height: 0.9; color: #555; margin: 0 0 0.5em; font-weight: normal; }
h2 { font-size: 33px; margin: 0 0 20px; letter-spacing: 0.005em; font-weight: 700; color: #008fd4; line-height: 1.1; text-align:center; text-transform: uppercase; font-weight: 700; }
h3 { font-size: 1.75em; }
h4 { font-size: 1.5em; }
h5 { font-size: 22px; margin: 0; color: #555; padding: 18px 18px 8px; }
h6 { font-size: 1em; margin-bottom: 2px; font-weight: 700; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#333; text-decoration: none;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#0078CF;text-decoration: underline;}
/* FOOTER */
footer  { color: #FFF; margin-bottom: 0em; padding:1em 4em; background: #161717; }
footer nav ul { float: right; overflow: hidden; }
footer a {color: #999;}
footer li { float: left; margin-right: 1em; margin-right: 10px; padding-right: 0px; }
footer li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
footer .lifoot { width: 31.7%; }

footer .fCol h2 { color:#fbaf17; font-size: 20px; text-align:left; margin-left: 1em; margin-bottom: 5px; margin-right: 2em; padding-left: 0px; padding-bottom:5px; border-bottom: 1px solid #fbaf17; }
footer .sCol h2 { color:#fbaf17; font-size: 20px; text-align:left !important; margin-bottom:5px; padding-bottom:5px; border-bottom: 1px solid #fbaf17;margin-left: 1em; margin-right: 2em; }
footer .sCol img { display: -webkit-inline-box; max-width: 100px; margin-top: 5em; float: left; margin-right: 10px; margin-bottom: 50px; }
footer .sCol p { padding-top: 0px; font-weight: bold; }
footer .tCol h2 { color:#fbaf17; font-size: 20px; text-align:left; margin-left: 1em; margin-bottom: 5px; margin-right: 2em; padding-left: 0px; padding-bottom:5px; border-bottom: 1px solid #fbaf17; }
footer .tCol p { color: #7b7b7b; margin-bottom: 0px; padding-top: 7px; padding-bottom: 0px; }
footer .tCol { border-top: 1px solid #222424; }
footer span.servTec { margin-left: -1em; }
footer .footbt { float: right; margin-right: 1em !important; }

.up a { display: block; text-align: center; margin: 0 auto; }
.main aside{margin-bottom: 3em}
.main aside menu{padding: 0 0 0 1em; line-height: 2em;}
.main aside menu a{color: #999;}
.main aside menu .buttonactive {color: #0078CF }
.main:not(.home-page) > section article h2 { margin-top: 1em; padding-top: 1em; border-top: 1px solid #DDD; }
.main:not(.home-page) > section article:first-child h2 { margin-top: 0;}
/*SECTIONS*/
section#Home { height:100vh; -moz-transition: all  1s linear; -webkit-transition: all  1s linear; transition: all  1s linear; background-size:100%; padding: 0 10em; }
section#Home:hover{ background-size:103%; }
section#Home header { margin-top: 100px; }
section#gallery { padding: 0 16em 6em; }
section#gallery header { padding-top: 10px; margin-bottom: 10px; margin-top: 0px; }
section#Home { min-height: 100vh; }
section#sliderc, section#empresa, section#works, section#Sectores { padding:0; }
section#carouselCont { padding-bottom: 4em; }
section#carouselCont h2{ color:#fbaf17; font-size: 20px; }
section#carouselCont header { margin-bottom: 30px; }
section#carouselCont h2 { border: 2px solid #fbaf17; font-size:20px; margin: 0 auto; max-width:320px; }
.respaldo .btico { color: #fbaf17; }
.cajas.centerleft { margin-top: 3%; opacity:0; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s; }
.cajas.centerleft.animated { margin-top: 0%; opacity:1; }
.headernav { transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s; }
.headernavOpen { height: auto !important; opacity:1 !important; }
p.separador { margin: 0 auto 0px;
    height: 0;
    width: 60px;
    border: 0;
    border-top: 1px solid #fbaf17;
    padding: 1em 0 2em;
    border-bottom: 0px solid #cec08f; }
.detailimg1,.detailimg2,.detailimg3 { text-align:center; }
#callToAction { margin: 0; background:#F2F0DE; }
#callToAction h2 { text-align:center; margin-top: 30px 0 0; padding: 1.5em 0em .5em; font-size: 28px; color:#919191; }
#callToAction form { padding-bottom: 2em; }
#callToAction form li { margin-bottom: 0px; }
#lineas { padding: 0; }
/*ICONOS*/
.isoInfraestructura { margin: 4em auto 0; background: url('../imgs/infraestructura_03.png'); background-position:0px 0px; width: 94px; height: 82px; }
.contInfraestructura:hover .isoInfraestructura { background-position: 0px 82px; }
.isoSoporte { margin: 0 auto; background: url('../imgs/soporte_03.png'); background-position:0px 0px; width: 94px; height: 82px; }
.contSoporte:hover .isoSoporte { background-position: 0px 82px; }
.isoApss { margin: 4em auto 0; background: url('../imgs/apss_03.png'); background-position:0px 0px; width: 94px; height: 82px; }
.contApss, .contInfraestructura { border-right: 1px solid #eeeeee; }
.contApss:hover .isoApss { background-position: 0px 82px; }
.isoCambio { margin: 0 auto; background: url('../imgs/cambio_03.png'); background-position:0px 0px; width: 94px; height: 82px; }
.contCambio:hover .isoCambio { background-position: 0px 82px; }
.isoAdmin { margin: 0 auto; background: url('../imgs/admin_03.png'); background-position:0px 0px; width: 94px; height: 82px; }
.contAdmin:hover .isoAdmin { background-position: 0px 82px; }
.isoSeguridad { margin: 4em auto 0; background: url('../imgs/seguridad_03.png'); background-position:0px 0px; width: 94px; height: 82px; }
.contSeguridad:hover .isoSeguridad { background-position: 0px 82px; }
/*FLEXSLIDER*/
.flexslider h2{  margin-bottom: 0px; padding-bottom: 0; text-align: center; font-weight: 700; font-size: 40px; color: #FFF; padding-left: 0px; }
.flexslider p{ text-align:left; padding: 15px;     padding-left: 0px; }
.flexslider .button { margin-top: 0; margin-top: 0px; margin-right: 10px; }
.flex-caption { position: relative; top: -117em; /*top: -52em;*/ width: 100%; height: auto; float: left; left: 0%; }
/*.flex-control-nav { position: relative; bottom: 35em; }*/
/*.flex-direction-nav a { opacity: 0; }*/
/*.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px;}*/
/*.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0; }
.flexslider:hover .flex-direction-nav .flex-next { opacity: 0; }
.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 0; }
.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 0; }*/

.slideImg {
    position: absolute;
    left: -100px;
    top: -200px;
    width: 100px;
    height: 100px;
    background: blue;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: .5s;
    animation: slide 0.5s forwards;
    animation-delay: .5s;
}

@-webkit-keyframes slide {
    100% { left: 0; }
}

@keyframes slide {
    100% { left: 0; }
}

/* BUTTONS */
.button, input[type="submit"], button, .toggle-title { color: #FFF; font-size: 1.15em; text-transform:uppercase; letter-spacing: 0.0025em; font-weight: 700; margin-top:15px;	margin-bottom:2em; padding: 0.8em 55px; border: solid 1px #FFF; text-decoration: none; cursor: pointer; background:transparent; /*-webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px;*/ overflow:hidden; -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all;	transition: 0.1s linear all;*/}
.button:hover, input[type="submit"]:hover, button:hover, .toggle-title:hover { color: #FFF !important; background: #fbaf17; border: solid 1px #fbaf17;}
.button:focus, input[type="submit"]:focus, button:focus, .toggle-title:focus {}
.button:active, input[type="submit"]:active, button:active, .toggle-title:active {color: #000; background: #F5F5F5; border-color: #7e7e7e; position: relative; top:1px;}
/* Button 1e */
.btn-1e { overflow: hidden; -webkit-border-radius: 0px; border-radius: none;}
.btn-1e:after {	width: 100%; height: 0; top: 50%; left: 50%; background: #fff; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); }
.btn-1e:hover, .btn-1e:active { color: #0e83cd; }
.btn-1e:hover:after { height: 260%; opacity: 1; }
.btn-1e:active:after { height: 400%; opacity: 1; }
/* (reset button) */
.btn { background: none; cursor: pointer; display: inline-block; outline: none; position: relative;	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
/* Button 1c */
.btn-1c {border-radius: none; }
.btn-1c:after {	width: 0%; height: 100%; top: 0;	left: 0; background: #fff; }
.btn-1c:hover, .btn-1c:active { color: #0e83cd; }
.btn-1c:hover:after, .btn-1c:active:after { width: 100%; }
.btn-2 { background: #cb4e4e; color: #fff; box-shadow: 0 6px #ab3c3c; -webkit-transition: none; -moz-transition: none; transition: none; }
/* Button 2a */
.btn-2a { border:0px solid; border-radius: 0 0 5px 5px; }
.btn-2a:hover {	color: #FFF !important; box-shadow: 0 4px #ab3c3c; top: 2px;background: #cb4e4e; }
.btn-2a:active { box-shadow: 0 0 #ab3c3c; top: 6px; }
.white { color:#555555; background:#FFFFFF; }
.HomeButton { color:#FFF; border: 1px solid #FFFFFF; }
.enviar { margin-top: 13px; background:#161717; }
.enviar:focus, .enviar:active { background: #bfb079; border-color: #aca27f;}
/*.cant:after {content: '1'; width: 30px; height: 30px; color:#FFF; background: rgba(255,255,255,.1) none repeat scroll 0% 0%; border:1px solid #008000; top: 0px; left: 6px; border-radius: 50%; padding: 2px 8px; position: relative; }*/
/* WORKS */
.works figure > a{ display: block;	height: 100%; width: 100%; overflow: hidden;	position: relative; }
.hidden{display:none !important; visibility:hidden;}
.lt-ie9 .works figure a, .lt-ie9 .works figure a img { filter:inherit; }
*, *::before, *::after{-moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
figure{ overflow: hidden; position: relative; display: inline-block; vertical-align: top; padding-bottom:1em; padding-right:1em; }
figure:last-child { margin-bottom:3em; }
figcaption{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; width: 100%; height: 100%; display: table; }
figcaption div{ vertical-align: middle; position: relative; top: 65px; color: #ffffff; font-size: 15px; text-align: center; text-transform: uppercase; }
figcaption div:after{ position: absolute; content: ""; left: 0;right: 0; bottom: -40%; text-align: center; margin: auto; width: 20%; height: 0px;  background: #fbaf17; }
figcaption img { margin: 0 6px; }
figure img{ -webkit-transition: all 1s linear; transition: all 1s linear; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
/*figure:hover figcaption{ background: rgba(255,255,255,0); }
figcaption:hover div{ opacity: 1; top: 70px; }
figcaption:hover div:after{ width: 50%; }
figure:hover img{ transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s; }*/

figure:hover figcaption{ background: rgba(255,255,255,0); }
figcaption:hover div{ opacity: 1; top: 70px; }
figcaption:hover div:after{ width: 50%; }
figcaption p { text-align:left; padding-left:18px; }
figure:hover img{ transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s; }

figure:hover img.bgimg { -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s; }
figure > figcaption div{ top: 200px !important;}
figcaption h2 { font-size: 26px; border: 2px solid; background: rgba(0,0,0,.5); max-width: 300px; margin: 0 auto; color: #fbaf17; }

.over3d { background: url('../imgs/empresa2.jpg') top left repeat; float:left; padding: 0 4em; }
.sSectores { background: url('../imgs/sectores1.jpg') top left repeat; float:left; padding: 0 4em; }
.respaldo { background: url('../imgs/soporte2.jpg') top left repeat; float:left; padding: 0 4em;}
/*.over3d {  -webkit-transition: all 1s linear; transition: all 1s linear; -webkit-transform: scale3d(.99, .99, 1); transform: scale3d(.99, .99, 1); }
.over3d:hover { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s; }*/
/* VIDEO */
.controls {
   width:100%;
   height:8.0971659919028340080971659919028%; /* of figure's height */
   position:relative;
}
.videoDesk { display: block; }
.imgOnlyDesktop{ display: block; }
.imgOnlyMobile { display: none; }
/* CENTRAL */
.central { position:absolute; top: 340px; z-index: 1; text-align:center;width: 90%; color: #FFF; margin-left: 5%; }
/* WORKS DETAIL */
.nonpad { padding: 0 !important;}
.nonpad.Textt { padding: 20px !important; }
.nonpad.Textt p { font-size: 15px; letter-spacing: 0.025em;line-height: 28px; color: #FFF; padding: 18px 50px 6em; }
.nonpad header { padding-top: 100px; margin-bottom: 10px;}
.nonpad.Textt h3 { margin-bottom: 0px; color: #fbaf17; letter-spacing: 0.005em; font-size: 1.25em; font-weight: 700; }
.sSectores p { padding: 2px 18px 2px !important; font-size:14px !important; }
.sSectores p:last-child { padding-bottom: 12em; }
.sSectores h3 { padding: 2px 18px 2px !important; }
.sSectores header { padding-top:30px; }

.nonpad:last-child { margin-bottom: 0px; }
figure.nonpad:hover img.bgimg { -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s;}
figure.nonpad > figcaption div{ top: 340px;}
.div1, .div2, .div3 { display:none; height:0px; z-index: 1;	 background:rgba(255,255,255,0.85); -moz-transition: all .5s; -ms-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.clientei { float:left; }
.ohs { background:#FAFAFA; }
.ohs img{ /*margin-top: 1.2em;*/ }
.ohs h5 { color:#cec08f; padding: 19px 18px 0px 30px; }
.ohs p { padding: 2em 18px 0em 2em; padding-left: 18px; }
.ohs p.separador { margin-top: 2em; padding: 0; }
.clentei { margin-top: 0px; padding-bottom: 8px; color: whitesmoke; }
.ohs p:first-child { text-align:left; padding:0em 1em; margin-top: 2em;  }
.clentei { margin-top: 0px; padding-bottom: 8px; color: whitesmoke; }
.ohs p:last-child { margin-bottom: 0 !important; }
.cerrartrabajos, .cerrartrabajos2, .cerrartrabajos3 { cursor:pointer; width:28px !important;  margin: 2em 2em 0px -1em !important; }
.cerrartrabajos:hover { -webkit-animation-name: rotatebt; -webkit-animation-duration: .5s; -webkit-animation-iteration-count: linear; -webkit-transition-timing-function: ease-in-out; -moz-animation-name: rotatebt; -moz-animation-duration: .5s; -moz-animation-iteration-count: linear;	-moz-transition-timing-function: ease-in-out; }
@-webkit-keyframes rotatebt { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg);} }
@-moz-keyframes rotatebt { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(90deg); } }

.verWork1, .verWork2 ,.verWork3{ cursor: pointer; width:28px !important; margin: 2em 2em 1.2em 0em; }
.hideimg { opacity:0; }
.p{ display:block; left: 0px; top: 0px; width:800px; height:511px; background: url('../imgs/pueblo-verde-2 - copia.jpg') top left repeat; float:left;
transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s;	-webkit-transition: all 1s; -o-transition: all 1s; -webkit-transform: perspective(1000px) rotateX(66deg) rotateY(3deg) skewX(-11deg) scale(0.70); -moz-transform: perspective(1000px) rotateX(66deg) rotateY(3deg) skewX(-11deg) scale(0.70); -webkit-box-shadow: 15px 150px 48px 0 rgba(0,0,0,.2); -moz-box-shadow: 15px 150px 48px 0 rgba(0,0,0,.2); box-shadow: 15px 150px 48px 0 rgba(0,0,0,.2); }
/* FORMS */
form{ margin-top: 0em; margin: 0 auto; padding: 0 1.5em; }
form li{ margin-bottom: .5em; }
label{display: block; margin-bottom:1em; font-weight: 700;}
input, select, textarea { border: 1px solid #D2D2D2; color: #777; font-size: 1em; padding: .8em .5em; width: 100%; -webkit-box-sizing: border-box;	-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-color: rgba(255,255,255,.1); }
textarea{ padding: 0 1em; min-height:4em; height: auto; width: 100%; }
input, textarea { -moz-transition: border .25s; -webkit-transition: border .25s; -o-transition: border .25s; transition: border .25s;}
input:hover, textarea:hover, input:focus, textarea:focus,input:active, textarea:active { border: 1px solid #999;}
input[type="text"],textarea{ cursor: text; color: #FFF; }
input[type="radio"], input[type="checkbox"] { display: inline; width:auto; height: auto; margin-right: 1em; }
input[type="checkbox"] + label, input[type="radio"] + label { display: inline;}
input[type="file"]{ border: none;}
input[type="date"]{ width: auto;}
select {height: auto;}

.inputMail { width:65%; margin-right: 1%; float:left; }

/* NOTIFICATION */
#ArticuloAgregado { width:100%; height:100%; background:rgba(255,255,255,.8); z-index:500; display:none; }
#DatosObligatorios { position:fixed; width:100%; height:100%; background:rgba(255,255,255,.8); z-index:500; display:none; }
#PedidoEnviado  { position:fixed; width:100%; height:100%; background:rgba(255,255,255,.8); z-index:500; display:none; }
.AvisoAgregado { width:300px; max-width:300px; height:100px; padding:8px; border-radius:25px; background:#fbebeb; border:1px solid #fa91ca; position:absolute; left:50%; margin-left:-158px; top:50%; margin-top:-50px; box-shadow:0px 0px 10px 1px rgba(0,0,0,0.15);
	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-webkit-transform: perspective(1000px) rotateX(0deg) rotateY(0deg) skewX(0deg) skewY(0deg) scale(0.85);
	-moz-transform: perspective(1000px) rotateX(0deg) rotateY(0deg) skewX(0deg) skewY(0deg) scale(0.85);
	-o-transform: perspective(1000px) rotateX(0deg) rotateY(0deg) skewX(0deg) skewY(0deg) scale(0.85);
	-ms-transform: perspective(1000px) rotateX(0deg) rotateY(0deg) skewX(0deg) skewY(0deg) scale(0.85);
	}

/* Placeholders */
::-webkit-input-placeholder { color: #BBB;}
:-moz-placeholder {color: #BBB;}
:-ms-input-placeholder {color: #BBB;}
/* validate.js */
label.error { color: #0078CF; margin: 0.5em 0 0 0.5em; font-weight: normal; font-style: italic; }
.center{ text-align: center; }
.lt-ie9 .container {min-width: 780px;}
.lt-ie8 .container {width: 960px;}
.lt-ie8 .grid-wrap {margin-left: 0; }
.lt-ie8 .grid {padding: 0;margin-left: 5%; }
.lt-ie8 .grid:first-child {margin-left: 0; }
.lt-ie8 .col-12 {width: 99.95%; }
.lt-ie8 .col-12 + .grid {margin-left: 0; }
.lt-ie8 .col-6 {width: 47.45%; }
.lt-ie8 .col-4 {width: 29.55%; }
.lt-ie8 .col-8 {width: 64.95%; }
.lt-ie8 .col-3 {width: 19.95%; }
.lt-ie8 .col-9 {width: 74.95%; }

@media only screen and (min-width: 1640px) {
  .flex-caption { top: -128em; }
}

@media only screen and (max-width: 1380px) {
  .flex-caption {
      position: relative;
      top: -99em;
  }
  footer .lifoot {
    width: 31.6%;
}
}

@media only screen and (max-width: 64em) {
	figcaption div { top: 60px; }
	.ohs { padding: 0 8em; }
	section#gallery { padding: 0 4em; }
  header nav li { padding: 0 .5em; cursor: pointer; }
  header nav li::before { content: '●'; color: #fbaf17; margin-right: 15px; }
  nav a, menu a { text-decoration: none; color: #FFF; font-size: 12px; }
  .logo { max-width: 157px !important; margin: 0em 1em 1em 1em; }
  header#navtop { padding: 1em 2em 0em !important; }
  .flex-caption { top: -33em; }
  .flexslider h2 { font-size: 29px; }
  .icoSound { top: 12%; left: 96%; }
  section#sliderc { max-height: 575px !important;}
}
@media only screen and (max-width: 60em) {
	.mq1-col-12 {width: 100%; }
	.mq1-col-6 {width: 50%; }
	.mq1-col-4 {width: 33.333%; }
	.mq1-col-8 {width: 66.666%; }
	.mq1-col-3 {width: 25%; }
	.mq1-col-9 {width: 75%; }
	h1{font-size: 40px;}
	footer li { float: left; margin-right: 0.5em; padding-right: 0.5em; }
	header nav ul { padding: 0 .5em 0 .5em; }
}
@media only screen and (min-width: 770px) {
	.burger { display:none; }
}
@media only screen and (max-width: 48em) {
	.mq2-col-12 {width: 100%;}
	.mq2-col-6 {width: 50%; }
	.mq2-col-4 { width: 33.333%; }
	.mq2-col-8 {width: 66.666%; }
	.mq2-col-3 {width: 25%; }
	.mq2-col-9 {width: 75%; }
	.main > section { margin-bottom: 0em; padding:0 1em; }
	.logo { max-width: 120px;   margin-bottom: 0em; }
	figcaption div{ vertical-align: middle; position: relative; top: 110px; opacity: 1; }
	header nav { width: 100%; }
	header nav ul { width:100% !important; padding: 5px 0.5em; border-left:none; line-height: 2em; border-bottom: 1px solid #424242; }
	header nav ul:last-child {  border-bottom: 0px solid #999999; margin-bottom:.3em; }
	nav.headernav { height: 0px; opacity:0; }
	.logomobile {   max-width: 102px; margin-bottom: 0em; margin-top: 10px; }
	.burger { margin-right:-1em; cursor:pointer; margin-top: -.5em; }
	.ohs p:first-child { text-align:justify; }
  .central { top: 150px; font-size: 23px; }
  section#sliderc { max-height: 415px !important; }
  .flex-caption {     top: -18em; }
  .flexslider h2 { font-size: 25px; padding: 10px 50px !important; }
  .icoSound { top: 8%; left: 95%; }
  .videoDesk { display: none; }
  .imgOnlyDesktop{ display: none !important; }
  .imgOnlyMobile { display: block !important; }
  .icoSound { display: none; }
}
@media only screen and (max-width: 46em) {
	section#Home { padding: 0px 3em; }
	section#Home header { margin-top: 0px; margin-bottom: 0; }
    header#navtop { background:rgba(0,0,0,.9); }
	section#Home h4 { font-size:1.2em; margin: 0px 0px 1em; font-weight: normal; padding: 18px 8px; }
	.contApss, .contInfraestructura { border-right: 0px solid #EEE; }
  figure.nonpad > figcaption div { top: 140px !important; }
	figure:last-child { margin-bottom: 0em; }
	.flex-caption { top: 0px; width: 100%;  }
	.flex-control-nav { bottom: 80px; }
	.flexslider p { padding:0 18px; }
  .inputMail { width: 50%; }
  .main header { color: #555; padding-top: 25px; margin-bottom: 30px; }
  	.subM { position: relative; margin-bottom: 0em !important; box-shadow: 0px 0px 0px #666666; }
	.firstSub { padding: 3px .8em 3px 2em; }
	.secondSub { padding: 3px .8em 3px 2em; }
  .nonDesk { display: block; }
  .nonMob { display: none; }
  p:last-child { margin-bottom: .5em; }
  footer { padding: 1em 1em; }
  .central { top: 120px; font-size: 23px; }
  .burger { margin-top: -1.5em; }
  .logo { max-width: 130px !important; }
  .icoSound { top: 17%; left: 94%; }
}
@media only screen and (max-width: 30em) {
	.mq3-col-12 { width: 100%; }
	.mq3-col-6 { width: 50%; }
	.mq3-col-4 { width: 33.333%; }
	.mq3-col-8 { width: 66.666%; }
	.mq3-col-3 { width: 25%; }
	.mq3-col-9 { width: 75%; }
	.mq3-none {display: none;}

	.logo { max-width: 130px !important;  margin: -.8em 1em 1em 0em; margin-bottom: 1em; }
	footer li { float: none; margin-right: 0em; padding-right: 0em; border-right: none; line-height: 2em;}
	.services article {	margin-top: 2em;} .services article:first-of-type {	margin-top: 0;}
	.works figure .zoom{ left: 0px;}
	.main header{ padding-top: 20px; margin-bottom: 0px; }

	section#Home { padding: 0 1em; }
	section#Home header { margin-top: 50px; }
	section#gallery { padding: 0 0em; }
	p.separador { margin-bottom: 16px; }
	figure { padding-right: 0em;}
	figcaption div { top: 80px; }
  figure.nonpad > figcaption div { top:80px !important; }
	igure.nonpad > figcaption div { top: 190px !important; }
	.ohs { padding: 0 0em; }
	.ohs h5 {  padding: 30px 18px 0px 30px; float: none; }
	.ohs p { padding: 1em 18px 18px 2em; text-align:justify; }
	.cerrartrabajos, .cerrartrabajos2, .cerrartrabajos3 { margin: 0em 0em 0px 0em !important; }
	.verWork1, .verWork2, .verWork3 { margin: 0em 1em 1.2em 1em; }

	.isoSeguridad, .isoApss, .isoInfraestructura { margin: 0em auto 0px; }

	.flex-control-nav { bottom: -25px; }
	.flexslider h2 { margin-top:20px; margin-bottom: 20px;}
	.flexslider .button { margin-bottom: 18px; }
  footer .lifoot { width:100%; }
  footer .footbt { float: right; margin-right: 0em !important; }
  header#navtop { background:rgba(0,0,0,.9); padding: 2em 2em 0em !important; }
  .nonpad.Textt p { line-height: 26px; padding: 18px 10px; font-size: 13px; }
  figcaption div:after { bottom: -15%; }
  .central { top: 55px; font-size: 23px; }
  figure.nonpad > figcaption div { top: 70px !important; }
  .icoSound { top: 11%; left: 90%; }
  section#sliderc { max-height: 225px !important; }
  .flex-caption { top: -11em; }
  .flexslider h2 { font-size: 18px; padding: 20px 50px; }
  .flexslider {
    margin: 55px 0 0px; }
    .nonpad.Textt p { font-size: 13px; }
    .sSectores p {  font-size:13px !important; }
    .respaldo .btico { font-size: 11px; }
}
@media only screen
and (orientation : landscape){
	#Home { background:url('../imgs/home_.jpg'); background-position:center; background-attachment:scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment:fixed; }
	#lineas{ background:url('../imgs/cabezal.jpg'); background-position:center; background-attachment:scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment:fixed; }
}
@media only screen
and (orientation : portrait){
	#Home { background:url('../imgs/home-portrait.jpg'); background-position:center; background-attachment:scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	#lineas{ background:url('../imgs/home-portrait.jpg'); background-position:center; background-attachment:scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment:fixed; }
}
@media only screen
and (max-device-width : 30em)
and (orientation : landscape){
  #lineas { background:url('../imgs/lineas-portrait-30em.jpg'); background-position:center; background-attachment:scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
}
@media only screen
and (max-device-width : 30em)
and (orientation : portrait){
	#Home { background:url('../imgs/home-portrait-30em.jpg'); background-position:center; background-attachment:scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  #lineas { background:url('../imgs/lineas-portrait-30em.jpg'); background-position:center; background-attachment:scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
}