.astroid-offcanvas {width: 320px;} .astroid-offcanvas .dropdown-menus {width: 320px !important;}.st-effect-2.astroid-offcanvas-open .astroid-content{-webkit-transform:translate3d(320px, 0, 0);transform:translate3d(320px, 0, 0);}.st-effect-2.astroid-offcanvas-open .st-effect-2.astroid-offcanvas{-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);}.astroid-offcanvas-opened .astroid-wrapper{background:rgb(173, 181, 189);}.st-effect-2.astroid-offcanvas{z-index:0 !important;}.st-effect-2.astroid-offcanvas-open .st-effect-2.astroid-offcanvas{visibility: visible; -webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}.st-effect-2.astroid-offcanvas::after{display:none;}.offcanvasDirRight .st-effect-2.astroid-offcanvas-open .astroid-content{-webkit-transform:translate3d(-320px, 0, 0);transform:translate3d(-320px, 0, 0);}.mobilemenu-slide.astroid-mobilemenu{visibility:visible;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}.mobilemenu-slide.astroid-mobilemenu-open .mobilemenu-slide.astroid-mobilemenu {visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}.mobilemenu-slide.astroid-mobilemenu::after{display:none;}#top-section{background-image:linear-gradient(rgb(88, 88, 88),rgb(9, 9, 9));}body, .body{font-weight:400;text-transform:none;font-size:14px;letter-spacing:0em;line-height:1.7em;font-family:Montserrat, Arial, Helvetica, sans-serif;}h1, .h1{font-weight:600;text-transform:none;font-size:28px;letter-spacing:0em;line-height:1.2em;font-family:Montserrat, Arial, Helvetica, sans-serif;}h2, .h2{font-weight:600;text-transform:none;font-size:24px;letter-spacing:0em;line-height:1.2em;font-family:Montserrat, Arial, Helvetica, sans-serif;}h3, .h3{font-weight:500;text-transform:none;font-size:18px;letter-spacing:0em;line-height:1.2em;font-family:Montserrat, Arial, Helvetica, sans-serif;}h4, .h4{font-weight:400;text-transform:none;font-size:16px;letter-spacing:0em;line-height:1.2em;font-family:Montserrat, Arial, Helvetica, sans-serif;}h5, .h5{font-weight:400;text-transform:none;font-size:14px;letter-spacing:0em;line-height:1.2em;font-family:Montserrat, Arial, Helvetica, sans-serif;}h6, .h6{font-weight:400;text-transform:none;font-size:14px;letter-spacing:0em;line-height:1.5em;font-family:Montserrat, Arial, Helvetica, sans-serif;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a{font-weight:500;text-transform:none;font-size:14px;letter-spacing:0em;line-height:1.7em;font-family:Montserrat, Arial, Helvetica, sans-serif;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu{font-weight:500;text-transform:none;font-size:16px;letter-spacing:0em;line-height:2em;font-family:Montserrat, Arial, Helvetica, sans-serif;}body{background-color:rgb(255, 255, 255);color:rgb(44, 46, 54);}body a{color:rgb(44, 46, 54);}body a:hover{color:rgb(69, 191, 85);}header{color:rgb(44, 46, 54);}.astroid-header-section, .astroid-sidebar-header{background-color:rgb(255, 255, 255);}.astroid-logo-text .site-title{color:rgb(69, 191, 85);}.astroid-logo-text .site-tagline{color:rgb(44, 46, 54);}#astroid-sticky-header{background-color:rgb(255, 255, 255);}#astroid-sticky-header .astroid-nav .nav-link{color:rgb(44, 46, 54);}#astroid-sticky-header .astroid-nav .nav-link:hover{color:rgb(69, 191, 85);}#astroid-sticky-header .astroid-nav .nav-link:active, #astroid-sticky-header .astroid-nav .nav-link.active{color:rgb(69, 191, 85);}.astroid-nav .nav-link, .astroid-sidebar-menu .nav-link{color:rgb(44, 46, 54);}.astroid-nav .nav-link:hover, .astroid-sidebar-menu .nav-link:hover{color:rgb(69, 191, 85);}.astroid-nav .nav-link:focus, .astroid-sidebar-menu .nav-link:focus{color:rgb(69, 191, 85);}.astroid-nav .nav-link:active, .astroid-nav .nav-link.active, .astroid-sidebar-menu .nav-link:active, .astroid-sidebar-menu .nav-link.active{color:rgb(69, 191, 85);}.megamenu-container{background-color:rgb(233, 255, 236);}.megamenu-container .nav-submenu .nav-submenu{background-color:rgb(233, 255, 236);}.has-megamenu.open .arrow{border-bottom-color:rgb(233, 255, 236);}.megamenu-container li.nav-item-submenu > a{color:rgb(0, 0, 0);}.megamenu-container li.nav-item-submenu > a:hover{color:rgb(255, 255, 255);background-color:rgb(69, 191, 85);}.megamenu-container li.nav-item-submenu > a:active, .megamenu-container li.nav-item-submenu > a.active{color:rgb(255, 255, 255);background-color:rgb(69, 191, 85);}.astroid-offcanvas, .astroid-offcanvas .burger-menu-button, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{ background-color: rgb(255, 255, 255) !important;}.astroid-offcanvas { color: rgb(0, 0, 0) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a, .astroid-offcanvas .menu-indicator{ color: rgb(0, 0, 0) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-offcanvas .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{ color: rgb(69, 191, 85) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active { background-color: rgb(255, 255, 255) !important;}.header-offcanvas-trigger.burger-menu-button .inner, .header-offcanvas-trigger.burger-menu-button .inner::before, .header-offcanvas-trigger.burger-menu-button .inner::after{background-color: rgb(0, 0, 0);}.astroid-offcanvas .burger-menu-button .inner, .astroid-offcanvas .burger-menu-button .inner::before, .astroid-offcanvas .burger-menu-button .inner::after{background-color: rgb(0, 0, 0);}.astroid-mobilemenu, .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{ background-color: rgb(255, 255, 255) !important;}.astroid-mobilemenu { color: rgb(0, 0, 0) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a, .astroid-mobilemenu .menu-indicator{ color: rgb(0, 0, 0) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{ color: rgb(69, 191, 85) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active { background-color: rgb(255, 255, 255) !important;}.header-mobilemenu-trigger.burger-menu-button .inner, .header-mobilemenu-trigger.burger-menu-button .inner::before, .header-mobilemenu-trigger.burger-menu-button .inner::after{background-color: rgb(0, 0, 0);}.astroid-mobilemenu-open .burger-menu-button .inner, .astroid-mobilemenu-open .burger-menu-button .inner::before, .astroid-mobilemenu-open .burger-menu-button .inner::after{background-color: rgb(0, 0, 0);}.astroid-contact-info i[class*="fa-"]{color:rgb(0, 0, 0);}/* CSS MODIFY ************************************/

