/* cmsms stylesheet: Vemoco CSS modified: 2025-07-18 17:32:58 */
:root {
    --default-color: #1991C9;
    --default-color-hover: #0878ad;
    --second-color: #909DAC;
    --tile-height: 40vh;
    --tile-triangle-width: 5vw;
    --grey-soft: #f6f6f6;
}

body {
    background-color: var(--grey-soft);
    color: #000;
    margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    line-height: 1.5;
    font-size: 17px;
}

body.loading {
    overflow-y: hidden !important;
}

body.loading header, body.loading content, body.loading footer {
    display: none !important;
}

body.loaded div.spiner {
    display: none !important;
}

content {
    margin-top: 73px;
}

.bg-primary {
    background-color: var(--default-color) !important;
    color: #fff;
}

.gb-grey-soft {
    background-color: var(--grey-soft);
}

.btn {
    border-width: 2px;
}

.btn-outline-primary {
    --bs-btn-color: var(--default-color);
    --bs-btn-border-color: var(--default-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--default-color);
    --bs-btn-hover-border-color: var(--default-color);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--default-color);
    --bs-btn-active-border-color: var(--default-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--default-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--default-color);
    --bs-gradient: none;
}

.text-primary {
    color: var(--default-color) !important;
}

h2, .h2 {
    font-size: 2.5em;
    font-weight: 700;
}

h3, .h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.75em;
    font-weight: 600;
    color: var(--default-color);
    margin: 0;
}

h4, .h4 {
    font-size: 1.75em;
    font-weight: 400;
    margin: 0;
}

h5, .h5 {
    font-size: 1.25em;
    font-weight: 600;
    margin: 0;
}

.news-block h5, .news-block .h5 {
    font-size: 1.4em;
}

hr {
    border: 1.5px solid var(--second-color);
    height: 0px;
    margin: 1em 0;
    opacity: 1;
}

a {
    color: var(--default-color);
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: var(--default-color-hover);
    text-decoration: none;
}

section.bg-primary a:not(.btn) {
    color: #fff;
    text-decoration: none;
}

section.bg-primary a:not(.btn):hover {
    color: #fff;
    text-decoration: underline;
}

b {
    font-weight: 900;
}

.anchor {
    position: absolute;
    top: -73px;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.shadow {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5); 
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
}

.btn {
    --bs-btn-padding-x: 1.75rem;
    --bs-btn-padding-y: 0.5rem;
    text-transform: uppercase;
}

.btn-primary {
    --bs-btn-bg: var(--default-color);
    --bs-btn-border-color: var(--default-color);
    --bs-btn-hover-bg: var(--default-color-hover);
    --bs-btn-hover-border-color: var(--default-color-hover);
    --bs-btn-focus-shadow-rgb: 22,133,204;
    --bs-btn-active-bg: var(--default-color-hover);
    --bs-btn-active-border-color: var(--default-color-hover);
    --bs-btn-disabled-bg: var(--default-color);
    --bs-btn-disabled-border-color: var(--default-color);
}

.btn-lg {
    --bs-btn-padding-y: 1rem;
    --bs-btn-padding-x: 4rem;
    --bs-btn-font-size: 1.3rem;
    --bs-btn-border-radius: 0.35rem;
}

header {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.logo {
    max-width: 120px;
}

.logo.logo2 {
    max-width: 160px;
}

.logo img {
    object-fit: contain;
}

section {
    width: 100%;
    position: relative;
}

header .container nav {
    z-index: 10;
}

nav {
    font-weight: 400;
}

.menu > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.menu > ul a, .menu > ul a:not([href]):not([class]) {
    text-decoration: none;
    color: var(--default-color);
    text-transform: uppercase;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    padding: 0.35em 0;
    margin: 0 0.9em;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    cursor: pointer;
}

.menu > ul a:hover, .menu > ul a:not([href]):not([class]):hover {
    color: var(--default-color-hover);
}

.menu > ul a.active, .menu > ul a:not([href]):not([class]).active {
    /* border-bottom-color: var(--default-color); */
}

.menu > ul a.button-style {
    background-color: var(--default-color);
    color: #fff;
    border-radius: 0.35rem;
    border: 0 !important;
    padding: 0.5em 1.2em;
    margin: 0 0.4em;
}

.menu > ul a.button-style:hover {
    color: #fff;
    background-color: var(--default-color-hover);
}

.lang-menu .dropdown-menu {
    border-radius: 0;
    padding: 0;
    border: 2px solid #fff;
}

.lang-menu .dropdown-menu li a {
    display: block;
    padding: 0.5em 1.25em;
}

.lang-menu .dropdown-menu li a.active {
    background-color: var(--grey-soft);
}

.lang-menu .dropdown-menu li a:hover {
    color: #fff;
    background-color: var(--default-color);
}

header .container nav #menu {
    color: inherit;
}

