#home{
    position: relative;
}

#home #side{
    position: fixed;
    height: 50%;
    /*background: #a00;*/
    width: 0;
    top:0;
    right: 0;
    z-index: 9999;
}



#home #sidebar{
    position: absolute;
    height: 200px;
    width: 30px;
    right: 0;
    bottom: -100px;
    padding-top: 20px;
}

#home #sidebar div.trapeziod{
    position: absolute;
    left:0;
    top:0;
    border-right: 30px solid #666;
    border-right: 30px solid rgba(0,0,0,0.2);
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    height: 200px;
    width: 0;
}

#home #sidebar .dot{
    position: relative;
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background:#999;
    background: rgba( 240, 240, 240, 0.9);
    padding: 5px;
    margin: 6px 6px 18px 9px;
    cursor: pointer;
    transition: background 0.5s ease;
    /*behavior: url(/css/pie/PIE.htc);*/
}

#home #sidebar .dot:hover{
    background: #FFD700;
    transition: background 0.1s ease;

}

#home #sidebar .dot:before{
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 20px;
    border:1px solid  rgba( 255, 255, 255, 0.0);
    position: absolute;
    left:-3px;
    top:-3px;
    /*behavior: url(/css/pie/PIE.htc);*/
}

#home #sidebar .dot.active{
    background-color: #FFD700;
}
#home #sidebar .dot.active:before{
    border-color: #FFD700;
}











#home section,
#home .slide{
    /* 132px is the height of the fixed page header */
    height:90%;
    height: -moz-calc(100% - 132px);
    height: -webkit-calc(100% - 132px);
    height: calc(100% - 132px);
    min-height : 600px;
    position: relative;
    overflow: hidden;
    background: #bababa;
    padding: 0;
    margin: 0;

    background: linear-gradient(to bottom,  #bababa 0%,#7f7f7f 100%); /* W3C */
}

#home .layoutContainer{
    width:90%;
    max-width: 1200px;
    min-width: 960px;
}

#home .slide .contents{
    width:90%;
    max-width: 1200px;
    min-width: 960px;
    margin: 0 auto;
    /*border:1px solid red;*/
    height:100%;
    position: relative;
}

/*
    Animations
    Visible is a one time show when the panel is visible
    Active is only for the active slide.
*/


#home .slide .title{
    position: absolute;
    left: 0;
    top:30px;
    /*border-left: 24px solid #FFD700;*/
    color: #fff;
    font-size: 60px;
    font-weight: 300;
    /*padding: 10px 0 10px 30px;*/
    padding: 10px 0 ;
    transform: translateX(0px) translateY(-200px);
    transition: all 0.5s ease-in;
    /*opacity: 0;*/
    z-index: 999;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}

#home .slide.visible .title,
#home .slide.active .title{
    transform: translateX(0px) translateY(0px);
    transition: all 0.5s ease-out;
    transition-delay: 0.3s;
    /*opacity: 1;*/
}


#home .slide .title.dark{
    color:#555;
    text-shadow: none;
}



/* ++++++++++++++++++++++++++++++++ HOME PAGE ++++++++++++++++++++++++++++++++ */

#headspace{
    height:132px;
    width: 100%;
    background: #000;
}

#home .text{
    color: #222;
    text-align: justify;
    text-justify: inter-word;
}


#home .slide.top{
    /*padding-bottom: 128px;*/
}

#home .slide.home{
    padding-top: 200px;
    background-image: url(../img/slide_home_flag.jpg);
    background-size: cover;
}

.slide.home .scrolldown{
    /*background-image: url(../img/scrolldown.svg);*/
    width:60px;
    height: 60px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    bottom: 30px;
    cursor: pointer;
    z-index: 100;

}
.slide.home .scrolldown img{
    margin-right: -50%;
}
.slide.home #seatframe{
    position: absolute;
    top:-50px;
    right:0;
    width:660px;
    height:545px;
    /*border: 1px solid #a00;*/
    background: url(../slides/360circle.png) center bottom no-repeat ;
}

.slide.home #seat360{
    position: relative;
    margin: 0 auto;
    cursor: w-resize;
    /*height:500px;*/
    /*width:500px;*/
}


#home #product360frame .icon360{
    right: 50px;
}

.slide.home .intro{
    width:450px;
}

.slide.home .heading span{
    display: block;
}

.slide.home .line1{
    font-size: 21.4pt;
    color: #888;
}

.slide.home .line2{
    font-size: 63.3pt;
    line-height: 62px;
}
.slide.home .line3{
    font-size: 46.0pt;
    line-height: 60pt;
}
.slide.home .text{
    margin: 10px 0 20px;
    font-size: 18px;
    line-height: 27px;
}

/*   ------------------ experience  -----------------   */

#home  .slide.experience{
    background-image: url(../img/slide_home_track.jpg);
    /*background-image: url(../img/slide_home_speed.jpg);*/
    background-size: cover;
}
#home  .slide.experience .contents{
    height:50px;
}
#timegrid{
    position: absolute;
    height: 100%;
    width: 100%
}

.years{
    min-width: 960px;
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    font-size:0;
}
.year{
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width :5.882352941176471%;
    position: relative;
}
#timegrid .year.odd{
    background-color: rgba(0,0,0,0.1);
}

#timeline{
    position: absolute;
    bottom: 60px;
    background-color: #333;
    background-color: rgba(128,128,128,0.1);
    width: 100%;
    padding: 3px 0;
}

#timeline .year > div{
    background-color: #666;
    background-color: rgba(255,255,255,0.4);
    font-size: 16px;
    padding: 5px 0;
    margin: 0 5%;
    text-align: center;
    width: 90%;

}

