body{
/*background-color:#232323;*/
/*padding-bottom:50px;*/
font-family: 'AvenirNextLTProRegular';
font-size: 62.5%;
font-weight: 400;
}

.mobile-only,
.hideThis{
display:none;
}
.per-section-need-help .tout-title,
h1,h2,h3,h4,h5,h6,p, .modal-body ul li,
button > span, 
.value-container{
    transform: rotate(0.001deg) !important;
}
h1{font-size:14pt; /*badge width : 350px*/}
h2{font-size:60pt;line-height:60pt;}
h3{font-size:40pt;line-height:42pt;font-family: "AvenirNextLTProBold";}
h4{font-size:28pt;line-height:18pt;}
h5{font-size:24pt;line-height:18pt;}
h6{font-size:18pt;line-height:18pt;}
p{font-size:14pt;line-height:16pt;}
p a{color:#2198dc;}



/**/

a.btn,
button{
font-family: 'AvenirNextLTProBold';
font-weight:700;
color: #00446B;
text-transform:uppercase;
-webkit-transition: all 0.0s linear;					
transition: all 0.0s linear;
}

a.btn-noTransform,
button{
font-family: 'AvenirNextLTProBold';
font-weight:700;
color: #00446B;
-webkit-transition: all 0.0s linear;					
transition: all 0.0s linear;
text-transform: none !important;
}

a.btn:focus,
a.btn:hover,
button:focus,
button:hover{
color:#2198DC;

}
a.btn:active,
button:active{
color:#01263C;
}


.btn{
padding: 10px 24px;
font-size: 1.6rem;
line-height: 1.8rem;
-webkit-border-radius: 37px;
-moz-border-radius: 37px;
border-radius: 37px;
letter-spacing:0.05rem;
}
.section-description-inner .btn{
padding: 0.75rem 1.3rem;
margin-top:15px;
}

.btn span{
    padding:0px 5px;
}
.primary-btn{
	padding: 0.75rem 1.3rem;
	background-color:#FF4040;
	color:#fff;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	border:2px solid #FF4040;
	border-radius: 2.5rem;
}

.primary-btn span{
	color:#fff;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.primary-btn:focus span{
    color:#ff4040;
}

.primary-btn:hover{background-color:#fff;}
.primary-btn:active{color:#fff;}
.primary-btn:focus{background-color:transparent;}


.primary-btn:hover span{
	
	color:#FF4040;
}

.btn.disabled {
    background-color: #aeaeae;
    border: 2px solid #aeaeae !important;
}

.modal > aside .btn.primary-btn-blue,
.primary-btn-blue{
	background-color:#2197db;
	color:#fff;
	-webkit-transition: color 0.5s, background-color 0.5s;
	transition: color 0.5s, background-color 0.5s;
	border: 2px solid #2197db;
}
.modal > aside .btn.primary-btn-blue:focus,
.primary-btn-blue:focus{color:#2197db;}
.modal > aside .btn.primary-btn-blue:hover,
.primary-btn-blue:hover{background-color:#fafafa;color:#2197db;}
.modal > aside .btn.primary-btn-blue:active,
.primary-btn-blue:active{background-color:#2197db;color:#fff;}

.nopadding{padding:0px;}

.paragraph{
font-size: 1.6rem;
line-height: 1.8rem;
}

.text-shadow{
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

#nav-rail{display:none;}


/*
 *  GLYPHICONS  
 * --------------------------------------------------
 */

.honda-st-icon {
    font-family: "honda-st-icons" !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.honda-st-icon{
    font-size: 29px;
    line-height: 29px;
}

.dl-main.ahm-theme .filter-button i::before,
.honda-st-icon-filter::before {
    content: '\e905'
}

.locate-icon .dl-icon-locate::before{
    content: '\e906'
}

.dealer-phone-icon::before{
    content: '\e90a';
}

.dealer-cta::before{
    content: '\e904';
}


/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
/*
 --------------------------------------------------
*/


header.header-global-nav-bar {
    height: 6rem;
    position: fixed;
    top: 0;
	z-index:9999;
	width:100%;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;

    
}

#secondary-navigation.fix-nav{
    
}



header.header-global-nav-bar.fadeThis{
	height:0px;
}

header.header-global-nav-bar .header-global-nav{
	background-color:#007cc3;
	height:6rem;
	border:0px;
	border-radius:0px;
    margin-bottom:0px;
}

.mMode header.header-global-nav-bar .header-global-nav{
	height:100%;
}

#main{
background-color:#fff;
width:100%;
margin-top:100px;
}

.carousel-hero{
position:relative;
margin-top:0px;
border-bottom:20px solid #fff;
overflow:hidden;
padding:49px 63px;
}
.carousel-hero.column-4,
.carousel-hero.column-5{
    padding: 80px 50px;
}


.carousel-hero.section1{
    /* margin-top:-7rem; */
	/* margin-top:-2.5rem; */ /* Changed to fix mobile issue getting cut off */
    margin-top:  1rem;  /* Update this to add in the alert banner to handle the cutoffs */	
    padding:0px;}
.carousel-hero.column-carousel{padding:49px 0px;}
.carousel-hero.column-3{padding-bottom:39px;}
.carousel-hero.full-carousel{padding:0px;}

.carousel-hero-last{
padding-bottom:88px !important;
}
#hero1.carousel-hero-last{
padding-bottom:0px !important;
}

.hero-header{
    position:relative;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	
}

.hero-header img{
	height:700px;


}

.section1 .hero-header img{
   
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 70%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,0)), color-stop(70%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 70%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 70%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 70%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
       /*  */
}

.hero-header.shorter-header img{

    height:545px;
}
.column-4 .hero-header img,
.column-5 .hero-header img{
	height:200px;
}

#home .hero-header img{
	height:545px;
	/*width:1920px;
	height:auto;*/
}

#home #hero1 .hero-header img{
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 70%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,0)), color-stop(70%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 70%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 70%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 70%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}

#main .full-carousel:nth-child(odd) .hero-header img{
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 70%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,0)), color-stop(70%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 70%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 70%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 70%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 70%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );


}

#main .full-carousel:nth-child(even) .hero-header img {
background: rgba(0,0,0,0);
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}

.hero-header .section-description{
position:absolute;
left:10rem;
right:10rem;
color:#fff;
top: 50%;
transform: translateY(-50%);
}

#hero1 .hero-header .section-description{
color:#fff;
top:6.5rem;
transform: translateY(0);
}

#hero1 .hero-header .section-button{
text-align:center;
padding:38px 0px;
}


.hero-header .section-description .section-description-inner{
width:100%;
}
.section-align-right .hero-header .section-description .section-description-inner{
width:25%;
float:right;
}

.section-align-right .section-description-inner .paragraph{
width:100%;
}

.hero-header .section-description .section-description-inner h2{
width:100%;
font-family:"Avenir Next LT Pro";
font-weight:bold;
font-size: 7rem;
line-height: 8rem;
margin:0px;
}

.hero-header .section-description .section-description-inner h2 sup{
    font-size:1.6rem;
    top:-2em;
    left:0.5em;
    font-family:"AvenirNextLTProRegular";

}

.section1 .section-description-inner .paragraph{
width: 40%;
}
.section-description-inner .paragraph{
font-family:"AvenirNextLTProRegular";
padding:15px 0px;
width: 33%;
font-size: 1.5rem;
line-height: 1.8rem;
}


#secondary-navigation{
padding:0px 0px;
height:auto;
background-color:#fff;
height:10rem;
}

.dMode #secondary-navigation.fixed{
position:fixed;
top:0px;
width:100%;
z-index:9999;
}



