.contact-page .page-title {
  display: none;
}

.act-old-price-title, .old-product-price {
  display: none !important;
}

.price.act-old-price  {
  display: none !important;
}

/*----

* {
font-family:  'Roboto'; 
}

----*/

.html-home-page .master-wrapper-content {
    overflow-x: hidden;
}

/***admin links****/

.admin-header-links {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

/*-------Contactus Banner-------*/
.u-backlink.u-clearfix.u-grey-80 {
display: none;
}


/*-------GENERIC TITLE-------*/

.act-carousel-products .act-bannerinfo-carousel-title {
    border-bottom: 1px solid #ddd;
    margin: 0 0 30px;
    padding: 0 0 15px;
    font-size: 30px;
    font-weight: normal;
    BACKGROUND-COLOR: transparent;
}

.act-carousel-products .act-bannerinfo-carousel-title p {
    color: #444;
    font-size: 30px;
}

/*-------MENU-------*/

.mega-menu>li:hover>a span {
                    letter-spacing: 1px;
                    text-shadow: 1px 3px 10px #0f758a80;
        }

          .mega-menu>li>a span {
                transition: .3s ease-out;
        }


/*-------BLOG-------*/
/*Blog Homepage*/
.rich-blog-homepage {
    margin: 0 auto 80px!important;
    max-width: 100%;
}

.rich-blog-homepage .title {
    padding: 8px 0;
position: relative;
    margin-top: 45px !important;
}


/*.rich-blog-homepage .title strong {
    text-transform: uppercase;
}
*/

.rich-blog-homepage .blog-post {
    background: #f4f4f3;
 box-shadow: 0 0 14px #b6b6b6;
    width: 590px! important;
    max-width: 100%;
position: relative;
}

.rich-blog-homepage .post-details {
text-align: left;
}

.rich-blog-homepage .post-primary {
     max-width: 100%! important;
position: relative;
margin: 0px! important;
}

.rich-blog-homepage .post-date {
    color: #f4f4f3;
    font-size: 19px;
z-index:1;
width: 100%;
    background-color: #0f758a!important;
padding: 0px 38px 0px 22px!important;
    height: 63px;
    line-height: 63px;
}

.rich-blog-homepage .view-all a {
    margin: 0 auto;
    max-width: 590px;
    display: block;
    background: transparent;
    font-size: 14px;
    padding: 18px 30px;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none! important;
    text-transform: uppercase;
    letter-spacing: 1px!important;
    font-weight: 600;
    width: 50%;
}

.rich-blog-homepage .read-more {
    color: #fff!important;
    background-color: var(--secPageColor) !important;
    font-size: 15px!important;
    padding: 0 38px 0 22px!important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    z-index: 2;
    letter-spacing: -.5px;
    font-weight: bold;
    height: 63px;
    line-height: 63px;
}

.read-more:hover {
    background: #fff!important;
    color: var(--secPageColor) !important;
}

.rich-blog-homepage .read-more:after {
    content: "";
    background-image: url(/images/uploaded/arrow-down-6-16.ico);
    background-repeat: no-repeat;
    background-size: 11px;
    width: 11px;
    height: 63px;
    right: -9px;
    transform: rotate(-90deg);
    position: absolute;
    line-height: 63px;
}

.rich-blog-homepage .post-picture {
    filter: grayscale(1);
    transition: .3s ease-out;
}

.rich-blog-homepage .post-picture:hover {
    filter: unset;
}

.rich-blog-homepage .post-picture:before {
    padding-top: 56%!important;
}

.rich-blog-homepage .post-title {
    background-color: #f4f4f3!important;
    font-size: 21px!important;
    position: absolute;
    bottom: -129px;
    padding: 0px 40px 14px 35px!important;
    border: none!important;
}

.rich-blog-homepage .post-details {
    position: relative;
    top: -3px;
}

.rich-blog-homepage .post-description {
padding: 68px 35px 35px 35px;
}

.rich-blog-homepage .view-all a:hover {
    color: var(--mainPageColor) !important;
}

.rich-blog-homepage .post-picture:hover img {
    transform: scale(1.05);
}

.rich-blog-homepage .post-picture img {
    transition: all .5s ease-in-out;
}

@media (min-width: 1201px){
.rich-blog-homepage {
    width: 1200px;
}

.rich-blog-homepage .blog-post {
    margin: 0 0 23px 20px!important;
position: relative;
    height: 590px;
}

.rich-blog-homepage .blog-post:nth-child(2n+1) {
    margin-left: 0!important;
}

.rich-blog-homepage .view-all a {
    max-width: none;
    letter-spacing: 2px;
}

}

@media (max-width: 1200px){
.rich-blog-homepage {
    max-width: 90%;
}

.rich-blog-homepage .blog-post {
    margin: 0 auto 23px!important;
    float:none! important;
}

}

@media (max-width: 600px){
.rich-blog-homepage .read-more:after {
    height: 57px;
    line-height: 57px;
}

.rich-blog-homepage .read-more {
height: 57px;
    line-height: 57px;
    font-size: 14px!important;
}

.rich-blog-homepage .post-date {
    height: 57px;
    line-height: 57px;
    font-size: 18px;
}

}

@media (max-width: 500px){
.rich-blog-homepage .read-more {
font-size: 14px!important;
}
}

/*Blog Page All*/
.html-blog-page .master-column-wrapper {
    width: 1200px;
    margin: auto;
    max-width: 100%;
}

.html-blog-page .blog-search-box {
display: none;
}

.html-blog-page .side-2 .title {
    padding: 23px 3px 8px;
    border-bottom: 1px solid #d4d4d4;
    position: relative;
}

.html-blog-page .block-blog-archive,  .html-blog-page .side-2 .title {
font-size: 16px;
    color: #2c2c2c;
    text-transform: uppercase;
    font-weight: bold;
}

.html-blog-page .block-blog-archive {
margin: 7px auto;
}
 
.html-blog-page .listbox {
padding: 10px 0px;
}

.html-blog-page #rich-blog-search-form{
 padding: 20px 50px 20px 0;
}

