@font-face {
    font-family: 'rsubold';
    src: url('fonts/rsu/rsu_bold-webfont.eot');
    src: url('fonts/rsu/rsu_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rsu/rsu_bold-webfont.woff2') format('woff2'),
         url('fonts/rsu/rsu_bold-webfont.woff') format('woff'),
         url('fonts/rsu/rsu_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rsulight';
    src: url('fonts/rsu/rsu_light-webfont.eot');
    src: url('fonts/rsu/rsu_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rsu/rsu_light-webfont.woff2') format('woff2'),
         url('fonts/rsu/rsu_light-webfont.woff') format('woff'),
         url('fonts/rsu/rsu_light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rsuregular';
    src: url('fonts/rsu/rsu_regular-webfont.eot');
    src: url('fonts/rsu/rsu_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rsu/rsu_regular-webfont.woff2') format('woff2'),
         url('fonts/rsu/rsu_regular-webfont.woff') format('woff'),
         url('fonts/rsu/rsu_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html {
    overflow-x: unset !important;
}

body {
  color: #333;
  font-family: 'rsulight', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  overflow-x: hidden;
  padding: 0 !important;
}
h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
  color: #111;
  font-family: 'rsubold', sans-serif;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 10px 0;
  text-rendering: optimizelegibility;
}

h1 { font-size: 36px; }

h2 { font-size: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 18px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h4 { font-weight: 600; }

h5,
h6 { font-weight: bold; margin-bottom: 20px; }

p,
p.lead {
  color: #696f6f;
  margin-bottom: 20px;
}

/* ----------------------------------------------------------------
  BOXED SLIDER
-----------------------------------------------------------------*/

.inspiro-slider.owl-carousel .owl-controls .owl-nav .owl-next, 
.inspiro-slider.owl-carousel .owl-controls .owl-nav .owl-prev { border: none; }

.inspiro-slider .owl-dots { bottom: 20px; }
.inspiro-slider .owl-dots .owl-dot { display: inline-block; padding: 6px 7px !important; }

.inspiro-slider .owl-dots .owl-dot span {
  background-color: #fff;
  border-radius: inherit;
  height: 15px;
  width: 15px;
  border-radius: 50px;
  opacity: .5;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.inspiro-slider .owl-dots .owl-dot.active span {
    opacity: 1;
}
.inspiro-slider .owl-dots .owl-dot span:after {
    background-color: #F44611;
    border: 2px solid #fff;
}

.button.large.color { background: #F44611; border-color: #F44611; }
.button.large.color:hover { background: #212121; border-color: #212121; }

.owl-control {  z-index: 1; width: 100%; height: 50px; bottom: 0; }

/*dot nav*/

.owl-theme .owl-dots {
    text-align: center;
    margin-top: -80px;
}
.owl-theme .owl-dots .owl-dot {
    height: 18px;
    width: 18px;
    margin: 0 3px;
    position: relative;
    display: inline-block;
}
.owl-theme .owl-dots .owl-dot span {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 50%;
    background-color: #212121;
    border: 2px solid #fff;
    text-indent: -999em;
    cursor: pointer;
    position: absolute;
    overflow: hidden;
    box-shadow: none;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.owl-theme .owl-dots .owl-dot span:focus {
    outline: none;
}
.owl-theme .owl-dots .owl-dot span::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 50%;
    background-color: #F44611;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.owl-theme .owl-dots .owl-dot span:hover,
.owl-theme .owl-dots .owl-dot span:focus {
    opacity: 0.7;
}
.owl-theme .owl-dots .owl-dot.active span::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* ----------------------------------------------------------------
  HEADER
-----------------------------------------------------------------*/

#header { background: #F44611; height: 89px; box-shadow: 3px 4px 15px #212121; }
#logo img { height: 55px; }

#mainMenu > ul > li > a {
  border-bottom: 0 none;
  border-radius: 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  height: 65px;
  line-height: 40px;
  margin-left: 0;
  margin-right: 0;
  outline: medium none;
  padding: 10px;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
  font-family: 'rsubold', sans-serif;
}
#mainMenu > ul > li > a:hover { color: #fff; }

#mainMenu ul li.dropdown:not(.mega-menu-item) li { border-bottom: 1px solid #333; }
nav .main-menu .dropdown-menu { border-color: #333; }
nav.mega-menu .dropdown-menu a, nav.mega-menu .dropdown-submenu > span.dropdown-menu-title-only { 
  font-family: 'rsubold', sans-serif; font-size: 18px; background: #212121; color: #fff; 
}
nav .main-menu .dropdown-menu a:hover, nav .main-menu .dropdown-menu span.dropdown-menu-title-only:hover { background-color: #F44611 !important; color: #fff; }
nav .main-menu .dropdown-submenu:before { color: #fff; z-index: 99; font-size: 20px; }

.lang-switch { text-align: right; font-family: 'rsubold', sans-serif; }
.lang-switch ul { margin-bottom: 0; }
.lang-switch ul.list-inline>li { padding-left: 0px; padding-right: 10px; }
.lang-switch ul li a { color: #fff; }
.lang-switch ul li a:hover { color: #212121; }

/* ----------------------------------------------------------------
  PRODUCT BOX
-----------------------------------------------------------------*/
.section-product { 
  z-index: 10;
  top: -50px !important;
  margin-bottom: -50px;
  overflow: inherit;
  position: relative;
  background: transparent;
}
.product-container { 
  background-color: #fff;
  box-shadow: 3px 4px 15px #c6c6c6;
  margin-bottom: 20px;
  padding: 30px 20px;
  position: relative;
  z-index: 99 !important;
}
.product-container::after {
   content: "";
   display: table;
   clear: both;
} 
.product { 
  margin-bottom: 20px;
  position: relative;
  display: block;
}

.product-title { width: 100%; text-align: center; }
.product-title h4 { margin: 0; }
.product-title h4 a { display: block; color: #fff; background: #F44611; margin: 0; padding: 10px; transition: 0.3s; }
.product-title h4 a:hover { background: #212121; }

/* ----------------------------------------------------------------
  FIXED
-----------------------------------------------------------------*/

.fixed-button { position: fixed; right: 5px; top: 35%; z-index: 9999; }
.fixed-button ul li { padding: 6px 15px; background: #F44611; color: #fff; margin-bottom: 5px; font-family: 'rsubold', sans-serif; transition: 0.3s; }
.fixed-button ul li a { display: block; color: #fff; font-size: 14px; }
.fixed-button ul li:hover { background: #212121; }

/* ----------------------------------------------------------------
  FOOTER
-----------------------------------------------------------------*/
footer { background: #1d1c1a; padding-bottom: 0; }
.footer-content { padding: 25px 0 20px 0; }
.footer-content p { margin-bottom: 0; font-size: 16px; }
.footer-content a { color: #F44611 !important; }
.footer-content a:hover { color: #7c7c7c !important; }

.copyright-content { border-top: 1px solid #222; min-height: 0px; padding: 7px 0; }
.copyright-text { font-size: 16px; padding-top: 10px; text-transform: none; }
.copyright-text a { color: #F44611 !important; }
.copyright-text a:hover { color: #7c7c7c !important; }

.engine_by_shopup_bottom { background-color: #1d1c1a !important; color: #ccc !important; padding-top: 0; }

/* ----------------------------------------------------------------
    GO TO TOP BUTTON
-----------------------------------------------------------------*/

.gototop-button {
    border-radius: 0;
    bottom: 110px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    line-height: 24px;
    padding: 8px 14px 9px;
    position: fixed;
    right: 5px;
    z-index: 199;
}
.gototop-button:hover {
    opacity: 1;
    background: #101010;
}
.gototop-button:hover,
.gototop-button:focus {
    color: #fff;
}

/* ----------------------------------------------------------------
    SUBPAGE SIDEBAR
-----------------------------------------------------------------*/

.sidebar .widget-categories {
    border-bottom: none;
    margin-bottom: 0;
}
.custom-search-form {
    margin: 0 0 15px 0;
}
.custom-search-form button.btn {
  border-radius: 0;
  /*padding: 14px 26px 13px 26px !important;*/
  padding: 14px 22px 13px 16px !important;
  background: #e94513;
  color: #fff;
  margin-right: 0px;
  margin-bottom: 0px;
}
.custom-search-form button.btn:hover {
  background: #202930;
  color: #fff;
}
.custom-search-form .form-control {
  border: 5px solid #e94513;
  padding: 9.5px 18px;
}
.custom-search-form input { 
  width: 80%; 
  float: left;
}

.custom-vertical-nav ul {
    list-style: none;
    position: relative;
    padding-left: 0;
}

ul.main-list a {
    padding: 8px 25px 8px 15px;
    margin-bottom: 3px;
    display: block;
    color: #fff;
    background-color: #e94513; 
    word-wrap: break-word;
    position: relative;
}

ul.main-list a:hover { 
  background-color: #202930; 
  color: #fff; 
}

ul.main-list li:not(:last-child) {
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

ul.main-list li.dropdown > a::after {
    font-family: fontawesome;
    content: "\f13a";
    margin-right: 10px;
    position: absolute;
    right: 0;
    color: #373739;
}

ul.main-list li.dropdown.active > a { 
  background-color: #e94513; 
  color: #fff; 
}

ul.main-list li.dropdown.active > a::after {
    content: "\f139";
}

ul.dropdown-list {
    display: none;
}

ul.dropdown-list a { 
  padding-left: 35px; 
  background: #202930; 
  color: #fff; 
}

ul.dropdown-list a:hover { background: #e94513; }

ul.dropdown-list ul.dropdown-list a { 
  padding-left: 45px; 
}

ul.dropdown-list ul.dropdown-list ul.dropdown-list a { 
  padding-left: 60px; 
}

li.dropdown.active > ul.dropdown-list {
    display: block;
}

/* ----------------------------------------------------------------
    SYSTEM RESET
-----------------------------------------------------------------*/

.btn-org, 
.btn-theme-all, 
.btn-primary { color: #fff; margin: 0; background-color: #F44611 !important; border-color: #F44611 !important; transition: all .2s ease-out; letter-spacing: 0; }
.btn-org:hover, .btn-primary:hover, .btn-theme-all:hover { color: #fff; background-color: #212121 !important; border-color: #212121 !important;}

span.facebook { color: #3a5795; }
span.twitter { color: #1da1f2; }
span.pinterest { color: #e63d44; }
span.google-plus { color: #d95332; }
span.facebook:hover, span.twitter:hover, span.pinterest:hover, span.google-plus:hover { color: #F44611; }

.sys-product .body .product-detail .price, 
.sys-product .body .product-detail .discount, 
.sys-product .body .product-detail .tags, 
.sys-product .body .product-detail .viewed, 
.sys-product .body .product-detail .quantity, 
.sys-product .body .product-detail .addtocart, 
.sys-product .body .product-detail .mdate, 
.sys-product .body .product-detail .size, 
.sys-product .body .product-detail .stock-status { display: none; }
 
.sys-product .body .product-detail .form-group, 
.sys-product .body .product-detail .form-group > label { font-size: 16px; }

.sys-product .body .product-detail .title h1 { margin-bottom: 15px; line-height: 30px; }
.sys-product .body .product-detail .color .select-product-color li { border: 1px solid !important; border-radius: 50px; }
.sys-product .body .product-detail .mdate { width: 100%; }

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

@media(max-width: 991px) {

}

@media(max-width: 768px) {

}

@media(max-width: 600px) {

}

@media(max-width: 480px) {
    #logo { padding-top: 20px; }
    .fixed-button img { width: auto !important; height: 18px !important; }
}

/* iPhone 6 Plus */
@media(max-width: 414px) {

}

/* iPhone 6 */
@media(max-width: 375px) {

}

/* Galaxy S5 */
@media(max-width: 360px) {

}

/* iPhone 5 */
@media(max-width: 320px) {

}
/* //////// end: responsive //////// */

.sys-breadcrumb .body { display: none; }

.sys-products .product-category-detail > div:first-child { margin-bottom: 10px; top: -10px; }
.sys-breadcrumb .breadcrumb { display: none; }

.sys-page .social-share, 
.sys-page .mdate, 
.sys-page .viewed { display: none; }

.sys-article .mdate, 
.sys-article .viewed, 
.sys-article .social-share { display: none; }

.sys-articles .mdate, 
.sys-articles .viewed, 
.sys-articles .social-share, 
.sys-social { display: none; }

.sys-product .body .product-detail .code { width: 100%; }

/*.sys-article .body .detail { border-bottom: none; }*/

/*.sys-products .body .lists-item { display: none; }*/


/* social */
.social-icons li.social-facebook a:hover{background-color:#227df5!important;color: #fff; }
.social-icons li.social-youtube a:hover{background-color:#ff0000!important;color: #fff; }
.social-icons li.social-line a:hover{background-color:#00c300 !important;color: #fff; }
.social-icons li.social-x a:hover{background-color:#000!important; color: #fff !important; }
.social-icons li.social-x a:hover img, .social-icons li.social-line a:hover img{ filter: brightness(0) invert(1); }
.social-icons li.social-tiktok a:hover{background-color:#000!important;color: #fff; }
.social-icons li.social-linkedin a:hover{background-color:#0b66c2!important;color: #fff; }
.social-icons li.social-instagram a:hover{
    background-color: transparent;
    background: url('../images/social/instagram-bg.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}
.social-icons li.social-tiktok a:hover{
    background-color: transparent;
    background: #000 url('../images/social/tiktok-bg.webp') no-repeat;
    background-size: 15px;
    background-position: center;
}
.social-icons li.social-tiktok a:hover i{ opacity:0; }
.image-icon-social{
    height: 13px;
    top: -1px;
    position: relative;
    filter: brightness(0) invert(1);
}
/*.social-icons.light .image-icon-social{filter: brightness(0) invert(1);}*/
#topbar .image-icon-social, footer .social-icons li a:hover .image-icon-social{  filter: brightness(1) invert(1); }
footer .social-icons li.social-line a:hover .image-icon-social { filter: brightness(0) invert(1); }
.social-x a:hover{color:#0766c2; }
footer .social-icons li.social-instagram a:hover{ color:#fff; }
.social-icons li:hover img { -webkit-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; }


.social-icons.social-icons-colored .social-rss a, .social-icons.social-icons-colored-hover .social-rss a:hover, .social-icons.social-icons-colored .social-snapchat a, .social-icons.social-icons-colored-hover .social-snapchat a:hover {
    background-color:#faa33d
}

.social-icons.social-icons-colored .social-facebook a, .social-icons.social-icons-colored-hover .social-facebook a:hover {
    background-color:#5d82d1
}

.social-icons.social-icons-colored .social-twitter a, .social-icons.social-icons-colored-hover .social-twitter a:hover {
    background-color:#40bff5
}

.social-icons.social-icons-colored .social-vimeo a, .social-icons.social-icons-colored-hover .social-vimeo a:hover {
    background-color:#35c6ea
}

.social-icons.social-icons-colored .social-myspace a, .social-icons.social-icons-colored-hover .social-myspace a:hover {
    background-color:#008dde
}

.social-icons.social-icons-colored .social-youtube a, .social-icons.social-icons-colored-hover .social-youtube a:hover {
    background-color:#ef4e41
}

.social-icons.social-icons-colored .social-instagram a, .social-icons.social-icons-colored-hover .social-instagram a:hover {
    background-color:#e53d00
}

.social-icons.social-icons-colored .social-gplus a, .social-icons.social-icons-colored-hover .social-gplus a:hover {
    background-color:#d68400
}

.social-icons.social-icons-colored .social-stumbleupon a, .social-icons.social-icons-colored-hover .social-stumbleupon a:hover {
    background-color:#ff5c30
}

.social-icons.social-icons-colored .social-lastfm a, .social-icons.social-icons-colored-hover .social-lastfm a:hover {
    background-color:#f34320
}

.social-icons.social-icons-colored .social-pinterest a, .social-icons.social-icons-colored-hover .social-pinterest a:hover {
    background-color:#e13138
}

.social-icons.social-icons-colored .social-google a, .social-icons.social-icons-colored-hover .social-google a:hover {
    background-color:#eb5e4c
}

.social-icons.social-icons-colored .social-evernote a, .social-icons.social-icons-colored-hover .social-evernote a:hover {
    background-color:#9acf4f
}

.social-icons.social-icons-colored .social-dribbble a, .social-icons.social-icons-colored-hover .social-dribbble a:hover {
    background-color:#f7659c
}

.social-icons.social-icons-colored .social-skype a, .social-icons.social-icons-colored-hover .social-skype a:hover {
    background-color:#13c1f3
}

.social-icons.social-icons-colored .social-forrst a, .social-icons.social-icons-colored-hover .social-forrst a:hover {
    background-color:#45ad76
}

.social-icons.social-icons-colored .social-linkedin a, .social-icons.social-icons-colored-hover .social-linkedin a:hover {
    background-color:#238cc8
}

.social-icons.social-icons-colored .social-wordpress a, .social-icons.social-icons-colored-hover .social-wordpress a:hover {
    background-color:#2592c3
}

.social-icons.social-icons-colored .social-grooveshark a, .social-icons.social-icons-colored-hover .social-grooveshark a:hover {
    background-color:#ffb21d
}

.social-icons.social-icons-colored .social-delicious a, .social-icons.social-icons-colored-hover .social-delicious a:hover {
    background-color:#377bda
}

.social-icons.social-icons-colored .social-behance a, .social-icons.social-icons-colored-hover .social-behance a:hover {
    background-color:#1879fd
}

.social-icons.social-icons-colored .social-dropbox a, .social-icons.social-icons-colored-hover .social-dropbox a:hover {
    background-color:#17a3eb
}

.social-icons.social-icons-colored .social-soundcloud a, .social-icons.social-icons-colored-hover .social-soundcloud a:hover {
    background-color:#ff7e30
}

.social-icons.social-icons-colored .social-deviantart a, .social-icons.social-icons-colored-hover .social-deviantart a:hover {
    background-color:#6a8a7b
}

.social-icons.social-icons-colored .social-yahoo a, .social-icons.social-icons-colored-hover .social-yahoo a:hover {
    background-color:#ab47ac
}

.social-icons.social-icons-colored .social-flickr a, .social-icons.social-icons-colored-hover .social-flickr a:hover {
    background-color:#ff48a3
}

.social-icons.social-icons-colored .social-digg a, .social-icons.social-icons-colored-hover .social-digg a:hover {
    background-color:#75788d
}

.social-icons.social-icons-colored .social-blogger a, .social-icons.social-icons-colored-hover .social-blogger a:hover {
    background-color:#ff9233
}

.social-icons.social-icons-colored .social-tumblr a, .social-icons.social-icons-colored-hover .social-tumblr a:hover {
    background-color:#426d9b
}

.social-icons.social-icons-colored .social-quora a, .social-icons.social-icons-colored-hover .social-quora a:hover {
    background-color:#ea3d23
}

.social-icons.social-icons-colored .social-github a, .social-icons.social-icons-colored-hover .social-github a:hover {
    background-color:#3f91cb
}

.social-icons.social-icons-colored .social-amazon a, .social-icons.social-icons-colored-hover .social-amazon a:hover {
    background-color:#ff8e2e
}

.social-icons.social-icons-colored .social-xing a, .social-icons.social-icons-colored-hover .social-xing a:hover {
    background-color:#1a8e8c
}

.social-icons.social-icons-colored .social-wikipedia a, .social-icons.social-icons-colored-hover .social-wikipedia a:hover {
    background-color:#b3b5b8
}

.social-icons.social-icons-colored .social-x a, 
.social-icons.social-icons-colored-hover .social-x a:hover {
    background-color:#000
}
.social-icons.social-icons-colored .social-tiktok a{
    background-color:#000
}
.social-icons.social-icons-colored .social-line a{
    background-color: #00c300 ;
}