/**
* custom.css file created by Mebs Template
* @package Mebs Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/

body {
    line-height: 1.6 !important;
}
#topmenu_holder, .ulholder.dlevel1 {
    background: #000;
    border-bottom: 2px solid #e31e24;
}

.footer_out {
    padding: 0px;
}

#footer {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
}

ul.yjsgmenu li a, ul.yjsgmenu.megadropline a.dlevel1a, ul.yjsgmenu.megadropline .cleardropline, ul.yjsgmenu.megadropline .cleardropline {
    padding: 0px 25px;
    height: 40px;
    line-height: 40px;
}

.footer_out {
    background: #000;
    border-top: 2px solid #e31e24;
    color: #fff !important;
}
.yjsg_grid {
    padding: 20px 0px 10px 0px;
}

#yjsgheadergrid {
    padding: 0px;
}

.yjsgmenu a.activepath, .yjsgmenu a:hover, .yjsgmenu a:focus, .yjsgmenu li:hover > .child a {
    background: #000;
    color: #fff;
}                

body {
    background: #fff;
}

.yjsg2_out, .yjsg2_out .fa[class*="yjsg-hr-"]::before {
    background: #fff !important;
}

.yjsg6_out, .yjsg6_out .fa[class*="yjsg-hr-"]::before {
    background: #fff !important;
}

.yjsg7_out, .yjsg7_out .fa[class*="yjsg-hr-"]::before {
  background: #f3f6f9;
  border-top: 2px solid #e31e24 !important;
  border-bottom: 2px solid #e31e24 !important;
}

ul.yjsgmenu.megadropline a.dlevel1a, ul.yjsgmenu.megadropline .cleardropline, ul.yjsgmenu.megadropline .cleardropline {
    line-height: 40px;
    color: #e31e24;
}

.yjsgmenu li a {
    color: #fff !important;
}

ul.yjsgmenu ul.level1, ul.yjsgmenu.megadropline ul.level2 {
    margin-top: 5px !important;
}

ul.yjsgmenu ul li a {
    line-height: 35px;
    color: #e31e24 !important;
}

div#mmenu_holder {
    margin-bottom: 0px;
}

span.yjmm_select {
    color: #fff;
    border: 1px solid #000;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #e31e24;
}

.yjsg-element-holder input, .yjsg-element-holder select, .yjsg-element-holder textarea, .yjsg-form .yjsg-form-element, .yjsg-form .yjsg-form-prepend, .yjsg-form .yjsg-form-append, .yjsg-form .inputbox {
    font-size: 100%;
    display: block;
    margin-bottom: 10px;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    color: #000;
    line-height: 1.42857143;
    background-color: #ffffff;
    background-image: none;
    vertical-align: middle;
    margin-top: 20px;
    float: right;
}

button, .button {
    font-size: 100%;
    display: block;
    margin-bottom: 10px;
    height: 34px;
    padding: 6px 12px;
    color: #fff !important;
    line-height: 1.42857143;
    background-image: none;
    vertical-align: middle;
    margin-top: 0px;
    float: right;
}

a {
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.holders {
    padding: 0px 0;
}

.logo {
    padding: 0px 0;
}

.ciara {
    border-left: 1px solid #e31e24;
}

h4 {
    color: #e31e24;
}

@media screen and (max-width: 980px) {
#logoholder {
width:100%;
height: auto;
}
#logo{
width:100%;
background-position:center center;
background-size:contain;
}
}

.input-append, .input-prepend {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;
    font-size: 0;
    white-space: normal;
}

.form-inline .input-append {
    margin-bottom: 0;
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
}

.bfQuickMode label, .bfQuickMode input[type="text"], .bfQuickMode button, .bfQuickMode select, .bfQuickMode textarea, .bfQuickMode .uneditable-input {
    font-family: 'Titillium Web',sans-serif !important;
     
}

.bfQuickMode .btn {
    background-color: #e31e24 !important;
}

.bfQuickMode .form-actions .bfSubmitButton {
    background-color: #000 !important;
    color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    border: none;
}

.mix-sorts .button.active, .inner-mix .button.active {
    background: #e31e24 !important;
}

.mix-controls .button, .inner-mix .button {
    background: none repeat scroll 0 0 #000 !important;
}

.mix-sorts .button i.toggle_layout {
    background: #fff !important;
}

.newsitem_tools {
    display: block;
    width: 100%;
    margin: 0;
    clear: both;
    padding: 0;
    margin: 0px;
}

.article_title, .module_title {
    font-size: 130% !important;
    padding: 40px 0px 10px 0px;
    border-bottom: 1px solid #e8e8e8 !important
}

h1, h2, h3, h4, h5, h6 {
    color: #e31e24;
}

#cd-google-map address {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 10px 0;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
}

.article_title {
    word-break: break-all;
    margin: 0px;
}

.module_title {
    color: #000;
}

.defaultmenu li a {
    border-bottom: 1px solid #e8e8e8;
}

.bfQuickMode .controls .control-label {
    margin: 0;
    background-color: #F1f3f6;
    max-width: 98% !important;
    min-width: 98% !important;
    width: 98% !important;
    display: block !important;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    padding-top: 5px;
    padding-bottom: 25px;
    padding-left: 2%;
}

 .hidden-phone {
    display: none !important;
  }
  
  .rl_tabs.outline_handles ul.nav-tabs > li a, .rl_tabs.outline_handles ul.nav-tabs > li a:hover {
    border: 1px solid #eeeeee;
}

.rl_tabs .nav-tabs {
    *zoom: 1;
    border-bottom: 1px solid #eeeeee;
}

.rl_tabs > ul.nav-tabs > li > a {
    color: #e31e24;
    line-height: inherit;
}

.rl_tabs.top > ul.nav-tabs > li > a {
    border-bottom-color: #eeeeee;
}

.rl_tabs .nav-tabs > li > a {
    margin-right: 2px;
    padding: 8px 12px;
    line-height: 18px;
    border: 1px solid transparent;
    -webkit-border-radius: 1px 1px 0 0;
    -moz-border-radius: 1px 1px 0 0;
    border-radius: 1px 1px 0 0;
}

.rl_tabs > ul.nav-tabs > li > a:focus,
.rl_tabs > ul.nav-tabs > li.active > a:focus {
  outline: none;
  border-color: #ffffff;
}

.rl_tabs.top > ul.nav-tabs > li > a:focus,
.rl_tabs.top > ul.nav-tabs > li.active > a:focus {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 -2px 2px rgba(165, 165, 165, 0.5);
  -moz-box-shadow: 0 -2px 2px rgba(165, 165, 165, 0.5);
  box-shadow: 0 -2px 2px rgba(165, 165, 165, 0.5);
}

@media (max-width : 768px) {
  .hidden-phone {
        display: none;
  }      
}

@media (max-width : 768px) {
  .hidden-tablet {
        display: none;
  }      
}

@media screen and (max-width: 980px) {
     
         #logo{
        width:280px!important;
        background-size:100%!important;
        background-position:center center!important;}   
     }
     
.cc-floating.cc-theme-edgeless .cc-message {
    margin: 0.3em 0.3em 1.5em 0.3em !important;
}

div.cc-window.cc-floating {
    padding: 1em 1em !important;
}

.cc-revoke.cc-bottom.cc-animate {
    padding: 0.5em .5em 1em;
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: 0em !important;
    border-top-right-radius: 0em !important;
}

.yjsg_grid yjsgsitew {
   background: #e31e24 !important;
}

#vmMainPageOPC div#onepage_submit_section {
  padding-top: 5px;
  padding-bottom: 80px !important;
}

.vm-product-media-container {
  text-align: center;
  max-width: 100%;
  min-height: 250px !important;
}