#secondary-navigation .wrapper-nav-tab,
#secondary-navigation .wrapper-nav{
height:auto;
text-align:center;
vertical-align: middle;
top: 50%;
transform: translate(0px, -50%);
position:relative;
}
#secondary-navigation .wrapper-nav-tab ul,
#secondary-navigation .wrapper-nav ul{
display:inline-block;
padding:0px;
margin:0 auto;
text-align:center;
position:relative;
top:25%;
width:100%;
}
#secondary-navigation .wrapper-nav-tab ul > li,
#secondary-navigation .wrapper-nav ul > li{
display:inline-block;
line-height:100%;
padding: 0 2.77778%;
border-right: .2rem solid #e5e5e5;
height: auto;
vertical-align: middle;
}


#secondary-navigation .wrapper-nav-tab ul > li:last-child,
#secondary-navigation .wrapper-nav ul > li:last-child{
border-right: 0rem solid #e5e5e5;
}
#secondary-navigation .wrapper-nav-tab ul li a.button-bar-btn,
#secondary-navigation .wrapper-nav ul li a.button-bar-btn{
padding:0px;
background-color:transparent;
border:0px;
font-size: 1.6rem;
line-height: 1.8rem;
height: 4.8rem;

display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

display:box;
box-pack:center;
box-align:center;
}

#secondary-navigation .wrapper-nav-tab ul li a.button-bar-btn{
    height:3.8rem;
}

.mMode #secondary-navigation .wrapper-nav-tab ul li a,
.mMode #secondary-navigation .wrapper-nav ul li a{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#secondary-navigation .wrapper-nav-tab ul li a.active,
#secondary-navigation .wrapper-nav ul li a.active{

}



#secondary-navigation .wrapper-nav-tab ul li a:hover,
#secondary-navigation .wrapper-nav ul li a:hover{

color:#2198DC;
}


#secondary-navigation .wrapper-nav ul li a.sel{
    color:#2198DC;
}


#secondary-navigation .wrapper-nav-tab ul li a:active,
#secondary-navigation .wrapper-nav-tab ul li a.active,
#secondary-navigation .wrapper-nav ul li a:active,
#secondary-navigation .wrapper-nav ul li a.active{
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.0) inset;
}
#secondary-navigation.fixed .wrapper-nav-tab ul li a.active:hover,
#secondary-navigation.fixed .wrapper-nav ul li a.active:hover{

}
#secondary-navigation .wrapper-nav-tab ul li a:hover,
#secondary-navigation .wrapper-nav ul li a:hover{
text-decoration:none;
}




#secondary-navigation .navbar-collapse ul li a {
    color: #00446b;
    font-family: "AvenirNextLTProBold";
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.6rem;
    height: 4.8rem;
    line-height: 1.8rem;
    letter-spacing:0.5px;
}
#secondary-navigation .navbar-collapse{
    height:auto;
text-align:center;
vertical-align: middle;
top: 50%;
transform: translate(0px, -50%);
position:relative;
}
#secondary-navigation .navbar-collapse .nav{
    text-align:center;
    display:inline-block;
    float:none;
    width:100%;

}

#secondary-navigation .navbar-collapse .nav li{
    display:inline-block;
    float:none;
    text-align:center;
    padding: 0 2.77778%;
    border-right: 0.2rem solid #e5e5e5;
}

#secondary-navigation .navbar-collapse .nav li:last-child{
    border-right:0px;
}

#secondary-navigation .navbar-collapse ul li.sel a{
    color:#007cc3;
}
#secondary-navigation .navbar-collapse .nav li a:focus,
#secondary-navigation .navbar-collapse .nav li a:hover{
    background-color:transparent;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

.section2.column-2{
/*padding:58px 78px;
padding:47px 58px 48px;*/
background-color:#ffffff;
position:relative;
}

.column-3{
padding:58px 78px;
padding:25px 58px;
/*padding-left:38px;
padding-right:38px;*/
background-color:#ffffff;
position:relative;
}

.column-3 .container-fluid{
    padding-left:5px;
    padding-right:5px;
}

.bg-section-2-blue-background{
height:60%;
background-color:#01263c;
position:absolute;
width:100%;
top:0px;
bottom:auto;
left:0px;
z-index:1;
}

.section2.column-2 .hero-header{
position:relative;
z-index:2;
background-repeat:no-repeat;
-webkit-box-shadow: 10px 10px 15px -10px rgba(0,0,0,0.3);
-moz-box-shadow: 10px 10px 15px -10px rgba(0,0,0,0.3);
box-shadow: 10px 10px 15px -10px rgba(0,0,0,0.3);
background-position:top center;
}


.section2.column-2 .hero-header:hover .section-description .section-description-inner button{
	background-color:#fff;color:#eb3c3f;
}
.column-3-custom .per-section > .box-white > .overlay-link,
.section2.column-2 .hero-header .overlay-link{
    width:100%;
    height:100%;
    float:left;
    position:absolute;
     /* z-index:9998; */   /* Disable because causings Video Display issues */
	z-index:9998;
    top:0px;
    left:0px;
}



.play-btn{
    width: 8rem;
    height: 8rem;
    background-color:#fff;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    -webkit-border-radius: 100px 100px 100px 100px;
    -webkit-transition: color 0.2s linear;					
    transition: color 0.2s linear;
    z-index:999;
    opacity:.8;
}

.play-btn .ion-play{
     position:absolute;
    top: 51%;
    left: 55%;
    transform: translate(-50%, -50%);
    font-size:48px;
    color:#2198dc;
    -webkit-transition: color 0.2s linear;					
    transition: color 0.2s linear;
}
.hero-header:hover .play-btn{
    background-color:#2198dc;
}
.hero-header:hover .play-btn .ion-play{
    color:#fff;
}

.column-2 .play-btn{
    z-index:0;
}

.column-3 .per-section .box-white:hover .play-btn{
      background-color:#2198dc;
      opacity:1;
}

.column-3 .per-section .box-white:hover .play-btn .ion-play{
      color:#fff;
}




.modal-backdrop{
    z-index: 99998;
}
.modal{
    z-index: 99999;
}

.section2.column-2 .hero-header:hover .primary-btn{ background-color:#fff; }
.section2.column-2 .hero-header:hover .primary-btn span{ color:#ff4040; }

.column-3-custom .per-section > .box-white:hover .secondary-btn{
    color:#00446b;
}


.section2.column-2 .hero-header img{
/*height:445px;*/
height:370px;
/*height:470px;*/

background: rgba(0,0,0,0);
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1.0) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1.0)));
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1.0) 100%);
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1.0) 100%);
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1.0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1.0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );

}

.section2.column-2 .hero-header .section-description .section-description-inner h3{
font-size: 2.2rem;
    letter-spacing: 0.01rem;
font-family:"AvenirNextLTProBold";
line-height:3rem;
margin-bottom:0px;

}
.section2.column-2 .hero-header .section-description{
top:auto;
left:4rem;
right:4rem;
bottom:3.5rem;
text-align:center;
transform: translateY(0%);
}

.section2.column-2 .hero-header .section-description .section-description-inner .paragraph{
width:100%;
 font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 1.8rem;
    padding-top:1rem;
}

.section2.column-2 .hero-header .section-description .section-description-inner  button{
padding: 10px 20px
}

.section2.column-2 .col-child-1{
padding-right:20px;

}

.section2.column-2 .col-child-2{
padding-left:20px;
}

.section2.column-2 #sub-header-carousel .item:first-child .col-child-2{
padding-left:0px;
padding-right:20px;
}

.carousel-hero{
border-bottom:0px;
}
#home #hero1.carousel-hero{
border-bottom:0px;
}
#home .carousel-hero{
border-bottom:20px solid #fff;
}
#home .carousel-hero-last {
padding-bottom:0px !important;
}

.column-3 .per-section{
padding:0px 5px 0px 5px;
height:474px;
overflow:hidden;
}

.column-3 .per-section .box-white{
height:464px;
display:block;
overflow:hidden;
background-color:#fff;
-webkit-box-shadow: 0 3px 4px -1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 3px 4px -1px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 4px -1px rgba(0, 0, 0, 0.15);
position:relative;
}

