/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */



.highlight_font, h1, h2, h3, h4, h5, .title_block, .highlight1_block span {
    font-family: 'Open Sans',Helvetica,Arial,Sans-Serif !important;
}

#s5_pos_custom_5, #s5_top_row2_area1 {
padding: 20px 5%;
}

#s5_logo_wrap {
margin-left: 5%;
}

#s5_above_columns_wrap2, #s5_above_columns_wrap1 {
max-width: 100%;
}

#s5_pos_custom_3 .cp-maintitle {
    font: 20px Arial;
margin-bottom: 10px;
}

#s5_center_area1 .module_round_box_outer {
padding: 0 5%;
    padding-bottom: 0;
}

div.btp-title-extrafield {
    text-transform: uppercase;
    font-size: 18px;
    height: 47px;
    line-height: 47px;
    padding: 0 0 0 18px;
    position: relative;
    background: #ba0c0c;
    color: #fff;
    margin-bottom: 0px;
}

.hikashop_footer {
display: none !important;
}

#s5_header_wrap {
    margin: 0 5%;
}

.item-page {
padding: 0 4%;
}

.s5_mod_h3_outer {
padding-bottom: 5px;
    margin-bottom: 15px;
border-bottom: 2px solid #ba0c0c;
}

#s5_pos_custom_3 {
    margin-top: -240px;
    margin-bottom: 160px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.jdGallery .slideInfoZone h2, .jdGallery .slideInfoZone p {
    max-width: 40% !important;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px !important;
}

.jdGallery .slideInfoZone p {
margin: 0 10% !important;
    font-size: 16px;
}

.acysubbuttons, .fieldacyemail {
    display: inline-block;
}

.acysubbuttons input {
margin-top: -10px;
    padding: 10px 10px;
}

.acyfield_email input[type="text"] {
    padding: 9px 15px;
}

#s5_bottom_row2_area1 {
text-align: center;
background: #999;
}

.acymailing_module_form .acymailing_introtext {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
}


----------------------
.position_3 .container {
width: 100%;
padding-left: 0;
padding-right: 0;
}


.hikashop_product_main_image_thumb {
max-height: 400px;
}

.block_position1_inner {
	background:url("../images/bg-position-3.jpg") repeat-x scroll center top !important;
	position:relative;
background-size: cover;
}

.block_position1_inner:before {
    position: absolute;
    z-index: 0;
    content: '';
    width: 100%;
    height: 60%;
    bottom: 0;
    left: 0;
}

.position_3 .module-title-h3 {
background: none;
text-align: center;
    margin: 0;
    padding: 65px 0 15px 0;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 1;
}

.graph {
float: left;
text-align: center;
margin-top: 30px;
width: 20%;
}

.graph img{
max-width: 87%;
margin: 8px 0 10px 0;
}

.graph img:hover {
max-width: 90%;
margin: 4px 0 10px 0;
}

#page-footer .col-md-6 {
width: 100% !important;
text-align: center;
}

legend {
color: #fff;
}

.btn-primary {
background: #ec3642;
border: 0px solid #ec3642;
}

.contact-left {
    width: 34%;
    display: inline-block;
    vertical-align: top;
text-align: justify;
    float: left;
}

.contact-right {
    width: 65%;
    display: inline-block;
text-align: justify;
}

.fullcontact .sportlight_top_inner .container {
width: 100%;
padding-left: 0;
padding-right: 0;
}


@media screen and (max-width: 759px) {
.graph {
width: 100%;
}

#hikashop_small_image_div {
width: 90%;
}

.sbox-content-image img {
height: auto;
}



.iconblog img {
    margin: auto;
    float: left;
    width: 95% !important;
}
.iconblog {
    width: 20%;
    float: left;
    margin-top: 15px;
    text-align: center;
    min-height: 150px;
}

.iconblog h4 {
    font-size: 10px;
}

.desc_para img {
width: 75%;
margin: auto;
}

#sbox-window {
height: auto !important; 
}

#hikashop_main_image {
height: auto !important; 
}


.contact-left, .contact-right {
    width: 100%;
text-align: justify;
}
}

.mod_btquickcontact_hidetitle .btqc-title {
display: none;
}

.graph img:hover {
opacity: 0.8;
}

.hikashop_product_right_part #longdesc {
display: none;
text-aligb: justify
}

.fulldesc #shortdesc {
display: none;
}

