.elementor-647 .elementor-element.elementor-element-567c734d{--display:flex;--min-height:100vh;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--gap:0px 0px;--background-transition:0.3s;--overlay-opacity:0.5;--border-radius:0em 0em 0em 0em;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:2;}.elementor-647 .elementor-element.elementor-element-567c734d:not(.elementor-motion-effects-element-type-background), .elementor-647 .elementor-element.elementor-element-567c734d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://greenframe.hu/wp-content/uploads/2024/05/20231017_154211-scaled-1.jpg");background-position:0px -100px;background-repeat:no-repeat;background-size:cover;}.elementor-647 .elementor-element.elementor-element-567c734d::before, .elementor-647 .elementor-element.elementor-element-567c734d > .elementor-background-video-container::before, .elementor-647 .elementor-element.elementor-element-567c734d > .e-con-inner > .elementor-background-video-container::before, .elementor-647 .elementor-element.elementor-element-567c734d > .elementor-background-slideshow::before, .elementor-647 .elementor-element.elementor-element-567c734d > .e-con-inner > .elementor-background-slideshow::before, .elementor-647 .elementor-element.elementor-element-567c734d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-647 .elementor-element.elementor-element-567c734d, .elementor-647 .elementor-element.elementor-element-567c734d::before{--border-transition:0.3s;}.elementor-647 .elementor-element.elementor-element-6f31028f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--overlay-opacity:0.5;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-647 .elementor-element.elementor-element-6f31028f::before, .elementor-647 .elementor-element.elementor-element-6f31028f > .elementor-background-video-container::before, .elementor-647 .elementor-element.elementor-element-6f31028f > .e-con-inner > .elementor-background-video-container::before, .elementor-647 .elementor-element.elementor-element-6f31028f > .elementor-background-slideshow::before, .elementor-647 .elementor-element.elementor-element-6f31028f > .e-con-inner > .elementor-background-slideshow::before, .elementor-647 .elementor-element.elementor-element-6f31028f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-647 .elementor-element.elementor-element-39bc5d29 .elementor-heading-title{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-647 .elementor-element.elementor-element-39bc5d29 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-647 .elementor-element.elementor-element-39bc5d29.elementor-element{--align-self:center;}.elementor-647 .elementor-element.elementor-element-644c066{--display:flex;--background-transition:0.3s;}.elementor-647 .elementor-element.elementor-element-279fb6c8{column-gap:0px;text-align:justify;color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-647 .elementor-element.elementor-element-6d7f7f90{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;}.elementor-647 .elementor-element.elementor-element-4d25956f{--display:flex;--background-transition:0.3s;--overlay-opacity:0.5;}.elementor-647 .elementor-element.elementor-element-4d25956f::before, .elementor-647 .elementor-element.elementor-element-4d25956f > .elementor-background-video-container::before, .elementor-647 .elementor-element.elementor-element-4d25956f > .e-con-inner > .elementor-background-video-container::before, .elementor-647 .elementor-element.elementor-element-4d25956f > .elementor-background-slideshow::before, .elementor-647 .elementor-element.elementor-element-4d25956f > .e-con-inner > .elementor-background-slideshow::before, .elementor-647 .elementor-element.elementor-element-4d25956f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-647 .elementor-element.elementor-element-4d25956f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-647 .elementor-element.elementor-element-5c9822d6{text-align:center;color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:1.6em;font-weight:400;font-style:normal;line-height:28px;letter-spacing:1px;word-spacing:4px;}.elementor-647 .elementor-element.elementor-element-36fa91af.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-647 .elementor-element.elementor-element-4019f2bb{--display:flex;--background-transition:0.3s;--overlay-opacity:0.5;}.elementor-647 .elementor-element.elementor-element-4019f2bb::before, .elementor-647 .elementor-element.elementor-element-4019f2bb > .elementor-background-video-container::before, .elementor-647 .elementor-element.elementor-element-4019f2bb > .e-con-inner > .elementor-background-video-container::before, .elementor-647 .elementor-element.elementor-element-4019f2bb > .elementor-background-slideshow::before, .elementor-647 .elementor-element.elementor-element-4019f2bb > .e-con-inner > .elementor-background-slideshow::before, .elementor-647 .elementor-element.elementor-element-4019f2bb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-647 .elementor-element.elementor-element-4019f2bb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-647 .elementor-element.elementor-element-7ad10508{text-align:center;color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:1.6em;font-weight:400;font-style:normal;line-height:28px;letter-spacing:1px;word-spacing:4px;}.elementor-647 .elementor-element.elementor-element-254948d{--display:flex;--min-height:65vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:space-between;--align-items:center;--background-transition:0.3s;}.elementor-647 .elementor-element.elementor-element-3ea4eafe{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--overlay-opacity:0.5;}.elementor-647 .elementor-element.elementor-element-3ea4eafe::before, .elementor-647 .elementor-element.elementor-element-3ea4eafe > .elementor-background-video-container::before, .elementor-647 .elementor-element.elementor-element-3ea4eafe > .e-con-inner > .elementor-background-video-container::before, .elementor-647 .elementor-element.elementor-element-3ea4eafe > .elementor-background-slideshow::before, .elementor-647 .elementor-element.elementor-element-3ea4eafe > .e-con-inner > .elementor-background-slideshow::before, .elementor-647 .elementor-element.elementor-element-3ea4eafe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-647 .elementor-element.elementor-element-3ea4eafe.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-647 .elementor-element.elementor-element-208aa0f6{text-align:center;color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:1.6em;font-weight:400;font-style:normal;line-height:100px;letter-spacing:1px;word-spacing:4px;}.elementor-647 .elementor-element.elementor-element-65e1a317 img{width:25%;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-text );border-radius:300px 300px 300px 300px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-647 .elementor-element.elementor-element-644ee39b{text-align:center;}.elementor-647 .elementor-element.elementor-element-644ee39b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.2em;font-weight:400;font-style:normal;line-height:2em;letter-spacing:0px;word-spacing:0px;}.elementor-647 .elementor-element.elementor-element-5cfc4f44{text-align:center;}.elementor-647 .elementor-element.elementor-element-f14e6a6 .elementor-button{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );background-color:var( --e-global-color-text );}.elementor-647 .elementor-element.elementor-element-f14e6a6 .elementor-button:hover, .elementor-647 .elementor-element.elementor-element-f14e6a6 .elementor-button:focus{color:#000000;background-color:var( --e-global-color-primary );}.elementor-647 .elementor-element.elementor-element-f14e6a6 .elementor-button:hover svg, .elementor-647 .elementor-element.elementor-element-f14e6a6 .elementor-button:focus svg{fill:#000000;}.elementor-647 .elementor-element.elementor-element-3921af6a{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--overlay-opacity:0.5;}.elementor-647 .elementor-element.elementor-element-3921af6a::before, .elementor-647 .elementor-element.elementor-element-3921af6a > .elementor-background-video-container::before, .elementor-647 .elementor-element.elementor-element-3921af6a > .e-con-inner > .elementor-background-video-container::before, .elementor-647 .elementor-element.elementor-element-3921af6a > .elementor-background-slideshow::before, .elementor-647 .elementor-element.elementor-element-3921af6a > .e-con-inner > .elementor-background-slideshow::before, .elementor-647 .elementor-element.elementor-element-3921af6a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-647 .elementor-element.elementor-element-3921af6a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-647 .elementor-element.elementor-element-2611e0b0{text-align:center;color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:1.6em;font-weight:400;font-style:normal;line-height:100px;letter-spacing:1px;word-spacing:4px;}.elementor-647 .elementor-element.elementor-element-3cbeb05f img{width:25%;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-text );border-radius:300px 300px 300px 300px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-647 .elementor-element.elementor-element-37e798af{text-align:center;}.elementor-647 .elementor-element.elementor-element-37e798af .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.2em;font-weight:400;font-style:normal;line-height:2em;letter-spacing:0px;word-spacing:0px;}.elementor-647 .elementor-element.elementor-element-24226e3a{text-align:center;}.elementor-647 .elementor-element.elementor-element-ac0468a .elementor-button{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );background-color:var( --e-global-color-text );}.elementor-647 .elementor-element.elementor-element-ac0468a .elementor-button:hover, .elementor-647 .elementor-element.elementor-element-ac0468a .elementor-button:focus{color:#000000;background-color:var( --e-global-color-primary );}.elementor-647 .elementor-element.elementor-element-ac0468a .elementor-button:hover svg, .elementor-647 .elementor-element.elementor-element-ac0468a .elementor-button:focus svg{fill:#000000;}.elementor-647 .elementor-element.elementor-element-9a586f2{--display:flex;--background-transition:0.3s;}.elementor-647 .elementor-element.elementor-element-30bad173{text-align:center;}@media(min-width:768px){.elementor-647 .elementor-element.elementor-element-567c734d{--width:100%;}.elementor-647 .elementor-element.elementor-element-4d25956f{--width:50%;}.elementor-647 .elementor-element.elementor-element-4019f2bb{--width:50%;}.elementor-647 .elementor-element.elementor-element-3ea4eafe{--width:47%;}.elementor-647 .elementor-element.elementor-element-3921af6a{--width:47%;}}@media(max-width:1024px) and (min-width:768px){.elementor-647 .elementor-element.elementor-element-4d25956f{--width:430.938px;}.elementor-647 .elementor-element.elementor-element-3ea4eafe{--width:100%;}.elementor-647 .elementor-element.elementor-element-3921af6a{--width:100%;}}@media(max-width:1024px){.elementor-647 .elementor-element.elementor-element-567c734d:not(.elementor-motion-effects-element-type-background), .elementor-647 .elementor-element.elementor-element-567c734d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://greenframe.hu/wp-content/uploads/2024/05/homepage_scaleddown.jpg");background-position:center center;background-size:cover;}.elementor-647 .elementor-element.elementor-element-39bc5d29 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-647 .elementor-element.elementor-element-39bc5d29.elementor-element{--align-self:center;}.elementor-647 .elementor-element.elementor-element-6d7f7f90{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--align-items:center;}.elementor-647 .elementor-element.elementor-element-36fa91af{width:var( --container-widget-width, 377.938px );max-width:377.938px;--container-widget-width:377.938px;--container-widget-flex-grow:0;}.elementor-647 .elementor-element.elementor-element-254948d{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;}}@media(max-width:767px){.elementor-647 .elementor-element.elementor-element-567c734d{--min-height:530px;}.elementor-647 .elementor-element.elementor-element-567c734d:not(.elementor-motion-effects-element-type-background), .elementor-647 .elementor-element.elementor-element-567c734d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://greenframe.hu/wp-content/uploads/2024/05/homepage_scaleddown.jpg");background-position:center center;background-size:cover;}.elementor-647 .elementor-element.elementor-element-208aa0f6{font-size:1.2em;}.elementor-647 .elementor-element.elementor-element-65e1a317 img{width:45%;}.elementor-647 .elementor-element.elementor-element-5cfc4f44{text-align:center;}.elementor-647 .elementor-element.elementor-element-5cfc4f44.elementor-element{--align-self:flex-start;}.elementor-647 .elementor-element.elementor-element-2611e0b0{font-size:1em;}.elementor-647 .elementor-element.elementor-element-3cbeb05f img{width:45%;}.elementor-647 .elementor-element.elementor-element-24226e3a{text-align:center;}.elementor-647 .elementor-element.elementor-element-24226e3a.elementor-element{--align-self:flex-start;}}/* Start custom CSS for html, class: .elementor-element-36fa91af */* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  font-family: "Open Sans", sans-serif;
  background: #333;
}