header .container nav #menu, header .container nav #menuFade, header .container nav ul li#menuClose {
    display: none;
}

header .lang {
    text-transform: uppercase;
}

header .lang a {
    color: inherit;
    opacity: 0.5;
    padding: 0.1em 0.45em;
}

header .lang a.active {
    font-weight: 700;
}

header .lang a:not(:last-child) {
    border-right: 1.5px solid var(--default-color);
}

.custom-video {
    margin: -1.5em 0;
    overflow: hidden;
    border-radius: 0.5em;
}

.home-tile {
    height: var(--tile-height);
    display: flex;
}

.home-tile img {
    filter: grayscale(1);
    transform: scale(1.0);
    transition: transform .2s;
}

.home-tile:hover img {
    filter: grayscale(0);
    transform: scale(1.1);
    transition: transform .2s;
}

.triangle-1 {
    top: 0;
    bottom: 0;
    right: 0;
    width: 0;
    height: auto;
    border-top: var(--tile-height) solid transparent;
    border-right: var(--tile-triangle-width) solid var(--grey-soft);
}

.triangle-2 {
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: auto;
    border-bottom: var(--tile-height) solid transparent;
    border-left: var(--tile-triangle-width) solid var(--grey-soft);
}

.home-tile .tile-fade {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.5;
    transition-duration: .2s;
}

.home-tile:hover .tile-fade {
    opacity: 0;
    transition-duration: .2s;
}

.tile-text {
    bottom: 1.5em;
    left: 0;
    max-width: calc(100% - var(--tile-triangle-width) - 0.25em);
}

.tile-left .tile-text {
    border-top-right-radius: 4em;
    border-bottom-right-radius: 4em;
}

.tile-right .tile-text {
    border-top-left-radius: 4em;
    border-bottom-left-radius: 4em;
    top: 1.5em;
    bottom: unset;
    left: unset;
    right: 0;
    text-align: right;
}

.tile-line {
    left: 0;
    right: 0;
    height: 4px;
    background-color: var(--grey-soft);
}

.tile-left .tile-line {
    top: 7px;
}

.tile-right .tile-line {
    bottom: 7px;
}



/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img, .customer-logos img
{
    display: block;
    max-width: 150px;
    max-height: 80px;
    object-fit: contain;
    margin: 0 auto;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
    transform: scale(1.0);
    transition: transform .2s;
}
.slick-initialized .slick-slide:hover
{
    transform: scale(1.1);
    transition: transform .2s;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.ref-counter {
    width: 20% !important;
    border-radius: 1.5em;
    cursor: default;
}

.ref-counter:hover, .ref-counter:hover i, .ref-counter:hover h4, .ref-counter:hover p {
    background-color: #fff !important;
    color: var(--default-color) !important;
}

.ref-counter h4 {
    white-space: nowrap;
    font-weight: 600;
}

.ref-counter i {
    font-size: 3em;
}

.ref-bg {
    background: url(https://www.vemoco.com/uploads/images/ref-bg.jpg);
    background-size: cover;
    background-position: center;
    opacity: 0.1;
    filter: grayscale(1);
}

.slide-bg {
    background: url(https://www.vemoco.com/uploads/images/slide5.jpg);
    background-size: cover;
    background-position: center 40%;
}

.slide-bg.slide-in-hu {
    background: url(https://www.vemoco.com/uploads/images/slide4.jpg);
    background-size: cover;
    background-position: center 40%;
}

.prices-card {
    overflow: hidden;
    border-radius: 0.5em;
    transform: scale(1.0);
    transition: transform .2s;
}

.prices-card:hover {
    transform: scale(1.05);
    transition: transform .2s;
}

.form-control {
    border: 2px solid var(--second-color);
    border-radius: 0;
    text-align: left;
    color: var(--second-color);
}

.form-control:focus {
    border-color: #1991c9;
    box-shadow: 0 0 0 0.25rem rgb(25 145 201 / 32%);
}

.form-control:focus, .form-control:focus~label {
    color: var(--second-color) !important;
}

textarea.form-control {
    height: 15vh !important;
}

.form-floating label {
    color: var(--second-color) !important;
}

.select2-container--bootstrap-5 .select2-selection {
    width: 100%;
    min-height: calc(1.5em + .75rem + 2px);
    padding: 1rem .75rem;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--second-color);
    background-color: #fff;
    border: 2px solid var(--second-color);
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: #1991c9;
    box-shadow: 0 0 0 0.25rem rgb(25 145 201 / 32%);
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    color: #fff;
    background-color: var(--second-color);
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.75rem auto no-repeat;
}

select.form-control {
    padding: 1rem .75rem;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: .35em .65em;
    margin-left: .375rem;
    margin-bottom: .375rem;
    font-size: 1rem;
    color: #fff;
    background-color: var(--default-color);
    border: 0;
    border-radius: 0;
}

#contact .map-block iframe {
    width: 100%;
    height: 25vh;
    display: flex;
    opacity: 0.7;
}

#contact .map-block:hover iframe {
    opacity: 1;
}

.form-check label {
    display: inline;
}

.form-adatkezelesi-szoveg {
    margin-left: calc(1rem + 13px);
    font-weight: 500;
}

.form-check-input[type=checkbox] {
    border-radius: 0;
    border: 2px solid var(--second-color);
}

.form-check-input.is-invalid[type=checkbox] {
    border-color: var(--bs-form-invalid-border-color);
}

#smartsupp-widget-container > div {
    z-index: 9 !important;
}