.product_descfull {
    background-color: #141414;
    color: #a9a9a9;
}


.product_descfull .row {
margin-left: 0;
margin-right: 0;
}

.cp-filter-dropdown div{
display: inline-block;
}

#shortdesc img {
margin-right: 20px;
    margin-bottom: 10px;
}

.prodlayout {
line-height: 16px;
margin-top: 20px;
}


.prodlayout h3 {
font-size: 18px;
    margin-top: 3px;
    margin-bottom: 5px;
color: #ed1c24;

}

.prodlayout .row .descleft {
float: left;
display: block;
width: 50%;
border-top: 0px solid #ed1c24;
}

.prodlayout .row .descright {
float: right;
display: block;
width: 50%;
border-top: 0px solid #ed1c24;
}


.descleftp {
float: left;
width: 75%;
}

.descrightp {
float: right;
width: 75%;
}




#ssseries {
    background-image: url('images/ss-bg.png');
    background-repeat: no-repeat;
background-position: center;
    background-position-y: 20px;
padding-top: 20px;
padding-bottom: 50px;
}


#ssrseries {
    background-image: url('images/ssr-bg.png');
    background-repeat: no-repeat;
background-position: center;
    background-position-y: 150px;
margin-top:50px;
padding-top: 100px;
padding-bottom: 150px;
}

#seseries {
    background-image: url('images/se-bg.png');
    background-repeat: no-repeat;
background-position: center;
    background-position-y: 20px;
padding-top: 20px;
padding-bottom: 50px;
}

#spseries {
    background-image: url('images/sp-bg.png');
    background-repeat: no-repeat;
background-position: center;
    background-position-y: 20px;
padding-top: 20px;
padding-bottom: 50px;
}

#xseries {
    background-image: url('images/x-bg.png');
    background-repeat: no-repeat;
background-position: center;
    background-position-y: 20px;
padding-top: 20px;
padding-bottom: 50px;
}

#saseries {
    background-image: url('images/sa-bg.png');
    background-repeat: no-repeat;
background-position: center;
    background-position-y: 20px;
padding-top: 20px;
padding-bottom: 50px;
}

#haseries {
    background-image: url('images/ha-bg.png');
    background-repeat: no-repeat;
background-position: center;
    background-position-y: 20px;
padding-top: 20px;
padding-bottom: 90px;
}

#habseries {
    background-image: url('images/hab-bg.png');
    background-repeat: no-repeat;
background-position: center;
    background-position-y: 20px;
padding-top: 20px;
padding-bottom: 50px;
}

#heseries {
    background-image: url('images/he-bg.png');
    background-repeat: no-repeat;
background-position: center;
    background-position-y: 20px;
padding-top: 20px;
padding-bottom: 50px;
}

span.numbering {
    display: inline-block;
    border: 2px solid #fff;
color: #fff;
    padding: 5px 10px;
    border-radius: 0px;
    font-size: 15px;
    margin-right: 10px;
}


@media screen and (max-width: 767px) {
#shortdesc img {
margin-right: 15%;
    margin-bottom: 10px;
    margin-left: 15%;
}

.hikashop_product_right_part {
margin-left: 0px;
}



.prodlayout h3 {
    font-size: 16px;
}

.prodlayout .row .descleft {
width: 100%;
border-top: 0px solid #ed1c24;
    margin-top: 10px;
background-color: rgba(0, 0, 0, 0.8);
padding: 5px 10px;
}

.prodlayout .row .descright {
float: right;
display: block;
width: 100%;
border-top: 0px solid #ed1c24;
    margin-top: 10px;
background-color: rgba(0, 0, 0, 0.8);
padding: 5px 10px;
}


.descleftp {
float: left;
width: 100%;
}

.descrightp {
float: right;
width: 100%;
}


}


.sp-pretitle {
    display: none !important;
}


.graphrow {
min-height: 295px;
}

.titlerow {
width: 100%;
    min-height: 30px;
}

.numberwrap {
    float: left;
    margin-bottom: 5px;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
background-color: transparent !important;
}

.tab_product_name, .tab_product_brand, .tab_product_model, .tab_product_year, .tab_product_chassis, .hikashop_product_vote_row {
display: inline-block;
float: left;
text-transform: uppercase;
}

.tab_product_name, .tab_product_brand {
width: 20%;
}

.hikashop_product_vote_row {
width: 80%;
}

