@import "animate.css";
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);


  
@import url(//fonts.googleapis.com/css?family=Open+Sans:400);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300);
@import url(//fonts.googleapis.com/css?family=Open+Sans:700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:800);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic);
@import url(//fonts.googleapis.com/css?family=Lato:300);
@import url(https://fonts.googleapis.com/css?family=Sarina);
/* @import "Eras_Bold_ITC.ttf"; */
@font-face
{
   font-family: "Eras Bold ITC";
   src: url("/css/Eras_Bold_ITC.ttf");
   
}
/*@font-face
{
   font-family: "FontAwesome";
   
   src: url("/css/fontawesome-webfont.eot");
   src: url("/css/fontawesome-webfont.svg");
   src: url("/css/fontawesome-webfont.woff");
    src: url("/css/fontawesome-webfont.woff2");
	 src: url("/css/fontawesome-webfont.otf");
   src: url("/css/fontawesome-webfont.ttf");
     
   https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css
   
}
*/
/*========================================================
                    Main layout styles
=========================================================*/

/* div[class^="bandera"] {
/*    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
/*	display: -ms-flexbox;  /* TWEENER - IE 10 */
/*	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
/*	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
/*	padding-left:15px; 
}*/


/* logos parteners design */

.logo
{
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
   -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
  cursor:pointer;
}


.logo:hover
{
  filter: none; /* IE6-9 */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
}

div[class^="bandera"] { 

	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;   
flex-wrap: wrap;
justify-content: center;


}

div[class^="bandera"] img {
	padding: 20px;	
	width: 45%;
    height: auto;
	
	}
	
div[class^="wrapper1"] {
	background: #ffffff;
	
	}
	
div[class^="wrapper2"] {
	background: #ffffff;
	
	}	
	
	
body {
  font: 400 17px/29px "Open Sans", sans-serif;
  color: #353535;
  background: #ffffff;
}	
	
@media screen and (min-width: 1200px) {
    

}

@media screen and (min-width: 768px) and (max-width: 979px) {
  

}

@media screen and (max-width: 767px) {
  
	
}

@media screen and (max-device-width: 480px) {
   
}

/* fa fa-arrow-circle-up class - btn subir en la pagina rastreo */

.button-goUP {
	
	position: absolute;
	bottom: 50px;
    right: 50px;
	z-index: 5;
 
color: white;
	}	

/*========================================================




.banderas{ 
          a;
      margin:0 auto 0 auto;
          width:1200px;
}

@media (max-width: 1200px) {
   .banderas{ 
             a;
          width:508px;
   }
.bandera1{
    margin-right:35px;
    margin-left:0px;
}
.bandera2{
    margin-right:35px;
    margin-left:0px;
}
.bandera3{
    margin-right:30px;
    margin-left:0px;
}
.bandera4{
    margin-right:5px;
    margin-left:0px;
}
.bandera5{
    margin-right:35px;
    margin-left:0px;
}
.bandera6{
   margin-right: 35px;
    margin-left:0px;
}
.bandera7{
    margin-right:30px;
    margin-left:0px;
}
.bandera8{
    margin-right:5px;
    margin-left:0px;
}
         

}

@media (max-width: 800px) {
   .banderas{ 
             a;
          width:508px;
   }
   .bandera1{
    margin-right:10px;
    margin-left:0px;
}
.bandera2{
    margin-right:10px;
    margin-left:0px;
}
.bandera3{
    margin-right:10px;
    margin-left:0px;
}
.bandera4{
    margin-right:5px;
    margin-left:0px;
}
.bandera5{
    margin-right:10px;
    margin-left:0px;
}
.bandera6{
   margin-right:10px;
    margin-left:0px;
}
.bandera7{
    margin-right:10px;
    margin-left:0px;
}
.bandera8{
    margin-right:5px;
    margin-left:0px;
}
         

}

@media (max-width: 600px) {
   .banderas{ 
             a;
          width:236px;
   }
   .bandera1{
    margin-right:36px;
    margin-left:0px;
}
.bandera2{
    margin-right:0px;
    margin-left:0px;
}
.bandera3{
    margin-right:36px;
    margin-left:0px;
}
.bandera4{
    margin-right:0px;
    margin-left:0px;
}
.bandera5{
    margin-right:36px;
    margin-left:0px;
}
.bandera6{
   margin-right:0px;
    margin-left:0px;
}
.bandera7{
    margin-right:36px;
    margin-left:0px;
}
.bandera8{
    margin-right:0px;
    margin-left:0px;
}
 =========================================================*/        

}
 
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  color: #00ceb8;
}
img {
  max-width: 100%;
}
* {
  -webkit-text-size-adjust: none;
}
/* ======= Headers ======= */
h2 {
  font: 300 52px/52px "Open Sans", sans-serif;
  color: #353535;
}
.heading1 {
  text-align: center;
  margin-bottom: 79px;
}
.heading1 h2 {
  margin-bottom: 19px;
}
.heading1 .secondary {
  display: block;
  font: italic 300 18px/18px "Open Sans", sans-serif;
  color: #686868;
}
h3 {
  font: 400 30px/30px "Open Sans", sans-serif;
  letter-spacing: -0.025em;
}
h3.h3__inset1 {
  line-height: 36px;
}
h6 {
  font: 300 59px/59px "Open Sans", sans-serif;
  color: #ffffff;
}
h6.h6__inset1 {
  font-size: 68px;
  line-height: 68px;
}
h6.h6__inset2 {
  font-size: 84px;
  line-height: 84px;
}
@media (max-width: 1366px) {
  h6.h6__inset2 {
    font-size: 59px;
    line-height: 59px;
  }
}
h6.h6__inset3 {
  font-size: 101px;
  line-height: 101px;
}
h6.h6__inset3 .lower {
  font-size: 52px;
  line-height: 52px;
}
h6.h6__inset4 {
  font-weight: 400;
  font-size: 76px;
  line-height: 91px;
  letter-spacing: -0.025em;
}
h6.h6__inset5 {
  font-size: 60px;
  line-height: 99px;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}
@media (max-width: 979px) {
  h6.h6__inset6 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media (max-width: 479px) {
  h6 {
    font-size: 30px;
    line-height: 30px;
  }
  h6.h6__inset1 {
    font-size: 30px;
    line-height: 30px;
  }
  /*p {
    font-size: 20px;
    line-height: 30px;
  }*/
  h6.h6__inset2 {
    font-size: 30px;
    line-height: 30px;
  }
  h6.h6__inset3 {
    font-size: 30px;
    line-height: 30px;
  }
  h6.h6__inset3 .lower {
    font-size: 30px;
    line-height: 30px;
  }
  h6.h6__inset4 {
    font-size: 30px;
    line-height: 30px;
  }
  h6.h6__inset5 {
    font-size: 30px;
    line-height: 30px;
  }
  
  .carousel-inner {
	font-size: 10px;
	
	cursor: pointer;
	/* [disabled]bottom: 50%; */
}
}
/* ======= Buttons ======= */
.btn-default {
  display: inline-block;
  text-align: center;
  font: 800 18px/18px "Open Sans", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  background: transparent;
  border: 2px solid #ffffff;
  padding: 16px 60px 15px;
}
.btn-default:hover {
  background: #ffffff;
  color: #353535;
}
.btn-default.btn-default__inset1 {
  font-weight: 700;
  color: #353535;
  border-color: #353535;
}
.btn-default.btn-default__inset1:hover {
  background: #00ceb8;
  border-color: #00ceb8;
  color: #ffffff;
}
.btn-default.btn-default__inset2 {
  font-weight: 800;
}
.btn-default.btn-default__inset3 {
  padding-left: 22px;
  padding-right: 22px;
}
.btn-default2 {
  display: inline-block;
  text-align: center;
  font: 800 18px/18px "Open Sans", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  background: #00CEB8;
  border: 2px solid #00CEB8;
  padding: 16px 60px 15px;
}
.btn-default2:hover {
  background: #00C3CF;
  
  color: #ffffff;
  border: 2px solid #00C3CF;
}
/* ======= Modifiers ======= */
b {
  font-weight: 800;
}
strong {
  font-weight: 700;
}
.div__relative {
  position: relative;
}
/* ======= Wrappers ======= */

.wrapperAPP {

  width: -webkit-fill-available;
  text-align: center;
  padding: 80px;
  height: 382px;
  background: url(../images/naviontruck-apple.jpg) no-repeat center 0;
  background-size: cover;
  margin-bottom: 0.625%;
  
}
.wrapperAPP h6 {
    margin-bottom: 18px;
}
.wrapperAPP .btn-default {
    margin-top: 40px;
}
.wrapperAPP p {
    font: 400 18px/32px "Open Sans", sans-serif;
    color: #ffffff;
}


.wrapper1 {
  padding-bottom: 62px;
}
.wrapper2 {
  padding-bottom: 81px;
}
.wrapper3 {
  padding: 83px 0 16px;
  background: #f8f8f8;
}
.wrapper4 {
  padding: 102px 0 96px;
  background: #ececec;
}
.wrapper5 {
  padding: 72px 0 80px;
}
.wrapper6 {
  padding-bottom: 51px;
}
.wrapper7 .list2 {
  margin-top: -6px;
  margin-bottom: 59px;
}
.wrapper8 {
  padding-bottom: 21px;
}
.wrapper9 {
  padding-bottom: 69px;
}
.wrapper10 {
  padding-bottom: 45px;
}
.button-wrapper {
  text-align: center;
}
.button-wrapper.button-wrapper__offset1 {
  margin-top: 69px;
  margin-bottom: 81px;
}
/*========================================================
                    HEADER styles
=========================================================*/
#header {
  margin-bottom: 75px;
}
#header.common {
  margin-bottom: 54px;
}
#header #stuck_container {
  background: url(../images/background2.png) repeat;
  position: relative;
}
#header #stuck_container:before {
  display: block;
  content: '';
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 8px;
  background: url(../images/background1.png) repeat;
}
#header .search-block {
  position: relative;
  float: right;
}
#header .search-block .icon {
  margin-top: 61px;
  margin-right: 24px;
  text-align: center;
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background: #586e62;
}
@media (max-width: 1199px) {
  #header .search-block .icon {
    margin-top: 11px;
  }
}
#header .search-block .icon i {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 20px;
  line-height: 48px;
  color: #ffffff;
}
#header .search-block .icon:hover {
  cursor: pointer;
}
#header .search-block .icon:hover i {
  color: #f18d05;
}
#header .search-block #search {
  position: absolute;
  left: -152px;
  bottom: -110px;
  display: none;
}
@media (max-width: 1199px) {
  #header .search-block #search {
    bottom: -63px;
  }
}
@media (max-width: 767px) {
  #header .search-block #search {
    left: -213px;
    bottom: 4px;
  }
}
@media (max-width: 1310px) {
  #header {
    text-align: center;
  }
  span{
      font-size: 45px;
  }
}
/* ======= Logo ======= */
h1 {
  float: left;
  display: block;
  background: #e48301;
  padding: 50px 47px 36px 115px;
  background: none;margin-left: 100px;
}
h1 img {
  position: absolute;
  left: 39px;
  top: 48px;
  border: 2px solid #ffffff;
  border-radius: 100px;
  border:0;border-radius:0;left:110px;top:46px
}
h1 span {
  color: #ffffff;
  display: inline-block;
}
h1 .main {
  font: 400 53px/53px "Eras Bold ITC", "Eras ITC",  sans-serif;
  margin-bottom: -7px;
}
@media (max-width: 479px) {
  h1 .main {
    font-size: 30px;
  }
  h3 .main {
	 font-size: 1px;
  }
  h1{
    margin-left: 0;
}
 h1 img {
  left:12px;
 }
}
/*
  }*/
