@font-face {
  font-family: ProximaNova-Regular;
  src: url(../fonts/ProximaNova-Regular.otf);
}

@font-face {
  font-family: ProximaNova-Light;
  src: url(../fonts/ProximaNova-Light.otf);
}

@font-face {
  font-family: ProximaNova-Bold;
  src: url(../fonts/ProximaNova-Bold.otf);
}

@font-face {
  font-family: ProximaNova-Black;
  src: url(../fonts/ProximaNova-Black.otf);
}

* {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
	text-decoration: none;
	font-family: ProximaNova-Regular, sans-serif;
}
.container-fluid {
	//max-width: 1920px;
	width: 100%;
}
.container {
	width: 100%;
	max-width: 1240px;
}
@media (max-width:1200px) {
.container {
	max-width: 100%;
	width: 100%;
}
}
.smartphoto{
	z-index:10000;
}
/*** ### Header ### ***/
header {
	position: relative;
	background-color: #0d3a51;
	background-image: url(../images/Barra-Gradiente.png);
	background-position: center center;
	background-repeat: repeat-y;
	background-size: cover;
	z-index:1000;
	width:100%;
}
header .cx_topheader{
	position:relative;
	line-height: 90px;
}
header .cx_logo {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	max-width:250px;
	width:100%;
}
header .cx_topheader .cx_topinfo{
	position:relative;
	text-align:right;
}
header .cx_topheader .cx_topinfo ul{
	position:relative;
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline-block;
	line-height:normal;
	vertical-align:middle;
	width:100%;
	max-width:250px;
	text-align:left;
}
header .cx_topheader .cx_topinfo li{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding:0px 0px 0px 25px;
	color:#FFFFFF;
	font-size:11px;
	line-height: 15px;
}
header .cx_topheader .cx_topinfo.social_icons li {
	width: auto;
}
header .cx_topheader .cx_topinfo.social_icons li:first-child {
	margin-bottom: 15px;
}
header .cx_topheader .cx_topinfo.social_icons li a {
	display: inline-block;
}
header .cx_topheader .cx_topinfo li .fa{
	position:absolute;
	left:0px;
	top:0px;
	color:#FFFFFF;
	font-size:18px;
}