.tab_product_model {
width: 30%;
}

.tab_product_year, .tab_product_chassis {
width: 20%;
}

.my-pagination li span.pagenav {
    background: none !important;
    border: 1px solid #ccc;
}

.producttable .product_descfull {
display: none;
}

.hikashop_product_description_main .tab_product_name,
.hikashop_product_description_main .tab_product_brand,
.hikashop_product_description_main .tab_product_model,
.hikashop_product_description_main .tab_product_year,
.hikashop_product_description_main .tab_product_chassis,
.hikashop_product_description_main .hikashop_product_vote_row  {
display: none;
}

.producttablerow {
    border-bottom: 1px solid #9e9e9e;
    padding-top: 5px;
    overflow: auto;
}

#titlebar {
color: #ec3642;
font-size: 115%;
text-transform: uppercase;
}

.hikashop_badge_topright_div {
display: none;
}

div.dealerrow {
width: 100%;
border-bottom: 1px solid #fff;
padding: 5px 0;
}

#dealerodd {
background-color: #2a2a2a;
}

#dealtitle {
    background-color: #ec3642;
}

#dealtitle div{
font-size: 100% !important; 
}

.dealname {
    float: left;
padding: 0 5px;
width: 15%;
vertical-align: top;
font-size: 90%;
}

.dealadd {
display: inline-block;
padding: 0 5px;
width: 20%;
vertical-align: top;
font-size: 90%;
}

.dealcont {
display: inline-block;
padding: 0 5px;
width: 13%;
vertical-align: top;
font-size: 90%;
}


img.prodimg {
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
}

.dealcount {
display: inline-block;
padding: 0 5px;
width: 10%;
vertical-align: top;
font-size: 90%;
}

.dealweb {
display: inline-block;
padding: 0 5px;
width: 20%;
vertical-align: top;
font-size: 90%;
}

.dealemail {
display: inline-block;
padding: 0 5px;
width: 20%;
vertical-align: top;
font-size: 90%;
}

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

.dealemail, .dealweb, .dealcount, .dealcont, .dealadd, .dealname {
width: 100%;
text-align: center;
}


.dealweb, .dealcont, .dealname {
background-color: #2a2a2a;
}

.dealname {
background-color:#ec3642;
}

#dealtitle {
display: none;
}

#dealerodd {
background-color: inherit !important;
}

div.dealerrow {
padding: 0;
}
}

div.typetab, div.fonttab, div.reartab {
    display: inline-block;
    padding: 0px 5px;
    float: left;
    font-size: 12px;
}

#typehead {
    background: #4a4a4a;
    color: #fff;
text-transform: uppercase;
}

#odd {
    background: #d1d1d1;
}

div.typetab {
width: 8%;
}

.tab_product_model span {
width: 100%;
}

div.fonttab {
width: 40%;
}

div.reartab {
width: 40%;
}

#findmore {    
margin: 0px 15px;
}

.cp-dd-filter-group {
    text-transform: uppercase;
}

table.uppercase {
text-transform: uppercase;
}

#findmore:hover {
background-color: #f15862;
}

@media screen and (min-width: 768px) {
.hidetext {
display: none;
}
}

@media screen and (max-width: 767px) {
.tab_product_name, .tab_product_brand, .tab_product_model, .tab_product_year, .tab_product_chassis, .hikashop_product_vote_row {
width: 100%;
padding: 2px;
}

#titlebar {
    display: none;
}
.tab_product_name {
background:#ec3642;
}

.tab_product_name a {
color:#fff;
}

span.hikashop_product_name {
margin-bottom: 0px;
}

.producttablerow {
padding-top: 0;
}

.tab_product_model, .tab_product_chassis {
    background: #2e2d2d;
}

.hikashop_product_vote_row, .tab_product_name a {
text-align: center;
}
}

#suspension {
    background-image: url(images/sus.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 20px;
    padding-top: 20px;
    padding-bottom: 50px;
}

.prodlayout .row .descleft {
    float: left;
    display: block;
    width: 50%;
    border-top: 0px solid #ed1c24;
}

.descleftp {
    float: left;
    width: 75%;
}

.descrightp {
    float: right;
    width: 75%;
}

.prodlayout .row .descright {
    float: right;
    display: block;
    width: 50%;
    border-top: 0px solid #ed1c24;
}