#timeline .year.odd > div{
    background-color: #555;
    background-color: rgba(255,255,255,0.3);
}

#timerows{
    position: absolute;
    height: 100%;
    padding-top: 130px;
    padding-bottom: 120px;
    width: 100%;
    font-size:1em;
}
#timerows .timerow{
    height: 25%;
    position: relative;
    min-width: 960px;
    max-width: 1200px;
    margin: 0 auto;
    font-size:0;
}

.dropline{
    position: absolute;
    border-left: 3px solid #333;
    margin-left: 34px;
    top: 20px;
    height: 100%;
    opacity: 0;
}

.timerow1 .dropline{
    height: 400%;
}
.timerow2 .dropline{
    height: 300%;
}
.timerow3 .dropline{
    height: 200%;
}
.timerow4 .dropline{
    height: 100%;
}


.event.arrowbottom:after {
    border-color: #ddd transparent transparent transparent;
}

.event.arrow2.arrowbottom:before,
.event.arrow2.arrowbottom:after {
    left:62%;
}


.event strong{
    display: block;
    font-size: 18px;
    font-weight: 200;
    font-style: normal;
    background: #FFD700;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -5px;
    padding: 3px 15px;
    color: #333;
    margin-bottom: 5px;
    border-radius: 5px 5px 0 0;
    transition: all 0.5s ;
}

.eventpad4 {width:	 22.5%;}

.time1	{width:	 5.88235294118%;}
.time2	{width:	 11.76470588235%;}
.time3	{width:	 17.64705882353%;}
.time4	{width:	 23.52941176471%;}
.time5	{width:	 29.41176470588%;}
.time6	{width:	 35.29411764706%;}
.time7	{width:	 41.17647058824%;}
.time8	{width:	 47.05882352941%;}
.time9	{width:	 52.94117647059%;}
.time10	{width:	 58.82352941176%;}
.time11	{width:	 64.70588235294%;}
.time12	{width:	 70.58823529412%;}
.time13	{width:	 76.47058823529%;}
.time14	{width:	 82.35294117647%;}
.time15	{width:	 88.23529411765%;}
.time16	{width:	 94.11764705882%;}
.time17	{width: 100.00000000000%;}

.timepad1	{left:	5.88235294118%;}
.timepad2	{left:	11.76470588235%;}
.timepad3	{left:	17.64705882353%;}
.timepad4	{left:	23.52941176471%;}
.timepad5	{left:	29.41176470588%;}
.timepad6	{left:	35.29411764706%;}
.timepad7	{left:	41.17647058824%;}
.timepad8	{left:	47.05882352941%;}
.timepad9	{left:	52.94117647059%;}
.timepad10	{left:	58.82352941176%;}
.timepad11	{left:	64.70588235294%;}
.timepad12	{left:	70.58823529412%;}
.timepad13	{left:	76.47058823529%;}
.timepad14	{left:	82.35294117647%;}
.timepad15	{left:	88.23529411765%;}
.timepad16	{left:	94.11764705882%;}
.timepad17	{left:	100.0000000000%;}

.event.show{
    opacity: 1;
    transition: all 1.0s;
}
.dropline.show{
    opacity: 1;
    transition: all 1.0s;
}

/*
.slide.experience.active .event{
    opacity: 1;
    transition: all 1.0s;
}
.slide.experience.active .dropline{
    opacity: 1;
    transition: all 1.0s;
}
.slide.experience.visible .event1{transition-delay: 0.0s;}*/
/*.slide.experience.visible .event2{transition-delay: 0.2s;}*/
/*.slide.experience.visible .event3{transition-delay: 0.4s;}*/
/*.slide.experience.visible .event4{transition-delay: 0.6s;}*/
/*.slide.experience.visible .event5{transition-delay: 0.8s;}*/
/*.slide.experience.visible .event6{transition-delay: 1.0s;}*/
/*.slide.experience.visible .event7{transition-delay: 1.2s;}*/
/*.slide.experience.visible .event8{transition-delay: 1.4s;}*/
/*.slide.experience.visible .event9{transition-delay: 1.6s;}*/
/*.slide.experience.visible .event10{transition-delay: 1.8s;}*/
/*.slide.experience.visible .dropline{transition-delay: 2.0s;}*/
.event{
    opacity: 0;
    position: absolute;
    top:0;
    margin-right: 10px;
    border: 1px solid #888;
    border-radius: 5px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
    padding : 5px 15px 10px;
    text-overflow: ellipsis;
    cursor: pointer;

    transition: all 0.5s ;
    transition-delay: 0.2s;

    font-size: 11px;


    /*text-shadow: 0.0em 0.0em 0.07em rgba(0,0,0,0.5);*/
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ddd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ddd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ddd 100%); /* W3C */
}


.event.eventpad4:hover{
    Width: 30.68181818181818%; /* 1.363636363636364& larger than 22.5%*/
    font-size: 15px;
    transition: all 0.5s ;
    z-index: 9999;

}

.event .second{
    max-height:0;
    opacity: 1;
    overflow: hidden;
    /*color: #FFF;*/
    /*outline: 1px solid #a00;*/
    font-size: 11px;
    display:block;
    transition: all 0.2s ;

}
/*.event:hover strong{*/
/*background-color: #FFD700;*/
/*transition: all 0.5s ;*/
/*}*/
.event:hover .second{
    max-height:100px;
    color: #333;
    height: auto;
    opacity: 1;
    font-size: 15px;
    transition: all 0.5s ;
}

/*   -----------------  safety  ------------------   */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 15px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



