@charset "UTF-8";
/* CSS Document */

.blue {color:#0084c9}
.clear {clear:both;}
.main_bg {background-color:#ededed;}
.dark_red {color:#b40610;}
.container{}
.btn-danger {background-color:#b40610; font-size:18px; text-transform:uppercase; padding:15px 30px;}


/******************************************Header***********************************************/
.top_bg {background:#eeeeee; font:12px normal Arial, Helvetica, sans-serif; color:#000; padding:5px; box-shadow: 0px 10px 10px rgba(0,0,0,0.5); position: relative; z-index: 9;}
.top_bg_text {text-align:right; text-transform:uppercase;}
.top_bg_text ul {list-style:none; padding:0px; margin:0px; position: relative;}
.top_bg_text ul li {padding:0px; display:inline-block; text-align:right; text-transform:uppercase; font:12px normal Arial, Helvetica, sans-serif;}
.top_bg_text ul li i {margin-right: 5px; font-size: 15px;}
.top_bg_text ul li a:link,.top_bg_text ul li a:visited {color:#000;}
.top_bg_text p {position: absolute; display: block; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; text-transform: none;}

.logo {text-align:left; padding-top:10px; padding-right: 0px; position: relative;}
.menu_bg {background:#FFF; padding-top: 0px;}

/* Navigation */
#nav {/* container */ margin:0px; min-height:47px; padding:0px 0px; border:0px;}
#nav li {position: relative; z-index:8;}
#nav label {display:none;}
#nav input {display:none;}

/* first level */
#nav ul {margin:0px; list-style:none; display:table; width:100%; padding:0px;}
#nav ul > li {height: 100%; white-space:nowrap; text-align:center; display:table-cell; font:normal 15px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; margin-bottom:0px; float:none; background: url(https://mhdesignlab.com/shop_designs/jackson_leisure/images/menu_sep.jpg) no-repeat right;}
#nav ul li a {color:#000; text-decoration:none; padding:0px 28px;text-transform:uppercase; border-radius:0px; margin-right:0px; font-size:15px; height:95px; line-height: normal; white-space: normal; display: table-cell; vertical-align: middle;}
#nav ul li a:hover {background-color:transparent; color:#FFF; background: #578f31;}
#nav ul li a:focus {background-color:transparent; color:#FFF; background: #578f31;}

/*Mobile*/
.menu input {display: none;}
.menu label {display: none; margin:0; padding: 12px 20px; font-weight: normal; font-size:12px; text-align: center; color: #000;}
.menu label:hover {color: #CCC;cursor: pointer;}
.menu input:checked + label {}
#menu_mobile1:checked ~ #menu_section {display: block;}
img[src=""] {display:none;}

.submenu_bg {background: #578f31;}

.categories_bg {margin-top: 27px;}
.categories_bg label {float:left; width:55px; margin-bottom:0px; cursor:pointer; display:inline-block !important;}
.categories_bg input {display:none; text-align: center;}
#categories_box:checked ~ #categories_section {display: block;}

.categories_bg ul {position: absolute; background: #578f31; z-index: 9999; margin-top: 0px; width: 200px; right: 15px;}
#categories_section {display:none;}
.categories_bg {padding:2px 0px; text-align: right; float: right;}
.categories_bg label {display:inline-block; color:#FFF; border:0; padding:9px 15px; border-radius:4px; float:none; width:auto; margin-left:15px; background: #578f31; text-transform: uppercase;}
.category {float:none; font:normal 13px Arial, Helvetica, sans-serif; color:#000; display: block; text-align: left; width: 100%;}
.category a {padding:10px 20px 10px 20px; display:block; border-bottom: 1px #FFF dashed;  border-radius: 0; font:normal 13px Arial, Helvetica, sans-serif; text-align: left; float: none;}
.category a:link,.category a:visited {color:#FFF; text-decoration:none; background: none; border-radius: 0;}
.category a:hover,.category a:active {color:#000; text-decoration:none; background: #d9ffbf; border-radius: 0;}
.categories_bg ul {margin:0px 0px 0px 0px; padding:0px; list-style:none; display: inline-block;}
.categories_bg ul li:last-child a {border:0;}

.highlight_banners a img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
.highlight_banners a:hover img {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}

.banner_bg {background:#FFF url(https://mhdesignlab.com/shop_designs/jackson_leisure/images/banner_bg.jpg) no-repeat center; height: 454px;}
.banner {text-align: right; margin-top: 100px;}
.banner img {display: inline-block;}
.banner a::after {content: ""; display: block; clear: both;}
.banner a:link,.banner a:visited {color: #ffc93c; text-decoration: none;}
.banner a:link,.banner a:visited {color: #ffc93c; text-decoration: none;}
.banner a span {font-size: 19px; color: #ffc93c; text-transform: uppercase; border:1px #ffc93c solid; text-align: center; display: inline-block; padding: 10px 50px; float: right; clear: both; margin-top: 50px;}
.banner a:link span,.banner a:visited span {color: #ffc93c; text-decoration: none;}
.banner a:hover span,.banner a:active span,.banner a:focus span {color: #000; text-decoration: none; background: #ffc93c;}


/*why us*/
.why_us_bg {background: url(https://mhdesignlab.com/shop_designs/jackson_leisure/images/why_us_bg.jpg) repeat-y top; z-index:10;}


/******************************************Content***********************************************/
.content_bg {background:#FFF; padding-bottom:0px; padding-top:0px; min-height: 25px;}
.content_bg .container {}
.col_left {margin-top: 30px;}
.col_right {margin-top: 30px; font:normal 16px Arial, Helvetica, sans-serif; text-align:left; color:#8d8d8d;}
.item_bg {background:#FFF;}
.item_header {font-size: 18px; text-align: left; border-bottom: 3px #000 solid; padding-bottom: 10px; margin-top: 30px; max-width: 450px; color: #000; margin-bottom: 20px;}
.item_title {font:bold 18px Arial, Helvetica, sans-serif; text-align:left; text-transform:none; color:#000; padding-left:0px; border-bottom: 3px #193052 solid; padding-bottom: 10px; display: block; margin-bottom: 20px;}
.product_title {font:bold 24px Arial, Helvetica, sans-serif; text-align:left; padding:20px 0px; color:#000; text-transform: uppercase;}
.descr_pix {margin-top: 30px; margin-bottom: 30px;}
.image {text-align:center;}
.image img.img-responsive {display:inline-block;}
.thumbs {margin-top:15px; margin-bottom:0px; text-align:left;}
.gallery_wrapper {position:relative; padding-top:15px; padding-bottom: 15px; border-top:none;}
.gallery_wrapper .item {display:none; border: 1px #ccc solid;}
.gallery_wrapper .item img {max-width:100%; height:auto;}
.gallery_wrapper input { display: none;}
.gallery_wrapper label {margin-right:0px; margin-bottom:10px; padding: 0px; font-weight: 600; text-align: right;color: #5f457c; width:105px; height:105px; display:inline-block;}
.gallery_wrapper label[for="thumbnail6"] {margin-right:0px;}
.gallery_wrapper label img {max-width:100%; border: 1px solid #ddd; }
.gallery_wrapper label:hover {color: #888;cursor: pointer;}
.gallery_wrapper input:checked + label {color: #555;border: 1px solid #cacaca;border-bottom: 1px solid #fafafa;}
#thumbnail1:checked ~ #photo1,#thumbnail2:checked ~ #photo2,#thumbnail3:checked ~ #photo3,#thumbnail4:checked ~ #photo4,#thumbnail5:checked ~ #photo5,#thumbnail6:checked ~ #photo6,#thumbnail7:checked ~ #photo7,#thumbnail8:checked ~ #photo8,#thumbnail9:checked ~ #photo9,#thumbnail10:checked ~ #photo10 {display: block;}
.gallery_wrapper label img[src=""] {display:none;}
.gallery_wrapper .item img[src=""] {display:none;}
#descr {padding:0px 0px; font:normal 16px Arial, Helvetica, sans-serif; text-align:left; color:#8d8d8d; border-top:none;}
#descr img {max-width:100%; height:auto; width:100%;}

.bullets {padding-top: 15px; padding-right: 0px; padding-bottom: 15px;}
.bullets ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0px;}
.bullets ul li {list-style: none; background: #eeeeee; padding: 20px 10px; text-align: center; margin-bottom: 20px;}
.bullets ul li img {display: inline-block;}

.box_bg {background: #FFF url(https://mhdesignlab.com/shop_designs/jackson_leisure/images/about_bg.jpg) no-repeat top; padding-top: 60px; padding-bottom: 60px;}
.cat_box {margin-bottom: 30px;}
.cat_box span {display: block; border: 1px #FFF solid; width: 100%; text-align: center; padding: 10px; margin-top: 0px; margin-bottom: 30px; font-size: 18px; text-transform: uppercase;}
.cat_box a:link,.cat_box a:visited {color: #FFF; text-decoration: none;}
.cat_box a:hover,.cat_box a:active,.cat_box a:focus {color: #FFF; text-decoration: none;}
.cat_box a:link span,.cat_box a:visited span {color: #FFF; text-decoration: none; background: #000;}
.cat_box a:hover span,.cat_box a:active span,.cat_box a:focus span {color: #FFF; text-decoration: none; background: #ff7e00; border-color: #FFF;}

.brakes_bg {padding-top: 0px; padding-bottom:40px;}
.brakes_text {color: #333; padding-top: 30px;}
.brakes_text h4 {text-transform: uppercase;}
.brakes_img {margin-top: 80px;}
.brakes_text p {font-size: 17px; font-weight: normal; margin-bottom: 30px;}
.brakes_text a {display: inline-block; font-size: 19px; text-transform: uppercase; border: 1px #c1c1c1 solid; text-align: center; padding: 10px 50px;}
.brakes_text a:link,.brakes_text a:visited {color: #c1c1c1; text-decoration: none; }
.brakes_text a:hover,.brakes_text a:active,.brakes_text a:focus {color: #FFF; text-decoration: none; background: #1aabe3;}

.info_wrap_bg {background: #f2f2f2; background-size: cover; padding-top: 20px; padding-bottom: 20px;}
.info_wrapper {margin-bottom:40px; margin-top:40px;}
.info_tab1 {font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:center; background-color:#FFF; border-top:1px #d8d8d8 solid; border-right:1px #d8d8d8 solid; border-left:1px #d8d8d8 solid; border-bottom:1px #FFF solid; border-top-left-radius:3px; border-top-right-radius:3px;}
.info_tab {font:normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:center; background-color:#ededed; border-top:1px #d8d8d8 solid; border-right:1px #d8d8d8 solid; border-left:1px #d8d8d8 solid; border-bottom:1px #d8d8d8 solid; border-top-left-radius:3px; border-top-right-radius:3px;}
.info_bg {background-color:#FFF; border-right:1px #d8d8d8 solid; border-left:1px #d8d8d8 solid; border-bottom:1px #d8d8d8 solid;}
.info_text {font:normal 14px Arial, Helvetica, sans-serif; text-align:left; padding:30px; color:#000;}
.info_text1 {font:normal 14px Arial, Helvetica, sans-serif; text-align:left; padding:30px; color:#000;}
.info_header {font:normal 14px Arial, Helvetica, sans-serif; position:relative; padding-top:35px;}
.info_header section {display: none; padding:30px 40px; background:#FFF; border: 1px solid #ccc; border-radius:4px; color:#000; box-shadow: 1px 2px 3px #666;}
.info_header section p {margin-bottom:20px;}
.info_header section h3 {font-size: 18px; font-weight: bold;}
.info_header input { display: none;}
.info_header label {font:normal 12px Arial, Helvetica, sans-serif; display: inline-block; float:left; position:absolute; margin:0px; padding: 10px 15px; font-weight: normal; text-align: center; color: #000; border: 1px solid #d6d6d6; background-color:#d6d6d6; border-top-right-radius:4px; border-top-left-radius:4px; top:0px; left:0px; min-width:110px;}
#tab1+ label {left:0px;}
#tab2+ label {left:130px;}
#tab3+ label {left:245px;}
#tab4+ label {left:360px;}
#tab5+ label {left:475px;}
.info_header label[for="tab1"] {margin-left:15px;}
.info_header label:hover {color: #666;cursor: pointer;}
.info_header input:checked + label {color: #000; border-bottom: 1px solid #FFF; background:#FFF; border-top-right-radius:4px; border-top-left-radius:4px;}
#tab1:checked ~ #content1,#tab2:checked ~ #content2,#tab3:checked ~ #content3,#tab4:checked ~ #content4,#tab5:checked ~ #content5 {display: block;}
.info_del {float: right; margin-top: 80px;}

.sale_img {margin-bottom: 30px;}

/******************************************Footer***********************************************/

.footer_bg {background:#161616; padding-top:10px; padding-bottom:50px;}
.info_footer {margin:30px 0px 0px 0px; padding:0px; list-style:none; font:normal 13px Arial, Helvetica, sans-serif; color:#FFF; text-align:left;}
.info_footer li {padding:3px 0px; font:normal 13px Arial, Helvetica, sans-serif; margin:0px;} 
.info_footer a:link,.info_footer a:visited {color:#FFF; text-decoration:none;}
.info_footer a:hover,.info_footer a:active {color:#FFF; text-decoration:underline;}
#footer_header {font:bold 16px Arial, Helvetica, sans-serif; color:#FFF; padding-bottom:10px; text-transform:uppercase;}
.logo_footer {float:right; padding:0px 0px 0px 0px;}
#newsletter_footer {margin-right:0px;}
#join_btn {border:1px #FFF solid; padding:10px 25px; text-transform:uppercase; display:block; float:left; margin-top:15px;}
#join_btn:link,#join_btn:visited {text-decoration:none; color:#FFF;}
#join_btn:hover,#join_btn:active {text-decoration:none; background-color:#FFF; color:#000;}
.footer_shadow {text-align:center;}
.footer_shadow img {display:inline;}
.copyrights {font:normal 12px Arial, Helvetica, sans-serif !important; color:#000; text-align:center; padding:10px 0px 0px 0px;}
.design {font:normal 12px Arial, Helvetica, sans-serif !important; color:#000; text-align:center; padding:0px 0px 20px 0px;}
.design a:link,.design a:active,.design a:visited {color:#000; text-decoration:underline;}
.design a:hover {color:#000; text-decoration:underline;}


/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
.descr img {max-width:600px; height:auto;}
.logo {width: 30%;}
.header_right {width: 50%;}
.cats_bg_wrap {width: 20%;}
}



/* Medium devices (desktops ipad landscape, 992px and up) */
@media (max-width: 1199px) {
.descr img {max-width:400px; height:auto;}
.header_contact {font-size:13px;}
#footer_header {font-size:14px;}
#nav ul li a {padding: 0px 26px;}
.categories_bg label {margin-left: 0px; padding: 9px 12px;}
.logo {padding-top: 20px;}

}



/* Small devices (tablets ipad portrait, 768px and up) */
@media (max-width: 991px) {
#nav ul li a {font-size: 12px;}
/* first level */
#nav {text-align: right;} 
#nav input {}
#nav label {display:inline-block; background:#000; padding:10px 15px; border-radius:4px; color:#FFF; margin-top:3px; cursor:pointer;}
#nav > ul {height: auto; display: none; width:100%; text-align:center; margin:0px; padding:0px;}
#nav:target > ul{display: block;}
#nav ul > li {width:100%; height: auto; max-width:none; display:block; float:none; text-align:center; padding:0px; margin:0px; background-image:none;}
#nav ul li a {color:#FFF; text-decoration:none; background-image:none; text-align:center; font-size:12px; height: 50px;}
#nav ul li a img {display:inline;}

/*Mobile*/
#menu_section {display:none;}
.menu {border-radius:0;}
.menu label {display: inline-block; margin:0; padding: 10px 20px; font-weight: normal; font-size:12px; text-align: center; color: #FFF; border:1px #FFF solid; border-radius:5px;}
.menu label:hover {color: #CCC;cursor: pointer;}
.menu input:checked + label {}
#menu_mobile1:checked ~ #menu_section {display: block;}

.descr img {float:none; margin:0px auto; display:block; max-width:100%; height:auto;}
.info_footer {margin-right:75px;}
#footer_header {font-size:14px; padding-bottom:15px;}
.info_footer {width:100%; margin-right:0px; margin-left:0px; min-height:0px; }
.info_footer li {padding:7px 0px;}
.info_footer li a { display:inline-block;}
.logo_footer ul {min-height: 0;}
.logo_footer {float: left; padding-left: 15px;}
.header_right #nav {display: none;}
.cats_bg_wrap {width: 25%;}
.logo {width: 30%}
.header_right {width: 45%}

}

/* xs devices (smaartphones, 767px and less) */
@media (max-width: 767px) {
	.top_bg_text ul li {visibility: hidden;}

/**/
.banner a span {font-size: 14px;}
.info_footer {width:100%; margin-right:0px; margin-left:0px; min-height:0;}
.logo {text-align:center; padding-top: 15px;}
.logo img {display: inline-block;}
.cat_box {max-width: 391px; margin: 30px auto;}
.cat_box span {font-size: 14px;}
.brakes_text a {font-size: 14px;}
.info_wrapper {margin-bottom:40px; margin-top: 0px;}
.info_header {padding-top: 0px;}
.about_logo {max-width: 300px;}
.info_header label[for="tab1"] {margin-left:0px;}
.info_header label {width:100%; border-radius:0px; float:none; position:relative; font-size:16px; font-weight:bold; padding:15px 20px; background-color:#666; color:#FFF;}
.info_header label:hover {color:#eee;}
.info_header label::before {display:inline-block; width:24px; height:16px; position:absolute; left:10px; top:15px; content:"\f067"; font-family:'FontAwesome'; font-size:16px; padding-right:10px; vertical-align:middle; float:right; font-weight:400}
.info_header input:checked + label {background-color:#578f31; color:#FFF;}
.info_header input:checked + label::before {display:inline-block; width:24px; height:16px; content:""; position:absolute; right:10px; top:15px; content:"\f068"; font-family:'FontAwesome'; font-size:16px; padding-right:10px; vertical-align:middle; float:right; font-weight:400}
.info_header section {padding:20px;}
#tab1+ label {left:auto;}
#tab2+ label {left:auto;}
#tab3+ label {left:auto;}
#tab4+ label {left:auto;}
#tab5+ label {left:auto;}
.after_purchase li img {margin-right:5px; display:none;}
.info_footer {width:100%; margin-right:0px; margin-left:0px; min-height:0;}
.info_del {display: none;}
.brakes_text p {font-size: 15px;}
.brakes_bg {padding-top: 0px; padding-bottom: 30px;}
.header_right {display: none;}
.logo {width: 50%; float: left;}
.cats_bg_wrap {width: 50%; float: left;}
.box_bg {background-position: bottom; }
.brakes_img {margin-top: 0px; display: none;}
.sale_img {margin-bottom: 0px;}
.box_bg {padding-top: 30px; padding-bottom: 30px;}
.categories_bg {margin-top: 16px;}
.menu_bg {padding-bottom: 5px;}

}