body { font-family: 'Open Sans', sans-serif; line-height: 1.6; font-size: 15px; max-width: 1920px; margin: 0 auto; color: #191919; }
a { color: #333; text-decoration: none; cursor: pointer; transition: all 0.3s; }
a i { pointer-events: none; }
a:hover, a:focus { color: #DADADA; text-decoration: none; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-top: 0; }
h1, .h1 { font-size: 2.4em; }
h2, .h2 { font-size: 2em; }
h3, .h3 { font-size: 1.6em; }
h4, .h4 { font-size: 1.2em; }
h5, .h5 { font-size: 1em; }
h6, .h6 { font-size: 12px; }
img { height: auto; max-width: 100%; }
button, input, select, textarea { font-size: 100%; margin: 0;
vertical-align: baseline; *vertical-align: middle; }
input[type="checkbox"], input[type="radio"] { padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
label.screen-reader-text { display: none; }
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, select {
color: #666; border: 1px solid #E8E8E8; border-radius: 3px; padding: 5px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
color: #111;
}
iframe { max-width: 100%; }
textarea { overflow: auto; vertical-align: top; width: 100%; }
.wpcf7-form input:not([type="submit"]):not([type="reset"]), .wpcf7-form textarea, .wpcf7-form select { width: 100%; margin-bottom: 10px; } .alignleft { display: inline; float: left; }
.alignright { display: inline; float: right; }
.aligncenter { clear: both; display: block; margin: 0 auto; } .search-form { border: none; background: #fff; padding-left: 10px; margin-bottom: 15px; width: 275px; float: right; }
.search-submit { background: #fff url(//www.sccfm.com.my/wp-content/themes/ninja/images/search.jpg) center no-repeat; color: transparent; border: none; padding: 5px 16px; margin: 5px; }
.header-middle .search-field { background: none; border: none; }
.search-results-list article { box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.31); padding: 15px; margin-bottom: 15px; }
.search-results-list article .page-header { border-bottom: 0; margin: 0; padding-bottom: 0; } .bg-light-grey { background-color: #E1E1E1; }
.bg-dark-grey { background-color: #191919; color: #fff; }
.bg-black { background-color: #000; color: #fff; }
.bg-white { background-color: #fff; }
.bg-dark-grey a, .bg-black a { color: inherit; } .nfluid-wrapper { position: relative; }
.nxposition { position: initial; } .container-fluid, .container-fluid > .row > [class*='col-'], .container-fluid.main-content-area, .container-fluid.main-content-area > .row > .main-content-inner { 
padding-left: 0; padding-right: 0; 
}
.container-fluid > .row { margin: 0; }
.container-fluid.main-content-area > .row { margin: auto; } .sidebar { margin-bottom: 15px; }
.sidebar aside { background-color: #f3f3f3; padding-bottom: 15px; }
.widget_archive select { width: calc(100% - 10px * 2); margin: 10px auto 0; display: block; outline: 0!important; }
.widget_archive h3 { background-color: #000; color: #fff; padding: 5px 15px; text-transform: uppercase; font-size: 24px; } .post-listing { padding: 0; list-style-type: none; }
.post-listing li { overflow: hidden; margin: 0 0 20px; border: 5px solid #f3f3f3; padding: 15px; }
.post-listing .featured-img { float: left; margin-right: 10px; } .btn.btn-default { background-color: #0c4ea0; border-color: #0c4ea0; color: #fff; font-size: 14px; padding: 5px 20px; 
margin-top: 15px; transition: all 0.3s ease 0s;
}
.btn.btn-default:hover { color: #0c4ea0; border-color: currentColor; background-color: transparent; } .np15 { padding: 15px; }
.np30 { padding: 30px; }
.np45 { padding: 45px; }
.nm15 { margin: 15px; }
.nm30 { margin: 30px; }
.nm45 { margin: 45px; }
.nvp15 { padding-top: 15px; padding-bottom: 15px; }
.nvp30 { padding-top: 30px; padding-bottom: 30px; }
.nvp45 { padding-top: 45px; padding-bottom: 45px; }
.nvm15 { margin-top: 15px; margin-bottom: 15px; }
.nvm30 { margin-top: 30px; margin-bottom: 30px }
.nvm45 { margin-top: 45px; margin-bottom: 45px }
.nhp15 { padding-left: 15px; padding-right: 15px; }
.nhp30 { padding-left: 30px; padding-right: 30px; }
.nhp45 { padding-left: 45px; padding-right: 45px; }
.nhm15 { margin-left: 15px; margin-right: 15px; }
.nhm30 { margin-left: 30px; margin-right: 30px; }
.nhm45 { margin-left: 45px; margin-right: 45px; }
.nxp { padding: 0; }
.nxvp { padding-top: 0; padding-bottom: 0; }
.nxhp { padding-left: 0; padding-right: 0; }
.nxm { margin: 0; }
.nxvm { margin-top: 0; margin-bottom: 0; }
.nxhm { margin-left: 0; margin-right: 0; } .nflex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }
.nflex-center { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.nflex-bottom { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; align-items: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; }
.nflex-top { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; } .nmla { margin-left: auto; }
.nmra { margin-right: auto; } ul, li { margin-bottom: 10px; }
ul ul, ol ol, ul ol, ol ul { padding-left: 20px; }
.ninline-col-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
.ninline-col-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.ninline-col-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.ninline-col-1 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
[class*='ninline-col'] { -webkit-column-gap: 40px; column-gap: 40px; }
[class*='ninline-col'] li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -moz-page-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; }
ul.menu { list-style: none; padding-left: 0; margin-bottom: 0; } .header-middle > .container { padding-top: 15px; padding-bottom: 15px; } .navbar-collapse { clear: both; float: right; padding-left: 0; padding-right: 0; }
#menu-primary li { display: block; position: relative; margin-bottom: 0; }
#menu-primary ul.sub-menu { display: none; z-index: 999; text-align: left; }
#menu-primary li:last-child { margin-right: 0; }
#menu-primary li a { padding: 10px 20px; display: block; }
#menu-primary li a:hover { color: #000; }
.dropdown-menu { padding: 0!important; border: 0!important; border-radius: 0; }
ul.sub-menu { position: absolute; top: 40px; left: 0; padding: 0 5px; background: #000; }
#menu-primary ul.sub-menu li a { padding: 5px; }
#menu-primary ul.sub-menu li a:hover { color: #fff; }
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
ul.nav li.dropdown:hover > ul.dropdown-menu ul.dropdown-menu { margin-left: 160px; margin-top: -40px; } .ninja-tq-icon { font-size: 40px; color: #fff; margin-bottom: 30px; background-color: #ee1b24; padding: 30px; border-radius: 50%; border: 5px solid #fff; box-shadow: 7px 7px 24px 0px rgba(50, 50, 50, 0.41); } .ninja-comingsoon-icon { font-size: 40px; color: #fff; margin-bottom: 30px; background-color: #ee1b24; padding: 30px; border-radius: 50%; border: 5px solid #fff; box-shadow: 7px 7px 24px 0px rgba(50, 50, 50, 0.41); }
.ninja-thank-you > .row { height: 100vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.countdown { position: relative; margin: auto; height: 40px; width: 40px; text-align: center; }
.countdown-number { color: #000; display: inline-block; line-height: 38px; }
.ninja-thank-you svg { position: absolute; top: 0; right: 0; width: 40px; height: 40px; transform: rotateY(-180deg) rotateZ(-90deg); -webkit-transform: rotateY(-180deg) rotateZ(-90deg); }
.ninja-thank-you svg circle { stroke-dasharray: 113px; stroke-dashoffset: 0px; stroke-linecap: round; stroke-width: 2px; stroke: black; fill: none; animation: countdown 10s linear forwards; -webkit-animation: countdown 10s linear forwards; }
@-webkit-keyframes countdown {
from { stroke-dashoffset: 0px; }
to { stroke-dashoffset: 113px; }
}
@keyframes countdown {
from { stroke-dashoffset: 0px; }
to { stroke-dashoffset: 113px; }
} .nperiscope { background-position: center 0px; background-repeat: repeat-y; background-attachment: fixed; position: relative; }
.nperiscope.circle { border-radius: 50%; }
.nperiscope .nperiscope-tint { background-color: rgba(0, 0, 0, 0.5); color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; opacity: 0; padding: 30px; transition: all 0.8s;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;
}
.nperiscope-content { transition: all 0.8s; }
.nperiscope.circle, .nperiscope.circle .nperiscope-tint { border-radius: 50%; } .nfloating-box-list-wrapper { overflow: hidden; }
.nfloating-box-list { list-style: none; margin-bottom: 0; padding-left: 0; } .nlanding-box-list { list-style: none; padding-left: 0; margin-bottom: 0; overflow: hidden; }
.nlanding-box-list .nbox { position: relative; opacity: 0; transform: translateX(30px); transition: all 0.4s ease-in-out; overflow: hidden; }
.nlanding-box-list.nalign-left .nbox { transform: translateX(-30px); }
.nlanding-box-list.nalign-top .nbox { transform: translateY(-30px); }
.nlanding-box-list.nalign-bottom .nbox { transform: translateY(30px); }
.nlanding-box-list .nbox.is-showing { opacity: 1; transform: translateX(0px); }
.nlanding-box-list.nalign-top .nbox.is-showing, .nlanding-box-list.nalign-bottom .nbox.is-showing {transform: translateY(0px); } p:empty { display: none; }
a.waze-app, a.whatsapp { display: none; }
.nboxes .ncaption { margin-bottom: 15px; }
.nboxes img { width: 100%; }
.page-featured-banner h1 { text-align: center; }
.fullpage-header { position: absolute; z-index: 1; color: #fff; }
#wc_category_accordion-2 .widgettitle { margin-bottom: 0; } .nbtnfr { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); position: fixed; transform-origin: right bottom; top: 20%; } #footer { background: #191919; padding-top: 15px; color: #fff; }
#footer .footer-inner { padding-top: 25px; padding-bottom: 25px; padding-left: 30px; padding-right: 30px; }
#footer .widgettitle { font-size: 14px; }
#footer .widgettitle:after { content: ""; background-color: #fff; width: 20px; height: 3px; display: block; margin-top: 15px; }
#footer ul { padding-left: 0; }
#colophon { background: #fff; color: initial; }
#copyright { text-align: center; padding: 10px 15px; } #floating-widget { position: fixed; right: 0; top: 38%; z-index: 999; } .scroll-to-top { background: rgba(100, 100, 100, 0.4); color: #fff; bottom: 4%; cursor: pointer; display: none; position: fixed; right: 20px; z-index: 999; font-size: 16px;
text-align: center; line-height: 40px; width: 40px; border-radius: 4px; transition: background-color 0.3s linear;
}
.scroll-to-top:hover { background: #222; opacity: .8; } .social-icons ul { margin-bottom: 0; }
.social-icons ul, .social-icons li { border: 0!important; list-style: none; padding-left: 0; }
.social-icons li { border: none; display: inline-block; margin: 0; }
.social-icons li a span { display: none; }
.social-icons li a { font-size: 18px; line-height: 37px; list-style: none; display: inline-block; text-align: center; height: 35px; width: 35px; margin-right: 5px; margin-bottom: 5px;
border-radius: 50%; background-color: #fff; color: #000; transition: background-color 0.5s;
}
.social-icons li a[href*="facebook.com"] i:before { content: "\f09a"; }
.social-icons li a[href*="twitter.com"] i:before { content: "\f099"; }
.social-icons li a[href*="skype"] i:before { content: "\f17e"; }
.social-icons li a[href*="youtube.com"] i:before { content: "\f167"; }
.social-icons li a[href*="instagram.com"] i:before { content: "\f16d"; }
.social-icons li a[href*="flickr.com"] i:before { content: "\f16e"; }
.social-icons li a[href*="tumblr.com"] i:before { content: "\f173"; }
.social-icons li a[href*="pinterest.com"] i:before { content: "\f0d2"; }
.social-icons li a[href*="plus.google.com"] i:before { content: "\f0d5"; }
.social-icons li a[href*="linkedin.com"] i:before { content: "\f0e1"; }
.social-icons li a:hover { color: #fff!important; }
.social-icons li a[href*="facebook.com"]:hover { background-color: #4265b9; }
.social-icons li a[href*="twitter.com"]:hover { background-color: #55ACEE; }
.social-icons li a[href*="skype"]:hover { background-color: #0bbff2; }
.social-icons li a[href*="youtube.com"]:hover { background-color: #df3333; }
.social-icons li a[href*="instagram.com"]:hover { background-color: #F95B60; }
.social-icons li a[href*="flickr.com"]:hover { background-color: #ff0084; }
.social-icons li a[href*="tumblr.com"]:hover { background-color: #35506b; }
.social-icons li a[href*="pinterest.com"]:hover { background-color: #c31e26; }
.social-icons li a[href*="plus.google.com"]:hover { background-color: #d62408; }
.social-icons li a[href*="linkedin.com"]:hover { background-color: #005987; } @media (min-width: 1200px) {
.lg-center { text-align: center; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.md-center { text-align: center; }
}
@media (min-width: 992px) { a[href*='tel:'] { pointer-events: none; } .nimg-wrapper { position: initial; }
.nimg-container-right, .nimg-container-left { position: absolute; bottom: 0; top: 0; }
.nimg-container-right { left: 50%; right: 0; }
.nimg-container-left { left: 0; right: 50%; }
.nimg-container-right img, .nimg-container-left img { object-fit: cover; width: 100%; height: 100%; }
.nfluid-wrapper .row.nflex > [class*='col-'] { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; max-width: 50%; }
.nfluid-wrapper .nflex-reverse { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse!important; flex-direction: row-reverse!important; }
}
@media (max-width: 991px) {
.navbar-collapse.collapse { display: none !important; }
.sidebar, .content-with-sidebar { float: none; width: 100%; }
.search-form { display: none; }
.nflex { display: block; }
#logo img { width: auto; }
a.waze-app, a.whatsapp { display: inline-block; }
a.waze { display: none; }
.nfloating-box-list .nbox { transform: none!important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.sm-center { text-align: center; }
}
@media (max-width: 767px) {
.xs-center { text-align: center; }
.nimg-wrapper img { margin-bottom: 15px; } 
.np45 { padding: 30px; }
}
@media (max-width: 480px) {
#floating-widget { right: inherit; top: initial; bottom: 0; width: 100%; text-align: center; }
}body {font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: #212222;}
h1,h2,h3 {font-family: 'Quando', serif;}
h2 {font-size: 25px; margin-bottom: 20px; text-transform: uppercase; }
h2:after {content: ""; display: block; border-top: 2px solid #000; width: 300px; margin: 20px 0;}
h2.white:after {content: ""; display: block; border-top: 2px solid #fff; width: 300px;}
.text-center h2:after {margin: 20px auto;}
h3 {font-size: 16px; line-height: inherit; display: block;}
.txt-yellow {color: #f5ee41;}
#welcome {padding-top: 680px; margin-top: -600px; background: url(//www.sccfm.com.my/wp-content/uploads/bg-welcome.jpg) bottom no-repeat;}
.darkbg {background: url(//www.sccfm.com.my/wp-content/uploads/doodle-bg.jpg) bottom no-repeat #2b2d2d; color: #fff; padding: 80px 100px 120px;}
.btn.btn-default, .wpcf7-submit {border-radius: 25px; background: #f5ee41; color: #000; font-size: 15px; border: 1px solid #f5ee41;}
.btn.btn-default:hover, .wpcf7-submit:hover {background: #fff; border: 1px solid #f5ee41; color: #000;}
.ngrid2, .ngrid3 {display: grid; grid-gap: 0; grid-template-columns: repeat(3,1fr); list-style: none; padding-inline-start: 0;}
.post-listing.ngrid3 {grid-gap: 15px;}
.ngrid2 {grid-template-columns: repeat(2,1fr); grid-gap: 30px;}
.ngrid4 {display: grid; grid-gap: 15px; grid-template-columns: repeat(4,1fr); list-style: none; padding-inline-start: 0;}
ul.serv li {font-size: 16px; font-family: 'Quando', serif; color: #b32024;}
ul.serv li img {margin-bottom: 15px;}
.prod .btn.btn-default {background: transparent; color: #fff; border: 1px solid #fff;}
.prod .btn.btn-default:hover {background: #fff; color: #000;}
.prod li {position: relative; margin-bottom: 0;}
.prod h3 {color: #f5ee41;}
.nimg {display: flex; max-height: 280px; position: absolute; overflow: hidden;}
.nimg img {object-fit: cover; object-position: center center; width: 100%; height: 100%;}
.nimg article {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); padding: 45px;}
.nimg img {position: relative;}
.page-featured-banner {padding-top: 150px; padding-bottom: 30px; background-position: center center; background-size: cover; text-align: center;}
.page-featured-banner h1.page-title {font-size: 50px; text-transform: uppercase; border-bottom: 0; color: #fff; text-shadow: 0 3px 8px rgba(0,0,0,0.6);}
li.featured-img img {width: 100%; height: auto;}
h2.recipes-title {font-size: 24px;}
ol, ul {padding-inline-start: 20px;}
.nvp60 {padding-top: 60px; padding-bottom: 60px;}
a:hover {color: #b32024;}
.greybg {background: #e5e5e5;}
.strength li {text-align: initial;}
.strength img {margin-bottom: 15px;}
article.leftcontent {max-width: 600px; width: 100%; float: right;}
.relocate {margin-top: -70px;}
.popular .nimg {position: relative; max-height: inherit; overflow: hidden;}
.popular .nimg img {position: absolute; width: 100%;}
.accredi {background: url(//www.sccfm.com.my/wp-content/uploads/bg-accredi.jpg) center center; background-size: cover; color: #fff;}
.accredi h2 {border-bottom-color: #fff;}
.post-listing li {border: 0; text-align: center; box-shadow: 0 0 8px rgba(0,0,0,0.12);}
.post-listing li .featured-img {margin-bottom: 15px; margin-right: 0;} #header {position: fixed; z-index: 99; background: rgba(0,0,0,0.8); box-shadow: 0 3px 8px rgba(0,0,0,0.2); left: 0; right: 0;}
#logo {margin-bottom: 10px;}
#menu-primary li a {color: #fff; text-transform: uppercase; border-bottom: 1px solid transparent; padding: 10px 7px; margin: 0 7px; font-family: 'Quando', serif; font-size: 13px;}
#menu-primary li a:hover {color: #fff; border-bottom: 1px solid #fff;}
.nav>li>a:focus, .nav>li>a:hover {background: transparent;}
#menu-primary .dropdown-menu>li>a {color: inherit;}
#menu-primary .dropdown-menu>li>a:focus, #menu-primary .dropdown-menu>li>a:hover {background: transparent; color: #b32024;}
#menu-primary .dropdown-menu>.active>a, #menu-primary .dropdown-menu>.active>a:focus, #menu-primary .dropdown-menu>.active>a:hover {background: transparent; color: #b32024;} .sidebar aside {background: transparent;}
h3.widgettitle {font-size: 24px; border-bottom: 2px solid #b32024; padding-bottom: 15px; margin-bottom: 20px; text-transform: uppercase; }
.sidebar ul, ul.product-categories {list-style: none; padding-inline-start: 0;}
.sidebar li, #product-sidebar .menu li { border-bottom: 1px solid #ccc; padding: 10px;}
.sidebar li a, #product-sidebar .menu li a {font-size: 16px; font-weight: 600;}
.sidebar li a:hover, #product-sidebar .menu li a:hover {color: #b32024;}
.widget_archive h3 {background: inherit; color: inherit;} #footer {background: url(//www.sccfm.com.my/wp-content/uploads/bg-footer.jpg) center center; background-size: cover; padding-top: 60px; color: inherit}
#footer .footer-inner {background: rgba(255,255,255,0.8); margin: 30px auto; padding: 45px; font-size: 14px;}
#footer ul {list-style: none;}
#colophon {background: transparent;}
#footer ul.sub-menu {display: none;}
.ninline-col-2 div {break-inside: avoid-column;}
#footer .widgettitle:after {display: none;}
#footer .widgettitle {border: none; padding: 0; color: #b32024; font-size: 15px;}
#footer b {font-size: 18px}
#footer .menu-item-81 {display: none;}
#footer .fb-like {height: 50px;} @media(max-width: 991px) {
.popular .nflex {display:flex;}
.popular .nimg img {position: relative;}
article.leftcontent {max-width: inherit;}
.darkbg {padding: 80px 30px 120px;}
.ngrid4 {grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 767px) {
.ngrid3 {grid-template-columns: repeat(2,1fr);}
.ngrid2 {grid-template-columns: repeat(1,1fr);}
.prod li {}
.popular .nflex {display:block;}
.popular .nimg {display: block; position: inherit; max-height: inherit;}
article.leftcontent {float: none;}
.page-featured-banner h1.page-title {font-size: 32px;}
}
@media(max-width: 480px) {
#welcome {padding-top: 300px; margin-top: -320px;}
#floating-widget .floating {display: inline-block;}
#colophon {padding-bottom: 60px;}
.ngrid3, .ngrid4 {grid-template-columns: repeat(1,1fr); grid-gap: 15px}
}.woocommerce .main-content-inner { }
.woocommerce div.product:after { content: ""; display: table; clear: both; }
.woocommerce .site-main {background: url(//www.sccfm.com.my/wp-content/uploads/prod-bg.jpg) bottom left no-repeat;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {border-radius: 25px;} #wc_category_accordion-2 .widgettitle {background-color: #000;color: #fff !important;padding: 5px 15px;text-transform:uppercase;font-weight:both;}
.widget_wc_category_accordion{background-color:#f3f3f3;}
i.vca_icon {padding: 0 2px;position: absolute;right: 30px !important;text-align: right; width: auto;}
.acclassic .accordion li {background: transparent !important;border-bottom:0 !important;}
#product-sidebar aside {margin-bottom: 30px; padding: 15px; background: rgba(255,255,255,0.9);}
#product-sidebar ul.yith-ywraq-list {list-style: none; padding-inline-start: 0;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { padding: 0 0 30px 0; width: 30.8%;
text-align: center; margin-bottom: 30px; transition: all 0.3s ease-in-out; 
}
.woocommerce ul.products li.product a img { }
.woocommerce ul.products li.product h3 { padding-top: 15px; margin-top: 15px; }
h1.page-title {font-size: 25px; text-transform: uppercase; margin-bottom: 15px;}
.woocommerce ul.products li.product .woocommerce-loop-product__title {border-bottom: 0; display: block;}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {background: rgba(255,255,255,0.9);}
li.product h2:after {display: none;} .product_meta { margin-bottom: 15px; margin-top: -10px; padding-bottom: 10px;}
.woocommerce div.product form.cart div.quantity:before { content: 'Quantity '; padding-right: 15px; font-weight: bold; }
input.input-text.qty.text { border: 1px solid #ddd; }
.yith-ywraq-add-to-quote { margin-top: 15px; }
.yith-ywraq-add-to-quote .yith_ywraq_add_item_browse_message a { font-weight: bold; text-transform: uppercase; text-decoration: underline; }
.woocommerce.ywraq-wrapper .woocommerce-message { display: none; }
.related.products { clear: both; }
.woocommerce-tabs h2, .woocommerce div.product .woocommerce-tabs ul.tabs {display: none;}
.woocommerce div.product div.images .flex-control-thumbs li {width: 18%; margin: 4px;}
.woocommerce div.product .product_title {font-size: 25px; margin-bottom: 15px;} .woocommerce.ywraq-wrapper { margin-top: 30px; }
.woocommerce.ywraq-wrapper:after { content: ''; display: table; clear: both; }
.woocommerce.ywraq-wrapper #yith-ywraq-form, 
.woocommerce.ywraq-wrapper #yith-ywraq-form + .wpcf7 { float: left; width: 45%; }
.woocommerce.ywraq-wrapper #yith-ywraq-form { margin-right: 5%; }
.woocommerce table.shop_table .button { margin: 10px 0; } @media ( max-width: 991px ){
.woocommerce.ywraq-wrapper #yith-ywraq-form, .woocommerce.ywraq-wrapper #yith-ywraq-form + .wpcf7 { width: 100%; float: none; margin-right: 0; }
.woocommerce.ywraq-wrapper #yith-ywraq-form { margin-bottom: 30px; }
}
@media ( max-width: 768px ){
.woocommerce #content div.product div.images { max-width: 400px; float: none; margin-left: auto; margin-right: auto; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 48%; margin-right: 0; }    
}
@media ( max-width: 480px ){
.woocommerce ul.products, .woocommerce-page ul.products { text-align: center; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%; max-width: 300px; float: none!important; 
display: inline-block; vertical-align: top;}
.woocommerce .site-main {background-size: contain;}
}.ajax-loading,
.product-remove a.yith-ywraq-item-remove.remove{
display: inline-block;
}
.product-remove .ajax-loading{
vertical-align: text-bottom;
}
#yith-ywraq-form table.cart .product-thumbnail{
display: table-cell;
}
.woocommerce #yith-ywraq-form table.shop_table.cart div.product-thumbnail img{
max-width: 60px;
}
a.ywraq-big-button {
padding: 6px 29px;
border-radius: 5px;
display: inline-block;
}
a.ywraq-big-button:hover{
text-decoration: none;
}
a.ywraq-big-button.ywraq-accept:hover {
background-color: #7AA327;
color: white;
}
a.ywraq-big-button.ywraq-accept {
background-color: #99cc33;
color: white;
}
a.ywraq-big-button.ywraq-reject {
background-color: #f53330;
color: white;
}
a.ywraq-big-button.ywraq-reject:hover {
background-color: #CF3432;
color: white;
}
a.ywraq-big-button.ywraq-pdf-file {
background-color: #d3ced2;
color: #515151;
}
.ywraq-buttons{
text-align: right;
}
.hide-modal{
display: none;
}
.woocommerce .related ul li.product img, .woocommerce .related ul.products li.product img.ajax-loading{
width: auto;
}
.g-recaptcha{
margin-bottom: 20px;
} ul.yith-ywraq-list li{
position:relative;
padding-left: 2em;
position: relative;
padding-top: 0;
padding-bottom: 0px;
}
ul.yith-ywraq-list li a {
display: block;
font-weight: 700;
}
ul.yith-ywraq-list a.yith-ywraq-item-remove.remove {
position: absolute;
top: 0;
left: 0;
}
ul.yith-ywraq-list img{
display: inline-block;
float: right;
margin-left: 4px;
width: 32px;
height: auto;
box-shadow: none;
}
ul.yith-ywraq-list .yith-ywraq-list-info .quantity{
display: block;
}
.woocommerce.ywraq-wrapper .cart a.button.wc-backward {
float: left;
}
.woocommerce.ywraq-wrapper .cart  input.button.btn.btn-default {
float: right;
} .widget_ywraq_mini_list_quote {
position: relative;
padding: 0;
display: inline-block;
margin: 25px 0;
vertical-align: top;
overflow: visible !important;
}
.widget_ywraq_mini_list_quote .raq-info{
display: block;
margin: 2px;
padding: 10px 12px;
color: #000;
font-size: 16px;
border: 1px solid #efefef;
cursor: pointer;
}
.widget_ywraq_mini_list_quote .yith-ywraq-list-wrapper {
position: absolute;
left: 0;
left: auto;
margin-right: -1px;
bottom: -12px;
width: 300px;
padding-top: 15px;
}
.widget_ywraq_mini_list_quote .yith-ywraq-list-content {
padding: 22px 22px 24px;
width: 100%;
position: absolute;
background: #fff;
border: 1px solid;
border-bottom-width: 0;
-webkit-box-shadow: 1px 1.732px 3px 0px rgba( 0, 0, 0, 0.19 );
-moz-box-shadow: 1px 1.732px 3px 0px rgba( 0, 0, 0, 0.19 );
box-shadow: 1px 1.732px 3px 0px rgba( 0, 0, 0, 0.19 );
z-index: -1;
opacity: 0;
text-align: left;
margin-top: -26px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition-delay: 0.3s; transition-delay: 0.3s;
pointer-events: none;
}
.widget_ywraq_mini_list_quote .yith-ywraq-list{
margin-bottom: 15px;
}
.widget_ywraq_mini_list_quote .yith-ywraq-list-content.scrollbar-outer {
overflow-y: scroll;
}
.widget_ywraq_mini_list_quote .yith-ywraq-list-content ul li {
position: relative;
border-bottom: 1px solid;
padding: 2px 0 15px 23px;
clear: both;
}
.widget_ywraq_mini_list_quote:hover .yith-ywraq-list-content{
z-index: 10000;
opacity: 1;
margin-top: 0;
pointer-events: auto;
}
.widget_ywraq_mini_list_quote .raq-items-number{
font-weight: bold ;
}
.ywraq-select2 {
z-index: 111111111!important;
}
#ywraq_checkout_quote{
margin-bottom: 20px;
}
@media screen and (max-width: 768px) { #yith-ywraq-form #yith-ywrq-table-list td.product-thumbnail {
display: none;
}
#yith-ywraq-form  .actions a {
text-align: center;
}
}