a.ajanlatkeres {
	padding: 12px 16px;
	border: 2px solid rgb(69, 191, 85);
	font-weight: bold;
} 

#top-section {
    padding: 5px 0px;
}

#top-section p {
	margin: 0px;
	padding: 0px;
}

#top-section a {
    color: #FFF;
    display: inline-block;
    margin: 0px;
    padding: 2px;
}

#top-section .astroid-social-icons {
	font-size: 1.5em;
}

.form-control {
    border: 1px solid #BBB;
}

#top-section .astroid-social-icons > li {
    display: inline-block;
    margin: 2px 10px 2px 10px;
    max-height: 40px;
}
#top-logo {
    max-width: 40px;
    position: relative;
    top: -10px;
}

#top-contact {
	padding-top: 2px;
}

#brand-logos ul li {
    display: inline-block;
    width: 33%;
    text-align: center;
}

#brand-logos ul li:nth-child(1) {  width: 40%; }
#brand-logos ul li:nth-child(2) {  width: 20%; }
#brand-logos ul li:nth-child(3) {  width: 40%; }


#brand-logos ul li a {

}

#brand-logos ul li a img {
    max-width: 240px;
    margin: 10px auto;
}

#brand-logos ul li a .image-title {
    display: none;
}


.VitalgaeProductsPriceTitle {
    font-size: 1.6em;
    text-align: center;
    color: #000;
}

.VitalgaeProductsPriceTitle span.price {
    background: #28a745;
    padding: 10px 20px;
    border-radius: 20px;
    display: inline-block;
    color: #FFF;
    text-shadow: 0px 3px 0px rgb(50 50 50 / 30%);
    margin-top: 10px;

}

.VitalgaeProductsPriceTitle span.addon {
    font-size: 0.6em;
    display: inline-block;
    margin-top: 10px;
}
 
*:focus {outline:none !important}

@media (min-width: 576px) {

    .rsform-block-vitalgae-qty select, .rsform-block-revergy-qty select{
        max-width: 70%;
    }

	.rsform-block .control-label.formControlLabel {
		    text-align: right;
		    font-size: 1.2em;
		    padding-top: 12px;
	}
	.form-check-input {
	    position: absolute;
	    margin-top: 1rem;
	    margin-left: -1.25rem;
	}

	.form-check-label {
	    margin-bottom: 0;
	    font-size: 1.3em;
	    line-height: 2.4em;
	}

}

#astroid-sticky-header {
    background-color: rgba(255,255,255,0.9);
    border-bottom: 1px solid #CCCCCC;
}


