/* Base */
body {
  line-height: 1.7;
  color: gray;
  font-weight: 400;
  font-size: 1rem;
  font-family: "Roboto"; }
  html, body {
  overflow-x: hidden;
  width: 100%;
}
* {
  box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.mobilonjonelo {
  display:none !important;
}
.col-ytvidi {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.imigi {
  height:330px;
}
@media (max-width: 768px) {
  .maffia {
    display:none;
  }
  .col-ytvidi {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .dobozka2 {
    margin-bottom:100px;
  
  }
}
#ytvideo-section {
  padding:50px 20px;
  background: linear-gradient(to bottom, #ffffff 15%, #7ec4ff 100%);

}
.redy {
  font-size:18px;
  padding:15px 30px;
  text-align: center;
  background: #ffd3cc;
  color:black;
  margin:15px 0;
  font-weight: bold;
}

.loricont {
  background: url(https://főkazán.hu/images/lorihaha.png);background-position: 0px -492px;
}




.dobozka2 {
  background: #fff;
  width:100%;
  display:block;
  border: 3px dashed #078cff;
  padding: 15px;
  vertical-align: top;
}
.dobozka3 {
  border: 11px dotted #66ff07;
  padding:40px;
}
.dobozka .ktitle {
  height:80px;
}
.dobozka2 a {
  display:inline-block;padding:8px 20px;border-radius:5px;background:#23eea3;color:#fff;font-size:23px;font-weight:bold;
  margin-left:auto;margin-right:auto;
}
.articler .dobozka2 b.title {
  font-size: 19px;
  line-height: normal;
  color: black;
}
.articler .dobozka2 p {
  line-height: normal;
}
.dobozka2 a:hover {
  cursor:point;
  background:#33ffb4;
}
.dobozka2 li + li {
  margin-top:7px;
}
.dobozka2 p.dij {
  font-size:18px;
  line-height: normal;
  color:black;
}
.elkaz .dobozka2 a {
  font-size:19px;
}
.dobozka2 .volt {
 
  color: red; font-size: 16; font-style: normal;text-decoration: line-through;
}
.dobozka2 .lesz {
  color: #6dc736; font-size: 22px; font-style: normal;
}
.dobozka2 ion-icon {
  vertical-align: middle;
}
.dobozka2 ul {
  font-size:16px;
  font-weight: 400;
  padding-left:20px;
}


.dobozka {
  background: #fff;
  width:24.2%;
  display:inline-block;
BORDER-BOTTOM:1PX SOLID #EEE;
  padding: 15px;
  vertical-align: top;
}
.dobozka44 {
  background: #fff;
  width:32.79%;
  display:inline-block;

  padding: 15px;
  vertical-align: top;
}
.dobozka + .dobozka {
  border-left:1px solid #eee;
}
.dobozka a, .klimactamivan {
  display:inline-block;padding:8px 20px;border-radius:5px;background:#23eea3;color:#fff;font-size:18px;font-weight:bold;
  margin-left:auto;margin-right:auto;
}
.articler .dobozka b.title {
  font-size: 18px;
  line-height: normal;
  height:70px;
  display: block;
  color: black;
}
.articler .dobozka b.titleb {
  font-size: 22px;
  line-height: normal;
  font-weight: 900;
  color: #4223ee;
}
.articler .dobozka p {
  line-height: normal;
}
.dobozka a:hover, .klimactamivan:hover {
  cursor:point;
  color:#fff;
  background:#33ffb4;
}

.dobozka p.dij {
  font-size:18px;
  line-height: normal;
  color:black;
}
.elkaz .dobozka a {
  font-size:19px;
}
.dobozka .volt {
 
  color: red; font-size: 16; font-style: normal;text-decoration: line-through;
}
.dobozka .lesz {
  color: #a5a5a5; font-size: 22px; font-style: normal;
}
.dobozka ion-icon {
  vertical-align: middle;
}
.dobozka ul {
  font-size:12px;
  font-weight: 400;
  padding-left:20px;
}
.vidlei {
  text-align: center;
  font-size:23px;
}
#partnerek-section {
  padding: 80px 0;
    background: #ececec;
}
#partnerek-section img {
  display:inline-block;
  height:60px;
}
#partnerek-section img + img {
  margin-left:35px;
}
.ketteoszt td {
  width:50%;
}
.ketteoszt td img {
  max-width: 100%;
}
.site-footer p.footertv {
  text-align:CENTER;margin-top:30px;
}
footer a:hover{
  text-decoration: underline;
}
.site-footer p.footertv img {
  display:inline-block;
  opacity: 0.4;
}
.site-footer p.footertv img:hover {
  display:inline-block;
  opacity: 1;
}
.site-footer p.footertv img + img {
  margin-left:10px;
}
.redbox {
  border: 2px dashed #ddd;
  padding: 40px;
  font-size: 24px;
  background: #ffe9e9;
  line-height: 37px;
  font-weight: 300;
  text-align: center;
  border-radius: 20px;
}
.simatblin {
	font-size:20px;
	width:50%;
	margin: 0 auto;
  color:#444;
}
.simatblin span {
  display:inline-block;
  font-style: italic;
  font-size:15px;
  color:#1f6feb;
  margin-left:10px;
}
.simatblin input[type=text],.simatblin input[type=number],.simatblin select,.simatblin input[type=submit],.simatblin input[type=email], .simatblin textarea {
  border: 2px solid #c7c7c7;
  padding: 10px;
  border-radius: 10px;
  width: 100%;
  box-shadow: inset 3px 3px 7px #e7e7e7;
  display: block;
  margin-bottom: 15px;
}
.simatblin td {
  font-size: 25px;
  font-weight: 400;

}
.is-sticky .oakbut {
  background:#4223ee !important;
}
.is-sticky .oakbut:hover {
  background:#4d2efe !important;
  color:white !important;
}

.simatblin input[type=submit] {
  font-size:35px;
  font-weight: bold;
  color:#fff;
  background:#4223ee;
  box-shadow: unset;
  border:none;
}
.simatblin input[type=submit]:hover {
  background:#4d2efe;
}
.articler2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
#partner-section img {
  max-width:100%;
}
#bigmap {
  background:url(/images/mapbg.png) center center;
  padding:60px 0;
}
#bigmap h2 {
  color:#fff;
  font-size:49px;
  text-transform: uppercase;
  padding-top:40px ;
  font-weight: bold;
  text-shadow: 0 0 10px #000;
}
#bigmap img {
  max-width:100%;
  width:100%;
}
#bigmap p {
  color:#fff;
  line-height: normal;
  text-shadow: 0 0 10px #000;
  font-size:27px;
  line-height: 37px;
}
.sepibmeg {
  display:block;
  float:none;
  height:10px;
}
.excontent {
  margin-top:230px;
  padding-bottom:100px;
}
.articler {
  width:88%;
  margin-left:auto;
  margin-right: auto;
}
.articler img {
  margin:0 auto;
  display:block;
}
.excontent h2 {
  color:black;
  font-size:24px;
  font-weight: bold;
}
.articler h1 {
  font-weight: bold;
  font-size:45px;
  margin-bottom:40px;
}
.articler h4 {
  font-weight: bold;
}
.articler p {
  font-size:20px;
  font-weight: normal;
  color:#777;
  line-height: 1.5em;
}
.articler p + p {
  margin-top:40px;
}
::-moz-selection {
  background: #000;
  color: #fff; }

  .btn.btn-primary.elsobut {
    background: #ee3324;
    border: 0;
    padding: 16px 40px;
    letter-spacing: 1px;
    font-size: 22px;
    font-weight: 700;
 
  }
  .mainlogo {
    height:64px;
  }
  .phonemutika {
    display: none;
    position: fixed;
    left: 2%;
    bottom: 0;
    opacity: 0.9;
    /* width: 100%; */
    background: #ee3324;
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: normal;
    padding: 10px 48px;
    z-index: 90990;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
  }
  .phonemutika h1 {
    font-weight: 600;
    font-size: 17px;
    margin:0;
    color: #fff;
  }
  .phonemutika a {
    font-weight: bold;
    color:#fff;
  }
.media.custom-media {
  
  padding: 15px;
  border-bottom:1px solid #ccc;
  border-left:1px solid #ccc;
  /* border-radius: 20px;*/
}
  .markak {
    margin-bottom:50px;
  }
  .markak img {
    width:160px;
  }
  .markak img + img {
    margin-left:25px;
  }
  #kalkeredmeny {
    background:rgb(226, 226, 226);
    width:80%;
    padding:20px;
    margin:50px auto 0 auto;
    display:none;
    border: 5px solid #6def2a;
  }
  #kalkeredmeny table {
    margin:0 auto 0 auto;
    width:100%;
  }

  #kalkeredmeny .infoazidiotaknak {
    font-size: 18px;
    font-weight: 400;
  }
  #kalkeredmeny td {
    font-size:31px;

    color:#222;
  }
  #galery-section {
    padding:50px 0;

  }
  #services-section {
    padding:50px 0;
    background:#ececec;
    margin-top:50px
  }
  #services-section .col-lg-4 {
    padding-left:0;
    padding-right:0;
    
  }
  #services-section svg {
    font-size:45px;
  }
  #services-section h2 {color: #ff5733;}
  #services-section h2 a:hover {color: #ff7354;text-decoration: underline;}
  #contactinfo-section {
    padding:50px 0;
    background:#ececec;
  }
  #faq-section {
    padding:50px 0;
    background:#ececec;
  }
  #info-section {
    padding:50px 0;
    background:#ececec;
  }
  #reviews-section {
    padding:50px 0;
    background:#ececec;
  }
  #kalkeredmeny td.l {
    width:38%;
  }
  #kalkeredmeny td.r {
    width:62%;
  }
  #kalkeredmeny td p {
    margin:0;
  }
  #kalkeredmeny .kazannev {
    font-size:0.8em;
  }

  #kalkeredmeny .total {
    font-weight: bold;
  }
  .btn.btn-primary.elsobut2 {
    background: #23eea3;
    border: 0;
    margin-right:10px;
    padding: 16px 40px;
    letter-spacing: 1px;
    font-size: 22px;
    font-weight: 700;
  
  }
  .btn.btn-primary.elsobut3 {
    background: #23eea3;
    border: 0;
    margin-right:10px;
    padding: 16px 40px;
    letter-spacing: 1px;
    font-size: 22px;
    font-weight: 700;
  
  }
  .btn.btn.btn-primary.elsobut:hover {
    background:#ff4f3e;
    color:#fff;
  }
  .btn.btn.btn-primary.elsobut2:hover {
    background:#33ffb4;
    color:#fff;
  }
  .btn.btn.btn-primary.elsobut3:hover {
    background:#33ffb4;
    color:#fff;
  }
  .site-blocks-cover.overlay:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgb(255 255 255 / 50%);
}
  .site-navbar {
    
  }
  .alcimgeeec {
    font-size:20px;
    font-weight: 400;
  }
  .fekete22 {
    font-size: 18px;
    color: #494949;
    font-weight: 400;
  }
  #reviews-section h3 {
  font-size:1.25rem;
  font-weight: bold;
  }
  .reviewt {
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    margin-top: 20px;
  }
  .oranges {
    color: #ee3324;
    font-size: 24px;
    font-weight: 500;
    margin: 40px 0;
  }