.column-3 .per-section:nth-child(3n+1){
    padding-left:15px;
}

.column-3 .per-section:nth-child(3n+3){
    padding-right:15px;
}

.column-3 .per-section:nth-child(3n+1) .box-white {
-webkit-box-shadow: 0 5px 10px 0 rgba(8, 29, 42, 0.04);
-moz-box-shadow: 0 5px 10px 0 rgba(8, 29, 42, 0.04);
box-shadow: 0 5px 10px 0 rgba(8, 29, 42, 0.04);

}
.column-3 .per-section:nth-child(3n+2) .box-white{
-webkit-box-shadow: 0 5px 10px 0 rgba(8, 29, 42, 0.04);
-moz-box-shadow: 0 5px 10px 0 rgba(8, 29, 42, 0.04);
box-shadow: 0 5px 10px 0 rgba(8, 29, 42, 0.04);
}
.column-3 .per-section:nth-child(3n+3) .box-white{
-webkit-box-shadow: 0 5px 10px 0 rgba(8, 29, 42, 0.04);
-moz-box-shadow: 0 5px 10px 0 rgba(8, 29, 42, 0.04);
box-shadow: 0 5px 10px 0 rgba(8, 29, 42, 0.04);
}

.column-3 .per-section .box-white.bg-gray{
background-color:#f2f2f2;
}

.column-3 .per-section .box-white .hero-header{
background-size:auto auto;
/*background-size:auto 120%;*/
/*
-webkit-transition: background-size 0.4s ease-in;
transition: background-size 0.4s ease-in;
*/
background-repeat:no-repeat;

}

.column-3 .per-section .box-white .hero-header.hero-header-left{
    background-position: right center;
}

.column-3 .per-section .box-white .hero-header.hero-header-right{
    background-position: left center;
}

.column-3 .per-section .box-white:hover .hero-header{
/*background-size:auto 120%;*/
z-index:800;
position:relative;
}


.column-3 .per-section .hero-header img{
/*height:258px;*/
height:254px;
/*width:100%;*/
width:auto;
}

.column-3 .per-section .box-white .section-description{
display:inline-block;
width:100%;
height: 200px;
min-height:200px;
overflow:visible;
position:relative;
z-index:999;
vertical-align:baseline;
position:absolute;
bottom:0px;
}

.column-3 .per-section .box-white .section-description .section-description-inner{
    
padding:5px 5%;
/*padding:15px 0px;*/
position:relative;
/*bottom:20px;*/
display:inline-block;
text-align:center;
position: absolute;
bottom:0px;
width:100%;
}

.column-3 .per-section .box-white .section-description .section-description-inner h3{
text-align:center;
font-size: 2.2rem;
font-family: "AvenirNextLTProBold";
line-height: 3rem;
color:#00446b;
margin:15px 0px 0px 0px;
letter-spacing:0.01rem;
height:5rem;

}

.column-3 .per-section .box-white .section-description .section-description-inner .paragraph{
width:100%;
color:#00446b;
text-align:center;
font-size:14px;
float:left;
font-size: 1.5rem;
line-height: 1.8rem;
height:9rem;
padding: 5px 0px;
}
.column-3 .per-section .box-white .section-description .section-description-inner .cta-container{
position:relative;
bottom:0px;
padding:0;
left:0;
right:auto;
width:100%;
text-align:center;
float:left;
margin-bottom:10px;
text-align:center;
}
.cta-btn.secondary-btn,
.column-3 .per-section .box-white .section-description .section-description-inner .cta-container .overlay-link{
position:relative;
bottom:0px;
left:auto;
right:auto;
display:block;
width:auto;
margin:0 auto;
font-family: "AvenirNextLTProBold";
color:#2198dc;
text-transform:uppercase;
font-size:16px;
-webkit-transition: color 0.2s linear;					
transition: color 0.2s linear;

box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset;
}

.column-3 .cta-btn.secondary-btn{
font-size: 1.6rem;
line-height: 1.8rem;
letter-spacing:0.05rem;
}

.cta-btn.secondary-btn:hover,
.column-3 .per-section .box-white:hover .section-description .section-description-inner .cta-container .overlay-link{
color:#00446b;
text-decoration:none;
}

.section4 #marketingModule.carousel .carousel-control .glyphicon-chevron-left{
left:10%;
}.section4 #marketingModule.carousel .carousel-control .glyphicon-chevron-right{
right:10%;
}

.section4 #marketingModule.carousel .item .carousel-caption.top-left-caption{
left:0px;
right:40%;
text-align:left;
top:0px;
padding:30px;
width:40%;
}
.carousel-inner .hero-header{
background-position: right center;
}
#marketingModule .carousel-inner .hero-header{
background-position: right center;
}
.carousel-inner .hero-header img{
height:545px;
}
.carousel-inner .item{
background-size:auto auto;
height:545px;

}
.carousel-inner img.carousel-spacer{
height:545px;
width:100%;
}

.section4 #marketingModule.carousel .item .carousel-caption.top-left-caption h2{
padding:0px;
margin:0px;
text-align:left;
font-size:44px;
line-height:120%;
}
.section4 #marketingModule.carousel .item .carousel-caption.top-left-caption .paragraph{
padding:5px 0px;
margin:0px;
text-align:left;
width:50%;
line-height:140%;
}

.section4 #marketingModule.carousel .carousel-control{
height:15%;
top:42.5%;
max-width:50px;
background-color:#fff;
opacity:.8;
-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.section4 #marketingModule.carousel .carousel-control.left{
-webkit-border-radius: 0px 15px 15px 0px;
-moz-border-radius: 0px 15px 15px 0px;
border-radius: 0px 15px 15px 0px;
}

.section4 #marketingModule.carousel .carousel-control.right{
-webkit-border-radius: 15px 0px 0px 15px;
-moz-border-radius: 15px 0px 0px 15px;
border-radius: 15px 0px 0px 15px;
}

.section4 #marketingModule.carousel .carousel-control:hover{
opacity:1;
}

.section4 #marketingModule.carousel .carousel-control svg{
fill: #00446b;
width:40px;
height:54%;
position:absolute;
top:25%;
transform: translateY(0%);
}

.section4 #marketingModule.carousel .carousel-control.left svg{
left:0px;

}
.section4 #marketingModule.carousel .carousel-control.right svg{
right:0px;
}

.section4 #marketingModule.carousel .carousel-control .fa{
font-size:60px;
position:absolute;
}
.section4 #marketingModule.carousel .carousel-control .fa-angle-right{
margin:auto;
margin-right:0%;
top:25%;
right:35%;
}
.section4 #marketingModule.carousel .carousel-control .fa-angle-left{
margin:auto;
margin-left:0%;
top:25%;
left:35%;
}


.main-section.section1{
background-color:#fff;
color:#00446b;
padding:80px 0px 50px;
}

.secondary-section.section2 h2,
.main-section.section1 h2{
text-align:center;
padding:15px 0px;
margin:0px;
}


.main-section.section1 .paragraph{
text-align:center;
padding:5px 12%;
font-size:22px;
line-height:140%;
position:relative;
}
.main-section.section1 .paragraph p{
font-size:22px;
line-height:140%;
}

.main-section.section1 .container .ask-container{
top:1%;
right:1%;
position:absolute;
cursor:pointer;
}

.box-white{
background-color:#fff;
float:left;
width:100%;
height:100%;
z-index:1;
}

.box-white h3{
text-align: center;
font-size: 22px;
font-family: "AvenirNextLTProBold";
line-height: 120%;
color: #00446b;
}

.box-white .paragraph{
width:100%;
text-align:center;
color:#00446b;
}
.column-4 .box-white .paragraph,
.column-5 .box-white .paragraph{
    padding:15px 0px;
}

