/*@font-face {
font-family: 'HyundaiSans','HyundaiRegular','HyundaiTextRegular';
src: url('../fonts/HyundaiSansText-Regular.woff2') format('woff2'),
url('../fonts/HyundaiSansHead-Bold.woff2') format('woff2'),
url('../fonts/HyundaiSansHead-Light.woff2') format('woff2'),
url('../fonts/HyundaiSansHead-Medium.woff2') format('woff2'),
url('../fonts/HyundaiSansText-Bold.woff2') format('woff2'),
url('../fonts/HyundaiSansHead-Bold.woff2') format('woff2'),
url('../fonts/HyundaiSansText-BoldItalic.woff2') format('woff2'),
url('../fonts/HyundaiSansText-Italic.woff2') format('woff2'),
url('../fonts/HyundaiSansText-Medium.woff2') format('woff2'),
url('../fonts/HyundaiSansText-MediumItalic.woff2') format('woff2'),
}
*/
body{
    font-family: 'HyundaiTextRegular' !important;
}





@font-face {
    font-family: 'HyundaiSansHead-Bold';
    src: url('../fonts/HyundaiSansHead-Bold/HyundaiSansHead-Bold.eot');
    src: url('../fonts/HyundaiSansHead-Bold/HyundaiSansHead-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HyundaiSansHead-Bold/HyundaiSansHead-Bold.woff2') format('woff2'),
        url('../fonts/HyundaiSansHead-Bold/HyundaiSansHead-Bold.woff') format('woff'),
        url('../fonts/HyundaiSansHead-Bold/HyundaiSansHead-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'HyundaiSansHead-Light';
    src: url('../fonts/HyundaiSansHead-Light/HyundaiSansHead-Light.eot');
    src: url('../fonts/HyundaiSansHead-Light/HyundaiSansHead-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HyundaiSansHead-Light/HyundaiSansHead-Light.woff2') format('woff2'),
        url('../fonts/HyundaiSansHead-Light/HyundaiSansHead-Light.woff') format('woff'),
        url('../fonts/HyundaiSansHead-Light/HyundaiSansHead-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HyundaiSansHead-Medium';
    src: url('../fonts/HyundaiSansHead-Medium/HyundaiSansHead-Medium.eot');
    src: url('../fonts/HyundaiSansHead-Medium/HyundaiSansHead-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HyundaiSansHead-Medium/HyundaiSansHead-Medium.woff2') format('woff2'),
        url('../fonts/HyundaiSansHead-Medium/HyundaiSansHead-Medium.woff') format('woff'),
        url('../fonts/HyundaiSansHead-Medium/HyundaiSansHead-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HyundaiSansHead-Regular';
    src: url('../fonts/HyundaiSansHead-Regular/HyundaiSansHead-Regular.eot');
    src: url('../fonts/HyundaiSansHead-Regular/HyundaiSansHead-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HyundaiSansHead-Regular/HyundaiSansHead-Regular.woff2') format('woff2'),
        url('../fonts/HyundaiSansHead-Regular/HyundaiSansHead-Regular.woff') format('woff'),
        url('../fonts/HyundaiSansHead-Regular/HyundaiSansHead-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'HyundaiSansText-Bold';
    src: url('../fonts/HyundaiSansText-Bold/HyundaiSansText-Bold.eot');
    src: url('../fonts/HyundaiSansText-Bold/HyundaiSansText-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HyundaiSansText-Bold/HyundaiSansText-Bold.woff2') format('woff2'),
        url('../fonts/HyundaiSansText-Bold/HyundaiSansText-Bold.woff') format('woff'),
        url('../fonts/HyundaiSansText-Bold/HyundaiSansText-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'HyundaiSansText-BoldItalic';
    src: url('../fonts/HyundaiSansText-BoldItalic/HyundaiSansText-BoldItalic.eot');
    src: url('../fonts/HyundaiSansText-BoldItalic/HyundaiSansText-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HyundaiSansText-BoldItalic/HyundaiSansText-BoldItalic.woff2') format('woff2'),
        url('../fonts/HyundaiSansText-BoldItalic/HyundaiSansText-BoldItalic.woff') format('woff'),
        url('../fonts/HyundaiSansText-BoldItalic/HyundaiSansText-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'HyundaiSansText-Italic';
    src: url('../fonts/HyundaiSansText-Italic/HyundaiSansText-Italic.eot');
    src: url('../fonts/HyundaiSansText-Italic/HyundaiSansText-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HyundaiSansText-Italic/HyundaiSansText-Italic.woff2') format('woff2'),
        url('../fonts/HyundaiSansText-Italic/HyundaiSansText-Italic.woff') format('woff'),
        url('../fonts/HyundaiSansText-Italic/HyundaiSansText-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HyundaiSansText-Medium';
    src: url('../fonts/HyundaiSansText-Medium/HyundaiSansText-Medium.eot');
    src: url('../fonts/HyundaiSansText-Medium/HyundaiSansText-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HyundaiSansText-Medium/HyundaiSansText-Medium.woff2') format('woff2'),
        url('../fonts/HyundaiSansText-Medium/HyundaiSansText-Medium.woff') format('woff'),
        url('../fonts/HyundaiSansText-Medium/HyundaiSansText-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HyundaiSansText-MediumItalic';
    src: url('../fonts/HyundaiSansText-MediumItalic/HyundaiSansText-MediumItalic.eot');
    src: url('../fonts/HyundaiSansText-MediumItalic/HyundaiSansText-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HyundaiSansText-MediumItalic/HyundaiSansText-MediumItalic.woff2') format('woff2'),
        url('../fonts/HyundaiSansText-MediumItalic/HyundaiSansText-MediumItalic.woff') format('woff'),
        url('../fonts/HyundaiSansText-MediumItalic/HyundaiSansText-MediumItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HyundaiTextRegular';
    src: url('../fonts/HyundaiSansText-Regular/HyundaiSansText-Regular.eot');
    src: url('../fonts/HyundaiSansText-Regular/HyundaiSansText-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HyundaiSansText-Regular/HyundaiSansText-Regular.woff2') format('woff2'),
        url('../fonts/HyundaiSansText-Regular/HyundaiSansText-Regular.woff') format('woff'),
        url('../fonts/HyundaiSansText-Regular/HyundaiSansText-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.map-container {
	width: 100%;
    max-width: 800px;
  	height: 520px;
    margin: 50px auto;
  }
.map-iframe {
  width: 100%;
  height: 520px;
  border:none;
  overflow:hidden;
  }


/*CSS Calculator from J3 site*/

/* Keep header on modal box*/
.tm-header, .tm-header-mobile {
    position: relative;
    z-index: 99999;
}

#ff_form24 {
  background:none !important;
  padding:0px;
}
.calcHeader {
    margin-top: 70px;
    padding: 70px 30px 50px;
    background-image: url(../../../images/herramientas/calculadora-header.jpg);
    background-size: 100%;
    background-position: 50% 75%;
    background-repeat: no-repeat;
}
#calcContent {
    margin: 0px auto;
    max-width: 1200px;
}
#calcWrapper .col-lg-6 button {
    font-size: 16px;
    text-transform: capitalize;
    border-radius: 0;
    border: none;
}
#calcWrapper #ff_form24 {
    font-size: 17px;
}
#calcWrapper .col-lg-6 button {
    width: 98%;
    margin-top: 25px;
    float: none;
    min-width: auto;
    margin: 25px 5px 0;
}
#carName {
  font-size: 23px;
  border-bottom: 1px solid #cccc;
  text-align: center;
  margin: 15px auto;
  padding-bottom: 10px;
  display: none;
}
#carPrice {
  color: #002c5f;
  font-size: 40px;
  text-align: center;
  margin-top: 0px;
}
#carPrice span {
    display: block;
    font-size: 14px;
    line-height: 1;
    margin-bottom: -10px;
    margin-top: 6px;
}
#carImg {
  margin: 0 auto;
  display: block;
}
#calcWrapper #ff_form24 input, #calcWrapper #ff_form24 textarea, #calcWrapper #ff_form24 select {
    width: 100%;
    border: 1px solid #ccc;
}
#calcWrapper #ff_form24 #bfPage1 {
    padding: 10px;
}

