/******************************************************************
  Description: bootstrap 4 page
  Author: Aaron Peña
  Author URI: http://www.sistemasenpunto.com.mx/
  Version: 1.0
  Created: SISTEMAS EN PUNTO
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section (home)
5.  Banner Section
6.  Product Section
7.  services Section
8.  Latest Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "nova-light","Poppins", sans-serif;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "nova-bold","Aldrich", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 42px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 20px;
	font-family: "nova-light","Poppins", sans-serif;
	color: #212121;
	font-weight: normal;
	line-height: 26px;
	margin: 0 0 15px 0;
}

.line-height-normal{
	line-height: normal;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #ffffff;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 40px;
}

.section-title span {
	color: #84848c;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 12px;
}

.section-title h2 {
	font-size: 42px;
	color: #111111;
	line-height: 50px;
	text-transform: uppercase;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.spad-lats {
	padding-left: 100px;
	padding-right: 100px;
}

.spad-top {
	padding-top: 100px;
}

.spad-bottom {
	padding-bottom: 100px;
}

.line {
	display: block;	
	width: 100%;
}

hr {
	display: block;
}

.row{
	margin-left: 0px;
	margin-right: 0px;
}

.text-center-align{
	text-align: center !important;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

.container {
    width: 100%;
	max-width: 100%;	
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0;
    margin-left: 0;
}

.mobile-screen {
	display: none;
}

.web-screen {
	display: block;
}

/*---------------------
  bg colors 
-----------------------*/
.bg-red {
    background-color: #ea0000;
}

.bg-black {
    background-color: #262c31;
}

.bg-white {
    background-color: #fff;
}

.bg-content {
    background-color: #fafafa;
}

.bg-text-red {
    color: #ec0010;
}

.bg-text-black {
    color: #000;
}

.bg-text-gray {
    color: #535353;
}

.bg-text-white {
    color: #ffffff;
}

.text-small {
	font-size: 12px;
}

.text-big {
	font-size: 80px;
	line-height: 82px;
}

/*---------------------
  fonts
-----------------------*/

@font-face {
	font-family: nova;
	src: url(../fonts/ProximaNovaA-Semibold.ttf);
	font-weight: normal;
}

@font-face {
	font-family: nova-bold;
	src: url(../fonts/ProximaNovaA-Extrabld.ttf);
	font-weight: normal;
}

@font-face {
	font-family: nova-light;
	src: url(../fonts/ProximaNovaA-Light.ttf);
	font-weight: lighter;
}

@font-face {
	font-family: neue-bold;
	src: url(../fonts/BebasNeueBold.otf);
}

.font-manue{
	font-family: "neue-bold","Poppins", sans-serif;
}

.font-nova{
	font-family: "nova","Poppins", sans-serif;
}

.font-nova-light{
	font-family: "nova-light","Poppins", sans-serif;
}

.font-nova-bold{
	font-family: "nova-bold","Poppins", sans-serif;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	padding: 16px 50px;
	color: #ffffff;
	position: relative;
}

.btn-default{
	border: 1px red solid;
	color: red;
	font-size: small;
	width: 150px;
}

.primary-btn.normal-btn {
	color: #111111;
}

.primary-btn.normal-btn:before {
	border-color: #c4c4c4;
}

.primary-btn.normal-btn:after {
	border-color: #c4c4c4;
}

