@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic,900,900italic);
/*font-family: 'Playfair Display', serif;*/
html, body{
	overflow-x:hidden;
	padding:0;
	margin:0;
	font-family: 'Playfair Display', serif;
}
body {
  margin: 0;
  background:#000; 
}
video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
  	transition: 1s opacity;
}
#wrapper{
	max-width:1100px;
	width:100%;
	min-height:200px;
	height:auto;
	position:relative;
	margin:0 auto;
	display:block;
}
#logo{
	width:175px;
	height:160px;
	position:relative;
	margin:0 auto;
	margin-top:150px;
	display:block;
}
#logo2{
	width:90px;
	height:80px;
	position:relative;
	margin-top:10px;
	display:block;
	float:left;
}
#logo2 img{
	height:80px;
}
#logo3{
	width:90px;
	height:80px;
	position:relative;
	margin:0 auto;
	margin-top:-290px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	background-color:#32231d;
}
#logo3 img{
	height:80px;
}
.intro_img{
	width:1000px;
	height:400px;
	position:relative;
	margin:0 auto;
	background-position:center center;
	background-repeat:no-repeat;
	opacity:0.7;
}
.borito1{
	background-image:url(buvesz_eloadas_10.jpg);
}
.borito2{
	background-image:url(buvesz_eloadas_13.jpg);
}
.borito3{
	background-image:url(buvesz_eloadas_14.jpg);
}
.borito4{
	background-image:url(buvesz_eloadas_15.jpg);
}
.borito5{
	background-image:url(buvesz_eloadas_16.jpg);
}
.borito6{
	background-image:url(buvesz_eloadas_17.jpg);
}
.borito7{
	background-image:url(buvesz_eloadas_18.jpg);
}
#intro{
	max-width:1100px;
	width:100%;
	min-height:200px;
	height:auto;
	position:relative;
	margin:0 auto;
	margin-top:-50px;
	display:block;
}
.wline{
	width:1px;
	height:30px;
	position:relative;
	margin:0 auto;
	margin-top:-50px;
	background-color:#e8c0a6;
	display:block;
}
.wline2{
	width:1px;
	height:60px;
	position:relative;
	margin:0 auto;
	background-color:#e8c0a6;
	display:block;
}
.wline3{
	width:1px;
	height:100px;
	position:relative;
	margin:0 auto;
	margin-top:-100px;
	background-color:#e8c0a6;
	display:block;
}
.wline4{
	width:1px;
	height:60px;
	position:relative;
	margin:0 auto;
	background-color:#e8c0a6;
	display:block;
	margin-top:-130px;
}
#intro #int{
	font-family: 'Playfair Display', serif;
	font-size:100px;
	color:#f2f2f2;
	text-align:center;
}
#intro h2{
	font-family: 'Playfair Display', serif;
	font-size:24px;
	color:#e8c0a6;
	text-align:center;
	font-style:italic;
	padding:0 10px;
}
/****************************** Text anim ***********************************************/
.link {
	margin:80px 0 80px 0;
	outline: none;
	text-decoration: none;
	position: relative;
	font-size: 8em;
	line-height: 1;
	color: #9e9ba4;
	display: inline-block;
	text-align:center;
}
.link2 {
	margin:80px 0 80px 0;
	outline: none;
	text-decoration: none;
	position: relative;
	font-size: 5em;
	line-height: 1;
	color: #9e9ba4;
	display: inline-block;
	text-align:center;
}
.link--mallki {
	font-weight: 800;
	text-align:center;
	color: #e8c0a6;
	font-family: 'Playfair Display', serif;
	font-style:italic;
	
	-webkit-transition: color 0.5s 0.25s;
	transition: color 0.5s 0.25s;
	overflow: hidden;
}

.link--mallki:hover {
	-webkit-transition: none;
	transition: none;
	color: transparent;
}

.link--mallki::before {
	content: '';
	width: 100%;
	height: 6px;
	margin: -3px 0 0 0;
	background:#9e9ba4;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.link--mallki:hover::before {
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

.link--mallki span {
	position: absolute;
	height: 50%;
	width: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}

.link--mallki span::before {
	content: attr(data-letters);
	color: red;
	position: absolute;
	left: 0;
	width: 100%;
	color: #32231d;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.link--mallki span:nth-child(2) {
	top: 50%;
}

.link--mallki span:first-child::before {
	top: 0;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

.link--mallki span:nth-child(2)::before {
	bottom: 0;
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}

.link--mallki:hover span::before {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}
/***************************** Text anim **************************************/
/****************** Scroll ******************/
#scroll{
	width:30px;
	height:200px;
	position:relative;
	margin:0 auto;
	margin-top:30px;
	/*margin-bottom:100px;*/
	display:block;
}
#scroll2{
	width:30px;
	height:200px;
	position:relative;
	margin:0 auto;
	margin-top:-60px;
	/*margin-bottom:100px;*/
	display:block;
}
.center{
  position: absolute;
  margin: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
}