*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}
.hideMe {
  display:none;
  opacity:0;
}
html {
    font-size: 63%;
}

.main .col-md {
    padding: 0;
}
@media (max-width: 991px) {
    html {
        font-size: 55%;
    }
}


main {
    margin: 0 auto;
}

/* Layout */

.row {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
}
/*
[class^="col-"] {
    float: left;
}

[class^="col-"]:not(:last-child) {
    margin-right: 1.5rem;
}
*/
.col-1-of-2 {
    width: calc(50% - 0.5 * 1.5rem);
}

.col-1-of-3 {
    width: calc((100% - 2 * 1.5rem) / 3);
    /*! border: 1px solid #ccc; */
}

.col-2-of-3 {
    width: calc((200%  -  1.5rem) / 3);
}

.col-1-of-4 {
    width: calc(25% - 0.75 * 1.5rem);
}

.col-2-of-4 {
    width: calc(50% -  0.5 * 1.5rem);
}

.col-3-of-4 {
    width: calc(75% - 0.25 * 1.5rem);
}

/* CHART */
.chart-box {
    max-width: 66rem;
    margin: 0 auto;
    padding: 3rem 0;
    display: flex;
    position: relative;
    flex-wrap: wrap;
}
.chart {
    width: 50%;
    height: 50%;
    position: relative;
    margin-right: 3.5rem;
    margin: 0 auto;
}