.container {
  max-width: 900px;
  display: flex;
  justify-content: space-evenly;
  margin: 0 auto;
}

.card-wrapper {
  width: 400px;
  height: 500px;
  position: relative;
}

.card {
  position: relative;
  top: 50%;
  left: 50%;
  width: 350px;
  height: 350px;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.6);
  cursor: pointer;
  transition: 0.5s;
}
.card .card-image {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #000;
  transition: 0.5s;
}
.card:hover img {
  opacity: 0.4;
  transition: 0.5s;
}

.card:hover .card-image {
  transform: translateY(-100px);
  transition: all 0.9s;
}

/**** Social Icons *****/
.social-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-55%, -120%);
  z-index: 3;
  display: flex;
}

.social-icons li {
  list-style: none;
  position: relative;
  display: block;
  width: 350px;
  height: 140px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  margin: 0 6px;
  transition: 0.4s;
  transform: translateY(200px);
  opacity: 0;
}

.card:hover .social-icons li  {
  transform: translateY(0px);
  opacity: 1;
}

/*.social-icons li :hover {
  background: #000;
  transition: 0.8s;
}*/

/**** Personal Details ****/
.details {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 120px;
  z-index: 1;
  padding: 10px;
}
.details h4 {
  margin: 20px 0;
  padding: 0;
  text-align: center;
}
.details h4 .job-title {
  font-size: 1rem;
  line-height: 2.5rem;
  color: #333;
  font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f68956b */* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  font-family: "Open Sans", sans-serif;
  background: #333;
}

.container {
  max-width: 900px;
  display: flex;
  justify-content: space-evenly;
  margin: 0 auto;
}

.card-wrapper {
  width: 400px;
  height: 500px;
  position: relative;
}

.card {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 350px;
  height: 350px;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.6);
  cursor: pointer;
  transition: 0.5s;
}
.card .card-image {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #000;
  transition: 0.5s;
}
.card:hover img {
  opacity: 0.4;
  transition: 0.5s;
}

.card:hover .card-image {
  transform: translateY(-100px);
  transition: all 0.9s;
}

/**** Social Icons *****/
.social-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-55%, -120%);
  z-index: 3;
  display: flex;
}

.social-icons li {
  list-style: none;
  position: relative;
  display: block;
  width: 300px;
  height: 140px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  margin: 0 6px;
  transition: 0.4s;
  transform: translateY(200px);
  opacity: 0;
}

.card:hover .social-icons li  {
  transform: translateY(0px);
  opacity: 1;
}

/*.social-icons li :hover {
  background: #000;
  transition: 0.8s;
}*/

/**** Personal Details ****/
.details {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 120px;
  z-index: 1;
  padding: 10px;
}
.details h4 {
  margin: 20px 0;
  padding: 0;
  text-align: center;
}
.details h4 .job-title {
  font-size: 1rem;
  line-height: 2rem;
  color: #333;
  font-weight: 300;
}/* End custom CSS */