#home  .slide.safety{
    background-image: url(../img/slide_home_safety.jpg);
    background-size: cover;
}

#home  .slide.safety .contents{
    padding-top: 150px;

}
#home  .slide.safety .driverseat{
    /*position: relative;*/
    /*float: right;*/
    /*width:48%;*/
    position: absolute;
    right: 0;
    width:570px;
    height:600px
}


/*#home  .slide.safety .driverseat img{*/
    /*height: 100%;*/
    /*width: auto;*/
    /*position: absolute;*/
/*}*/

/*#home .slide.safety .driverseat img.zones{
    top: 17px;
    left: 124px;
    opacity: 0;
}

#home  .slide.safety.active .driverseat img.zones{
    -webkit-animation: delayFadeIn 5s;
    animation: delayFadeIn 5s;
    opacity: 1;
}
*/


#home  .slide.safety .driver img,
#home  .slide.safety .seat img{
    width:100%;
    height: auto;
    position: relative;
}

#home  .slide.safety .driver{
    position: absolute;
    left:20%;
    transition: all 1.0s ease;
    width:226px;
    height:604px;
}

#home  .slide.safety .seat{
    position: absolute;
    right:20%;
    top:0;
    transition: all 1.0s ease;
    width:301px;
    height:600px;
}




#home  .slide.safety .hotspot{
    background-image: url(../slides/safety_hotspots.png);
    background-repeat: no-repeat;
    background-position: 0 -40px;
    width:36px;
    height:36px;
    position: absolute;
    z-index: 1;
    opacity: 0;
}

#home  .slide.safety.active .hotspot{
    -webkit-animation: delayFadeIn 5s;
    -moz-animation: delayFadeIn 5s;
    animation: delayFadeIn 5s;
    opacity: 1;
    cursor: pointer;
}

@-moz-keyframes delayFadeIn {
    0%   { opacity: 0;}
    80%  { opacity: 0;}
    100% { opacity: 1;}
}

@-webkit-keyframes delayFadeIn {
    0%   { opacity: 0;}
    80%  { opacity: 0;}
    100% { opacity: 1;}
}

@keyframes delayfadein {
    0%   { opacity: 0;}
    80%  { opacity: 0;}
    100% { opacity: 1;}
}

#home  .slide.safety .hotdetails{
    position: absolute;
    display: none;
    background: #fff;
    border: 1px solid #888;
    border-radius: 5px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
    padding: 10px 15px;
    font-size: 13px;
    width: 310px;
    z-index: 2000;
    transition: all 1.0s ease;
}
.hotdetails .spec{
    display: inline-block;
    border: 1px solid #8A8A8A;
    text-align: center;
    width: 90px;
    font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 15px;
    padding-top: 12px;
    margin-top: 8px;
    height: 57px;
    /*background-color: #eee;*/
}

.hotdetails .spec span{
    font-size: 13px;
    font-weight: 300;
    color: #000;
    font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
}

.hotdetails .secondarrow{
    position: absolute;
    width:100%;
    height:100%;
    /*outline: 1px solid #a00;*/
    top: 0;
    left: 0;
}

.hotdetails.head{
    top: 70px;
    left: 26px;
}
.hotdetails.head.arrowright:before,
.hotdetails.head.arrowright:after {
    top: 86px;
}
.hotdetails.head .secondarrow.arrowtop:before,
.hotdetails.head .secondarrow.arrowtop:after {
    left: 102px;
}

.hotdetails.shoulder{
    top: 162px;
    left: 28px;
}
.hotdetails.shoulder.arrowtop:before,
.hotdetails.shoulder.arrowtop:after {
    left: 124px;
}
.hotdetails.shoulder .secondarrow.arrowright:before,
.hotdetails.shoulder .secondarrow.arrowright:after {
    top: 73px;
}

.hotdetails.pelvis{
    top: 198px;
    left: 126px;
}
.hotdetails.pelvis.arrowleft:before,
.hotdetails.pelvis.arrowleft:after {
    top: 80px;
}
.hotdetails.pelvis .secondarrow.arrowbottom:before,
.hotdetails.pelvis .secondarrow.arrowbottom:after {
    left: 200px;
}

.hotdetails.backmount{
    top: 286px;
    left: 199px;
}
.hotdetails.backmount.arrowtop:before,
.hotdetails.backmount.arrowtop:after {
    left: 270px;
}

#home  .slide.safety .hotdetails.active{
    display: block;
}

@-webkit-keyframes delayFadeIn {
    0%   { opacity: 0;}
    80%  { opacity: 0;}
    100% { opacity: 1;}
}

@keyframes delayfadein {
    0%   { opacity: 0;}
    80%  { opacity: 0;}
    100% { opacity: 1;}
}


#home  .slide.safety .hotspot > div{
    display: none;
}

#home  .slide.safety .hotspot.active{
    background-position: 0 0;
}

#home  .slide.safety .driver .hotspot.head{
    top: 2%;
    left: 53%;
}
#home  .slide.safety .driver .hotspot.shoulder{
    top: 17.5%;
    left: 64%;
}
#home  .slide.safety .driver .hotspot.pelvis{
    top: 45%;
    left: 31%;
}
#home  .slide.safety .seat .hotspot.head{
    top: 25%;
    left: 30%;
}
#home  .slide.safety .seat .hotspot.shoulder{
    top: 38%;
    left: 30%;
}
#home  .slide.safety .seat .hotspot.pelvis{
    top: 63%;
    left: 17%;;
}
#home  .slide.safety .seat .hotspot.backmount{
    top: 37%;
    left: 64%;
}