.tooltip {
    position: absolute;
    display: none;
    padding: .5rem;
    border-radius: .3rem;
    pointer-events: none;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    transition: .3s;
    z-index: 100;
    align-items: center;
    opacity:1;
}
.tooltip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: .6rem;
    border-style: solid;
}

.tooltip.north {
    transform: translate(-50%, .6rem);
    left: 0px;
}
.tooltip.north:after {
    border-color: transparent transparent rgba(0, 0, 0, .7) transparent;
    top: -1.2rem;
    left: calc(50% - .6rem);
}

.tooltip.west {
    transform: translate(calc(-100% - .6rem), -50%);
}
.tooltip.west:after {
    border-color: transparent transparent transparent rgba(0, 0, 0, .7);
    top: calc(50% - .6rem);
    left: 100%;
}

.tooltip.east {
    transform: translate(.6rem, -50%);
}
.tooltip.east:after {
    border-color: transparent rgba(0, 0, 0, .7) transparent transparent;
    top: calc(50% - .6rem);
    left: -1.2rem
}


.tooltip.south {
    transform: translate(-50%, calc(-100% - .6rem));
}
.tooltip.south:after {
    border-color: rgba(0, 0, 0, .7) transparent transparent transparent;
    top: 100%;
    left: calc(50% - .6rem);
}

.tooltip .color-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem;
    border: 2px solid #ccc;
    flex: 1 0 auto;
}
.tooltip .label {
    flex: 2 0 auto;
}
.chart path{
    opacity: .9;
    stroke-width: 2;
    stroke: #fff;
}

.chart path:hover{
    opacity: 1;
    stroke: #ccc;
    z-index: 50;
}

.estimate {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.estimate__heading {
    text-transform: uppercase;
    font-size: 1.5rem;
    color: #333;
    width: 100%;
}

@media (max-width: 677px) {
    .estimate__heading {
        margin-bottom: .5rem;
    }
}

@media (max-width: 400px) {
    .estimate__heading {
        margin-bottom: 0;
    }
}

.estimate__value {
    font-size: 6.5rem;
    color: #002c5f;
    font-weight: 100;
}

@media (max-width: 677px) {
    .estimate__value {
       font-size: 4rem;
    }
}

.estimate__value:before {
    content: '$';
    font-size: 4rem;
    vertical-align: top;
}

.info {
    display: inline-block;
    vertical-align: top;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
}

.info__tooltip {
    position: absolute;
    min-width: 45rem;
    width: auto;
    transform: translate(calc( -100% - 1rem), 3rem);

    display: none;
    background: #fff;
    z-index: 100;
    box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    padding: 1.5rem;
    font-size: 1.5rem;
    pointer-events: none;
    text-align: left;
}
#calcWrapper .col-lg-7 .info__tooltip {
    padding: 1.5rem;
}
.info__tooltip.north {
    transform: translate(calc( -100% - 1rem), calc(-100% - 1rem));
}