.section2.column-2 .container-fluid{
position:relative;
z-index:2;
}

.box-white .section-description .form-design{
padding:15px 15px;
margin:20px 0px;
}

.box-white .section-description .form-design#vinForm2{
margin-bottom:0px;
}

.box-white .section-description #vinForm2.form-design{
margin-top:3%;
position:relative;
}

.box-white .section-description #vinForm2.form-design .accordion.form-container{
margin-bottom:50px;
}

.box-white .section-description #vinForm2.form-design .cta-container .primary-btn{
text-align:center;
margin:0 auto;
display:inline-block;
}
.box-white .section-description #vinForm2.form-design .cta-container{
text-align:center;
margin:0 auto;
display:inline-block;
width:100%;
}

.box-white .section-description .form-design label{
font-size:11px;
text-align:left;
line-height:140%;
padding:5px 15px 15px 15px;
color:#00446b;
float:none;
width:100%;
font-family: "AvenirNextLTProRegular";
font-weight:normal;
}
.column-4 .box-white h3.feature-model,
.column-5 .box-white h3.feature-model{
    margin:0;
    font-size:28px;
    text-align:left;
    line-height:140%;
    padding:10px;
}
.column-4 .box-white .feature-title,
.column-5 .box-white .feature-title {
    display: table;
    background-color: #6bb3db;
    font-family: "AvenirNextLTProBold";
     font-size:28px;
     color:#fff;
     height:75px;
     line-height:120%;
     text-align:center;
     width:100%;
    margin:0px;
    padding:5px 0px;
    transform: rotate(0.000deg);
}
.column-4 .box-white .feature-title h4,
.column-5 .box-white .feature-title h4{
   
    font-size:28px;
     line-height:120%;
     margin:0px;
     text-align:center;
          display: table-cell;
    vertical-align: middle;
    line-height:110%;
}
.column-4 .box-white .paragraph,
.column-5 .box-white .paragraph {
    padding:15px 15px;
    background-color:#f6f6f6;
     color:#000000;
      font-size:12px;
      font-family:"AvenirNextLTProBold";
      text-align:left;
      height:160px;
}
.column-4 .box-white .paragraph ul,
.column-5 .box-white .paragraph ul{
    margin:0px;
    padding:0px;
    text-align:left;
    list-style-position:inside;
}
.column-4 .box-white .paragraph ul li,
.column-5 .box-white .paragraph ul li{
     font-family:"AvenirNextLTProRegular";
    font-size:12px;
    color:#000000;
    font-weight:normal;
}
.column-4 .box-white .feature-title.arrow_box,
.column-5 .box-white .feature-title.arrow_box {
	position: relative;
	background: #6bb3db;
}
.column-4 .box-white .feature-title.arrow_box:after,
.column-5 .box-white .feature-title.arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(107, 179, 219, 0);
	border-top-color: #6bb3db;
	border-width: 8px;
	margin-left: -8px;
}
.column-4 .section-footer,
.column-5 .section-footer{
    padding:10px;
}
.column-4 .section-footer p,
.column-5 .section-footer p{
    font-size:10px;
    margin-bottom:5px;
    padding:0px;
    line-height:120%;
}
.column-4 .section-button,
.column-5 .section-button{
    height:100px;
    position:relative;
    text-align:center;
}
.column-4 .section-button .cta-container,
.column-5 .section-button .cta-container{
  display:inline-block;
  position:relative;
  top:40px;
}
.column-4 .section-button .btn,
.column-5 .section-button .btn{
background-color:#2197db;
color:#fff;
position:relative;
border-radius: 2.5rem;
-webkit-transition: color 0.5s, background-color 0.5s;
	transition: color 0.5s, background-color 0.5s;
    float:left;
    text-align:center;
text-align:center;
font-size: 1.6rem;
    letter-spacing: 0.05rem;
    line-height: 1.8rem;
    padding: 0.75rem 1.3rem;
    margin:0 auto;
    display:inline-block;
}
.column-4 .section-button .btn:hover,
.column-5 .section-button .btn:hover{

background-color:#00446b;
}

.search-input-container{
border:1px solid #f6f6f6;
padding:5px;
position:relative;
-webkit-border-radius: 37px;
-moz-border-radius: 37px;
border-radius: 37px;
}

.search-input-container .txt{
border:0px;
font-size:16px;
width:100%;
padding:2px 25px 2px 25px;
text-transform:uppercase;
color:#00446b;
text-align:center;
}

.light-container.search-input-container .btn{
background-color:#2197db;
color:#fff;
position:absolute;
right:3px;
top:2px;
height:36px;
width:36px;
-webkit-transition: color 0.5s, background-color 0.5s;
	transition: color 0.5s, background-color 0.5s;
padding:2px;
text-align:center;
}

.light-container.search-input-container .btn:hover{

background-color:#00446b;
}
.light-container.search-input-container .btn svg,
.light-container.search-input-container .btn .fa{
color:#fff;
font-size:16px;
line-height:30%;
margin:0 auto;
width:100%;
text-align:left;
position: relative;
width:25px;
float:right;
height:30px;
fill:#fff;
padding:3px;
}

.light-container.search-input-container .btn:hover svg,
.light-container.search-input-container .btn:hover .fa{

}

.light-container.search-input-container .btn > svg > use{

}

.recalls .box-white .section-description .cta-btn.secondary-btn{
text-align:center;
font-weight:normal;
font-family: "AvenirNextLTProRegular";
color:#2198dc;
text-transform:none;
font-size:1.5rem;
}



.recalls .box-white .section-description .btn-container{
line-height:140%;
padding:0px;

}
.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container{
position:static;
bottom:0px;
height:100px;
}
.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .fieldset-action{
    overflow:hidden;
}
.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .btn{
position:absolute;
bottom:50px;
left:35%;
width:30%;
margin:0 auto;
height:auto;
}

.secondary-btn-container{
text-align:center;
padding:15px 0px 30px;
}

.secondary-btn-container .secondary-btn.disabled{
color:#fff;
background-color:#aeaeae;
}

.recalls .box-white .section-description .btn-container .cta-container{
padding:5px;
line-height:100%;
}


.secondary-section.section2.column-2.shadow{
background-color:#fff;
padding-bottom:43px;
}

.secondary-section.section2.column-2{
padding: 58px 78px;
}

.secondary-section.section2.column-2.row{
    margin-left:0px;
    margin-right:0px;
}

.secondary-section.section2.column-2.shadow .col-child{
padding-bottom:15px !important;
}

.column-4 .per-section .box-white,
.secondary-section .box-white,
.column-5 .per-section .box-white,
.secondary-section.section2.column-2.shadow .col-child .box-white{
-webkit-box-shadow: 10px 10px 20px -10px rgba(0,0,0,0.3);
-moz-box-shadow: 10px 10px 20px -10px rgba(0,0,0,0.3);
box-shadow: 10px 10px 20px -10px rgba(0,0,0,0.3);
}
.secondary-section.section2.column-2.shadow .col-child .box-white .section-description{
float:left;
width:100%;
}

.column-5 .per-section .box-white{
    width:101%;
}

.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner{
float:left;
width:100%;
position:relative;
}


.label-container{
text-align:center;
}

.label-container .blue-label{
color:#fff;
background-color:#007cc3;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
height:70px;  /*shrink the or button*/
width:70px;
/*position:absolute;
margin-left:-70px;
margin-top:-15%;*/

}

#content .label-container .blue-label{
    text-align:center;
/*margin:-275px auto 0px !important;*/
display:block;
}
/*recalls blue lable*/
#content #search-different-vehicle .label-container .blue-label{

margin:-275px auto 0px !important;/**/

}

#content .label-container.desktop-only{
    position:absolute;
    left:0px;
}

#content .label-container.mobile-onlye .blue-label{
    position:relative;
}