.fixedheader {
  position: fixed;
  top: 0;
  left: 0;
  animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
	0% {
		transform: translateY(-150px);
	}
	100% {
		transform: translateY(0px);
	}
}
@media (max-width:767px){
header .cx_logo {
	display:block;
	margin:20px auto;
}
header .cx_topheader .cx_topinfo{
	display:none;
}
}
/*** Navigation ***/
.navigation {
	position: relative;
	background:#c1c1c1;
}
.navigation nav {
	position:relative;
	margin:0px;
	padding:0px;
}
.navigation nav ul {
	padding: 0px;
	margin: 0px;
	text-align:center;
	list-style:none;
}
.navigation nav ul li {
	padding: 0px;
	margin:0px;
	display:inline-block;
	vertical-align:top;
}
.navigation nav ul li a {
	display:inline-block;
	vertical-align:top;
	font-size: 15px;
	padding:8px 14px;
	color:#0A2535;
	cursor: pointer;
	text-decoration: none;
	font-weight: 400;
	text-transform: uppercase;
	webkit-transition: .4s;
	moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    font-weight: 300;
    font-family: ProximaNova-Bold, sans-serif;
}
.navigation nav ul li.active a {
	text-decoration: none;
	color: #ffffff;
	background:#006e96;
}
.navigation nav ul li a:hover {
	text-decoration: none;
	color: #ffffff;
	background:#006e96;
}
.navigation nav ul li a:focus {
	text-decoration: none;
	color: #ffffff;
	background:#006e96;
}
.device-nav {
	display: none;
	color: #006e96;
	cursor: pointer;
	text-align: right;
	font-size: 25px;
	cursor: pointer;
	position:relative;
	top: 0px;
	right: 0px;
	cursor: pointer;
	z-index: 1001;
	cursor:pointer;
}
@media only screen and (max-width: 1024px) {
.device-nav {
	display: block;
}
.navigation nav {
	margin: 0;
	max-height: 0;
	overflow: hidden;
	clear: both;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 1000;
	background: #c1c1c1;
}
.navigation nav ul {
	text-align: left;
}
.navigation nav ul li {
	width: 100%;
	margin: 0px;
}
.navigation nav ul li a {
	display: block;
	width: 100%;
	padding: 0 15px;
	font-size: 15px;
	height: auto;
	line-height: 35px;
}
.navigation nav.reveal {
	max-height: 1170px;
	width: 100%;
	z-index: 100;
}
}
/*** ### Footer ### ***/
footer {
	position: relative;
	padding: 0px 0px;
	//background: #ffffff;
	background-color: #0d3a51;
    background-image: url(../images/Barra-Gradiente.png);
    background-position: center center;
    background-repeat: repeat-y;
    background-size: cover;
}
footer p {
	color: #bcbcbc;
	font-size: 12px;
	font-weight: 400;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	text-align:center;
}
footer p a{
	text-decoration:none !important;
	outline:none;
	color: #bcbcbc !important;
	font-family: 'Lato', sans-serif;
}
footer ul{
	margin:0px;
	padding:20px 0px;
	text-align:center;
	list-style:none;
}
footer ul li{
	display:inline-block;
	vertical-align:top;
	position:relative;
}
footer ul li a{
	position:relative;
	padding:13px 20px;
	//color:#0A2535;
	color: #fff;
	font-size:15px;
	font-weight:300;
	text-decoration:none !important;
	outline:none;
	transition:all 1s;
	font-family: 'Lato', sans-serif;
}
footer ul li a:after{
	position:absolute;
	content:"";
	height: 3px;
    width: 100%;
    left: 0px;
	bottom:0px;
    background-color: #55595c;
	opacity:0;
}
footer ul li a:hover:after{
	opacity:1;
}
/*** ### Banner ### ***/
.banner{
	position:relative;
}
.banner .cx_slider{
	position:relative;
	max-height:547px;
	overflow:hidden;
	padding:0px;
}
/*@media only screen and (min-width : 1281px) {
    .banner .cx_slider {
        max-height:700px;
    }

    .banner .cx_slider img{
		max-height:none !important;
	}
}*/
.banner .cx_slider img{
	//max-height:547px;
	width:100%;
}
.banner .cx_iner{
	position:absolute;
	bottom:50px;
	width:100%;
	left:0px;
}
.banner .cx_iner h1{
    color: #ffffff;
	display:inline-block;
	vertical-align:top;
    background-color: #006e96;
    padding: 5px 5px 5px 5px;
    font-size: 50px;
	line-height:50px;
    font-weight: 800;
    text-transform: none;
    font-family: 'Lato', sans-serif;
    margin-left: 30px;
}
.banner .slick-dots{
	position:absolute;
	bottom:10px;
	margin:0px;
	left:0px;
	width:100%;
}
.banner .slick-dots li{
	height:10px;
	width:10px;
	background:#ffffff;
	border-radius:50%;
	opacity:.4;
}
.banner .slick-dots li.slick-active{
	background:#cccccc;
	opacity:1;
}
@media (max-width:767px){
.banner .cx_iner h1{
    font-size: 30px;
	line-height:30px;
}
}
/*** ### Section one ### ****/
.section-one{
	position:relative;
	margin-top:15px;
}
.section-one h2{
	position:relative;
	z-index:1;
	color:#FFFFFF;
	font-size:22px;
	font-weight:700;
	margin:0px;
	padding:0px;
	font-family: ProximaNova-Bold, sans-serif;
}
.section-one p{
	position:relative;
	z-index:1;
	color:#FFFFFF;
	font-size:14px;
	font-weight:400;
	margin:0px;
	padding:20px 0px;
	line-height:27px;
	font-family: 'Lato', sans-serif;
	text-align: justify;
}
.section-one .cx_wrap{
	position:relative;
	display:flex;
}
.section-one .cx_wrap .cx_boxes{
	position:relative;
	flex:1;
	line-height:290px;
}
.section-one .cx_leftbg{
	position:relative;
	background:url(../images/promaquina-1795.jpg) no-repeat;
	background-size:cover;
}
.section-one .cx_leftbox{
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
	width:100%;
	position:relative;
	padding:20px 50px;
}
.section-one .cx_leftbg:before{
	content:"";
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
	background:rgba(0,0,0,0.4);
	position:absolute;
}
.section-one .cx_rightbox{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	max-width:600px;
	padding:20px 50px;
	line-height:normal;
	width:100%;
}
.section-one .cx_rightbox h2{
	color:#006e96;
}
.section-one .cx_rightbox p{
	color: #777777;
    //font-style: italic;
    font-weight: 300;
    text-align: justify;
}
@media (max-width:767px){
.section-one h2{
	font-size:20px;
}
.section-one .cx_wrap{
	position:relative;
	display:block;
}
.section-one .cx_wrap .cx_boxes{
	position:relative;
	flex:none;
	line-height:normal;
}
.section-one .cx_leftbox{
	padding:20px 15px;
}
.section-one .cx_rightbox{
	padding:20px 15px;
}
}
/*** ### Section Two ### ***/
.section-two{
	position:relative;
	padding:50px 0px;
}
.section-two .cx_box{
	position:relative;
	text-align:center;
	margin-top:20px;
}
.section-two .cx_box .cx_box_image{
	position:relative;
	margin-bottom:15px;
}
.section-two .cx_box .cx_box_image img{
	display:inline-block;
	vertical-align:top;
	width:116px;
}
.section-two .cx_box h2{
    color: #006e96;
    font-size: 24px;
    font-weight: 700;
	padding:0px;
	margin:0px 0px 20px 0px;
	font-family: ProximaNova-Bold, sans-serif;
}
.section-two .cx_box p{
    color: #777777;
    font-size: 15px;
	line-height:27px;
    font-weight: 300;
	padding:0px;
	margin:0px;
	font-family: ProximaNova-Light, sans-serif;
}
@media (max-width:767px){
.section-two{
	padding:0px 0px 25px 0px;
}
.section-two .cx_box{	
	margin:30px auto auto auto;
	display:block;
	width:100%;
	max-width:320px;
}
.section-two .cx_box h2{
	font-size:20px;
	
}
}
/*** ### Services ### ***/
.services{
	position:relative;
	background:#1c1c1c;
	padding:75px 0px;
}
.services h2{
	text-align:center;
	color:#FFFFFF;
	font-size:50px;
	font-weight:700;
	margin:0px;
	padding:0px;
	font-family: ProximaNova-Bold, sans-serif;
}
.services h3{
	text-align:left;
	color:#006e96;
	font-size:24px;
	line-height: 33px;
	font-weight:700;
	margin:0px 0px 20px 0px;
	padding:0px;
	font-family: ProximaNova-Bold, sans-serif;
}
.services p{
	text-align:justify;
	color:#777777;
	font-size:15px;
	font-weight:300;
	line-height: 27px;
	margin:0px;
	padding:0px;
	//font-family: 'Lato', sans-serif;
}
.services .cx_boxes{
	position:relative;
	display:flex;
}
.services .cx_boxes .cx_boxes_wrap{
	flex:1;
	position:relative;
	margin:15px;
	background:#fcfcfc;
	padding:50px;
	margin-top:50px;
	border:1px solid #e5e5e5;
}
.services .cx_boxes .cx_image_box{
	position:relative;
	margin-bottom:15px;
}
.services .cx_boxes .cx_image_box img{
	width:100%;
}
@media (max-width:767px){
.services{
	padding:50px 0px;
}
.services h2{
	font-size:25px;
}
.services h3{
	font-size:20px;
}
.services .cx_boxes{
	position:relative;
	display:block;
}
.services .cx_boxes .cx_boxes_wrap{
	flex:none;
	position:relative;
	margin:auto auto 30px auto;
	padding:20px 15px;
}
}
/*** ### Section Foure ### ***/
.section-foure{
	position:relative;
	background:url(../images/promaquina-2076.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
	padding:75px 0px;
}
.section-foure h2{
	text-align:center;
	color:#FFFFFF;
	font-size:30px;
	font-weight:700;
	margin:0px;
	padding:0px;
	font-family: ProximaNova-Bold, sans-serif;
}
.section-foure .cx_mainbox{
	position:relative;
	margin-top:50px;
	display:flex;
}
.section-foure .cx_box{
	position:relative;
	margin-top:50px;
	width:70%;
}
.section-foure .cx_btnarea{
	position:relative;
	flex:1;
	width:30%;
	margin-top:50px;
	background:rgba(0,78,114,0.56);
	text-align:center;
}
.section-foure .cx_btnarea .cx_iner{
	position:relative;
	margin-top:40%;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
}
.section-foure .cx_btnarea a{
	position:relative;
	display:inline-block;
	vertical-align:top;
	outline:none;
	text-decoration:none;
    color: #ffffff;
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #ffffff;
	padding:15px 30px;
	font-size:14px;
	font-weight:700;
	margin-bottom:20px;
}
.section-foure .cx_btnarea a span{
	position:relative;
	z-index:10;
}
.section-foure .cx_btnarea a:after{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	height:0%;
	background:#006e96;
	transition:all 0.3s;
}
.section-foure .cx_btnarea a:hover:after{
	height:100%;
}
@media (max-width:767px){
.section-foure{
	padding:50px 0px;
}
.section-foure h2{
	font-size:25px;
}
.section-foure .cx_mainbox{
	position:relative;
	margin:0px;
	display:block;
}
.section-foure .cx_box{
	margin-top:30px;
	width:100%;
}
.section-foure .cx_btnarea{
	flex:none;
	width:100%;
	padding:30px 0px 10px 0px;
}
.section-foure .cx_btnarea .cx_iner{
	margin-top:0px;
}
}
/*** ### Technology ### ****/
.technology {
	position: relative;
	background: #FFF;
	padding: 50px 0px;
}
.technology .container{
	position:relative;
}
.technology .container:before{
	position:absolute;
	content:"";
	bottom:-50px;
	left:15px;
	right:15px;
	height:1px;
	height:1px;
	background:#eaeaea;
}
.technology h2 {
	color: #006e96;
	font-weight: 700;
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	text-transform: uppercase;
	font-family: ProximaNova-Bold, sans-serif;
}
.technology nav {
	position: relative;
	text-align: center;
}
.technology nav ul {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
.technology nav li {
	display: inline-block;
	vertical-align: top;
	float: none;
}
.technology nav a {
	padding: 12px 20px;
	display: inline-block;
	text-align: center;
	color: #777777;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	outline: none;
	border: none;
	font-family: ProximaNova-Bold, sans-serif;
}
.technology nav a.active {
	color: #FFFFFF;
	background: #006e96;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
}
.technology p {
	color: #777777;
	font-size: 15px;
	font-weight: 300;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	font-family: 'Lato', sans-serif;
	text-align: justify;
	line-height: 27px;
}
.technology .cx_list ul{
	margin:20px 0px 0px 0px;
	padding:0px;
	list-style:none;
	text-align:left;
	font-family: 'Lato', sans-serif;
	text-align: justify;
	line-height: 27px;
}
.technology .cx_list li {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding:0px 0px 0px 15px;
	margin:0px 0px 5px 0px;
	color: #777777;
	font-size: 15px;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	text-align: justify;
	line-height: 27px;
}
.technology .cx_list li:before{
	content:"";
	position:absolute;
	top:8px;
	left:0px;
	width:5px;
	height:5px;
	background:#777777;
	border-radius:50%;
}
.technology .cx_hidediv {
	position: relative;
	padding: 20px 15px;
}
.technology .cx_hidediv .cx_slider {
	position: relative;
	padding: 0px 20px;
}
.technology .cx_hidediv .cx_slider .left-arrow {
	position: absolute;
	top: 50%;
	left: -5px;
	color: #777777;
	font-size: 35px;
	transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%));
	cursor: pointer;
}
.technology .cx_hidediv .cx_slider .right-arrow {
	position: absolute;
	top: 50%;
	right: -15px;
	color: #777777;
	font-size: 35px;
	transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%));
	cursor: pointer;
}
.technology .cx_hidediv .cx_slider .image_box {
	position: relative;
}
.technology .cx_hidediv .cx_slider .image_box .image_box_hover {
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	text-align: center;
	line-height: 100%;
	background: rgba(255,255,255,0.7);
	z-index: 10;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	overflow: hidden;
}
.technology .cx_hidediv .cx_slider .image_box .image_box_hover span {
	position: relative;
	color: #000000;
	font-size: 30px;
	font-weight: 300;
	top: 50%;
	margin-top: -10px;
	cursor: pointer;
	-webkit-transition: -webkit-transform .8s ease-in-out;
	-moz-transition: -moz-transform .8s ease-in-out;
	-o-transition: -moz-transform .8s ease-in-out;
	transition: transform .8s ease-in-out;
}
.technology .cx_hidediv .cx_slider .image_box:hover .image_box_hover {
	opacity: 1;
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
}
.technology .cx_hidediv .cx_slider .image_box .image_box_hover span:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);
}
@media (max-width:767px){
.technology {
	padding: 30px 0px;
}
.technology h2 {
	font-size:25px;
}
.technology nav li {
	display: inline-block;
	vertical-align: top;
	float: none;
}
}