.info__header {
    text-align: center;
    font-weight: 400;
}

.info__icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTlweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMTkgMTkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+aW5mbyBidXR0b24gY29weSAxMDwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9IkFHLUNhbGN1bGF0b3ItdjItLS1Nb2JpbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MzIuMDAwMDAwLCAtMjQyLjAwMDAwMCkiPiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMi4wMDAwMDAsIDI0MS4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzOS4wMDAwMDAsIDAuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNiI+ICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImluZm8tYnV0dG9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNzEuMDAwMDAwLCAxLjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOS41LDAgQzQuMjQyOTM3NSwwIDAsNC4yNDI5Mzc1IDAsOS41IEMwLDE0Ljc0MjIxODggNC4yNDI5Mzc1LDE5IDkuNSwxOSBDMTQuNzQyODEyNSwxOSAxOSwxNC43NDM0MDYyIDE5LDkuNSBDMTksNC4yNDI5Mzc1IDE0Ljc0MjgxMjUsMCA5LjUsMCBMOS41LDAgWiIgaWQ9IkltcG9ydGVkLUxheWVycyIgZmlsbD0iIzRBOTBFMiI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2Utd2lkdGg9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguMDAwMDAwLCA0LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMSIgcG9pbnRzPSIwIDExIDMgMTEgMyA0IDAgNCI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMsMS41MDEwODcyNyBDMywzLjQ5ODE4Nzg4IDAsMy40OTgxODc4OCAwLDEuNTAxMDg3MjcgQzAsLTAuNTAwMzYyNDI0IDMsLTAuNTAwMzYyNDI0IDMsMS41MDEwODcyNyIgaWQ9IkZpbGwtMiI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
    width: 2rem;
    height: 2rem;
    background-size: 2rem;
    display: inline-block;
    cursor: pointer;
}

.info__icon:hover + .info__tooltip {
    display: inline-block;
}

.chart__description {
    font-size: 1.6rem;
    padding-left: 2.5rem;
    position: relative;
    justify-content: space-between;
    width: 40%;
    border: 1px solid #ccc;
    padding: 15px;
    max-height: 240px;
    display: inline-block;
    height: auto;
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    margin: auto;

    width:100%;
    position: relative;
    border:none;
}