#home  .slide.safety.active .driver{
    left:0;
    transition: all 5.0s ease;
}

#home  .slide.safety.active .seat{
    right:0;
    top:0;
    transition: all 5.0s ease;
}

#home  .slide.safety .text{
    font-size: 16px;
    width:48%;
    margin-bottom: 10px;
    text-align: justify;
    text-justify: inter-word;
}
#home .modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: .8;
}
#videoModal .modal-dialog{
    margin-top: 150px;
    box-shadow: 0 0 9px 3px #000;
    width: 978px;
    height: 550px;
}

#videoImage{
    width:100%;
    height:auto;
    cursor: pointer;
}

#videoButton{display: none;}

/*   -----------------------------------   */
#home  .slide.construction{
    font-size: 0;
}

#home  .slide.construction .col{
    width:50%;
    padding-top: 150px;
    display: inline-block;
    vertical-align: top;
}

/*#home  .slide.construction .col{*/
/*position: relative;*/
/*}*/

#home  .slide.construction .crossfade{
    background: url(../img/construction_circle.png) no-repeat bottom;
    width: 720px;
    height:640px;
    margin-left: -20%;
    position: relative;
}



#home  .slide.construction img.circle{
    position: absolute;
    bottom: 0;
    left:0;
    width:360px;
}

#home  .slide.construction img.front{
    position: absolute;
    top: 1px;
    left: 92px;
}
#home  .slide.construction img.back{
    /*display:none;*/
    position: absolute;
    top: 12px;
    left: 168px;
}
.slide.construction .constructFeature{
    width:100%;
    min-height: 100px;
    margin-bottom: 15px;
    padding-left: 120px;
    position: relative;
    font-size: 13px;
    line-height: 17px;
    text-align: justify;
    text-justify: inter-word;
    color: #333;
    opacity: 0;
    transition: opacity 1.0s;
}

.slide.construction.active .constructFeature{
    /*.slide.construction .visible .constructFeature{*/
    opacity: 1;
    transition: opacity 1.0s;

}

.constructFeature .image{
    position: absolute;
    top: 3px;
    left: 0;
    width: 100px;
    height: 100px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    background-size: cover;
}


.constructFeature.one .image{    background-image: url(../img/construction-backmount.jpg);  }
.constructFeature.two .image{    background-image: url(../img/);  }
.constructFeature.three .image{  background-image: url(../img/construction-kev-carb.jpg);  }
.constructFeature.four .image{   background-image: url(../img/spigot02.jpg);  }
.constructFeature.five .image{   background-image: url(../img/construction-fia200.jpg);  }
.constructFeature.six .image{    background-image: url(../img/construction-fia200.jpg);  }
/*
.slide.construction .visible .constructFeature.one {   transition-delay: 0.0s;  }
.slide.construction .visible .constructFeature.two {   transition-delay: 0.2s;  }
.slide.construction .visible .constructFeature.three { transition-delay: 0.4s;  }
.slide.construction .visible .constructFeature.four {  transition-delay: 0.6s;  }
.slide.construction .visible .constructFeature.five {  transition-delay: 0.8s;  }
.slide.construction .visible .constructFeature.six {   transition-delay: 1.0s;  }*/

.slide.construction.active .constructFeature.one {   transition-delay: 0.0s;  }
.slide.construction.active .constructFeature.two {   transition-delay: 0.2s;  }
.slide.construction.active .constructFeature.three { transition-delay: 0.4s;  }
.slide.construction.active .constructFeature.four {  transition-delay: 0.6s;  }
.slide.construction.active .constructFeature.five {  transition-delay: 0.8s;  }
.slide.construction.active .constructFeature.six {   transition-delay: 1.0s;  }



/*   -----------------------------------   */

#home  .slide.proven .contents{
    height: 0;
}



#home .fullimage{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
}

#home .proven .flexslider{
    padding: 0;
    margin: 0;
    border-radius:0;
    box-shadow: none;
    height: 100%;
    border: none;
}

#home .proven .flex-control-nav{
    bottom: 40px;
    z-index: 999;
}

#home .proven .flexslider:hover .flex-prev { opacity: 0.7; left: 40px; }
#home .proven .flexslider:hover .flex-next { opacity: 0.7; right: 40px; }
#home .proven .flexslider .slides{
    height: 100%;
    position: relative;
}
#home .proven .flexslider .slides > li{
    height: 100%;
}

#home .proven .flex-control-paging li a{
    border: 1px solid rgba(0,0,0,0.8);
}

#home .proven .flex-control-paging li a.flex-active{
    /*border: 1px solid rgba(0,0,0,0.7);*/
    background: rgba(255,215,0,0.9);
}

#home .proven .testimonial{
    padding: 20px;
    color: #eee;
    display: block;
    background: #000;
    background: rgba(0,0,0,0.9);
    border-top: 2px solid #FFD700;
    border-bottom: 2px solid #FFD700;
    position: absolute;
    max-width: 40%;
    font-size: 15px;
    line-height: 1.43;
}


#home .proven .testimonial span {
    display: block;
    margin-top: 15px;
    text-align: right;
    color: #FFD700;
    font-size: 13px;
}
#home .proven .testimonial span:first-line {
    font-size: 18px;
}

#home .proven .testimonial.top{
    top:145px;
}
#home .proven .testimonial.bottom{
    bottom:10%;
}
#home .proven .testimonial.left{
    left:10%;
}
#home .proven .testimonial.right{
    right: 10%;
}




/* ------------------------------- */


#home .range {
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 35%, #ffffff 64%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(35%,#ffffff), color-stop(64%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 35%,#ffffff 64%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 35%,#ffffff 64%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 35%,#ffffff 64%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 35%,#ffffff 64%,#eeeeee 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); *//* IE6-9 */

}