body.subpage .customheader {
	border-bottom: 1px solid #CCCCCC;
}

.astroid-logo img {
    max-width: 250px;
    max-height: 40px;
}

.astroid-logo .astroid-logo-sticky {
    max-height: 35px;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    background: #EEE;
}

.footer-section {
    color: #fff;
    background-color: #EFEFEF;
}

.footer-section .fab, .far {
    font-weight: 400;
    color: #006623;
    font-size: 1.4em;
}

.footer-section .fab:hover{
   color: rgb(69, 191, 85);
}

.footer-section a {
	color: #333;
    font-weight: 600;
}

.footer-section .module-title {
    color: #006623;
    font-weight: normal;
}

.footer-section a:hover {
    color: rgb(69, 191, 85);
}

.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a, .astroid-mobilemenu .menu-indicator {
    font-weight: bold;
    padding: 6px 12px;
    font-size: 1.2em;
}

.astroid-offcanvas-inner .astroid-mobilemenu-inner {
	padding: 0px 12px;
}
.astroid-offcanvas-inner .astroid-mobilemenu-inner a {
	font-size: 1.3em;
}

.astroid-nav .nav-submenu .nav-title {
    padding-right: 0;
    font-size: 0.9em;
}

.megamenu-container .nav-submenu .nav-submenu {
    border-top: 0px solid rgba(40, 167, 69, 0.4);
}

.jdb-accordion-element ul li li {
    border: 0px solid #eee;
}

.jdb-accordion > li.jdb-active > .jdb-accordion-title .jdb-accordion-text {
    color: rgb(69, 191, 85);
    font-weight: bold;
}

.jdb-accordion > li.jdb-active > .jdb-accordion-title .jdb-caret {
     color: rgb(69, 191, 85);
}

.astroid-component-section {
    padding: 20px 0;
}

.blog.ajanlo a img {
    max-width: 120px;
    max-height: 120px;
    border-radius: 50%;
    margin: 20px auto 10px auto;
}

.blog.ajanlo a {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.blog.ajanlo .article-title.item-title a {
    font-size: 0.8em;
}

body.ajanlo .full-image img {
    max-width: 120px;
    max-height: 120px;
    border-radius: 50%;
    margin: 20px auto 10px auto;
}


.card-body .fields-container .field-label {
    font-style: italic;
}

.com-content-article  .fields-container .field-label {
    display: none;
}
/* REVIEW CSS ********************************/
.hash-list {
    display: block;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    font-size: 12px;
}

.hash-list {
    display: inline-block;
}
.hash-list.cols-3 > li {
    float: left;
    display: inline;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

h3.newsflash-title{
    font-size: 1.2em;
}

@media (min-width: 991px){
    .hash-list.cols-3 > li {
        width: 33.3333%;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        border-bottom: 0px solid rgba(0, 0, 0, 0.2);
    }
    .hash-list.cols-3 > li.first {
        border-left: 1px solid rgba(0, 0, 0, 0.2);
    }
}
@media (min-width: 768px){
    .hash-list.cols-3 > li:nth-last-child(-n+3) {
        border-bottom: none;
    }
}

@media (max-width: 1200px){

    .astroid-nav .nav-link, .astroid-sidebar-menu .nav-link {
        color: rgb(44, 46, 54);
        font-size: 0.95em;
    }
    .nav-link {
        display: block;
        padding: 0.5rem 0.6rem;
    }
}

@media (max-width: 991px){
    .hash-list.cols-3 > li {
        width: 50%;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }
  
}
@media (max-width: 768px){
    .hash-list.cols-3 > li {
        width: 100%;
    }
    .hash-list.cols-3 > li {
        border-right: 0px solid rgba(0, 0, 0, 0.2);
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }
     .hash-list.cols-3 > li.first {
        border-top: 1px solid rgba(0, 0, 0, 0.2);
    }

    #brand-logos ul li a img {
        max-width: 90%;
        margin: 10px auto;
    }
}

.pad-30, .pad-30-all > * {
    padding: 15px 30px;
}
img {
    border: 0;
}
.mgb-20, .mgb-20-all > * {
    margin-bottom: 20px;
}
.wpx-100, .wpx-100-after:after {
    width: 100px;
}
.img-round, .img-rel-round {
    border-radius: 50%;
}
.padb-30, .padb-30-all > * {
    padding-bottom: 30px;
}

.mgb-40, .mgb-40-all > * {
    margin-bottom: 40px;
}
.align-center {
    text-align: center;
}
[class*="line-b"] {
    position: relative;
    padding-bottom: 20px;
    border-color: #E6AF2A;
}
.fg-text-d, .fg-hov-text-d:hover, .fg-active-text-d.active {
    color: #222;
}
.font-cond-b {
    font-weight: 700 !important;
}

.hash-list h5 {
    margin-bottom: 10px;
}

.devreviewitem .dev-review-name.devtopreviewitem {
    padding:  0px 12px 0px 90px;
    text-align: left;
}

.devreviewitem .dev-review-name {
      padding:  0px 12px 0px 90px;
      text-align: left;
      min-height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
}

.devreviewitem .dev-review-img-container {
    position: absolute;
}
.devreviewitem .fields-container {
   margin-bottom: 0px;
   font-size: 0.9em;
}
.devreviewitem .fields-container .field-label {
    display: none;
}

.devreviewitem .dev-review-name .newsflash-title {
    padding-bottom: 4px;
     width: 100%;
     display: inline-block;
}

.dev-review {
     padding: 15px 15px 15px 15px;
     background-color: #f2f2f2; background-image: linear-gradient(180deg, #f2f2f2 0%, #ffffff 20%, #ffffff 100%);
     border-radius: 10px;
     margin-bottom: 15px;
}
.dev-review-img-container {
    width: 70px;
    height: 70px;
    float: left;
}

.dev-review-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
}