.html-blog-page  #rich-blog-search-form input{
    height: 50px;
    border: none;
    padding: 0 20px;
    vertical-align: middle;
    font-size: 15px;
    color: #909090;
    background-color: white;
}

.html-blog-page .block-blog-archive .sublist {
display: none;
}

.html-blog-page .block-blog-archive .number, .html-blog-page .block-blog-archive .sublist a{
  color: #909090;
   font-weight: bold;
  text-transform: uppercase;
}

.html-blog-page .block-blog-archive .number{
position: relative;
}

.html-blog-page .block-blog-archive .sublist a{
  font-size: 13px;
}
  
.html-blog-page .block-blog-archive .list a:before {
display: none;
}

.html-blog-page .link-rss {
/*
    width: 35px;
    height: 35px;
    border: 1px dashed #b5b5b5;
    transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-image: url(/images/uploaded/rss-32.ico);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
position: absolute;
    right: 0px;
*/
display: none;
}

.html-blog-page .block-blog-archive .month {
padding: 5px 0px;
}

.html-blog-page .center-2 .page-title {
    padding: 8px 0;
    margin: 0 0 30px;
    border-bottom: 1px solid #d4d4d4;
    text-align: center;
    position: relative;
}


.html-blog-page  .post {
    background: #fff;
    margin: 0 auto 23px;
    box-shadow: 0 0 14px #0000000f;
}

.html-blog-page .rich-blog-image {
margin: 0px;
}

.html-blog-page .blog-details .buttons {
padding: 0px;
}

.html-blog-page .center-2 .page-title h1 {
    font-size: 35px;
    float: none;
}

.html-blog-page .blog-posts  .post {
display: flex;
    flex-direction: column;
}

.html-blog-page .post-head {
order: 3;
padding: 0px 40px;
}

.html-blog-page .rich-blog-image {
order: 1;
}

.html-blog-page .post-body  {
    order: 4;
padding: 0px 40px!important;
text-align: start;
}

.html-blog-page .blog-details {
order: 5;
padding: 0px 40px;
text-align: left;
}

.html-blog-page .act-post-read-more {
order: 2;
position: relative;
}

.html-blog-page  .act-post-read-more:after {
    content: "";
    background-image: url(/images/uploaded/arrow-down-6-16.ico);
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: center;
    width: 8px;
    height: 63px;
    right: 18px;
    transform: rotate( -90deg);
    position: absolute;
}

.html-blog-page .act-post-read-more a {
    color: #909090;
    background-color: #1f1f1f;
    font-size: 15px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-: 17px;
    letter-spacing: -.5px;
    font-size: 15px;
    height: 63px;
    text-transform: uppercase;
    font-weight: bold;
line-height: 63px;
    padding: 0px 38px 0px 22px;
}

.html-blog-page .post-footer {
order: 6;
    padding: 20px;
border-top: none;
}


.html-blog-page .post-head {
margin: 0px 0px 70px 0px;
    position: relative;
overflow: inherit!important;
padding: 0px!important;
}


.html-blog-page .post-head  .post-title {
position: absolute;
    top: 95px;
font-size: 19px;
padding: 0px 40px!important;
   left: 0;
white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 41px;
}

.html-blog-page .blog-page .post-date {
height: 63px;
line-height: 63px;
    width: 100%;
text-align: left;
    padding-left: 25px;
    font-size: 19px;
}

.blog-page .read-more, .post-actions .read-more {
    background-color: #0f758a !important;
}