#services-section ion-icon {
  font-size:57px;
}
#reviews-section .pricing .border {
  background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f6fff8 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6fff8 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f6fff8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6fff8',GradientType=0 );

}
.szolg-items h2 {
  font-size:21px;
}
::selection {
  background: #000;
  color: #fff; }
.mt-15 {
  margin-top:15px;
}
.nb {
  font-weight: 200;
}
.galeryitem {
  width: 330px;
  height: 150px;
  opacity:0.5;
  filter:alpha(50);
  display: block;
  border-radius: 1px;
  background-size: 100%;
  background-position: center center;
}
.galeryitem2 {
  width: 330px;
  height: 150px;
  opacity:0.8;
  filter:alpha(80);
  display: block;
  border-radius: 1px;
  background-size: 100%;
  background-position: center center;
}
.galeryitem:hover {
  opacity:1;
}
.galeryitem3 {
  width: 450px;
  height: 220px;
  opacity:0.8;
  display: block;
  background-size: 100%;
  background-position: center center;
}
.galeryitem3:hover {
  opacity:1;
}
.pfpe {
  margin:50px 0;
}
.mauto {
  margin: 0 auto;
}
#contact-section {
  padding:50px 0;
}
#contactinfo-section {
  padding:50px 0;
}
a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  a:hover {
    text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  color: #000; }

.text-black {
  color: #000 !important; }

.bg-black {
  background: #000 !important; }

  .fs20 {
    font-size:16px;
  }
  .fs33 {
    font-size:33px;
  }
.site-wrap:before {
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  background: rgba(0, 0, 0, 0.6);
  content: "";
  position: absolute;
  z-index: 2000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden; }

.offcanvas-menu .site-wrap {
  height: 100%;
  width: 100%;
  z-index: 2;
  overflow: hidden; }
  .offcanvas-menu .site-wrap:before {
    opacity: 1;
    visibility: visible; }

.offcanvas-menu {
  position: relative; }
  .offcanvas-menu:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    top: 0;
    right: 0;
    z-index: 21;
    background: rgba(0, 0, 0, 0.2); }

.btn {
  border-width: 2px; }
  .btn:active, .btn:focus {
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .btn.btn-lg {
    padding: 10px 20px;
    font-size: 16px; }
  .btn.btn-primary {
    color: #fff; }
    .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
      color: #fff;
       }

.bg-black {
  background: #000; }

.form-control {
  height: 47px; }
  .form-control:active, .form-control:focus {
    border-color: #ee3324; }
  .form-control:hover, .form-control:active, .form-control:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

.site-section {
  padding: 0; }
  @media (min-width: 768px) {
    .site-section {
      padding: 0; } }
  .site-section.site-section-sm {
    padding: 0; }

.site-section-heading {
  font-size: 30px;
  color: #dee2e6;
  position: relative; }
  .site-section-heading:before {
    content: "";
    left: 0%;
    top: 0;
    position: absolute;
    width: 40px;
    height: 2px;
    background: #ee3324; }
  .site-section-heading.text-center:before {
    content: "";
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 40px;
    height: 2px;
    background: #ee3324; }

.border-top {
  border-top: 1px solid #ced4da !important; }

.site-footer {
  padding: 4em 0 8em 0;
  background: #333333; }
  .site-footer p {
    color: #a7a7a7;margin:0;text-align: left; }
    .site-footer p + p {
      margin-top:20px;
    }
  .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5 {
    color: #fff; }
  .site-footer a {
    color: #eee; }
    .site-footer a:hover {
      color: white; }
  .site-footer ul li {
    margin-bottom: 10px; }
  .site-footer .footer-heading {
    font-size: 20px;
    color: #fff; }
.site-blocks-cover {

}
.bg-text-line {
  display: inline;
  background: #000;
  -webkit-box-shadow: 20px 0 0 #000, -20px 0 0 #000;
  box-shadow: 20px 0 0 #000, -20px 0 0 #000; }
  .site-blocks-cover .overlay:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgb(255 246 135 / 30%);
  }
  
.bg-image {
  background-size: cover;
  background-repeat: no-rpeeat;
  overflow: hidden; }
  .bg-image.center {
    background-position: top center; }
  .bg-image.fixed {
    background-position: fixed !important; }
  .bg-image.overlay, .bg-image.overlay-primary, .bg-image.overlay-info, .bg-image.overlay-success, .bg-image.overlay-warning {
    position: relative; }
    .bg-image.overlay:before, .bg-image.overlay-primary:before, .bg-image.overlay-info:before, .bg-image.overlay-success:before, .bg-image.overlay-warning:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0; }
  .bg-image.overlay:before {
    background: rgba(0, 0, 0, 0.4); }
  .bg-image.overlay-primary:before {
    background: rgba(255, 87, 51, 0.9); }
  .bg-image.overlay-info:before {
    background: rgba(23, 162, 184, 0.9); }
  .bg-image.overlay-success:before {
    background: rgba(40, 167, 69, 0.9); }
  .bg-image.overlay-success:before {
    background: rgba(255, 193, 7, 0.9); }

/* Navbar */
.site-navbar-wrap {
  position: absolute;
  z-index: 99;
  width: 100%;
  background: #fff;
  
  left: 0; }
  .site-navbar-wrap a {
    color: #494949; }
  .site-navbar-wrap .site-navbar-top {
    font-size: 0.8rem; }

.site-navbar-top {
   }
a:hover {
  color:#ff4f3e;
}
.site-navbar {
  margin-bottom: 0px;
  width: 100%; }
  .site-navbar .site-logo {
    font-weight: 200;
    line-height: 0;
    top: -7px;
    position: relative; }
    .site-navbar .site-logo a {
      font-weight: 200;
      color: #fff;
      font-size: 27px;
      font-weight: bold;
      text-transform: uppercase; }
  .site-navbar .site-navigation .site-menu {
    margin-bottom: 0; }
    .site-navbar .site-navigation .site-menu a {
      text-decoration: none !important;
      font-size: 15px;
      display: inline-block; }
      .is-sticky .site-navbar .site-menu li {
        border-left: 1px solid #f38a7b;
      }
    .site-navbar .site-navigation .site-menu > li {
      display: inline-block;
      
      padding: 0; }
      .site-navbar .site-navigation .site-menu > li > a {
        padding: 10px 12px;
        color:#494949;
        
        font-weight: 500;
        font-size: 16px;
        text-decoration: none !important; }
        .site-navbar .site-navigation .site-menu > li > a.active {
          color: #fff; }
        .site-navbar .site-navigation .site-menu > li > a:hover {
          color: #ee3324; }
      .site-navbar .site-navigation .site-menu > li:last-child {
        padding-right: 0; }
        .site-navbar .site-navigation .site-menu > li:last-child > a {
          padding-right: 0; }
    .site-navbar .site-navigation .site-menu .has-children {
      position: relative; }
      .site-navbar .site-navigation .site-menu .has-children > a {
        position: relative;
        padding-right: 20px; }
        .site-navbar .site-navigation .site-menu .has-children > a:before {
          position: absolute;
          content: "\e313";
          font-size: 16px;
          top: 50%;
          right: 0;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          font-family: 'icomoon'; }
      .site-navbar .site-navigation .site-menu .has-children .dropdown {
        visibility: hidden;
        opacity: 0;
        top: 100%;
        position: absolute;
        text-align: left;
        -webkit-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.25);
        padding: 0px 0;
        margin-top: 20px;
        margin-left: 0px;
        background: #fff;
        -webkit-transition: 0.2s 0s;
        -o-transition: 0.2s 0s;
        transition: 0.2s 0s; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
          position: absolute; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            bottom: 100%;
            left: 20%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            border-color: rgba(136, 183, 213, 0);
            border-bottom-color: #fff;
            border-width: 10px;
            margin-left: -10px; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown a {
          font-size: 14px;
          text-transform: none;
          letter-spacing: normal;
          -webkit-transition: 0s all;
          -o-transition: 0s all;
          transition: 0s all;
          color: #343a40; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown a.active {
            color: #ee3324; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {
          color: #fff !important; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
          list-style: none;
          padding: 0;
          margin: 0;
          min-width: 240px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
            padding: 1px 10px;
            display: block; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
              background: #ebeef0;
              color: #212529; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
            content: "\e315";
            right: 20px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
            left: 100%;
            top: 0; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
            background: #ebeef0;
            color: #212529; }
      .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
        color: #494949; }
      .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
        cursor: pointer; }
        .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s;
          margin-top: 1px;
          visibility: visible;
          opacity: 1; }

.site-mobile-menu {
  width: 330px;
  position: fixed;
  overflow-y: scroll;
  right: 0;
  z-index: 999999999999;
  padding-top: 0;
  background: #fff;
  height: calc(100vh);
  -webkit-transform: translateX(110%);
  -ms-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  .site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
      float: right;
      margin-top: 8px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
        font-size: 30px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 0px;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
          color: #dee2e6; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
      float: left;
      margin-top: 10px;
      margin-left: 0px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
        display: inline-block;
        text-transform: uppercase; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
          max-width: 70px; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
          text-decoration: none; }
  .site-mobile-menu .site-mobile-menu-body {
    overflow-y: hidden;
   
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 5px 20px 20px 0;
    height: calc(100vh - 52px);
    padding-bottom: 150px; }
  .site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
    .site-mobile-menu .site-nav-wrap a {
      padding: 2px 20px;
      display: block;
  
      position: relative;
      color: #212529; }
      .site-mobile-menu .site-nav-wrap a.active, .site-mobile-menu .site-nav-wrap a:hover {
        color: #ee3324; }
    .site-mobile-menu .site-nav-wrap li {
      position: relative;
      display: block; }
      .site-mobile-menu .site-nav-wrap li.active > a {
        color: #ee3324; }
    .site-mobile-menu .site-nav-wrap .arrow-collapse {
      position: absolute;
      right: 0px;
      top: 0;
      z-index: 20;
      width: 36px;
      border:1px solid black;
      height: 36px;
      background: #ddd;
      text-align: center;
      cursor: pointer;
      border-radius: 50%; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
        background: #FFF; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
        font-size: 12px;
        z-index: 20;
        font-family: "icomoon";
        content: "\f078";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        -ms-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg);
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .site-mobile-menu .site-nav-wrap > li {
      display: block;
      position: relative;
      float: left;
      width: 100%; }
      .site-mobile-menu .site-nav-wrap > li > a {
        padding-left: 20px;
        font-size: 19px; }
      .site-mobile-menu .site-nav-wrap > li > ul {
        padding: 0;
        margin: 0;
        list-style: none; }
        .site-mobile-menu .site-nav-wrap > li > ul > li {
          display: block; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > a {
            padding-left: 40px;
            font-size: 15px; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
            padding: 0;
            margin: 0; }
            .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
              display: block; }
              .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
                font-size: 16px;
                padding-left: 60px; }

.sticky-wrapper {
  position: absolute;
  z-index: 100;
  margin-top:20px;
  width: 100%; }
  .sticky-wrapper + .site-blocks-cover {
    margin-top: 96px; }
  .sticky-wrapper .site-navbar {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .sticky-wrapper.is-sticky .site-navbar {
    background-color: #ee3324;
    -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.6);
    box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.6); }

/* Blocks */
.site-blocks-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: fixed; }
  .site-blocks-cover.overlay {
    position: relative; }

  .site-blocks-cover, .site-blocks-cover .row {
    min-height: 600px;
    padding-top: 40px !important;
    height: calc(112vh); }
  .site-blocks-cover.inner-page, .site-blocks-cover.inner-page .row {
    min-height: 600px;
    height: calc(80vh); }
  .site-blocks-cover .sub-text {
    font-size: 21px;
    margin-top: 20px;
    line-height: normal;
    font-weight: 500;
    color: #333;

  
   
    /* font-weight: bold; */
    color:#494949; }
    .site-blocks-cover .sub-text a {
      color: #fff; }
      .site-blocks-cover .sub-text a:hover {
        color: #ee3324; }
  .site-blocks-cover h1 {
    font-weight: 900;
    letter-spacing: 2px;
    color: #ee3324;
    font-size: 69px; }
    .site-blocks-cover h1 strong {
      font-weight: 900; }
    .site-blocks-cover h1 a {
      color: #fff; }
      .site-blocks-cover h1 a:hover {
        color: #ee3324; }
    @media (min-width: 768px) {
      .site-blocks-cover h1 {
        font-size: 47px; } }
  .site-blocks-cover p {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.5; }
  .site-blocks-cover .intro-text {
    font-size: 16px;
    line-height: 1.5; }

.site-heading {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2rem; }
  @media (min-width: 768px) {
    .site-heading {
      font-size: 3rem; } }
  .site-heading strong {
    font-weight: 900; }

.site-block-1 {
  padding-top: 50px; }
  @media (min-width: 992px) {
    .site-block-1 {
      padding-top: 0;
      position: absolute;
      width: 100%;
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%); } }

.site-block-appointment form, .bg-light form {
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.05); }

.text-white-opacity-5 {
  color: rgba(255, 255, 255, 0.5); }

.text-black-opacity-5 {
  color: rgba(0, 0, 0, 0.5); }

.site-block-feature {
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  top: 0; }
  .site-block-feature .icon {
    font-size: 50px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    color: #fff; }
  .site-block-feature h3 {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    font-size: 15px;
    color: #ee3324; }
  .site-block-feature p {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    color: rgba(255, 255, 255, 0.4);
    font-size: 1rem; }
    .site-block-feature p:last-child {
      margin-bottom: 0; }
  .site-block-feature:hover {
    background: #fff;
    top: -5px; }
    .site-block-feature:hover .icon {
      color: #ee3324; }
    .site-block-feature:hover h3 {
      color: #000; }
    .site-block-feature:hover p {
      color: gray; }

.site-block-feature-2 .icon {
  font-size: 50px;
  position: relative;
  line-height: 1; }

.site-block-feature-2 h3 {
  font-size: 1.5rem; }

.site-block-3 .row-items {
  height: calc(50% - 15px);
  margin-bottom: 30px; }
  .site-block-3 .row-items.last {
    height: calc(50% - 15px);
    margin-bottom: 0; }

.site-block-3 .feature {
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  height: 100%;
  top: 0px;
  position: relative; }
  .site-block-3 .feature h3 {
    color: #000;
    font-size: 1.2rem; }
  .site-block-3 .feature:hover, .site-block-3 .feature:active, .site-block-3 .feature:focus, .site-block-3 .feature.active {
    -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.1); }
  .site-block-3 .feature:hover {
    top: -10px; }

.site-block-half .image, .site-block-half .text {
  width: 100%; }
  @media (min-width: 992px) {
    .site-block-half .image, .site-block-half .text {
      width: 50%; } }

@media (max-width: 991.98px) {
  .site-block-half .image {
    margin-bottom: 50px; } }

.site-block-half .text {
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 992px) {



    .site-block-half .text {
      padding: 4rem; } }
  @media (min-width: 1200px) {
    .site-block-half .text {
      padding: 8rem; } }

.site-block-half .bg-image {
  background-position: center center; }
  @media (max-width: 991.98px) {
    .site-block-half .bg-image {
      height: 400px; } }

.site-block-half.site-block-video .image {
  position: relative; }
  .site-block-half.site-block-video .image .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 20px;
    width: 70px;
    height: 70px;
    background: #fff;
    display: block;
    border-radius: 50%;
    opacity: 1;
    color: #ee3324 !important; }
    .site-block-half.site-block-video .image .play-button:hover {
      opacity: 1; }
    .site-block-half.site-block-video .image .play-button > span {
      position: absolute;
      left: 55%;
      top: 50%;
      -webkit-transform: translate(-60%, -50%);
      -ms-transform: translate(-60%, -50%);
      transform: translate(-60%, -50%); }

#date-countdown .countdown-block {
  color: rgba(255, 255, 255, 0.4); }

#date-countdown .label {
  font-size: 40px;
  color: #fff; }

.next-match .image {
  width: 50px;
  border-radius: 50%; }

.player {
  position: relative; }
  .player img {
    max-width: 100px;
    border-radius: 50%;
    margin-bottom: 20px; }
  .player .team-number {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #ee3324;
    border-radius: 50%;
    color: #fff; }
    .player .team-number > span {
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      left: 50%;
      top: 50%; }
  .player h2 {
    font-size: 20px;
    letter-spacing: .2em;
    text-transform: uppercase; }
  .player .position {
    font-size: 14px;
    color: #b3b3b3;
    text-transform: uppercase; }

.site-block-27 ul, .site-block-27 ul li {
  padding: 0;
  margin: 0; }

.site-block-27 ul li {
  display: inline-block;
  margin-bottom: 4px; }
  .site-block-27 ul li a, .site-block-27 ul li span {
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #ccc; }
  .site-block-27 ul li.active a, .site-block-27 ul li.active span {
    background: #ee3324;
    color: #fff;
    border: 1px solid transparent; }

.img-border {
  position: relative; }
  .img-border:before {
    position: absolute;
    content: "";
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    border: 7px solid #ee3324; }

.sub-title {
  display: block;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 700;
  color: #ee3324;
  margin-bottom: 10px; }

  #about-section img {

max-width: 100%;
  }
.about-section .img-years {
  position: relative; }
  .about-section .img-years .experience {
    position: absolute;
    display: block;
    right: 0; }
  .about-section .img-years .caption {
    display: block;
    text-transform: uppercase;
    letter-spacing: .8em;
    font-size: 14px;
    font-weight: 900;
    color: #ee3324; }
    @media (max-width: 991.98px) {
      .about-section .img-years .caption {
        letter-spacing: .3em; } }
  .about-section .img-years .years {
    line-height: 1.2;
    font-weight: 900;
    font-size: 100px;
    color: #ee3324; }
    @media (max-width: 991.98px) {
      .about-section .img-years .years {
        font-size: 80px; } }

.about-section h3 {
  font-size: 30px;
  font-weight: bold;
  color: #494949; }

.media.custom-media .icon {
  position: relative;
  color: #888; }
  .media.custom-media .icon:before {
    display: none;
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #ee3324;
    left: -15px;
    top: -5px;
    z-index: -1; }

.site-half {
  position: relative; }
  .site-half .img-bg-1 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    width: 50%;
    height: 100%;
    left: -10%; }
    @media (max-width: 991.98px) {
      .site-half .img-bg-1 {
        position: relative;
        height: 500px;
        left: 0;
        width: 100%; } }
    .site-half .img-bg-1.right {
      right: 0; }

.ul-check li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px; }
  .ul-check li:before {
    font-family: "icomoon";
    content: "\e5ca";
    position: absolute;
    left: 0;
    top: 16px;
    font-size: 32px;
    line-height: 0; }

.ul-check.primary li:before {
  color: #ee3324; }

.ul-check.success li:before {
  color: #23eea3; }

.ul-check.danger li:before {
  color: #dc3545; }

.accordion .accordion-item h2 {
  font-size: 18px; }
  .accordion .accordion-item h2 a {
    padding: 10px 0px;
    display: block;
    color: #000;
    cursor: pointer;
    position: relative;
    padding-left: 30px; }
    .accordion .accordion-item h2 a:before {
      position: absolute;
      font-family: "icomoon";
      content: "\f196";
      font-size: 20px;
      left: 0;
      top: .4em; }
    .accordion .accordion-item h2 a[aria-expanded="true"] {
      color: #ee3324; }
      .accordion .accordion-item h2 a[aria-expanded="true"]:before {
        content: "\f147"; }
        .accordion .accordion-item .accordion-body ul li + li {
          margin-top:10px;
        }
.accordion .accordion-item .accordion-body {
  padding: 10px 30px;
  

  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  border-left: 30px solid #f8f9fa; }
  .accordion .accordion-item .accordion-body p:last-child {
    margin-bottom: 0; }

.block-13, .block-14, .block-15, .slide-one-item {
  position: relative;
  z-index: 1; }
  .block-13 .owl-nav, .block-14 .owl-nav, .block-15 .owl-nav, .slide-one-item .owl-nav {
    position: relative;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    .block-13 .owl-nav .owl-prev, .block-13 .owl-nav .owl-next, .block-14 .owl-nav .owl-prev, .block-14 .owl-nav .owl-next, .block-15 .owl-nav .owl-prev, .block-15 .owl-nav .owl-next, .slide-one-item .owl-nav .owl-prev, .slide-one-item .owl-nav .owl-next {
      position: relative;
      display: inline-block;
      width: 50px;
      height: 50px;
      line-height: 54px;
      text-align: center;
      font-size: 25px;
      color: #000; }
      .block-13 .owl-nav .owl-prev.disabled, .block-13 .owl-nav .owl-next.disabled, .block-14 .owl-nav .owl-prev.disabled, .block-14 .owl-nav .owl-next.disabled, .block-15 .owl-nav .owl-prev.disabled, .block-15 .owl-nav .owl-next.disabled, .slide-one-item .owl-nav .owl-prev.disabled, .slide-one-item .owl-nav .owl-next.disabled {
        opacity: .2; }
  .block-13.nav-direction-white .owl-prev, .block-13.nav-direction-white .owl-next, .block-14.nav-direction-white .owl-prev, .block-14.nav-direction-white .owl-next, .block-15.nav-direction-white .owl-prev, .block-15.nav-direction-white .owl-next, .slide-one-item.nav-direction-white .owl-prev, .slide-one-item.nav-direction-white .owl-next {
    background: #fff;
    padding: 5px 10px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
    .block-13.nav-direction-white .owl-prev:hover, .block-13.nav-direction-white .owl-next:hover, .block-14.nav-direction-white .owl-prev:hover, .block-14.nav-direction-white .owl-next:hover, .block-15.nav-direction-white .owl-prev:hover, .block-15.nav-direction-white .owl-next:hover, .slide-one-item.nav-direction-white .owl-prev:hover, .slide-one-item.nav-direction-white .owl-next:hover {
      -webkit-box-shadow: 5px 5px 30px -5px rgba(0, 0, 0, 0.1);
      box-shadow: 5px 5px 30px -5px rgba(0, 0, 0, 0.1); }

.block-13 .owl-stage-outer, .block-14 .owl-stage-outer, .block-15 .owl-stage-outer {
  padding-top: 30px;
  padding-bottom: 30px; }

.block-13 .owl-nav, .block-14 .owl-nav, .block-15 .owl-nav {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media (max-width: 991.98px) {
    .block-13 .owl-nav, .block-14 .owl-nav, .block-15 .owl-nav {
      display: none; } }
  .block-13 .owl-nav .owl-prev, .block-13 .owl-nav .owl-next, .block-14 .owl-nav .owl-prev, .block-14 .owl-nav .owl-next, .block-15 .owl-nav .owl-prev, .block-15 .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
    border-radius: 50%; }
    .block-13 .owl-nav .owl-prev:hover, .block-13 .owl-nav .owl-next:hover, .block-14 .owl-nav .owl-prev:hover, .block-14 .owl-nav .owl-next:hover, .block-15 .owl-nav .owl-prev:hover, .block-15 .owl-nav .owl-next:hover {
      -webkit-box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.2); }
  .block-13 .owl-nav .owl-prev, .block-14 .owl-nav .owl-prev, .block-15 .owl-nav .owl-prev {
    left: -20px; }
  .block-13 .owl-nav .owl-next, .block-14 .owl-nav .owl-next, .block-15 .owl-nav .owl-next {
    right: -20px; }

.block-13 .owl-dots, .block-14 .owl-dots, .block-15 .owl-dots {
  text-align: center; }
  .block-13 .owl-dots .owl-dot, .block-14 .owl-dots .owl-dot, .block-15 .owl-dots .owl-dot {
    display: inline-block;
    margin: 5px; }
    .block-13 .owl-dots .owl-dot > span, .block-14 .owl-dots .owl-dot > span, .block-15 .owl-dots .owl-dot > span {
      line-height: 0;
      display: inline-block;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      border: none;
      float: left;
      background: #cccccc;
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease; }
    .block-13 .owl-dots .owl-dot.active > span, .block-14 .owl-dots .owl-dot.active > span, .block-15 .owl-dots .owl-dot.active > span {
      background: #ee3324; }

.person {
  position: relative; }
  .person figure {
    position: relative;
    margin-bottom: 0; }
    .person figure:before {
      display: none;
      position: absolute;
      content: "";
      z-index: 1;
      left: 10px;
      top: 10px;
      right: 10px;
      bottom: 10px;
      border: 2px solid #ee3324;
      opacity: 1;
      visibility: visible;
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease; }
  .person h2 {
    font-size: 18px; }
  .person .bio-img {
    position: relative;
    text-align: center;
    overflow: hidden;
    margin-bottom: 30px; }
    .person .bio-img img {
      position: relative;
      -webkit-transition: .3s all ease-in-out;
      -o-transition: .3s all ease-in-out;
      transition: .3s all ease-in-out;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
    .person .bio-img .social {
      z-index: 2;
      padding: 10px 0;
      width: 100%;
      position: absolute;
      bottom: 0%;
      -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
      left: 0;
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease;
      background: #ee3324; }
      .person .bio-img .social a {
        display: inline-block;
        padding: 5px;
        color: #fff; }
  .person:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  .person:hover .social {
    bottom: 0;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%); }
  .person:hover figure:before {
    opacity: 0;
    visibility: hidden; }

.post-entry, .project-entry {
  overflow: hidden;
  position: relative;
  display: block; }
  .post-entry .figure, .project-entry .figure {
    overflow: hidden;
    margin-bottom: 20px; }
  .post-entry h3, .project-entry h3 {
    font-size: 18px;
    line-height: 1.3; }
    .post-entry h3 a, .project-entry h3 a {
      color: #000; }
  .post-entry img, .project-entry img {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .post-entry:hover img, .project-entry:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }

.testimony {
  text-align: center;
  z-index: 1;
  position: relative;
  padding: 30px; }
  .testimony img {
    max-width: 100px;
    border-radius: 50%;
    margin: 0 auto 30px auto; }
  .testimony .sub-title {
    margin-bottom: 30px; }
  .testimony h3 {
    font-size: 18px; }
  .testimony p {
    font-size: 20px; }

.site-block-testimony img {
  max-width: 140px;
  border-radius: 50%; }

.site-block-testimony p {
  font-size: 1.2rem; }

.site-block-testimony.active {
  background: #fff;
  -webkit-box-shadow: 0 5px 20px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px -2px rgba(0, 0, 0, 0.1); }

.block-12 {
  position: relative; }
  .block-12 figure {
    position: relative; }
    .block-12 figure:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
      background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
      background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
      background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
      background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); }
  .block-12 .text-overlay {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 10; }
    .block-12 .text-overlay h2 {
      color: #fff; }
  .block-12 .text {
    position: relative;
    top: -100px; }
    .block-12 .text .meta {
      text-transform: uppercase;
      padding-left: 40px;
      color: #fff;
      display: block;
      margin-bottom: 20px; }
    .block-12 .text .text-inner {
      -webkit-box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.3);
      background: #fff;
      padding: 10px;
      margin-right: 30px;
      position: relative; }
      @media (min-width: 576px) {




        .block-12 .text .text-inner {
          padding: 20px; } }
      @media (min-width: 768px) {
        .block-12 .text .text-inner {
          padding: 30px 40px; } }
      .block-12 .text .text-inner:before {
        position: absolute;
        content: "";
        width: 80px;
        height: 4px;
        margin-top: -4px;
        background: #ee3324;
        top: 0; }
      .block-12 .text .text-inner .heading {
        font-size: 20px;
        margin: 0;
        padding: 0; }

.block-16 figure {
  position: relative; }
  .block-16 figure .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 20px;
    width: 70px;
    height: 70px;
    background: #fff;
    display: block;
    border-radius: 50%;
    opacity: 1;
    color: #ee3324 !important; }
    .block-16 figure .play-button:hover {
      opacity: 1; }
    .block-16 figure .play-button > span {
      position: absolute;
      left: 55%;
      top: 50%;
      -webkit-transform: translate(-60%, -50%);
      -ms-transform: translate(-60%, -50%);
      transform: translate(-60%, -50%); }

.block-25 ul, .block-25 ul li {
  padding: 0;
  margin: 0; }

.block-25 ul li .date {
  color: rgba(255, 255, 255, 0.25);
  font-size: 0.8rem;
  display: block; }

.block-25 ul li a .image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90px;
  flex: 0 0 90px; }
  .block-25 ul li a .image img {
    border-radius: 4px;
    max-width: 100%;
    opacity: 1;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }

.block-25 ul li a .text .heading {
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  color: #999999; }

.block-25 ul li a .meta {
  color: #ee3324; }

.block-25 ul li a:hover img {
  opacity: .5; }

.block-25 ul li a:hover .text .heading {
  color: #fff; }

.pricing .price {
  color: #000; }
  .pricing .price .currency {
    position: relative;
    top: -1em;
    font-size: 20px; }
  .pricing .price .number {
    font-size: 40px;
    color: #000;
    font-weight: bold; }

.pricing li.text-muted:before {
  color: #dee2e6; }

.play-button {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  margin: 0 auto 30px auto;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .play-button > span {
    position: absolute;
    top: 50%;
    color: #000;
    left: 50%;
    -webkit-transform: translate(-40%, -50%);
    -ms-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%); }
  .play-button:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }

/*PRELOADING------------ */
#overlayer {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 7100;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.loader {
  z-index: 7700;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.form-subscribe .btn:hover, .form-subscribe .btn:active, .form-subscribe .btn:focus {
  background-color: #ee3324 !important;
  border-color: #ee3324 !important;
  color: #fff; }

  .is-sticky .site-navbar .site-navigation .site-menu > li > a {
    color:#fff !important;
  }
  .is-sticky .site-navbar .site-navigation .site-menu > li > a:hover {
    color:#ffd5ca;
  }

/*# sourceMappingURL=style.css.map */

.garanciategec {
  font-size: 24px;
  color: #ee3324;
  font-weight: 800;
  padding: 0 20px;
  line-height: normal;
  text-align: center;
  margin-top: 8px;
}
.kivitelezes_datum i {
  font-style: normal;
  font-size:0.7em;
}
.showonmobile {
  display:none;
}
#kalku {
  padding:20px;
}
.cinfo {
  font-size: 32px;
    font-weight: 600;
}
#galery-section .gitem:hover {
  box-shadow:0 0 15px #333;
  -webkit-box-shadow:0 0 15px #333;
  -moz-box-shadow:0 0 15px #333;
}
.inperror {
  background: red;
  color: #fff;
  font-size: 18px;
  padding: 4px;
  font-weight: 800;
  display: none;
}
.cinfo b {
  font-weight: 800;;
}
.notipa {
  margin-bottom:50px;
  text-align: center;
}
.tamogatas b {
  font-weight: 900;
}
.actionsg {
  text-align:center;
  padding-top:30px;
}
.actionsg a {
  display:inline-block;
}
.is-sticky .mainlogo {
 
}
.is-sticky .site-navbar .site-logo {
  top: 0;
}
.site-footer p.uftitle {
  color:white;
  text-align: left;
  font-size:22px;
  font-weight: bold;

}
.site-menu {
  padding:0;
}
.tamogatas {
  color: white;
  background: #002bff;
  padding: 20px 0;
  text-align: center;
  font-size: 25px;
}

.tamogatas2 {
  color: #ee3324;
  background: #efefef;
  padding: 20px 10px;
  text-align: center;
  font-weight: 500;
  font-size: 27px;
}
.topemailt {
  font-size:16px;
}
.videosec {
  padding:0 0 50px 0;
}
.videosec iframe {
  display:block;
  margin:0 auto;
}
.fugeci{margin:0;}
.vidtit {
  margin:30px 0;
}
.site-navbar .site-navigation .site-menu > li > a.oakbut {
  background: #ee3324;
    color: white;
    border-radius: 0;
    padding: 10px 25px;

    margin-left:15px;
}
.site-navbar .site-navigation .site-menu > li > a.oakbut:hover {
  background: #ff4f3e;
 
}

.vidvont {
  padding:50px 0;
}
footer img {
  max-width:100%;
}
.topemailt  {
  font-weight:400;
}
.topemailt b {
  font-weight: 800;
}
#contact-section label {
  font-size:20px;
  margin-bottom:0.3rem;
}
#services-section .mt-15 {
  margin-top:19px;
}
input.form-control,select.form-control {
  border: 2px solid #949495;
}
/*@media (max-width: 1024px) {*/
  @media (max-width: 1200px) {



    .elkaz .dobozka a {
      font-size:14px;
    }
    .loricont {
      background-position: -200px -500px;
    }
    .articler {
      width:98%;
    }
    .media.custom-media {
      padding:6px !important;
    }

    #bigmap h2 {
      font-size:42px;
      padding-top:0;
    }
    .mainlogo {
      height:45px;
    }

    .reviewt {
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      margin-top: 20px;
      margin-bottom:0px !important;
  }

  .is-sticky .site-navbar .site-menu li { border-left:0 !important; } 
  .site-navbar .site-navigation .site-menu > li > a { font-size:13px; padding: 10px 5px; }
  .site-navbar .site-navigation .site-menu > li > a.oakbut { padding-left: 10px; padding-right:10px;}
  .container {max-width:97% !important;}
  .szinvonalasfoskeptunikel {
  display:none;
  }
  .miertmidiv {
    width:100%;
    max-width:100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #reviews-section h2 {
    font-weight: 800;
    font-size:22px;
    color:#898989;
  }
  #bigmap .terkepsz {
    display:none;
  }
  #contactinfo-section .cinfo b {
    display: block;
  }
  

}
.icon-menu {
  color: #000 !important;
  font-size: 45px !important;
}
@media (max-width: 900px) {
  .vegyesar, .vegyesar b {
  font-size:23px !important;
}
  .articler .dobozka p  {
    margin-bottom:0;
  }

  .vegyesul {
    line-height: 24px !important;
  }
  .articler p {
    font-size:17px;
  }
.mobilonjonelo {
  display:block !important;
}
.topemailt , .displayblockmob{
  display: block;
}
  
  .articler h1  {
    font-size: 28px !important;
  }
  .dobozka3 {
    border:0;
    padding:0;
  }

  .loricont {
    background-position: center -500px;
  }

  .loricont {
    background:none;
  }
  .site-footer p.uftitle {
    margin-top:30px;
  }
  .klimabarmismas {
    font-size:25px !important;
  }
  .dobozka {
    display:block;
    width:90%;
    margin:0 auto;
  }
  .dobozka li + li {
    margin-top:0px;
  }

  .eltunikmobilon {
    display:none !important;
  }
  .ketteoszt .l {
    width:100%;
    display: block;
  }
  .ketteoszt .r {
    width:100%;
    display:block;
  }
  .simatblin {
    width:90%;
  }
  .simatblin input[type=submit] {
    font-size:25px;
  }
  #bigmap {
    display:none;
  }
  .szamar {
    display:none;
  }
  .articler { width:100%; }
  .articler img {max-width:100%;}
  footer img {
    max-width:100%;
  }
  .videosec iframe {
    width:100%;
    display:block;
  }
  .phonemutika {

    font-size:15px;}
    .phonemutika h1 {

      font-size:15px;}

  .site-blocks-cover h1 {
    font-size:29px;
  }
  .site-blocks-cover .sub-text {
    line-height: normal;
    font-size: 23px;
  }

  .btn.btn-primary.elsobut2, .btn.btn-primary.elsobut,.btn.btn-primary.elsobut3 {
    display:block;
    margin:0 auto;
  }
  .btn.btn-primary.elsobut,.btn.btn-primary.elsobut2 {
    margin-top:15px;
  }
  .site-blocks-cover, .site-blocks-cover .row {
    height:auto;
    padding-top:200px;
  }
  .site-logo img {
    width:100%;
    max-width: 282px;
    
    height:auto;
  }
  #kalkeredmeny td.mobiletdszaz {
    width:100%;
  }
  #kalkeredmeny {
    width:100%;
  }

  .logocol {
    -webkit-box-flex:0;
    -ms-flex:0 0 75%;
    flex:0 0 75%;
    max-width:75%
  }
  .telicolfent {
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
    
  }

  .headercestop {
    margin-top:170px;
  }
  .phonemutika {
    display:none;
  }
  .phonemutika h1 {
    display:none;
  }
  .menucol {
    -webkit-box-flex:0;
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%
  }
  .galeryitem,.galeryitem2 {
    margin:0 auto;
  }
  .hideonmobile {
    display:none !important;
  }
  .redy {
    font-size:16px;
    line-height: normal;
  }
  .maillineonmobile {
    margin-right: 0  !important;
  }
  .dobozka44 {
    padding:5px;
    
  }
  .dobozka + .dobozka {
    border:0;
  }
  #kalku {
    padding:0;
  }
  #kalkeredmeny ul {
    padding-left:20px;
  }
  .displayblockmob {
    display:inline-block;
  }

  .showonmobile {
    display:block;
  }
  #kalkeredmeny td {
    font-size:24px;
  }
  .tamogatas {
    font-size:16px;
    padding:5px 30px;
  }
  .btn.btn-primary.elsobut, .btn.btn-primary.elsobut2 {
    letter-spacing: 0;
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
    padding-bottom:10px;
  }
  .tamogatas2 {

    padding: 10px 10px;

    font-size: 18px;
 
}

}



@media (min-width: 1200px) {



.container {
    max-width: 1440px;
}
}
#about-section {
  margin:50px 0;
}
#services-section {

}
.miertmidiv {
  padding:0 40px;
}
.refdiv {
  margin-bottom:50px;
}
.kozbuz {
  margin-bottom:50px;
}




/* ==========================
   KAZÁNCSERE LANDING (GLOBAL)
   Namespace: .kazancsere-landing
   ========================== */

.kazancsere-landing{
  --brand:#ee3324;
  --text:#111;
  --muted:#666;
  --bg:#fff;
  --soft:#fafafa;
  --radius:18px;
  --shadow:0 10px 34px rgba(0,0,0,.08);
  --maxw:1100px;
}

/* Container */
.kazancsere-landing .container{
  max-width:var(--maxw);
  margin:0 auto;
  padding:0 16px;
}

.kazancsere-landing .brand{ color:var(--brand); }
.kazancsere-landing .center{ text-align:center; }
.kazancsere-landing .muted{ color:var(--muted); }
.kazancsere-landing .xsmall{ font-size:12px; }

/* Buttons */
.kazancsere-landing .cta-row{
  margin-top:16px;
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
}
.kazancsere-landing .cta-row.left{ justify-content:flex-start; }

.kazancsere-landing .btn{
  display:inline-block;
  padding:12px 18px;
  border-radius:14px;
  font-weight:900;
  text-decoration:none;
  border:2px solid transparent;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}
.kazancsere-landing .btn-primary{
  background:var(--brand);
  color:#fff;
}
.kazancsere-landing .btn-outline{
  border-color:var(--brand);
  color:var(--brand);
  background:transparent;
  box-shadow:none;
}

/* Hero */
.kazancsere-landing .hero{
  padding:38px 0 16px;
  text-align:center;
}
.kazancsere-landing .hero h1{
  font-weight:950;
  color:var(--text);
  font-size:37px;
  line-height:1.05;
  margin:0;
}
.kazancsere-landing .hero h2{
  margin:14px 0 0;
  font-size:20px;
  color:var(--muted);
  font-weight:700;
}

/* (Optional) hero note pills */
.kazancsere-landing .hero-note{
  margin-top:14px;
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
}
.kazancsere-landing .pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(238,51,36,.08);
  border:1px solid rgba(238,51,36,.18);
  font-weight:800;
  color:#3b1210;
  font-size:13px;
}

/* Badges */
.kazancsere-landing .badges{
  margin:16px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.kazancsere-landing .badge{
  border:1px solid #eee;
  border-radius:16px;
  padding:14px;
  text-align:center;
  background:#fff;
  box-shadow:var(--shadow);
  font-size:16px;
}
.kazancsere-landing .badge small{
  display:block;
  margin-top:8px;
  color:var(--muted);
  font-weight:700;
}

/* Tick list */
.kazancsere-landing .tick{
  margin:10px 0 0;
  padding-left:0;
  line-height:1.85;
  list-style:none;
}
.kazancsere-landing .tick li{
  position:relative;
  padding-left:22px;
  margin:6px 0;
}
.kazancsere-landing .tick li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:var(--brand);
  font-weight:950;
}

/* Segments */
.kazancsere-landing .segments{
  margin:26px auto 0;
}
.kazancsere-landing .segments h2{
  color:var(--brand);
  text-align:center;
  margin-bottom:12px;
  font-weight:950;
}
.kazancsere-landing .segment-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.kazancsere-landing .card{
  border:1px solid #eee;
  border-radius:20px;
  padding:18px;
  background:#fff;
  box-shadow:var(--shadow);
}
.kazancsere-landing .card h3{
  margin:0 0 10px;
  font-size:20px;
}
.kazancsere-landing .mini-cta{ margin-top:10px; }
.kazancsere-landing .link{
  font-weight:900;
  color:var(--brand);
  text-decoration:none;
}

/* Packs */
.kazancsere-landing .pack-grid{
  margin:14px auto 0;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.kazancsere-landing .pack-grid3{
  margin:14px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.kazancsere-landing .pack{
  position:relative;
  border:1px solid #e9e9e9;
  border-radius:22px;
  background:#fff;
  box-shadow:var(--shadow);
  padding:16px;
  overflow:hidden;
}
.kazancsere-landing .pack-top{
  display:flex;
  gap:14px;
  align-items:center;
}
.kazancsere-landing .pack-top img{
  width:auto;
  max-width:100%;
  height:170px;
  border-radius:16px;
  border:1px solid #eee;
  background:#fff;
  flex:0 0 auto;
}
.kazancsere-landing .pack-head{
  flex:1 1 auto;
  min-width:0; /* fontos: ne lökje szét a flexet */
}
.kazancsere-landing .pack-title{
  font-weight:950;
  font-size:18px;
  line-height:1.25;
}
.kazancsere-landing .pack-sub{
  margin-top:6px;
  font-weight:750;
}
.kazancsere-landing .pack-price{
  margin-top:10px;
  padding-top:12px;
  border-top:1px dashed #e7e7e7;
}
.kazancsere-landing .price-big{
  font-size:22px;
  font-weight:950;
  color:var(--text);
}

/* Ribbon + Best pick */
.kazancsere-landing .pack.bestpick{
  border:2px solid rgba(35,238,163,.75);
  box-shadow:0 14px 40px rgba(35,238,163,.18);
}
.kazancsere-landing .ribbon{
  position:absolute;
  top:14px;
  right:14px;
  background:#23eea3;
  color:#0b2a1f;
  font-weight:950;
  font-size:12px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 10px 22px rgba(0,0,0,.08);
  letter-spacing:.2px;
  text-transform:uppercase;
  z-index:2;
}
.kazancsere-landing .bestline{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.kazancsere-landing .bestbadge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:rgba(35,238,163,.16);
  border:1px solid rgba(35,238,163,.5);
  color:#0b2a1f;
  font-weight:950;
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  line-height:1;
}
.kazancsere-landing .bestbadge.ghost{
  background:rgba(35,238,163,.08);
  font-weight:850;
}

/* Video section */
.kazancsere-landing .video-section{
  margin:30px auto 0;
}
.kazancsere-landing .ytgrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:14px;
}
.kazancsere-landing .ytwrap{
  position:relative;
  width:100%;
  padding-bottom:56.25%;
  border-radius:16px;
  overflow:hidden;
  border:1px solid #eee;
  box-shadow:var(--shadow);
  background:#000;
}
.kazancsere-landing .ytwrap iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/* One-row override (desktop 5, mobile 2) */
.kazancsere-landing .ytgrid.ytgrid-onerow{
  grid-template-columns:repeat(5, 1fr);
  gap:10px;
}
.kazancsere-landing .ytwrap.ytwrap-small{
  border-radius:10px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}

/* FAQ */
.kazancsere-landing .faq{
  max-width:900px;
  margin:26px auto 0;
}
.kazancsere-landing .faq h2{
  color:var(--brand);
  text-align:center;
  margin-bottom:12px;
  font-weight:950;
}
.kazancsere-landing .faq details{
  background:#fff;
  border:1px solid #eee;
  border-radius:16px;
  padding:12px 14px;
  margin:10px 0;
  box-shadow:var(--shadow);
}
.kazancsere-landing .faq summary{
  cursor:pointer;
  font-weight:900;
}
.kazancsere-landing .faq p{
  margin:10px 0 0;
}
/* Mobilon csak az első 4 cikk látszódjon */
@media (max-width: 768px) {
 #info-section {
  display:none;
 }
}

/* Lead form */
.kazancsere-landing .leadform{
  max-width:760px;
  width:100%;
  margin:34px auto 0;
}
.kazancsere-landing .leadform h2{
  text-align:center;
  margin-bottom:10px;
  color:var(--brand);
  font-weight:950;
  font-size:38px;
}
.kazancsere-landing .online-line{
  display:block;
  text-align:center;
  font-size:20px;
  margin-top:8px;
}
.kazancsere-landing .simatblin{
  width:95%;
}
.kazancsere-landing .simatblin td{
  padding:8px 0;
}
.kazancsere-landing .simatblin span{
  font-size:12px;
  color:#999;
  margin-left:6px;
  font-weight:700;
}
.kazancsere-landing .simatblin input[type="text"],
.kazancsere-landing .simatblin input[type="email"]{
  width:100%;
  padding:12px;
  border-radius:14px;
  border:1px solid #ddd;
  outline:none;
}
.kazancsere-landing .simatblin input[type="submit"]{
  width:100%;
  padding:12px 14px;
  border-radius:14px;
  border:0;
  background:#1f6feb;
  color:#fff;
  font-weight:950;
  cursor:pointer;
}
.kazancsere-landing .simatblin input[type="submit"]:hover{
  filter:brightness(.95);
}
.kazancsere-landing .gdpr{
  font-size:13px;
  margin-top:12px;
  line-height:17px;
}
.kazancsere-landing .email-row{
  opacity:.55;
  transition:opacity .2s ease;
}

/* Big call */
.kazancsere-landing .bigcall{
  margin:40px auto 60px;
  text-align:center;
}
.kazancsere-landing .bigcall h1{
  margin:0;
  font-weight:950;
}
.kazancsere-landing .bigcall span{
  display:inline-block;
  margin-top:6px;
  font-size:22px;
  font-weight:800;
}
.kazancsere-landing .bigcall .phone{
  font-size:40px;
  font-weight:950;
}
.kazancsere-landing .bigcall a{
  text-decoration:none;
  
}

/* Gallery helper (ha nincs külön CSS) */
.kazancsere-landing .galeryitem3{
  display:block;
  width:100%;
  padding-bottom:70%;
  background-size:cover;
  background-position:center;
  border-radius:16px;
  border:1px solid #eee;
  box-shadow:var(--shadow);
}
    .ytitem{scroll-snap-align:start}
      .ytwrap{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#000}
      .ytwrap-small{padding-top:56.25%;}
      .ytwrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* Stickybar (ha használod) */
.kazancsere-landing .stickybar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  display:none;
  gap:10px;
  justify-content:center;
  padding:10px 12px;
  background:rgba(255,255,255,.92);
  border-top:1px solid rgba(0,0,0,.08);
  backdrop-filter:blur(8px);
  z-index:9999;
}
.kazancsere-landing .stickybtn{
  flex:1;
  max-width:520px;
  text-align:center;
  text-decoration:none;
  padding:12px 14px;
  border-radius:14px;
  font-weight:950;
}
.kazancsere-landing .stickybtn.call{ background:var(--brand); color:#fff; }
.kazancsere-landing .stickybtn.quote{ background:#111; color:#fff; }

/* ==========================
   RESPONSIVE
   ========================== */

@media (max-width: 1024px){
  .kazancsere-landing .badges{ grid-template-columns:repeat(2,1fr); }
  .kazancsere-landing .segment-grid{ grid-template-columns:1fr; }
  .kazancsere-landing .pack-grid{ grid-template-columns:1fr; }
  .kazancsere-landing .ytgrid{ grid-template-columns:1fr 1fr; }
  .kazancsere-landing .hero h1{ font-size:40px; }
}

/* Mobil */
@media (max-width: 768px){
  .kazancsere-landing .badges{ grid-template-columns:1fr; }

  /* videók: 2 oszlop (2 videó / sor) */
  .kazancsere-landing .ytgrid{ grid-template-columns:1fr 1fr; }
  .kazancsere-landing .ytgrid.ytgrid-onerow{ grid-template-columns:repeat(2,1fr); gap:10px; }

  .kazancsere-landing .hero h1{ font-size:34px; }
  .kazancsere-landing .hero h2{ font-size:18px; }

  .kazancsere-landing .pack-top{ align-items:flex-start; }
  .kazancsere-landing .pack-top img{ width:110px; height:auto; }

  .kazancsere-landing .leadform h2{ font-size:30px; }

  .kazancsere-landing .stickybar{ display:flex; }
  .kazancsere-landing .bigcall{ padding-bottom:60px; }

  .elkaz .pack-media img {
    width:auto !important;
  }
}

/* Extra: nagyon keskeny mobil (pl. 360px alatt) */
@media (max-width: 380px){
  .kazancsere-landing .btn{ width:100%; text-align:center; }
  .kazancsere-landing .cta-row{ gap:10px; }
  .kazancsere-landing .ytgrid,
  .kazancsere-landing .ytgrid.ytgrid-onerow{
    grid-template-columns:1fr;
  }
}

/* Mobilon csak 6 vélemény látszódjon */
@media (max-width: 767.98px) {
  .reviews-grid > [class*="col-"]:nth-child(n+7) {
    display: none !important;
  }
#chatbase-bubble-button  {
  display:none !important;
}
  .geolocationvalue {
    display:block;
    margin-top:5px;
  }

  .kazancsere-landing .pack-grid3 {
    margin: 14px auto 0;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
}
.kazancsere-landing .ytgrid.ytgrid-onerow {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}
  .kazancsere-landing .ytgrid > .ytitem:nth-child(n+4) {
    display: none !important;
  }

  .pack .ribbon {
    display:none;
  }
}



      .process{max-width:var(--maxw);margin:24px auto 0;padding:0 16px}
      .process h2{color:var(--brand);text-align:center;margin-bottom:12px}
      .steps{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}
      .step{text-align:center;min-width:180px;flex:1 1 180px}
      .step svg { width:46px; height:46px; color: var(--brand); margin: 14px 0; }
      .step h5{margin:0 0 6px}
      .step p{margin:0;color:var(--muted)}

          .sos{max-width:var(--maxw);margin:26px auto;text-align:center;padding:18px 16px;background:#fff7f6;border:1px solid #ffd1cc;border-radius:18px;display:flex;gap:14px;align-items:center;justify-content:space-between}
      .sos-cta{text-align:center;min-width:280px}
      .sos-text {text-align:center;flex:1}
      .sos-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}
      .sos h2{margin:0 0 8px;color:var(--brand)}
      .sos p{margin:0}
      .stats{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin:18px 0 0}
      .stats div{min-width:150px;text-align:center}
      .stats span{font-size:30px;color:var(--brand);font-weight:900;line-height:1;display:block;}

      /* ====== RESPONSIVE ====== */
      @media (max-width: 1024px){
        .badges{grid-template-columns:repeat(2,1fr)}
        .ytgrid{grid-template-columns:1fr 1fr}
        .pack-grid3{grid-template-columns:1fr}
        .sos{flex-direction:column}
        .sos-cta{min-width:auto}
      }
      @media (max-width: 768px){
        .hero h1{font-size:38px}
        .stats span{font-size:26px}
        .badges{grid-template-columns:1fr}
        .ytgrid{grid-template-columns:1fr}
        .stickycall{display:flex}
      }


      .site-mobile-menu .site-nav-wrap .arrow-collapse {
        width:50px;
        height: 50px;
      }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
        font-size:28px;
      }