.btn__reset {
    opacity: 0;
    height: 0;
    width: 0 !important;
    padding: 0px !important;
    margin: 0px !important;
}
.chart__description * {
  padding: 0px;
}
.chart__description .chart__legend {
  border-bottom: 1px solid #ccc;
  padding: 5px;
}
.chart__description .chart__legend:nth-child(2) {
  border: none;
  margin-bottom: 0px;
}
.chart__description .chart__legend:nth-child(2) .chart__description-value {
  margin-bottom: 0px;
}
.chart__legend {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.chart__description-label {
    font-size: 1.8rem;
    font-weight: 400;
}
.controllers-box .chart__description-label {
    line-height: 1;
    margin-bottom: 0px;
    margin-top: 14px;
    min-height: 34px;
    font-size: 1.6rem;
}

.chart__description-value {
    font-size: 3rem;
    font-weight: 400;
}

.chart__description-value:before {
    content: '$';
}

.label__colored:before {

}
/*
.label__colored-1:before {
    background: #333333;
}

.label__colored-2:before {
    background: #333333;
}

.label__colored-3:before {
    background: #333333;
}

.label__colored-4:before {
    background: #333333;
}

.label__colored-5:before {
    background: #333333;
} */

.label--sub {
    display: block;
    font-size: 1rem;
}

/* Controllers */
.controllers-box {
    margin-bottom: 5.5rem;
}

/* Range Slider */

.calc__slider {
    -webkit-appearance: none;
    width: 100%;
    height: 1rem;
    border-radius: 5px;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
    display: block;
    margin-top: 2.1rem;
    box-shadow: inset 0 .1rem .3rem #555;
    background-image: linear-gradient(90deg, #4098FF 0%, #4098FF 50%, white 50%);
}

.calc__slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;

    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
}

.calc__slider::-moz-range-thumb {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: #002c5f;
    cursor: pointer;
    border: none;
}

/* input box */
.controller-row {
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
.controller-row:nth-child(1) {
    border-top:1px solid #ccc;
    padding-top:20px;
}

.controller-row:not(:last-child) {
    margin-bottom: 20px;
}

@media (max-width: 600px) {
    .controller-row [class^="col-"]:nth-child(2) {
        order: 1;
        flex: 0 1 100%;
    }
    .controller-row [class^="col-"]:nth-child(1),
    .controller-row [class^="col-"]:nth-child(3){
        flex: 0 1 48%;
    }
}

.calc__input-group {
    width: 100%;
    position: relative;
    display: table;
    border-collapse: separate;
    color: #5A6372;
    font-size: 1.8rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    padding-left: 1rem;
}
#term .calc__input-group-addon {
    width: 4.5rem;
}
.calc__input-group-addon {
    display: table-cell;
    width: 4.5rem;
    height: 4.5rem;
    background-color: #FAFAFA;
    padding: 0;
    color: #5A6372;
    text-align: center;
    border: 1px solid #ccc;
    vertical-align: middle;
    border-radius: 0;
    font-weight: 300;
}
.calc__input-group-addon:first-child {
    border-right: 0;
}
.calc__input-group-addon:nth-child(2) {
    border-left: 0;
}


.calc__input {
    display: table-cell;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: .6rem 1.2rem;
    color: #5A6372;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .4rem;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    height: 4.5rem;
    font-size: 2rem;
    font-weight: 300;
}
.calc__input:focus {
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.calc__input-group .calc__input:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.calc__input-group .calc__input:nth-child(2) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.info-box {
    display: table-cell;
    width: 3.5rem;
    text-align: right;
    vertical-align: top;
}

.section-chart-controllers__footer {
    display: flex;
    justify-content: space-between;
    padding: 0 2.5rem;
}

.btn {
    display: inline-block;
    font-weight: 500;
    border-width: 2px;
    border-radius: 4rem;
    cursor: pointer;
    outline: none;
    transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
}

.btn:hover {
    transform: translateY(-3px);
}

.btn:active {
    transform: translateY(0);
}

.btn-link {
    font-size: 1.7rem;
    padding: 0;
    text-decoration: none;
    color: #4098FF;
    border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
    background: transparent;
}

.btn-secondary {
    background-color: transparent;
    border-color: #4098FF;
    color: #4098FF;
    padding: 1rem 3.5rem;
    text-transform: uppercase;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: #4098FF;
    color: #fff;
}

.carBtns {
    display: flex;
    justify-content: space-between;
    max-width: 300px;
    margin: 0 auto;
}
#carURL, #carBrochure {
    text-align: center;
    display: block;
    margin: 0 auto;
    position: relative;
    max-width: 120px;
    font-size: 16px;
    background: #002c5f;
    color: #fff;
    padding:5px 15px;
}

		.aviso > span {
		    margin-right: 13px;
		    text-align: center;
		    background: #e3e3e3;
		    height: 18px !important;
		    width: 21px !important;
		    border-radius: 100px;
		    position: relative;
		    padding-bottom: 22px;
		    font-size: 12px;
		    display: inline-block;
		}

		p.aviso {
		    font-size: 14px;
		    line-height: 23px;
		}
/** MEDIA QUERIES **/
@media(min-width: 992px) {

}
@media(min-width: 768px) {

}

.section-chart-controllers__footer .modal-dialog {
    margin-top: 120px;
}
#calcWrapper .section-chart-controllers__footer .modal-body {
  padding: 20px;
}
#calcWrapper .section-chart-controllers__footer .modal-body p {
    font-size: 14px;
    line-height: 1.8;
}
#hideMob {
  display:block;
}
#showMob  {
  display:none;
}

  .calc__input {
    padding: .6rem .8rem;
  }
  .info-box {
    width: 2rem;
  }
  .calc__input-group-addon {
    width: 2rem;
  }