h1 .secondary {
  font-weight: 700;
  font-size: 13px;
  line-height: 13px;
  text-transform: uppercase;
  margin-left: 4px;
}
@media (max-width: 1199px) {
  h1 {
   // float: none;
   // padding: 15px 0 0 0;
  }
  h1 img {
   // display: none;
  }
}
/* ======= Banner 1 We cultivate new crops ======= */
.banner1 {
  padding: 390px 0 182px;
  text-align: center;
}
.banner1 .slogan {
  font-weight: 300;
  font-size: 69px;
  line-height: 83px;
  color: #ffffff;
  position: relative;
}
/*.banner1 .slogan:after {
  font-family: FontAwesome;
  font-size: 48px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
  color: #ffffff;
  position: absolute;
  content: '\f107';
  left: 50%;
  margin-left: -15.5px;
  bottom: -156px;
}*/
@media (max-width: 1199px) {
  .banner1 {
    padding: 50px 0 150px;
  }
}
@media (max-width: 767px) {
  .banner1 {
    padding: 30px 0 40px;
  }
  .banner1 .slogan {
    font-size: 30px;
    line-height: 35px;
  }
  .banner1 .slogan:after {
    bottom: -30px;
  }
}
/* ======= Main menu variables ======= */
/* ======= Sub menus common variables ======= */
/* ======= First level sub menu variables ======= */
nav {
  float: right;
  margin-right: 88px;
}
@media (max-width: 1310px) {
  nav {
    float: none;
    display: inline-block;
    margin-right: 0;
  }
}
/* Main menu styles
========================================================*/
.sf-menu > li {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  letter-spacing: 0.05em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  position: relative;
  z-index: 6;
  text-align: center;
  padding: 76px 27px 56px;
}
@media (max-width: 1900px) {
  .sf-menu > li {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 1310px) {
  .sf-menu > li {
    padding: 20px;
  }
}
.sf-menu > li + li {
  margin-left: 7px;
}
.sf-menu > li + li:before {
  position: absolute;
  content: '/';
  font-size: 18px;
  line-height: 18px;
  color: #ffffff;
  left: -7px;
}
.sf-menu > li > .sf-with-ul:after {
  font-family: FontAwesome;
  font-size: 14px;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
  content: "\f078";
  color: #ffffff;
  bottom: 20px;
  left: 50%;
  margin-left: -7px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.sf-menu > li > a {
  text-transform: uppercase;
  font: 700 18px/18px "Open Sans", sans-serif;
  display: inline-block;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  color: #ffffff;
}



@media (max-width: 1900px) {
  .sf-menu > li > a {
    font-size: 16px;
  }
}

@media (max-width: 1600px) {
  .sf-menu > li > a {
    font-size: 11px;
  }
}
.sf-menu > li > a:hover {
  color: #ffffff;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.sf-menu > li > a:active {
  background: transparent;
  color: #ffffff;
}
.sf-menu .sfHover {
  background: #00c3cf;
}
.sf-menu .sfHover a {
  color: #ffffff;
}
.sf-menu .sfHover a:after {
  color: #ffffff;
}
.sf-menu > li.current > a {
  color: #ffffff;
}
.sf-menu > li.current > .sf-with-ul:after {
  color: #ffffff;
}
.sf-menu > li.sfHover > a {
  color: #ffffff;
}
.sf-menu > li.sfHover > a:after {
  color: #ffffff;
}
.sf-menu > li.sfHover:hover a:after {
  color: #ffffff;
}
.sf-menu > li.current {
  background: #252a39;
}
.sf-menu > li.current:hover a:after {
  color: #ffffff;
}
.sf-menu > li:hover {
  background: #252a39;
}
.sf-menu a {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.sf-menu a:hover {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
/* First level sub-menu styles
========================================================*/
.sf-menu ul {
  -webkit-box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.16);
  box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.16);
  display: none;
  min-width: 235px;
  font: 300 14px/37px "Lato", sans-serif;
  position: absolute;
  top: 161px;
  left: 0;
  background: #252a39;
  text-align: left;
  padding: 19px 0 21px;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1310px) {
  .sf-menu ul {
    top: 69px;
  }
}
.sf-menu ul li {
  letter-spacing: 0;
  position: relative;
  display: block;
}
.sf-menu ul li:hover > a {
  background: #00ceb8;
  color: #ffffff;
}
.sf-menu ul li > .sf-with-ul:after {
  font-family: FontAwesome;
  font-size: 14px;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
  content: "\f054";
  color: #ffffff;
  bottom: -1px;
  right: 15px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sf-menu ul li a {
  padding-left: 32px;
  display: block;
  color: #ffffff;
  text-transform: none;
}
.sf-menu ul > .sfHover > a {
  background: #00c3cf;
}
.sf-menu ul > .sfHover > a:after {
  color: #ffffff;
}
.sf-menu ul li.sfHover > a {
  background: #00c3cf;
  color: #ffffff;
}
/* Second level sub-menu styles
========================================================*/
.sf-menu ul ul {
  position: absolute;
  top: -19px;
  left: 235px;
  margin-left: 0;
  z-index: 4;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .sf-menu {
    display: none;
  }
  nav {
    width: 100%;
    float: none;
  }
  .select-menu {
    border-radius: none;
    display: block;
    text-transform: capitalize;
    float: none;
    color: #01CEB9;
    margin-top: 20px;
    width: 100%;
    background: #ffffff;
    font: 22px/28px "Lato", sans-serif;
    text-align: left;
    border: 1px solid #c1c1c1;
    padding: 2px 0;
    position: relative;
  }
  .select-menu option {
    text-align: left;
    position: relative;
  }
}
/*Core variables and mixins*/
/* Stuck menu styles
========================================================*/
.isStuck {
  z-index: 999;
  position: fixed;
  -webkit-box-shadow: 0 0 4px 0 #000000;
  box-shadow: 0 0 4px 0 #000000;
}
@media only screen and (max-width: 1979px) {
  .isStuck {
    display: none !important;
  }
}
/*========================================================
                    CONTENT styles
=========================================================*/
/* ======= Box 1 Wrapper ======= */
.box1-wrapper .box1 + .box1 {
  margin-left: 0.625%;
}
@media (max-width: 1199px) {
  .box1-wrapper .box1 + .box1 {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .box1-wrapper {
    text-align: center;
  }
}
/* ======= Box 1 About us ======= */
.box1 {
  float: left;
  margin-bottom: 12px;
}
.box1.box1__background1 {
  height: 423px;
  background: url(../images/page1_img2.jpg) no-repeat center 0;
  background-size: cover;
}
.box1.box1__background2 {
  height: 423px;
  background: url(../images/page1_img3.jpg) no-repeat center 0;
  background-size: cover;
}
.box1.box1__background3 {
  height: 423px;
  background: url(../images/page1_img4.jpg) no-repeat center 0;
  background-size: cover;
}
.box1.box1__background4 {
  height: 423px;
  background: url(../images/page1_img5.jpg) no-repeat center 0;
  background-size: cover;
}
.box1.box1__background5 {
  height: 423px;
  background: url(../images/page1_img6.jpg) no-repeat center 0;
  background-size: cover;
}
.box1.box1__background6 {
  height: 423px;
  background: url(../images/page1_img7.JPG) no-repeat center 0;
  background-size: cover;
}
.box1.box1__background7 {
  height: 775px;
  background: url(../images/naviontruck-android.jpg) no-repeat center 0;
  background-size: cover;
}
.box1.box1__background8 {
  height: 381px;
  background: url(../images/naviontruck-windows-ce-6.png) no-repeat center 0;
  background-size: cover;
}
.box1.box1__background9 {
  height: 382px;
  background: url(../images/naviontruck-apple.jpg) no-repeat center 0;
  background-size: cover;
}
.box1.box1__width1 {
  width: 32.916666666666664%;
}
.box1.box1__width2 {
  width: 50%;
}
.box1.box1__width3 {
  width: 24.375%;
}
.box1.box1__width4 {
  width: 49.375%;
}
@media (max-width: 1199px) {
  .box1 {
    float: none;
    display: inline-block;
  }
  .box1 img {
    width: 100%;
  }
  .box1.box1__width1 {
    width: 100%;
  }
  .box1.box1__width2 {
    width: 100%;
  }
  .box1.box1__width3 {
    width: 100%;
  }
  .box1.box1__width4 {
    width: 100%;
  }
}
.box1 .wrapper {
  position: relative;
}
.box1 .wrapper .info {
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  position: absolute;
  width: 100%;
  margin-top: 87px;
  left: 0;
  right: 0;
}
.box1 .wrapper .info h6 {
  margin-bottom: 11px;
}
.box1 .wrapper .info h6.h6__inset1 {
  margin-bottom: 22px;
}
.box1 .wrapper .info h6.h6__inset2 {
  margin-bottom: 26px;
}
.box1 .wrapper .info h6.h6__inset3 .lower {
  display: block;
  margin-top: 5px;
}
.box1 .wrapper .info h6.h6__inset4 {
  margin-bottom: 7px;
}
.box1 .wrapper .info .btn-default {
  margin-top: 33px;
}
.box1 .wrapper .info.info__inset1 .btn-default {
  margin-top: 40px;
}
.box1 .wrapper .info.info__inset2 .btn-default {
  margin-top: 39px;
}
.box1 .wrapper .info.info__offset1 {
  margin-top: 72px;
}
.box1 .wrapper .info.info__offset2 {
  margin-top: 103px;
}
.box1 .wrapper .info.info__offset3 {
  margin-top: 83px;
}
.box1 .wrapper .info.info__offset4 {
  margin-top: 53px;
}
.box1 .wrapper .info.info__offset5 {
  margin-top: 214px;
}
.box1 .wrapper .info.info__offset5 h6 {
  margin-bottom: -11px;
}
.box1 .wrapper .info.info__offset5 time {
  font-weight: 400;
}
.box1 .wrapper .info.info__offset6 {
  margin-top: 71px;
}
.box1 p {
  font: 400 18px/32px "Open Sans", sans-serif;
  color: #ffffff;
}
.box1.box1__inset1 time {
  display: block;
  font: 300 25px/32px "Open Sans", sans-serif;
  color: #ffffff;
  margin-top: 28px;
}
.box1.box1__inset1 .info .btn-default {
  margin-top: 74px;
}
.box1.box1__inset1 .info.info__inset3 time {
  margin-top: 2px;
}
.box1.box1__inset1 .info.info__inset3 .btn-default {
  margin-top: 35px;
}
.box1.box1__inset1 .info.info__inset3 h6 {
  margin-bottom: 18px;
}
.box1.box1__inset2 {
  margin-bottom: 30px;
}
.box1.box1__inset2:hover .info {
  opacity: 100;
  filter: alpha(opacity=10000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.box1.box1__inset2 .info {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  height: 100%;
  margin-top: -419px;
}
@media (max-width: 979px) {
  .box1.box1__inset2 .info {
    margin-top: -324px;
  }
}
@media (max-width: 479px) {
  .box1.box1__inset2 .info {
    margin-top: -268px;
  }
}
/* ======= Box 2 What we do ======= */
.box2 {
  margin-top: -9px;
  margin-bottom: 73px;
}
.box2 img {
  display: block;
  margin: 0 0 31px 100px;
}
.box2 h3 {
  margin-bottom: 22px;
}
/* ======= Box 3 Partners ======= */
@media (max-width: 767px) {
  .box3 ul {
    text-align: center;
  }
}
.box3 ul li {
  float: left;
  width: 12.5%;
  text-align: center;
}
@media (max-width: 767px) {
  .box3 ul li {
    width: 100%;
    text-align: center;
    float: none;
    margin-bottom: 10px;
    display: block;
  }
  .box3 ul li img {
    margin: 0 auto;
  }
}
.box3 ul li a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.box3 ul li a img {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  background: #ececec;
}
/* ======= Banner 2 Contact us ======= */
.banner2 {
  text-align: center;
}
.banner2 h6 {
  margin-bottom: 2px;
}
.banner2 .secondary {
  font: 700 21px/24px "Open Sans", sans-serif;
  color: #ffffff;
  display: block;
  margin-bottom: 51px;
}
.banner2 p {
  font: 400 16px/22px "Open Sans", sans-serif;
  color: #ffffff;
  padding: 0 70px;
}
@media (max-width: 767px) {
  .banner2 p {
    /*padding: 0;*/
  }
}
/* ======= Box 4 Services overview ======= */
.box4 {
  margin-top: -8px;
  margin-bottom: 39px;
}
.box4 .label {
  width: 70px;
  height: 70px;
  background: #00CEB8;
  border-radius: 200px;
  font: 300 48px/70px "Open Sans", sans-serif;
  color: #ffffff;
  text-align: center;
  margin-top: 7px;
}
@media (max-width: 1199px) {
  .box4 .label {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
  }
}
@media (max-width: 979px) {
  .box4 .label {
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-size: 20px;
  }
}
.box4 .label span {
  display: inline-block;
  margin-left: 4px;
}
.box4 h3 {
  margin-bottom: 29px;
}
/* ======= Banner 3 Services list ======= */
.banner3 h2 {
  color: #ffffff;
}
.banner3 .secondary {
  color: #ffffff;
}
.banner3 .list1 {
  margin-top: -6px;
}
@media (max-width: 767px) {
  .banner3 .list1 {
    margin-top: 20px;
  }
}
/* ======= Box 5 Research services ======= */
.box5 {
  margin-bottom: 40px;
}
.box5 img {
  margin-bottom: 25px;
}
.box5 h3 {
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .box5 {
    margin-bottom: 60px;
  }
  .box5 img {
    width: 100%;
  }
}
/* ======= Post 1 Latest News ======= */
.post1 {
  margin-top: -8px;
  margin-bottom: 60px;
}
.post1 time {
  font: 400 25px/32px "Open Sans", sans-serif;
  color: #353535;
  display: block;
  margin-bottom: 4px;
}
.post1 img {
  margin-top: 8px;
}
.post1 h3 {
  margin-bottom: 22px;
}
.post1.post1__offset1 {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .post1 img {
    width: 100%;
    margin-bottom: 20px;
  }
}
/* ======= Banner 4 What people say about us ======= */
.banner4 .heading1 h2,
.banner4 .heading1 .secondary {
  color: #ffffff;
}
/* ======= Blockquote 1 What people say about us ======= */
.blockquote1 {
  color: #ffffff;
  padding-left: 55px;
  position: relative;
  margin-top: -9px;
  text-align: center;
}
/*.blockquote1:before {
  font-family: FontAwesome;
  font-size: 36px;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
  content: '\f10d';
  color: #ffffff;
  top: 11px;
  left: 0;
}*/
.blockquote1 .author {
  display: block;
  font: 400 25px/32px "Open Sans", sans-serif;
  margin-top: 19px;
}
.blockquote1 .author a {
  display: inline-block;
}
@media (max-width: 767px) {
  .blockquote1 {
    margin-bottom: 60px;
  }
}
/* ======= Post 2 Blog ======= */
.post2 {
  padding-bottom: 45px;
  margin-bottom: 44px;
  border-bottom: 1px solid #f3f3f3;
}
.post2 time {
  display: block;
  font: 400 25px/32px "Open Sans", sans-serif;
  color: #353535;
  margin-bottom: 29px;
  margin-top: -8px;
}
@media (max-width: 979px) {
  .post2 time {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .post2 time {
    margin-bottom: 10px;
  }
}
.post2 .info span {
  display: block;
  font: italic 300 18px/22px "Open Sans", sans-serif;
  color: #686868;
}
.post2 .info span a {
  color: #e48301;
}
.post2 .info span a:hover {
  color: #00ceb8;
}
@media (max-width: 767px) {
  .post2 .info {
    margin-bottom: 20px;
  }
}
.post2 h3 {
  margin-top: -3px;
  margin-bottom: 22px;
}
.post2 .btn-default {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .post2 img {
    margin-bottom: 20px;
    width: 100%;
  }
}
/* ======= Box 6 Privacy Policy ======= */
.box6 {
  margin-top: -5px;
  margin-bottom: 32px;
}
.box6 h3 {
  margin-bottom: 22px;
}
.box6 .simple-link {
  margin-top: 29px;
}
/* ======= Simple link ======= */
.simple-link {
  display: inline-block;
  text-decoration: underline;
  color: #353535;
}
.simple-link:hover {
  color: #f18d05;
}
/* ======= List 1 ======= */
.list1 li {
  padding-left: 21px;
  position: relative;
  font: 400 17px/24px "Open Sans", sans-serif;
  color: #ffffff;
}
.list1 li:before {
  content: '';
  display: block;
  position: absolute;
  width: 7px;
  height: 11px;
  left: 0;
  top: 7px;
  overflow: hidden;
  background: url(../images/list1.png) no-repeat center 0;
}
.list1 li + li {
  margin-top: 11px;
}
/* ======= List 2 ======= */
.list2 li {
  padding-left: 21px;
  position: relative;
  font: 400 17px/24px "Open Sans", sans-serif;
  color: #353535;
}
.list2 li:before {
  content: '';
  display: block;
  position: absolute;
  width: 7px;
  height: 11px;
  left: 0;
  top: 7px;
  overflow: hidden;
  background: url(../images/list2.png) no-repeat center 0;
}
.list2 li + li {
  margin-top: 11px;
}
/* ======= Social buttons 1 ======= */
.socials1 li {
  display: inline-block;
  margin-bottom: 10px;
}
.socials1 li + li {
  margin-left: 72px;
}
.socials1 li a {
  border-radius: 200px;
  display: block;
}
.socials1 li a i {
  color: #ffffff;
  background: #00ceb8;
  text-align: center;
  font-size: 47px;
  display: block;
  width: 87px;
  height: 87px;
  line-height: 91px;
  border-radius: 200px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.socials1 li a i:hover {
  background: #00c3cf;
  color: #ffffff;
}
@media (max-width: 479px) {
  .socials1 {
    text-align: center;
  }
  .socials1 li {
    display: block;
    margin-bottom: 10px;
  }
  .socials1 li i {
    margin: 0 auto;
  }
  .socials1 li + li {
    margin-left: 0;
  }
}
/* ======= Gallery  ======= */
.gallery_image {
  margin-bottom: 30px;
}
.gallery_image a {
  display: block;
  position: relative;
  background: #353535;
}
.gallery_image a img {
  margin-bottom: 0;
}
@media (max-width: 979px) {
  .gallery_image a img {
    width: 100%;
  }
}
.gallery_image a:hover img {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.gallery_image a:hover .gallery_icon {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gallery_image a:hover .gallery_icon i {
  color: #f18d05;
}
.gallery_image a img {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gallery_image a .gallery_icon {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  font-size: 35px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -17.5px;
}
.gallery_image a .gallery_icon i {
  color: #ffffff;
}
/*========================================================
                    FOOTER styles
=========================================================*/
#footer .socials1 {
  text-align: center;
}
#footer .socials1 li {
  margin-top: 71px;
}
#footer .privacy-block {
  margin-top: 165px;
  color: #ffffff;
  text-align: center;
  font: 400 14px/16px "Open Sans", sans-serif;
}
/* ======= Google Map Main page ======= */
.google-map_main iframe {
  width: 100%;
  height: 332px;
}
@media (max-width: 767px) {
  .google-map_main iframe {
    height: 200px;
  }
}
/*========================================================
                    Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 80px;
  right: 30px;
  overflow: hidden;
  border: none;
  color: #00CEB8;
  font-size: 37px;
  line-height: 38px;
  z-index: 20;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#toTop:hover {
  outline: none;
  color: #00c3cf;
}
@media only screen and (max-width: 1199px) {
  #toTop {
    display: none !important;
  }
}
/*Core variables and mixins*/

/* ------------------------------------------------------------------------------- */
/*  Testimonials
/* ------------------------------------------------------------------------------- */

.testimonials {
	background: #fff url("/images/testimonials-bg-light-1.jpg") repeat 0 0;
	color: #fff;
	height: 450px;
}

.testimonials h1 {
	color: #FFFFFF;
    font-size: 1.5em;
    font-weight: 400;
    margin: 0 auto;
	width: 100%;
}

/* HORIZONTAL BACKGROUND ANIMATION */	
.BeanBGAnimateHori {
	-webkit-animation:BeanBGAnimateHori 25s infinite linear;
	   -moz-animation:BeanBGAnimateHori 25s infinite linear;
	    -ms-animation:BeanBGAnimateHori 25s infinite linear;
	     -o-animation:BeanBGAnimateHori 25s infinite linear;
	        animation:BeanBGAnimateHori 25s infinite linear;	
}

@-webkit-keyframes BeanBGAnimateHori {
 	from 	{background-position:0 0;}
 	to 		{background-position:100% 0;}
 	}
@-moz-keyframes BeanBGAnimateHori {
 	from 	{background-position:0 0;}
 	to 		{background-position:100% 0;}
 	}
@-ms-keyframes BeanBGAnimateHori {
 	from 	{background-position:0 0;}
 	to 		{background-position:100% 0;}
 	}
@-o-keyframes BeanBGAnimateHori {
 	from 	{background-position:0 0;}
 	to 		{background-position:100% 0;}
 	}
@keyframes BeanBGAnimateHori {
 	from 	{background-position:0 0;}
 	to 		{background-position:100% 0;}
 	} 

.testimonials blockquote {
	margin: 0px;
	padding: 20px;
	text-align: center;
	color: #fff;
	//font-size: 1.4em;
	line-height: 2em;
	font-weight: normal;
	border: 0;
}

.testimonials blockquote cite {
	display: block;
	font-size: 1em;
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin: 15px 0 15px 0;
	text-transform: uppercase;
}

.testimonials .carousel-indicators {
	
	top: 100%;
	cursor: pointer;
	/* [disabled]bottom: 50%; */
}

.img_grid2{
  margin: 0 auto;
  
    margin-bottom: 50px;

    width:150px;
}
/*@media (min-width: 980px) and (max-width: 1199px) {
    .img_grid2{
        margin-left: 152.5px;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .img_grid2{
        margin-left: 104.5px;
    }
}
@media (max-width: 767px) {
    .img_grid2{
        margin-left: 132.5px;
    }
}
@media (max-width: 479px) {
    
      .img_grid2{
        margin-left: 57.5px;
    }
}*/
.slide{
    background-size: cover;
}
#slide1{
    background-image: url(/images/coche_opt.jpg);
    height: 100%;
		//padding: 4% 0 0 0;
}
#slide2{
     background-image: url(/images/coche_opt.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#slide3{
     background-image: url(/images/coche_opt.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#slide4{
     background-image: url(/images/coche_opt.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#slide5{
     background-image: url(/images/coche_opt.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
    
}
#slide1_1{
    background-image: url(/images/TK118/coche-2.jpg);
    height: 100%;
		//padding: 4% 0 0 0;
}
#slide1_2{
     background-image: url(/images/TK118/coche-1.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#slide1_3{
     background-image: url(/images/TK118/monitoreo.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#slide1_4{
     background-image: url(/images/TK118/coche-3.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#slide1_5{
     background-image: url(/images/TK118/coche-4.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
    
}
#slide2_1{
    background-image: url(/images/FLEET/fleet-1.jpg);
    height: 100%;
		//padding: 4% 0 0 0;
}
#slide2_2{
     background-image: url(/images/FLEET/fleet-4.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#slide2_3{
     background-image: url(/images/FLEET/fleet-3.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#slide2_4{
     background-image: url(/images/FLEET/fleet-2.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#slide2_5{
     background-image: url(/images/FLEET/fleet-6.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
    
}
#slide2_6{
     background-image: url(/images/FLEET/fleet-5.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
    
}
#slide2_7{
     background-image: url(/images/FLEET/fleet-7.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
    
}
#slide3_1{
    background-image: url(/images/HIVE/hive-1.jpg);
    height: 100%;
		//padding: 4% 0 0 0;
}
#slide3_2{
     background-image: url(/images/HIVE/hive-4.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#slide3_3{
     background-image: url(/images/HIVE/hive-3.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#slide3_4{
     background-image: url(/images/HIVE/hive-2.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#slide3_5{
     background-image: url(/images/HIVE/hive-6.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
    
}
#slide3_6{
     background-image: url(/images/HIVE/hive-5.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
    
}
#slide4_1{
    background-image: url(/images/SPY/espia-1.jpg);
    height: 100%;
		//padding: 4% 0 0 0;
}
#slide4_2{
     background-image: url(/images/SPY/espia-5.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#slide4_3{
     background-image: url(/images/SPY/espia-4.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#slide4_4{
     background-image: url(/images/SPY/espia-2.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#slide4_5{
     background-image: url(/images/SPY/espia-3.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
    
}
#slide4_6{
     background-image: url(/images/SPY/espia-6.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
    
}
#slide4_7{
     background-image: url(/images/SPY/espia-7.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
    
}
.caja-boton-comprar{
    position: absolute;
     z-index: 4;
  left: 50%;
  opacity: 1;
  bottom: 100px;
  margin-left: -150px;
}
.botonSiguienteProducto{
    cursor:pointer;
    position: absolute;
  z-index: 4;
  background-color: black;
  opacity: 1;
  bottom: 0px;
  width: 100%;
  height:50px;
  background: rgba(0, 0, 0, 0.61);
  -webkit-transition:all 1s ease;
   -moz-transition:all 1s ease;
   -o-transition:all 1s ease;
   transition:all 1s ease;
    
}
.botonSiguienteProducto:hover{
    background:#00ceb8;
}
.botonSiguienteProducto p{
    position: absolute; bottom: 10px; text-align: center;width:250px;color:white;font-weight: 700;margin-left:-125px;left: 50%; 
}
.img_title{
    width: 100px;
    float:left;
    margin-left: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.img_title_primero{
    width: 100px;
    float:left;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.img_title_primero:hover{
     width: 170px;
}
.img_title:hover{
     width: 170px;
}
.caja_img_title{
    margin:0 auto;
    width:1061px;
        -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.caja_img_title:hover{
    width:1131px;
}
@media( max-width: 1199px){
    .caja_img_title{
    display:none;
    }
    .titulo_imagenes_title{
    display:none;
    }
}
.titulo_imagenes_title{
    color:white; 
    margin-top: 40px;
    margin-bottom: 40px;
}

@media( max-width: 1310px){
    .titulo_imagenes_title{
     margin-top: 20px;
    margin-bottom: 20px;
    font-size: 35px;
    }
}
.section{
      background-size: cover;
}
#section_5{
 background-image: url(/images/moto-1.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#section_6{
 background-image: url(/images/bici-1.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#section_7{
 background-image: url(/images/logistica-1.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#section_8{
 background-image: url(/images/PERSONAL-2.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}
#section_9{
 background-image: url(/images/mascota-1.jpg);
		//padding: 3% 0 0 0;
                 height: 100%;
}

.caja_izquierda{
    width: 296px;
    height: 480px;
    margin-top: 22.5px;
    background-color:rgb(228, 228, 228);
    float: left;
    box-shadow: 10px 10px 5px #888888; 
    text-align: left;
    position: relative; 
    border: 2px solid #2d3344;
    border-radius: 5px 
}
.caja_central{
    margin-left: 50px;
    text-align: center;
    width:296px ;
    height: 525px ;
    background-color:rgb(228, 228, 228);
    float: left;
    box-shadow: 15px 15px 5px #888888;
    position: relative;
    z-index: 5000;
    border: 2px solid #00CEB8;
    border-radius: 5px 
}
.caja_derecha{
    margin-left: 50px;
    width: 296px;
    height: 480px;
    margin-top: 22.5px;
    background-color:rgb(228, 228, 228);
    float: left;
    box-shadow: 10px 10px 5px #888888; 
    text-align: center;
    position: relative; 
    border: 2px solid #2d3344;
    border-radius: 5px 
}
@media( max-width: 600px){
.caja_izquierda{
    
    float:none;
    margin:0 auto;
    width: 296px;
    height: 480px;
    margin-top: 22.5px;
    background-color:rgb(228, 228, 228);
    float:none;
    box-shadow: 10px 10px 5px #888888; 
    text-align: left;
    position: relative; 
    border: 2px solid #2d3344;
    border-radius: 5px 
}
.caja_central{
    margin-left: 0;
    margin:0 auto;
    text-align: center;
    width:296px ;
    
    margin-top: 22.5px;
    height: 525px ;
    float:none;
    background-color:rgb(228, 228, 228);
    box-shadow: 15px 15px 5px #888888;
    position: relative;
    z-index: 5000;
    border: 2px solid #00CEB8;
    border-radius: 5px 
}
.caja_derecha{
    float:none;
    margin:0 auto;
    width: 296px;
    height: 480px;
    margin-top: 22.5px;
    background-color:rgb(228, 228, 228);
    box-shadow: 10px 10px 5px #888888; 
    text-align: center;
    position: relative; 
    border: 2px solid #2d3344;
    border-radius: 5px 
}
}
.caja:hover { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

@-webkit-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-30px);} 
    60% {-webkit-transform: translateY(-15px);} 
} 

@keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-30px);} 
    60% {transform: translateY(-15px);} 
} 

.bounce:hover { 
    -webkit-animation-name: bounce; 
    animation-name: bounce; 
}