.br_compare_button {
padding: 0.618em 0.1em;
margin-top: 5px!important;
text-align: center;
width: 100%;
}
.br_compare_button .br_compare_button_text {
display: initial;
}
.br_compare_button .fa {
width: 1.2em;
text-align: left;
}
.br_compare_button input {
display: none!important;
}
.br_compare_button .fa-square-o {
display: inline-block;
}
.br_compare_button .fa-check-square-o {
display: none;
}
.br_compare_button.br_compare_added .fa-square-o {
display: none;
}
.br_compare_button.br_compare_added .fa-check-square-o {
display: inline-block;
}
.br_compare_button:hover {
color: #515151;
background-color: #dad8da;
}
.berocket_compare_box {
position: relative;
}
.berocket_compare_box table tr,
.berocket_compare_box table td,
.berocket_compare_box table th {
padding: initial!important;
}
.berocket_compare_box td {
text-align: center;
position: relative;
}
.berocket_compare_box .berocket_compare_table .stock {
margin: 0;
}
.berocket_compare_box .berocket_compare_table img {
display: inline-block;
}
.berocket_compare_box .berocket_compare_table h3 a {
border-bottom: 0;
}
.berocket_compare_box .berocket_compare_table .br_product_title {
height: 0;
line-height: 0;
margin: 0;
opacity: 0;
padding: 0;
}
.berocket_compare_table_hidden .br_product_hidden_first {
position: relative;
}
.berocket_compare_table_hidden .br_product_hidden_first .br_show_compare_dif {
position: absolute;
left: 0;
right: 0;
text-decoration: none;
border: 0;
}
.berocket_compare_table {
overflow: auto;
width: 100%;
position: relative;
}
.berocket_compare_table table {
width: auto;
background-color: transparent!important;
}
.berocket_compare_table td {
min-width: 200px;
}
.berocket_compare_table_hidden {
position: absolute;
top: 0;
left: 0;
right: 0;
overflow: auto;
display: none;
z-index: 95;
background-color: white!important;
}
.berocket_compare_table_hidden .add_to_cart_button:after {
display: none;
}
.berocket_compare_table_hidden a {
display: block!important;
}
.br_product_compare_name {
top: 0;
width: auto;
margin: 0;
}
.br_product_compare_name h3,
.br_product_compare_name p {
margin: 0!important;
}
.br_product_compare_name h3 a {
border-bottom: 0;
}
.br_product_compare_name td {
padding-top: 40px;
box-sizing: border-box;
}
.br_product_hidden_first {
padding-left: 0!important;
padding-right: 0!important;
}
.br_moved_attr {
position: absolute;
left: 0;
width: auto;
z-index: 90;
border-left: 1px solid #ddd!important;
border-right: 0!important;
width: initial!important;
background-color: transparent!important;
}
.br_moved_attr tr td {
background-color: white;
min-width: 200px;
}
.berocket_compare_box .br_moved_attr tr td.br_block_nothing {
background-color: transparent!important;
border-right: 0!important;
}
.berocket_compare_widget li{
display: inline-block;
list-style: none;
width: 24%;
vertical-align: top;
position: relative;
}
.berocket_compare_widget.berocket_compare_widget_text li {
width: 100%;
border-bottom: 1px solid #999;
}
.berocket_compare_widget li img{
width: 90%;
margin: 0 5%;
height: auto;
}
.berocket_compare_widget li span{
display: block;
width: 100%;
text-align: center;
font-size: 12px;
}
.berocket_compare_widget.berocket_compare_widget_text li span{
font-size: 18px;
text-align: left;
}
.berocket_compare_widget li .br_remove_compare_product {
position: absolute;
top: 0;
right: 5%;
width: 1.5em;
height: 1.5em;
text-align: center;
line-height: 1.5em;
vertical-align: middle;
display: none;
}
.berocket_compare_widget.berocket_compare_widget_text li .br_remove_compare_product {
right: 0;
}
.berocket_compare_widget li:hover .br_remove_compare_product {
display: block;
}
.br_full_size_block {
height: 2em;
font-weight: bold;
text-align: left!important;
}
.berocket_compare_box .br_full_size_block p {
position: relative;
top: 0;
line-height: 2em;
vertical-align: middle;
left: 10px;
margin: 0;
display: inline-block;
}
.br_remove_compare_product_reload {
border-bottom: 0!important;
position: absolute;
top: 0;
right: 0;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
text-align: center;
}
.br_absolute_custom_taxonomy {
font-size: 5px;
}
.berocket_compare_widget .berocket_open_compare {
display: inline-block;
background-color: #9999FF;
padding: 0.4em 1em;
border: 0px solid black;
}
.berocket_show_compare_toolbar {
position: fixed;
bottom: 0;
right: 0;
display: inline-block;
height: 30px;
font-size: 16px;
line-height: 30px;
vertical-align: middle;
z-index: 2000;
background-color: #9999ff;
padding: 0 0.5em;
border: 0px solid black;
}
.berocket_show_compare_toolbar .fa {
vertical-align: middle;
font-size: 24px;
line-height: 30px;
padding-left: 0.5em;
}
.berocket_compare_widget_toolbar {
position: fixed;
bottom: 0;
right: 0;
left:0;
background-color: white;
z-index: 2100;
display: none;
padding: 0.5em;
border-top: 1px solid #999;
max-height: 90%;
overflow: auto;
}
.berocket_compare_widget_toolbar .berocket_compare_widget ul {
margin-bottom: 0.5em;
}
.berocket_compare_widget_toolbar .berocket_compare_widget_image li {
width: 80px;
}
.berocket_compare_widget_toolbar .berocket_compare_widget_text li {
width: initial;
margin: 0 0.5em;
padding-right: 1.5em;
border-bottom: 0;
}
.berocket_compare_widget_toolbar .berocket_compare_widget .berocket_open_compare {
position: absolute;
top: 0;
right: 0;
padding: 0.1em 0.4em;
border: 0px solid black;
}
.berocket_compare_widget_toolbar .berocket_hide_compare_toolbar {
font-size: 1.5em;
width: 1.2em;
height: 1.2em;
line-height: 1.2em;
text-align: center;
vertical-align: center;
position: absolute;
bottom: 0;
right: 0;
z-index: 2300;
border: 0px solid black;
}
.colorpicker_field {
border: 1px solid black;
height: 30px;
margin: 0 auto;
position: relative !important;
width: 30px;
}
.berocket_compare_box.berocket_full_screen_box {
position: fixed;
top: 7%;
bottom: 7%;
left: 3%;
right: 3%;
overflow: auto;
background-color: white;
z-index: 999900;
}
.berocket_back_full_screen {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: black;
opacity: 0.5;
z-index: 999800;
}
.berocket_compare_box .berocket_normal_size {
font-size: 34px;
height: 1.2em;
width: 1.2em;
line-height: 1em;
position: fixed;
text-align: center;
vertical-align: middle;
z-index: 999990;
border: 0!important;
color: #FFFFFF;
opacity: 0.7;
}
.berocket_compare_box .berocket_normal_size:hover {
opacity: 1;
}
@media (max-width: 767px) {
.berocket_compare_widget li .br_remove_compare_product {
display: block;
}
}
.br_new_compare_block .br_top_table,
.br_new_compare_block .br_top_table tr,
.br_new_compare_block .br_top_table th,
.br_new_compare_block .br_top_table td,
.br_new_compare_block .br_top_table tbody,
.br_new_compare_block .br_top_table div,
.br_new_compare_block .br_top_table h3,
.br_new_compare_block .br_top_table p,
.br_new_compare_block .br_new_compare,
.br_new_compare_block .br_new_compare * {
margin: 0!important;
padding: 0!important;
box-sizing: border-box!important;
}
.br_new_compare_block table,
.br_new_compare_block th,
.br_new_compare_block td {
border: 1px solid #888!important;
border-collapse: collapse!important;
box-sizing: border-box!important;
}
.br_new_compare,
.br_top_table {
position: relative!important;
padding: 0!important;
margin: 0!important;
}
.br_top_table {
top: 1px!important;
}
.br_new_compare .br_right_table {
margin-left:200px!important;
overflow: auto!important;
overflow-x: auto!important;
overflow-y: hidden!important;
}
.br_new_compare .br_right_table th, 
.br_new_compare .br_right_table td, 
.br_new_compare .br_left_table th, 
.br_new_compare .br_left_table td,
.br_top_table th, 
.br_top_table td {
padding:0 5px!important;
margin:0!important;
font-size: 16px!important;
}
.br_top_table th, 
.br_top_table td {
padding:0!important;
}
.br_top_table th > div, 
.br_top_table td > div {
padding:0 5px!important;
position: relative!important
}
.br_new_compare .br_right_table th, 
.br_new_compare .br_right_table td, 
.br_top_table th, 
.br_top_table td {
text-align: center!important;
}
.br_new_compare table,
.br_top_table table {
margin: 0!important;
}
.br_new_compare .br_right_table thead tr td,
.br_new_compare .br_right_table thead tr th {
height: 200px!important;
width: 200px!important;
line-height: 0!important;
overflow:hidden!important;
block-size: 200px!important;
}
.br_new_compare .br_right_table thead tr td a,
.br_new_compare .br_right_table thead tr th a {
line-height: 0!important;
display: block!important;
height:199px!important;
}
.br_new_compare .br_right_table thead tr td {
display: none!important;
}
.br_new_compare .br_right_table thead img {
max-height: 100%!important;
max-width: 100%!important;
width: auto!important;
padding:0!important;
display: block;
margin: auto!important;
}
.br_new_compare .br_right_table p {
margin: 0!important;
padding: 0!important;
line-height: 20px!important;
}
.br_new_compare .br_right_table table tbody th {
display: none!important;
}
.br_new_compare .br_left_table {
position: absolute!important;
left: 1px!important;
top: 0!important;
width: 200px!important;
border-right:0!important;
}
.br_new_compare .br_left_table .br_lined_attribute_left,
.br_new_compare .br_right_table .br_lined_attribute_left {
border-right: 0!important;
}
.br_new_compare .br_right_table .br_lined_attribute_right {
border-left:0!important;
}
.br_new_compare .br_left_table .br_header_row {
height: 200px!important;
}
.br_new_compare .br_left_table tr th,
.br_new_compare .br_left_table tr td,
.br_new_compare .br_right_table p {
white-space: nowrap!important;
overflow:hidden!important;
text-overflow: ellipsis!important;
}
.br_new_compare .br_left_table tr,
.br_new_compare .br_right_table tr {
height: 35px!important;
}
div.br_top_table .br_main_top,
div.br_top_table .br_opacity_top {
margin-left:200px!important;
overflow: auto!important;
overflow-x: auto!important;
overflow-y: hidden!important;
}
.br_top_table .br_opacity_top {
opacity: 0!important;
}
.br_top_table .br_main_top {
position: absolute;
right: 0;
left: 0;
z-index:100;
}
.br_new_compare_block .br_remove_compare_product_reload {
background-color: white;
border-bottom: 0!important;
position: absolute;
top: 0;
right: 0;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
text-align: center;
display: none;
}
.br_top_table .br_main_top th:hover .br_remove_compare_product_reload {
display: block;
}
.br_top_table table th {
width: 200px!important;
}
.br_top_table table td {
display: none!important;
}
.br_new_compare .br_right_table td{
width: 200px;
}
.br_new_compare_block table{
table-layout: fixed;
}
.br_new_compare .br_right_table .br_description_row td div {
word-wrap: break-word!important;
overflow: auto!important;
overflow-x: unset!important;
overflow-y: auto!important;
padding: 0!important;
margin: 0!important;
}
@media (max-width: 767px) {
.br_new_compare .br_left_table {
display:none!important;
}
.br_top_table table td {
display: table-cell!important;
width: 200px!important;
}
.br_new_compare .br_right_table table tbody th {
display: table-cell!important;
}
.br_new_compare_block div.br_top_table .br_main_top,
.br_new_compare_block div.br_top_table .br_opacity_top {
margin-left:0px!important;
}
.br_new_compare_block div.br_new_compare .br_right_table {
margin-left:0!important;
}
.br_new_compare .br_right_table thead tr td {
display: table-cell!important;
}
}
@media (max-width: 1024px) {
.br_new_compare_block .br_remove_compare_product_reload {
display: block;
}
}
.br_new_compare_block.br_full_size_popup {
position: fixed!important;
top: 50px;
bottom:10px;
left:10px;
right:10px;
z-index: 400000!important;
overflow: auto!important;
background-color: white;
}
.br_new_compare_black_popup {
position: fixed!important;
top: 0;
bottom:0;
left:0;
right:0;
z-index: 399000!important;
background-color: black;
opacity: 0.3;
}
.br_new_compare_block a {
text-decoration: none!important;
border: 0!important;
box-shadow: none!important;
}
.br_full_size_open {
float: right;
position: relative;
}
.br_full_size_open a {
text-decoration: none!important;
border: 0!important;
box-shadow: none!important;
margin: 0!important;
padding: 0!important;
line-height: 2em!important;
height: 2em!important;
}
.br_full_size_open a .fa {
font-size: 2em!important;
}
.br_full_size_close a {
font-size: 34px;
height: 1.2em;
width: 1.2em;
line-height: 1em;
position: fixed;
text-align: center;
vertical-align: middle;
z-index: 999990;
border: 0!important;
color: #FFFFFF;
opacity: 0.7;
text-decoration: none!important;
border: 0!important;
box-shadow: none!important;
}
.br_full_size_close a:hover {
opacity: 1;
}
.br_new_compare_block .br_top_table .br_main_top tbody tr:last-child,
.br_new_compare_block .br_top_table .br_main_top tbody tr:last-child th,
.br_new_compare_block .br_top_table .br_main_top tbody tr:last-child td,
.br_new_compare_block.br_full_size_popup .br_top_table .br_main_top tbody tr:last-child,
.br_new_compare_block.br_full_size_popup .br_top_table .br_main_top tbody tr:last-child th,
.br_new_compare_block.br_full_size_popup .br_top_table .br_main_top tbody tr:last-child td {
border-top: 0!important;
}
.br_new_compare_block .br_top_table .br_main_top tbody tr:first-child,
.br_new_compare_block .br_top_table .br_main_top tbody tr:first-child th,
.br_new_compare_block .br_top_table .br_main_top tbody tr:first-child td,
.br_new_compare_block.br_full_size_popup .br_top_table .br_main_top tbody tr:first-child,
.br_new_compare_block.br_full_size_popup .br_top_table .br_main_top tbody tr:first-child th,
.br_new_compare_block.br_full_size_popup .br_top_table .br_main_top tbody tr:first-child td {
border-bottom: 0!important;
}
.br_new_compare_block .br_top_table .br_remove_all_compare,
.br_new_compare_block .br_top_table .br_show_compare_dif {
float: left;
clear:left;
max-width: 200px!important;
}.top-bar .number i {
font-size: 22px;
vertical-align: top;
margin-right: 5px;
}
h2 {
color: #356d22;
}
.nav li ul {
padding: 10px 0;
width: 330px;
}
#top-menu li li {
padding: 0 10px;
margin: 0;
width: 100%;
}
#top-menu li li a {
padding: 3px 6px;
width: 100%;
font-weight: normal;
}
.inner-contact-form .two-fields {
display: inline-block;
margin-bottom: 20px;
}
.inner-contact-form  .first-field {
margin-right: 0px;
margin-bottom: 20px;
}
textarea {
width: 100%;
resize: none;
}
input:not([type='checkbox']):not([type='radio']):not([type='submit']), textarea {
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
input:not([type='checkbox']):not([type='radio']), textarea {
border-radius: 4px;
}
input:not([type='checkbox']):not([type='radio']):not([type='date']) {
height: 3.2em;
line-height: 3.2;
}
input:not([type='checkbox']):not([type='radio']), textarea, select {
outline: none;
font: inherit;
line-height: 1;
width: 100%;
display: block;
padding: .8em 1.2em;
background: transparent;
color: inherit;
-webkit-appearance: none;
}
h2 {
font-weight: 700;
}
h4 {
font-size: 16px;
line-height: 24px;
margin-bottom: 10px;
margin-top: 20px;
}
ul.contact-details i.fa {
margin-right: 15px;
font-size: 20px;
vertical-align: middle;
color: #356d22;
}
ul.contact-details, ul.contact-details li {
list-style: none;
margin: 0px;
padding: 0px;
}
ul.contact-details li {
margin-bottom: 10px;
}
ul.contact-details {
margin-top: 20px;
}
h2 span {
color: #B4D844;
}
input.wpcf7-form-control.wpcf7-submit {
background: #356d22;
color: #FFF;
border: 0px;
line-height: initial !important;
font-size: 16px;
width: auto !important;
padding-left: 30px;
padding-right: 30px;
text-transform: uppercase;
letter-spacing: 0.5px;
cursor:pointer;
}
input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus, textarea:focus {
-webkit-box-shadow: 0 0 4px 0 #dcdcdc;
box-shadow: 0 0 4px 0 #dcdcdc;
}
textarea {
padding: .8em 1.2em;
}
.request_info, .compare_items {
background: #356d22 !important;
color: #FFF !important;
border: 0px;
line-height: initial !important;
font-size: 16px;
width: auto !important;
padding-left: 30px !important;
padding-right: 30px !important;
text-transform: uppercase;
letter-spacing: 0.5px;
cursor: pointer;
display: inline-block !important;
margin-right: 10px !important;
}
a {
color: #356d22;
}
.berocket_compare_widget_start .berocket_show_compare_toolbar {
color: #FFF !important;
background-color: #356d22 !important;
}
.berocket_compare_widget_start .berocket_compare_widget .berocket_open_compare, .berocket_compare_widget_toolbar .berocket_compare_widget .berocket_open_compare {
color: #FFF !important;
background-color: #356d22 !important;
}
.nav li ul {
border-top: 3px solid #B4D844;
}
.second-field {
width: 100%;
}
.two-fields {
display: flex;
margin-bottom: 20px;
}
.first-field {
margin-right: 20px;
width:100%;
}
.one-field {
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
.one-field label {
width: 100%;
display: inline-block;
}
#sidebar .aws-container {
width: 100% !important;
float: initial !important;
margin-left: 0px !IMPORTANT;
}
#sidebar input.aws-search-field {
padding-right: 0px !important;
width: 100% !important;
float: left !important;
}
input.aws-search-field {
height: inherit !important;
line-height: inherit !IMPORTANT;
padding: 9.5px !important;
}
.aws-container {
width: 250px;
float: right;
vertical-align: top;
margin-top: -15px;
margin-left: 30px;
}
.post_container {
display: inline-block;
width: 100%;
border: 0px;
}
body.home article.post.type-post.status-publish {
display: none !important;
}
.post_container .img {
max-width: 50%;
display: inline-block !IMPORTANT;
}
.post_container .post_content {
width: 46%;
float: right;
border: 0px;
}
.post_container .post_content h3 {
font-size: 35px;
font-weight: normal;
line-height: 45px;
margin-bottom: 10px;
}
.post_container .post_content a.read-more {
font-weight: 500;
font-size: 17px;
}
a.read-more {
color: #356d22;
font-weight: bold;
letter-spacing: normal;
}
h1.main-title {
margin-top: 0px;
padding-top: 0px;
margin-bottom: 40px;
}
ul.alm-listing.alm-ajax a.post-title {
font-weight: lighter !important;
line-height: 24px !important;
}
ul.alm-listing.alm-ajax li {
display: inline-block !important;
padding: 0px !important;
max-width: 33.333333% !important;
flex: 0 0 33.333333% !important;
padding-left: 20px !important;
padding-right: 20px !important;
margin-bottom: 40px !important;
}
ul.alm-listing.alm-ajax li.alm-item img {
position: relative !important;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
margin-bottom: 15px !important;
}
ul.alm-listing.alm-ajax {
margin: 0px !important;
padding: 0px !important;
}
.et_left_sidebar #main-content .container:before {
left: 25%!important;
}
.et_left_sidebar #sidebar {
padding-right: 20px;
}
#sidebar {
float: left;
width: 25%;
}
#left-area {
width: 72%;
}
* {
font-family: 'Montserrat', sans-serif;
font-size:14px;
}
.home-slider h1:after {
content: ' ';
clear: both;
width: 2em;
display: block;
margin: 0 0 1.4em;
border-bottom: 4px solid #B4D844;
float: initial;
border-width: 4px !important;
margin-bottom: 1.2em;
position: relative;
text-align: left;
margin-left: inherit;
margin-right: inherit;
left: auto;
right: auto;
margin-bottom: 10px;
margin-top: 20px;
}
.top-bar div.container div {
display: inline-block;
}
.top-bar {
background: #1F1F1F;
}
.top-bar .text {
background: #B4D844;
color: #FFF;
font-weight: 600;
padding-left: 20px;
padding-right: 20px;
padding-top: 7px;
padding-bottom: 7px;
font-size: 16px;
}
.top-bar .number {
background: #356d22;
color: #FFF;
padding-left: 20px;
padding-right: 20px;
padding-top: 7px;
font-size: 16px;
padding-bottom: 7px;
}
.top-bar .number a {
color: #FFF;
font-weight: 600;
letter-spacing: 1px;
font-size: 16px;
}
.number {
background: #356d22;
color: #FFF;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
}
.top-bar div.container {
text-align: right;
}
p {
font-family: 'Open Sans', sans-serif;
font-size:14px;
}
.homepage-heading.left h2:after {
left: 0px !important;
right: 0px !important;
margin: inherit !important;
margin-top: 5px !IMPORTANT;
border-bottom: 3px solid #356d22 !important;
}
.homepage-heading.left h2 {
font-size:25px;
}
.homepage-heading h3 {
color: #1e1e1e;
font-size: 20px;
margin-bottom: 20px;
}
.homepage-heading h2 {
font-size:40px;
font-weight: bold;
color: #356d22;
}
.homepage-heading h2:after {
content: ' ';
clear: both;
width: 2em;
display: block;
margin: 0 0 1.4em;
border-bottom: 4px solid #356d22;
float: initial;
border-width: 4px !important;
margin-bottom: 1.2em;
position: relative;
text-align: center;
margin-left: auto !important;
margin-right: auto !important;
left: auto;
right: auto;
margin-bottom: 10px;
margin-top: 20px;
}
.footer-widget .menu li {
line-height: 28px;
}
.aboutus-section h2 {
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
font-size: 45px;
}
.aboutus-section h3 {
font-weight: 600;
letter-spacing: 1px;
}
.aboutus-section ul {
list-style: none;
margin: 0px;
padding: 0px !important;
margin-top: 20px;
}
.aboutus-section li {
background-image: url(//www.granatindustries.com/wp-content/uploads/2020/09/icon.png);
vertical-align: middle;
background-repeat: no-repeat;
list-style: none;
margin: 0px !important;
padding: 0px !important;
background-size: 25px;
padding-left: 35px !important;
padding-bottom: 15px !important;
font-weight: bold;
color: #000;
}
.social-icons, .connect-links {
width: 100%;
margin-bottom: 10px !important;
}
.social-icons a {
font-size: 25px;
margin-right: 12px;
}
.et_pb_gutters3.et_pb_footer_columns4 .footer-widget {
width: 23.875%;
}
.et_pb_gutters3 .footer-widget {
margin-right: 1.5%;
margin-bottom: 5.5%;
}
div#footer-widgets h4.title:after {
content: ' ';
clear: both;
width: 5em;
display: block;
margin: 0 0 1.4em;
border-bottom: 4px solid #B4D844;
float: left;
width: 2em;
border-width: 2px !important;
margin-bottom: 10px;
margin-top: .4em;
position: absolute;
padding-bottom: 3px;
}
.contact-links li {
display: flex;
}
.contact-links i {
color: #B4D844;
margin-right: 10px;
font-size: 20px;
margin-top: 4px;
}
.contact-links li {
display: flex;
margin-bottom: 15px !important;
}
.copyright {
background: #1f1f1f;
color: #FFF;
text-align: center;
padding-top: 25px;
padding-bottom: 20px;
font-size: 14px;
}
#top-menu li {
display: inline-block;
font-size: 14px;
padding-right: 32px;
}
#logo {
max-height: 80%;
}
#et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
color: #356d22;
}
.home-slider a.et_pb_button,
.home-slider a.et_pb_button:hover {
background: #B4D844  !important;
color: #FFF !important;
border-color: #B4D844 !important;
font-weight: bold !important;
letter-spacing: 1px !important;
}
.home-slider p {
font-size: 18px;
max-width: 800px;
margin-bottom: 20px;
margin-top: 20px;
line-height: 28px;
}
.home-slider h2.et_pb_slide_title {
font-size: 20px;
font-weight: 600;
letter-spacing: 1px;
}
.home-slider h1 {
font-size: 55px;
font-weight: bold;
letter-spacing: 2px;
}
.home-slider h1 span {
color: #B4D844;
}
#top-menu a {
color: #000;
text-decoration: none;
display: block;
position: relative;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
font-size: 15px;
}
#main-footer {
background-color: #3f3f3f !important;
}
div#footer-widgets h4 {
font-weight: bold;
color: #FFF;
font-weight: 600;
letter-spacing: 1px;
margin-bottom:20px;
}
#footer-widgets .footer-widget li:before {
display:none;
}
#footer-widgets .footer-widget li {
padding-left: 0px;
position: relative;
}
.bpgPhoto {
display: block;
overflow: hidden;
max-width: 100%;
line-height: 0;
position: relative;
}
a.et_pb_button, a.et_pb_button:hover {
background: #356d22 !important;
border-color: #356d22;
color: #FFF;
border-radius: 0px;
}
.bpgPhoto > a {
display: block;
position: absolute;
z-index: 10;
left: 0;
bottom: 0;
right: 0;
top: 0;
}
.boldPhotoBox .bpbItem {
display: block;
width: auto;
margin: auto;
}
.boldPhotoBox .bpbItem .btImage {
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
transition: all 900ms ease;
}
.boldPhotoBox .bpbItem img {
max-width: 100%;
height: auto;
}
.bpgPhoto .boldPhotoBox img {
line-height: 0;
}
.bpgPhoto .captionPane .captionTable {
display: table;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.bpgPhoto .captionPane .captionTable .captionCell {
display: table-cell;
height: 100%;
vertical-align: middle;
}
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt {
display: inline-block;
margin: auto;
padding: 0 20px;
color: #FFF;
line-height: 1.4;
opacity: 0;
}
.captionTable i {
border: 2px solid;
width: 42px;
height: 42px;
line-height: 40px;
border-radius: 50%;
margin-bottom: 10px;
font-size: 26px;
color: #FFF !important;
}
.captionTable {
text-align: center;
font-size: 16px;
}
.captionTable h4 {
color: #FFF !important;
}
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt:before {
display: block;
margin: 10px auto;
}
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt h4 {
color: #fff;
font-size: 1.1em;
padding-bottom: .2em;
}
.bpgPhoto:hover .captionPane .captionTable .captionTxt {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.bpgPhoto .captionPane {
opacity: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background-color: #232323 !important;
right: 0;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
transition: all 400ms ease;
z-index: 6;
pointer-events: none;
}
.out-right:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
-webkit-animation: out-right 300ms ease 0ms 1 forwards;
-moz-animation: out-right 300ms ease 0ms 1 forwards;
animation: out-right 300ms ease 0ms 1 forwards;
}
.products_section .et_pb_row {
padding-bottom: 10px;
}
.btShowTitle {
position: absolute;
top: auto;
bottom: 0;
margin: 0;
padding: 1em 1.5em 1em;
right: 0;
left: 0;
border-left: 4px solid #B4D844;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
transition: all 200ms ease;
display: none;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
padding-left: .8em;
padding-top:1.3em;
padding-bottom:1.3em;
}
.btShowTitle h4 {
font-weight: 600 !important;
color: #000;
margin: 0px !important;
padding: 0px !important;
}
.btTextLeft .btShowTitle {
right: auto;
}
.btLightSkin .btShowTitle, .btDarkSkin .btLightSkin .btShowTitle, .btLightSkin .btDarkSkin .btLightSkin .btShowTitle {
color: #333;
background-color: rgba(255,255,255,.9);
}
.btHasTitles .btShowTitle, html.touch .btShowTitle {
display: block;
}
.btShowTitle .header.small {
margin: 0;
}
.btHasTitles .btShowTitle,
html.touch .btShowTitle {
display: block;
}
.bpgPhoto:hover .captionPane {
opacity: .8;
}
.bpgPhoto[class*="-in"] .captionPane {
pointer-events: auto;
}
.bpgPhoto:hover .captionPane .captionTable .captionTxt {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.bpgPhoto:hover .btShowTitle {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.in-top:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
-webkit-animation: in-top 300ms ease 0ms 1 forwards;
-moz-animation: in-top 300ms ease 0ms 1 forwards;
animation: in-top 300ms ease 0ms 1 forwards;
}
.in-right:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
-webkit-animation: in-right 300ms ease 0ms 1 forwards;
-moz-animation: in-right 300ms ease 0ms 1 forwards;
animation: in-right 300ms ease 0ms 1 forwards;
}
.in-bottom:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
-webkit-animation: in-bottom 300ms ease 0ms 1 forwards;
-moz-animation: in-bottom 300ms ease 0ms 1 forwards;
animation: in-bottom 300ms ease 0ms 1 forwards;
}
.in-left:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
-webkit-animation: in-left 300ms ease 0ms 1 forwards;
-moz-animation: in-left 300ms ease 0ms 1 forwards;
animation: in-left 300ms ease 0ms 1 forwards;
}
.out-top:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
-webkit-animation: out-top 300ms ease 0ms 1 forwards;
-moz-animation: out-top 300ms ease 0ms 1 forwards;
animation: out-top 300ms ease 0ms 1 forwards;
}
.out-right:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
-webkit-animation: out-right 300ms ease 0ms 1 forwards;
-moz-animation: out-right 300ms ease 0ms 1 forwards;
animation: out-right 300ms ease 0ms 1 forwards;
}
.out-bottom:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
-webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
-moz-animation: out-bottom 300ms ease 0ms 1 forwards;
animation: out-bottom 300ms ease 0ms 1 forwards;
}
.out-left:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
-webkit-animation: out-left 300ms ease 0ms 1 forwards;
-moz-animation: out-left 300ms ease 0ms 1 forwards;
animation: out-left 300ms ease 0ms 1 forwards;
}
@-webkit-keyframes in-top {
from {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-moz-keyframes in-top {
from {
-moz-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
to {
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@keyframes in-top {
from {
-webkit-transform: translate3d(0,-100%,0);
-moz-transform: translate3d(0,-100%,0);
-ms-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
to {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-webkit-keyframes out-top {
from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
}
@-moz-keyframes out-top {
from {
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-moz-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
}
@keyframes out-top {
from {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(0,-100%,0);
-moz-transform: translate3d(0,-100%,0);
-ms-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
}
@-webkit-keyframes in-right {
from {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-moz-keyframes in-right {
from {
-moz-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
to {
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@keyframes in-right {
from {
-webkit-transform: translate3d(100%,0,0);
-moz-transform: translate3d(100%,0,0);
-ms-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
to {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-webkit-keyframes out-right {
from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
}
@-moz-keyframes out-right {
from {
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-moz-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
}
@keyframes out-right {
from {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(100%,0,0);
-moz-transform: translate3d(100%,0,0);
-ms-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
}
@-webkit-keyframes in-bottom {
from {
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-moz-keyframes in-bottom {
from {
-moz-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
to {
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@keyframes in-bottom {
from {
-webkit-transform: translate3d(0,100%,0);
-moz-transform: translate3d(0,100%,0);
-ms-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
to {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-webkit-keyframes out-bottom {
from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
}
@-moz-keyframes out-bottom {
from {
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-moz-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
}
@keyframes out-bottom {
from {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(0,100%,0);
-moz-transform: translate3d(0,100%,0);
-ms-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
}
@-webkit-keyframes in-left {
from {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-moz-keyframes in-left {
from {
-moz-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
to {
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@keyframes in-left {
from {
-webkit-transform: translate3d(-100%,0,0);
-moz-transform: translate3d(-100%,0,0);
-ms-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
to {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-webkit-keyframes out-left {
from {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
}
@-moz-keyframes out-left {
from {
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-moz-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
}
@keyframes out-left {
from {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(-100%,0,0);
-moz-transform: translate3d(-100%,0,0);
-ms-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
}
.bpgPhoto.lightbox .captionTxt {
z-index: 0 !important;
}
.bpgPhoto[class*="-in"] .captionPane {
pointer-events: auto;
}
.btCircleImage .bpbItem,
.btCircleImage .btImage {
border-radius: 50%;
overflow: hidden;
}
.btCircleImage .bpbItem img,
.btCircleImage .btImage img {
width: auto;
}
.btCircleImage .captionPane {
border-radius: 50%;
}
.bpgPhoto.btOutlinedImage {
border: 1px solid rgba(0,0,0,.1);
}
.bpgPhoto.btRoundedImage {
border-radius: 20px;
}
.bpgPhoto.btRoundedImage .captionPane {
border-radius: 20px;
}
.bpgPhoto.btRoundedImage .bpbItem {
overflow: hidden;
border-radius: 20px;
}
.btTextCenter .tilesWall .bpgPhoto {
display: block;
}
.btTextRight > .rowItemContent > .bpgPhoto {
float: right;
}
.btTextLeft > .rowItemContent > .bpgPhoto {
float: left;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.captionPane {
right: -1px;
}
}
.bpgPhoto {
float: left;
}
.btShowTitle{
color: #333;
background-color: rgba(255,255,255,.9);
}
.full-width {
max-width: 100%;
width: 100%;
margin: 0px !important;
padding: 0px !important;
}
.container {
width: 100%;
max-width: 1200px;
margin: auto;
}
ul.wpb_category_n_menu_accordion_list li.current-cat a {
font-weight: 600;
}
form.woocommerce-ordering {
display: none !important;
}
.wpb_category_n_menu_accordion > ul > li > a {
font-size: 14px;
line-height: 20px;
padding: 14px 22px;
background: transparent;
color: #333!important;
font-weight: normal !important;
padding-left: 0px !important;
}
.wpb_category_n_menu_accordion ul > li li {
background: transparent;
}
.wpb_category_n_menu_accordion ul > li li a {
color: #000 !important;
font-weight: normal;
padding-bottom: 1px;
font-size: 14px;
}
.wpb_category_n_menu_accordion > ul > li > ul > li > a {
padding-left: 10px;
}
.et-cart-info {
display: none !important;
}
.wpb_category_n_menu_accordion > ul > li > a:hover {
background-color: transparent !important;
color: #000 !important;
}
.wpb_category_n_menu_accordion li > a:hover > span.wpb-submenu-indicator {
color: #000 !important;
}
.wpb_category_n_menu_accordion > ul > li li:hover > a, .wpb_category_n_menu_accordion > ul > li li.current-cat > a, .wpb_category_n_menu_accordion li.wpb-submenu-indicator-minus > a {
border-left-color: transparent !important;
}
.home-slider .et_pb_slide_description {
text-align: left;
padding: 10% 0%;
max-width: 1200px;
}
a.request-btn {
display: inline-block;
margin-top: 20px;
border: 1px solid;
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 5px;
color: #000;
font-weight: 600;
font-size: 15px;
}
.form_group {
width: 100%;
margin-bottom: 15px;
vertical-align: top;
}
input.text, input.title, input[type=text], select, textarea, input[type=email] {
margin: 0;
padding: 7px;
}
.product_table span.br_compare_button_text {
display: none !important;
}
textarea.products {
display: none;
}
.et_pb_row {
max-width: 1200px;
}
.form_group label {
width: 40%;
display: inline-block;
vertical-align: top;
}
.form_group .form_field {
display: inline-block;
width: 58%;
}
.berocket_compare_widget {
text-align: center;
}
.berocket_compare_widget_toolbar .berocket_compare_widget_image li {
width: 120px;
}
.berocket_compare_widget li .br_remove_compare_product {
display: block;
}
span.br_compare_button_text {
display: inline-block !important;
}
a.add_to_cart_button.button.br_compare_button {
padding: 0px !important;
width: auto !important;
border: 0px !important;
}
a.add_to_cart_button.button.br_compare_button:after {
display:none;
}
#footer-widgets .footer-widget li a:hover {
color: #B4D844;
}
body.single #content-area {
display: flex;
flex-wrap: nowrap;
}
body.single #content-area #left-area {
order: 2;
padding-right: 0px !important;
width: 72%;
float: right !important;
margin-left: 5%;
}
body.single  #main-content .container:before {
left: 27%!important;
}
body.single #content-area #sidebar {
order:1;
}
.et_left_sidebar #left-area {
float: right;
padding-left: 0px;
}
.mobile_search .aws-container {
display:none;
}
@media only screen and (max-width: 800px) {
#et-top-navigation .aws-container {
display: none !important;
}
.mobile_search .aws-container {
width: 96%;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 10px;
display:inline-block;
}	
.two-fields {
display: inline-block;
margin-bottom: 20px;
}
.first-field {
margin-right: 0px;
margin-bottom: 20px;
}	
ul.alm-listing.alm-ajax li {
display: inline-block !important;
padding: 0px !important;
max-width: 100% !important;
flex: 100% !important;
padding-left: 0px !important;
padding-right: 0px !important;
margin-bottom: 40px !important;
}	
.post_container .img {
max-width: 100%;
display: inline-block !IMPORTANT;
}
.post_container .post_content {
width: 100%;
float: left;
border: 0px;
}
.post_container .post_content h3 {
font-size: 20px;
font-weight: normal;
line-height: 27px;
margin-bottom: 0px;
}
.mobile_menu_bar:before {
color: #356d22 !important;
font-size: 50px;
}
.et_mobile_menu {
border-top: 3px solid #356d22;
}
.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description h2.et_pb_slide_title {
font-size: 16px;
}
.home-slider h1 {
font-size: 26px;
font-weight: bold;
letter-spacing: 2px;
}
.home-slider p {
font-size: 16px;
}
.homepage-heading h2 {
font-size: 25px;
}
.aboutus-section h2 {
font-size: 35px;
}
.footer-widget {
padding-left: 25px;
box-sizing: border-box;
}
}