.dev-review-name {
    padding: 18px 12px;
    float: left;
}

.dev-review-author {
    display: inline-block;
    width: auto;
    padding: 0px 5px 5px 5px;
}

.dev-review-text{
   text-align: justify;
}

.dev-review-text p{
   padding: 0px;
   margin: 0px;
}
.dev-review .readmore {
    font-size: 0.9em;
}
.dev-review-text-more {
  -webkit-transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear;
    -o-transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear;
    -ms-transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear;
    transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear;
    
}


.jdb-button.jdb-button-success > .jdb-button-link,.rsform-submit-button.btn.btn-primary{
    background-color: rgb(40, 167, 69);
    border-color: rgb(40, 167, 69);
    padding: 12px 18px;
    font-weight: 600;
    border: 4px solid #EEE;
}

.jdb-button.jdb-button-success > .jdb-button-link:hover, .rsform-submit-button.btn.btn-primary:hover {
   	background-color: rgb(40, 167, 69);
    border-color: #1c7430;
}

.btn-primary, .btn-backtohome, .btn-prosandcons, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button {
    border: 4px solid #EEE;
}
.btn-primary:hover, .btn-backtohome:hover, .btn-prosandcons:hover, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button:hover {
    border: 4px solid  #1c7430;
    background-color: rgb(40, 167, 69);
}




#brand-section {
    background: rgb(0,102,35);
    background: linear-gradient(90deg, rgba(0,102,35,0.5) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 75%, rgba(140,17,82,0.5) 100%);
}

.rsform-block-adatkezeles label {
	line-height: 1.4em;
}

.footer-section .astroid-row {
    padding-bottom: 20px;
}

/***************************************************/

@media (max-width: 768px) {
	.footer-section .module-title {
	    margin-top: 20px;
	    margin-bottom: 10px;
	}

	.footer-section .moduletable  {
	   text-align: center;
	   margin-bottom: 10px;
	}

    .jdb-section {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .jdb-column .jdb-column-inner {
         padding-bottom: 10px;
    }
}@media (max-width: 991.98px) {body, .body{font-size:12px;letter-spacing:0em;line-height:1.7em;}h1, .h1{font-size:22px;letter-spacing:0em;line-height:1.2em;}h2, .h2{font-size:18px;letter-spacing:0em;line-height:1.2em;}h3, .h3{font-size:16px;letter-spacing:0em;line-height:1.2em;}h4, .h4{font-size:14px;letter-spacing:0em;line-height:1.2em;}h5, .h5{font-size:14px;letter-spacing:0em;line-height:1.2em;}h6, .h6{font-size:12px;letter-spacing:0em;line-height:1.5em;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a{font-size:14px;letter-spacing:0em;line-height:1.7em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu{font-size:16px;letter-spacing:0em;line-height:2em;}}@media (max-width: 767.98px) {body, .body{font-size:12px;letter-spacing:0em;line-height:1.7em;}h1, .h1{font-size:22px;letter-spacing:0em;line-height:1.2em;}h2, .h2{font-size:18px;letter-spacing:0em;line-height:1.2em;}h3, .h3{font-size:16px;letter-spacing:0em;line-height:1.2em;}h4, .h4{font-size:14px;letter-spacing:0em;line-height:1.2em;}h5, .h5{font-size:14px;letter-spacing:0em;line-height:1.2em;}h6, .h6{font-size:12px;letter-spacing:0em;line-height:1.5em;}.astroid-nav > li > a, .astroid-sidebar-menu > li > a{font-size:16px;letter-spacing:0em;line-height:1.7em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu{font-size:16px;letter-spacing:0em;line-height:2em;}}