html, body {
margin: 0;
padding: 0;
}
html {
margin-top: 0 !important;
}
body {
color: #363636;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 14px;
height: auto;
overflow-x: hidden;
width: 100%;
margin-top: 93px;
}
a {
cursor: pointer;
outline: medium none !important;
text-decoration: none;
}
p {
color: #555;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
}
ul {
list-style: outside none none;
}
*, *:before, *:after {
box-sizing: border-box;
}
h1, h2, h3, h4, h5 {
margin: 0;
padding: 0;
}
h3 {
font-size: 20px;
font-weight: 500;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
address {   
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 1.5;
text-decoration: none;
text-transform: none;
}
strong {
font-weight: 700;    
}
hr {
border-top: 0;
border-left: 0; 
border-right: 0; 
}
img {
max-width: 100%;
height: auto;
}
.padding {
padding: 20px 40px !important;
}
.full-content {
background-color: #FFF;
display: inline-block;
position: relative;
float: left;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; 
width: 100%;
overflow: hidden;
}
select {
color: #363636;
}
option {
color: #363636;
}
option:first-child {
color: #ccc !important;
}
.error {
border: 1px solid #bb0000 !important;
box-shadow: 0 0 5px 3px rgba(218, 147, 147, 0.2) inset;
}
.validation_err {
clear: both;
color: #bb0000;
font-size: 12px;
margin-bottom: 4px;
margin-top: -6px;
text-transform: none;
width: 100%;
} #header,
#mainmenu,
#slide,
#banner,
#icons,
#grey-section,
#introduction,
#content,
#contact,
#newsletter,
#bottom,
#footer {
position: relative;
display: inline;
width: 100%;    
float: left;
}
.inner {
height: 100%;
margin: 0 auto;
max-width: 1170px;
padding: 0;
position: relative;
width: 100%;
} #header {
height: 93px;
position: fixed;
top: 0;
display: block;
z-index: 999999;
background-color: #fff;
border-bottom: 1px solid #e9bd5c;   
}
#header .logo {
float: left;
height: 100%;
padding: 8px;
width: 200px;
}
#header .logo img {
width: 100%;
height: auto;
}
#header .contact {
float: left;
height: 85px;
padding: 15px 50px;
}
#header .contact div {
font-size: 14px;
font-weight: bold;
}
#header .contact div i {
padding: 0 5px;
}
#header .link {
float: right;
height: 100%;
}
#header .link ul {
float: left;
height: 100%;
margin: 0;
padding: 0;
text-transform: uppercase;
}
#header .link ul li {
float: left;
line-height: 20px;
margin: 26px 0;
position: relative;
}
#header .link ul li a {
padding: 10px 15px;
color: #363636;
line-height: 30px;
}
#header .link ul li.social i {
font-size: 32px;
margin-top: 0;
float: right;
padding-right: 12px;
padding-top: 0;
}
#header .link ul li a i {
font-size: 14px;
padding: 0;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;    
}
#header .link ul li a:hover i {
padding-left: 8px;
}
#header #mob-icon {
background-color: #a357a6;
color: #fff;
display: none;
float: right;
font-size: 36px;
padding: 9px 0;
cursor: pointer;
}
.push {
-ms-transform: translate(0, 970px); -webkit-transform: translate(0, 970px); transform: translate(0, 970px); 
}
.scale {
opacity: 1 !important;
-ms-transform: scale(1,1) !important; -webkit-transform: scale(1,1) !important; transform: scale(1,1) !important;
} #mainmenu {
background-color: #e9bd5c;
height: 55px;
width: 100%;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;    
}
#mainmenu ul {
height: 55px;
margin: 0;
padding: 0;
width: 100%;
}
#mainmenu ul li {
text-transform: uppercase;
float: left;
}
#mainmenu ul li a {
font-size: 12px;
color: #fff; 
padding: 22px 20px 18px 20px;
display: block;
}
#mainmenu ul li a:hover,
#mainmenu ul li.current-menu-item a {
background-color: #f8f8f8;
color: #904d93; 
}
#mainmenu ul li > ul {
background-color: #e9bd5c;
height: auto;
opacity: 0;
position: absolute;
visibility: hidden;
width: auto;
z-index: 999;
}
#mainmenu ul li > ul li {
float: none;
}
#mainmenu ul li > ul li a {
padding: 20px 32px;
}
#mainmenu ul li:hover ul {
opacity: 1;
visibility: visible;
} .canvas-menu {
background-color: #a357a6;
display: none;
height: auto;
position: absolute;
width: 100%;
margin-top: 60px;
height: 90%;
position: fixed;
overflow: scroll;
}
.canvas-menu .inner { 
opacity: 0.5;
-ms-transform: scale(0.7,0.7); -webkit-transform: scale(0.7,0.7); transform: scale(0.7,0.7);
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; 
}
.canvas-menu .contact {
background-color: #a357a6;
border-bottom: 1px solid #c1a2c7;
color: #fff;
padding: 10px;
text-align: center;
}
.canvas-menu ul {
float: left;
margin: 0;
padding: 0;
text-align: center;
width: 100%;
}
.canvas-menu ul li {
float: none;
width: 100%;
}
.canvas-menu ul li a {
float: left;
display: block;
font-size: 16px;
padding: 20px;
color: #FFF;
text-transform: uppercase;
font-weight: 400;
width: 100%;
}
.canvas-menu ul li a:hover {
background-color: #894a8c;
}
.canvas-menu .contact span a {
color: #f27d1e;
font-size: 28px;
}
.canvas-menu ul.sub-menu li a {
font-size: 15px;
color: rgba(255,255,255,.65);
text-transform: capitalize;
padding: 12px;
font-weight: 300;
} #banner {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 260px;
overflow: hidden;
} #slides {
background-color: #FFF;
position: relative;
display: block;
width: 100%;
height: 450px;
overflow: hidden;
}
#slides .slick {
top: 0;
left: 0;
height: 450px;
z-index: 0;   
}
#slides .slick .slide {
height: 450px;
width: 100%;
-webkit-background-size: cover;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
position: relative;
}
#slides .slick .title {
background-color: rgba(0, 0, 0, 0.3);
border-radius: 4px;
display: block;
left: 20px;
padding: 10px 25px;
position: absolute;
top: 55%;
width: auto;
z-index: 99;
}
#slides .slick .title h2 {
font-size: 26px;
}
#slides .slick .title span {
color: #fff;
font-size: 20px;
font-weight: 500;
margin: 0;
padding: 6px 0;
display: block;
}
.sidebar .label {
padding: 0 20px;
}
.sidebar .label a {
background-color: #a357a6;
border-radius: 12px;
color: #fff !important;
display: block;
font-size: 14px;
font-weight: normal;
margin: 0 auto;
padding: 40px 8px;
text-transform: uppercase;
margin-bottom: 40px;
}
.sidebar .label a h2 {
font-weight: 200;
min-height: 42px;
padding: 10px 0;
text-align: center;
}
.sidebar .widget {
width: 100%;
position: relative;
display: block;
float: left;   
padding: 0 8px;
list-style: none;
}
.sidebar .widget h2 {
color: #e9bd5c;
font-size: 20px;
text-transform: none;
}
.sidebar .label ul a li h3 {
font-size: 22px;
font-weight: 100;
}
.button-inner {
width: 180px;
height: auto;
float: right;
}
.sidebar .button-inner {
width: 160px;
height: auto;
float: right;
}
.order:before {
background-image: url(//lionsmedicalresearchfoundation.org.au/wp-content/themes/lions/img/button_1.png);
background-repeat: no-repeat;
background-size: 95px auto;
content: "";
position: absolute;
left: 0px;
bottom: 0px;
height: 75px;
width: 95px;
}
.quote:before {
background-image: url(//lionsmedicalresearchfoundation.org.au/wp-content/themes/lions/img/button_2.png);
background-repeat: no-repeat;
background-size: 102px auto;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.customise:before {
background-image: url(//lionsmedicalresearchfoundation.org.au/wp-content/themes/lions/img/button_3.png);
background-repeat: no-repeat;
background-size: 101px auto;
content: "";
height: 90px;
left: 0;
position: absolute;
top: 0;
width: 105px;
}
.sidebar .order:before,
.sidebar .quote:before,
.sidebar .customise:before {
display: block !important;
}
.slick-dots {
bottom: 0;
display: block;
list-style: outside none none;
padding: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: 99;
}
.slick-dots li {
cursor: pointer;
display: inline-block;
height: 20px;
margin: 0 5px;
padding: 0;
position: relative;
width: 20px;
}
.slick-dots li button {
background: transparent none repeat scroll 0 0;
border: 0 none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
height: 20px;
line-height: 0;
outline: medium none;
padding: 5px;
width: 20px;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: medium none;
}
.slick-dots li button:hover::before, .slick-dots li button:focus::before {
opacity: 1;
}
.slick-dots li button::before {
color: #fff;
content: "•";
font-family: "slick";
font-size: 30px;
height: 20px;
left: 0;
line-height: 20px;
opacity: 0.45;
position: absolute;
text-align: center;
top: 0;
width: 20px;
}
.slick-dots li.slick-active button::before {
color: #fff;
opacity: 1;
} .directors {
}
.directors table {
border: 0 none !important;
width: 100%;
float: left;
}
.directors table img {
height: auto;
max-width: 130px;
border-radius: 3px;
margin-right: 25px;
}
.directors table tr {
border-bottom: 1px solid #eee;
float: left;
width: 100%;
vertical-align: top;
padding-bottom: 10px;
margin-bottom: 10px;
}
.directors table tr h3 {
padding: 0;
}
.directors table tr p {
margin: 0;
}
.page-heading {
padding: 80px 40px 0;    
width: 100%;
height: auto;
overflow: hidden;
position: relative; 
}
.page-heading h1 {
color: #e9bd5c;
text-align: center;
}
.page-heading h3 {
color: #888;
font-size: 31px;
font-style: italic;
font-weight: 200;
padding: 10px 0;
text-align: center;
}
#em_subscribe_form {
float: left !important;
}
div.widget {
list-style: none !important;
} #icons {
padding: 0;    
width: 100%;
height: auto;
overflow: hidden;
position: relative;
}
#icons iframe {
max-width: 100%;
}
#icons .column {
float: left;
}
#icons .column img {
height: auto;
width: auto;
}
#icons h1 {
color: #e9bd5c;
text-align: center;
}
#icons h2 {
min-height: 42px;
padding: 10px 0;
font-weight: 200;
}
#icons h3 {
color: #888;
font-size: 31px;
font-style: italic;
font-weight: 200;
padding: 10px 0;
text-align: center;
}
#icons .column {
margin-top: 40px;
}
#icons .column.text {
padding: 0 25px;
}
#icons .column.text p {
margin: 0;
}
#icons .column.video {
text-align: right;
}
.donate-btn-header,
.donate-link-header,
.cart-link-header {
float: left;
}
.donate-btn-header button,
.donate-link-header {
margin-top: 23px;
background-color: #a357a6;
border: 0 none;
padding: 11px 20px;
font-size: 14px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
border-radius: 7px;
cursor: pointer;
}
.cart-link-header {
margin-top: 23px;
border: 2px solid #a357a6;
padding: 11px 14px;
font-size: 11px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
border-radius: 7px;
cursor: pointer;
color: #a357a6;
margin-left: 8px;
}
.donate-link-header:hover,
.donate-btn-header button:hover {
background-color: #955098;
}
.cart-link-header:hover {
color:  #955098;
}
.donate-btn {
margin: 0;
padding: 0;
}
.donate-btn button,
a.donate-btn {
background-color: #a357a6;
border-radius: 12px;
color: #fff;
cursor: pointer;
display: block;
font-size: 14px;
font-weight: normal;
margin: 0 auto;
margin-top: 25px;
padding: 55px 8px;
text-transform: uppercase;
text-align: center;
max-width: 340px;
border: 0 none;
color: #fff;
font-size: 18px;
font-weight: 200;
width: 100%;
}
.donate-btn button:hover,
a.donate-btn:hover {
background-color: #955098;
}
.btn {
display: inline-block;
color: #fff;
padding: 10px 25px;
border: 1px solid #fff;
border-radius: 5px;
margin: 4px 0;
float: left;
font-weight: 500;
} #grey-section {
height: auto;
overflow: hidden;
}
#img-background {
background-image: url(//lionsmedicalresearchfoundation.org.au/wp-content/themes/lions/img/bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.latest-news {
padding: 80px;
text-align: center;
position: relative;
z-index: 1;
}
.grey-pattern {
background-repeat: repeat;
background-color: #f3f6fa;
margin-bottom: 350px;
padding: 80px;
text-align: center;
position: relative;
z-index: 1;
display: inline-block;
width: 100%;
}
.latest-news li,
.grey-pattern li {
list-style: none;
padding: 0;
}
.latest-news h2,
.grey-pattern h2 {
font-size: 22px;
}
.latest-news p,
.grey-pattern p {
margin: 0;
padding: 0;
}
.latest-news h4,
.grey-pattern h4 {
border: 1px solid #ef791b;
display: block;
font-size: 18px;
font-weight: 100;
margin: 25px auto;
max-width: 500px;
padding: 10px;
text-transform: none;
width: auto;
}
.latest-news ul,
.grey-pattern ul {
clear: both;
display: inline-block;
height: auto;
margin: 20px auto;
padding: 0;
text-align: left;
width: 100%;
}
.latest-news ul li,
.grey-pattern ul li {
font-size: 16px;
line-height: 30px;
width: 33.3%;
float: left;
padding: 15px;
}
.rpwe-block h3 a {
font-size: 18px !important;
}
.latest-news a,
.grey-pattern a {
color: #dab052;
}
.latest-news .rpwe-summary,
.grey-pattern .rpwe-summary {
font-size: 14px !important;
font-weight: 300;
line-height: 1.5;
margin: 5px 0;
}
img.rpwe-thumb {
border: 0 none !important;
border-radius: 0 !important;
height: auto;
margin-bottom: 10px;
padding: 0 !important;
max-width: 100%;
}
.sidebar img.rpwe-thumb {
max-width: 56px;
}
.rpwe-summary {
color: #888;
font-size: 14px !important;
font-weight: 300;
line-height: 1.5;
margin: 5px 0;
width: 100%;
float: left;
}
.more-link {
font-size: 14px !important;
float: left;
margin: 5px 0;
width: 100%;
}
.rpwe-block li {
margin-bottom: 35px !important;
}
.half {
display: inline;
float: left;
width: 50%;
} #content {
background-color: #FFF;
height: auto;
padding: 20px 20px 60px;
}
.main {
width: 100%;
float: left;
padding-right: 350px;
}
#content h1 {
font-size: 36px;
font-weight: 400;
padding: 20px 0;
}
.main h3 {
padding: 10px 0;
color: #e9bd5c; 
text-transform: none;
}
.sidebar {
width: 350px;
position: absolute;
right: 0;   
}
.main a,
#content a {
color: #dab052;
}
.main li {    }
article {
display: block;
float: left;
width: 100%;
padding: 20px;
margin: 0;
margin-bottom: 25px;
}
article h3 {
color: #f0791b;
}
.article-date {
font-size: 11px;
color: #888;
}
.post-navigation {
border-top: 1px solid #eee;
float: left;
width: 100%;
}
.post-navigation h2 {
display: none;
}
.nav-links {
padding: 10px 0;
float: right;
width: auto;  
}
.nav-previous {
float: left;
padding: 0 15px;
width: auto;
}
.nav-next {
width: auto;    
float: right;
}
.nav-links a {
font-size: 16px;
} #introduction {
background-color: #fff;
padding: 80px 95px;
list-style: none;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; 
}
#introduction h2 {
color: #f0791b;
padding-bottom: 20px;
}
#introduction p {
color: #555;
}
.aligncenter {
text-align: center !important;
} #newsletter {
width: 100%;
margin: 60px 0;  
}
#newsletter h2 {
font-size: 32px;
}
#newsletter form {
max-width: 1000px;
width: 100%;
margin: 0 auto;
} #contact {
width: 100%;
margin: 60px 0;   
}
#contact h2 {
font-size: 32px;
}
#contact form {
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
form input[type="text"],
form input[type="email"],
form input[type="password"],
form textarea,
form select {
font-size: 15px;
border: 1px solid #ddd;
border-radius: 4px;
float: left;
margin: 10px 0;
padding: 12px;
width: 100%;
height: 44px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 44px !important;
}
.select2-container--default .select2-selection--single {
height: 44px !important;
line-height: 44px !important;
}
form input[type="submit"] {
background-color: #e9bd5c;
border: 0 none !important;
color: #fff;
cursor: pointer;
font-size: 16px;
text-transform: uppercase;
}
form input[type="submit"]:hover {
background-color: #d6ad54;
}
form textarea {
height: 185px;
}
.select2-container .select2-choice {
padding: 6px 0 6px 8px !important;
}
.form-half {
display: inline;
float: left;
width: 50%;
padding: 10px;
}
.h-field-l {
width: 97% !important; 
float: left !important;       
}
.h-field-r {
width: 97% !important; 
float: right !important;    
}
.h-field-submit {
width: 50% !important; 
float: right !important;    
} #bottom {
background-color: #e9bd5c;
text-align: center;
padding: 80px 20px;
}
#bottom a {
color: #fff;
}
#bottom form button,
#bottom a h3 {
color: #fff;
cursor: pointer;
border: 1px solid #fff;
background-color: transparent;
border-radius: 4px;
float: none;
font-size: 24px;
margin: 25px auto;
max-width: 500px;
padding: 14px 24px;
text-align: center;
font-weight: bold;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-ms-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;     
}
#bottom form button:hover,
#bottom a h3:hover {
background-color: #d1a952;
}
#bottom span {
font-size: 18px;
color: #fff;
}
#bottom p {
font-size: 12px;
}
.give-form-wrap {
float: none !important;
width: 100% !important;
margin: auto !important;
display: table !important;
}
.give-form-wrap .give-form-title {
color: #fff !important;
border: 1px solid #fff !important;
background-color: transparent;
border-radius: 4px !important;
float: none !important;
font-size: 24px !important;
margin: 25px auto !important;
max-width: 500px !important;
padding: 14px 24px !important;
text-align: center !important;
font-weight: bold !important;  
text-transform: uppercase !important;
}
.give-form-wrap .give-total-wrap {
float: left !important;
}
.give-form-wrap .give-form {
margin: 0 0 25px;
padding: 0;
max-width: 295px;
float: none;
margin: auto;
}
.give-form-wrap form[id*="give-form"] .give-donation-amount .give-currency-symbol.give-currency-position-before {
background-color: rgba(0,0,0,0.2) !important;
border: 0 none !important;
padding: 7px 15px !important;
border-radius: 5px 0 0 5px !important;
height: 50px !important;
}
.give-form-wrap form[id*="give-form"] .give-donation-amount #give-amount, 
.give-form-wrap form[id*="give-form"] .give-donation-amount #give-amount-text {
border: 0 !important;
height: 50px !important;
background-color: rgba(255,255,255,0.9) !important;
}
.give-form-wrap .give-btn {
background-color: rgba(0,0,0,0.2) !important;
border: 0 !important;
padding: 16px 20px !important;
border-radius: 0 5px 5px 0 !important;
height: 50px !important;
text-transform: uppercase !important;
margin: 0 auto !important;
font-size: 13px !important;
}
.give-form-wrap .give-sidebar {
display: none !important;
}
.give-form-wrap div.summary {
width: 100% !important;
float: left !important;
text-align: center !important;
} .product {
float: left;
margin-top: 20px;
width: 100%;
}     .shipping_address {
float: left;
width: 100%;
}
.col2-set {
margin: 20px 0;
}
.woocommerce-result-count {
float: left;
}
select.orderby {
width: auto;
float: right;
padding: 8px;
}
ul.products {
width: 100%;
list-style: none;
padding: 0;
margin: 0;
float: left;
}
li.product {
position: relative;
list-style: none !important;    
float: left;
width: 25%;
height: auto;
padding: 6px;
min-height: 320px;
}
li.product h3 {
font-size: 14px;
color: #555;
padding: 0;
font-weight: 400;
margin: 0;
}
li.product img {
height: auto;
width: 100%;
}
span.price {
color: #363636;
float: left;
font-size: 16px;
font-weight: 500;
padding: 8px 0;
width: 100%;
}
.add_to_cart_button,
a.button,
.single_add_to_cart_button {
border: 2px solid #a357a6;
background-color: transparent;
border-radius: 3px;
cursor: pointer;
display: block;
float: left;
font-size: 14px;
padding: 5px 16px;
}
.add_to_cart_button a {
color: #a357a6;
}
.added_to_cart {
background: #a357a6 none repeat scroll 0 0 !important;
border: 0 none;
border-radius: 0 3px 3px 0;
color: #fff !important;
display: block;
float: right;
font-size: 14px;
opacity: 0.7;
padding: 7px;
position: absolute;
top: 22px;
z-index: 99;
}
span.quantity {
color: #dab052;
font-size: 12px;
letter-spacing: 1px;
}
.woocommerce ul.cart_list li.empty {
padding: 0 !important;
}
a.wc-forward {
display: none;
border: 2px solid !important;
background-color: transparent !important;
font-size: 14px !important;
font-weight: 400 !important;
color: #dab052 !important;
}
a.checkout {
background-color: #dab052 !important;
color: #fff !important;
margin-left: 10px !important;
border: 2px solid #dab052 !important;
}
.woocommerce.widget_shopping_cart .cart_list li a.remove,
a.remove {
color: #c40000 !important;
line-height: 0.8 !important;
}
.woocommerce.widget_shopping_cart .cart_list li a.remove:hover,
a.remove:hover {
background-color: #c40000 !important;
color: #fff !important;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
width: auto !important;
}
.cart_totals table {
margin-top: 20px;
}
.cart_totals table tr {
padding: 3px 0;
float: left;
}
.cart_totals table p {
margin: 0;
line-height: 1.2;
}
.cart_totals table th,
.cart_totals table td {
padding: 5px;
}
.cart_totals table th,
.cart_totals table tr {
vertical-align: top;
}
a.checkout-button {
margin-top: 15px !important;
font-size: 16px !important;
}
.woocommerce-checkout #payment {
background-color: #f8f8f8 !important;
}
li.payment_method_cod {
padding: 10px 0 !important;
}
li.payment_method_cod input {
margin: 8px 8px 0 0 !important;
}
#place_order {
padding: 16px 24px;
width: auto;
}
.product .images {
width: 40%;
float: left;
}
.product .images img {
width: 100%;
height: auto;
}
.product .summary {
width: 60%;
float: left;
padding: 0 15px;
margin: 0;
}
.product .summary h1 {
font-size: 28px !important;
padding: 0 !important;
}
.product .amount {
color: #dab052;
font-weight: 400;
font-size: 18px;
}
.product input {
height: 32px;
padding: 12px;
font-size: 15px;
border-radius: 4px;
border: 1px solid #ccc;
float: left;
}
.single_add_to_cart_button {
margin: 10px;
padding: 12px 24px; 
float: left;
}
.product .woocommerce-tabs {
margin: 20px 0;
}
.product .wc-tabs {
border-bottom: 1px solid #eee;
list-style: none !important;
padding: 0 !important;
float: left;
width: 100%;
}
.product .wc-tabs li {
border-radius: 5px 5px 0 0;
float: left;
font-weight: 400;
list-style: outside none none !important;
padding: 12px 18px;
}
.product .wc-tabs li:hover,
.description_tab {
background-color: #f8f8f8;
cursor: pointer;
}
.woocommerce table.cart img {
max-width: 120px;
height: auto;
}
.product_meta .posted_in {
display: none;
} #footer {
border-top: 10px solid #e9bd5c;
background-color: #363636;
color: #fff;
}
#footer .footer-menu {
display: block;
float: left;
height: auto;
}
#footer .footer-menu ul {
float: left;
padding: 20px 0;
}
#footer .footer-menu ul li {
float: left;
font-size: 14px;
}
#footer .footer-menu ul li a {
color: #fff;
display: block;
padding: 0 10px 10px 15px;
text-transform: uppercase;
}
#footer .footer-menu ul li ul {
list-style: outside none disc;
}
#footer .footer-menu ul li ul li {
float: none;
font-size: 11px;
margin-left: 10px;
padding: 4px;
position: relative;
}
#footer .footer-menu ul li ul li ul {
float: none;
list-style: none;
padding: 5px 0px;
}
#footer .footer-right {
display: block;
float: right;
height: auto;
}
#footer .footer-right a {
color: #FFF;
}
#footer .footer-right a i {
font-size: 36px;
float: left;
margin: 20px 10px;
}
#footer .copywrite {
font-size: 11px;
display: block;
float: left;
height: auto;
padding: 10px;
position: relative;
text-align: right;
width: 100%;  
}
#footer .copywrite a {
color: #FFF;
}
.mleft {
float: right;
margin-left: 0;
width: 50%;
}
.mright {
float: left;
margin-left: 0;
width: 50%;
}
.Zebra_DatePicker_Icon,
.Zebra_DatePicker_Icon_Inside {
right: 15px;
left: auto !important;
}
.scfield {
position: absolute !important;
height: 0 !important;
width: 0 !important;
visibility: hidden !important;
opacity: 0;
}
#breadcrumbs {
margin: 0;
}
#breadcrumbs a {
color: #a357a6;
} .wpcf7-not-valid {
background-color: #f2dede !important;
border-color: #eed3d7 !important;
}
div.wpcf7-response-output {
float: left !important;
margin: 0 !important;
padding: 0 !important;
width: 100%;
}
div.wpcf7-validation-errors {
border: 0 none !important;
}
span.wpcf7-not-valid-tip {
display: none !important;
}
div.wpcf7-mail-sent-ok {
border: 0 none !important;
color: #8abd7e !important;
font-size: 20px !important;
font-weight: 300 !important;
}
.wpcf7-response-output {
float: left;
font-size: 16px;
font-weight: 300;
position: relative;
width: auto !important;
}
.rpwe-alignleft {
float: none !important;
}  @media screen and (max-width: 1000px) { 
#contentslider {max-width: 700px;}
.rslides1_nav.prev, .rslides2_nav.prev {left: -50px;}
.rslides1_nav.next, .rslides2_nav.prev {right: -50px;}
li.product {
width: 33.3%;
}    
} @media screen and (max-width: 990px) { 
#slides, #slides .slick, #slides .slick .slide {height: 260px}
#slides .slick .title {top: 45%}
#slides .slick .title h2 {font-size: 20px}
#slides .slick .title span {font-size: 14px}
} @media screen and (max-width: 950px) { 
#footer .footer-right {width: 100%;}
#footer .footer-right .social {margin: 0 auto;}
#footer .copywrite {text-align: center;}
.grey-pattern {padding: 80px 20px;}
#header .contact {padding: 15px 25px;}
}
@media screen and (max-width: 900px) { 
li.product {
width: 50%;
}    
} @media screen and (max-width: 820px) { 
.main {width: 100%; padding: 0;}
.sidebar {position: relative; width: 100%; float: left; }
.sidebar .label {margin: 0 auto;}
li.product {
width: 33.3%;
}    
} @media screen and (max-width: 865px) { 
#header .contact {display: none;}
#slide .label {max-width: 240px; background-color: rgba(255, 255, 255, 0.9); margin: 13px; height: auto;}
#slide .label p {display: none;}
.order:before {display: none;}
.quote:before {display: none;}
.customise:before {display: none;}
#icons .half {
width: 100%;
}
#icons .column.video {
text-align: center;
}
} @media screen and (max-width: 750px) {
.long {padding-right: 40px}
.short {
left: 0;
padding: 0 80px 100px;
position: relative;
width: 100%;
}
li.product {
width: 33.3%;
} .latest-news ul li, .grey-pattern ul li {
width: 100%
}
} @media screen and (max-width: 720px) { 
body {
margin-top: 0;
}
#header .logo {width: 135px}
#header #mob-icon {display: block;}
#header .link {display: none;}
#header {    
background: none repeat scroll 0 0 #fff;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
border-bottom: 0 none;
height: 60px;
left: 0;
position: fixed;
top: 0;
z-index: 999999;
overflow: hidden;
}
#mainmenu {height: 1px}
#mainmenu ul {display: none;}
.canvas-menu {display: block;}
.full-content {margin-top: 52px;}
.short {padding: 0 40px 100px;}    
} @media screen and (max-width: 700px) { 
#contentslider {max-width: 500px;}
.grey-pattern .half {width: 100%; text-align: center;}
} @media screen and (max-width: 650px) { 
.grey-pattern {
margin-bottom: 0;
}
#img-background {
display: none;
}
.grey-pattern ul li {
width: 100%
}
.form-half {
padding: 5px;
}
#contact form input, #contact form select, #contact form textarea {
margin: 5px 0;
}
#contact form textarea {
height: 111px;
}
#icons .column.text {
padding: 0;
}
#introduction {
padding: 80px 25px !important;
}
.latest-news {
padding: 80px 15px !important;
}
.padding {
padding: 20px !important;
}
} @media screen and (max-width: 550px) { 
.form-half {width: 100%; padding: 0;}
li.product {
width: 50%;
}    
} @media screen and (max-width: 500px) { 
#slides, #slides .slick, #slides .slick .slide {display: none;}
} @media screen and (max-width: 475px) { 
.sidebar .label {padding: 15px 0;}
#content .padding {padding: 0 !important;}
} @media screen and (max-width: 450px) { 
#slide .label {padding: 10px 20px;}
} @media screen and (max-width: 360px) { 
#slide .label {padding: 10px 10px;}
}