.aboutrow {
padding:0;
position: relative;
height: 100vh;
overflow: hidden;
display: block;
    width: 100%;
}


.about {
width: 50%;
}

.about1 {
width: 100%;
}

.about1text {
    width: 43%;
    position: absolute;
    left: 52%;
    text-align: justify;
    top: 5%;
    padding: 1%;
}



.about2text {
    width: 90%;
    position: absolute;
    left: 5%;
    text-align: center;
    top: 60%;
    color: #fff;
    background-color: rgba(0,0,0,0.7);
    padding: 1%;
}

.about2text h3, .about4text h3 {
    color: #fff;
}

.about3text {
    width: 90%;
    position: absolute;
    left: 5%;
    text-align: center;
    top: 65%;
    color: #fff;
    background-color: rgba(0,0,0,0.7);
    padding: 1%;
}

.about4text {
    width: 90%;
    position: absolute;
    left: 4%;
    text-align: center;
    top: 65%;
    color: #fff;
    background-color: rgba(0,0,0,0.7);
    padding: 1%;

}

.about5text {
    width: 90%;
    position: absolute;
    left: 4%;
    text-align: center;
    top: 20%;
    color: #fff;
    background-color: rgba(0,0,0,0.7);
    padding: 1%;
}

.about5textblock{
width: 47%;
    display: inline-block;
    text-align: justify;
    padding: 1%;
    vertical-align: top;
}

.about5text h3 {
color: #fff;
}

.about3text h3 {
color: #fff;
}

.about6text {
    width: 90%;
    /* position: absolute; */
    padding: 5%;
    text-align: justify;
    /* top: 4%; */
    color: #fff;
}


.about6text h1 {
    color: #fff !important;
    font-size: 40px !important;
    margin-bottom: 25px;
}

.about6pullleft {
width: 45%;
float: left;
margin-bottom: 30px;
}

.about6textblock{
width: 49%;
    display: inline-block;
    text-align: justify;
    padding: 0;
    vertical-align: top;
}

.about6text h3 {
color: #fff;
margin-bottom: 30px;
}

.about6row {
padding: 1%;
    width: 100%;
    min-height: 100px;
    margin-bottom: 10px;
    overflow: auto;
    float: left;
}

.about6rowicon {
    float: left;
    width: 18%;
    margin: 1%;
}

.about6rowicon img:hover {
opacity: 0.7;
}

.about6rowtext {
float: left; 
width: 75%;
    min-height: 160px;
}


.prod1text {
    width: 30%;
    position: absolute;
    left: 10%;
    text-align: justify;
    top: 30%;
    color: #8d8d8d;
}

.prod2text {
width: 50%;
    position: absolute;
    right: 10%;
    text-align: justify;
    top: 35%;
    color: #8d8d8d;
}

.prod3text {
width: 50%;
    position: absolute;
    right: 25%;
    text-align: center;
    top: 15%;
    color: #8d8d8d;
}

.prod4text {
width: 50%;
    position: absolute;
    right: 5%;
    text-align: justify;
    top: 10%;
    color: #8d8d8d;
}


.prod5text {
width: 35%;
    position: absolute;
    left: 5%;
    text-align: justify;
    top: 25%;
    color: #8d8d8d;
}

.prod1text h1, .prod2text h1, .prod4text h1 , .prod5text h1  {
    font-size: 50px !important;
    font-weight: 600 !important;
text-align: left;
}

.prod3text h1  {
    font-size: 50px !important;
    font-weight: 600 !important;
text-align: center;
}

.contactcontactpadding {
padding: 30px;
}

.contact-address {
    display: inline-block;
    float: left;
    width: 34%;
}

.contact-form {
    width: 65%;
    display: inline-block;
}


.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea{
width: 90%;
}

.contact-form legend {
    color: #d32525;
    margin-bottom: 0px;
}

.dl-horizontal dd {
    margin-left: 0px;
}
.s5_logo {
    max-height: 60px;
}

.item-pagefullwidth_page {
    padding: 0 !important;
    width: 112%;
    margin-left: -6%;
}

#sec6 {
height: auto;
background: #1c1c1c;
}

#s5_pos_top_row1_1 .s5_mod_h3_outer {
    padding-bottom: 5px;
    margin-bottom: 15px;
    padding: 0 7%;
    border-bottom: 0px solid #ba0c0c;
}

