@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,900|Open+Sans:300,400,700|Roboto:300,400,900|Source+Code+Pro&display=swap&subset=latin-ext");
/*$normal-font: 'Open Sans', sans-serif;
$font-entry-title: 'Open Sans', sans-serif;
$title-font: 'Open Sans', sans-serif;*/
/* 1440px */
/*** SZÍNEK ***/
.hide-on-mobile {
  display: block !important; }

.hide-on-desktop {
  display: none !important; }

* {
  box-sizing: border-box; }

body, html {
  font: Normal 24px/40px "Open Sans", sans-serif;
  margin: 0;
  padding: 0;
  outline: none !important;
  font-weight: 300;
  word-break: normal;
  text-decoration: none;
  background-color: #000; }
  body::before
, html::before {
    display: none; }

span, a, p, h1, h2, h3, h4, h5, h6, ul, li, ul li, input, label, textarea, button, checkbox-inline, table tr td {
  font: Normal 24px/40px "Open Sans", sans-serif;
  margin: 0;
  padding: 0;
  outline: none !important;
  font-weight: 300;
  word-break: normal;
  text-decoration: none;
  color: #ffffff; }
  span::before
, a::before
, p::before
, h1::before
, h2::before
, h3::before
, h4::before
, h5::before
, h6::before
, ul::before
, li::before
, ul li::before
, input::before
, label::before
, textarea::before
, button::before
, checkbox-inline::before
, table tr td::before {
    display: none; }

a, a:hover, a:active, a:focus {
  outline: none !important;
  border-bottom: none !important;
  text-decoration: none !important; }

a:hover, a:active {
  color: #555559 !important; }

h1:not(.site-title):before,
h2:before {
  display: none; }

ul {
  list-style-position: inside; }

img {
  display: block;
  max-width: 100%; }

.main-menu-more {
  display: none !important; }

.col {
  width: 95%;
  max-width: 1400px;
  margin: 0 auto; }

.col-full {
  width: 100%; }

.col-50 {
  width: 50%; }

.col-25 {
  width: 25%; }

.col-33 {
  width: 33%; }

/*************************************/
#page.site {
  width: 100%;
  margin: 0 auto;
  padding: 0; }

.cta-button {
  clear: both; }

.cta-button a {
  background-color: #FF4337;
  text-transform: uppercase;
  color: #ffffff !important;
  padding: 25px 70px 20px;
  font: Bold 16px/55px "Lato" !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .cta-button a:hover {
    background-color: #fc7979; }
  .cta-button a:after {
    display: none !important;
    border: none !important; }

header {
  position: fixed;
  z-index: 300000;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #000;
  /*background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(56,56,56,0.5) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(56,56,56,0.5) 50%, rgba(255,255,255,0) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(56,56,56,0.5) 50%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);*/
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  header
.site-branding {
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    header
.site-branding
.site-logo {
      display: inline-block;
      -moz-transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      header
.site-branding
.site-logo
img {
        height: 100px;
        width: auto;
        -moz-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
    header
.site-branding
#fomenu {
      display: inline-block;
      float: right; }
      header
.site-branding
#fomenu
.menu-fomenu-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        height: 100px;
        -moz-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
      header
.site-branding
#fomenu
ul {
        list-style-type: none; }
        header
.site-branding
#fomenu
ul
li {
          display: inline-block !important;
          margin-left: 25px; }
          header
.site-branding
#fomenu
ul
li
a {
            font: 19px/55px Normal 19px/26px "Open Sans", sans-serif;
            color: #ffffff;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            /*&:hover
						{
							&:after
							{
								display: block;
								content: "";
								width: 100%;
								border-bottom: 1px solid $szurke-menu;
							}
						}*/ }
          header
.site-branding
#fomenu
ul
li.current_page_item
a {
            font-weight: bold; }
  header.sticky {
    background: black; }
    header.sticky
.site-branding {
      padding: 15px 0; }
      header.sticky
.site-branding
#fomenu
.menu-fomenu-container {
        height: 50px; }
      header.sticky
.site-branding
#fomenu
ul
li
a {
        line-height: 40px; }
      header.sticky
.site-branding
.site-logo
img {
        height: 50px; }

.site-logo.mobile.hide-on-desktop
img {
  height: 100px;
  width: auto; }

.back-to-top {
  position: fixed;
  right: 0;
  bottom: 75px;
  width: 50px;
  height: 50px;
  display: none;
  cursor: pointer;
  z-index: 10000000000; }

.slick-dots {
  list-style-position: inside;
  list-style-type: none; }
  .slick-dots
li
button {
    width: 10px;
    height: 10px;
    border: none;
    background-color: #ffffff; }
  .slick-dots
li.slick-active
button {
    background-color: #555559; }

.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form
textarea {
  width: 100%;
  max-width: 400px;
  margin: 0 0 15px 0;
  padding: 10px;
  font: Normal 18px/30px "Open Sans", sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  resize: none;
  border: none;
  outline: none;
  color: #000000; }

.wpcf7-form
label {
  color: #F4F4F4;
  font: Normal 18px/30px "Open Sans", sans-serif; }

.wpcf7-form
input[type="submit"] {
  background-color: #ffffff;
  color: #555559 !important;
  padding: 0;
  font: Bold 16px/55px "Lato" !important;
  border: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  min-height: 55px;
  max-width: 200px;
  cursor: pointer; }
  .wpcf7-form
input[type="submit"]:hover {
    background-color: #F4F4F4; }
  .wpcf7-form
input[type="submit"]:after {
    display: none !important;
    border: none !important; }

.wpcf7-form
span.wpcf7-not-valid-tip {
  margin: -15px 0 15px 0; }

.wpcf7-form div.wpcf7-validation-errors, .wpcf7-form
div.wpcf7-acceptance-missing {
  color: #FDBD28; }

.slbArrows {
  position: absolute !important;
  top: calc(50% + 65px) !important;
  left: -65px !important;
  right: -65px !important; }
  .slbArrows
.prev {
    width: 0;
    height: 0;
    border-top: 65px solid transparent;
    border-bottom: 65px solid transparent;
    border-right: 65px solid #555559; }
  .slbArrows
.next {
    width: 0;
    height: 0;
    border-top: 65px solid transparent;
    border-bottom: 65px solid transparent;
    border-left: 65px solid #555559; }

#kezdo {
  position: relative; }
  #kezdo
.belso {
    max-height: 100vh;
    height: 100vh;
    padding-top: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly; }
    #kezdo
.belso
.kezdo-szoveg {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      #kezdo
.belso
.kezdo-szoveg
h1 {
        font-size: 60px;
        font-weight: bold;
        max-width: 80%;
        line-height: 75px;
        color: #F4F4F4; }
      #kezdo
.belso
.kezdo-szoveg
h2 {
        font-size: 55px;
        line-height: 65px;
        color: #F4F4F4;
        max-width: 60%; }
      #kezdo
.belso
.kezdo-szoveg
.play-video {
        color: #C0AF77;
        display: block;
        width: calc(100% - 125px);
        margin-top: 25px;
        margin-right: 125px;
        padding-right: 40px;
        text-align: right;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='210 -252.7 460.5 531.7' style='enable-background:new 210 -252.7 460.5 531.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23C0AF77;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='210.5,-251.9 669.5,13.1 210.5,278.1 '/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: right center;
        background-size: auto 60%; }
        #kezdo
.belso
.kezdo-szoveg
.play-video:hover {
          background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='210 -252.7 460.5 531.7' style='enable-background:new 210 -252.7 460.5 531.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23555559;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='210.5,-251.9 669.5,13.1 210.5,278.1 '/%3E%3C/svg%3E%0A"); }
    #kezdo
.belso
.kezdo-video-kep {
      display: flex;
      justify-content: center;
      flex-direction: column; }
      #kezdo
.belso
.kezdo-video-kep
.video-placeholder {
        background-image: url(img/viktor_toth_master_jeweller_video.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        width: 100%;
        height: 100%;
        max-width: 732px;
        max-height: 414px; }
    #kezdo
.belso .kezdo-szoveg, #kezdo
.belso
.kezdo-video-kep {
      flex-basis: 0;
      flex-grow: 1; }
  #kezdo
#intro-video {
    width: 100%; }
  #kezdo
h1 p {
    color: #ffffff;
    font: Bold 108px/126px "Roboto", sans-serif;
    margin-bottom: 75px; }
  #kezdo
h2 p {
    color: #ffffff;
    font: Lighter 32px/40px "Open Sans", sans-serif;
    margin-bottom: 95px; }
  #kezdo
#play-stop {
    display: block;
    position: absolute;
    cursor: pointer;
    bottom: 15%;
    right: 15%;
    box-sizing: border-box;
    height: 74px;
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.3) !important;
    transition: 100ms all ease;
    will-change: border-width;
    cursor: pointer;
    border-style: solid !important;
    border-width: 37px 0 37px 60px !important; }
    #kezdo
#play-stop.paused {
      border-style: double !important;
      border-width: 0px 0 0px 60px !important; }

#about
.belso
, #family
.belso {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  #about
.belso
.jobb, #about
.belso
.bal
, #family
.belso .jobb, #family
.belso
.bal {
    flex-grow: 1;
    flex-basis: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center; }
  #about
.belso
.bal
, #family
.belso
.bal {
    padding-right: 150px; }
    #about
.belso
.bal
p
, #family
.belso
.bal
p {
      margin-bottom: 15px; }
  #about
.belso
.jobb
img
, #family
.belso
.jobb
img {
    width: 100%; }

#about h2, #about
h2 p
, #family h2, #family
h2 p
, #proposal h2, #proposal
h2 p
, #wedding h2, #wedding
h2 p {
  font: Normal 70px/82px "Roboto", sans-serif;
  margin-bottom: 25px; }

#wedding {
  margin-top: 170px; }

#gallery
.belso {
  padding: 0;
  margin: 0 auto; }

.galeria4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row; }
  .galeria4
a {
    display: block;
    width: calc(25% - 4px);
    margin: 2px;
    padding: 25% 2px 2px 2px;
    position: relative;
    overflow: hidden;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    .galeria4
a:before {
      display: block;
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: transparent;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      z-index: 1000; }
    .galeria4
a:hover:before {
      background-color: rgba(0, 0, 0, 0.3); }

#proposal {
  margin-top: 180px; }
  #proposal
.title {
    min-height: 817px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-bottom: 2px;
    position: relative; }
    #proposal
.title
h2 {
      position: absolute;
      font: Bold 108px/126px "Roboto", sans-serif;
      top: 200px;
      left: 126px; }

.imageGallery3.galeria4
a:first-of-type {
  width: calc(50% - 4px); }

#family {
  margin-top: 180px;
  margin-bottom: 25px; }
  #family
h6 {
    padding-left: 45px; }

/********************************************************************/
.home
#szolgaltatasok
h3 p {
  font: Bold 36px/50px "Open Sans";
  color: #555559;
  text-align: center;
  padding: 133px 105px 120px; }

.home
#szolgaltatasok
.szolgsok {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row; }

.home
#szolgaltatasok
.szolg-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: calc((100% - 80px)/3);
  float: left;
  padding: 55px;
  box-sizing: border-box;
  background-color: #fdfdfd;
  border: 1px solid #E8E8E8 !important;
  border-radius: 5px;
  opacity: 1; }
  .home
#szolgaltatasok
.szolg-col:hover {
    -webkit-box-shadow: 0px 3px 99px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 99px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 99px rgba(0, 0, 0, 0.1); }
  .home
#szolgaltatasok
.szolg-col:nth-of-type(2) {
    margin: 0 40px; }
  .home
#szolgaltatasok
.szolg-col
.sz_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-content: flex-start;
    min-height: 255px; }
    .home
#szolgaltatasok
.szolg-col
.sz_text
p:first-of-type {
      margin-bottom: 15px; }
  .home
#szolgaltatasok
.szolg-col
img {
    display: block;
    margin: 0 auto; }
  .home
#szolgaltatasok
.szolg-col a, .home
#szolgaltatasok
.szolg-col
p {
    text-align: center;
    display: block;
    width: 100%; }
  .home
#szolgaltatasok
.szolg-col
h4 p {
    font: Bold 24px/40px "Open Sans";
    color: #555559;
    text-transform: uppercase;
    margin: 45px 0; }
  .home
#szolgaltatasok
.szolg-col
.tovabb {
    font: Bold 20px/30px "Open Sans";
    margin: 45px 0 0; }
    .home
#szolgaltatasok
.szolg-col
.tovabb
img {
      display: inline-block;
      margin-left: 5px; }

.home
#szolgaltatasok
.cta-button {
  float: left;
  width: 100%;
  margin: 100px auto 210px;
  text-align: center; }
  .home
#szolgaltatasok
.cta-button
a {
    padding: 20px 155px 18px; }

.home
#szolgaltatasok:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  clear: both; }

.home
#rolunk-mondtak {
  background-color: #F4F4F4; }
  .home
#rolunk-mondtak
.col {
    padding: 157px 197px; }
  .home
#rolunk-mondtak
h1 {
    font: Bold 24px/40px "Open Sans", sans-serif;
    text-align: center;
    margin-bottom: 40px; }
  .home
#rolunk-mondtak
#rolunk-slider {
    text-align: center; }
    .home
#rolunk-mondtak
#rolunk-slider
.szoveg p {
      font: Bold 36px/50px "Open Sans", sans-serif; }
      .home
#rolunk-mondtak
#rolunk-slider
.szoveg p:before, .home
#rolunk-mondtak
#rolunk-slider
.szoveg p:after {
        content: '“';
        display: block;
        text-align: center;
        width: 100%;
        font: Normal 100px/100px "Source Code Pro";
        color: #FF4337; }
      .home
#rolunk-mondtak
#rolunk-slider
.szoveg p:after {
        margin-top: 25px; }
    .home
#rolunk-mondtak
#rolunk-slider
.logo {
      width: 45%;
      float: left;
      padding-right: 25px; }
      .home
#rolunk-mondtak
#rolunk-slider
.logo
img {
        float: right;
        height: 60px;
        width: auto;
        padding: 15px 0; }
    .home
#rolunk-mondtak
#rolunk-slider
.nev-cegnev {
      width: 55%;
      float: left; }
      .home
#rolunk-mondtak
#rolunk-slider
.nev-cegnev
.nev {
        font: 20px/30px "Open Sans", sans-serif;
        font-weight: bold;
        text-align: left; }
      .home
#rolunk-mondtak
#rolunk-slider
.nev-cegnev
.cegnev {
        font: 20px/30px "Open Sans", sans-serif;
        font-weight: normal;
        text-align: left; }
  .home
#rolunk-mondtak
.slick-dots {
    float: right; }
    .home
#rolunk-mondtak
.slick-dots
li {
      display: inline-block;
      margin-left: 10px; }

.home
#partnerek
#partner-slider
.slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  outline: none !important; }
  .home
#partnerek
#partner-slider
.slick-slide
img {
    max-height: 70px;
    height: auto;
    margin: 130px 0;
    display: block; }

.home
#rolunk {
  background-color: #555559; }
  .home
#rolunk
.belso {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end; }
  .home
#rolunk
.bal {
    width: calc(1400px/2);
    float: left;
    padding: 180px 180px 180px 0px; }
    .home
#rolunk
.bal p, .home
#rolunk
.bal a, .home
#rolunk
.bal
span {
      color: #ffffff; }
    .home
#rolunk
.bal
.cim p {
      font: Bold 36px/50px "Open Sans", sans-serif; }
    .home
#rolunk
.bal
.szoveg
h2 {
      font: 20px/30px "Open Sans", sans-serif;
      font-weight: bold;
      color: #00BAFF;
      margin: 35px 0; }
    .home
#rolunk
.bal
.rolunk-link {
      margin: 45px 0 0;
      float: left; }
      .home
#rolunk
.bal
.rolunk-link
img {
        display: inline-block;
        margin-left: 10px; }
  .home
#rolunk
.jobb {
    width: 50%;
    float: left;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover; }

.home
#esettanulmanyok {
  float: left;
  width: 100%; }
  .home
#esettanulmanyok
.belso h2, .home
#esettanulmanyok
.belso
h2 p {
    font: Bold 36px/50px "Open Sans", sans-serif;
    text-align: center;
    margin: 155px auto 45px; }
  .home
#esettanulmanyok
.belso
h3 p {
    font: Bold 24px/40px "Open Sans", sans-serif;
    margin: 45px auto;
    text-align: center; }
  .home
#esettanulmanyok
.belso
.kiemelt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 0px; }
    .home
#esettanulmanyok
.belso
.kiemelt
.oszlop {
      display: block;
      width: calc(50% - 30px);
      float: left;
      position: relative;
      min-height: 430px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding: 45px 60px; }
      .home
#esettanulmanyok
.belso
.kiemelt
.oszlop
.kat {
        color: #FFFF00;
        font-weight: 600; }
      .home
#esettanulmanyok
.belso
.kiemelt
.oszlop
h2 {
        margin: 0;
        text-align: left;
        color: #ffffff; }
      .home
#esettanulmanyok
.belso
.kiemelt
.oszlop
.bg {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center; }
      .home
#esettanulmanyok
.belso
.kiemelt
.oszlop:hover {
        -webkit-box-shadow: 0px 3px 99px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 3px 99px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 3px 99px rgba(0, 0, 0, 0.4); }
  .home
#esettanulmanyok
.belso
.tovabb {
    font: Bold 20px/30px "Open Sans";
    margin: 75px auto 170px;
    display: block;
    text-align: center; }
    .home
#esettanulmanyok
.belso
.tovabb
img {
      display: inline-block;
      margin-left: 5px; }

.home
#newsletter {
  background-color: #FDBD28;
  background-image: url(img/newsletter-bg.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 135px 0;
  width: 100%;
  float: left; }
  .home
#newsletter
.belso {
    width: 100%;
    max-width: 400px; }
    .home
#newsletter
.belso
h2 {
      font: Bold 44px/52px "Lato", sans-serif;
      text-align: center;
      color: #ffffff; }
    .home
#newsletter
.belso
.notice {
      text-align: center; }
    .home
#newsletter
.belso .wpcf7-form input[type="text"], .home
#newsletter
.belso
.wpcf7-form input[type="email"] {
      background: none;
      border: none;
      border: 1px solid #555559;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      padding: 10px;
      text-transform: uppercase;
      font-weight: 900;
      color: #555559; }

.home
#blog {
  width: 100%;
  float: left; }
  .home
#blog
h2 {
    font: Bold 36px/50px "Open Sans", sans-serif;
    text-align: center;
    margin: 145px auto 45px; }
  .home
#blog
h3 p {
    font: Bold 24px/40px "Open Sans", sans-serif;
    text-align: center;
    margin: 0 auto 45px; }
  .home
#blog
.tovabb {
    font: Bold 20px/30px "Open Sans";
    margin: 45px auto 145px;
    text-align: center;
    display: block; }
    .home
#blog
.tovabb
img {
      display: inline-block;
      margin-left: 5px; }

.page-template-tanacsadas-page
#kezdo {
  background-image: url(img/tanacsadas-start@2x.jpg); }

.page-template-onsite-oktatas-page
#kezdo {
  background-image: url(img/onsite-bg@2x.jpg); }

.page-szolgaltatas
#szolgaltatasok
.szolgsok {
  float: left;
  padding: 160px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .page-szolgaltatas
#szolgaltatasok
.szolgsok
.szolg-col {
    width: 25%;
    float: left;
    padding: 0 50px;
    position: relative; }
    .page-szolgaltatas
#szolgaltatasok
.szolgsok
.szolg-col
h4 p {
      font: Bold 25px/36px "Open Sans", sans-serif;
      color: #00BAFF;
      margin-bottom: 40px; }
    .page-szolgaltatas
#szolgaltatasok
.szolgsok
.szolg-col:after {
      display: block;
      content: "";
      width: 15px;
      height: 10px;
      background-color: #555559;
      mask-image: url(img/scroll-bullets-szolg.svg);
      position: absolute;
      bottom: -45px; }
    .page-szolgaltatas
#szolgaltatasok
.szolgsok
.szolg-col:hover:after {
      background-color: #00BAFF; }

.page-szolgaltatas
#cta-blokk {
  clear: both;
  background-color: #F4F4F4;
  padding: 100px 40px; }
  .page-szolgaltatas
#cta-blokk
h3 p {
    text-align: center;
    font: Bold 36px/50px "Open Sans", sans-serif;
    color: #FF4337;
    padding: 0px 20px 55px; }
  .page-szolgaltatas
#cta-blokk
.cta-button {
    text-align: center; }
    .page-szolgaltatas
#cta-blokk
.cta-button
a {
      padding: 20px 150px 18px; }

.page-szolgaltatas
#szolg-blokkok {
  padding: 115px 0 38px; }
  .page-szolgaltatas
#szolg-blokkok
.szolg-sor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 77px; }
    .page-szolgaltatas
#szolg-blokkok
.szolg-sor .kep, .page-szolgaltatas
#szolg-blokkok
.szolg-sor
.szoveg {
      width: 50%; }
    .page-szolgaltatas
#szolg-blokkok
.szolg-sor
.szoveg {
      padding: 86px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: space-evenly;
      justify-content: space-evenly; }
      .page-szolgaltatas
#szolg-blokkok
.szolg-sor
.szoveg
h5 p {
        font: Bold 36px/50px "Open Sans", sans-serif; }
    .page-szolgaltatas
#szolg-blokkok
.szolg-sor.jobb {
      -webkit-flex-direction: row-reverse;
      flex-direction: row-reverse; }

.page-template-onsite-oktatas-page
#cta-blokk {
  background: none;
  padding: 100px 40px 0; }
  .page-template-onsite-oktatas-page
#cta-blokk
h3 p {
    padding: 0; }
  .page-template-onsite-oktatas-page
#cta-blokk
.szoveg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 100px; }
    .page-template-onsite-oktatas-page
#cta-blokk
.szoveg
div {
      flex-grow: 1;
      flex-basis: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: space-evenly;
      justify-content: space-evenly; }

.page-template-onsite-oktatas-page
#also-szoveg
p {
  font: Bold 36px/50px "Open Sans", sans-serif;
  color: #555559;
  text-align: center;
  padding: 50px 180px 150px; }

#kapcsolat {
  float: left;
  width: 100%;
  background-color: #FDBD28;
  background-image: url(img/kapcsolat-bg.png);
  background-size: cover;
  background-position: center center;
  padding: 164px 0; }
  #kapcsolat
.belso
.content {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    #kapcsolat
.belso
.content
h2 p {
      font: Bold 36px/50px "Open Sans", sans-serif;
      color: #FF4337;
      text-align: left; }
    #kapcsolat
.belso
.content
p {
      font: Bold 24px/40px "Open Sans", sans-serif;
      color: #ffffff;
      font-weight: normal; }
    #kapcsolat
.belso
.content
.bal {
      width: 50%;
      float: left;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: space-evenly;
      justify-content: space-evenly; }
      #kapcsolat
.belso
.content
.bal
.cta-button {
        margin-top: 70px; }
        #kapcsolat
.belso
.content
.bal
.cta-button
a {
          padding: 20px 155px 18px; }
    #kapcsolat
.belso
.content
.jobb {
      width: 50%;
      float: left;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-evenly;
      justify-content: space-evenly; }
      #kapcsolat
.belso
.content
.jobb
img {
        display: block;
        padding: 40px;
        box-sizing: border-box;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%; }
      #kapcsolat
.belso
.content
.jobb
.nev {
        font: Bold 27px/45px "Open Sans", sans-serif;
        color: #ffffff;
        text-align: center; }

footer {
  padding: 180px 0 50px;
  float: left;
  width: 100%; }
  footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer a, footer span, footer
ul li {
    color: #ffffff; }
  footer
a {
    display: inline-block; }
    footer
a:hover {
      color: #F4F4F4; }
  footer
.col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    flex-wrap: wrap; }
    footer
.col
.f-logo {
      width: 100%;
      margin-bottom: 45px; }
      footer
.col
.f-logo
a.custom-logo-link {
        margin-left: 0 !important; }
      footer
.col
.f-logo
img {
        height: 38px;
        width: auto; }
    footer
.col
.widget {
      float: left; }
      footer
.col
.widget#footer_1 {
        width: 60%; }
        footer
.col
.widget#footer_1
.textwidget {
          width: 100%;
          max-width: 350px; }
          footer
.col
.widget#footer_1
.textwidget
p:nth-of-type(2) {
            margin-top: 50px; }
          footer
.col
.widget#footer_1
.textwidget
p.social {
            margin-top: 50px; }
            footer
.col
.widget#footer_1
.textwidget
p.social .fb, footer
.col
.widget#footer_1
.textwidget
p.social
.insta {
              width: 37px;
              height: 37px;
              background-repeat: no-repeat;
              background-position: center center;
              background-size: contain; }
            footer
.col
.widget#footer_1
.textwidget
p.social
.fb {
              background-image: url(img/fb.svg);
              margin-right: 15px; }
            footer
.col
.widget#footer_1
.textwidget
p.social
.insta {
              background-image: url(img/insta.svg); }
      footer
.col
.widget#footer_2 {
        width: 40%; }
        footer
.col
.widget#footer_2 .google-policy, footer
.col
.widget#footer_2 .google-policy a, footer
.col
.widget#footer_2
.google-policy span {
          color: #555559;
          font-size: 10px; }
  footer
#footer_copy {
    padding: 70px 0 0;
    width: 100%; }
    footer
#footer_copy p, footer
#footer_copy
a {
      text-align: left;
      font-size: 12px;
      color: #555559; }
    footer
#footer_copy
a:hover {
      color: #ffffff; }

.grecaptcha-badge {
  visibility: hidden !important; }

/***************************************/
/* EXPLORER */
/* EXPLORER END */
@media (max-width: 1480px) {
  .home
#kezdo
.belso
.kezdo-szoveg h1, .home
#kezdo
.belso
.kezdo-szoveg
h2 {
    max-width: 85%; }
  .home
#kezdo
.belso
.kezdo-szoveg
h1 {
    font-size: 50px; }
  .home
#kezdo
.belso
.kezdo-szoveg
h2 {
    font-size: 45px; }
  .home
#szolgaltatasok
h3
p {
    font: Bold 20px/40px "Open Sans", sans-serif;
    padding: 45px 53px 30px; }
  .home
#szolgaltatasok
.szolg-col {
    padding: 30px; }
    .home
#szolgaltatasok
.szolg-col
img {
      width: 15%;
      height: auto; }
    .home
#szolgaltatasok
.szolg-col
p {
      font: Normal 14px/30px "Open Sans", sans-serif !important; }
    .home
#szolgaltatasok
.szolg-col
h4
p {
      font: Normal 24px/40px "Open Sans", sans-serif !important;
      margin: 25px 0;
      font-weight: bold !important; }
    .home
#szolgaltatasok
.szolg-col
.sz_text {
      min-height: 200px; }
    .home
#szolgaltatasok
.szolg-col
.tovabb {
      font: Normal 14px/30px "Open Sans", sans-serif !important;
      font-weight: bold !important; }
      .home
#szolgaltatasok
.szolg-col
.tovabb
img {
        width: 10px; }
  .home
#szolgaltatasok
.cta-button {
    margin: 50px auto 100px; }
  .home
#rolunk
.bal {
    padding: 90px 90px 90px 30px; }
  .home
#esettanulmanyok
.belso
h2 {
    margin: 75px auto; } }

@media (max-width: 1280px) {
  header
.site-branding
#fomenu
ul
li {
    margin-left: 10px; }
  header
.site-branding
.site-logo.nosticky {
    width: 130px; }
  #responsive-menu-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; } }

@media (max-width: 1065px) {
  .hide-on-mobile {
    display: none !important; }
  .hide-on-desktop {
    display: block !important; }
  .col {
    width: 100%; }
  header {
    display: none; }
  .imageGallery3.galeria4 a:first-of-type {
    width: 100%; }
  .home
#kezdo {
    margin-bottom: 2em;
    padding-top: 0; }
    .home
#kezdo
.belso {
      margin: 0 !important;
      padding: 0 !important;
      height: auto;
      max-height: none;
      display: block; }
      .home
#kezdo
.belso .jobb, .home
#kezdo
.belso
.bal {
        width: 100%;
        margin: 2rem auto !important;
        padding: 0 !important;
        display: block !important; }
        .home
#kezdo
.belso .jobb h1, .home
#kezdo
.belso .jobb h2, .home
#kezdo
.belso .jobb h3, .home
#kezdo
.belso .jobb
p
, .home
#kezdo
.belso
.bal h1, .home
#kezdo
.belso
.bal h2, .home
#kezdo
.belso
.bal h3, .home
#kezdo
.belso
.bal
p {
          text-align: center; }
      .home
#kezdo
.belso
.kezdo-szoveg {
        padding: 1em; }
        .home
#kezdo
.belso
.kezdo-szoveg
h1 {
          font-size: 2rem;
          line-height: 2.5rem;
          max-width: 100%; }
        .home
#kezdo
.belso
.kezdo-szoveg
h2 {
          font-size: 1.5rem;
          line-height: 2rem; }
        .home
#kezdo
.belso
.kezdo-szoveg
.play-video {
          width: 100%;
          margin: 15px 0 !important; }
      .home
#kezdo
.belso
.kezdo-video-kep
.video-placeholder {
        max-width: 100%;
        max-height: auto;
        height: 50vh; }
  #about
.belso
, #family
.belso {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    justify-content: flex-start;
    padding: 0;
    margin: 0 auto; }
    #about
.belso
.bal
, #family
.belso
.bal {
      padding: 1em; }
    #about
.belso
.bal, #about
.belso
.jobb
, #family
.belso .bal, #family
.belso
.jobb {
      display: block !important;
      flex-grow: 0; }
  #about
.belso
.jobb
img {
    width: 60%;
    margin: 0 auto; }
  #gallery {
    margin: 1em 0; }
    #gallery
.belso {
      padding: 0;
      margin: 0; }
    #gallery
.col {
      width: 100%; }
  #wedding
.title h2 {
    font: Normal 70px/82px "Roboto", sans-serif !important;
    font-weight: bold !important;
    margin-top: 0; }
  #proposal
.belso.col {
    width: 100%; }
  #proposal
.title {
    background-size: auto 100%;
    background-position: center top;
    margin-bottom: 2px;
    min-height: 70vh;
    max-height: 1100px;
    height: 70vh; }
    #proposal
.title
h2 {
      left: 10px;
      top: 45vh; }
  #family
.jobb {
    margin-bottom: 1em; }
  .galeria4 a {
    width: calc(50% - 4px);
    padding-top: 50%; }
  footer {
    padding: 180px 1em 1em 1em; }
    footer
.col .widget {
      width: 100% !important; }
      footer
.col .widget#footer_1 .textwidget {
        max-width: 100%; } }