#content #owners-manual-warranty .label-container.desktop-only .blue-label{
    margin:130px auto 0px;
z-index:999;
position:relative;
text-align:center;

}

/*blue lable iphone 5 overlapping*/
.label-container .blue-label {
    border-radius: 100px;
    height:70px; /*b2cdev shrink the or button */
    width: 70px;
    color: #fff;
background-color: #007cc3;
}
.label-container .blue-label .txt-label{
font-size:30px;  /*b2cdev shrink the or button */
font-weight:normal;
margin-top:15px;  /*b2cdev Reducing the size of recalls bule button from 35px*/
float:left;
width:100%;
font-family: 'Avenir Medium';
}




.select-container{
border:0px;
position:relative;
border:1px solid #f6f6f6;
padding:0px;
cursor:pointer;
}

.select-container .txt{
border:0px;
font-size:21px;
padding:10px 45px 10px 10px;
color:#00446b;
font-family: "AvenirNextLTProBold";
text-transform:uppercase;
font-size:16px;
width:100%;
cursor:pointer;
}


.group-select-container .light-container.select-container {
position:relative;
background-color:#fff;
}

.group-select-container .light-container.select-container .btn{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background-color:transparent;
position:absolute;
right:0px;
height:42px;
width:42px;
font-size:12px;
-webkit-transition: color 0.5s, background-color 0.5s;
transition: color 0.5s, background-color 0.5s;
line-height:100%;
text-align:center;
top:0px;
}

.group-select-container .light-container.select-container .btn:active{
box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset;
}

.group-select-container .light-container.select-container .btn svg{
color:#2197db;
line-height:30%;
margin:0 auto;
width:100%;
text-align:right;
width:30px;
height:20px;
fill:#2197db;
padding:0px;
-webkit-transition: color 0.5s, background-color 0.5s;
transition: color 0.5s, background-color 0.5s;
position:absolute;
float:right;
right:10px;
}

.group-select-container .light-container.select-container .btn:hover svg{
color:#00446b;
}

.group-select-container .light-container.select-container .btn svg use{
position:absolute;
left:0px;
padding:0px;
margin:0px;
height:0px;
width:0px;
}

.group-select-container{
position:relative;
margin-bottom:25px;
}
.group-select-container .option-container{
padding:5px;
position:absolute;
background-color:#fff;
border:1px solid #f6f6f6;
border-top:0px;
width:100%;
z-index:3;
margin-top:-1px;
cursor:pointer;
}

.group-select-container .option-container.collapse.in{

}

.group-select-container .option-container .per-option{
padding:5px 10px;
font-size:14px;
color:#00446b;
font-family: "AvenirNextLTProBold";
-webkit-transition: color 0.5s, background-color 0.5s;
	transition: color 0.5s, background-color 0.5s;
}

.group-select-container .option-container .per-option:hover{
background-color:#00446b;
color:#fff;
}

.group-select-container{
cursor:pointer;
}



.tertiary-section.section-result{
border-top:1px solid #e4e4e4;
background-color:#fff;
}

.tertiary-section.section-result h2{
padding-top: 20px;
font-size:32px;
line-height:140%;
margin:0px;
color:#00446b;
font-family: "AvenirNextLTProBold";
}

.tertiary-section.section-result .search-information{
color:#00446b;
font-family:"AvenirNextLTProRegular";
width:80%;
float:right;
}

.tertiary-section.section-result .search-information .search-label{
font-weight:bold;
text-align:right;
width:50%;
float:left;
padding:1px 5px;
font-family: "AvenirNextLTProBold";
font-size:14px;
line-height:120%;
}

.tertiary-section.section-result .search-information .search-value{
text-align:left;
width:50%;
float:left;
padding:1px 5px;
font-size:14px;
line-height:120%;
}

.tertiary-section.section-result .section-result-header{
padding:18px 78px 38px;
}

.tertiary-section.section-result .section-result-content{
background-color:#e5e5e5;
padding:30px 78px 0px;
}
.about-honda-parts .tertiary-section.section-result{
padding:50px 78px 50px;
background-color:#e5e5e5;
}

.about-honda-parts #result-list{
margin-top:20px;
}

.about-honda-parts .tertiary-section.section-result .section-result-content{
background-color:#fff;
padding-top:50px;
}

.about-honda-parts .result-list .per-result-header{
padding: 15px 25px;
}

.about-honda-parts .result-list .per-result-content{
border: 2px solid #f2f2f2;
border-top:0px;
padding: 25px;
}
.about-honda-parts .result-list .per-result-content h2{
padding-bottom:25px;
}
.about-honda-parts .result-list .per-result-content h4,
.about-honda-parts .result-list .per-result-content p{
padding:5px 25px;
margin-bottom:0px;
}

.about-honda-parts #section-result .section-result-content .container{
width:100%;
}

.tertiary-section.section-result .section-result-content .result-control{
float:right;
padding:5px 0px;
}

.tertiary-section.section-result .section-result-content .result-control .control-link{
padding:5px 5px;
font-family: 'AvenirNextLTProBold';
text-transform:uppercase;
font-size:14px;
letter-spacing:0.5px;
-webkit-transition: color 0.5s, background-color 0.5s;
	transition: color 0.5s, background-color 0.5s;
	color:#2197db;
	float:left;
	cursor:pointer;
}
.tertiary-section.section-result .section-result-content .result-control .control-link:hover{
text-decoration:none;
color:#00446b;
}

.tertiary-section.section-result .section-result-content .result-control .control-link .btn-circle{
background-color:#2197db;
padding:5px;
float:left;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
color:#fff;
width:25px;
height:25px;
-webkit-transition: color 0.5s, background-color 0.5s;
	transition: color 0.5s, background-color 0.5s;
	fill:#fff;
}

.tertiary-section.section-result .section-result-content .result-control .control-link:hover .btn-circle{
background-color:#00446b;
}

.tertiary-section.section-result .section-result-content .result-control .control-link .btn-circle svg{
	color: #fff;
    fill: #fff;
    font-size: 15px;
    height: 15px;
    line-height: 30%;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    text-align: left;
    width: 15px;
}
.tertiary-section.section-result .section-result-content .result-control .control-link .btn-circle svg use{
	float:left;
	color:#fff;
	fill:#fff;
}
.tertiary-section.section-result .section-result-content .result-control #print-icon .btn-circle{
	padding:2px;
}
.tertiary-section.section-result .section-result-content .result-control #print-icon .btn-circle svg{
	height:20px;
	width:20px;
}

.tertiary-section.section-result .section-result-content .result-control .control-link .btn-label{
line-height:140%;
padding:3px 5px;
float:left;
}
/*
.tertiary-section.section-result .section-result-content .result-control a .btn-circle-light .fa{
background-color:#2197db;
color:#fff;
border:1px solid #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
margin:0px 0px 0px;
font-size:13px;
width:14px;
height:14px;
}
*/
.result-list{
padding:0px 0px;
margin-top:40px;
}

.result-list .per-result{
margin-bottom:50px;

overflow:hidden;
}

.result-list .per-result{
margin-bottom:20px;
}

.result-list .per-result-header.collapsed{

overflow:hidden;
}

.result-list .per-result-header:after {
	top: 100% !important;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #f6f6f6;
	border-width: 18px;
	margin-left: -18px;
}

.result-list .per-result-header.collapsed:after {
	top: 0%;
}

.result-list .per-result-header{
	overflow:hidden;
	padding:15px 25px 15px 85px;
	font-size:22px;
	font-family:"AvenirNextLTProRegular";
	background-color:#f6f6f6;
	color:#00446b;
	position: relative;
	cursor:pointer;
	overflow:visible;
}



.result-list .per-result-header .btn-circle-line{
float:right;
cursor:pointer;
border:1px solid #2197db;
background-color:transparent;
padding:3px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
color:#fff;
width:32px;
height:32px;
-webkit-transition: color 0.5s, background-color 0.5s;
	transition: color 0.5s, background-color 0.5s;
position:relative;
}