#home  .range .contents{
    padding-top: 250px;
}
#home .range .productCarousel{
    position: relative;
}

#home .range .flexslider{
    padding: 0;
    margin: 0;
    border-radius:0;
    box-shadow: none;
    height: 100%;
    border: none;
}

#home .range .seat{
    width:100%;
    color: #333;
    text-align: center;
}

#home .range .seat a{
    display: block;
}

#home .range .seat .image{
    height:350px;
    background: url(../slides/shadow.png) center 77% no-repeat;
    background-size: 70%;
    transition: all 0.5s ease-out;
}

#home .range .seat img{
    width:50%;
    margin: 20% 25%;
    height:auto;
    transition: all 0.5s ease-out;
}


#home .range .seat:hover img{
    width:80%;
    margin: 0 10%;
    height:auto;
    transition: all 0.5s ease-out;
}

#home .range .seat:hover .image{
    background: url(../slides/shadow.png) center 100% no-repeat;
    background-size: 100%;
    transition: all 0.5s ease-out;
}

#home .range .seat a.button{
    opacity: 0;
    transition: all 0.5s ease-out;
    width:50%;
    margin: 0 auto 5px;
}

#home .range .seat:hover a.button{
    opacity: 1;
    transition: all 0.5s ease-out;
}


#home .range .flex-control-nav{
    bottom: -40px;
    z-index: 999;
}
#home .range .flex-direction-nav a{
    opacity: 1;
}
#home .flex-direction-nav .flex-prev{
    left: -15px;
}
#home .range .flex-direction-nav .flex-next{
    right: -15px;
}

#home .range .seatlabel{
    font-size: 18px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

#home .range .seatlabel span{
    font-size: 13px;
    display: block;

}

#home .range .footer{
    width:100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #222;
    color: #999;
    padding:4px 0;
}

#home .range .footer .layoutContainer{
    text-align: center;
}

#home .range .footer #topscroll{
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

#home .range .footer #topscroll:before{
    /*content: "\00a0\e026";*/
    content: "\e133";
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    position: relative;
    top: 2px;
    padding-right: 5px;
}





#home .range .footer #topscroll:hover{
    color: #fff;
}



















/*
<div class="intro">
<div class="heading">
<span class="line1">Leading the world in competition</span>
                                                      <span class="line2">seat design</span>
                                                                                       <span class="line3">&amp; development</span>
                                                                                                                              </div>
                                                                                                                                <div class="text">


                                                                                                                                */








#home .threesixty {
    position: absolute;
    right:0;
    overflow: hidden;
    margin: 0 auto;


}
#home .threesixty .threesixty_images {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
#home .threesixty .threesixty_images img {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
}
#home .threesixty .threesixty_images img.previous-image {
    visibility: hidden;
    width: 0;
}
#home .threesixty .threesixty_images img.current-image {
    visibility: visible;
    width: 100%;
}
#home .threesixty .spinner {
    width: 60px;
    display: block;
    margin: 0 auto;
    height: 30px;
    background: #333;
    background: rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#home .threesixty .spinner span {
    /*font-family: Arial, "MS Trebuchet", sans-serif;*/
    font-size: 12px;
    font-weight: bolder;
    color: #FFF;
    text-align: center;
    line-height: 30px;
    display: block;
}
#home .threesixty .nav_bar {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 11;
}
#home .threesixty .nav_bar a {
    display: block;
    width: 32px;
    height: 32px;
    float: left;
    background: url(img/sprites.png) no-repeat;
    text-indent: -99999px;
}
#home .threesixty .nav_bar a.nav_bar_play {
    background-position: 0 0;
}
#home .threesixty .nav_bar a.nav_bar_previous {
    background-position: 0 -73px;
}
#home .threesixty .nav_bar a.nav_bar_stop {
    background-position: 0 -37px;
}
#home .threesixty .nav_bar a.nav_bar_next {
    background-position: 0 -104px;
}
/* html */
#home:-webkit-full-screen {
    background: #ffffff;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 200px;
}
#container:-moz-full-screen {
    background: #ffffff;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 200px;
}

/*
	Sets the style of the percentage <span> of the preloader by setting its dimensions and centering it horizontally and vertically
*/
#spinner span {
    position:absolute;
    top:50%;
    width:100%;
    color:#333;
    font:0.8em Arial, Verdana, sans;
    text-align:center;
    line-height:0.6em;
    margin-top:-0.3em;
}

body.debug:before{
    display: block;
    z-index: 99999;
    position: fixed;
    padding: 20px;
    background: #000;
    color: #ffff00;
}