/*** ### Nuestro ### ****/
.nuestro {
	position: relative;
	background: #FFF;
	padding: 50px 0px;
}
.nuestro h2 {
	color: #006e96;
	font-weight: 700;
	margin: 0px;
	padding: 0px;
	font-size: 25px;
	text-transform: uppercase;
	//font-family: ProximaNova-Bold, sans-serif;
}
.nuestro nav {
	position: relative;
	text-align: center;
}
.nuestro nav ul {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
.nuestro nav li {
	display: inline-block;
	vertical-align: top;
	float: none;
}
.nuestro nav a {
	padding: 12px 25px;
	display: inline-block;
	text-align: center;
	color: #777777;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	outline: none;
	border: none;
	font-family: ProximaNova-Bold, sans-serif;
}
.nuestro nav a.active {
	color: #FFFFFF;
	background: #006e96;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
}
.nuestro p {
	color: #777777;
	font-size: 17px;
	font-weight: 300;
	margin: 0px;
	padding: 20px 0px;
	//font-family: 'Lato', sans-serif;
}
.nuestro .cx_hidediv {
	position: relative;
	padding: 20px 15px;
}
.nuestro .cx_hidediv .image_box {
	position: relative;
	cursor:pointer;
}
.nuestro .cx_hidediv .image_box .image_box_hover {
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	text-align: center;
	line-height: 100%;
	background: rgba(0,0,0,0.7);
	z-index: 10;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	overflow: hidden;
}
.nuestro .cx_hidediv .image_box .image_box_hover span {
	position: relative;
	color: #ffffff;
	font-size: 30px;
	font-weight: 300;
	top: 50%;
	margin-top: -10px;
	cursor: pointer;
}
.nuestro .cx_hidediv .image_box:hover .image_box_hover {
	opacity: 1;
}
@media (max-width:767px){
.nuestro {	
	padding: 30px 0px;
}
.nuestro h2 {
	font-size:25px;
}
}
/*** ### Contact ### ****/
.contact {
	position: relative;
	background: #FFF;
	padding: 50px 0px;
}
.contact h2 {
	color: #006e96;
	font-weight: 700;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 25px;
	text-transform: uppercase;
	//font-family: ProximaNova-Bold, sans-serif;
}
.contact .cx_contactform{
	position:relative;
	margin-top:30px;
}
.contact .cx_contactform input{
	width:100%;
	border:1px solid #818a91;
	border-radius:20px;
	margin-bottom:10px;
	color:#373a3c;    
	font-size: 15px;
    height: 40px;
    padding: 5px 14px;
	font-weight:300;
	outline:none;
	background:#FFFFFF;
	font-family: 'Lato', sans-serif;
}
.contact .cx_contactform textarea{
	width:100%;
	border:1px solid #818a91;
	border-radius:20px;
	margin-bottom:10px;
	color:#373a3c;    
	font-size: 15px;
    height: 96px;
    padding: 5px 14px;
	font-weight:300;
	outline:none;
	background:#FFFFFF;
	resize:none;
	font-family: 'Lato', sans-serif;
}
.contact .cx_contactform button{
	position:relative;
	border-radius:20px;
    font-size: 13px;
    padding: 12px 24px;
	background:#0a2535;
	border:1px solid #0a2535;
	color:#FFF;
	font-weight:600;
	outline:none;
	font-family: 'Lato', sans-serif;
	letter-spacing: 1.5px;
}
.contact .cx_contactform button:hover{
	background:#cb0035;
	border-color:#cb0035;
}
.contact .cx_socialarea{
	position:relative;
	margin-top:50px;
}
.contact .cx_socialarea h3{
	position:relative;
    margin: 0 0 20px;
    color: #33333;
	font-weight:700;
    line-height: 1.4;
	font-size:15px;
	font-family: 'Josefin Sans', sans-serif;
}
.contact .cx_socialarea ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.contact .cx_socialarea li {
	position:relative;
	padding:0px 0px 0px 55px;
	margin:0px 0px 20px 0px;
	display:inline-block;
	vertical-align:top;
	width:100%;
	color: #777777;
	font-size:15px;
}
.contact .cx_socialarea li .cx_title{
    font-weight: 700;
    line-height: 1.4;
    font-family: 'Lato', sans-serif;
}
.contact .cx_socialarea li .cx_text{
	color:#777777;
	font-weight:300;
	font-family: 'Lato', sans-serif;
}
.contact .cx_socialarea li a{
	text-decoration:none;
	outline:none;
	color:#777777;
}
.contact .cx_socialarea li .cx_icon{
	position:absolute;
	left:0px;
	top:0px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e9e9e9;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #006e96;
}
@media (max-width:767px){
.contact {
	padding:30px 0px;
}
.contact h2 {
	font-size:25px;
}
.contact .cx_socialarea{
	position:relative;
	margin-top:30px;
}
}
/*** ### Footer Top ### ***/
.footer-top{
	position:relative;
	line-height:150px;
	background:#c9c9c9;
}
.footer-top .cx_input{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
	width:100%;
}
.footer-top .cx_input .cx_icon{
	position:absolute;
	left:0px;
	top:0px;
	height:40px;
	width:40px;
	text-align:center;
	line-height:40px;
	color:#999999;
	z-index:10;
}
.footer-top input{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:100%;
	padding:0px 6px 0px 40px;
	outline:none;
	border:none;
    background: #f8f8f8;
	color:#333333;
	font-size:15px;
	font-weight:300;
	border-radius:97px;
	height:40px;
	font-family: 'Lato', sans-serif;
}
.footer-top ul{
	margin:0px;
	line-height:normal;
	display:inline-block;
	vertical-align:middle;
	width:100%;
	padding:20px 0px;
	text-align:left;
	list-style:none;
}
.footer-top ul li{
	display:inline-block;
	vertical-align:top;
	position:relative;
}
.footer-top ul li a{
	position:relative;
	display:inline-block;
	vertical-align:top;
	padding:13px 20px;
	color:#0a2535;
	font-size:15px;
	font-weight:300;
	text-decoration:none !important;
	outline:none;
	-webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    font-family: 'Lato', sans-serif;
}
.footer-top ul li a:hover{
	color:#006e96;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
@media (max-width:767px){
.footer-top{
	line-height:normal;
}
.footer-top .cx_input{
	display:block;
	margin:30px auto;
	width:100%;
	max-width:414px;
}
.footer-top ul{
	text-align:center;
}
.footer-top ul li{
	display:inline-block;
	vertical-align:top;
	position:relative;
}
}
.tab-content>.tab-pane{ display: block; height: 0px; overflow: hidden; }
.tab-content>.active{ height: auto;}

/*SLIDE*/
.slide {
	height: 547px;
	width: 100%;
	background-position: center center;
	background-size: cover;
}

#slide1 {
	background-image: url(../images/promaquina-1848.jpg);
}

#slide2 {
	background-image: url(../images/promaquina-1856.jpg);
}