.result-list .per-result-header .btn-circle-line svg{
text-align:center;
/*padding:7px 3px;*/
color:#2197db;
line-height:20%;
font-size:12px;
width:31px;
height:31px;
fill:#2197db;
float:left;
text-align:center;
padding:0px;
margin:0 auto;
position:absolute;
left:0%;
top:0%;
}
.result-list .per-result-header .btn-circle-line.active svg.svg-plus-blue-only{
display:none;
}




.result-list .per-result-content{
padding:25px 85px 25px 85px;
background-color:#fff;
color:#00446b;
display:none;
width:100%;
}
.result-list .per-result-content li,
.result-list .per-result-content p{
font-size:14px;
padding:5px 0px;
}
.result-list .per-result-content h1,
.result-list .per-result-content h2,
.result-list .per-result-content h3,
.result-list .per-result-content h4,
.result-list .per-result-content h5{
font-family: 'AvenirNextLTProBold';
padding:0px;
margin:0px;
line-height:100%;
}
.result-list .per-result-content h1{font-size:24px;}
.result-list .per-result-content h2{font-size:21px;}
.result-list .per-result-content h3{font-size:18px;}
.result-list .per-result-content h4{font-size:15px;}
.result-list .per-result-content h5{font-size:12px;}

.result-list .per-result-content p strong{
font-family: 'AvenirNextLTProBold';
}

.last-section.section-last{
background-color:#e5e5e5;
padding:50px 0px 75px;
}



.section-result .next-step .box-white h2,
.last-section.section-last .box-white h2{
padding:15px 85px;
margin:0px;
font-family: 'AvenirNextLTProBold';
font-size:32px;
color:#00446b;
border-bottom:1px solid #e4e4e4;

}

.section-result .next-step .box-white .paragraph,
.last-section.section-last .box-white .paragraph{
padding:25px 85px 25px;
}
.section-result .next-step .box-white .paragraph p,
.last-section.section-last .box-white .paragraph p{
text-align: left;
font-family: "AvenirNextLTProRegular";
font-size:14px;
color:#00446b;
}

.section-result .next-step .box-white .paragraph .form-design{
padding-right:70%;
margin:15px 0px;
}

.section-result .next-step .box-white .paragraph .form-design#zipForm .search-input-container{
padding:3px;
}

.section-result .next-step .box-white .paragraph .form-design#zipForm .search-input-container .txt{
text-align:left;
}

.section-result .light-container.search-input-container .btn{

}

.section-result .search-input-container .txt{
padding: 8px 45px 8px 15px;
}

.last-section.section-last .box-white  .col-3-group{
padding: 15px 85px 50px;
overflow:hidden;
}

.last-section.section-last .box-white  .col-3-group h4{
font-family: "AvenirNextLTProBold";
font-size:14px;
line-height:140%;
margin:0px;
padding:0px;
color:#00446b;
}

.last-section.section-last .box-white  .col-3-group p{
text-align: left;
font-family: "AvenirNextLTProRegular";
font-size:14px;
color:#00446b;
}
.last-section.section-last .box-white .col-3-group .col-1{padding-right:50px;}
.last-section.section-last .box-white .col-3-group .col-2{padding-left:50px;}
.last-section.section-last .box-white .col-3-group .col-3{padding-left:50px;}


#sub-header .carousel-control .fa{
font-size:60px;
top:15%;
position:absolute;
}

#sub-header .carousel-control .fa-angle-right{
margin:auto;
margin-right:0%;
top:15%;
right:25%;
}
#sub-header .carousel-control .fa-angle-left{
margin:auto;
margin-left:0%;
top:15%;
left:25%;
}




#sub-header .carousel-control {
    height: 20%;
	max-width: 50px;
    top: 40%;
	display:none;
}

footer{min-height:200px;Display:none;}
.footer-text{display:none;}
.custom-recall body{padding-bottom:0px;}
.custom-recall footer{	background-color:#fff;}
.custom-recall footer .footer-text{
	padding:25px 0px;
	display:block;
}
.custom-recall footer .footer-text p{
	font-size:14px;
	margin:0px;
}

.arrow_box-right {
	position: relative;
	background: #fff;
}
.arrow_box-right:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
	border-width: 30px;
	margin-top: -30px;
}

.arrow_box-left {
	position: relative;
	background: #00446b;
}
.arrow_box-left:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #00446b;
	border-width: 30px;
	margin-top: -30px;
}


/* MODAL CUSTOM */
.modal.custom-modal{
    z-index:999999;
    font-size:14px;
    
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.modal.custom-modal .modal-dialog{
    margin:50px auto;
    width:100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
#modal-video .modal-content,
.modal.uibox-content .modal-content,
.modal.custom-modal .modal-dialog .modal-content{
   -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border:0px;
}
#modal-video .modal-header{
    background-color:#fff;
}
#modal-video .modal-header,
.modal.uibox-content .modal-header,
.modal.custom-modal .modal-dialog .modal-header{
    padding:10px 15px 10px 15px;
    position:relative;
}

#modal-video .modal-header .title,
.modal.uibox-content .modal-content .modal-header .title,
.modal.custom-modal .modal-dialog .modal-header h4{
    color: #00446b;
    font-family: "AvenirNextLTProBold";
    text-align:left;
    padding-left:15px;
    padding-right:15px;
    display:block;
    padding:5px 15px;
    font-size:28pt;
    line-height: 1.25em;
    margin:0px;
}
#modal-video .modal-header .close,
.modal.uibox-content .modal-content .modal-header .close,
.modal.custom-modal .modal-dialog .modal-header .close{
    margin:5px;
    float:right;
    width:48px;
    height:48px;
    fill:#007cc3;
    opacity: 0.6;
    border:0px solid #007cc3;

    -webkit-transition: all 0.4s linear;					
transition: all 0.4s linear;
}
.modal.uibox-content .modal-content .modal-header .close:hover,
.modal.custom-modal .modal-dialog .modal-header .close:hover{
    opacity: 1;
}

.modal.uibox-content .modal-content .modal-header .close svg,
.modal.custom-modal .modal-dialog .modal-header .close svg{
    width:100%;
    height:100%;

}

#modal-video .modal-header .close i,
.modal.uibox-content .modal-content .modal-header .close i,
.modal.custom-modal .modal-dialog .modal-header .close i{
    font-size:48px;
    color:#007cc3;
}



.modal.uibox-content .modal-content .modal-body,
.modal.custom-modal .modal-dialog .modal-body{
    padding: 60px 25%;
    font-size: 2.0rem;
    text-align:left;
    line-height:140%;
}

#modal-video .modal-body{
    padding:0px 20% 15px;
}

.modal #send-email .modal-body{
    padding:25px 25%;
}

.modal #send-email .modal-body .validation-form .row-content label{
     font-family: "AvenirNextLTProRegular";
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight:normal;
}

.modal #send-email .modal-body .validation-form .row-content input[type="text"]{
    padding:8px;
     border: 1px solid #f6f6f6;
      font-family: "AvenirNextLTProRegular";
    font-size: 2rem;
    line-height: 2.4rem;
}

.modal #send-email .modal-body .validation-form .row-content .radio-group{
    font-family: "AvenirNextLTProRegular";
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight:normal;
}



.modal #send-email .modal-body .validation-form .row-content .field-description{
    font-size:1.4rem;
    width:100%;
    float:left;
    text-align:left;
    white-space:initial;
    line-height:120%;
}

.modal #send-email .modal-body .row-content{
    margin:5px 0px;
}

.modal.uibox-content .modal-content .modal-body .row-content.fieldset-action,
.modal.custom-modal .modal-dialog .modal-body .row-content.fieldset-action {
    padding:15px 25%;
}

