h1, h2, h3, h4, h5, h6, .gallery-block .carousel .title a, .list-timeline .posts article, .posts-list .content > a, .block.posts a, 
								#bbpress-forums .bbp-topic-title, #bbpress-forums .bbp-forum-title, .bbpress.single-topic .main-heading, .navigate-posts .link { font-family:  Arial, "Helvetica Neue", Helvetica, sans-serif;  }
.post-content { font-family:  Arial, "Helvetica Neue", Helvetica, sans-serif;  }
.navigation .menu { font-family:  Arial, "Helvetica Neue", Helvetica, sans-serif;  }
.highlights .excerpt, .listing-alt .content .excerpt { font-family:  Arial, "Helvetica Neue", Helvetica, sans-serif;  }
.post-header h1, .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { font-family:  Arial, "Helvetica Neue", Helvetica, sans-serif;  }
::selection { background: #577530 }

:-moz-selection { background: #577530 }

.breadcrumbs .location, .news-focus .heading, .gallery-title, 
.news-focus .heading .subcats a.active, .post-content a, .comments-list .bypostauthor .comment-author a, .error-page 
.text-404, .main-color, .section-head.prominent, .block.posts .fa-angle-right, a.bbp-author-name, .main-stars span:before,
.main-stars, .recentcomments  .url, .oc-block .block-ajax-loading i,.module-3 .dropbtn:hover, .module-1 .dropbtn:focus, .module-3 .dropdown-content a
                                                                         { color: #577530 }

.gallery-title, .section-head, .navigation .menu > li:hover > a, .navigation .menu >.current-menu-item > a, .navigation .menu > .current-menu-parent > a,
.navigation .menu > .current-menu-ancestor > a, .tabbed .tabs-list .active a,  
.comment-content .reply, .sc-tabs .active a, .oc-module.module-4 .tab-links { border-bottom-color: #577530 }

.trending-ticker .heading, .main-featured .cat, .main-featured .pages .flex-active,
.main-pagination .current, .main-pagination a:hover, .cat-title, .sc-button-default:hover, .drop-caps,
.overall, .post .read-more a, .button, .post-pagination > span, .post-header .cats a , .main-pagination .current, .main-pagination ul li.disabled a, .main-pagination a:hover,
                                                                        #comment-submit:hover, .oc-module.module-4 .tab-links li.active a   { background: #577530 }

.widget-title, .page-content .widget-title, .single-post .widget-title, .post-content .wpcf7-not-valid-tip, .main-heading, .post-header .post-title:before, 
.highlights h2:before, div.bbp-template-notice, div.indicator-hint, div.bbp-template-notice.info, 
.modal-header .modal-title, .entry-title, .page-title { border-bottom-color: #577530 }

@media only screen and (max-width: 799px) { .navigation .mobile .fa { background: #577530 } }

.post-content a { color: #577530 }

.navigation { background-color: #577530; }

.menu-ajax-loading { color: #577530; }

@media only screen and (max-width: 799px) { .navigation .menu > li:hover > a, .navigation .menu > .current-menu-item > a, 
.navigation .menu > .current-menu-parent > a { background-color: #577530; } }

.navigation.sticky { background: rgb(87,117,48); background: rgba(87,117,48, 0.9); }

@media only screen and (min-width: 799px) { .navigation .mega-menu, .navigation .menu ul { background-color: #577530; } }

.navigation, .navigation .mega-menu, .navigation .menu ul { border-color: #282828; }

@media only screen and (max-width: 799px) { .navigation .mobile-menu.active, .navigation .off-canvas  { background-color: #577530; } }

 .mega-menu .heading, .mega-menu .featured h2 a, .menu .cart-widget .total, .menu .shopping-cart .product_list_widget .quantity, .menu .shopping-cart .product_list_widget li a,.navigation li li a  { color: #ffffff; }


.navigation .menu > li > a {
    text-transform: uppercase;
    font-family: 'Nunito', sans-serif;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
}
.navigation .menu li > a {
    padding: 0px 22px;
}

.no-display {
    opacity: 1;
}

.main-footer {
    background: #1c1c1c;
}
.main-footer .widget li {
    border-color: #cfcfcf;
}

.main-footer a {
    color: #3c434a;
}


.main-footer .widget-title {
    color: #2c2c2c;
    margin-bottom: 28px;
    font-family: 'Nunito', sans-serif;
    font-size: 19px;
text-transform: capitalize;
}

.panel-grid-cell .widget-title {
    font-family: 'Nunito', sans-serif;
    font-size: 23px;
}

.module-6 .oc-block .content > a, .module-6 .oc-block .content > a > h3 {
    font-size: 15px;
    font-family: 'Nunito', sans-serif;
    text-align: center;
}

.main-heading, .page-title, .entry-title {
    font-family: 'Nunito', sans-serif;
}

.main-heading strong {
    margin-left: 0px;
}

.oc-block.block-10 .content > a, .oc-block.block-10 .content > a > h3 {
    font-size: 17px;
    font-family: 'Nunito', sans-serif;
     text-align: center;
}

.oc-block.block-10 .content .excerpt p {
    font-family: 'Nunito', sans-serif;
    text-align: justify;
}

.oc-block.block-10 article .content {
    padding-left: 10px;
    padding-right: 10px;
    background: #f5f5f5;
    padding-bottom: 10px;
}


.main-footer .widget-title {
    color: #ffffff;
}


.main-footer a {
    color: #ffffff;
}

.header-2 .logo-image, .header-3 .logo-image, .header-4 .logo-image, .header-5 .logo-image {
    height: 180px !important;
}

.logo-image {

    padding: 15px 0px 15px 0px;

}

.main-footer {
    background: rgba(25,35,45,1) !important;
}

.main-footer .widget-title {
    color: #6fa510;
}

#button-contact-vr {
    position: fixed;
    bottom: 18px;
    z-index: 99999;
}
#button-contact-vr{
	    bottom: 95px;

    right: 20px;
}
.row-box-shadow-3 .col-inner, .row-box-shadow-3-hover .col-inner:hover, .box-shadow-3, .box-shadow-3-hover:hover{
	    box-shadow: 0 0 32px 0 rgb(103 115 129 / 20%);
}

/*phone*/
#button-contact-vr .button-contact {
    position: relative;
}
#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
       width: 75px;
    height: 75px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.phone-vr-circle-fill {
       width: 50px;
    height: 50px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #fda613;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 50%;
    border: 0px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
}
.phone-vr-img-circle {
    background-color: #e60808;
   width: 34px;
    height: 34px;
    line-height: 34px;
    top: 20px;
    left: 20px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.phone-vr-img-circle a {
    display: block;
    line-height: 37px;
}
div#facebook-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #1976D2;
    background-color: #1976D2;
}
div#facebook-vr .phone-vr-img-circle{ 
	 background-color: #1976D2;
}
div#ins-vr .phone-vr-circle-fill{ 
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.phone-vr-img-circle img {
    max-height: 25px;
    max-width: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
@-webkit-keyframes phone-vr-circle-fill {
  0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
  10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
  100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
.phone-bar a {
        position: fixed;
    bottom: 113px;
    right: 55px;
    z-index: -1;
    color: #fff;
    font-size: 15px;
    padding: 8px 35px 7px 15px;
    border-radius: 100px;
    white-space: nowrap;
}
.phone-bar a:hover {
    opacity: 0.8;color: #fff;
}
@media(max-width: 736px){
    .phone-bar{display: none;}
}

#zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
#zalo-vr .phone-vr-img-circle {
    background-color: #2196F3;
}
#viber-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #714497;
    background-color: rgba(113, 68, 151, 0.8);
}
#viber-vr .phone-vr-img-circle {
    background-color: #714497;
}
#contact-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}
#contact-vr .phone-vr-img-circle {
    background-color: #2196F3;
}


/*css all in one*/
#gom-all-in-one #phone-vr {
    transition: 0.7s all;
    -moz-transition: 0.7s all;
  -webkit-transition: 0.7s all;
}
#gom-all-in-one #zalo-vr {
    transition: 1s all;
    -moz-transition: 1s all;
  -webkit-transition: 1s all;
}
#gom-all-in-one #viber-vr {
    transition: 1.3s all;
    -moz-transition: 1.3s all;
  -webkit-transition: 1.3s all;
}
#gom-all-in-one #contact-vr {
    transition: 1.6s all;
    -moz-transition: 1.6s all;
  -webkit-transition: 1.6s all;
}
#button-contact-vr.active #gom-all-in-one .button-contact {
    margin-left: -100%;
}
#all-in-one-vr .phone-bar {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    color: #fff;
    padding: 5px 15px 5px 48px;
    border-radius: 50px;
    margin-left: -64px;
    width: max-content;
    cursor: pointer;
}
.phone-bar a, #phone-vr .phone-vr-circle-fill, #phone-vr .phone-vr-img-circle, #phone-vr .phone-bar a {
    background-color: #fda613;
}

.product-section {
    background-image: none;
}