.blog-page .read-more:hover, .post-actions .read-more:hover {
    background-color: #09424e !important;
    color: #fff !important;
}

/*
.html-blog-page .read-more {
position: absolute;
    right: 0;
}
*/

.html-blog-page .post-date {
    color: #f4f4f3;
    font-size: 17px;
    background-color: #0f758a;
    padding: 20px 38px 20px 22px;
    font-style: normal;
}

.html-blog-page .rich-blog-image {
height: 500px;
}

.html-blog-page .rich-blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 1001px){
.html-blog-page .block-blog-archive .listbox {
display: block!important;
}

}
@media (max-width: 1000px){

.block-recently-viewed-products {
display: none;
}

.html-blog-page .block.block-blog-archive, .html-blog-page .block.block-popular-blogtags {
    background: #fff;
    position: relative;
    box-shadow: 0 0 14px #0000000f;
}

.html-blog-page .block.block-blog-archive .title:after, .html-blog-page .block.block-popular-blogtags .title:after{
    content: "";
    z-index: 2;
    cursor: pointer;
    text-align: center;
    background-image: url(/images/uploaded/accordion-plus.png);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 27px;
    top: 50%;
    transform: translate(0,-50%);
}

.html-blog-page .block.block-blog-archive .title.active:after{
background-image: url(/images/uploaded/minus-orange.png);
}

.html-blog-page .block.block-blog-archive .title, .html-blog-page .block.block-popular-blogtags .title {
    cursor: pointer;
    padding: 16px 30px;
    margin-bottom: 20px;
    font-size: 20px;
}

.html-blog-page .block .title:before {
display: none;
}

.html-blog-page .block.block-blog-archive .listbox {
border: 5px solid #fff;
    background: #f5f5f5;
    border-width: 0 5px 5px;
    color: #909090;
padding: 8px 22px;
}

}

@media (max-width: 600px){
 .html-blog-page .blog-page .read-more:after {
    height: 57px;
    line-height: 57px;
}

/*
.html-blog-page .blog-page .read-more {
height: 57px;
    line-height: 57px;
    font-size: 12px!important;
}
*/

.html-blog-page .act-post-read-more a {
    padding: 0 21px 0 10px;
}

.html-blog-page .blog-page .post-date {
    height: 57px;
    line-height: 57px;
    font-size: 16px;
    padding-left: 10px;
}

.html-blog-page .act-post-read-more:after {
height: 55px;
right: 6px;
}

.html-blog-page .post-head .post-title {
    top: 89px;
}

.html-blog-page .post-head {
    margin: 0px 0 74px 0;
}

}

/*Blog Page*/
.html-blogpost-page .page-title:before {
display: none;
}

.html-blogpost-page .side-2 {
display: none;
}

.html-blogpost-page .new-comment form, .html-blogpost-page .new-comment .notifications {
display:none;
}

.html-blogpost-page .blogpost-page {
text-align: center;
    background: #fff;
    box-shadow: 0 0 14px #0000000f;
    max-width: 958px;
    margin: auto;
    position: relative;
}

.html-blogpost-page  .center-2 {
    width: 95%!important;
margin: 0 auto;
}