.center span{
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
   
  border-right: 1px solid #9e9ba4;
  border-bottom: 1px solid #9e9ba4;
  margin:4px 0 2px 5px;
}

.unu{
  margin-top: 4px;
}
.unu, .doi, .trei{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}
.unu{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
}
.doi{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
}
.trei{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
}

.mouse{
	height: 25px;
	width: 14px;
	border-radius: 10px;
	transform: none;
	border: 1px solid #9e9ba4;
	top: 170px;
}

.wheel{
  height: 4px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: #9e9ba4;
  position: relative;
}

.wheel{
  -webkit-animation: mouse-wheel 1.2s ease infinite;
  -moz-animation: mouse-wheel 1.2s ease infinite;
}

@-webkit-keyframes mouse-wheel
{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-moz-keyframes mouse-wheel
{
  0% { top: 1px; }
  50% { top: 2px; }
  100% { top: 3px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
/****************** Scroll ******************/
#triangle{
	width:100%;
	height:500px;
	position: relative;
	margin:0 auto;
	padding-top:100px;
	background-image:url(diamond1.svg);
	background-position:center center;
	background-repeat:no-repeat;
}
#triangle h1{
	max-width:750px;
	width:100%;
	min-height:100px;
	height:auto;
	position: relative;
	margin:0 auto;
	padding:0 10px;
	padding-top:100px;
	background-image:url(icon1.svg);
	background-position:top center;
	background-repeat:no-repeat;
	font-family: 'Playfair Display', serif;
	font-size:24px;
	color:#e8c0a6;
	text-align:center;
	font-style:italic;
}
#triangle2{
	width:100%;
	height:430px;
	position: relative;
	margin:0 auto;
	margin-top:-430px;
	background-image:url(diamond2.svg);
	background-position:center center;
	background-repeat:no-repeat;
}
#triangle3{
	width:100%;
	height:430px;
	position: relative;
	display:block;
	float:left;
	margin:0 auto;
}
#triangle4{
	width:100%;
	height:450px;
	position: relative;
	display:block;
	float:left;
	margin:0 auto;
	padding-top:0px;
	margin-top:-380px;
	background-image:url(diamond1.svg);
	background-position:top center;
	background-repeat:no-repeat;
}
section{
	width:100%;
	min-height:200px;
	height:auto;
	position:relative;
	display:block;
	float:left;
	/*background-color:#32231d;*/
}
.nothing{
	width:100%;
	min-height:50px;
	height:auto;
	position:relative;
	display:block;
	float:left;
}
.tart{
	width:100%;
	max-width:1000px;
	min-height:200px;
	height:auto;
	position:relative;
	display:block;
	margin:0 auto;
	
	font-family: 'Playfair Display', serif;
	font-size:24px;
	color:#e8c0a6;
	text-align:justify;
	font-style:italic;
}
.tart h5{
	font-family: 'Playfair Display', serif;
	font-size:24px;
	color:#e8c0a6;
	text-align:center;
	font-style:italic;
}
.icon{
	width:150px;
	height:150px;
	position:relative;
	margin:0 auto;
	display:block;
	background-image:url(icon2.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#32231d;
	margin-top:0px;
	margin-bottom:100px;
	-webkit-border-radius:50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
/*.tart p {
	opacity:0.7;
	font-family: 'Playfair Display', serif;
	font-size:30px;
	color:#e8c0a6;	
}*/
.tart2{
	width:100%;
	max-width:1000px;
	min-height:400px;
	height:auto;
	position:relative;
	display:block;
	margin:0 auto;
	
	font-family: 'Playfair Display', serif;
	font-size:24px;
	color:#e8c0a6;
	text-align:justify;
	font-style:italic;
}
.ta{
	min-height:400px;
	height:auto;
	position:relative;
	display:block;
	float:left;
	margin:0 auto;
}
.ta img{
	border:7px solid #e8c0a6;
}
.kep{
	width:40%;
	z-index:10;
}
.kep iframe{
	width:400px;
	height:250px;
	border:7px solid #e8c0a6;
	margin-left:14px;
	background-color:#e8c0a6;
	background-image:url(karo_a_buvesz_logo2.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100px;
}
.kep2{
	width:40%;
	z-index:10;
	margin-left:-14px;
}
.kep2 iframe{
	width:400px;
	height:250px;
	border:7px solid #e8c0a6;
	background-color:#e8c0a6;
	background-image:url(karo_a_buvesz_logo2.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100px;
	/*margin-left:14px;*/
}
.szoveg{
	width:60%;
	margin-top:50px;
	background-color:#32231d;
	padding-bottom:100px;
	z-index:5;
}
.szoveg h2{
	padding:100px 80px 60px 80px;
	text-align:center;
	background-image:url(title_bg.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
.szoveg p{
	padding:0 80px 0px 80px;
}
.szoveg a{
	color:#e8c0a6;
	text-decoration:none;
}
.szoveg a:hover{
	color:#c5997d;
}
.szoveg ul{
	padding:0 80px 0px 110px;
}
.szoveg p::first-letter {
    font-size:60px;
}
.sz2 p::first-letter {
    font-size:24px;
}
.alap{
	width:50%;
	height:513px;
	position:relative;
	display:block;
	float:left;
	background-repeat:no-repeat;
}
.img1{
	background-image:url(buvesz_eloadas_01.jpg);	
	background-position:left center;
}
.img2{
	background-image:url(buvesz_eloadas_02.jpg);
	background-position:right center;
}
.img3{
	background-image:url(buvesz_eloadas_03.jpg);
	background-position:left center;	
}
.img4{
	background-image:url(buvesz_eloadas_04.jpg);
	background-position:right center;
}
.alap div{
	max-height:413px;
	overflow:auto;
	font-family: 'Playfair Display', serif;
	font-size:24px;
	color:#e8c0a6;
	text-align:justify;
	font-style:italic;
	padding:0 70px 0 70px;
	margin:50px 0;
}

.ref img{
	width:200px;
	height:110px;
	margin:10px;
	position:relative;
}
#icon{
	width:220px;
	height:30px;
	position:relative;
	margin:0 auto;
	margin-top:60px;
}
#icon a{
	width:24px;
	height:30px;
	float:left;
	margin:0 10px;
	-webkit-transition: all 0.9s ease-in-out;
	-moz-transition: all 0.9s ease-in-out;
	-o-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
}
#icon a:hover{
	width:24px;
	height:30px;
	background-position:center top;
	background-repeat:no-repeat;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#fb{
	background-image:url(fb.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#ph{
	background-image:url(ph.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#ml{
	background-image:url(ml.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#mp{
	background-image:url(mp.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#dd{
	background-image:url(dd.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#up{
	background-image:url(up.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#triangle4 h6{
	font-family: 'Playfair Display', serif;
	font-size:10px;
	font-style:italic;
	letter-spacing:2px;
	color:#e8c0a6;
	text-align:center;
}
#info{
	height:120px;
	text-align:center;
	margin-top:80px;
}
#info a{
	text-decoration:none;
	font-family: 'Playfair Display', serif;
	font-size:18px;
	font-style:italic;
	letter-spacing:2px;
	color:#e8c0a6;
	text-align:center;
}
#info a:hover{
	opacity:0.7;
}
@media screen and (max-width: 1000px) {
.kep{
	width:30%;
}
.kep img{
	width:100%;
}
.kep iframe{
	width:100%;
	height:250px;
	margin-left:0px;
}
.kep2{
	width:30%;
	margin-left:0px;
}
.kep2 img{
	width:100%;
}
.kep2 iframe{
	width:100%;
	height:250px;
	margin-left:0px;
}
.szoveg{
	width:70%;
	margin-top:50px;
	background-color:#32231d;
	z-index:5;
}
.szoveg h2{
	padding:50px 30px 40px 30px;
}
.szoveg p{
	padding:0 40px 0px 40px;
}
.szoveg ul{
	padding:0 40px 0px 70px;
}
.szoveg p::first-letter {
    font-size:60px;
}
.sz2 p::first-letter {
    font-size:24px;
}
}
@media screen and (max-width: 800px) {
#triangle{
	padding-top:50px;
	padding-bottom:50px;
	margin-top:20px;
	margin-bottom:50px;
	min-height:300px;
	height:auto;
	background-color:#32231d;
}
}
@media screen and (max-width: 460px) {
.tart2{
	font-family: 'Playfair Display', serif;
	
	color:#e8c0a6;
	text-align:justify;
	font-style:italic;
}
.szoveg h2{
	padding:50px 30px 40px 30px;
	font-size:26px;
	letter-spacing:1px;
}
.szoveg p{
	padding:0 40px 0px 40px;
	font-size:18px;
}
.szoveg ul{
	padding:0 40px 0px 70px;
	font-size:18px;
}
.szoveg p::first-letter {
    font-size:40px;
}
.sz2 p::first-letter {
    font-size:18px;
}
}