.accordion-item, .accordion-item > h2 > button {
    border: 0 !important;
    border-radius: 0 !important;
}

.accordion-item > h2 > button.collapsed {
    border-left: 4px solid #fff !important;
}

.accordion-item > h2 > button:not(.collapsed) {
    border-left: 4px solid var(--default-color) !important;
}

.accordion-item > h2 > button:hover {
    border-left: 4px solid var(--default-color) !important;
}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--default-color);
    box-shadow: unset;
}

.accordion-button:not(.collapsed) span {
    color: #fff !important;
}

.accordion-button:focus {
    border-color: transparent;
    box-shadow: unset;
}

.pdf-reader {
    width: 100%;
    height: 65vh;
}

.freeprivacypolicy-com---palette-light.freeprivacypolicy-com---nb {
    background-color: #fff;
    border-left: 4px solid var(--default-color);
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    line-height: 1.5;
    font-size: 17px;
    box-shadow: var(--bs-box-shadow-lg)!important;
}

.freeprivacypolicy-com---nb .cc-nb-main-container {
    padding: 1.5rem;
}

.freeprivacypolicy-com---palette-light .cc-nb-okagree, .freeprivacypolicy-com---palette-light .cc-cp-foot-save {
    color: #fff;
    background-color: var(--default-color);
}

.tile {
    cursor: default;
}

.tile .tile-textbox {
    min-height: 0%;
    transition-duration: .2s;
    opacity: 1;
}

.tile:hover .tile-textbox {
    min-height: calc(100% - 1rem);
    opacity: 0.9;
    transition-duration: .2s;
}

.tile .tile-textbox h4 {
    height: 0;
}

.tile:hover .tile-textbox h4 {
    height: auto;
}

.tile:not(:hover) .tile-textbox h4 {
    padding-bottom: 0 !important;
}

.tile img {
    filter: grayscale(0);
    transform: scale(1);
    transition-duration: .2s;
    object-fit: cover;
    height: auto;
}

.tile:hover img {
    filter: grayscale(1);
    transform: scale(1.1);
    transition-duration: .2s;
}

.tile:hover i {
    display: none !important;
}

.list-before-icon {
    margin-top: -0.35em;
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: var(--default-color) !important;
}

.calcnum {
    cursor: default;
}

.form-range::-webkit-slider-thumb {
  background: var(--default-color);
}

.form-range::-moz-range-thumb {
  background: var(--default-color);
}

.form-range::-ms-thumb {
  background: var(--default-color);
}

.form-range:disabled::-webkit-slider-thumb {
  background: #dbdfe3;
}

.form-range:disabled::-moz-range-thumb {
  background: #dbdfe3;
}

.form-range:disabled::-ms-thumb {
  background: #dbdfe3;
}

.form-check-input {
    border-color: var(--default-color);
    border-width: 2px;
}

.form-check-input:checked {
    background-color: var(--default-color);
    border-color: var(--default-color);
}

.news-block .newspic img {
    filter: grayscale(1);
    transform: scale(1.0);
    transition: transform .2s;
}

.news-block:hover .newspic img {
    filter: grayscale(0);
    transform: scale(1.1);
    transition: transform .2s;
}

.news-block .newspic .newspic-fade {
    opacity: 0.5;
    transition-duration: .2s;
}

.news-block:hover .newspic .newspic-fade {
    opacity: 0;
    transition-duration: .2s;
}