.primary-btn:before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 28px;
	width: 28px;
	border-left: 2px solid rgba(255, 255, 255, 0.2);
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	content: "";
	border-radius: 0 0 0 4px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.primary-btn:after {
	position: absolute;
	right: 0;
	top: 0;
	height: 28px;
	width: 28px;
	border-right: 2px solid rgba(255, 255, 255, 0.2);
	border-top: 2px solid rgba(255, 255, 255, 0.2);
	content: "";
	border-radius: 0 4px 0 0;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.primary-btn:hover:before {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.primary-btn:hover:after {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.site-btn {
	font-size: 16px;
	color: #ffffff;
	background: #dfa667;
	font-weight: 600;
	border: none;
	display: inline-block;
	padding: 14px 36px;
}

/*Google and apple buttons*/

.btn-android {
	width: 22%;
	height: 45px;
    background-image: url(../img/google_play.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.btn-apple {
    width: 21%;
	height: 45px;
    background-image: url(../img/app_store.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.social-btns {
	justify-content: right !important;
}

.flex {
	display: flex;
	align-items: center;
	justify-content: center;
}

.app-btn {
	width: 45%;
	max-width: 160px;
	color: #fff;
	margin: 20px 10px;
	text-align: left;
	border-radius: 5px;
	text-decoration: none;
	font-family: "Lucida Grande", sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}
.app-btn.blu {
	background-color: #101010;
	transition: background-color 0.25s linear;
}
.app-btn.blu:hover {
	background-color: #454545;
}
.app-btn i {
	width: 20%;
	text-align: center;
	font-size: 24px;
	margin-right: 7px;
}
.app-btn .big-txt {
	font-size: 16px;
	text-transform: capitalize;
	margin-bottom: 0px!important;
	color: #ffffff;
}

.social-btns p{
	font-size: 10px;
	font-family: "Poppins", sans-serif;
	color: #ffffff;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 5px 0;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

/*---------------------
  Header
-----------------------*/

.header {
	position: fixed;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
	padding: 30px 40px 30px 40px;
	background-color: #fff;
}

.header.header-normal {
	position: relative;
	padding: 30px 0 30px;
}

.header__logo a {
	display: inline-block;
}

.header__menu {
	text-align: center;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	position: relative;
	margin-right: 40px;
}

.header__menu ul li a.active {
	color: red;
}

.header__menu ul li:hover a {
	color: red;
}

.header__menu ul li:hover .dropdown {
	top: 32px;
	opacity: 1;
	visibility: visible;
}

.header__menu ul li:last-child {
	margin-right: 0;
}

.header__menu ul li .dropdown {
	position: absolute;
	left: 0;
	top: 62px;
	width: 140px;
	background: #ffffff;
	text-align: left;
	padding: 5px 0;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.header__menu ul li .dropdown li {
	display: block;
	margin-right: 0;
}

.header__menu ul li .dropdown li a {
	font-size: 14px;
	color: #111111;
	font-weight: 400;
	padding: 5px 20px;
	text-transform: capitalize;
}

.header__menu ul li .dropdown li a:after {
	display: none;
}

.header__menu ul li a {
	font-size: 16px;	
	color: #222220;
	display: block;
	font-weight: normal;
	padding: 5px 0;
	position: relative;
}

.header__widget {
	text-align: right;
}

.header__widget span {
	font-size: 14px;
	font-family: "Aldrich", sans-serif;
	color: #b7b7b7;
	display: block;
	margin-bottom: 10px;
}

.header__widget h4 {
	font-size: 22px;
	color: #dfa667;
}

.offcanvas-menu-wrapper {
	display: none;
}

.canvas__open {
	display: none;
}

/*---------------------
  Hero home section (carrouesel config optional)
-----------------------*/
.container-custom {
	width: 100%;
	padding-top: 100px;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: auto;
}

.homesize {
	height: 100%;
	padding: 0 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.home {
	padding-top: 80px;
	margin-right: 0px!important;
	display: flex;
}

.home-mobile {
	display: none;
}

.home__text p {
	font-size: 19px;
	font-family: "nova-light","Poppins", sans-serif;
	color: #84848c;	
	width: 75%;
	float: right;		
}

.home__text span {
	font-family: "nova-bold","Poppins", sans-serif;
	font-size: 20px;
	color: #84848c;
	font-weight: 900;		
	display: block;
	margin-bottom: 50px;
}

.home__text h2 {
	font-family: "neue-bold","Poppins", sans-serif;
	font-size: 54px;
	font-weight: light;
	color: #fff;
	line-height: 52px;
	text-transform: uppercase;
	margin-top: 36px;
	margin-bottom: 36px;
	margin-left: 30px;
	float: left;
	text-align: left;
}

.home__text .primary-btn {
	background: #dfa667;
	color: #ffffff;
	border-radius: 4px;
}

.home__text .primary-btn:before {
	display: none;
}

.home__text .primary-btn:after {
	display: none;
}

.home__social a {
	font-size: 18px;
	color: #222220;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 30px;
}

/***************slider revolution************/
/*********************************************
	-	SETTINGS FOR BANNER CONTAINERS	-
**********************************************/
.boxedcontainer		{	max-width: 1170px; margin:auto; padding:0px 30px;}

.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;
}

.tp-banner{
	width:100%;
	position:relative;
}

.tp-banner-fullscreen-container {
	width:100%;
	position:relative;
	padding:0;
}

.tp-leftarrow {
	display: none;
}

.tp-rightarrow {
	display: none;
}

/*--------------
  owl carousel
--------------*/
.hero {
	position: relative;
}

.hero__items {
	height: 960px;
	padding: 0 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.hero__text {
	max-width: 820px;
	text-align: center;
}

.hero__text h2 {
	color: #ffffff;
	font-size: 72px;
	line-height: 80px;
	text-transform: uppercase;
	margin-bottom: 45px;
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.hero__text .primary-btn {
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all, 0.6s;
	-o-transition: all, 0.6s;
	transition: all, 0.6s;
}

.hero__text .more_btn {
	font-size: 14px;
	color: #b7b7b7;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: 55px;
}

.hero__text .hero__social {
	position: absolute;
	right: 145px;
	bottom: 55px;
}

.hero__text .hero__social a {
	display: inline-block;
	font-size: 18px;
	color: #ffffff;
	margin-right: 36px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.hero__text .hero__social a:hover {
	color: #dfa667;
}

.hero__text .hero__social a:last-child {
	margin-right: 0;
}

.hero__slider.owl-carousel .owl-item.active .hero__text h2 {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__text .primary-btn {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-dots {
	display: none;
}

.hero__slider.owl-carousel .owl-nav button {
	font-size: 28px;
	color: #ffffff;
	position: absolute;
	left: 145px;
	top: 50%;
	display: inline-block;
	height: 50px;
	width: 50px;
	margin-top: -25px;
}

.hero__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 145px;
}

.hero__slider.owl-carousel .owl-nav button:before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 20px;
	width: 20px;
	border-left: 2px solid rgba(255, 255, 255, 0.2);
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	content: "";
	border-radius: 0 0 0 4px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.hero__slider.owl-carousel .owl-nav button:after {
	position: absolute;
	right: 0;
	top: 0;
	height: 20px;
	width: 20px;
	border-right: 2px solid rgba(255, 255, 255, 0.2);
	border-top: 2px solid rgba(255, 255, 255, 0.2);
	content: "";
	border-radius: 0 4px 0 0;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.hero__slider.owl-carousel .owl-nav button:hover:before {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.hero__slider.owl-carousel .owl-nav button:hover:after {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.slide-num {
	position: absolute;
	left: 145px;
	bottom: 55px;
	z-index: 9;
}

.slide-num span {
	font-size: 16px;
	color: #ffffff;
	font-weight: 600;
	margin-right: 140px;
}

.slide-num span:last-child {
	margin-right: 0;
}

.slider__progress {
	width: 100px;
	height: 1px;
	background: rgba(255, 255, 255, 0.3);
	position: absolute;
	left: 180px;
	bottom: 67px;
	z-index: 9;
}

.slider__progress span {
	background: #ffffff;
	height: 2px;
	display: block;
	-webkit-transition: all, 0.4s;
	-o-transition: all, 0.4s;
	transition: all, 0.4s;
	position: relative;
	top: -1px;
}

/*---------------------
  about 
-----------------------*/

.about {
	margin-top: -80px;
}

.spad-about {
	padding-top: 100px;
	padding-bottom: 180px;
}

.spad-about h2 {
	font-size: 38px;
}

.about .spad-lats {
	padding-left: 140px;
	padding-right: 140px;
}

.about-mobile {
	display: none;
}

.about-web {
	display: block;
}

.spad-about-text {	
	padding-top: 65px;
	padding-bottom: 100px;	
}

.about-picture .spad-top {
	padding-top: 165px;
	padding-bottom: 50px;
} 

/*---------------------
  Modulos 
-----------------------*/
.card {
    border: none;
    box-shadow: 2px 4px 10px 0 rgba(0, 34, 51, 0.05), 2px 4px 10px 0 rgba(0, 34, 51, 0.05);
    border-radius: 0.15rem;
	width: 753px;	
	margin: 0 auto; /* center screen */
	float: none; /* center screen */
	margin-bottom: 10px; /* center screen */
	overflow: hidden;

}

.space-bottom-title {
	padding-bottom: 150px;
}

#card-modulos {
	margin-top: -70px;
	background-color: transparent;
}

.tab-content {
	background-color: #ffffff;
}

#description {
	padding-right: 30px;
	padding-left: 30px;
}

.nav-item {
	background-color: #ffffff;
	overflow: hidden;
	width: 140px;		
}

.arrow-right {
	margin-top: -38px;
}

.arrow-left {
	margin-top: -38px;
}

.card-header {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

/* Tabs Card */
.tab-card {
  border:none;
}

.tab-card-header {
  background:none;
  padding-top: 5px;
}

/* Default mode */
.tab-card-header > .nav-tabs {
  border: none;
  margin: 0px;
}

.tab-card-header > .nav-tabs > li {
  margin-right: 8px;
}

.tab-card-header > .nav-tabs > li > a {
  border: 0;
  border-bottom:0px ;
  margin-right: 0;
  color: #737373;
  padding: 1px 15px;
  background-color: #ffffff;
  height: 100%;
  display: block;
  opacity: 6;
}

.tab-card-header > .nav-tabs > li > a.active {
    /*border-bottom:2px solid #ec0010;*/
	background-color:transparent;
}

.tab-card-header > .nav-tabs > li > a:hover {
    color: #ec0010;
}

.tab-card-header > .nav-tabs > li > a > h6 {
    display: block;
	padding-bottom: 5px;	
}

.tab-card-header > .tab-content {
  padding-bottom: 0;
}

.card-text {
	font-size: 14px;
	line-height: 20px;
}

.card-title {
	padding-top: 25px;
}

.android {
	width: 176px;
	height: 56px;
    background-image: url(../img/google_play.png);
    background-repeat: no-repeat;
}

.apple {
    width: 176px; 
	height: 56px; 
    background-image: url(../img/app_store.png);
    background-repeat: no-repeat;
}

/*slide tabs*/
.center{	
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	/*will change this to hidden later to deny scolling to user*/
	white-space: nowrap;
}

.nav-item {
	display: inline-block;
}

/*---------------------
  OBD
-----------------------*/

.spad-obd {
	padding-left: 100px;
}

.rpad-obd {
	padding-right: 100px;
	padding-left: 20px;
}

.btn-round {
	border-radius: 35px;
	background-color: #ec0010;
	color: #fff;	
	font-family: 'nova';
	font-size: 22px;
	padding: 14px 35px 14px 35px;	
}

.btn-round:hover {	
	background-color: #000;
	color: #fff;		
}

.btn-float {
	border-radius: 35px;
	background-color: #2d333b;
	color: #fff;	
	font-family: 'nova';
	font-size: 22px;
	padding: 14px 35px 14px 35px;	
	border:none;

	/*fixed bottom right*/
	position: fixed;
	bottom: 10px;
	right: 40px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
}

.btn-float:hover {
	background-color: #000; /* Color de fondo al pasar el cursor */
	color: #fff;
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	transform: translateY(-7px);
}

.btn-modal {
	background-color: #ea0000;
	color: #fff;	
	font-family: 'nova';
	font-size: 28px;
}

.btn-modal:hover {
	background-color: #000; /* Color de fondo al pasar el cursor */
	color: #fff;
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
}

.col-6 {
	position: relative;
}

.mt-auto {
	vertical-align: middle;
}

/*ventana modal obd*/
.input-form {
	height: 60px;
}

.modal-header {
	border:none;
}

.modal-content {
    border-left: 10px #ea0000 solid;
}

/*---------------------
  app
-----------------------*/
.app .spad-lats {
	padding-right: 200px;
	padding-left: 20px;
}

#image-app {
	display: none;
}

#image-web {
	display: flex;
}

/*---------------------
  cloud
-----------------------*/
.cloud  h4 {
	margin-bottom: 35px;
}

.img-position{
	margin-top: -15%;
	margin-left: -15%;
	margin-bottom: 5%;
}

.pl-10 {
 padding-left: 200px;
}

/*---------------------
  telemetria
-----------------------*/

.telemetria{
	height: 100%;
	width: 100%;
}

.telemetria .spad-lats {
	padding-left: 200px;
	padding-right: 150px;
}

.spad-top-tel {
	padding-top: 12%;
	padding-left: 10%;
}

.degrad {
	opacity: .7;
	background-color: rgb(0, 0, 0);		
}

.full-height {
	min-height: 100%!important;
	height: 100%!important; 
}

/*---------------------
  beneficios
-----------------------*/
.beneficios .spad-lats {
	padding-left: 200px;
	padding-right: 200px;
}

.bg-benefit {
	background-color: #f9fafb;
}

.beneficios .spad-top {
	padding-top: 120px;
}

.beneficios .spad-bottom {
	padding-bottom: 150px;
}

.item-grid {
	margin-left: 10px;
}

.pb-benefit {
	padding-bottom: 1.25rem;
}

/*---------------------
  producto
-----------------------*/
.img-producto {
	min-width: 100%;
	min-height: 100%;
}

#producto-web {
	display: flex;
}

#producto-mobil {
	display: none;
}

.margin-p {
	margin-top: 20px;
	margin-bottom: 30px;
}

.bg-pr {
	background-color: #262c31;
}

/*---------------------
  clientes
-----------------------*/

.logo__carousel__item img {
	width: 100%;
}

.owl-centered .owl-item {
	display: inline-block;
	float: none;
	vertical-align: middle;
}

.owl-centered .owl-item > div {
	text-align: center;
}


/*---------------------
  Blog
-----------------------*/


.container-blog {
	max-width: 960px !important;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.title-blog {
	padding-bottom: 65px;
}

.latest__btn {
	text-align: right;
}

.latest__item {
	-webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
	box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
	margin-bottom: 30px;
}

.latest__item img {
	min-width: 100%;
}

.latest__item:hover a {
	padding-left: 0;
}

.latest__item:hover a:after {
	left: auto;
	right: -50px;
}

.latest__item__text {
	padding-top: 25px;
	background: #ec0010;
	padding: 25px 35px 20px;
}

.latest__item__text span {
	color: #b7b7b7;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
}

.latest__item__text h4 {
	color: #ffffff;
	font-size: 22px;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	line-height: 32px;
	margin-bottom: 12px;
}


/*---------------------
  Contact
-----------------------*/

.contact {
	padding-top: 120px;
	padding-bottom: 120px;
}

.contact__text {
	margin-bottom: 50px;
}

.contact__text .section-title {
	margin-bottom: 12px;
}

.contact__text p {
	margin-bottom: 0;
}

.contact__widget__item {
	position: relative;
	margin-bottom: 30px;
}

.contact__widget__item.last__item:after {
	display: none;
}

.contact__widget__item:after {
	position: absolute;
	right: 50px;
	top: 0px;
	width: 1px;
	height: 50px;
	background: #e1e1e1;
	content: "";
}

.contact__widget__item__icon {
	float: left;
	margin-right: 20px;
}

.contact__widget__item__text {
	overflow: hidden;
}

.contact__widget__item__text h5 {
	color: #dfa667;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.contact__widget__item__text span {
	color: #111111;
	display: block;
}

.map {
	height: 460px;
	margin-top: 40px;
	margin-bottom: 75px;
	-webkit-box-shadow: 0px 3px 15px rgba(0, 59, 85, 0.1);
	box-shadow: 0px 3px 15px rgba(0, 59, 85, 0.1);
}

.map iframe {
	width: 100%;
}

.contact__form__text {
	margin-bottom: 35px;
}

.contact__form__text .section-title {
	margin-bottom: 12px;
}

.contact__form__text p {
	margin-bottom: 0;
}

.contact__form form input {
	height: 50px;
	width: 100%;
	font-size: 15px;
	color: #b7b7b7;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	margin-bottom: 30px;
}

.contact__form form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.contact__form form input::-moz-placeholder {
	color: #b7b7b7;
}

.contact__form form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form form input::placeholder {
	color: #b7b7b7;
}

.contact__form form textarea {
	height: 170px;
	width: 100%;
	font-size: 15px;
	color: #b7b7b7;
	padding-left: 20px;
	padding-top: 12px;
	border: 1px solid #e1e1e1;
	resize: none;
	margin-bottom: 24px;
}

.contact__form form textarea::-webkit-input-placeholder {
	color: #b7b7b7;
}

.contact__form form textarea::-moz-placeholder {
	color: #b7b7b7;
}

.contact__form form textarea:-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form form textarea::-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form form textarea::placeholder {
	color: #b7b7b7;
}

/*---------------------
  Footer
-----------------------*/

.footer {
	padding-top: 0px;
}

.footer-item {
	padding-top: 4%;
	padding-bottom: 4%;
}

.footer-item p{
	color: #fff;
}

.footer-item h2{
	color: #fff;
}

.footer-copyright{
	width: 100%;
	/* padding-left: 15%;
	padding-right: 15%; */
	padding-top: 1%;
	padding-bottom: 1%;
}

.align-contact {
	text-align: left;
}	

.spad-contact {
	padding-left: 10%;
}

.pl-cont {
	padding-left: 10%;
}

.footer__top__text h2 {
	color: #ffffff;
	font-size: 38px;
	text-transform: uppercase;
}

.footer__top__newslatter form {
	position: relative;
}

.footer__about .footer__social a:last-child {
	margin-right: 0;
}

.footer__address h6 {
	color: #ffffff;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	margin-bottom: 30px;
}

.copyright {
	border-top: 1px solid rgba(183, 183, 183, 0.2);
	padding: 25px 0;
	margin-top: 60px;
}

.copyright__text p {
	margin-bottom: 0;
}

.copyright__text p i {
	color: #dfa667;
}

.copyright__text p a {
	color: #ffffff;
}

.copyright__widget {
	text-align: right;
}

.copyright__widget a {
	font-size: 14px;
	color: #707070;
	margin-right: 36px;
	position: relative;
}

.copyright__widget a:after {
	position: absolute;
	right: -22px;
	top: -3px;
	content: "|";
}

.copyright__widget a:last-child {
	margin-right: 0;
}

.copyright__widget a:last-child:after {
	display: none;
}

.android-footer {
	width: 115px; 
	height: 35px;
    background-image: url(../img/google_play.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.apple-footer {
    width: 115px; 
	height: 38px;
    background-image: url(../img/app_store.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.btn-small {	
	font-size: 12px;
	color: #fff;
	background-color: #354b94;
	margin-right: 20px;
}

/*--------------------------------- Responsive Media Queries -----------------------------*/


/* Medium Device = 1200px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__pic {
		padding-left: 0;
	}
	.about__pic__inner:after {
		left: 8px;
		top: 8px;
	}
	.header__menu ul li {
		margin-right: 25px;
	}
	.hero__slider.owl-carousel .owl-nav button {
		left: 15px;
	}
	.hero__slider.owl-carousel .owl-nav button.owl-next {
		right: 15px;
	}
	.callto__text h2 {
		font-size: 15px;
		line-height: 26px;
	}
	.callto__text .primary-btn {				
		border-radius: 4px;
		font-size: small;
	}
	.callto__text {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.home__text h2 {
		font-size: 20px;
		line-height: 22px;		
	}
}

/* Tablet Device = 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero__slider.owl-carousel .owl-nav button {
		left: 0;
	}
	.hero__slider.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}
	.about__text {
		padding-top: 0;
		margin-bottom: 40px;
	}
	.about__pic {
		padding-left: 0;
	}
	.blog__sidebar {
		padding-top: 50px;
	}
	.hero__text .hero__social {
		right: 80px;
	}
	.slide-num {
		left: 70px;
	}
	.slider__progress {
		left: 106px;
	}
	.canvas__open {
		display: block;
		font-size: 22px;
		color: #ffffff;
		height: 35px;
		width: 35px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #ffffff;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 34px;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		background: #111111;
		padding: 80px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}
	.offcanvas__logo {
		margin-bottom: 30px;
	}
	.offcanvas__logo a {
		display: inline-block;
	}
	.slicknav_btn {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #ffffff;
		font-weight: 600;
	}
	.slicknav_nav .slicknav_arrow {
		color: #ffffff;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #ffffff;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #ffffff;
	}
	.slicknav_nav {
		display: block !important;
	}
	.offcanvas__widget span {
		font-size: 14px;
		font-family: "Aldrich", sans-serif;
		color: #b7b7b7;
		display: block;
		margin-bottom: 10px;
	}
	.offcanvas__widget h4 {
		font-size: 22px;
		color: #dfa667;
	}
	.header__menu {
		display: none;
	}
	.header__widget {
		display: none;
	}

	
	/***********Landscape*********/

	/*helpers*/
	h2 {
		font-size: 26px;
	}

	h4 {
		font-size:  17px;
	}

	p {
		font-size: 15px;
	}


	/*--------------
	Header mobile
	---------------*/

	.header {		
		padding: 20px 20px 20px 20px;
	}

	#login {
		display: none;
	}

	.btn-default{
		border: 1px red solid;
		color: red;
		font-size: small;
		width: 100px;
	}

	.header__logo img {
		width: 90px;
	}

	.canvas__open {
		display: block;
		font-size: 22px;
		color: #000;
		height: 35px;
		width: 35px;
		position: absolute;
		top: 15px;
		right: 35px;
	}	

	.offcanvas__logo {
		display: none;
	}


	/*---------------------
		home modal
	-----------------------*/
	.medium_bg_asbestos h1 {
		font-size: 36px;
		line-height: normal;
	}


	/*----------------------
	-      about
	------------------------*/

	.about .spad-lats {
		padding-left: 40px;
		padding-right: 40px;
	}

	/*---------------------
		Modulos 
	-----------------------*/
	.card {		
		width: 100%;			
	}

	.nav-item {
		background-color: #ffffff;
		overflow: hidden;
		width: 110px;
	}	

	.card-header ul li img {
		width: 50px;
	}

	.text-small {
		font-size: 10px;
	}

	#card-modulos {
		margin-top: -60px;
		background-color: transparent;
	}		
	
	.arrow-right {
		margin-top: -22px;
	}
	
	.arrow-left {
		margin-top: -22px;
	}

	.tab-pane p {
		font-size: 12px;

	}

	/*-----------------
	-       OBD
	-------------------*/
	#button-download {
		display: none;
	}

	/*-----------
	   cloud 
	-----------*/


	.cloud h4 {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
	}

	.cloud p {
		font-size: 16px;
		
	}

	.img-position {
		margin-top: 0;
		margin-left: 0;
		margin-bottom: -10%;
		z-index: 1;
		position: relative;
		width: 60%;
	}

	.pl-10 {
		padding-left: 10%;
		padding-right: 10%;
	}

	/*------------
	  telemetria 
	-------------*/

	.telemetria{
		height: auto;
		width: 100%;
	}

	.telemetria h2 {
		font-size: 26px;
		color: #fff;
	}

	.telemetria p {
		font-size: 16px;
		color: #fff;
	}



	.telemetria .spad-lats {
		padding-left: 30px;
		padding-right: 30px;
	}

	/*-----------
	  producto 
	-----------*/
	

	.producto .spad-lats {
		padding-right: 0px;
		padding-left: 0px;		
	}

	.spad-lats-producto {
		padding-right: 40px;
		padding-left: 40px;
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.producto h2 {
		font-size: 25px;		
	}

	.producto p {
		font-size: 12px;		
	}

	.margin-p {
		margin-bottom: 0px;
	}

	.logos-producto {
		display: flex;
   		align-items: center;
	}
	
	.logos-producto img {
		width: 100px;
	}

	/*-----------
	  footer 
	-----------*/

	.pull-right {
		float: none;
		display: inline-block;
	}


}

/* wide mobile = 480px */
@media only screen and (max-width: 767px) {
	.hero__text h2 {
		font-size: 34px;
		line-height: 45px;
	}
	.hero__items {
		height: 710px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0 40px;
	}
	.about__text {
		padding-top: 0;
		margin-bottom: 40px;
	}
	.about__pic {
		padding-left: 0;
	}
	.blog__sidebar {
		padding-top: 50px;
	}
	.canvas__open {
		display: block;
		font-size: 22px;
		color: #ffffff;
		height: 35px;
		width: 35px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #ffffff;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 34px;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		background: #111111;
		padding: 80px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}
	.offcanvas__logo {
		margin-bottom: 30px;
	}
	.offcanvas__logo a {
		display: inline-block;
	}
	.slicknav_btn {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #ffffff;
		font-weight: 600;
	}
	.slicknav_nav .slicknav_arrow {
		color: #ffffff;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #ffffff;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #ffffff;
	}
	.slicknav_nav {
		display: block !important;
	}
	.offcanvas__widget span {
		font-size: 14px;
		font-family: "Aldrich", sans-serif;
		color: #b7b7b7;
		display: block;
		margin-bottom: 10px;
	}
	.offcanvas__widget h4 {
		font-size: 22px;
		color: #dfa667;
	}
	.header__menu {
		display: none;
	}
	.header__widget {
		display: none;
	}
	.about__pic__inner {
		display: block;
	}
	.about__pic__inner img {
		min-width: 100%;
	}
	.about__pic__inner:after {
		left: 0;
		width: 100%;
	}
	.hero__slider.owl-carousel .owl-nav button {
		left: 0;
	}
	.hero__slider.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}
	.hero__text h2 {
		font-size: 46px;
		line-height: 58px;
	}
	.hero__text .hero__social {
		right: 0;
		left: 0;
		margin: 0 auto;
		bottom: 100px;
	}
	.slide-num {
		bottom: 25px;
		left: 0;
		width: 100%;
		text-align: center;
	}
	.slider__progress {
		left: 0;
		bottom: 35px;
		right: 0;
		margin: 0 auto;
	}
	.hero__text .more_btn {
		bottom: 62px;
	}
	.footer__top__text {
		margin-bottom: 35px;
	}
	.copyright__text {
		text-align: center;
		margin-bottom: 20px;
	}
	.copyright__widget {
		text-align: center;
	}
	.project__sidebar {
		padding-top: 20px;
	}
	.blog__details__tags {
		text-align: center;
	}
	.blog__details__social {
		text-align: center;
	}
	.blog__details__author__pic {
		float: none;
		margin-right: 0;
	}
	.blog__details__author__text {
		padding-top: 40px;
	}
	.project {
		padding: 0;
	}
	.about__para__text {
		margin-bottom: 35px;
	}
	.clients {
		padding-bottom: 90px;
	}
	.clients a {
		margin-bottom: 30px;
	}
	.testimonial__carousel.owl-carousel .owl-nav button {
		left: 0;
	}
	.testimonial__carousel.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}

	/***********Landscape*********/

	/*helpers*/
	h2 {
		font-size: 26px;
	}

	h4 {
		font-size:  17px;
	}

	p {
		font-size: 15px;
	}


	/*--------------
	Header mobile
	---------------*/

	.header {		
		padding: 20px 20px 20px 20px;
	}

	#login {
		display: none;
	}

	.btn-default{
		border: 1px red solid;
		color: red;
		font-size: small;
		width: 100px;
	}

	.header__logo img {
		width: 90px;
	}

	.canvas__open {
		display: block;
		font-size: 22px;
		color: #000;
		height: 35px;
		width: 35px;
		position: absolute;
		top: 15px;
		right: 35px;
	}	

	.offcanvas__logo {
		display: none;
	}


	/*---------------------
		home modal
	-----------------------*/
	.medium_bg_asbestos h1 {
		font-size: 36px;
		line-height: normal;
	}


	/*----------------------
	-      about
	------------------------*/

	.about .spad-lats {
		padding-left: 40px;
		padding-right: 40px;
	}

	/*---------------------
		Modulos 
	-----------------------*/
	.card {		
		width: 100%;			
	}

	.nav-item {
		background-color: #ffffff;
		overflow: hidden;
		width: 110px;
	}	

	.card-header ul li img {
		width: 50px;
	}

	.text-small {
		font-size: 10px;
	}

	#card-modulos {
		margin-top: -60px;
		background-color: transparent;
	}		
	
	.arrow-right {
		margin-top: -22px;
	}
	
	.arrow-left {
		margin-top: -22px;
	}

	.tab-pane p {
		font-size: 12px;

	}

	/*-----------------
	-       OBD
	-------------------*/
	#button-download {
		display: none;
	}

	.btn-float {
		font-size: 14px;		
	}

	/*-----------
	   cloud 
	-----------*/


	.cloud h4 {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
	}

	.cloud p {
		font-size: 16px;
		
	}

	.img-position {
		margin-top: 0;
		margin-left: 0;
		margin-bottom: -10%;
		z-index: 1;
		position: relative;
		width: 60%;
	}

	.pl-10 {
		padding-left: 10%;
		padding-right: 10%;
	}

	/*------------
	  telemetria 
	-------------*/

	.telemetria{
		height: auto;
		width: 100%;
	}

	.telemetria h2 {
		font-size: 26px;
		color: #fff;
	}

	.telemetria p {
		font-size: 16px;
		color: #fff;
	}



	.telemetria .spad-lats {
		padding-left: 30px;
		padding-right: 30px;
	}

	/*-----------
	  producto 
	-----------*/
	

	.producto .spad-lats {
		padding-right: 0px;
		padding-left: 0px;		
	}

	.spad-lats-producto {
		padding-right: 40px;
		padding-left: 40px;
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.producto h2 {
		font-size: 25px;		
	}

	.producto p {
		font-size: 12px;		
	}

	.margin-p {
		margin-bottom: 0px;
	}

	.logos-producto {
		display: flex;
   		align-items: center;
	}
	
	.logos-producto img {
		width: 100px;
	}

	/*-----------
	  footer 
	-----------*/

	.pull-right {
		float: none;
		display: inline-block;
	}
}

/* Small Device = 320px */
@media only screen and (max-width: 479px) {

	/*titulos y parrafos generales*/
	h2 {
		font-size: 26px;
	}

	h4 {
		font-size:  17px;
	}

	p {
		font-size: 15px;
	}

	.mobile-screen {
		display: block;
	}

	.web-screen {
		display: none;
	}

	.section-title h2 {
		font-size: 28px;
		line-height: 1;	
	}
	.hero__text h2 {
		font-size: 28px;
		line-height: 42px;
	}
	.hero__items {
		height: 610px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0 40px;
	}
				
	.project__slider.owl-carousel .owl-nav button {
		left: 15px;
	}
	.project__slider.owl-carousel .owl-nav button.owl-next {
		right: 15px;
	}
	.project {
		padding: 0;
	}
	.breadcrumb__text h2 {
		font-size: 32px;
	}
	.testimonial__carousel {
		padding: 60px 45px 65px;
	}
	.slick-active.slick-center .testimonial__client__pic img,
	.slick-active.slick-center .testimonial__client__pic {
		width: 110px;
		height: 110px;
		opacity: 1;
	}
	.testimonial__client__item .testimonial__client__pic {
		width: 110px;
		height: 110px;
		opacity: 0;
	}
	.testimonial__carousel:after {
		left: calc(50% - 70px);
		bottom: -80px;
		width: 140px;
		height: 140px;
	}
	.testimonial__carousel button.slick-arrow {
		left: 10px;
		height: 40px;
		width: 40px;
	}
	.testimonial__carousel button.slick-arrow.slick-next {
		left: auto;
		right: 10px;
	}
	.testimonial__client .slick-slide {
		padding-top: 30px;
	}
	.about .section-title h2 {
		font-size: 28px;
		line-height: 45px;
	}
	.footer__top__text h2 {
		font-size: 32px;
	}

	.home__text h2 {
		font-size: 14px;
		line-height: 22px;		
	}

	.home__text p {
		font-size: 13px;				
	}

	

	/*-----------
	   paddings 
	-----------*/
	
	.spad {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.spad-top {
		padding-top: 20px;
	}
	
	.spad-lats {
		padding-left: 20px;
		padding-right: 20px;
	}

	/*--------------
	Header mobile
	---------------*/

	.header {		
		padding: 20px 20px 20px 20px;
	}

	#login {
		display: none;
	}

	.btn-default{
		border: 1px red solid;
		color: red;
		font-size: small;
		width: 100px;
	}

	.header__logo img {
		width: 90px;
	}

	.canvas__open {
		display: block;
		font-size: 22px;
		color: #000;
		height: 35px;
		width: 35px;
		position: absolute;
		top: 15px;
		right: 35px;
	}	

	.offcanvas__logo {
		display: none;
	}

	/*-----------
	 home modal 
	 -----------*/
	.home {
		display: none;
	}

	.home-mobile {
		display: flex;
		margin-top: 70px;
	}	
	.medium_bg_custom h2 {
		font-size: 52px;
	}	

	/*-----------
	   nosotros 
	-----------*/

	.spad-about h2 {
		font-size: 28px;
	}

	.about .spad-lats {
		padding-left: 14px;
		padding-right: 14px;
	}

	.about-mobile {
		display: block;
	}

	.about-web {
		display: none;
	}
    
	.about-picture {
		display: none;
	}

	.about-picture img {
		width: 100%;
	}



	/*---------------------
		Modulos 
	-----------------------*/
	.card {		
		width: 100%;			
	}

	.nav-item {
		background-color: #ffffff;
		overflow: hidden;
		width: 110px;
	}

	#description {
		order: 1;
	}

	#pic-description {
		order: 2;
		padding-top: 10px;
	}

	.card-header ul li img {
		width: 50px;
	}

	.text-small {
		font-size: 10px;
	}

	#card-modulos {
		margin-top: -60px;
		background-color: transparent;
	}		
	
	.arrow-right {
		margin-top: -22px;
	}
	
	.arrow-left {
		margin-top: -22px;
	}

	.tab-pane p {
		font-size: 12px;

	}


	/*-----------
	   obd 
	-----------*/

	#button-download{
		display: none;
	}

	/*-----------
	   app 
	-----------*/

	.app .spad-lats {
		padding-right: 40px;
		padding-left: 40px;
	}

	#image-app {
		display: flex;
	}

	#image-web {
		display: none;
	}

	/*-----------
	   cloud 
	-----------*/


	.cloud h4 {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
	}

	.cloud p {
		font-size: 16px;
		
	}

	.img-position {
		margin-top: 0;
		margin-left: 0;
		margin-bottom: -10%;
		z-index: 1;
		position: relative;
		width: 80%;
	}

	.pl-10 {
		padding-left: 10%;
		padding-right: 10%;
	}



	/*------------
	  telemetria 
	-------------*/

	#telemetria {
		background-image: url(../img/app/banner4.png) !important;
	}

	.telemetria h2 {
		font-size: 26px;
		color: #fff;
	}

	.telemetria p {
		font-size: 16px;
		color: #fff;
	}

	.degrad{
		background-color: transparent;
	}

	.telemetria .spad-lats {
		padding-left: 30px;
		padding-right: 30px;
	}


	/*-----------
	  beneficios
	-----------*/
	.beneficios img {
		width: 100%;
	}

	.beneficios .spad-lats {
		padding-left: 20px;
		padding-right: 20px;
	}

	.pb-benefit {
		padding-bottom: 0px;
	}

	.pb-item {
		padding-bottom: 15px;
	}

	/*-----------
	  producto 
	-----------*/
	#producto-web {
		display: none;
	}

	#producto-mobil {
		display: flex;
		margin-top: -25px;
	}

	.producto .spad-lats {
		padding-right: 0px;
		padding-left: 0px;		
	}

	.spad-lats-producto {
		padding-right: 40px;
		padding-left: 40px;
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.producto h2 {
		font-size: 30px;		
	}

	.margin-p {
		margin-bottom: 0px;
	}

	.logos-producto {
		display: flex;
   		align-items: center;
	}
	
	.logos-producto img {
		width: 100px;
	}

	/*-----------
	  footer 
	-----------*/
	.align-contact {
		text-align: left;
	}	
}