@media only screen and ( min-width: 300px ) and ( max-width: 1150px ) {
    body.debug:before{
        content: "1000px wide";
    }

    /*#home .slide.home{      padding-top: 20px; }*/
    /*#seat360{
        width:400px !important;
        height: 400px !important;
    }*/
    #home .slide.home #seatframe{
        width:490px;
        height: 500px;
        background-size: 450px auto;
        -webkit-background-size: 450px auto;
        top: 0;
        right: 60px;
    }

    #timerows{ padding-top: 90px;padding-bottom: 90px;}
    #timeline{bottom: 30px;}

    #home .slide.safety .contents{padding-top: 110px;}
    #home .slide.safety .text{font-size: 14px;}
    #home .slide.safety .driverseat{width: 456px; height: 480px; top: 42px;} /*570px; : 600px;*/
    #home  .slide.safety .driver{width:181px; height:483px;}/* width:226px; height:604px;80%*/
    #home  .slide.safety .seat{ width:241px;  height:480px;}/*  width:301px;  height:600px; 80% */

    .hotdetails.head{ top: 71px;  left: -45px; }
    .hotdetails.head.arrowright:before,
    .hotdetails.head.arrowright:after { top: 56px; }
    .hotdetails.head .secondarrow.arrowtop:before,
    .hotdetails.head .secondarrow.arrowtop:after { left: 148px;  }

    .hotdetails.shoulder{
        top: 154px;
        left: -52px;
    }
    .hotdetails.shoulder.arrowtop:before,
    .hotdetails.shoulder.arrowtop:after {
        left: 173px;
    }
    .hotdetails.shoulder .secondarrow.arrowright:before,
    .hotdetails.shoulder .secondarrow.arrowright:after {
        top: 34px;
    }

    .hotdetails.pelvis{
        top: 121px;
        left: 121px;
    }
    .hotdetails.pelvis.arrowleft:before,
    .hotdetails.pelvis.arrowleft:after {
        top: 103px;
    }
    .hotdetails.pelvis .secondarrow.arrowbottom:before,
    .hotdetails.pelvis .secondarrow.arrowbottom:after {
        left: 142px;
    }

    .hotdetails.backmount{
        top: 235px;
        left: 107px;
    }
    .hotdetails.backmount.arrowtop:before,
    .hotdetails.backmount.arrowtop:after {
        left: 270px;
    }

    /*#videoImage{display: none;}*/
    /*#videoButton{display: block;}*/
    /*#videoModal .modal-dialog{width: 651px; height: 366px;margin-top: 100px;}*/




    /*  #home .slide.home{padding-top: 100px;}
      #home .slide .title{top: 20px; }

      #timerows{ padding-top: 90px;padding-bottom: 110px;}
      #timeline{bottom: 50px;}

      #home .slide.safety .contents{padding-top: 135px;}
      #home .slide.safety .text{font-size: 14px;}
      #home .slide.safety .driverseat{width: 456px; height: 480px;} *//*570px; : 600px;*//*
      *//*    #home .slide.safety .seat{width:240px;} *//**//* 301 x 80%*//**//*
          #home .slide.safety .driver{width:181px;} *//**//* 226 x 80%*//**//*
          #home .slide.safety .driverseat img.zones{width:287px; left: 96px; right: 50px;} *//**//* 358 x 80%*//*


      #home  .slide.safety .driver{width:181px; height:483px;}*//* width:226px; height:604px;80%*//*
      #home  .slide.safety .seat{ width:241px;  height:480px;}*//*  width:301px;  height:600px; 80% *//*


      .hotdetails.head{ top: 71px;  left: -45px; }
      .hotdetails.head.arrowright:before,
      .hotdetails.head.arrowright:after { top: 56px; }
      .hotdetails.head .secondarrow.arrowtop:before,
      .hotdetails.head .secondarrow.arrowtop:after { left: 148px;  }

      .hotdetails.shoulder{
          top: 154px;
          left: -52px;
      }
      .hotdetails.shoulder.arrowtop:before,
      .hotdetails.shoulder.arrowtop:after {
          left: 173px;
      }
      .hotdetails.shoulder .secondarrow.arrowright:before,
      .hotdetails.shoulder .secondarrow.arrowright:after {
          top: 34px;
      }

      .hotdetails.pelvis{
          top: 121px;
          left: 121px;
      }
      .hotdetails.pelvis.arrowleft:before,
      .hotdetails.pelvis.arrowleft:after {
          top: 103px;
      }
      .hotdetails.pelvis .secondarrow.arrowbottom:before,
      .hotdetails.pelvis .secondarrow.arrowbottom:after {
          left: 142px;
      }

      .hotdetails.backmount{
          top: 235px;
          left: 107px;
      }
      .hotdetails.backmount.arrowtop:before,
      .hotdetails.backmount.arrowtop:after {
          left: 270px;
      }





      #home .slide.safety .driverseat{ right: 50px;}
      #home .slide.safety .text{ width: 55%; }
      #home .slide.safety .video-container{ padding-top: 10px; width: 500px;  }
      #videoModal .modal-dialog{width: 651px; height: 366px;margin-top: 100px;}


      *//*75%*//*
      #home .slide.construction .crossfade{margin-left:-55px; margin-top: 10px; width: 540px; height: 480px; background-size: 540px auto;} *//* 720px x  640 *//*
      #home .slide.construction img.front{width:352px; height:426px; top: 1px; left: 46px}*//*width:470px; height:568px  75%*//*
      #home .slide.construction img.back{width:375px; height:432px;top: 6px; left: 84px }*//*width:501px; height:577px*//*
      #home .slide.construction .col{padding-top: 140px;}
      #home .slide.construction .col1{width:40%;}
      #home .slide.construction .col2{width:60%;}
      #home .slide.construction .constructFeature{min-height: 85px;margin-bottom: 8px; padding-left: 105px ; font-size: 13px; line-height: 15px;}
      #home .slide.construction .image {width: 85px;height: 85px;}


      #home .range .contents{padding-top: 140px;}

      .event{font-size: 12px;}*/
}







