/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/animate.css";
@import "../css/animation.css";

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300);
@import url(//fonts.googleapis.com/css?family=Roboto);

html, body {
	background: #2d3237;
	color: #666666;
	min-width:300px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 24px;
}

* { -webkit-text-size-adjust: none;}
.bg-2 { background: #3e454c; color: #7d8e9f; padding-bottom: 42px;}
.bg-3 { }

.bg-3 .quote {
	background:  url(../images/bg3S_Ventas.jpg) 50% 0 no-repeat rgba(241,241,241, 0.7);
	width: 100%;
	height: 180px;
	text-align:center;
	margin-bottom:25px;
	padding-top:40px;
}
.bg-3 .quote span{
	width:70%;
	margin:0 auto;
}
.bg-4 { }

.bg-4 .quote {
	background:  url(../images/bg3S_PostVentas.jpg) 50% 0 no-repeat rgba(241,241,241, 0.7);
	width: 100%;
	height: 180px;
	text-align:center;
	margin-bottom:25px;
	padding-top:40px;
}
.bg-4 .quote span{
	width:70%;
	margin:0 auto;
}
.bg-5{
	background: url(../images/3s_img-0.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}
.bg-in{
	background: url(../images/in_img-0.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}
.bg-ss{
	background: url(../images/ss_img-0.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}
.bg-pr{
	background: url(../images/pr_img-0.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}
.bg-qs{
	background: url(../images/qs_img-0.jpg) 10% 0 no-repeat;
	width:100%;
	height:570px;
}

.bg-se{
	background: url(../images/se_img-0.jpg) 50% 0 no-repeat;
	width:100%;
	height:400px;
}

.img02-cx{
    background: url(../images/img02-cx.jpg) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.img1_mayoristas{
	background: url(../images/img1_mayoristas.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img2_mayoristas{
	background: url(../images/img2_mayoristas.png) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img3_mayoristas{
	background: url(../images/img3_mayoristas.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img4_mayoristas{
	background: url(../images/img4_mayoristas.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img5_mayoristas{
	background: url(../images/img5_mayoristas.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img6_mayoristas{
	background: url(../images/img6_mayoristas.png) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img7_mayoristas{
	background: url(../images/img7_mayoristas.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img2_minoristas{
	background: url(../images/img2_minoristas.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img3_minoristas{
	background: url(../images/img3_minoristas.png) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img4_minoristas{
	background: url(../images/img4_minoristas.png) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img5_minoristas{
	background: url(../images/img5_minoristas.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img6_minoristas{
	background: url(../images/img6_minoristas.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img7_minoristas{
	background: url(../images/img7_minoristas.png) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img02-finanzas{
    background: url(../images/img02-finanzas.jpg) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.img2-finanzas{
	background: url(../images/img2-finanzas.png) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img3-finanzas{
	background: url(../images/img3-finanzas.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img4-finanzas{
	background: url(../images/img4-finanzas.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img5-finanzas{
	background: url(../images/img5-finanzas.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img6-finanzas{
	background: url(../images/img6-finanzas.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img02-telco{
    background: url(../images/img02-telco.jpg) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.img2-telco{
	background: url(../images/img2-telco.png) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img3-telco{
	background: url(../images/img3-telco.png) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img4-telco{
	background: url(../images/img4-telco.png) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img5-telco{
	background: url(../images/img5-telco.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img02_servicios_publicos{
    background: url(../images/img02_servicios_publicos.jpg) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.img2_servicios_publicos{
	background: url(../images/img2_servicios_publicos.png) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img3_servicios_publicos{
	background: url(../images/img3_servicios_publicos.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img02_logistica{
    background: url(../images/img02_logistica.jpg) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.img2_logistica{
    background: url(../images/img2_logistica.jpg) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.img3_logistica{
    background: url(../images/img3_logistica.jpg) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.img2_impetus_faststep{
    background: url(../img2_impetus_faststep.png) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.img02_salud{
	background: url(../images/img02_salud.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.img2-salud{
	background: url(../images/img2-salud.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}


.img2_educacion{
    background: url(../images/img2_educacion.jpg) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.img02_educacion{
	background: url(../images/img02_educacion.jpg) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.qr_oracle_cx{
	background: url(../images/qr_oracle_cx.png) 50% 0 no-repeat;
	width:100%;
	height:320px;
}

.qr_mayoristas{
    background: url(../images/qr_mayoristas.png) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.qr_minoristas{
    background: url(../images/qr_minoristas.png) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.qr_finanzas{
    background: url(../images/qr_finanzas.png) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.qr_telco{
    background: url(../images/qr_telco.png) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.qr_servicios_publicos{
    background: url(../images/qr_servicios_publicos.png) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.qr_logistica{
    background: url(../images/qr_logistica.png) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.qr_salud{
    background: url(../images/qr_salud.png) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.qr_educacion{
    background: url(../images/qr_educacion.png) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.qr_suite_completa_oracle_cx{
    background: url(../images/qr_suite_completa_oracle_cx.png) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.img1_journey_map{
    background: url(../images/img1_journey_map.png) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.img2_journey_map{
    background: url(../images/img2_journey_map.png) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.img3_journey_map{
    background: url(../images/img3_journey_map.jpg) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.img4_journey_map{
    background: url(../images/img4_journey_map.png) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.img_metodologia_journey{
    background: url(../images/img_metodologia_journey.png) 50% 0 no-repeat;
    width:100%;
    height:320px;
}

.img_perfil_journey{
    background: url(../images/img_perfil_journey.png) 50% 0 no-repeat;
    width:100%;
    height:320px;
}


.bord-1 { position: relative; padding-bottom: 44px;}
.bord-1:after { 
	position: absolute;
	content: "";
	left: 10px;
	right: 10px;
	bottom: 0;
	border-bottom: 1px solid #f5f6f6;
}
.bord-1.v1 { padding-bottom: 30px;}
.bord-1.v1:after { left: 0; right: 0;}
.bord-1.v1 h3 { color:#e37222;}

a { color: inherit; text-decoration: none;}
a:hover { text-decoration: none;}
a[href^="tel:"] {color: inherit;text-decoration:none;}
.a-hov { transition: all 0.4s ease;}
.a-hov:hover { color: #3e454c;}
.bg-2 .a-hov:hover { color: #fff;}

ul li a { transition: all 0.4s ease;}

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: 300; text-transform: uppercase; color: #3e454c;}
h1 { font-size: 40px; line-height: 40px; color: #ffffff; float: left; text-transform: none; margin-top: 5px; margin-bottom: 5px;}
h2 { font-size: 30px; line-height: 30px; padding-top: 30px; padding-bottom: 30px;}
h3 { color: #1b3664; font-size: 20px; line-height: 24px; padding-bottom: 11px; padding-top: 24px; letter-spacing: -1px;}
h4 { color: #ffffff; font-size: 14px; line-height: 14px; padding-bottom: 13px;}
h5 { font-size: 30px; line-height: 30px; padding-top: 30px; padding-bottom: 10px; text-transform: none; }


.title-1 { text-transform: uppercase; font-size: 40px; line-height: 40px; color: #333; font-family: 'Open Sans', sans-serif; font-weight: lighter; padding-top: 27px;} 
.text-1 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 60px; line-height: 57px; text-transform: uppercase; color: #1C3664;}
.text-2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 43px;
	text-transform: uppercase;
	color: #333;
	display: block;
}
.text-3 {font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 14px; line-height: 12px; color: #6f6f6f;}

.text-4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 33px;
	color: #333;
	display: block;
	text-transform: uppercase;
}

.text-5{
	color: #000;
    font-size: 16px;
    font-weight: 100;
}

.text-6{
	color: #222;
}


.fondo{ 
    background: #373949;
    padding: 10px;
    opacity: 0.85;
    margin-top: 360px;  
    text-align: center;
}

.fondoJM{ 
    background: #373949;
    padding: 10px;
    opacity: 0.85;
    margin-top: 300px;  
    text-align: center;
}

@media only screen and (max-width: 767px){
.fondoJM{
	padding: 10px;
    margin-top: 305px;  
    text-align: center;
	}
}

.fondoServicios{ 
    padding: 10px;
    margin-top: 360px;  
    text-align: center;
}

.fondoInsights{ 
    padding: 10px;
    margin-top: 320px;  
}

@media only screen and (max-width: 767px){
.fondoInsights{
	padding: 10px;
    margin-top: 150px;  
    text-align: center;
	}
}

.fondoPredictor{ 
    padding: 10px;
    margin-top: 365px; 
    text-align: center;
    padding-left: 110px; 
}  

@media only screen and (max-width: 767px){
.fondoPredictor{
	padding: 10px;
    margin-top: 390px;  
    text-align: center;
	}   
}

.fondoServices{ 
    padding: 10px;
    margin-top: 365px; 
    text-align: center;
    padding-left: 110px; 
}  

@media only screen and (max-width: 767px){
.fondoServices{
	padding: 10px;
    margin-top: 330px;  
    text-align: center;
	}
}

.fondoSmartsales{ 
    padding: 10px;
    margin-top: 320px;  
}

@media only screen and (max-width: 767px){
.fondoSmartsales{
	padding: 10px;
    margin-top: 400px;  
	}
}

.fondo_habilitamos{
	background: #373949;
	padding: 10px;
	margin-right: 213px;
	opacity:0.85;
}

.fondo_transformamos{
	background: #373949;
	padding: 10px;
	opacity:0.85;
}

.fondo_customer{
	background: #373949;
	padding-left: 355px;
	padding-right: 355px;
	margin-right: -300px;
	margin-left: -300px;
	opacity:0.85;
}

.fondo_mayoristas{
	background: #373949;
	padding: 1px;
	margin-right: -224px;
	margin-left: -345px;
	opacity:0.85;
}

.fondo_minoristas{
	background: #373949;
	padding: 1px;
	margin-left: -350px;
	margin-right: -224px;
	opacity:0.85;
}

.fondo_oracle_cx{
	background: #373949;
	padding: 1px;
	margin-right: -224px;
	margin-left: -350px;
	opacity:0.85;
}

.fondo_finanzas{
	background: #373949;
	padding: 1px;
	margin-right: -224px;
	margin-left: -345px;
	opacity:0.85;
}

.fondo_telco{
	background: #373949;
	padding: 1px;
	margin-left: -350px;
	margin-right: -224px;
	opacity:0.85;
}
  
.fondo_CX_journey_map{
	background: #373949;
	padding: 1px;
	margin-left: -350px;
	margin-right: -224px;
	opacity:0.85;
}

.fondo_servicios{
	background: #373949;
	padding: 1px;
	margin-left: -350px;
	margin-right: -224px;
	opacity:0.85;
}


.color-1 { color: #3e454c;}
.color-2 {
	color: #fff;
	font-weight: normal;
}
.color-3 { color: #687583;}
.color-4 {
	color: #1C3664;
}
.color-5 {
	color: #B23F73;
}
.color-6 {
	color: #7FBB42;
}
.color-7{
	color:#FDB813;
}
.color-8{
	color:#01A2DE;
}
.color-9{
	color:#b92025;
}

.title-1 + h3 { padding-top: 7px; padding-bottom: 0px;}
.title-1.v1 {
	padding-top: 42px;
	color: #1C3664;
}


h3.v1 { line-height: 30px; color: #6f6f6f; padding-bottom: 31px;}
.bg-2 h2 { color: #fff; padding-top: 44px;}
h3 + h4 { margin-top: -10px;}
h2 + h3 { padding-top: 1px;}
h2 + img.wrapper { padding-top: 3px;}
h2 + .list { margin-top: 4px;}
p + h3 { padding-top: 0;}
img + h3 { padding-top: 22px; }

.slider .btn,
.btn {
	display: inline-block;
	background: rgba(62, 69, 76, 0.7);
	padding: 15px 17px 16px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	vertical-align: middle;
	transition: all 0.4s ease;
	text-transform: uppercase;
	margin-top: 39px;
}

.btn.v1 {line-height: 14px; font-size: 14px;padding: 15px 14px 15px;margin-top: 40px;background: #87d1fd url(../images/bg-4.gif) 0 0 repeat-x;}

.btn-1 {
	display: inline-block;
	background: #1C3664;
	padding: 20px 35px 20px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	transition: all 0.4s ease;
	text-transform: uppercase;
}

.btn:hover,
.btn-1:hover { background: #3e454c;}

.bg-2 .btn:hover,
.bg-2 .btn-1:hover { background: #fff; color: #87d1fd;}

.list { margin-top: 28px;}
.list li {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 14px;
	padding-left: 22px;
	background: url(../images/icon-2.png) 0 0 no-repeat;
	margin-top: 0px;
}
.list li + li { margin-top: 14px;}
.list li a {
	color:#333;
}
.list li a:hover { color: rgb(0, 162, 222) ;}


.list-1 li {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	padding-left: 28px;
	background: url(../images/icon-1.gif) 0 0 no-repeat;
	margin-top: 15px;
}
.list-1 li + li { margin-top: 17px;}
.list-1 li a { color: #5f6a75;}
.list-1 li a:hover { color: #7ecefd;}


.dropcap { 
	float: left;
	width: 71px;
	height: 71px;
	background: #7ecefd;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	text-transform: uppercase;
	margin-top: 2px;
	margin-right: 20px;
}
.dropcap span { display: block; font-size: 30px; padding-top: 13px;}
.dropcap + div { overflow: hidden;}
.dropcap + div > h3 { padding-top: 0;}

.casos{
	color: #01A2DE;
	font-size: 20px;
}

/*auxiliary*/

.img-ind {float: left; margin-right: 10px; margin-top: 5px;}
.img-ind img { width: 100%;}
.wrapper {width: 100%; position: relative;}
.extra-wrap {overflow:hidden;}
.grid_inside { margin: 0 -10px;}
.aligncenter {text-align: center !important;}
.alignleft { text-align: left !important; }
.it {font-style:italic; display: inline-block;}
.fleft {float: left;}
.fright {float: right;}
.h-underline:hover { text-decoration: underline;}
.underline {text-decoration: underline;}
.upp {text-transform: uppercase;}
.transition {transition: all 0.4s ease;}

.clearfix { *zoom: 1;}
.clearfix:before,.clearfix:after {display: table; content: "";line-height: 0;}
.clearfix:after { clear: both;}

.pad-left { padding-left: 10px;}
.img-ind + div > h2 { padding-top: 0; padding-bottom: 0px;}
.img-ind + div > h3 { padding-top: 1px;}
p { padding-bottom: 16px;}
.pad-bot { padding-bottom: 46px;padding-top:65px;}
.pad-bot-1 { padding-bottom: 40px;padding-top:65px;}
.pad-bot-2 { padding-bottom: 40px;padding-top:25px;}
.pad-bot-3 { padding-bottom: 25px;padding-top:5px;}

/************Header************/

header {
	background-color: rgba(241,241,241, 0.95);
	position: absolute;
	z-index: 100;
	width: 100%;
	top: 15px;
}


.header2 {
	background:  url(../images/bg3S.jpg) 50% 0 no-repeat rgba(241,241,241, 0.7);
	width: 100%;
	height: 500px;
}

.header2 .header_caption {
	top: 20%; 
	bottom: auto; 
	margin-top: 0px;
	width:680px;
	text-align:center;
}

.headerOracle {
	background:  url(../images/img01_oraclecx.jpg) 50% 0 no-repeat rgba(241,241,241, 0.7);
	width: 100%;
	height: 500px;
}

.headerMay {
	background:  url(../images/mayoristas.jpg) 50% 0 no-repeat rgba(241,241,241, 0.7);
	width: 100%;
	height: 500px;
}

.headerMinoristas {
	background:  url(../images/minoristas.png) 50% 0 no-repeat rgba(241,241,241, 0.7);
	width: 100%;
	height: 500px;
}

.headerFinanzas {
	background:  url(../images/img1-finanzas.jpg) 50% 0 no-repeat rgba(241,241,241, 0.7);
	width: 100%;
	height: 500px;
}

.headerTelco {
	background:  url(../images/img1-telco.jpg) 50% 0 no-repeat rgba(241,241,241, 0.7);
	width: 100%;
	height: 500px; 
}

.header_insights {
	background:  url(../images/bg3S_insights.jpg) 50% 0 no-repeat rgba(241,241,241, 0.7);
	width: 100%;
	height: 500px;
}

.header_smartsales {
	background:  url(../images/bg3S_smartsales.jpg) 50% 0 no-repeat rgba(241,241,241, 0.7);
	width: 100%;
	height: 500px;
} 

.header_predictor {
	background:  url(../images/bg3S_predictor.jpg) 50% 0 no-repeat rgba(241,241,241, 0.7);
	width: 100%;
	height: 500px;
}

.header_quicksolve {
	background:  url(../images/bg3S_quicksolve.jpg) 50% 0 no-repeat rgba(241,241,241, 0.7);
	width: 100%;
	height: 500px;
}

.header_quicksolve .header_caption {
	top: 77%; 
	bottom: auto; 
	margin-top: 0px;
	width:680px;
	text-align:center;
}

.header_services {
	background:  url(../images/bg3S_services.jpg) 50% 0 no-repeat rgba(241,241,241, 0.7);
	width: 100%;
	height: 500px;
}


.header_servicios {
	background:  url(../images/bg_servicios.jpg) 50% 0 no-repeat rgba(241,241,241, 0.7);
	width: 100%;
	height: 500px;
}


.header_oracle_cx {
	background:  url(../images/img01_oraclecx.jpg) 50% 0 no-repeat rgba(241, 241, 241, 0.7);
	width: 100%;
	height: 500px;
}

.header_oracle_cx .header_caption {
	top: 77%;
	bottom: auto;
	margin-top: 0px;
	width:680px;
	text-align:center;
}

.header_mayoristas {
	background:  url(../images/mayoristas.jpg) 50% 0 no-repeat rgba(241, 241, 241, 0.7);
	width: 100%;
	height: 500px;
}



.header_minoristas .header_caption {
	top: 77%;
	bottom: auto;
	margin-top: 0px;
	width:680px;
	text-align:center;
}

.header_salud {
    background:  url(../images/img1_salud.jpg) 50% 0 no-repeat rgba(241, 241, 241, 0.7);
    width: 100%;
    height: 500px;
}

.header_servicios_publicos {
	background:  url(../images/img1_servicios_publicos.jpg) 50% 0 no-repeat rgba(241, 241, 241, 0.7);
	width: 100%;
	height: 500px;
}


.header_logistica {
    background:  url(../images/img1_logistica.jpg) 50% 0 no-repeat rgba(241, 241, 241, 0.7);
    width: 100%;
    height: 500px;
}

.header_educacion {
    background:  url(../images/img1_educacion.jpg) 50% 0 no-repeat rgba(241, 241, 241, 0.7);
    width: 100%;
    height: 500px;
} 

.header_impetus_FastTrack {
    background:  url(../images/img1_impetus_FastTrack.jpg) 50% 0 no-repeat rgba(241, 241, 241, 0.7);
    width: 100%;
    height: 500px;
} 

.header_customer_journery_map {
    background:  url(../images/journey_map.jpg) 50% 0 no-repeat rgba(241, 241, 241, 0.7);
    width: 100%;
    height: 500px;
}

.camera_wrap { margin-bottom: 0 !important; height: 653px;}
.camera_caption { top: 26%; bottom: auto; margin-top: 0px;}

.slider-text .text-1, .slider-text .text-2 { margin-left: 10px; display: block;}

.slider .btn { margin-top: 0px; margin-left: 10px;}

	/*camera_pag*/
	.camera_pag { text-align: center; position: absolute; width: 100%; bottom: 88px;}
	.camera_pag .camera_pag_ul { display: inline-block; line-height: 0px; font-size: 0px; width: 948px; text-align: left !important; }
	#camera_wrap_1 .camera_wrap .camera_pag .camera_pag_ul li {
		cursor: pointer;
		display: inline-block;
		float: left;
		margin: 0px;
		position: relative;
		text-align: center;
		text-indent: -9999px;
	}
	.camera_wrap .camera_pag .camera_pag_ul li {
		height: 8px !important;
		width: 40px !important;
	}
	.slider .camera_wrap .camera_pag .camera_pag_ul li {margin: 0px 5px !important;}
	.camera_wrap .camera_pag .camera_pag_ul li > span {
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important; 
		height: 8px !important;
		left: 0px !important;
		overflow: hidden;
		position: absolute;
		top: 0px !important;
		width: 40px !important;
		background: #0d85b1;
	}
	.camera_wrap .camera_pag .camera_pag_ul li > span:hover { background: #7ecefd;}
	.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { background: #3e454c;}

/************Content***********/
.content { background: #ffffff;}

.block-1 .btn-1 { margin-top: 32px; }

.box-1 { margin-top: 20px; margin-bottom: 20px;} 
.box-1 .img-ind + div { overflow: hidden;}
.block-3 { margin-top: -4px;}
.block-3 > div + div { margin-top: 17px;}

.box-2 { position: relative; margin-top: 4px;}
.box-2 > div { 
	position: absolute; 
	background: #1C3664;
	font-family: 'Open Sans', sans-serif; 
	font-weight: 300; 
	color: #fff;
	font-size: 15px;
	line-height: 19px;
	bottom: 0;
	right: 0;
	padding: 10px 19px 12px;
}
.box-2 > div span {font-size: 30px; line-height: 30px; display: block;}

.box-3 { margin-top: 3px;}
.box-3 + .box-3 { margin-top: 18px;}

.block-2 { margin-top: 4px;}

.block-4 { margin-top: -19px;}
.box-4.img-ind { padding: 17px; background: #7ecefd;}
.box-4.img-ind + div { overflow: hidden;}
.block-4 > div { margin-top: 17px;}

.box-3s{
	padding:17px; 
	float: left;
	margin-right: 10px;
    height: 24px;
    width: 25px;
}

.box-3s.se{background:rgb(186, 18,0) url(../images/3s_img-5.png) no-repeat center;}
.box-3s.qs{background:rgb(10, 46, 77) url(../images/3s_img-4.png) no-repeat center;}
.box-3s.pr{background:rgb(0, 162, 222) url(../images/3s_img-3.png) no-repeat center;}
.box-3s.ss{background:rgb(100, 152, 0) url(../images/3s_img-2.png) no-repeat center;}
.box-3s.in{background:rgb(222, 79, 0) url(../images/3s_img-1.png) no-repeat center;}


.img1cx{
	background:url(../images/img1-cx.jpg) no-repeat center;
	padding:17px;
	float: left;
	margin-right: 10px;
	height: 24px;
	width: 25px;
}

.img2cx{
	background:url(../images/img2-cx.jpg) no-repeat center;
	padding:16px;
	float: left;
	margin-right: 10px;
	height: 24px;
	width: 25px;
}

.img3cx{
	background:url(../images/img3-cx.jpg) no-repeat center;
	padding:17px;
	float: left;
	margin-right: 10px;
	height: 24px;
	width: 25px;
}

.img4cx{
	background:url(../images/img4-cx.jpg) no-repeat center;
	padding:17px;
	float: left;
	margin-right: 10px;
	height: 24px;
	width: 25px;
}

.img5cx{
	background:url(../images/img5-cx.jpg) no-repeat center;
	padding:17px;
	float: left;
	margin-right: 10px;
	height: 24px;
	width: 25px;
}

.img6cx{
	background:url(../images/img6-cx.jpg) no-repeat center;
	padding:17px;
	float: left;
	margin-right: 10px;
	height: 24px;
	width: 25px;
}

.img7cx{
	background:url(../images/img7-cx.jpg) no-repeat center;
	padding:17px;
	float: left;
	margin-right: 10px;
	height: 24px;
	width: 25px;
}

.img8cx{
	background:url(../images/img8-cx.jpg) no-repeat center;
	padding:17px;
	float: left;
	margin-right: 10px;
	height: 24px;
	width: 25px;
}

.img1_servicios_impetus{
    background:url(../images/img1_servicios_impetus.jpg) no-repeat center;
    padding:17px;
    float: left;
    margin-right: 10px;
    height: 24px;
    width: 25px;
}

.img2_servicios_impetus{
    background:url(../images/img2_servicios_impetus.jpg) no-repeat center;
    padding:17px;
    float: left;
    margin-right: 10px;
    height: 24px;
    width: 25px;
}

.img3_servicios_impetus{
    background:url(../images/img3_servicios_impetus.jpg) no-repeat center;
    padding:17px;
    float: left;
    margin-right: 10px;
    height: 24px;
    width: 25px;
}

.img4_servicios_impetus{
    background:url(../images/img4_servicios_impetus.jpg) no-repeat center;
    padding:17px;
    float: left;
    margin-right: 10px;
    height: 24px;
    width: 25px;
}

.img5_servicios_impetus{
    background:url(../images/img5_servicios_impetus.jpg) no-repeat center;
    padding:17px;
    float: left;
    margin-right: 10px;
    height: 24px;
    width: 25px;
}


.img6_servicios_impetus{
	background:url(../images/img6_servicios_impetus.jpg) no-repeat center;
	padding:17px;
	float: left;
	margin-right: 10px;
	height: 24px;
	width: 25px;
}

.logo_cubo{
	background:url(../images/logo_cubo.png) no-repeat center;
	padding:17px;
	float: left;
	height: 24px;
	width: 25px;
	margin-top: 20px;
}

.icono_descarga{
    background: url(../images/icono_descarga.png) no-repeat center;
    padding: 17px;
    float: left;
    margin-right: -15px;
    height: 1px;
    width: 25px;
    margin-top: -3px;
}



form.search { position: relative;}
form.search input {
	margin-top: 4px;
	background: #fff;
	width: 100%;
	border: 1px solid #e9e9e9;
	color: #c1c1c1;
	font-size: 14px;
	line-height: 18px;
	font-family: Arial, sans-serif;
	height: 41px;
	padding: 11px 0 10px 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
form.search a {
	display: block;
	position: absolute;
	right: 10px;
	top: 17px;
	width: 18px;
	height: 14px;
	background: url(../images/icon-4.gif) 0 0 no-repeat;
}

.box-5 { margin-top: -2px;}
.box-5 + .box-5 { margin-top: 17px;}

.brochure{
	position: absolute;
}
.letra_brochure{
	color: black;
	font-family: "Arial Black";
}


/************Footer************/
footer { padding-top: 23px; padding-bottom: 30px;}

.list-services { margin-top: 18px;}
.list-services li {
	display: inline-block;
	float: left;
}

	[class*="list-services-"] {
		text-decoration: none;
		display: block;
		height: 34px;
		width: 35px;
		background: url(../images/social_icons.png) no-repeat;
		background-position-x: -25px;
		background-position-y: 0px;
		-webkit-transition: all 0.2s ease-out;
	    -moz-transition: all 0.2s ease-out;
	    -o-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	    transition: all 0.2s ease-out;
		margin-right: 8px;
		-webkit-border-radius: 500px;
		-moz-border-radius: 500px;
		-ms-border-radius: 500px;
		-o-border-radius: 500px;
		border-radius: 500px;
	}
	.list-services-1 { background-position: 0px 0px;}
	.list-services-2 { background-position: -42px 0px;}
	.list-services-3 { background-position: -85px 0px;}
	.list-services-4 { background-position: -129px 0px;}
	.list-services-5 { background-position: -137px 0px;}

	.list-services-1:hover { background-position: 0px bottom;}
	.list-services-2:hover { background-position: -42px bottom;}
	.list-services-3:hover { background-position: -85px bottom;}
	.list-services-4:hover { background-position: -129px bottom;}
	.list-services-5:hover { background-position: -137px bottom;}

footer h3 { color: #fff; letter-spacing: 0px;}


.f-bot {position: relative; padding-top: 33px; text-transform: uppercase; color: #727c87; font-size: 14px; line-height: 14px; font-weight: 300;margin-top: 58px;}
.f-bot:after {
	position: absolute;
	content: "";
	top: 0;
	left: 10px;
	right: 10px;
	border-top: 1px solid #40464c;
}
.f-bot .logo { font-weight: bold;}

	/*toTop*/

	#toTop {
		display:none;
		text-decoration:none;
		position:fixed;
		cursor:pointer;
		overflow:hidden;
		width: 24px;
		height: 24px;
		border:none;
		text-indent:-999px;
		z-index:20;
		background: url(../images/ui.totop.png) 0 0 no-repeat;
		margin-right: -670px !important;
		right: 50%;
		bottom: 20px;
	}

		#toTop:hover { background: url(../images/ui.totop.png) right 0 no-repeat;}

		#toTop:active, #toTop:focus {outline:none;}



	/*touch-touch*/ 
	.magnifier {
		position:relative;
		display:block;
		background: url(../images/magnifier.png) center center no-repeat #000000;

	}
	.magnifier img {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.magnifier:hover img {
		opacity: 0.4;
	}

/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (max-width: 1039px) {
	.camera_wrap .camera_pag .camera_pag_ul { text-align: center !important;}
	.camera_caption { top: 15%;}
	h3 { letter-spacing: -1px; color:#1b3664;}
}

@media only screen and (max-width: 995px) {
	.camera_pag .camera_pag_ul { width: 768px;}
	.camera_wrap { height: 379px;}
	.text-1 { font-size: 30px; line-height: 29px;}
	.text-2 { line-height: 20px; margin-top: 20px;}
	.camera_pag { bottom: 10px;}
	.block-1 .fleft,
	.block-1 .fright { float: none;}
	.box-1 img { margin-right: 0;}
	.box-1 .img-ind + div > h2 { font-size: 18px; line-height: 25px;}
	.box-1 img { margin-right: 16px;}
	.comments { margin-top: 0;}
	.header2 .header_caption{ top: 26%;}

}
@media only screen and (max-width: 767px) {
	.camera_wrap { height: 295px;}
	.camera_pag .camera_pag_ul { width: 386px;}
	.slider .text-1 { font-size: 20px; line-height: 19px;}
	.slider .btn { margin-top: 10px;}
	.camera_caption {display: none !important;}
	.camera_pag { bottom: 20px;}
	.camera_wrap .camera_pag .camera_pag_ul { text-align: left !important;}
	.box-1 .img-ind + div > h2 span { display: block;}
	.box-1 .img-ind + div > h2  { font-size: 30px; line-height: 30px;}
	.box-2 { padding-top: 40px;}
	.w1 { width: 50%;}
	.w2 { width: 46% !important; margin-left: 2%; margin-right: 2%;}
	.grid_inside { margin: 0px;}
	.block-2 > div { width: 46% !important; margin-left: 2%; margin-right: 2%; margin-bottom: 40px;}
	.blog_post > div:first-child { width: 100%;}
	.header2 .header_caption{ top: 36%; width:640px;}
	.header_predictor .header_caption,
	.header_quicksolve .header_caption {width:640px;}

	footer h3 { padding-top: 35px;}
}
@media only screen and (max-width: 639px) {
	.header2 .header_caption{ width: 480px;}
	.header_predictor .header_caption,
	.header_quicksolve .header_caption { width: 480px;}
	.bg-3 .quote span.text-4{line-height:20px;width:96%;}

}
@media only screen and (max-width: 479px) {
	.camera_wrap { height: 178px;}
	.camera_pag .camera_pag_ul { width: 300px;}
	.block-2 > div { width: 100% !important; margin-left: 0; margin-right: 0;}
	.w1 { width: 100% !important; margin-left: 0; margin-right: 0; margin-bottom: 20px;}
	.w2 { width: 100% !important; margin-left: 0; margin-right: 0;}
	.header2 .header_caption{ width: 340px;}
	.header_predictor .header_caption,
	.header_quicksolve .header_caption { width: 340px;}
	.bg-3 .quote span.text-4{line-height:15px;font-size:15px;width:96%;}
	.bg-4 .quote span.text-4{line-height:15px;font-size:15px;width:96%;}
}
@media only screen and (max-width: 320px) {
	
	.header2 .header_caption{ width: 300px;}
	.header_predictor .header_caption,
	.header_quicksolve .header_caption { width: 300px;}
}