.modal.custom-modal .modal-dialog .modal-body .row-content.fieldset-action .btn-container{
    text-align:center;
 
}

.modal.custom-modal .modal-dialog .modal-body .btn{
       position:relative;
    bottom:auto;
    left:auto;
    width:auto;
    margin:0 auto;
    height:auto;
    color:#fff;
    border:2px solid #ff4040;
    background-color:#ff4040;
    font-family: "AvenirNextLTProBold";
    font-weight:normal;
    padding: 0rem 0;
    text-transform:uppercase;
-webkit-transition: all 0.2s linear;					
transition: all 0.2s linear;
display:inline-block;
overflow:hidden;
 padding:0.75rem 1.3rem  !important;
}

.modal.custom-modal .modal-dialog .modal-body .btn span{
    color:#fff;
    font-family: "AvenirNextLTProBold";
   
    margin:0px;
    height:auto;
    line-height:100% !important;
    float:left;
    
}
.modal.uibox-content .modal-content .modal-body ul li,
.modal.uibox-content .modal-content .modal-body p,
#content .modal.custom-modal .modal-dialog .modal-body p{
     font-size: 2.0rem;
     line-height:140%;
     color: #00446b;
}
#content .modal #send-email .modal-body p {
    font-family: "AvenirNextLTProRegular";
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.8rem;
}

.modal.uibox-content .modal-content .modal-body ul,
#content .modal.custom-modal .modal-dialog .modal-body ul{
    padding-left:25px;
    margin-top:25px;
    margin-bottom:25px;
    margin-left:0px;
}


.modal.uibox-content .modal-content .modal-body ul li,
#content .modal.custom-modal .modal-dialog .modal-body ul li{
    padding:5px;
}

.modal .close{
    position:relative;
    z-index:100;
}

#schedule-service .form-design .secondary-links .btn-container{    
    padding:5px;
    margin-top:15px;
    
}

#schedule-service .form-design .secondary-links .btn-container .cta-container a.secondary-btn{
    font-family:"AvenirNextLTProRegular";
    font-size: 1.5rem;
    font-weight: normal;
    text-transform:none;
    text-align:center;
}



.fix-nav{
    position:fixed;
    /* top:6rem; */
	top:9.9rem;
    left:0;
    right:0;
    margin:0;
    /* z-index:9999; */
	z-index:1001;   /*  Fix White Maintenance Parts Nav to show over the top nav. */
    -webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	transition: all ease 0.2s;
}

#secondary-navigation.fix-nav{
    height:7rem;
    -webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	transition: all ease 0.2s;
}
.gradient-box,
.uibox{
    opacity:0;
    -webkit-transition: all 0.2s linear;					
transition: all 0.2s linear;
}
.modal-open{
    padding:0px !important;

}
#recalls.modal-open {
    
}

.modal-open .gradient-box,
.modal-open .uibox{opacity:1;}


.ui-widget-overlay {
    background-color: #000000;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
}

#modal-video{
    
    overflow-x: hidden;
    overflow-y: auto;
}

#modal-video .modal-dialog{
    width:96%;
    margin:90px 2%;
    padding:0;
}
#modal-video .modal-loader-container{
  display: flex;
  justify-content: center;
  align-items: center;
  height:100%;
  width:100%;
  position:absolute;
}
#modal-video .modal-loader-container .modal-loader.loader{
    background-image:url(../images/honda_loading.gif);
    width:105px;
    height:105px;

}
#content .modal {
    padding: 0 !important;
}
.uibox-content.modal > aside {
    margin: 90px 2%;
}

.modal > aside .fieldset-action{
    padding:1% 5% 1%;
    overflow:hidden;
    text-align:center;
}

.modal > aside .btn{
    position:relative;
    bottom:auto;
    left:auto;
    width:auto;
   margin: 1%;
    height:auto;
    display:inline-block;
    color:#fff;
    border:2px solid #ff4040;
    background-color:#ff4040;
    font-family: "AvenirNextLTProBold";
    font-weight:normal;
    padding: 1rem 1.5rem;
    text-transform:uppercase;
-webkit-transition: all 0.2s linear;					
transition: all 0.2s linear;
min-width:60px;
float: none;
    line-height:100%;
} 
.modal > aside .btn span{
    padding: 0 5px;
    height: auto;
    font-size: 1.4rem;
    letter-spacing: 0.05rem;
    line-height: 100% !important;
    font-weight: normal;
    min-width: 60px;
        
}
.modal > aside .btn:hover{
    background-color:transparent;
}

.modal > aside .btn:hover span{
    color:#ff4040;
}
.fieldset-action {
    margin-top: 1.15em !important;
}

.section-title{
    color: #00446b;
    font-family: 'Avenir Next LT Pro';
    font-size: 3.2rem;
    line-height: 4.8rem;
    margin-bottom: 2.2rem;
    text-align: center;
    font-weight:300;
}

.per-section-need-help{
    margin:1rem 0rem;
    padding:2rem 2rem;
    min-height: 32rem;
    width: calc(50% - 1rem);
    float:left;
    background-color:#2198dc;
    text-align:center;
    color:#fff;
    margin-right: 1rem;
}

.per-section-need-help:last-child{
    background-color:#00bdfe;
    margin-left:1rem;
    margin-right:0px;

}


.per-section-need-help svg.tout-icon {
    fill: #fff;
    height: 9rem;
    width: 9rem;
}

.per-section-need-help .tout-title{
    font-family: 'AvenirNextLTProBold';
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 1.4rem;

}

.per-section-need-help .tout-subtitle{
    font-family: "AvenirNextLTProRegular";
    font-size: 1.5rem;
    line-height: 140%;
}

.per-section-need-help .secondary-btn{
    border:2px solid #fff;
    display:inline-block;
    margin-top:1.5rem;
    padding: .7rem 1.3rem;
    line-height:100%;
    -webkit-transition: all 0.2s linear;					
transition: all 0.2s linear;
}
.per-section-need-help .secondary-btn span{
    font-size:1.2rem;
    color:#fff;
    -webkit-transition: all 0.2s linear;					
transition: all 0.2s linear;
}

.per-section-need-help .secondary-btn:hover{
    background-color:#fff;
}
.per-section-need-help .secondary-btn:hover span{
    color:#2198dc;
}


/** Select Dropdown - Version 2 - Custom**/
.select-picker-x-group{
    position:relative;
    margin:5px 5px 15px;
}
.select-picker-x-group-shadow{
    margin-bottom:0px;  
}

select.selectpicker-x{
    padding:8px 8px 8px 10px;
    margin:0px;
    font-size:1.4rem;
    color: #00446b;
    font-family: 'AvenirNextLTProBold';
    text-transform:uppercase;
    /*border:1px solid #ccc;*/
    cursor:pointer;
    border:1px solid rgba(0,0,0,.1);
    -webkit-appearance:none;
    -moz-appearance:none;
        width:100%;
}

select.selectpicker-x-shadow{
    padding: 18px 15px;
     box-shadow: rgba(0, 0, 0, .1) 0 1.5px 10px;
}

select.selectpicker-x:focus {
    outline: 0
}
@-moz-document url-prefix() {
    select.selectpicker-x{
        text-indent: -2px
    }
}
select.selectpicker-x:-moz-focusring,
select.selectpicker-x::-moz-focus-inner {
    color: transparent;
    text-shadow: 0 0 0 #000;
    text-indent: -2px
}
select.selectpicker-x::-ms-value {
    background-color: #fff;
    color: #00446b;
    margin-left: 0
}
select.selectpicker-x::-ms-expand {
    display: none
}

.selectpicker-x-label{
    width: 100% !important;
    padding: 0em 0em !important;
    font-size: 1.1em !important;
    font-family: AvenirNext-Bold !important;
    position: absolute !important;
    pointer-events: none !important;
    top:0px !important;
    left:0px !important;
}