#slide3 {
	background-image: url(../images/promaquina-1870.jpg);
}

#slide4 {
	background-image: url(../images/promaquina-2076.jpg);
}

.slick-slide img {
	transition: all 6s cubic-bezier(0.7, 0, 0.3, 1);
}

.slick-slide.slick-active img {
	transform: scale(1.2);
}

.slick-slide .col-md-12 {
	overflow: hidden;
	max-height: 547px;
}

.offset-1-5 {
	margin-left: 12.49995%;
}

@media (max-width:576px) {
	.offset-1-5 {
		margin-left: 0%;
	}
}

/* ==========================================================================
   ANIMACIONES SUAVES AL ACERCAR EL CURSOR (HOVER EFFECTS EN IMÁGENES)
   ========================================================================== */

/* 1. Tarjetas de Servicios */
.services .cx_boxes .cx_boxes_wrap {
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;
	border-radius: 8px;
}
.services .cx_boxes .cx_boxes_wrap:hover {
	transform: translateY(-5px);
}
.services .cx_boxes .cx_image_box {
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.services .cx_boxes .cx_image_box img {
	transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;
}
.services .cx_boxes .cx_boxes_wrap:hover .cx_image_box img {
	transform: scale(1.08);
	filter: brightness(1.03);
}

/* 2. Iconos de Visión, Misión y Valores */
.section-two .cx_box .cx_box_image img {
	transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.4s ease;
}
.section-two .cx_box:hover .cx_box_image img {
	transform: translateY(-6px) scale(1.12);
	filter: drop-shadow(0 8px 16px rgba(0, 110, 150, 0.25));
}

/* 3. Sliders de Tecnología y Portafolio */
.technology .cx_slider .image_box,
.nuestro .cx_hidediv .image_box {
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
	transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.technology .cx_slider .image_box:hover,
.nuestro .cx_hidediv .image_box:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 26px rgba(0, 110, 150, 0.25);
}
.technology .cx_slider .image_box img,
.nuestro .cx_hidediv .image_box img {
	transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.5s ease;
}
.technology .cx_slider .image_box:hover img,
.nuestro .cx_hidediv .image_box:hover img {
	transform: scale(1.08);
	filter: brightness(1.04);
}

/* 4. Sello AISC y Logos */
.cx_badge_aisc img {
	transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.35s ease;
}
.cx_badge_aisc:hover img {
	transform: translateY(-3px) scale(1.06);
	box-shadow: 0 6px 18px rgba(0, 110, 150, 0.4) !important;
}

.cx_logo img {
	transition: transform 0.3s ease, filter 0.3s ease;
}
.cx_logo:hover img {
	transform: scale(1.03);
	filter: brightness(1.08);
}