@media (max-width:991px) {
#hideMob {
  display:none;
}
#showMob  {
  display:block;
}
.chart {
    width: 278px;
    height: 274px;
}
.controllers-box {
    max-width: 620px;
}
}

@media(max-width: 767px) {
  .section-chart-controllers__footer {
    flex-wrap: wrap;
    padding: 0;
}
#calcWrapper .col-lg-6 button {
    width: 100%;
    margin: 10px auto;
    display: block;
    text-align: center;
    padding: 0;
    font-size: 14px;
}
.calcHeader {
  margin:0px;
  background-position: 0% 0%;
  padding: 70px 30px 20px;
}

#calcWrapper #step1 label {
    text-align: center;
}
}

@media(max-width: 480px) {
    .chart__description {
        width: 100%;
        display: block;
        position: relative;
        margin: auto;
        max-width: 100%;
    }
    .chart {
    position: relative;
    display: block;
    margin: 0 auto 10px;
}
.chart-box {
    flex-wrap: wrap;
    padding-top: 0px;
}
.legend__box {
    margin: 0 auto;
    text-align: center;
}
.carBtns {
    display: block;
}
#carURL, #carBrochure {
      margin: 10px auto;
}

}
@media (min-width:992px) {

	#term.controller-row .col-1-of-3:nth-child(1), #apr.controller-row .col-1-of-3:nth-child(1) {
	  width: 17%;
	}
	#term.controller-row .col-1-of-3:nth-child(2), #apr.controller-row .col-1-of-3:nth-child(2) {
	  width: 33%;
	}
	#term.controller-row .col-1-of-3:nth-child(3), #apr.controller-row .col-1-of-3:nth-child(3) {
	  width: 40%;
	}

}

@media (min-width:992px) and (max-width:1150px) {


.info-box {
    padding-left: 6px;
}

.controller-row.row .col-1-of-3:nth-child(1) {
  width: 20%;
}
.controller-row.row .col-1-of-3:nth-child(2) {
  width: 30%;
}
.controller-row.row .col-1-of-3:nth-child(3) {
  width: 40%;
  margin-right: 5px;
}
.controllers-box .chart__description-label {
    line-height: 1;
    margin-bottom: 0px;
    font-size: 1.6rem;
    margin-top: 10px;
}

}

