/*********************************************************************************************************************************/
/********************************************************  GLOBAL STYLES  ********************************************************/
/*********************************************************************************************************************************/
body {
  color: #5a5a5a;
  font-family: "Roboto",sans-serif!important;
}
.jitako-color{
  color: #2887a5!important;
}

.btn-primary {
  color: #fff!important;
  background-color: #2e6da4!important;
  border-color: #2e6da4!important;
}
/********************************************************************************************************************************/
/********************************************************  1. HOME PAGE  ********************************************************/
/********************************************************************************************************************************/

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.navbar {
  margin-bottom: 0px!important;
  border-radius: 0px!important;
  border-top: 3px solid #2887a5;
}
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}
/* White Items in NavBar */
.navbar-inverse .navbar-nav > li > a {
  color: #ffffff!important;
}

.navbar-inverse .navbar-toggle {
  border-color: #1982A2!important;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #1982A2!important;
}

.navbar-inverse{
  color: white!important;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel-indicators li{
  width: 8px;
  /*background: #282828;*/
  height:8px;
  margin:0px;
}
.carousel-indicators .active {
  width: 8px;
  height:8px;
}
.carousel-caption h2{
  margin: 0;
  max-width: 619px;
  font-family: "Questrial",sans-serif;
  font-size: 45px;
  color: #ffffff;
  background: rgba(40,135,165,0.87);
  padding: 22px 30px;
  font-weight: 100;
}

/* MARKETING CONTENT
-------------------------------------------------- */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}

/* Featurettes
------------------------- */
.featurette{
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  min-height: 555px;
}
.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-family: "Questrial",sans-serif;
  font-size: 25px;
  color: #ffffff;
  margin: 0;
  font-weight: 100;
  text-transform: uppercase;
  margin-top: 200px;
}

.text-muted{
  font-family: "Questrial",sans-serif;
  font-size: 50px;
  color: #ffffff;
  margin: 0;
  font-weight: 100;
  text-transform: uppercase;

}

.read-more{
  color: #ffffff;
  font-family: "Roboto",sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid;
  padding: 3px 8px;
  display: inline-block;
}

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

/*
* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 52px;
  }
  .text-muted{
    font-size:85px;
  }
  .carousel-caption{
    top: 30%!important;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    font-size: 52px;
    margin-top: 200px;
  }
  .text-muted{
    font-size: 85px;;
  }

  .carousel-caption{
    top: 40%!important;
  }
}

/*KIRABYTES*/
/*@media only screen and (max-width: 1199px) and (min-width: 769px)*/
@media only screen and (min-width: 642px) and (max-width: 987px) {
  .carousel-caption h2 {
    font-size: 40px!important;
    padding: 20px 30px;
    border:3px solid #2887a5;
    font-size: 45px;

  }
}

@media (max-width: 640px) {
  .carousel-caption h2 {
    font-size: 18px!important;
    padding: 10px 30px;
    border:1px solid #2887a5;
  }
}

@media (max-width: 320px) {
  .carousel-caption h2 {
    font-size: 13px!important;
    padding: 10px 30px;
    border:1px solid #2887a5;
    font-size: 12px;
  }
  .carousel-caption{
    top: 10%!important;
  }
}
/*--------------------
Parts - Horizontal Menu
--------------------*/
.col-md-3{
  padding:0px!important;
  border:1px solid white;
}