.selectpicker-x-label > span.bs-caret{
    float:right;
    position:relative;
    top:10px;
    right:15px;
}

.selectpicker-x-label-shadow > span.bs-caret{
    top:20px;
    right:20px;
}

.selectpicker-x-label > span.bs-caret .ionicons{
    font-size:2rem;
    color:#2198dc;
    transition-duration: 0.2s;
    transition-property: transform;
     -webkit-transition-duration: .2s;
  -moz-transition-duration: .2s;
  -o-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}

.selectpicker-x-label.open-select > span.bs-caret .ionicons{
        transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}


select.selectpicker-x option{
    line-height:120%;
    padding:2px;
}

select.selectpicker-x option:checked{
   
}
/** Select Dropdown - Version 2 - Custom**/



.selectpicker .bootstrap-select > .btn.dropdown-toggle .bs-caret .ionicons{
    position:absolute;
    right:10px;
    top:auto;
    color:#007cc3;
    font-size:24px;
}


.selectpicker .bootstrap-select.open > .btn.dropdown-toggle .bs-caret .ionicons{
     transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}


.selectpicker .bootstrap-select > .btn.dropdown-toggle .bs-caret .ionicons{
         transition-duration: 0.5s;
    transition-property: transform;
     -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}

.btn-group.open .dropdown-menu{
    width:100%;
}



/* CSS FOR FORMS */
.error {
    color: #e36262;
}
.field-description {
    font-style: italic;
}
.field-description.validation {
    display: none;
}

/* Additional styles  */
#content > .messaging-module {
    position: absolute;
    right: 29px;
    top: 5px;
    z-index: 5;
}
.messaging-module {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , white 5%, #e4e4e4 95%) repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 2px;
    box-shadow: 0 2px 5px #666;
    box-sizing: border-box;
    color: #666;
    height: auto;
    padding: 15px;
    transition: height 700ms ease-in-out 0s;
    width: 320px;
}
*::-moz-selection {
    background: #222 none repeat scroll 0 0;
    color: #fff;
    text-shadow: 1px 1px 1px #666;
}






/* From Global.css */







/* End of Additional Styles */

.legaltagline {
	font-family: "AvenirNextLTProBold";
	font-size: 3.6rem;
	color: #00446b;
	padding-bottom: 38px;
	margin-left: 28px;
	font-style: italic;
	word-spacing: 5px;
}

.legaltaglinetrademark {
	font-family: "AvenirNextLTProBold";
	font-size: 1.8rem;
	color: #00446b;
	vertical-align: super;
	
}

.video-sentence {
	/* color: red; */
	font-size: 2.2rem;
	font-family: "AvenirNextLTProBold";
	text-align: right;
	/* margin-left: 40px; */
	
	color: #000000;
	font-style: italic;
}

.video-sentencetrademark {
	/* color: red; */
	font-size: 1.3rem;
	font-family: "AvenirNextLTProBold";
	vertical-align: super;
	color: #000000;
}




.collision-profirstlogo {
	
	/* margin-top: 130px; */
	

	width: 370px !important;
	Height: 90px !important;
	
	
		/* To have image go to bottom of div */
	align-items: flex-end !important; 
	display: inline-flex  !important;
	flex-direction: column !important; 
	display: bottom !important;
	
	margin-top: -160px !important;
	margin-left: 80px !important;
	/* margin-left: 13rem !important; */
	
	
}

.collision-profirstlogo-top {
	
	/* margin-top: 130px; */
	
	
	width: 350px !important;
	Height: 85px !important;
	
	
		/* To have image go to bottom of div */
	/* align-items: flex-end !important;  */
	/* display: inline-flex  !important; */
	/* flex-direction: column !important;  */
	/* /* display: bottom !important; */ */
	
	/* margin-top: -130px !important; */
	/* margin-left: 60px !important;  */
	
	/* padding-bottom: -20px; */

}


/* For the White Profirst Logo */

.collision-profirstlogo-white-top {
	
	/* margin-top: 130px; */
	
	
	width: 350px !important;
	Height: 69px !important;
	
	
		/* To have image go to bottom of div */
	/* align-items: flex-end !important;  */
	/* display: inline-flex  !important; */
	/* flex-direction: column !important;  */
	/* /* display: bottom !important; */ */
	
	/* margin-top: -130px !important; */
	/* margin-left: 60px !important;  */
	
	/* padding-bottom: -20px; */

}





@media(min-width:1068px) {

	.collision-profirstlogo-top {
		
		width: 350px !important;
		Height: 85px !important;
		
		margin-top: -130px !important; 
		margin-left: 60px !important; 
		
	}
	
	.collision-profirstlogo-white-top {
		
		width: 350px !important;
		Height: 69px !important;
		
		margin-top: -130px !important; 
		margin-left: 60px !important; 
		
	}
	
	
	

}

@media(max-width:1067px) {
	
	.collision-profirstlogo-top {
	
	/* margin-top: 130px; */
	
	
	width: 300px !important;
	Height: 73px !important;
	
	
		/* To have image go to bottom of div */
	/* align-items: flex-end !important;  */
	/* display: inline-flex  !important; */
	/* flex-direction: column !important;  */
	/* display: bottom !important; */
	
	/*margin-top: -130px !important;
	margin-left: 60px !important; 
	
	padding-bottom: -20px;
	*/
	
	padding-bottom: 10px;

	}
	
	
	
	
	.collision-profirstlogo-white-top {
	
	/* margin-top: 130px; */
	
	
	width: 250px !important;
	Height: 49px !important;
	
	
		/* To have image go to bottom of div */
	/* align-items: flex-end !important;  */
	/* display: inline-flex  !important; */
	/* flex-direction: column !important;  */
	/* display: bottom !important; */
	
	/*margin-top: -130px !important;
	margin-left: 60px !important; 
	
	padding-bottom: -20px;
	*/
	
	padding-bottom: 10px;

	}
	
	
}

@media(max-width:1530px) {
	
	.collision-profirstlogo {
	
	/* margin-top: -52px !important;
	margin-left: 200px !important; */
	
	
	width: 250px !important;
	Height: 61px !important;
	
	
			/* To have image go to bottom of div */
	align-items: flex-end !important; 
	display: inline-flex  !important;
	flex-direction: column !important; 
	display: bottom !important;
	
	margin-top: -120px !important;
	margin-left: 180px !important;
	
	}
	
}


@media(max-width:767px) {
	
	.collision-profirstlogo {
	
	/* margin-top: -52px !important;
	margin-left: 200px !important; */
	
	
	width: 200px !important;
	Height: 49px !important;
	
	
			/* To have image go to bottom of div */
	align-items: flex-end !important; 
	display: inline-flex  !important;
	flex-direction: column !important; 
	display: bottom !important;
	
	margin-top: -120px !important;
	margin-left: 180px !important;
	
	}
	
	
	.collision-profirstlogo-top {
	
	/* margin-top: 130px; */
	
	
	width: 250px !important;
	Height: 61px !important;
	
	
		/* To have image go to bottom of div */
	/* align-items: flex-end !important;  */
	/* display: inline-flex  !important; */
	/* flex-direction: column !important;  */
	/* /* display: bottom !important; */ */
	
	/* margin-top: -130px !important; */
	/* margin-left: 60px !important;  */
	
	/* padding-bottom: -20px; */

	}
	
	
}

@media(min-width:1060px) and (max-width: 1360px) {

	
	.collision-profirstlogo-white-top {
		
		 width: 250px !important; 
		 Height: 49px !important; 
		
		/* visibility: hidden; */
		
		/* margin-top: -130px !important;   */
		/* margin-left: 60px !important;   */
		
		
		
	}
	
	
	

}


@media(max-width:40px) {
	
	.collision-profirstlogo {
	
	margin-top: -52px !important;
	
	
	
	width: 200px !important;
	Height: 49px !important;
	
	}
	
	
}