#carBrochure {
    display: none !important;
}
#calcWrapper #step1 label {
    font-size: 16px;
}
#model_select, #trim_select {
    width: 100%;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    border: 1px solid #ccc;
    margin: 5px 0px;
    height: 40px;
    font-size: 15px;
}
#contentsAP #accesorios {
  display: flex;
  max-width: 900px;
  margin: 0 auto;
  flex-wrap:wrap;
  z-index:1000;
  position:relative;
}
.contentsAPBox .section-content {
    position: relative;
    display: block;
    height: 190px;
    overflow: hidden;
    background-size: 123%;
    background-position: center center;
    transition: all ease-in 0.3s;
    width: 300px;
}
.contentsAPBox .section-content:hover {
    background-size: 133%;
}
.contentsAPBox .section-content .mb-medio {
    margin:0 !important;
}
.contentsAPBox .section-content .apBoxText {
    z-index:2;
    position:absolute;
    bottom:0;
    width:100%;
    background-color:rgba(0,0,0,0.5);
}
.apBoxText p {
  color: #fff;
  margin-bottom: 0px;
  line-height: 18px;
  padding: 7px 10px;
  font-size: 16px;
/*  font-family: 'HyundaiMedium';
*/}
.apBoxText p span {
  font-size: 13px;
  display: block;
  margin: 0px;
  font-weight: normal;
/*  font-family: 'HyundaiRegular';
*/}
.contentsAPBox .section-content img {
    position: absolute;
    top: 0px;
    z-index: 1;
    max-width: 355px;
}
#contentsAP .modalContentText h3 {
    text-align:center;
}
#contentsAP .modalContentText p {
    font-size:14px;
    line-height:18px;
    margin-top:10px;
}
#contentsAP .modalContentText .fa-search-plus{
    position: absolute;
    top: 215px;
    color: #000;
    opacity: 0.2;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
    font-size: 30px;
    text-align: center;
    width: 50px;
    background-color: rgb(255, 255, 255);
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    display:none;
}
#contentsAP .modalContentText a {
  overflow: hidden;
  width: 100%;
  height: auto;
  display: block;
  cursor:pointer;
}
#contentsAP .modalContentText a img:hover {
  transform: scale(1.1);
}
#contentsAP .modalContentText a img {
  transition: all ease-in 0.3s;
    max-width:450px;
  width:100%;
  margin:0 auto;
  display:block;
}
#contentsAP .modal-content {
    height:750px;
}
#contentsAP .modal-header button {
    float: none;
    position: absolute;
    right: 15px;
    top: 15px;
}

#contentsAP .modal-header p {
    color: #002c5f;
text-align: center;
font-weight: 800;
text-transform: uppercase;
font-family: 'HyundaiRegular',arial, sans-serif;
font-size: 26px;
display: block;
margin: 0;
width: 100%;
}
#modalContent img {
  position: relative;
  z-index: 1;
}
#modalContent {
    display:flex;
}
#modalContent .modalText {
  position: absolute;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  z-index: 2;
  left: 1rem;
  right: 1rem;
  bottom: 16px;
}
#modalContent .modalText p {
    display:inline-block;
    width:80%;
    vertical-align:middle;
    font-size:15px;
    line-height:19px;
    margin-bottom:0;
    padding:5px; 10px;
}
#modalContent .modalText a {
    display:inline-block;
    width:15%;
    vertical-align:middle;
    font-size:14px;
    color:#fff;
    text-align:center;
    border:solid 1px #fff;
}

.modalContentImg #modalContent {
  padding: 0px;
  position: relative;
}
.modalContentImg #modalContent .close {
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 3;
  color: #fff;
  opacity: 1;
  background-color: rgba(0,0,0,0.6);
  padding: 6px 10px;
  border: ;
  border-radius: 50%;
}


#selectForm {
    display:none;
}
#selectForm.formShow {
    display:block;
}
.selectHide {
    display:none;
}

#selectForm {
position: fixed;
top: 160px;
right: 0;
bottom: 0;
left: 0;
z-index: 1060;
display: none;
outline: 0;
width: 100%;
background: none;
margin: auto;
overflow-y: scroll;
}





#contentsAP #bfPage1 {
  padding: 15px;
}
#contentsAP #bfPage1 .control-label {
  width: 100%;
  margin-bottom: -5px !important;
  margin-top:0px !important;
}
#selectForm #bfPage1 {
    margin-top: 0;
    border: none;
}
#admin-vehi {
    max-width: 1140px;
    margin: 120px auto 50px;
    display: block;
    width: 100%;
}
.administra-tus-vehiculos {
        min-height:850px;
}

#admin-vehi h2, #cuentaTitulo {
    text-align: center;
    margin-bottom: 50px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 50px;
}
#cuentaTitulo {
    padding-top:20px;
}
.administra-tus-vehiculos-bg {
    background-color:#f7f5f4;
}
.customer_vech_details{ 
	width: 100%; 
	border-collapse: collapse; 
	margin:50px auto;
	}
.section-content video {
    width: 100%;
}

/* Zebra striping */
.specifications-section th {
    color:#000;
}
tr:nth-of-type(odd) { 
	background: #eee; 
	}