@media (orientation: portrait) {
    .news-block .newspic {
        max-height: 40vh;
    }
}

.pagi a {
    background-color: var(--default-color);
    color: #fff;
    border-radius: 4em;
    padding: 0.3em 0.85em;
    margin: 0 0.15em;
}

.news-list > div:last-child {
    margin-bottom: 0 !important;
}

.page-link {
    color: var(--default-color);
}

.active>.page-link, .page-link.active {
    z-index: 3;
    color: #fff;
    background-color: var(--default-color);
    border-color: var(--default-color);
}

.form-control.vemoco-select {
    padding: 0;
}

.form-control.vemoco-select > div {
    border: 0;
}

#slide {
    height: 45vh;
    min-height: 300px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    background-color: #efefef;
}

#slide .container {
    background-color: rgba(255,255,255,0.7);
}

#slide .container.cont-border-radius {
    border-top-left-radius: 3em;
    border-top-right-radius: 3em;
}

#slide .slide-text, #slide .slide-button {
    z-index: 2;
}

#slide .slide-text p {
    font-family: 'Roboto', sans-serif;
    font-size: 2.6em;
    font-weight: 900;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    /* text-shadow: 0px 0px 20px #FFF; */
    display: inline-block;
}

#slide p.slide-text2 {
    color: var(--default-color);
}

#slide .slide-button a {
    width: 35%;
}

.tiles .tile {
    background-color: #efefef;
    overflow: hidden;
    border-radius: 0.85rem;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    height: 100%;
}

.tiles .tile .tile-img {
    height: 152px;
    display: flex;
    overflow: hidden;
}

.tiles .tile .tile-img img {
    object-fit: scale-down;
}

.tiles .tile .tile-text {
    background-color: var(--default-color);
    color: #fff;
    padding: 0.85em;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: unset;
}

.biggest-number {
    font-size: 5em;
    font-weight: 700;
    line-height: 0.8;
}

p.priceing-text {
    font-size: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
}

.video {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 0.85em;
}

.feature-text > ul {
    padding: 0 0.75em;
    margin: 0;
    list-style: none;
}

.feature-text > ul > li {
    padding-left: 2rem;
    margin-top: 1.25em;
    font-weight: 700;
}

.feature-text > ul > li:before {
    content: "\f111";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc(2rem* -1);
    width: 2rem;
    color: var(--default-color);
}

.feature-text > ul > li > ul {
    list-style: disc;
}

.feature-text > ul > li > ul > li {
    font-weight: 400;
}

.borderdiv {
    border: 2px solid var(--second-color);
    padding: 1.5em;
    border-radius: 0.85em;
}

.moneyback {
    margin-top: -7.5em;
    width: 50%;
    background-color: #fff;
    padding: 0.6em;
}

.flex-1 {
    flex: 1;
}

.bigger-number {
    font-size: 4.5em;
    font-weight: 700;
    line-height: 0.8;
}

.default-color {
    color: var(--default-color);
}

.services-text h2 {
    color: var(--default-color);
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.installation-image {
    border-radius: 0.85em;
}

.installation-text ul {
    margin: 0;
}

.installation-text ul li {
    margin-top: 0.5em;
}

.brand-selector a {
    background-color: #fff;
    padding: 0.2em 1em;
    display: inline-block;
    margin-right: 0.3em;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    border: 2px solid #fff;
    border-top: none;
    font-weight: 600;
}

.brand-selector a.active {
    background-color: var(--default-color);
    color: #fff;
}

.card-content-textblock {
    max-height: 40vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.bg-green {
    background-color: #19c9af !important;
}

.btn-green {
    --bs-btn-color: #fff;
    --bs-btn-bg: #19c9af;
    --bs-btn-border-color: #19c9af;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0e9d88;
    --bs-btn-hover-border-color: #0e9d88;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
}

.text-green {
    color: #19c9af !important;
}

.news-embed-youtube {
    height: 250px;
}

footer {
    background-color: #222;
    color: #fff;
}

footer a {
    text-decoration: none;
    color: #fff;
}

footer a:hover {
    text-decoration: underline;
    color: #fff;
}

footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

footer ul a, footer ul a:not([href]):not([class]) {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0.5em 2.4em 0.5em 0;
    margin: 0;
    display: inline-block;
    cursor: pointer;
}

footer ul a.button-style {
    display: none;
}

footer ul a:hover, footer ul a:not([href]):not([class]):hover {
    text-decoration: underline;
    color: #fff;
}

footer ul li#menuClose {
    display: none;
}

footer .social-icons {
    font-size: 2.3em;
}

footer .foot small a {
    margin: 0 1em;
}