@charset "utf-8";
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family: 'Source Sans Pro';
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
strong, b {font-weight: bold;}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {text-decoration: none; color: #091d5f;}
a:hover {text-decoration: none;}
.clear {clear: both !important;}
em {font-style: italic;}
body {
font-size: 18px;
color: #231f20; 
background: #fff;
position: relative;
} h1 {font: bold 32px/40px 'Source Sans Pro', sans-serif; color:#231f20; margin: 10px 0;}
h2 {
font: bold 32px 'Source Sans Pro', sans-serif; 
color:#231f20; 
margin: 0 0 15px 0;
}
h3 {
font: 32px 'Source Sans Pro', sans-serif; 
color:#231f20; 
margin: 0 0 15px 0;
}
h4 {
color: #231f20;
font: 24px 'Source Sans Pro', serif;
text-transform: uppercase;
}
h5 {
font: 300 21px 'Source Sans Pro', serif; 
color: #231f20; 
margin-bottom: 10px;
}
h6 {
font: 18px 'Source Sans Pro', serif; 
color: #231f20; 
text-transform: uppercase;
}
.fleft, .alignleft {float: left; padding: 0 15px 15px 0;}
.fright, .alignright {float: right; padding: 0 0 15px 15px;}
.verytop {background: #c00000; color: #fff; padding: 10px 0; font-weight: bold;}
.verytop a {color: #fff; display: inline-block;}
.verytop i, .verytop a i {color: #fff;}
.verytop p {padding: 0 !important;}
header {
min-height: 110px; 
width: 100%;
background: #fff;
padding: 10px 0;
}
header ul.menu {padding-top: 10px; text-align: right;}
header ul.menu li {
color: white;
display: inline-block;
margin: 8px 0 8px 12px;
padding: 5px;
}
header ul.menu li a {
color: black;
text-decoration: none;
padding-bottom: 4px;
font: 21px 'Source Sans Pro', helvetica, sans-serif;
text-transform: uppercase;
}
header ul.menu li a:hover {
border-bottom: 1px solid black;
}
button:hover {opacity: .8;}
.navbar {margin: 0; z-index: 99999;}
.navbar-default {
border: none; 
background: none;
padding: 30px 0 10px 0;
}
.navbar-header {
float: right;
}
.navbar-brand {height: auto; padding: 0;}
.navbar-brand img {max-width: 320px !important; width: 100%; height: auto; margin-top: 10px;}
.navbar-toggle {
margin: 10px 20px 8px 0;
z-index: 999999;
border: none;
}
.navbar-default .navbar-toggle .icon-bar {background: #231f20;}
.navbar-collapse {
height: auto;
float: left;
padding: 0;
position: relative;
right: 0;
}
.navbar-nav {
text-align: left;
height: auto;
}
.navbar-collapse {
box-shadow: none;
}
.navbar-nav>li {
float: left;
margin: 2px;
padding: 0;
}
.navbar-nav>li>a {
padding: 9px;
margin-right: 5px;
}
.navbar-default .navbar-nav>li>a {
color: #231f20;
font: 21px 'Source Sans Pro', helvetica, sans-serif;
text-decoration: none;
text-transform: uppercase;
}
.navbar-default .caret {color: #eee;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li.current-menu-item a, .navbar-default .navbar-nav>li.current-page-parent a.dropdown-toggle, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover  {
color: #231f20; 
background: none;
}
.navbar-default .navbar-nav>li.current-menu-item ul.dropdown-menu li a {
color: #222 !important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
background-color: transparent !important;
color: #231f20 !important;
}
@media all and (min-width: 992px) {
ul.nav li.dropdown:hover > ul.dropdown-menu{ display: block; }
ul.nav li.dropdown > ul.dropdown-menu {top: 96%; padding-top: 10px; left: 0px;}
ul.nav li.dropdown > ul.dropdown-menu li.dropdown > ul.dropdown-menu {top: -14px; padding-top: 10px; left: 100%;}
.navbar-header {margin-right: 40px;}
}
@media (max-width: 991px) {
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
border: none !important;
}
header ul.menu {text-align: left;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #231f20;}
.navbar-header, #navbar {float: left; width: 100%; padding: 15px 0 0 0;}
#navbar {
background: rgba(230,230,230,.6);
z-index:99999;
}
header > .container {padding: 0;}
.socialLinks {padding: 0 15px 15px 0;}
.navbar-default .navbar-toggle {
margin-top: -70px; 
margin-bottom: 20px;
margin-right: 25px;
float: right;
display: block;
}
.navbar-default {position: static;min-height: 20px;margin: 0;padding: 0 5px;}
.navbar-left,.navbar-right {
float: none !important;
}
a.navbar-brand img {margin-top: 20px;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-collapse2, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-collapse2, .container>.navbar-header {margin: 0;}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu li, .navbar-default .navbar-nav>li { width: 100%;}
.navbar-default .navbar-nav>li>a {font-size: 18px; }
.navbar-default {}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: none;}
.navbar-collapse, .navbar-collapse2 {
border: none;
float: none;
}
.navbar-fixed-top {
top: 0;
}
.navbar-collapse.collapse, .navbar-collapse.collapse2 {
display: none !important;
}
.navbar-nav {
float: none!important;
height: auto;
margin: 0;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding: 10px;
}
.collapse.in{
display:block !important;
}
.navbar-nav>li {margin: 0;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li.current-menu-item a, .navbar-default .navbar-nav>li.current-page-parent a.dropdown-toggle,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default li a:hover {
background: white; 
color: #333;
}
.navbar-default li a:hover .caret {color: #ccc;}
.navbar-nav .open .dropdown-menu li {padding-left: 10px;}
.navbar-nav .open .dropdown-menu li:hover {background: #fff; color: #333;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color: #333;}
.dropdown-menu>li>a {color: white;}
#navbar {
background: #e4e4e4;
}
}
.navbar-default .navbar-nav>li.phoneLink>a {color: white; background: #c6a866; font: 23px/20px 'Source Sans Pro', serif;}
.navbar-default .navbar-nav>li.phoneLink>a:hover {color: white; background: #c6a866; opacity: .85; border-bottom: none; text-decoration: none;} .banner-btn {
border: 1px solid #4a7098 !important;
background: #4a7098;
color: white;
padding: 12px 32px;
font-size: 21px;
}
.banner-btn.btn-alt {
color: #4a7098;
background: white;
}
@media all and (max-width: 767px) {
.ms_layer {
font-size: 15px !important;
line-height: 16px !important;
}
}
@media all and (max-width: 500px) {
h3#n2-ss-2item1 {
margin-top: -15px !important;
}
h3#n2-ss-2item1 > span {font-size: 21px !important;}
.banner-btn {
top: 150px !important;
left: 25px !important;
min-width: 80px;
text-align: center !important;
}
.banner-btn.btn-alt {
top: 182px !important;
left: 25px !important;
}
.ms_layer > span > em {
font-size: 14px !important;
}
}
.bigBanner {
height: 750px;
background-size: cover !important;
width: 100%;
padding-top: 180px;
text-align: left;
background-position: center center;
}
@media all and (max-width: 991px) {
.bigBanner {padding-top: 120px}
}
@media all and (max-width: 767px) {
.bigBanner {padding-top: 60px}
}
.bigBanner h2 {
color: #fff;
font-size: 40px;
line-height: 64px;
margin-bottom: 8px;
font-weight: bold;
}
.bigBanner h3 {
color: #fff;
font-size: 24px;
line-height: 44px;
margin-bottom: 24px;
font-weight: bold;
}
.bigBanner p {
padding: 8px 0;
color: white;
font-size: 21px;
line-height: 40px;
}
.bigBanner button {
background: #091d5f;
border: none;
font-weight: bold;
text-transform: uppercase;
color: #fff;
}
.interiorBanner {
min-height: 290px;
background-size: cover !important;
background-position: center center;
width: 100%;
padding-top: 70px;
text-align: left;
}
.interiorBanner h5, .interiorBanner h3 {color: white;}
.interiorBanner h2 {
font-weight: bold; 
margin-bottom:0; 
color: white;
margin-top: 50px; 
font-size: 44px;
line-height: 54px;
text-transform: uppercase;
}
.mainContent {
min-height: 230px; 
padding: 45px 0;  
margin: 0 auto;
background: #fff;
color: #333;
font-size: 18px;
line-height: 28px;	
}
button {
text-align: center;
appearance: none;
-webkit-appearance: none;
outline: none;
background: #091d5f;
color: #fff;
text-transform: capitalize;
font-size: 16px;
padding: 6px 32px;
display: inline-block;
border: none;
margin: 25px auto;
line-height: 32px;
text-decoration: none;
}
.homeContent h1 {
font: 700 44px 'Source Sans Pro', helvetica, sans-serif;
color: #c00000;
}
.homeContent h2 {
font: 700 32px 'Source Sans Pro', helvetica, sans-serif;
color: #091d5f;
}
.homeContent p {
font-size: 21px;
line-height: 40px;
padding-bottom: 12px;
}
.two-col {
columns: 2;
}
.mainContent a button {
text-decoration: none;
}
@media all and (max-width: 767px) {
.mainMain {min-height: 500px;}
}
.mainContent.subContent {
min-height: 500px; 
}
.mainContent hr {
height: 2px; 
color: #4d565c; 
background: #4d565c; 
margin: 20px auto; 
text-align: center;
}
.mainContent ul li {
list-style: square; 
margin: 4px 0 4px 25px;	
}
.mainContent ul li ul li {list-style: circle; font-size: 80%;}
.mainContent img {max-width: 100%; height: auto;}
.mainContent a {color: #091d5f; text-decoration: underline; cursor: pointer;}
.mainContent a:hover {opacity: .8; text-decoration: underline;}
.featured-categories-home {
margin: 80px auto 0;
padding: 80px 0;
width: calc(100% - 20px);
background: #f2f2f2;
text-align: center;
}
.featured-categories-home h2 {
color: #091d5f;
margin-bottom: 24px;
}
.featured-product-home {
background: white;
padding: 32px 24px;
}
.featured-product-home h4 {
font: bold 21px 'Source Sans Pro', serif;
text-transform: none;
color: #091d5f;
}
.featured-product-home img {
max-width: 200px;
margin: 24px auto;
}
.shop-all-products-btn {
font-weight: bold; 
text-transform: uppercase; 
background: #c00000;
}
.contact-iframe {width: 100%; z-index: 100;}
.overlayiframe {
background: transparent;
position: relative;
width: 100%;
height: 600px;
top: 600px;
margin-top: -600px;
z-index: 99999999;
}
.main-banner {
min-height: 450px;
background-size: cover;
background-attachment: fixed;
padding: 95px 0;
background-position: center center;
}
.main-banner p {padding: 9px 0; color: white;}
.main-banner h3 {margin-bottom: 25px; color: white;}
.theContent {line-height: 28px; font-family: 'Source Sans Pro';}
.theContent p, .woocommerce-tabs p {padding: 9px 0;}
.nicetable {margin: 10px auto 25px auto; width: 100%; font-size: 80%;}
.nicetable sup {font-size: 13px;}
.nicetable th {background: #ddd; border: 1px solid #999; padding: 2%;}
.nicetable td {padding: 10px; width: auto; border:1px solid #34577a;}
.home-service {padding: 35px;}
.home-service img {border-radius: 50%; margin-bottom: 15px;}
.featuresection {
padding: 105px 15px; 
background-size: cover; 
background-position: center center;
background-attachment: fixed;
color: white;
text-align: center;
margin-bottom: 20px;
min-height: 340px;
}
.featuresection button {padding: 8px 20px;}
.featuresection h2, .featuresection h5 {color: white;}
.shop-by-category-band {padding: 65px 0; background-size: cover;}
.shop-by-category-band button {color: white; border-color: white;}
.grey-back {padding: 45px 0;}
.shop-by-category-band hr,
.grey-back hr {
height: 3px;
max-width: 120px;
margin: 20px auto;
background: black;
color: black;
}
.shop-by-category-band hr {color: white; background: white;}
.shop-by-category-band h3,
.grey-back h3 {font-weight: bold;}
.shop-by-category-band h3 {color: white;}
.two-col-list {text-align: center;}
.shop-cat {color: white; padding: 10px; font-size: 22px;}
.shop-cat a {color: white;}
@media all and (min-width: 768px) {
.two-col-list {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
#sidebar {padding: 0 20px 0 0;}
#sidebar button {margin: 4px auto; width: 100%;}
#sidebar .side-block {background: #091d5f; padding: 32px 24px;}
#sidebar h2 {color: #fff;}
#sidebar h4 {color: #fff; font-weight: bold; margin-bottom: 16px;}
#sidebar a {
color: black; 
text-decoration: none; 
margin: 10px 0;
display: block;
}
#sidebar a:hover {opacity: .8;}
.woocommerce #sidebar .side-block {background: #edeced;}
.woocommerce #sidebar h4 {color: #091d5f; margin-bottom: 32px;}
.prefooter {
padding: 32px 0;
}
.prefooter-blurb {
font: bold 32px/44px 'Source Sans Pro', helvetica, sans-serif;
color: #091d5f;
}
.prefooter-button-area button {
font-size: 21px;
font-weight: bold;
text-transform: uppercase;
padding: 12px;
text-align: left;
max-width: 285px;
}
.footer {
font-size: 14px;
color: white;
background: #ededed;
padding: 80px 0;
text-align: center;
background-image: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)), url(//www.marinesafetygraphics.com/wp-content/themes/marine/images/banner/footer.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
line-height: 1.5;
}
.footer h2 {color: white;}
.footer h5 {text-transform: uppercase; text-transform: uppercase; color: white;}
.footer p {padding: 0 0 9px 0; font-size: 23px;}
.footer a {color: #fff;}
.footer ul.menu {margin-top: 0px;}
.footer ul.menu li {
display: inline-block;
padding: 10px; 
font: 18px 'Source Sans Pro', sans-serif;
text-transform: uppercase;
} 
.footer-col, .footer-col-last {padding: 35px 15px;}
.footbox {min-height: 200px; padding: 0;}
@media all and (min-width: 992px) {
.col-one, .col-two {padding: 0;}
}
.footer i {
background: none; 
font-size: 44px; 
margin: 10px 5px 10px 0;
padding: 9px;
color: #fff;
}
.footer i.fa-linkedin:hover {color: #00678e;}
.footer i.fa-twitter:hover {color: #71cdee;}
.footer i.fa-google-plus-square:hover {color: #d34836;}
.footer i.fa-facebook-square:hover {color: #3b5998;}
.footer i.fa-youtube:hover {color: #d32527;}
.footer i.fa-instagram:hover {color: #222629;}
@media all and (min-width: 768px) {
.footer-col, .footer-col-last {
min-height: 170px;
}
}
@media all and (min-width: 992px) {
.footer-col {
border-right: 1px solid #555;
}
}
.copyright {
font-size: 14px;
line-height: 19px;
color: #231f20;
padding: 15px 0;
text-align: center;
}
.copyright a {color: #231f20; text-decoration: none; cursor: pointer;}
.copyright a:hover {color: #444; text-decoration: underline;} .footer-form {
margin: 25px auto 0 auto;
box-shadow: 0 0 3px #333;
padding: 0;
}
.text-side {padding: 55px 15px 15px 55px; line-height: 29px;}
.text-side h5 {font-size: 42px;}
.text-side h3 {font-size: 24px; margin-bottom: 14px;}
.gform_wrapper.gravity-theme .gform_fields {
grid-row-gap: 8px !important;
}
.form-bg {background: #091d5f; padding: 20px;}
body .gform_wrapper ul li.gfield {
margin-top: 1px !important;
margin-right: 0 !important;
padding-right: 0 !important;}
.gform_wrapper li.hidden_label input {margin-top: 0 !important;}
.gform_wrapper .gform_body {width: 100% !important;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
width: 100% !important;
font-size: 14px !important;
border: none!important;
outline: none !important;
padding: 8px 12px !important;
color: #222 !important;
background: #fff !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-webkit-input-placeholder,
.gform_wrapper textarea::-webkit-input-placeholder{ 
color: #555 !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder, 
.gform_wrapper textarea::-moz-placeholder {
color: #555 !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder, 
.gform_wrapper textarea:-ms-input-placeholder {
color: #555 !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-moz-placeholder, 
.gform_wrapper textarea:-moz-placeholder {
color: #555 !important;
}
.gform_wrapper textarea {
font-size: 14px !important;
border: none !important;
outline: none !important;
padding: 15px 12px !important;
height: 120px !important;
width: 100% !important;
float: right;
color: #222 !important;
background: #fff !important;
}
.gform_wrapper .gform_footer {
padding: 3px 0 0 0 !important; 
margin-top: 0 !important;
text-align: center;}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
width: 100% !important; 
padding: 7px 15px; 
text-align: center; 
outline: none;
border: none;
background: #c00000;
margin: 10px auto !important;
color: white;
position: relative;
text-transform: uppercase;
font: bold 18px 'Source Sans Pro', sans-serif !important;
float: right !important;
clear: both !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: rgba(255,223,224,.25);
margin-bottom: 0px!important; 
border-top: none !important; 
border-bottom:  none !important; 
padding-bottom: 0px !important; 
padding-top: 0px !important; 
box-sizing: border-box;
}
.gform_wrapper .field_description_below .gfield_description {padding-top: 0 !important;}
.gform_wrapper .validation_message {
padding: 5px !important;
background: rgba(255,255,255,.6);
}
.gform_wrapper div.validation_error {    
border: 1px solid red !important;
color: white !important;
}
div#gform_confirmation_wrapper_1 {
padding: 8px !important;
border: 1px solid white !important;
}
.gform_wrapper .gform_validation_errors>h2 {color: black !important;}
select#input_2_5 {
-webkit-appearance: none;
border-radius: 0;
width: 100% !important;
font-size: 14px !important;
border: none!important;
outline: none !important;
padding: 8px 12px !important;
color: #555 !important;
line-height: 28px;
background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC) no-repeat scroll 95% 20px;
}
@media all and (min-width: 768px) {
li#field_2_1, li#field_2_2,
li#field_2_3, li#field_2_4,
li#field_2_5, li#field_2_6 {
width: calc(50% - 5px) !important;
float: left !important;
clear: none !important;
}
li#field_2_1, li#field_2_3, li#field_2_5, li#field_2_7 {margin-right: 10px !important;}
li#field_2_7 {float: left; clear: both; width: 100%;}
input#gform_submit_button_2 {
float: right;
width: 100%;
max-width: 300px;
}
} .blogArea {
background: #ededed;
padding: 25px 0;
width: 100%;
min-height: 400px;
}
.blogArea h3 {
color: #223242;
font: bold 46px 'Source Sans Pro';
margin: 20px auto;
text-align: center;
text-transform: uppercase;
}
h1.blog-heading {
padding: 10px 0 40px 0;
}
a .blogPostWrapper {text-decoration: none;}
a.blogPostWrapperLink {
position: absolute;
width: 100%;
height: 100%;
padding-top: 120px;
cursor: pointer;
}
.blogPostWrapper {
min-height: 450px; 
padding:  0; 
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
width: calc(100% - 20px);
cursor: pointer;
text-decoration: none;
position: relative;
margin: 10px;
}
.blogPostWrapper div.post {max-width: 600px;}
.blogPostWrapper h2, 
.blogPostWrapper .meta, 
.blogPostWrapper .entry {
color: white !important;
text-decoration: none;
}
.blogPostWrapper:hover {opacity: .8;text-decoration: none;}
body.page-template-page-blog a, body.page-template-page-blog a:hover {text-decoration: none;}
body.page-template-page-blog .mainContent {padding-bottom: 0;}
blockquote { 
background: #e4e4e4; 
border-left: 0.625em solid #4a7098; 
margin: 1.5em 0; 
padding: 1.2em 1em; 
quotes:"\201C""\201D"; 
line-height: 1.5; 
}
@media all and (min-width: 992px) {
blockquote {max-width: 65%; float: left;}
blockquote:nth-of-type(even) {float: right;}
}
blockquote:before { 
color: #4a7098; 
content: open-quote; 
font-size: 4.5em; 
line-height: .1em; 
margin-right: .25em; 
vertical-align: -.4em; 
font-weight:bold; 
}
blockquote :first-child { display: inline; }
blockquote :last-child { margin-bottom: 0; }
.meta {margin-top: 9px;}
.entry {margin-top: 20px;}
.woocommerce-Address-title {
padding: 15px;
}
.woocommerce-Address address {font-size: 14px;}
.page-id-9 .woocommerce .woocommerce-Address-title h3 {
font-size: 21px;
}
@media all and (max-width: 991px) {
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
float: none !important;
margin-top: 24px !important;
}
}
.woocommerce-result-count, 
.woocommerce.archive .theContent .clearfix {
display: none !important;
}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {list-style: none;}
.woocommerce p {padding-bottom: 12px;}
.woocommerce-products-header {border: none;}
.woocommerce-page #respond input#submit, .woocommerce-page a.button, 
.woocommerce-page button.button, .woocommerce-page input.button, 
.woocommerce-page span.onsale,
.xoo-wsc-footer a.button {
background: #c00000 !important;
color: white !important;
border-radius: 0 !important;
font-weight: bold;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
font-weight: bold;
font-size: 18px !important;
}
.woocommerce span.onsale {
width: 45px !important; 
height: 45px !important;
}
.woocommerce ul.products li.product .onsale {
top: -2px !important;
right: -2px !important;
font-size: 14px !important;
padding: .102em !important;
}
.woocommerce ul.products li.product .price {color: #091d5f !important;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3, .woocommerce ul.products li.product h2 {
text-transform: capitalize !important; 
font-size: 18px !important;
min-height: 72px;
font-weight: bold;
}
.woocommerce ul.products li.product .price {
font-weight: 600 !important;
font-size: 24px !important;
}
.woocommerce ul.products li.product .price del {
font-weight: 300 !important;
font-size: 17px !important;
}
.woocommerce ul.products li.product .price ins {text-decoration: none;}
@media all and (min-width: 768px) {
.woocommerce.theContent  ul.products li.product, .woocommerce-page .theContent ul.products li.product {
width: 30% !important;
margin-right: 3% !important; 
margin-left: 0% !important;
min-height: 315px;
}
}
.checkbox input[type=checkbox], 
.checkbox-inline input[type=checkbox], 
.radio input[type=radio], 
.radio-inline input[type=radio] {
position: relative !important;
}
.single-product div.product p.price, .single-product div.product span.price {margin-bottom: 24px;}
.item-description {padding: 25px 0 !important;}
.item-description p {padding: 9px 0 !important;} .woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 1em 2em 1em 3.5em !important;
}
.woocommerce-Tabs-panel h2 {display: none;}
.woocommerce .product_meta span {
display: inline-block;
margin-top: 9px;
font-weight: bold;
font-size: 16px;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {width: 130px !important;}
.variations {margin-top: 24px;}
.variations .label {color: #091d5f;}
span.posted_in, span.sku_wrapper {
display: block !important;
width: 100%;
}
span.sku {
font-weight: normal !important;
}
.xoo-wsc-body {
line-height: 20px;
}
.xoo-wsc-basket {
border-radius: 0 !important;
box-shadow: 0 0 8px #777 !important;
padding: 10px 13px 10px 10px !important;
bottom: 0 !important;
}
.xoo-wsc-items-count {background: #cfcfcf !important; color: black !important;} .xoo-wsc-icon-basket1.xoo-wsc-bki {
font-family: "Font Awesome\ 5 Pro" !important;
}
.xoo-wsc-icon-basket1:before {
content: '\f07a' !important;
}
.xoo-wsc-shiptxt {
text-align: center !important;
padding: 15px !important;
}
#sidebar a[href*="uncategorized"] {
display: none;
}
.modal-dialog {
background: #e4e4e4;
top: 12%;
}
.modal-content {
background: none;
border-radius: 0;
}
.modal-header {padding: 0 15px; border: none;}
.modal-header h5 {margin: 12px 0 0 0;}
.modal-header .close {
margin-top: -20px !important;
margin: 0;
}