th { 
	background: #002c5f; 
	color: white; 
	font-weight: bold; 
	}

td, th { 
	padding: 10px; 
	border: 1px solid #ccc; 
	text-align: left; 
	font-size: 18px;
	}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	.customer_vech_details { 
	  	width: 100%; 
	}
	* Force table to not be like tables anymore *
	table, thead, tbody, th, td, tr {
		display: block; 
	}
	* Hide table headers (but not display: none;, for accessibility) *
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	tr { border: 1px solid #ccc; }
	td { 
		* Behave  like a "row" *
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	td:before { 
		* Now like a table header *
		position: absolute;
		* Top/left values mimic padding *
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		* Label the data *
		content: attr(data-column);

		color: #000;
		font-weight: bold;
	}
}*/

.bt_user_vech{
background: #002c5f;
    border: navajowhite;
    color: #fff;
    width: 100%;
    cursor: pointer;
}
span.em span {
    width: 100%;
}

.box {
    clear:both;
}
.customer_details{
    clear:both;
}
.customer_details p {
    width: 50%;
    float: left;
    padding: 5px 10px 15px 5px;
}

.customer_details label {
    padding: 0 10px 0 0;
	font-weight:bold;
}

input#jform_name {
    display: none;
}
label#jform_name-lbl {
    display: none;
}
.customer_details p span{
    width: 50% !important;
	color:#000;
}
.customer_details p span a{
	color:#000;
pointer-events: none;
  cursor: default;
}



    
.apHeader {
    margin-top:0px;
    background-color:#efefef;
    width:100%;
    padding:60px;
    background-image: url(../../../images/hyundai-heroes/common-ht01-background-cloud-image-w.jpg);
}
.apHeader h2 {
    text-align: center;
    font-size: 36px;
    font-weight: 800;
}
.apHeader h1 {
    text-align: center;
    font-size: 26px;
}
.apNav .nav-tabs {
    border:none;
}
#accesorios .modal-dialog {
    margin-top: 80px;
    max-width: 975px;    
}
.fade.show {
    opacity: 1;
    display:block;
}
.fade:not(.show) {
    opacity: 0;
    display: none;
}
#accesorios .modal {
    padding: 0px;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modalImgOverlay {
    background-color: rgba(0,0,0,0.7);
}

.modal {
    background-color: rgba(0,0,0,0.6);
    z-index: 999999;
}
#contentsAP .modal-content {
    height: 750px;
}
#contentsAP .modal-header p {
    color: #002c5f;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'HyundaiRegular',arial, sans-serif;
    font-size: 26px;
    display: block;
    margin: 0;
    width: 100%;
}
#contentsAP .modal-header button {
    float: none;
    position: absolute;
    right: 15px;
    top: 15px;
}
#modalContent {
    display: flex;
}
#contentsAP .modalContentText h3 {
    text-align: center;
}
#contentsAP .modalContentText a {
    overflow: hidden;
    width: 100%;
    height: auto;
    display: block;
    cursor: pointer;
}
#contentsAP .modalContentText p {
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
}
#contentsAP .modalContentText .fa-search-plus {
    position: absolute;
    top: 215px;
    color: #000;
    opacity: 0.2;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
    font-size: 30px;
    text-align: center;
    width: 50px;
    background-color: rgb(255, 255, 255);
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    display: none;
}
#contentsAP .modalContentText a img {
    transition: all ease-in 0.3s;
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

#modalContent img {
    position: relative;
    z-index: 1;
}
#selectForm .moduletable {
    position: relative;
    width: auto;
    max-width: 991px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#contentsAP .contentsAPBox {
    width: 300px;
    padding: 5px;
    overflow: hidden;
    height: 190px;
}
#contentsAP #ff_form6 {
    background: none !important;
}
#contentsAP #ff_formdiv6 {
    max-width: 400px;
    position: relative;
    margin-left: 30px;
    display: block;
}

#contentsAP #bfPage1 .form-label {
    width: 100%;
    margin-bottom: -5px !important;
    margin-top: 0px !important;
}