.centered-images {

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.centered-images h3 {
  font-weight: 500;
  font-size: 17px;
  text-transform: uppercase;
  color: white;
  letter-spacing: 1.5px;
}
.upper-space{
  margin-top: 40px;
}

.highlighted {
  width: 100%;
  float: left;
}
/*Parallax "Slides"*/
.section-two {
  width: 100%;
  float: left;
  min-height: 555px;
}


/*********************************************************************************************************************************/
/********************************************************  ABOUT US PAGE  ********************************************************/
/*********************************************************************************************************************************/
.about-us{
  float: right;
  max-width: 660px;
}
.about-main{
  /*padding-bottom: 260px;*/
  padding-bottom: 200px;
  background-image: url(../../images/web/about-us/about_us.jpg)!important;
  background-repeat: no-repeat;
  background-position: bottom left;
}

@media only screen and (max-width: 1199px)
{
  /*Remove World Image*/
  .about-main {
    background: none !important;
  }
  .about-main {
    padding-bottom: 100px;
  }
}
/*********************************************************************************************************************************/
/********************************************************  PRODUCTS PAGE  ********************************************************/
/*********************************************************************************************************************************/
.products{
  margin-top:10px;
}
.iconnav{
  /*margin-left: 100px !important;*/
  text-align: center;
}
.iconnav ul {
  margin: 0 0 0 3px;
  padding: 0;
}
.iconnav ul li {
  display: inline-block;
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 78px;
}

.iconnav ul li a {
  background-image: url(../../images/web/products/icon-nav-gray.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 78px;
  text-decoration: none;
  width: 90px;
  padding-top: 5px;
}

.iconnav ul li a:hover {
  background-repeat: no-repeat;
  background-image: url(../../images/web/products/icon-nav-blue.png);
  display: inline-block;
  height: 78px;
  text-decoration: none;
  width: 90px;
  padding-top: 5px;
}


.iconnav ul li .street,
.iconnav ul li .cruiser,
.iconnav ul li .dirt,
.iconnav ul li .atv,
.iconnav ul li .utv,
.iconnav ul li .dual,
.iconnav ul li .scooter,
.iconnav ul li .snow,
.iconnav ul li .pwc,
.iconnav ul li .gears,
.iconnav ul li .helmets,
.iconnav ul li .tires{
  position: relative;
  top: 62px;
  font-size: 12px;
  color: #06789C;
}
/***Street***/
.iconnav .iconnav1 {
  background-position: 6px 0;
}
.iconnav ul li .street {
  /*left: 34px;*/
}
/***Cruiser***/
.iconnav .iconnav2 {
  background-position: -81px 0;
}
.iconnav ul li .cruiser {
  /*left: 24px;*/
}
/***Dirt***/
.iconnav .iconnav3 {
  background-position: -173px 0;
}
.iconnav ul li .dirt {
  /*left: 34px;*/
}
/***ATV***/
.iconnav .iconnav4 {
  background-position: -264px 0;
}
.iconnav ul li .atv {
  /*left: 34px;*/
  left: 7px;
}
/***UTV***/
.iconnav .iconnav5 {
  background-position: -355px 0;
}
.iconnav ul li .utv {
  /*left: 34px;*/
}
/***Dual Sport***/
.iconnav .iconnav6 {
  background-position: -444px 0;
}
.iconnav ul li .dual {
  /*left: 24px;*/
  left: 11px;
}
/***Scooter***/
.iconnav .iconnav7 {
  background-position: -532px 0;
}
.iconnav ul li .scooter {
  /*left: 27px;*/
  left: 6px;
}
/***Helmets***/
.iconnav .iconnav9 {
  background-position: -718px 0;
  width: 85px;
}
.iconnav .iconnav9, .iconnav .iconnav9:hover {
  background-position: -718px 0;
  width: 85px;
}
.iconnav ul li .helmets {
  /*left: 16px;*/
}
/***Riding Gear***/
.iconnav .iconnav10, .iconnav .iconnav10:hover {
  background-position: -800px 0;
  width: 70px;
}
/***Tires***/
.iconnav .iconnav11, .iconnav .iconnav11:hover {
  background-position: -866px 0;
  width: 65px;
}
.iconnav ul li .tires {
  /*left: 14px;*/
  left: 7px;
}


.brand-grid .thumbnail{
  border:none!important;
}
/*.shop-by-brand span{*/
/*margin-left: 15px!important;*/
/*margin-top: 95px!important;*/
/*border:4px solid red;*/
/*}*/

.shop-by-brand .panel-title{
  margin-left: 15px!important;
  margin-top: -6px!important;
}
/***********************************************************************************************************************************/
/********************************************************  PRODUCT'S PAGES  ********************************************************/
/***********************************************************************************************************************************/
.an_st_block_info {
  position: absolute!important;
  left: 64px!important;
  top: 61px!important;
  right: 64px!important;
  display: block!important;
  z-index: 3!important;
  color: #ffffff!important;
  padding-right: 45px!important;
  /*background: url(../img/htb-uk.png) no-repeat right 90%;*/
}

.an_st_block_info span {
  font-family: "GothamProLight";
  font-size: 55px;
  line-height: 55px;
  text-transform: uppercase;
}

.an_st_block_info h2 {
  font-family: "GothamProBlack";
  font-size: 65px;
  line-height: 65px;
  text-transform: uppercase;
  padding: 0;
  margin: -14px 0 0 0;
}
.home-top-banners img {
  margin: 0 auto;
  -moz-transition: 0.2s ease-out!important;
  -o-transition: 0.2s ease-out!important;
  transition: 0.2s ease-out!important;
}
.home-top-banners  .gray-test{
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

.htb-i {
  overflow: hidden;
  margin-bottom: 15px;
}

.home-top-banners > div:hover img  {
  margin: 0 auto;
  -webkit-transform:scale(1.2);
  -o-transform:scale(1.2);
  -moz-transform:scale(1.2);
  transform:scale(1.2);
  z-index:0;
}

.btn-primary:hover {
  color: #fff;
  background-color: #1982A2;
  border-color: #1982A2;
}

/*2nd Products Menu ****************************************************/

.navbar-brand {
  height:inherit!important;
  /*margin-top: 15px!important;*/
  margin-left:0px!important;
}
.plus-menu  {
  background-color: #1982A2!important;
}

@media (max-width: 988px) {
  .iconnav{
    display: none;
  }
}

/***************************************************/
/***********************************************************************************************************************************/
/********************************************************  CONTACT US PAGE  ********************************************************/
/***********************************************************************************************************************************/
/*Reset Bootstrap Behavior*/
.form-control-feedback {
  position: inherit;
  top: 0;
  right: 0;
  z-index: 0;
  display: inherit;
  width: 0;
  height: 0;
  line-height: 0;
  text-align: inherit;
  pointer-events: none;
}

a.jitako-address:hover{
  color: inherit;
}

a.jitako-address{
  color: inherit;
  /*text-decoration: dashed!important;*/
}

.jitako-address a {
  text-decoration: dashed!important;
}

/*END 13  SEPT 2016*/

/************************************************************************************************************************************/
/**************************************************************  CATALOGUE * ********************************************************/
/************************************************************************************************************************************/
input[type="checkbox"] {
  margin-right: 10px!important;
}
.list-group-item {
  padding: 2px 6px!important;
}
.shadow{
  color: #999;
}

@media (min-width: 992px) {
  .filter-catalogue {
    width: 21%;
    /*width: 40%;*/
  }
  .title_block {
    font: 400 19px/22px "Lato", sans-serif;
    color: #FFF;
    background: #9bc00e;
    text-transform: uppercase;
    padding: 16px 10px 16px 35px;
    margin: 0 0 20px 0;
    position: relative;
  }

  .left-filter-mobile{
    display: none;
  }
}

@media (max-width: 991px) {
  .left-filter-desktop, .right-filter{
    display: none;
  }

}

.jitako-products{
  margin-top:61px!important;
  /*border-right:5px solid blue;*/
}
.jitako-filter{
  /*border:5px solid red;*/
}
.jitako-filter .form-control{
  margin-left: 14px!important;
}

.left-filt ul li {
  border-bottom: 1px solid #d8d8d8!important;
  list-style-type: none;
  margin-left: -40px;
  padding: 8px 8px 8px 18px;
}

.left-filter-mobile .panel-title {
  color: white;
}


/************************************************************************************************************************************/
/*****************************************************************  FAQ    **********************************************************/
/************************************************************************************************************************************/
.panel-heading .panel-title a:hover {
  color: white!important;
}

/************************************************************************************************************************************/
/***************************************************  FORCING BOOTSTRAP    **********************************************************/


/************************************************************************************************************************************/
/***************************************************  BUSCADOR   **********************************************************/

.well {
  max-width: 104%!important;
  margin-bottom: 20px!important;
  background-color: #2887a5!important;
  border: 3px solid #2887a5!important;

}












@media (max-width: 767px) {
  .portfolio>.clear:nth-child(4n)::before {
    content: '';
    display: table;
    clear: both;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .portfolio>.clear:nth-child(8n)::before {
    content: '';
    display: table;
    clear: both;
  }
}
@media (min-width: 1200px) {
  .portfolio>.clear:nth-child(8n)::before {
    content: '';
    display: table;
    clear: both;
  }

  .title_block h4 {
    font: 400 19px/22px "Lato", sans-serif;
    color: #FFF;
    background: #9bc00e;
    text-transform: uppercase;
    padding: 16px 10px 16px 35px;
    margin: 0 0 20px 0;
    position: relative;
  }
  h4, .h4 {
    font-size: 18px;
  }

  .block .title_block:before, .block h4:before {
    content: "";
    border: 26.5px solid #2d2d2d;
    border-width: 17px;
    border-color: transparent;
    border-top-color: #2d2d2d;
    border-left-color: #2d2d2d;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.bg-jitako{
  background-color: #2887a5!important;
  color: #fff!important;
}

.label-jitako{
  background-color: #2887a5;
}

.bs-callout {
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}
.bs-callout+.bs-callout {
  margin-top: -5px;
}
.bs-callout-default {
  border-left-color: #777;
}
.bs-callout-default h4 {
  color: #777;
}
.bs-callout-primary {
  border-left-color: #2887a5;
}
.bs-callout-primary h4 {
  color: #49789A;
}
.bs-callout-success {
  border-left-color: #5cb85c;
}
.bs-callout-success h4 {
  color: #5cb85c;
}
.bs-callout-danger {
  border-left-color: #d9534f;
}
.bs-callout-danger h4 {
  color: #d9534f;
}
.bs-callout-warning {
  border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
  color: #f0ad4e;
}
.bs-callout-info {
  border-left-color: #5bc0de;
}
.bs-callout-info h4 {
  color: #5bc0de;
}

.btn-jitako {
  color: #fff;
  background-color: #2887a5;
  border-color: #2887a5;
}
.btn-jitako:focus,
.btn-jitako.focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-jitako:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-jitako:active,
.btn-jitako.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-jitako:active:hover,
.btn-jitako.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-jitako:active:focus,
.btn-jitako.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-jitako:active.focus,
.btn-jitako.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #49789A;
  border-color: #122b40;
}



.portfolio-box {
  position: relative;
  display: block;
  max-width: 650px;
  margin: 0 auto;
}
.portfolio-box .portfolio-box-caption {
  color: white;
  opacity: 0;
  display: block;
  background: rgba(30, 29, 29, 0.5);
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 177px;
  height: 177px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  padding: 0 15px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-size: 18px;
}
.portfolio-box:hover .portfolio-box-caption {
  opacity: 1;
}
.portfolio-box:focus {
  outline: none;
}

.panel-transparent{
  border-color: transparent;
}

.selector {
  -webkit-box-shadow: 5px 5px 40px rgba(204,204,204,.5);
  box-shadow: 5px 5px 40px rgba(204,204,204,.5);
  margin: 15px;
  padding: 15px;
}

.selector .reviewCode {
  height: 50px;
}

.selector .description {
  margin-top: 20px;
  margin-bottom: 20px;
}

.selector .specs {
  margin-top: 20px;
  margin-bottom: 20px;
}

.selector .addButton {
  cursor: pointer;
  /* float: left; */
  margin-left: 40px;
  margin-top: 20px;
}

.gridProduct2 {
  float: left;
  font-size: 13px;
  margin: 5px;
  padding: 8px;
  position: relative;
  vertical-align: top;
}

.gridProduct2:hover {
  border: 2px solid #ddd;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 5px 5px 8px rgba(204,204,204,.5);
  -webkit-box-shadow: 5px 5px 8px rgba(204,204,204,.5);
  box-shadow: 5px 5px 8px rgba(204,204,204,.5);
  padding: 6px;
  margin-bottom: 5px;
}

.gridProduct2 .gridFitmentCheck a {
  color: #33a7f0;
  font-weight: bold;
}


.unifiedMachinePicker {
  border: 1px solid #2887a5;
  height: 80px;
  margin-bottom: 10px;
}

.chooseStep {
  margin-top: 6px;

}

.selectStep{
  width: 100px;
}

.umpImage {
  float: left;
  height: 76px;
  width: 250px;
  margin-top: 6px;
  margin-left: 6px;
}

.btn-search{
  margin-top: 1px;
}

.dropdown-menu {
  min-width: 200px;
}
.dropdown-menu.columns-2 {
  min-width: 400px;
}
.dropdown-menu.columns-3 {
  min-width: 600px;
}
.dropdown-menu li a {
  padding: 5px 15px;
  font-weight: 300;
}
.multi-column-dropdown {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.multi-column-dropdown li a {
  display: block;
  clear: both;
  line-height: 1.428571429;
  color: #333;
  white-space: normal;
}
.multi-column-dropdown li a:hover {
  text-decoration: none;
  color: #262626;
  background-color: #999;
}

@media (max-width: 767px) {
  .dropdown-menu.multi-column {
    min-width: 240px !important;
    overflow-x: hidden;
  }
}

.text-red{
  color: red;
}
.text-jitako{
  color: #2887a5;
}

.text-black{
  color: #000;
}

.text-gray{
  color: #666;
}

/*13  SEPT 2016*/

/* mostrar solo en celulares*/
@media (max-width: 767px) {

  .desktop-gadget{
    display: none;
  }

  .img_detail{
    display: block!important;
    width: 300px!important;
    height: 300px!important;
  }

}

/* mostrar desde tablets*/
@media (min-width: 766px) {

  .mobile-gadget{
    display: none;
  }
  .lu-sub-menu{
    display: none;
  }

  .img_detail{
    display: block!important;
    width: 358px!important;
    height: 358px!important;
  }
}

/***
**
***/
/* mostrar solo en celulares*/
@media (max-width: 767px) {

  .desktop-menu{
    display: none;
  }
}

/* mostrar desde tablets*/
@media (min-width: 766px) {

  .mobile-menu{
    display: none;
  }

}



.image-chasis{
    
}