@media screen and ( max-height: 650px ) and (orientation: landscape){
    body.debug:before{
        content: "less than 650px high";
    }

    #home .slide.home{      padding-top: 20px; }
    /*#seat360{
        width:400px !important;
        height: 400px !important;
    }*/
    #home .slide.home #seatframe{
        width:500px;
        height: 415px;
        background-size: 400px auto;
        -webkit-background-size: 400px auto;
        top: 0;
        right: 60px;
    }

    #home .slide .title{top: -5px; }

    #timerows{ padding-top: 50px;padding-bottom: 85px;}
    #timeline{bottom: 30px;}

    #home .slide.safety .contents{padding-top: 110px;}
    #home .slide.safety .text{font-size: 14px;}
    #home .slide.safety .driverseat{width: 380px; top: 42px;}
    /*#home .slide.safety .seat{width:200px;} *//* 66%*/
    /*#home .slide.safety .driver{width:150px;} *//* 66%*/

    #home  .slide.safety .driver{width:151px; height:403px;}/* width:226px; height:604px; 66%*/
    #home  .slide.safety .seat{ width:201px;  height:400px;}/*  width:301px;  height:600px; 66% */


    .hotdetails.head{top: 60px;   left: -87px; }
    .hotdetails.head.arrowright:before,
    .hotdetails.head.arrowright:after { top: 48px; }
    .hotdetails.head .secondarrow.arrowtop:before,
    .hotdetails.head .secondarrow.arrowtop:after { left: 174px;  }

    .hotdetails.shoulder{
        top: 126px;
        left: -91px;
    }
    .hotdetails.shoulder.arrowtop:before,
    .hotdetails.shoulder.arrowtop:after {
        left: 196px;
    }
    .hotdetails.shoulder .secondarrow.arrowright:before,
    .hotdetails.shoulder .secondarrow.arrowright:after {
        top: 34px;
    }

    .hotdetails.pelvis{
        top: 77px;
        left: 78px;
    }
    .hotdetails.pelvis.arrowleft:before,
    .hotdetails.pelvis.arrowleft:after {
        top: 111px;
    }
    .hotdetails.pelvis .secondarrow.arrowbottom:before,
    .hotdetails.pelvis .secondarrow.arrowbottom:after {
        left: 142px;
    }

    .hotdetails.backmount{
        top: 202px;
        left: 45px;
    }
    .hotdetails.backmount.arrowtop:before,
    .hotdetails.backmount.arrowtop:after {
        left: 270px;
    }
    /*#home .slide.safety .driverseat img.zones{width:238px; left: 82px} *//* 66%*/


    #videoImage{display: none;}
    #videoButton{display: block;}
    #videoModal .modal-dialog{width: 651px; height: 366px;margin-top: 100px;}

    #home .slide.construction .crossfade{margin-left:-10px;width: 360px; height: 320px; background-size: 320px auto;}
    #home .slide.construction img.front{width:235px; height:284px; top: 1px; left: 46px}/*width:470px; height:568px*/
    #home .slide.construction img.back{width:250px; height:288px;top: 6px; left: 84px }/*width:501px; height:577px*/
    #home .slide.construction .col{padding-top: 110px;}
    #home .slide.construction .col1{width:30%;}
    #home .slide.construction .col2{width:70%;}
    #home .slide.construction .constructFeature{min-height: 60px;margin-bottom: 5px; padding-left: 80px}
    #home .slide.construction .image {width: 60px;height: 60px;}

    #home .range .contents{padding-top: 30px;}
    #home .range .seat .image{height: 280px;}
    #home .range .seat:hover img{ width:70%;}

    .event{font-size: 10px;}
}


@media screen and  ( min-height: 651px )  and ( max-height: 750px ) and (orientation: landscape){
    body.debug:before{
        content: "651px to 750px high";
    }

    #home .slide.home{      padding-top: 20px; }
    /*#seat360{
        width:400px !important;
        height: 400px !important;
    }*/
    #home .slide.home #seatframe{
        width:500px;
        height: 455px;
        background-size: 400px auto;
        -webkit-background-size: 400px auto;
        top: 0;
        right: 60px;
    }


    #home .slide.home{ padding-top: 70px; }
    #home .slide .title{top: 10px; }

    #timerows{ padding-top: 90px;padding-bottom: 90px;}
    #timeline{bottom: 30px;}

    #home .slide.safety .contents{padding-top: 110px;}
    #home .slide.safety .text{font-size: 14px;}
    #home .slide.safety .driverseat{width: 456px; height: 480px; top: 42px;} /*570px; : 600px;*/
    #home  .slide.safety .driver{width:181px; height:483px;}/* width:226px; height:604px;80%*/
    #home  .slide.safety .seat{ width:241px;  height:480px;}/*  width:301px;  height:600px; 80% */

    .hotdetails.head{ top: 71px;  left: -45px; }
    .hotdetails.head.arrowright:before,
    .hotdetails.head.arrowright:after { top: 56px; }
    .hotdetails.head .secondarrow.arrowtop:before,
    .hotdetails.head .secondarrow.arrowtop:after { left: 148px;  }

    .hotdetails.shoulder{
        top: 154px;
        left: -52px;
    }
    .hotdetails.shoulder.arrowtop:before,
    .hotdetails.shoulder.arrowtop:after {
        left: 173px;
    }
    .hotdetails.shoulder .secondarrow.arrowright:before,
    .hotdetails.shoulder .secondarrow.arrowright:after {
        top: 34px;
    }

    .hotdetails.pelvis{
        top: 121px;
        left: 121px;
    }
    .hotdetails.pelvis.arrowleft:before,
    .hotdetails.pelvis.arrowleft:after {
        top: 103px;
    }
    .hotdetails.pelvis .secondarrow.arrowbottom:before,
    .hotdetails.pelvis .secondarrow.arrowbottom:after {
        left: 142px;
    }

    .hotdetails.backmount{
        top: 235px;
        left: 107px;
    }
    .hotdetails.backmount.arrowtop:before,
    .hotdetails.backmount.arrowtop:after {
        left: 270px;
    }

    #videoImage{display: none;}
    #videoButton{display: block;}
    #videoModal .modal-dialog{width: 651px; height: 366px;margin-top: 100px;}




    /*75%*/
    #home .slide.construction .crossfade{margin-left:-55px; margin-top: 10px; width: 540px; height: 480px; background-size: 540px auto;} /* 720px x  640 */
    #home .slide.construction img.front{width:352px; height:426px; top: 1px; left: 46px}/*width:470px; height:568px  75%*/
    #home .slide.construction img.back{width:375px; height:432px;top: 6px; left: 84px }/*width:501px; height:577px*/
    #home .slide.construction .col{padding-top: 110px;}
    #home .slide.construction .col1{width:40%;}
    #home .slide.construction .col2{width:60%;}
    #home .slide.construction .constructFeature{min-height: 75px;margin-bottom: 8px; padding-left: 95px ; font-size: 13px; line-height: 15px;}
    #home .slide.construction .image {width: 75px;height: 75px;}


    #home .range .contents{padding-top: 100px;}

    .event{font-size: 11px;}
}

