/* montserrat-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/Montserrat/montserrat-v30-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/Montserrat/montserrat-v30-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-condensed-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/Saira/saira-condensed-v11-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* saira-condensed-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/Saira/saira-condensed-v11-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body {
    font-family: "Saira Condensed", sans-serif !important;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
.kek-szoveg {
    color: #28a9e0 !important;
}
.white {
    color: #fff !important;
}
.color-white {
    color: #fff !important;
}
h1 {
    font-size: 4rem;
    font-weight: 700;
}
h2 {
    font-size: 3rem;
}

h3 {
    font-size: 2rem;
}
p {
   /* font-size: 18.5px; default*/
   font-size: 1.25rem;
}
.bold {
    font-weight: 700;
}
.section-padding {
    padding: 4rem 0 4rem 0;
}
.section-header {
    padding: 0 0 5px 0;
}
.page-header-module.module {
    padding: 190px 0 90px 0;
}
.social-top-menu {
    display: flex;
    justify-content: flex-end;
}
.height-20 {
    min-height: 20vh;
}
.margin-right-footer {
    margin-right: 80px;
}
.custom-logo-link img {
    width: 100px;
}
.swp-custom{
    position: relative !important;
}
.swp-custom>span{
    display: none;
}
.swp-custom-cloud{
    position: relative !important;

}
.swp-custom-cloud>span{
    display: none;
    margin: 0 5px 0 5px !important;
}
.nav-pills > li   {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    padding:20px 15px;
}
.nav-pills > li.active  {  
    background-color: #28a9e0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}
.nav-pills > li.active > a {
    color: #FFF;
}
.nav-pills > li.active > a:hover {
    color: #FFF !important;
}
.nav-pills > li > a:hover {
    color: #111 !important;
}
.nav-pills > li > a > span{
    line-height: 1.4;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.inputspan {
    background-color: #3c3965 !important;
    min-width: 60px !important;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    line-height: 20px;
}
.myinput {
    height: 44px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.margin-auto-0 {
    margin: auto 0;
}
.too-much-content-p{
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.blcktxt-btn {
    color: #000;
    border-color: #000;
    letter-spacing: 0.1em !important;
}
.blcktxt-btn:hover {
    color: #fff;
    background-color: #28a9e0;
    border-color: transparent;
}
.whttxt-btn {
    color: #fff;
    border-color: #fff;
    letter-spacing: 0.1em !important;
}
.whttxt-btn:hover,.whttxt-btn:focus+.whttxt-btn, .whttxt-btn:focus, .btn-primary.disabled, .btn-primary:disabled {
    color: #28a9e0;
    background-color: #fff;
    border-color: transparent;
}
/*.btn-primary.disabled, .btn-primary:disabled,  .whttxt-btn.disabled, .whttxt-btn:disabled{*/
.btn-primary.disabled, .btn-primary:disabled{
    color: #FFF;
    background-color: #ff0f0f;
    border-color: #ff0f0f;
}
.footer-txt {
    font-size: 16px;
}
.footer-txt > p {
    font-size: 16px;
}
.footer-txt > a {
    font-weight: 700;
}
.footer-color-blue {
    color: #28a9e0 !important;
}
.footer-margin {
    margin: 0 auto;
}
.word-break-break-all {
    word-break: break-all;
}
.font-weight-bold {
    font-weight: 700;
}
.card {
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    height: 300px;
    margin: 1rem;
    position: relative;
    width: 300px;
    border: 0;
}
.card-1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.card-1:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.card-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.card-3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.card-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.card-5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.card-body span {
    font-size: 14px;
}
.justify-content-center {
    justify-content: center;
}
.align-items-center {
    align-items: center;
}
.icon {
    position: relative;
    text-align: center;
    width: 0;
    height: 0;
    padding: 17px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -khtml-border-radius: 20px 20px 20px 20px;
    color: #fff;
}
.icon i {
    font-size: 15px;
    position: absolute;
    left: 9px;
    top: 10px;
}
.icon.social {
    float: left;
    margin: 0 5px 0 0;
    cursor: pointer;
    background: #332e2e;
    color: #white;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
.icon.social:hover {
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.8));
    -moz-filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.8));
    -ms-filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.8));
    -o-filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.8));
    filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.8));
}
.icon.social.phone:hover {
    background: #5d9c2e;
    color: #fff;
}
.icon.social.fb:hover {
    background: #3b5998;
    color: #fff;
}
.icon.social.tw:hover {
    background: #55acee;
    color: #fff;
}
.icon.social.in:hover {
    background: #833ab4;
    color: #fff;
}
.icon.social.yt:hover {
    background: #b00;
    color: #fff;
}
.icon.social.phone i {
    left: 11px;
    top: 10px;
}
.icon.social.fb i {
    left: 12px;
    top: 10px;
}
.icon.social.tw i {
    left: 11px;
}
.icon.social.in i {
    left: 10.5px;
}
.icon.social.yt i {
    left: 10.5px;
}
.big-icon {
    font-size: 60px !important;
}
.service-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    perspective: 1000px;
    -webkit-perspective: 1000px;
}
.service-icon {
    width: 100%;
    height: 220px;
    padding: 20px;
    text-align: center;
    transition: all 0.5s ease;
}
.service-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    height: 220px;
    padding: 20px;
    text-align: center;
    transition: all 0.5s ease;
    background-color: #474747;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-transform: translateY(110px) rotateX(-90deg);
    -moz-transform: translateY(110px) rotateX(-90deg);
    -ms-transform: translateY(110px) rotateX(-90deg);
    -o-transform: translateY(110px) rotateX(-90deg);
    transform: translateY(110px) rotateX(-90deg);
}
.service-box .service-icon .front-content {
    position: relative;
    top: 80px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.service-box .service-icon .front-content i {
    font-size: 28px;
    color: #fff;
    font-weight: 400;
}
.service-box .service-icon .front-content h3 {
    font-size: 15px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.service-box .service-content h3 {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.service-box .service-content p {
    font-size: 13px;
    color: #b1b1b1;
    margin: 0;
}
.yellow {
    background-color: #ffc000;
}
.orange {
    color: #fc7f0c;
}
.kek {
    background-color: #28a9e0;
}
.grey {
    background-color: #474747;
}
.service-box:hover .service-icon {
    opacity: 0;
    -webkit-transform: translateY(-110px) rotateX(90deg);
    -moz-transform: translateY(-110px) rotateX(90deg);
    -ms-transform: translateY(-110px) rotateX(90deg);
    -o-transform: translateY(-110px) rotateX(90deg);
    transform: translateY(-110px) rotateX(90deg);
}
.service-box:hover .service-content {
    opacity: 1;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
}
.carousel-control-dc {
    display: none;
}
.panel-default > .panel-heading {
    color: #fff;
}
.panel-heading {
    font-size: 20px;
    background: #716be2;
    background: linear-gradient(180deg, #716be2 2%, #716be2 14%, #4f88e1 45%, #2ba7e0 83%);
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 1px 2px #333;
    padding: 5px 0 5px 0;
}
.dimacloud,.smtp,
.szolgaltatasok > ul,
ol {
    font-size: 18.5px !important;
    margin:0px 0px 20px;
}
.fa-shopping-cart {
    color: #f75b1d;
    font-size: 3rem !important;
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
}
div.message {
    position: relative;
    padding: 10px;
    padding-left: 35px;
    margin: 30px 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    background: #bbb;
    color: #fff;
    width: 90%;
    margin: 0 auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
div.message:hover {
    box-shadow: 0 15px 20px rgba(10, 0, 10, 0.3);
    -webkit-filter: brightness(110%);
}
div.message:before {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    display: block;
    top: -21px;
    left: 50%;
    margin: 0 -21px;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    width: 50px;
    padding: 10px;
    background: inherit;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
    color: rgba(255, 255, 255, 0.75);
    border-radius: 50%;
    border: 2px solid transparent;
    z-index: 2;
}
div.message.information:before {
    content: "\f129";
}
div.message.announcement:before {
    content: "\f0f3";
}
div.message.success:before {
    content: "\f00c";
}
div.message.warning:before {
    content: "\f12a";
}
div.message.error:before {
    content: "\f00d";
}
div.message.information {
    background: #39b;
}
div.message.warning {
    background: #e74;
}
div.message.success {
    background: #5a6;
}
div.message.announcement {
    background: #ea0;
}
div.message.error {
    background: #c43;
}
#exTab1 .tab-content {
    color: #fff;
    background-color: #428bca;
    padding: 5px 15px;
}
#exTab2 h3 {
    color: #fff;
    background-color: #428bca;
    padding: 5px 15px;
}
#exTab1 .nav-pills > li > a {
    border-radius: 0;
}
#exTab3 .nav-pills > li > a {
    border-radius: 4px 4px 0 0;
}
#exTab3 .tab-content {
    color: #fff;
    background-color: #428bca;
    padding: 5px 15px;
}
.mypill {
    color: #000;
    font-size:1.2rem ;
    padding-bottom: 15px;
}
/*.mypill:hover {
    background-color: #28a9e0 !important;
    color: #fff;
}*/
.nav-pills > li{
    padding: 0px 15px 20px 15px;
}
.nav-pills .nav-link{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.containero {
    max-width: auto;
    margin: 0 auto;
   /* font: 13px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font: 13px/1.4;
    text-align: center;
    padding: 10px;
}
.containero table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.containero th {
    border-right: 1px solid #ccc;
    empty-cells: show;
    padding: 10px;
}
.containero .nh {
    border-right: 0;
}
.containero td {
    border-right: 1px solid #ccc;
    empty-cells: show;
    padding: 10px;
    font-weight: bold;
}
.compare-heading {
    font-size: 16px;
    border-bottom: 0 !important;
    padding-top: 10px !important;
    text-align: center;
    color: grey;
}
.border-bottom {
    border-bottom: 1px solid #ccc;
}
.border-right {
    border-right: 1px solid #ccc !important;
}
.containero tbody tr:nth-child(odd) {
    display: none;
}
.containero .compare-row {
    background: #f5f5f5;
}
.containero .tickblue {
    color: #0078c1;
    font-size: 1rem;
}
.containero .tickgreen {
    color: #009e2c;
}
.containero th {
   /* font-weight: 400;*/
    padding: 0;
}
.containero tr td:first-child {
    text-align: left;
}
.containero .qbo,
.containero .qbse,
.containero .tl {
    color: #fff;
    padding: 10px;
    font-size: 13px;
    border-right: 1px solid #ccc;
    border-bottom: 0;
    word-break: break-word;
}
.containero .tl2 {
    border-right: 0;
}
.containero .qbse {
    color: #000;
    border-top-left-radius: 3px;
    border-left: 0;
}
.containero .qbo {
    color: #000;
    border-top-right-radius: 3px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700 !important;
}
.containero .price-info {
    background: #28a9e0;
    color: #fff;
    padding: 10px 0 10px 0;
}
.containero .price-was {
    color: #999;
    text-decoration: line-through;
}
.containero .price-now,
.containero .price-now span {
    text-align: center;
}
.containero .price-now span {
    font-size: 2vw;
    font-weight: 700;
}
.containero .kiemelt {
    font-size: 1rem;
    font-weight: 700;
}
.containero .price-small {
    font-size: 12px;
    text-align: right;
    margin-right: 10px;
}
.containero .price-small-ssd {
    display: none;
    font-size: 12px !important;
    position: relative;
    top: 0;
    left: 200px;
}
.containero .price-buy {
    background: #f75b1d;
    padding: 1vw 0 1vw 0;
    font-size: 16px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    text-transform: uppercase;
    width: 95%;
    margin: 5px 2px 10px 2px;
    height: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    letter-spacing: 1.4px;
    font-weight: bold;
    border: none;
}
.containero .price-buy:hover {
    background: #e64708;
}
.containero .price-try {
    font-size: 12px;
}
.containero .price-try a {
    color: #202020;
}
.green-pipe {
    color: #28a745;
    font-size: 1.5rem;
}
.red-x {
    color: #dc3545;
    font-size: 1.5rem;
}
.tarhely_szolg_bg {
    background-image: url(/wp-content/uploads/2020/02/tarhely_szolg_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.felho_ember {
    background: url(/wp-content/uploads/2020/09/tarhely_szolg_felho_ember_v2.png);
    background-position-y: center;
    background-position-x: 15vw;
    background-repeat: no-repeat;
}
.height-70 {
    min-height: 70vh;
}
.height-80 {
    min-height: 80vh;
}
.big-icon{
    font-size:5rem !important;
    color:#8752AC;
}
.d-flex-footer {
    display: flex;
}
.justify-content-center {
    justify-content: center;
}
.align-items {
    align-items: center;
}
.input-group-multi [class*="col-"] {
    margin: 0 !important;
    padding: 0 !important;
}
.input-group-multi .form-control {
    border-right: 0;
}
.input-group-multi .form-control {
    background: #f0f0f0;
    color: #000 !important;
    border-radius: 0 4px 4px 0;
}
.checkbox label {
    padding-left: 25px;
}
.input-group-addon {
    padding: 12px;
}
.domain-height {
    min-height: 44px;
    font-size: 16px;
}
.ezert_mi_bg {
    background-image: url(/wp-content/uploads/2020/02/ezert_mi_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
ul {
    /*list-style: none;*/
    padding: 0;
}
.pipa li {
    padding-left: 1.3em;
    font-size: 2rem;
    padding: 10px 0 10px 0;
}
.pipa li:before {
    content: "\f00c";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em; 
    color: #75bb60;
}
.szamok-padding {
    padding: 25px 0 25px 0;
}
.counter-font{
    font-size: 3rem;
}
.visszahivas_bg {
    background-image: url(/wp-content/uploads/2020/02/visszahivas_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
#visszahivaskeres h3 {
    text-align: center;
}
#visszahivaskeres div.wpforms-container.visszahivasform .wpforms-form input {
    border-radius: 10px;
    padding: 1.4em;
    margin: 0 auto;
}
#visszahivaskeres div.wpforms-container.visszahivasform .wpforms-form button {
    font-size: 1.4rem;
    background: transparent;
    color: #212121;
    border-color: #212121;
    border-radius: 15px;
    display: block;
    margin: 0 auto;
}

.okis img {
    padding: 5px 35px 5px 35px;
}
.swiper-container{
    padding: 0px 17.5px 0px 17.5px !important;
}
.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
.swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

     .card-wave{
        transform: rotate(-4deg);
    width: 398px;
    left: -15px;
    top: -32px;
    height: 179px;
    overflow: hidden;
    position: absolute;
    }
.bg-primary-svg>path{
fill: #28a9e0;
}


    /*
.carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}
.carousel-control {
    height: 40px;
    width: 40px;
    background: none repeat scroll 0 0 #222;
    border: 4px solid #fff;
    border-radius: 23px 23px 23px 23px;
}
.carousel-control.right {
    right: -12px;
}
.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -10px;
    margin-right: -19px;
}
.carousel-indicators li {
    background: #cecece;
}
.carousel-indicators .active {
    background: #428bca;
}*/
.accordion {
    cursor: pointer;
    transition: 0.4s;
}
.accordion:after {
    content: "\f0d7";
    font-family: FontAwesome;
    display: inline-block;
    padding-left: 6px;
    vertical-align: middle;
    font-size: 20px;
}
.accordion-link {
    color: #28a9e0 !important;
}
.accordin-panel {
    background-color: transparent !important;
    transition: max-height 0.2s ease-out;
    display: none;
}
.aktiv {
    display: block;
    min-height: auto;
}
.msbutton {
    background-color: #28a9e0 !important;
    border: none !important;
    color: #fff !important;
    padding: 10px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: 18px !important;
    margin: 4px 2px !important;
    cursor: pointer !important;
    border-radius: 4px !important;
    font-family: "Saira Condensed", sans-serif !important;
}
.msbutton:hover {
    color: #fff;
    background-color: #f75b1d !important;
}
.i-am-centered {
    margin: auto;
    max-width: auto;
}
.arrow1 {
    animation: slide1 1s ease-in-out infinite;
    margin-left: 9px;
}
@keyframes slide1 {
    0%,
    100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(5px, 0);
    }
}
.slider {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100%;
}
.slider--content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100vh;
}
.slider--feature {
    text-align: center;
}
.slider--title {
    font-size: 2.5rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}
.slider--text {
    font-size: 1rem;
    color: #fff;
    text-transform: uppercase;
    margin: 0.5rem 0;
}
.slider__btn-left,
.slider__btn-right {
    background: 0 0;
    border: none;
    outline: 0;
    font-size: 4rem;
    color: #eee;
    padding: 0 1rem;
    cursor: pointer;
    transition: transform 0.1s ease-in-out;
}
.slider--btn {
    background: #fff;
    text-transform: uppercase;
    border: none;
    color: #444;
    border: 1px solid #444;
    outline: 0;
    font-weight: 700;
    padding: 0.8rem 2rem;
    cursor: pointer;
}
.slider__btn-left:hover,
.slider__btn-right:hover {
    transform: scale(0.95);
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fadeIn {
    animation: fadeIn 1s;
}
.tarhely_osszehas_bg {
    background-image: url(/wp-content/uploads/2020/02/tarhely_osszehas_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.teszt_igenyles_bg {
    background: #d65440;
    background: -moz-linear-gradient(10deg, #d65440 16%, #847cc5 54%);
    background: -webkit-linear-gradient(10deg, #d65440 16%, #847cc5 54%);
    background: linear-gradient(10deg, #d65440 16%, #847cc5 54%);
}
.teszt_tarhely_input {
    margin-bottom: 12px;
}
.hirlevel_bg {
    background-color: #847cc5;
    background-size: cover;
    background-repeat: no-repeat;
}
.narancs-bg {
    background-color: #f75b1d;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
    top: -11px;
    height: 59px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.narancs-bg:hover {
    background-color: #28a9e0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.cibkepek {
    max-height: 50px !important;
    padding: 0 15px 0 15px;
}
.accordion2 {
    cursor: pointer;
    transition: 0.4s;
}
.cib {
    width: 100%;
    min-width: 280px;
    max-width: 685px;
    font-size: 14px;
    margin: 0 auto;
    border: 0 solid #fff;
}
.blindlink {
    color: #28a9e0 !important;
}
.blindlink:after {
    content: "\f0d7";
    font-family: FontAwesome;
    display: inline-block;
    padding-left: 6px;
    vertical-align: middle;
    font-size: 20px;
}
.karrier:before {
    content: "\f27e";
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    vertical-align: middle;
    font-size: 15px;
}
.szerver-hosting:before {
    content: "\f233";
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    vertical-align: middle;
    font-size: 15px;
}
.infrastruktura:before {
    content: "\f109";
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 6px;
    vertical-align: middle;
    font-size: 15px;
}
.cookie {
    width: 100%;
    min-height: 80px;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    bottom: 0;
    z-index: 100;
    box-sizing: border-box;
    margin: 0 0;
    padding: 20px 20px;
    border-radius: 0;
    color: #fff;
}
.t-left tr {
    text-align: left;
}
.t-left {
    font-size: 1.6rem;
}
.pricingTable {
    margin-top: 30px;
    text-align: center;
    position: relative;
}
.pricingTable .content div {
    padding: 10px 0 10px 0;
}
.pricingTable .pricing_heading:after {
    content: "";
    width: 36px;
    height: 145px;
    background: #28a9e0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    transform: skewY(45deg) translateY(18px);
    transition: all 0.4s ease 0s;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.pricingTable .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #000;
    text-transform: uppercase;
    background: #28a9e0;
    padding: 15px 0 0;
    margin: 0 35px 0 0;
    transition: all 0.4s ease 0s;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.pricingTable .value {
    display: block;
    font-size: 35px;
    font-weight: 700;
    color: #000;
    background: #28a9e0;
    padding: 5px 0 10px;
    margin: 0 35px 0 0;
    transition: all 0.4s ease 0s;
    border-bottom-left-radius: 3px;
}
.pricingTable:hover .title,
.pricingTable:hover .value {
    color: #fff;
}
.pricingTable .month {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}
.pricingTable .content {
    border-left: 1px solid #f2f2f2;
    position: relative;
}
.pricingTable .content:after {
    content: "";
    width: 35px;
    height: 100%;
    background: #f8f8f88c;
    box-shadow: 9px 9px 20px #ddd;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    transform: skewY(-45deg) translateY(-18px);
    transition: all 0.4s ease 0s;
    border-radius: 10px;
}
.pricingTable .content ul {
    padding: 0;
    margin: 0 35px 0 0;
    list-style: none;
    background: #fff;
}
.pricingTable .content ul li {
    display: block;
    font-size: 15px;
    color: #333;
    line-height: 23px;
    padding: 11px 0;
    border-bottom: 1px solid #f2f2f26b;
}
.pricingTable .link {
    background: #fff;
    padding: 20px 0;
    margin-right: 35px;
    border-bottom: 1px solid #f2f2f2;
}
.pricingTable .link a {
    display: inline-block;
    padding: 9px 20px;
    font-weight: 700;
    color: #28a9e0;
    text-transform: uppercase;
    border: 1px solid #28a9e0;
    background: #fff;
    transition: all 0.4s ease 0s;
    border-radius: 3px;
}
.pricingTable:hover .link a {
    color: #fff;
    background: #f75b1d;
    border: 1px solid #f75b1d;
}
.pricingTable:hover .pricing_heading:after,
.pricingTable:hover .title,
.pricingTable:hover .value {
    background: #f75b1d;
}

.custom-down-arrow{
    cursor: pointer;
    
}
.custom-down-arrow:hover{
    color:  #28a9e0;
}


.lds-dual-ring.hidden { 
display: none;
}
.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: -2%;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.8);
    z-index: 999;
    opacity: 1;
    transition: all 0.5s;
}

#eckb-article-content-body{
    font-size: 1.25rem;
}

#epkb-main-page-container.epkb-basic-template #epkb-content-container ul li .eckb-article-title__text{
    font-size: 1rem;
}

.scrollbar-oimv{
   overflow-y: hidden;
   overflow-x: scroll;
   }
   #style-oimv::-webkit-scrollbar-track
   {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
   border-radius: 10px;
   background-color: #F5F5F5;
   }
   #style-oimv::-webkit-scrollbar
   {
   width: 12px;
   height: 6px;
   background-color: #F5F5F5;
   }
   #style-oimv::-webkit-scrollbar-thumb
   {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
   background-color: #555;
   }

@media all and (max-width: 1400px){
    .felho_ember {
        background-position-x: 7.5vw;
    }
    .counter-font{
        font-size: 2rem;
    }
    .box-body>a.btn{
        font-size: 1rem;
    }
}

@media all and (max-width: 1280px) {
    .containero .price-buy {
        font-size: 14px !important;
    }
    .nav-pills > li{
        padding: 0px 2px 20px 2px;
    }
}

@media all and (max-width: 1200px) {

    .felho_ember {
        background-position-y: center;
        background-position-x: -70px;
        background-repeat: no-repeat;
    }
    .navbar-custom .nav>li>a{
        padding: 10px 12px
    }
    .swp-custom>span{
        display: inline-block ;
    }
    .swp-custom-cloud>span{
        display: inline-block ;
        margin: 0 5px 0 5px !important;
    }
}


@media all and (max-width: 1024px) {
    .felho_ember {
        background-position-x: -60px;
    }
    .containero .tickblue {
        font-size: 1rem;
    }

    .containero .price-small {
        left: 60px;
    }
    .containero .price-buy {
        font-size: 10px !important;
    }
    .counter-font{
        font-size: 1.75rem;
    }
    .section-padding {
        padding: 3rem 0 3rem 0;
    }

}
@media all and (max-width: 991px) {
    .page .navbar-custom {
    background-color: #0a0a0a !important;
    }
    .navbar-custom {
        padding: 10px 0;
    }
    .felho_ember {
        background: 0 0;
    }
    .margin-right-footer {
        margin-right: 0px;
    }
}
@media only screen and (max-width: 990px) {
    .pricingTable {
        margin-bottom: 35px;
    }
}
@media (min-width: 768px) and (max-width: 770px) {
    .page .navbar-custom {
        background-color: #0a0a0a !important;
    }
    .ssd-btn {
        padding: 5px !important;
    }
    .btn {
        font-size: 1.3rem;
    }
    .page-header-module.module {
        padding: 210px 0 90px 0 !important;
    }
    .footer-txt > h4 {
        font-size: 1.7rem;
    }

    
}

@media all and (max-width: 768px) {
   .navbar-nav li{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .mobile-text-center {
        text-align: center;
    }
    .custom-logo-link img {
        width: 100px;
    }
    /*.page-header-module.module {
        padding: 130px 0 20px 0;
    }*/
    .containero td:first-child,
    .containero th:first-child {
        display: none;
    }
    .containero tbody tr:nth-child(odd) {
        display: table-row;
        background: #f7f7f7;
    }
    .containero .row {
        background: #fff;
    }
    .containero td,
    .containero th {
        border: 1px solid #ccc;
    }
    .containero .compare-row {
        background: #fff;
    }
    .price-info {
        border-top: 0 !important;
    }
    ul.mobile-ul-pills {
        margin-left: 0;
    }
    .mobile-nav-pills {
        display: flex;
        justify-content: center;
    }
    .nav-pills .nav-link{
        border-radius: 0.25rem !important;
    }
    .containero .tickblue {
        font-size: 1rem;
    }
    .i-am-centered {
        margin: auto;
        max-width: 300px;
    }
    .containero .price-small {
        left: 73px;
    }
    .height-80 {
        min-height: 70vh;
    }
    .card {
        display: block;
        height: auto;
        margin: 1rem;
        position: relative;
        width: auto;
    }
    .merleg-kozepre {
        display: flex;
        justify-content: center;
    }
    .dropdownmenu {
        right: -10px;
    }
    
    .d-flex-footer {
        display: block !important;
    }
    .pipa li{
        font-size: 1.5rem;
    }

}
@media all and (max-width: 767px) {
    .mbl-padding-top {
        padding-top: 140px;
    }
    .page .navbar-custom{
        background-color: rgba(10, 10, 10)!important;
    }
    .nav-pills > li.active  {  
        border-top-left-radius: 12px !important;
        border-top-right-radius: 12px !important;
    }
    .containero .nh{
        border-right: 1px solid #ccc;
    }

}

@media (max-width: 639px) {
    .containero .price-buy {
        padding: 1rem 1rem;
        font-size: 1rem;
    }
    .containero td,
    .containero th {
        padding: 10px 5px;
    }
    .containero .hide-mobile {
        display: none;
    }
    .containero .price-now span {
        font-size: 16px;
    }
    .containero .price-small {
        font-size: 16px;
        top: 0;
        left: 0;
    }
    .containero .qbo,
    .containero .qbse {
        font-size: 12px;
        padding: 10px 5px;
    }
    .containero .price-buy {
        margin-top: 10px;
    }
    .compare-heading {
        font-size: 13px;
    }
}

@media (min-width: 426px) and (max-width: 600px) {
    .containero .price-buy {
        padding: 1rem 0.5rem;
        font-size: 1rem;
    }
}

@media all and (max-width: 426px) {
    h1 {
        font-size: 3rem;
    }
    h2{
        font-size:2.5rem;
    }
    h3 {
        font-size: 2rem;
    }
    .mbl-padding-top {
        padding-top: 20px;
    }
    .section-padding {
        padding: 2rem 5px 2rem 5px;
    }
    .social-top-menu {
        justify-content: center;
        padding: 0px !important;
    }
    .btn{
        font-size: 1rem;
    }
    .swiper-container{
        padding: 0 20px 0 20px !important;
    }
    .containero .price-buy {
        padding: 8px 5px;
        font-size: 8px;
        letter-spacing: 0.5px;
    }
    .price-info .price-now span {
        font-size: 11px;
    }
    .containero .nh {
        border-right: 1px solid #ccc;
    }
    .containero .price-small {
        /*font-size: 6.5px;*/
        display:none;
    }
    .dropdownmenu:before{
        font-size:20px !important;
    }
    .fa {
        padding: 10px;
    }
    .mobile-marg {
        margin-bottom: 12px;
    }
    .mobile-text-center {
        text-align: center;
    }
    .mypill{
        font-size: 1rem;
    }
    .height-80 {
        min-height: auto;
    }
    .green-pipe,.red-x{
        font-size: 1.1rem !important;
    }

    ul.mobile-ul-pills {
        margin-left: 0;
    }
    .mobile-nav-pills {
        display: flex;
        justify-content: center;
    }
    .mypill > span {
        font-size: 1rem !important;
    }
    .nav-pills > li > a {
        padding: 20px 2px !important;
    }
    .containero td,
    .containero th {
        padding: 0;
    }
    .cib {
        width: 88%;
    }
    .mobile-dark-bg::after {
        background-color: rgba(10, 10, 10, 0.88);
        content: "";
        display: block;
        position: absolute;
        top: -20px;
        left: 0;
        width: 100%;
        height: 120%;
        z-index: -1;
    }
    .icon.social.phone i {
        left: 1px;
        top: 1px;
    }
    .icon.social.fb i {
        left: 2px;
        top: 1px;
    }
    .icon.social.tw i {
        left: 1px;
        top: 1px;
    }
    .icon.social.in i {
        left: 1px;
        top: 0;
    }
    .icon.social.yt i {
        left: 0;
        top: 0;
    }
    .fa-shopping-cart {
        font-size: 2rem !important;
    }
    .footer-txt a {
        font-size: 1rem;
    }
    .footer-txt > h4 {
        font-size: 1.5rem;
    }
    .swiper-button-prev,.swiper-button-next{
        display: none !important;
    }
    .lds-dual-ring:after {
        margin: -7%;
    }
    .shop_isle_header_title{
        padding: 0px;
    }
    .navbar-custom{
        padding: 5px 0;
    }
    
}
@media all and (max-width: 375px) {
    .containero .price-buy {
        padding: 3px 3px;
        font-size: 8px;
    }
    .icon.social{
      margin: 0px !important;
    }

}
@media all and (max-width: 325px) {
    .containero .price-buy {
        padding: 3px 3px;
        font-size: 5px;
    }

}


.grecaptcha-badge {
    visibility: hidden;
}