#s5_pos_top_row1_1 .s5_mod_h3 {
    color: #ed1c24;
    font-size: 1.8em;
    padding-bottom: 5px;
    margin-bottom: 15px;
    margin-top: 20px;
    display: block;
    border-bottom: 2px solid;
}

@media screen and (min-width: 769px) and (max-width: 1024px)  {
.prod1text {
    width: 30%;
    position: absolute;
    left: 5%;
    text-align: justify;
    top: 10%;
    color: #8d8d8d;
}

.aboutrow {
    padding: 0;
    position: relative;
    height: auto;
    overflow: hidden;
    display: block;
    width: 100%;
}

.prod3text {
    width: 50%;
    position: absolute;
    right: 25%;
    text-align: center;
    top: 0%;
    color: #8d8d8d;
}

.prod2text {
    width: 50%;
    position: absolute;
    right: 10%;
    text-align: justify;
    top: 20%;
    color: #8d8d8d;
}

.prod1text h1, .prod2text h1, .prod4text h1, .prod5text h1 {
    font-size: 35px !important;
    font-weight: 600 !important;
    text-align: left;
}

.about1text {
    width: 43%;
    position: absolute;
    left: 52%;
    text-align: justify;
    top: 0;
    padding: 1%;
    line-height: 140%;
}
}

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

.jdGallery .slideInfoZone h2, .jdGallery .slideInfoZone p {
    max-width: 75% !important;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px !important;
}

.about {
    width: 100%;
}

.about5textblock,.about6textblock, .about1text, .about2text, .about3text, .about4text, .about5text, .about6pullleft {
width: 94%;
left: 2%;
top: 20px;
position: relative;
    text-align: justify;
}

.about1text img {
    width: 100%;
    float: left;
}

.about3text h3 {
    color: #8d8d8d;
}

.aboutrow {
    padding: 0;
    position: relative;
    height: auto;
    margin-bottom: 20px;
    display: block;
}

.about5textblock, .about1text, .about2text, .about3text, .about4text, .about5text {
    background-color: #fff;
    margin-bottom: 20px;
color: #8d8d8d !important;
}

.about2text h3, .about4text h3 {
color: #8d8d8d !important;
}

.prod1text, .prod2text, .prod3text, .prod4text, .prod5text, .prod6text {
    width: 90%;
    left: 2.5%;
    text-align: justify;
    top: auto;
    position: relative;
    color: #000 !important;
    padding: 2.5%;
}

.about1text {
    padding-top: 0px;
    padding-left: 0;
    padding-right: 0;
    text-align: justify;
}

.prod1text h1, .prod2text h1, .prod4text h1, .prod5text h1 {
    font-size: 25px !important;
    font-weight: 600 !important;
    text-align: center;
    color: #000 !important;
}

.prod3text h1 {
    font-size: 25px !important;
    font-weight: 600 !important;
    text-align: center;
    color: #000 !important;
}

.about6row {
    padding: 1%;
    width: 98%;
    min-height: 100px;
    margin-bottom: 30px;
    overflow: auto;
    float: left;
}

#section6 .about1, #section6 img {
display: none !important;
}

.about6text {
background-color: #000;
width: 98%;
left: 0;
padding: 10px;
position: relative;
}

.about5textblock,
.about5text h3, .about5text {
color: #7C7B7B;
}

.aboutrow {
    clear: both;
width: 100%;
overflow: hidden;
}

.contact-address {
    display: inline-block;
    float: left;
    width: 100%;
}

.about6rowicon {
    float: left;
    width: 40%;
    margin-right: 4%;
}

.about6rowtext {
    float: left;
    width: 55%;
    min-height: 160px;
}

.page-header {
    margin-bottom: 0px;
}

.contact-form {
    width: 100%;
    display: inline-block;
}

#myGallery {
    height: 300px !important;
}

.jdGallery .slideInfoZone h2 {
    font-size: 1.5em !important;

}

#s5_logo_wrap {
    margin-left: 0%;
}


#s5_responsive_mobile_sidebar_body_wrap #s5_responsive_mobile_bar_active {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    float: none;
    width: 50%;
    display: inline-block;
}

#sec6 {
    height: auto;
    background: #1c1c1c;
    margin-bottom: 0 !important;
}
}


p.readmore a:hover {
background: #000;
}



@media screen and (min-width: 1100px) {
#myGallery, #myGallerySet, #flickrGallery {
height: 100vh !important;
}
}