.html-blogpost-page .post-navigation {
    width: 40px;
    height: 40px;
    border: 1px dashed #ccc;
    overflow: hidden;
    font-size: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.html-blogpost-page .blogpost-page .page-title  {
border: none;
}

.html-blogpost-page .page-body .fieldset .title, .page-body .section .title {
text-align: center;
    border-bottom: none;
}

.html-blogpost-page .post-date {
    background-color: transparent;
    text-transform: uppercase;
    color: #0f758a;
    padding: 2px 0 10px 0px;
    font-style: normal;
}

.html-blogpost-page .rich-blog-image{
 padding: 0 68px;
}

.html-blogpost-page  .post-body {
    padding: 0 68px 68px!important;
}

.html-blogpost-page .share-post li,   .html-blog-page .share-post li {
margin: 0 3px;
}

/*.html-blog-page  .share-post a  , .html-blogpost-page .share-post a{
    border: 1px dashed #b5b5b5;
    transition: all .3s ease-in-out;
    background-size: 5px;
    background-position: center!important;
    background-size: 18px;
}
*/

/*.html-blog-page  .share-post .facebook a, .html-blogpost-page .share-post .facebook a{
    background-image: url(/images/uploaded/facebook-32.ico);
}

.html-blog-page  .share-post  .twitter a,   .html-blogpost-page .share-post .twitter a{
    background-image: url(/images/uploaded/twitter-32.ico);
}

.html-blog-page  .share-post  .pinterest  a,  .html-blogpost-page .share-post .pinterest a{
    background-image: url(/images/uploaded/pinterest-32.ico);
}

.html-blog-page  .share-post  .linkedin a,  .html-blogpost-page .share-post .linkedin a{
    background-image: url(/images/uploaded/linkedin-32.ico);
}
*/

.html-blogpost-page .post-footer {
    border-top: none;
}

.html-blogpost-page .fieldset.new-comment {
    border-top: 1px dashed #ccc;
    display: none;
}

.html-blogpost-page .fieldset.new-comment .title {
    margin: 60px 0px 0px 0px;
}

.html-blogpost-page .new-comment .form-fields {
    margin: 0;
    border-top: 0px;
    background-color: transparent;
}

.html-blogpost-page .new-comment .buttons {
    margin: 0px;
}

.html-blogpost-page .fieldset.new-comment .title strong {
padding: 15px;
    background: #f5f5f5;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.html-blogpost-page  .post-navigation a {
   background-color: transparent;
font-size: 0;
margin: 0px;
}

/*
.html-blogpost-page  .post-navigation .prev:before {
    border-width: 0 0px 0 0;
    background: url(/images/uploaded/arrow-up-6-16-grey.ico);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(-90deg);
    background-size: 12px;
}
*/

/*
.html-blogpost-page .post-navigation .next:before {
    border-width: 0 0px 0 0;
    background: url(/images/uploaded/arrow-up-6-16-grey.ico);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(90deg);
    background-size: 12px;
background-color: transparent;
}
*/ 

.html-blogpost-page .post-navigation a:before {
    width: 40px;
    height: 40px;
}

.html-blogpost-page .new-comment .form-fields .inputs {
    display: flex;
    flex-direction: column;
    width: 66%;
    margin: 0 auto;
}

.html-blogpost-page .new-comment .form-fields .inputs  label {
        text-align: left;
}

.html-blogpost-page .new-comment .form-fields .inputs  textarea {
    width: 100%;
    background-color: #f0f0f0;
}

.html-blogpost-page .rich-blog-image {
height: 500px;
}

.html-blogpost-page .rich-blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 1201px){
.html-blogpost-page .blogpost-page .page-title {
    padding: 50px 68px 10px;
}
}

@media (min-width: 768px){
.html-blogpost-page .blogpost-page .page-title {
    padding: 50px 120px 10px;
}

.html-blogpost-page .post-navigation {
position: absolute;
    left: 68px;
    top: 70px;
}

/*-------MAYBE BLOG-------*/
@media (min-width: 768px) {
.rich-blog-homepage .post-picture {
    height: 365px;
}
}

@media (min-width: 652px) {
.rich-blog-homepage .post-date {
    background-color: #149cb88c!important;
}

.rich-blog-homepage .post-primary {
    height: 305px;
}
}

/*------------BLOG MAX MEDIA---------------*/
}

@media (max-width: 768px){
.html-blogpost-page .fieldset.new-comment {
    padding: 0px 0px 50px 0px;
}

.act-bannerinfo-grid .act-bannerinfo-grid-item:nth-child(3) {
padding-bottom: 43px;
}
}

@media (max-width: 767px){
.html-blogpost-page .post-navigation {
    margin-top: 25px;
}

.html-blogpost-page .post-body {
    padding: 0 30px 30px!important;
}

.html-blogpost-page .rich-blog-image {
    padding: 0 30px;
}

.html-blogpost-page .page-title {
    padding: 6px 30px;
}
}

/*---------end of BLOG------------*/



/*----MAIN OVERLAY----*/

@media (min-width: 1001px) {
.act-multi-overlay {
    height: 60vh;
    position: absolute;
    background-color: #000;
    z-index: 2;
    top: 0;
    width: 50%;
    opacity: .5;
    left: 0;
    pointer-events: none;
}
}

@media (min-width: 1201px) {
.act-multi-overlay {
    height: 60vh;
    position: absolute;
    background-color: black;
    z-index: 2;
    top: 0;
    width: 20%;
    opacity: 0.5;
    left: 7%;
}
}


/*----MAIN TEXT---*/
.act-multi-text {
    position: absolute;
    z-index: 99;
    color: white;
    width: 100%;
    text-align: center;
    font-size: 32px;
    top: 0;
    text-shadow: 1px 1px 20px black;
    pointer-events: none;
    letter-spacing: 1px;
}
/*----MEDIA----*/
@media (min-width: 200px) {
.act-multi-text {
    height: 30vh;
}

.act-multi-text p {
    position: absolute;
    right: 10%;
    left: 10%;
    top: 35%;
}
}

@media (min-width: 1001px) {
.act-multi-text {
    height: 60vh;
}

.act-multi-text p {
position: absolute;
    right: 0;
    left: 50%;
    top: 45%;
    padding: 0px 30px;
}
}

@media (min-width: 1201px) {
.act-multi-text p {
    position: absolute;
    left: 25%;
    top: 50%;
}
}