/* main color (red: #CA0027) (grey: #808284) */

#topbar { padding: 0 0; background: #221f1f; }
.topbar-dropdown .title, .topbar-dropdown .title a { color: #c8c8c8; }

#topbar-left { position: relative; z-index: 200; text-align: center; padding: 20px 0; }
#topbar-left .contactus { float: right; height: 100%; overflow: hidden; padding-top: 15px; }
#topbar-left .contactus .social-icons:not(.lang) { margin-left: 120px; }
#topbar-left .contactus .lang { top:80px;
right: 50px; position: absolute; }
#topbar-left .contactus .lang a { font-size: 12px; color: #6e6f70 !important; padding-left: 10px; }
#topbar-left .contactus .lang a:hover { color: #CA0027 !important; }
#topbar-left .logo { float: left; height: 100%; overflow: hidden; }

.social-icons.social-icons-colored { float: right; margin-right: 40px; }

.img-responsive { margin: 0 auto; }

.topbar-dropdown .title a { margin-right: 10px; padding-right: 10px; height: 30px !important; }
.topbar-dropdown .title a:hover { border-bottom: 2px #CA0027 solid; }

#header-wrap { height: 60px; }
#header.header-sticky, #header-wrap ,#header.header-sticky #header-wrap { /*background: #CA0027;*/ color: #fff; }

#mainMenu > ul > li > a { color: #fff !important; font-family: 'Fjalla One','Kanit'; font-size: 15px;/* height: 60px; line-height: 40px; */ height: 45px; line-height: 24px; }
#mainMenu > ul > li > a:hover { background-color: #221f20 !important; color: #fff !important; }

 
/*.grid-articles .post-entry:before { background: none; }*/
.grid-articles .post-entry .post-entry-meta .post-entry-meta-title h2 a { font-size: 12px; font-weight: normal; }

.post-news .container { padding: 0 !important; }

/* button */
.button.small { font-size: 12px; line-height: 25px; height: 36px; padding: 5px 16px; }
.button.effect.fill:hover { background-color: #252525; border-color: #252525; }

.myButtonLink { display: block; width: 125px; height: 36px; background: url(../images/more_button.png) bottom; text-indent: -99999px; }
.myButtonLink:hover { background-position: 0 0; }

.myFacebookLink { display: block; width: 36px; height: 36px; background: url(../images/more_facebook.png) bottom; text-indent: -99999px; }
.myFacebookLink:hover { background-position: 0 0; }

.myCartLink { display: block; width: 36px; height: 36px; background: url(../images/more_cart.png) bottom; text-indent: -99999px; }
.myCartLink:hover { background-position: 0 0; }

.more-button { padding-top: 10px !important; padding-bottom: 15px !important; padding-left: 115px; width: 400px; }

/* news&event */
.news-event { 
  background-color: #eee; 
  background: -webkit-linear-gradient(#8f9094, #e7e8ea); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#8f9094, #e7e8ea); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#8f9094, #e7e8ea); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#8f9094, #e7e8ea); /* Standard syntax */
  min-height: 320px;
  height: 320px;
  border-right: 5px solid white;
}
.news-event h1 { font-family: 'Fjalla One','Kanit'; color: #fff; padding: 15px 0 5px 0; border-bottom: 1px solid #fff; text-align: left; font-size: 16px; }
.news-event p { text-align: left; color: #fff; line-height: 20px; }

/* search box */
.search-box { 
  background: url(../images/bg_searchbox_index.jpg);
  background-size: 100%;
  min-height: 320px;
  height: 320px;
  border-left: 10px solid white;
}
.search-box h1 { font-family: 'Fjalla One','Kanit'; color: #000; padding: 110px 0; text-align: center; font-size: 20px; display: none; }

.search-box-subpage {
background: url(../images/bg_searchbox.jpg);
background-size: 100%;
min-height: 320px;
height: 320px;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
}
.search-box-subpage h1 { font-family: 'Fjalla One','Kanit'; color: #000; padding: 110px 0; text-align: center; font-size: 20px; display: none; }

/* products */
.products-box { 
  background-color: #eee; 
  background: -webkit-linear-gradient(#8f9094, #e7e8ea); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#8f9094, #e7e8ea); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#8f9094, #e7e8ea); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#8f9094, #e7e8ea); /* Standard syntax */
  height: 510px;
  min-height: 510px;
}
.products-box h1 { padding: 20px 0; font-family: 'Fjalla One','Kanit', sans-serif; font-size: 20px; color: #fff; text-transform: uppercase; margin: 0;}
.products-box p { font-size: 14px; color: #000; }
.product-box .button.red-dark { background-color: #fff !important; }

/* footer */
footer { padding-bottom: 0; }
.footer-content { padding: 25px 0 0 0; }
.footer-content ul { padding-left: 0px; }
.footer-content h1 { font-family: 'Fjalla One','Kanit'; font-size: 14px; color: #ec1d25; }
.footer-content a { font-size: 12px; color: #808284 !important; padding: 10; }
.footer-content a:hover { color: #ec1d25 !important; }

.copyright-content { padding: 0px; background: #ea1c24; text-transform: uppercase; }
.copyright-content p { padding: 10px 0 0 0; background: #ea1c24; color: #fff; margin-bottom: 10px; }

.button.button-hurricane { 
  -webkit-transform: skew(-15deg);
  background: rgb(229,47,22); /* Old browsers */
  background: -webkit-linear-gradient(rgba(229,47,22,1) 0%, rgba(170,3,3,1) 100%);
  background: -o-linear-gradient(rgba(229,47,22,1) 0%, rgba(170,3,3,1) 100%);
  background: linear-gradient(rgba(229,47,22,1) 0%, rgba(170,3,3,1) 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  line-height: 2px;
  font-family: 'Fjalla One','Kanit';
  font-weight: normal;
  font-size: 14px;
  color: #fff;
}

.button.button-hurricane:hover {
  background: rgb(69,72,77); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.button.button-hurricane.small {
  padding: 10px 20px;
  height: 0;
}

.button.button-hurricane.small:hover {
  background: rgb(69,72,77); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.button.button-hurricane.big {
  padding: 35px 65px;
  font-size: 35px;
  height: 0;
}

.button.button-hurricane.big:hover {
  background: rgb(69,72,77); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* FIX MAIN_BANNER  */
.boxed-slider { height: auto; width: 100%; }
.boxed-slider .owl-item { height: auto; }
#slider-carousel .owl-bg-img img { width: 100%; height: auto; }
/* .FIX MAIN_BANNER  */

.engine_by_shopup_bottom {
	background: #fff !important;
	text-align: center;
	font-size: 10px !important;
	color: #a8a9ad !important;
	font-style: uppercase !important;
	padding: 10px 0 !important;
}

/*------------------ MENU SHAPE ------------------*/

@media(min-width: 992px){
  #mainMenu ul.main-menu {
    /* width: 100% !important; */
    width: 106% !important;
  }
  #mainMenu ul.dropdown-menu {
    left: 5px;
  }
  #mainMenu ul.dropdown-menu a {
    padding: 10px 18px;
  }
  #mainMenu .main-menu > li {
    width: 14%;
    margin-left: 0;
    height: 45px;
  }
  #mainMenu .main-menu > li:not(:last-child) {
    margin-right: 25px;
  }
  #mainMenu .main-menu a {
    text-align: center;
  }
  #mainMenu .main-menu > li > a {
    background-color: #EC1F27;
    /*padding-left: 50px;*/
    /*padding-right: 50px;*/
    text-align: center;
    font-style: italic;
  }
  #mainMenu .main-menu > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -1em;
    border-bottom: 3em solid #EC1F27;
    border-left: 1em solid transparent;
    transition: all 0.3s ease-in-out
  }
  #mainMenu .main-menu > li > a::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1em;
    border-top: 3em solid #EC1F27;
    border-right: 1em solid transparent;
    transition: all 0.3s ease-in-out
  }
  #mainMenu .main-menu > li > a:hover,
  #mainMenu .main-menu > li > a:focus {
    background-color: #AC1F24 !important;
  }
  #mainMenu .main-menu > li > a:hover::before,
  #mainMenu .main-menu > li > a:focus:before { 
    border-bottom-color: #AC1F24;
  }
  #mainMenu .main-menu > li > a:hover::after,
  #mainMenu .main-menu > li > a:focus::after { 
    border-top-color: #AC1F24;
  }
  #mainMenu .main-menu > li.dropdown ul {
    border: none;
    min-width: 100%;
    position: relative;
    background-color: transparent;
    box-shadow: none;
  }
  #mainMenu .main-menu > li.dropdown ul li {
    border-bottom: none;
    margin-top: 6px;
    position: relative;
  }
  #mainMenu .main-menu > li.dropdown ul li:nth-child(n+1){ left: -1.5em; }
  #mainMenu .main-menu > li.dropdown ul li:nth-child(n+2){ left: -2.5em; }
  #mainMenu .main-menu > li.dropdown ul li:nth-child(n+3){ left: -3.5em; }
  #mainMenu .main-menu > li.dropdown ul li:nth-child(n+4){ left: -4.5em; }
  #mainMenu .main-menu > li.dropdown ul li:nth-child(n+5){ left: -5.5em; }
  #mainMenu .main-menu > li.dropdown ul li:nth-child(n+6){ left: -6.5em; }
  #mainMenu .main-menu > li.dropdown ul li:nth-child(n+7){ left: -7.5em; }
  #mainMenu .main-menu > li.dropdown ul li:nth-child(n+8){ left: -8.5em; }

  #mainMenu .main-menu > li.dropdown ul a {
    background-color: #333;
    color: #fff;
    height: 3em;
    font-style: italic;
  }
  #mainMenu .main-menu > li.dropdown ul a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -1em;
    border-bottom: 3em solid #333;
    border-left: 1em solid transparent;
  }
  #mainMenu .main-menu > li.dropdown ul a::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1em;
    border-top: 3em solid #333;
    border-right: 1em solid transparent;
  }
  #mainMenu .main-menu > li.dropdown ul a:hover {
    background-color: #EC1F27 !important;
    color: #fff;
  }
  #mainMenu .main-menu > li.dropdown ul a:hover::before {
    border-bottom-color: #EC1F27;
  }
  #mainMenu .main-menu > li.dropdown ul a:hover::after {
    border-top-color: #EC1F27;
  }
}