@media screen and  ( min-height: 751px )  and ( max-height: 850px ) and (orientation: landscape){
    body.debug:before{
        content: "751px to 850px high";
    }

    #home .slide.home{padding-top: 100px;}
    #home .slide .title{top: 20px; }

    #timerows{ padding-top: 90px;padding-bottom: 110px;}
    #timeline{bottom: 50px;}

    #home .slide.safety .contents{padding-top: 135px;}
    #home .slide.safety .text{font-size: 14px;}
    #home .slide.safety .driverseat{width: 456px; height: 480px;} /*570px; : 600px;*/
/*    #home .slide.safety .seat{width:240px;} *//* 301 x 80%*//*
    #home .slide.safety .driver{width:181px;} *//* 226 x 80%*//*
    #home .slide.safety .driverseat img.zones{width:287px; left: 96px; right: 50px;} *//* 358 x 80%*/


    #home  .slide.safety .driver{width:181px; height:483px;}/* width:226px; height:604px;80%*/
    #home  .slide.safety .seat{ width:241px;  height:480px;}/*  width:301px;  height:600px; 80% */


    .hotdetails.head{ top: 71px;  left: -45px; }
    .hotdetails.head.arrowright:before,
    .hotdetails.head.arrowright:after { top: 56px; }
    .hotdetails.head .secondarrow.arrowtop:before,
    .hotdetails.head .secondarrow.arrowtop:after { left: 148px;  }

    .hotdetails.shoulder{
        top: 154px;
        left: -52px;
    }
    .hotdetails.shoulder.arrowtop:before,
    .hotdetails.shoulder.arrowtop:after {
        left: 173px;
    }
    .hotdetails.shoulder .secondarrow.arrowright:before,
    .hotdetails.shoulder .secondarrow.arrowright:after {
        top: 34px;
    }

    .hotdetails.pelvis{
        top: 121px;
        left: 121px;
    }
    .hotdetails.pelvis.arrowleft:before,
    .hotdetails.pelvis.arrowleft:after {
        top: 103px;
    }
    .hotdetails.pelvis .secondarrow.arrowbottom:before,
    .hotdetails.pelvis .secondarrow.arrowbottom:after {
        left: 142px;
    }

    .hotdetails.backmount{
        top: 235px;
        left: 107px;
    }
    .hotdetails.backmount.arrowtop:before,
    .hotdetails.backmount.arrowtop:after {
             left: 270px;
         }


    #home .slide.safety .driverseat{ right: 50px;}
    #home .slide.safety .text{ width: 55%; }
    #home .slide.safety .video-container{ padding-top: 10px; width: 500px;  }
    #videoModal .modal-dialog{width: 651px; height: 366px;margin-top: 100px;}


    /*75%*/
    #home .slide.construction .crossfade{margin-left:-55px; margin-top: 10px; width: 540px; height: 480px; background-size: 540px auto;} /* 720px x  640 */
    #home .slide.construction img.front{width:352px; height:426px; top: 1px; left: 46px}/*width:470px; height:568px  75%*/
    #home .slide.construction img.back{width:375px; height:432px;top: 6px; left: 84px }/*width:501px; height:577px*/
    #home .slide.construction .col{padding-top: 140px;}
    #home .slide.construction .col1{width:40%;}
    #home .slide.construction .col2{width:60%;}
    #home .slide.construction .constructFeature{min-height: 85px;margin-bottom: 8px; padding-left: 105px ; font-size: 13px; line-height: 15px;}
    #home .slide.construction .image {width: 85px;height: 85px;}


    #home .range .contents{padding-top: 140px;}

    .event{font-size: 12px;}
}





@media screen and  ( min-height: 851px )  and ( max-height: 900px ) and (orientation: landscape){
    body.debug:before{
        content: "851px to 900px high";
    }

    #home .slide.home{      padding-top: 150px; }
    #home .slide .title{top: 20px; }

    #home .slide.safety .contents{padding-top: 135px;}
    #home .slide.safety .video-container{ padding-top: 10px;   }

    #home .range .contents{padding-top: 180px;}
}

@media screen and  ( min-height: 901px )  and ( max-height: 1000px ) and (orientation: landscape){
    body.debug:before{
        content: "901px to 1000px high";
    }
}


.no-csstransitions #home .slide.safety .driverseat img.zones{
    opacity: 1;
}
.no-csstransitions .slide.construction .constructFeature{
    opacity: 1;
}
.no-csstransitions .dropline{
    opacity: 1;
}
.no-csstransitions .event{
    opacity: 1;
}