/*------------------ END: MENU SHAPE ------------------*/

/*------------------ SEARCH ------------------*/

.form-custom-search div { 
  margin-bottom: 15px !important;
}

select.hurricane-styled {
  background: url(../images/select_arrow.jpg) right no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  font-weight: 600;
}

select.hurricane-styled:hover,
input.hurricane-styled:focus {
  box-shadow: 0 0 5px #111;
}

select.hurricane-styled:focus,
input.hurricane-styled:focus {
  border-color: #111;
}

/*------------------ END: SEARCH ------------------*/

/*------------------ RESPONSIVE ------------------*/

@media(max-width: 1024px){
  .products .more-button { padding-left: 85px; }
  .search-box { background: url(../images/bg_searchbox_index_2.jpg); background-size: 100%; min-height: 320px; height: 320px; border-left: 10px solid white; }
  .search-box-subpage { background: url(../images/bg_searchbox_2.jpg); background-size: 100%; min-height: 380px; height: 380px; border-left: 10px solid white; }
}

@media(max-width: 991px){
  #header-wrap { background-color: #CA0027; }
  .search-box-subpage { background: url(../images/bg_searchbox_3.jpg) !important; background-size: 100%; min-height: 365px; height: 365px; border-left: 10px solid white; }
  .search-box h1 { display: block; color: #fff !important; }

  #topbar-left .contactus .lang { top: 75px; right: 30px; }

  .col-md-4.news-event { margin-bottom: 40px; }
  .col-md-4.news-event .col-md-7 { padding: 0px 10px; width: 40% !important; float: left; }
  .col-md-8.news-event .col-md-5 { padding: 0px 10px; width: 60% !important; float: left; }
  .news-event .col-md-12 .more-button { padding-top: 80px !important; padding-left: 580px; }

  .col-md-4.news-event,.col-md-8.search-box { border: none; }
  select.hurricane-styled { background: #fff url(../images/select_arrow.jpg) right no-repeat; }

  .search-box h1 { padding: 90px 0; }
  .col-md-8.search-box .search-racing { padding: 0px 10px; width: 30% !important; float: left; }
  .col-md-8.search-box #sh_index_form_search { padding: 0px 10px; width: 70% !important; float: left; }

  .col-md-4.products-box.box-left,.col-md-4.products-box.box-right  { padding: 0px 10px; width: 33% !important; float: left; }
  .col-md-4.products-box.box-center { padding: 0px 10px; width: 34% !important; float: left; }
  
  .products .more-button { padding-left: 45px !important; }
  .footer .footer-content .col-md-3 { float: left; }
}

@media(max-width: 768px) {
  .border_class { border: none !important; }
  #topbar-left .contactus .lang { top: 70px; right: 25px; }

  .search-box-subpage { background: #d32027 url(../images/bg_searchbox_3.jpg) no-repeat !important; }
}

@media(max-width: 600px) {
  #topbar-left .contactus { padding-top: 0; margin-top: 0px }
  #topbar-left .contactus .social-icons:not(.lang) { margin-left: 0; }
  #topbar-left .contactus .lang { top: 65px; right: 25px; }

  .search-box-subpage { height: 275px; min-height: 275px; }

  .news-event .col-md-12 .more-button { padding-top: 80px !important; padding-left: 400px; }
  .products .more-button { padding-left: 25px !important; }
}

@media(max-width: 480px) {
  .logo { width: 250px; height: auto; }
  #topbar-left .contactus { padding-top: 0; margin-top: -10px }
  #topbar-left .contactus .social-icons:not(.lang) { margin-left: 0; }
  #topbar-left .contactus .lang { top: 45px; right: 25px; }

  .news-event .col-md-12 .more-button { padding-top: 80px !important; padding-left: 300px; }

  .search-box { height: 280px; min-height: 280px; }
  .col-md-4.products-box.box-left,.col-md-4.products-box.box-right,.col-md-4.products-box.box-center { padding: 0px 10px; width: 100% !important; float: left; margin-bottom: 20px; border: none !important; }
  .products .more-button { padding-left: 165px !important; }
}

@media(max-width: 320px) {
  .logo { width: 200px; height: auto; margin-top: 40px; }

  #topbar-left .contactus { padding-top: 0; margin-top: -60px; }
  #topbar-left .contactus .social-icons:not(.lang) { margin-left: 0; margin-top: -10px; }
  #topbar-left .contactus .lang { top: 70px; right: 30px; }

  .news-event .col-md-12 .more-button { padding-top: 60px !important; padding-left: 90px; }

  .search-box h1 { padding: 60px 0; }

  .products .more-button { padding-left: 85px !important; }

  .search-box { background: url(../images/bg_searchbox_3.jpg) !important; background-size: 100%; min-height: 330px; height: 330px; border-left: 10px solid white; }
  .search-box-subpage { background: url(../images/bg_searchbox_3.jpg) !important; background-size: 100%; min-height: 330px; height: 330px; border-left: 10px solid white; }
}

/*------------------ RESPONSIVE ------------------*/


.sys-breadcrumb { display: none; }
.body.row .title { display: none; }
.body.row .detail-text hr { display: none; }
.social-share { display: none; }
.viewed.secondary-text { display: none; }
.mdate.secondary-text { display: none; }

.btn { background-color: #EC1F27 }
.btn:hover { background-color: #AC1F24 }