@import url('https://fonts.googleapis.com/css?family=Monda:300,400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Pangolin&subset=latin-ext'); /* poems font */
@import url('https://fonts.googleapis.com/css?family=Anonymous+Pro:400,700&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

@keyframes divload {
  0% {
    transform: scale(0.001, 0.001);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes sideload {
  0% {
    background-size: auto 100%;
  }
  100% {
    background-size: auto 115%;
  }
}

div { 
	box-sizing: border-box; 
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body {

	background-color: #000000;
	margin: 0px;

	}

h1	{

	font-family: 'Anton', sans-serif;
	font-weight: 400;
	font-size: 400%;
	color: #f3f3f3;
	text-align: left;
	letter-spacing: 1px;
	margin-top: 0px;
	margin-bottom: 16px;
	text-transform: uppercase;
	}

h2 {

	font-family: 'Anton', sans-serif;
	font-weight: 400;
	font-size: 300%;
	color: #f3f3f3;
	text-align: left;
	letter-spacing: 1px;
	margin-top: 0px;
	margin-bottom: 14px;
	text-transform: uppercase;

	}

h3 {

	font-family: 'Anton', sans-serif;
	font-weight: 400;
	font-size: 200%;
	color: #f3f3f3;
	text-align: left;
	letter-spacing: 1px;
	margin-top: 0px;
	margin-bottom: 12px;
	line-height: 38px;
	text-transform: uppercase;

}

h4 {

	font-family: 'Anton', sans-serif;
	font-weight: 400;
	font-size: 100%;
	color: #f3f3f3;
	text-align: left;
	letter-spacing: 1px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-transform: uppercase;

}

h1 a {

	text-decoration: none;
	color: #f3f3f3 !important;

}

h2 a {

	text-decoration: none;
	color: #f3f3f3 !important;

}

h3 a {

	text-decoration: none;
	color: #f3f3f3 !important;

}

h4 a {

	text-decoration: none;
	color: #f3f3f3 !important;

}

p { font-family: "Noto Sans", sans-serif; line-height: 24px; font-size: 100%; margin: 0px 0px 14px 0px; letter-spacing: 1px; font-weight: 400}

p a {

	color: #ec506a;
	text-decoration: none;

	}

p a:hover {

	color: #f33c5a;
	text-decoration: none;

	}

a:link { text-decoration: none; }


a:visited { text-decoration: none; }


a:hover { text-decoration: none; }


a:active { text-decoration: none; }

a .textbox p { text-decoration: none; color: #d81d3c; }

b { font-weight: 900 }




.site-content { padding: 0px 0px 0px 0px; color: #e7e7e7; width: 100%}

.textbox { display: inline-block; max-width: 1000px; position: relative; box-sizing: border-box; border-radius: 5px; margin: 0px 30px 30px 0px; background: #292929; padding: 15px 15px 1px 15px}

.textbox-green { display: inline-block; max-width: 1000px; position: relative; box-sizing: border-box; border-radius: 5px; margin: 0px 25px 25px 0px; background: #00542d; padding: 15px 15px 1px 15px}

.textbox-red { display: inline-block; max-width: 1000px; position: relative; box-sizing: border-box; border-radius: 5px;  background: #670008; padding: 15px 15px 1px 15px; margin: 0px 25px 25px 0px; }

.textbox-empty { display: inline-block; max-width: 1000px; position: relative; box-sizing: border-box; font-size: 120%; line-height: 24px}

.maxwidth1000 { max-width: 1000px; border-radius: 5px; margin-bottom: 10px}

.maxwidth1000 img { max-width: 100%; border-radius: 5px; }

.wrapper1000 { margin: auto; width: inherit; border: 0px solid black; box-sizing: border-box; padding: 0px 20px 0px 90px; display: inline-block;}

.side-container-1 { float: left; overflow: hidden; }

.side-container-1-fix { position: fixed; height: 100%; top: 0; left: 30px; background-position: 48% 50%; background-color: #262626; z-index: -50; overflow: hidden; width: inherit; transform: translate3d(0, 0, 0); filter: contrast(110%); animation: 7s ease-out 0s 1 sideload; animation-timing-function: cubic-bezier(.47,-0.01,.44,1); background-size: auto 115%}

.side-container-1-fix::before { content: ""; display: inline-block; position: fixed; height: 100%; width: 100%; background-size: cover; background-position: center center; background-image: url(style/sidecontent_fix_cover.png); }

.side-container-2 { float: left; position: relative; min-width: 1000px; }

.side-container-header { width: 100%; height: 600px; overflow: hidden; position: relative; box-sizing: border-box; box-shadow: 0px 0px 10px #000000; padding: 0px; border-bottom: 5px solid #d81d3c; background-size: cover; background-position: center center;}

.sidecontent-video { position: fixed; top: 0; left: 0; height: 100%; min-height: 100%; z-index: -100; transform: translateX(-10%); }

@media only screen and (max-width: 1619px) { 

	.side-container-1 { float: none; width: 100%; height: 500px; margin-left: -24px; margin-right: -24px; }

	.side-container-2 { float: none; padding: 20px 20px 20px 10px; min-width: auto;}

	.hideunder1619 {display: none}

	.showunder1619 {display: block}

	.side-container-header { display: none; }

 }

@media only screen and (min-width: 1620px) { 

	.side-container-1 { float: left; width: 31%; height: 100vh; margin-left: -24px; margin-bottom: -24px}

	.side-container-2 { float: left; padding: 14px 20px 20px 20px; width: 69%; }

	.hideunder1619 {display: block }

	.showunder1619 {display: none }

 }

.footer-logos { height: 26px; margin: 0px 10px 0px 0px }

















.content {

	background-position: center top;
	background-repeat: no-repeat;
	background-color: #212121;
	color: #FFFFFF;
	margin: 0;
	box-sizing: border-box;
	border: 1px solid #212121;

}

.content_container {

	margin: auto;
    width: 100%;

}

.sign {

    width: 100%;
    background-color: #d0d0d0;
   	font-family: "Noto Sans", sans-serif;
	color: #3c3c3c;
	font-size: 80%;
	font-weight: 300;
	padding-top: 12px;
	padding-bottom: 12px;
	line-height: 160%;

}


.sign a {

	color: #68000f;
	text-decoration: none;

	}

.footer {

    width: 100%;
    background-color: #f2f2f2;
   	font-family: "Noto Sans", sans-serif;
	color: #b1b1b1;
	font-size: 80%;
	font-weight: 400;
	padding-top: 12px;
	padding-bottom: 12px;
	line-height: 24px

}

.footer a {

	text-decoration: none;
	color: #b1b1b1;

}


.endlinks {

    width: 100%;
    background-color: #e6e6e6;
   	font-family: "Noto Sans", sans-serif;
	color: #8e8e8e;
	font-size: 80%;
	font-weight: 400;
	padding-top: 12px;
	padding-bottom: 12px;
	line-height: 24px

}

.endlinks a {

	text-decoration: none;
	color: #8e8e8e;
}

.share {

    width: 100%;
    background-color: #c2c2c2;
   	font-family: "Noto Sans", sans-serif;
	color: #313131;
	font-size: 80%;
	font-weight: 400;
	padding-top: 12px;
	padding-bottom: 12px;

}

.share a {

	text-decoration: none;
	color: #313131;

}

.share_container {

	margin: auto;
    width: 1000px;

}

.div_kepes {

	text-Align: center;
	margin: 40px;

}

.image {
  display: inline;
  width: 600px;
  margin: auto;
  overflow: show;
  text-align: center;
  padding: 0px;
  vertical-align: top;
  horizontal-align: center;
}

.image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%;
}

.image:hover img {
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
     transform:scale(1.05);
}

span.article {

   	font-family: "Noto Sans", sans-serif;
   	font-weight: 700;
   	font-size: 80%;

}

#slideshow {
    margin: 0px auto;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 0px 0px;
	border-radius: 5px;
}

#slideshow > div {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 5px;
}

#slideshow > div img {
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
}

.article_desc {

	width: 966px;
	display: block;
	background-color: #353535;
	border: 1px solid #353535;
	padding: 0px 16px;

}

.article_desc_small {

	width: 276px;
	display: block;
	background-color: #353535;
	border: 1px solid #353535;
	padding: 0px 16px;

}

.toolbar {
	z-index: 555;
	position: fixed;
	width: 106px;
	height: 340px;
	right: 0;
	bottom: 0px;
	margin-bottom: 35px;
}

.toolbar-item { margin: 0px -11px 15px 0px; float: right; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }

.toolbar-item:hover { margin: 0px 0px 15px 0px; float: right; }

.gallery-img img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
        max-width: 100%;
}

.gallery-img:hover img {
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05);
     transform:scale(1.05);
}

.gallery-header {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-bottom: -24px;
	box-sizing: border-box;
	padding-bottom: 22px;
}

.gallery-input {
	display: block;
	position: relative;
	top: 0px;
	float: right;
	margin-top: -52px;
	width: 500px;
	text-align: right;
	font-weight: 700;
	font-size: 75%;
	color: #939393;
	font-family: "Noto Sans", sans-serif;
}

.gallery-input a {
	text-decoration: none;
	color: #939393;
}

.gallery-input-bylens {

	display: block;
	position: relative;
	top: 0px;
	float: right;
	margin-top: -90px;
	width: 500px;
	text-align: right;
	font-weight: 700;
	font-size: 75%;
	color: #939393;
	font-family: "Noto Sans", sans-serif;

}

.gallery-input-bylens a {
	text-decoration: none;
	color: #939393;
}
.randombutton {
	font-family: "Noto Sans", sans-serif;
	font-weight: 700;
	font-size: 90%;
	color: #e2e2e2;
	background-color: #353535;
	border: 2px solid #5f5f5f;
	padding: 5px;
	margin-bottom: 10px;
	border-radius: 5px;
}

.gallery-size {
	font-family: "Noto Sans", sans-serif;
	font-weight: 700;
	font-size: 90%;
	color: #e2e2e2;
	background-color: #353535;
	border: 2px solid #5f5f5f;
	padding: 4px;
	border-radius: 5px;
}

.bylens {
	display: inline-block;
	padding: 10px;
	font-family: "Noto Sans", sans-serif;
	font-weight: 400;
	font-size: 95%;
	color: #d4d4d4;
	background-color: #454545;
	margin-bottom: 7px;
	margin-right: 4px;
	border-radius: 5px;
}

.bylens.canon { border-bottom: 2px solid #d81d3c; }
.bylens.pentax { border-bottom: 2px solid #80482d; }
.bylens.nikon { border-bottom: 2px solid #ffa800; }
.bylens.pentacon { border-bottom: 2px solid #6e00df; }
.bylens.helios { border-bottom: 2px solid #cdcdcd; }
.bylens.industar { border-bottom: 2px solid #5e5e5e; }
.bylens.konica { border-bottom: 2px solid #5481a8; }
.bylens.chinon { border-bottom: 2px solid #b58d37; }
.bylens.mog { border-bottom: 2px solid #b53772; }
.bylens.minolta { border-bottom: 2px solid #0047c9; }
.bylens.mir { border-bottom: 2px solid #cccccc; }
.bylens.jupiter { border-bottom: 2px solid #e97a03; }
.bylens.raynox { border-bottom: 2px solid #03e96f; }
.bylens.ricoh { border-bottom: 2px solid #008c80; }
.bylens.czj { border-bottom: 2px solid #8c1e00; }
.bylens.tair { border-bottom: 2px solid #705148; }
.bylens.olympus { border-bottom: 2px solid #2c45b4; }
.bylens.tokina { border-bottom: 2px solid #456c00; }
.bylens.sigma { border-bottom: 2px solid #7d3c3c; }
.bylens.soligor { border-bottom: 2px solid #7d3c5c; }
.bylens.universar { border-bottom: 2px solid #3c7d64; }
.bylens.exaktar { border-bottom: 2px solid #7d3c3c; }
.bylens.steinheil { border-bottom: 2px solid #9ecb7f; }
.bylens.revuenon { border-bottom: 2px solid #7fa3cb; }
.bylens.vivitar { border-bottom: 2px solid #51009c; }
.bylens.yashica { border-bottom: 2px solid #afd38f; }
.bylens.carenar { border-bottom: 2px solid #d38fba; }
.bylens.porst { border-bottom: 2px solid #2b3661; }
.bylens.hanimex { border-bottom: 2px solid #8999d7; }
.bylens.tamron { border-bottom: 2px solid #656565; }
.bylens.sony { border-bottom: 2px solid #ff8a00; }
.bylens.samyang { border-bottom: 2px solid #ff3600; }
.bylens.kiron { border-bottom: 2px solid #0054ff; }
.bylens.fuji { border-bottom: 2px solid #648cff; }
.bylens.other { border-bottom: 2px solid #efefef; }
.bylens.mamiya { border-bottom: 2px solid #3a479b; }

.bylens a {

	color: #d4d4d4;
	text-decoration: none;

}

.manufacturer {

	display: inline-block;
	padding: 10px;
	font-family: "Noto Sans", sans-serif;
	font-weight: 700;
	font-size: 95%;
	color: #d4d4d4;
	margin-bottom: 7px;
	margin-right: 4px;
	border-radius: 5px;

}

.manufacturer.canon { background: #d81d3c; border-bottom: 2px solid #d81d3c;}
.manufacturer.pentax { background: #80482d; border-bottom: 2px solid #80482d;}
.manufacturer.nikon { background: #ffa800; border-bottom: 2px solid #ffa800; color: #000000 !important;}
.manufacturer.pentacon { background: #6e00df; border-bottom: 2px solid #6e00df;}
.manufacturer.helios { background: #cdcdcd; border-bottom: 2px solid #cdcdcd; color: #000000 !important;}
.manufacturer.industar { background: #5e5e5e; border-bottom: 2px solid #5e5e5e;}
.manufacturer.konica { background: #5481a8; border-bottom: 2px solid #5481a8;}
.manufacturer.chinon { background: #b58d37; border-bottom: 2px solid #b58d37;}
.manufacturer.mog { background: #b53772; border-bottom: 2px solid #b53772;}
.manufacturer.minolta { background: #0047c9; border-bottom: 2px solid #0047c9;}
.manufacturer.mir { background: #cccccc; border-bottom: 2px solid #cccccc; color: #000000 !important}
.manufacturer.jupiter { background: #e97a03; border-bottom: 2px solid #e97a03;}
.manufacturer.raynox { background: #03e96f; border-bottom: 2px solid #03e96f; color: #000000 !important}
.manufacturer.ricoh { background: #008c80; border-bottom: 2px solid #008c80;}
.manufacturer.czj { background: #8c1e00; border-bottom: 2px solid #8c1e00;}
.manufacturer.tair { background: #705148; border-bottom: 2px solid #705148;}
.manufacturer.olympus { background: #2c45b4; border-bottom: 2px solid #2c45b4;}
.manufacturer.tokina { background: #456c00; border-bottom: 2px solid #456c00;}
.manufacturer.sigma { background: #7d3c3c; border-bottom: 2px solid #7d3c3c;}
.manufacturer.soligor { background: #7d3c5c; border-bottom: 2px solid #7d3c5c;}
.manufacturer.universar { background: #3c7d64; border-bottom: 2px solid #3c7d64;}
.manufacturer.exaktar { background: #7d3c3c; border-bottom: 2px solid #7d3c3c;}
.manufacturer.steinheil { background: #9ecb7f; border-bottom: 2px solid #9ecb7f; color: #000000 !important}
.manufacturer.revuenon { background: #7fa3cb; border-bottom: 2px solid #7fa3cb; color: #000000 !important}
.manufacturer.vivitar { background: #51009c; border-bottom: 2px solid #51009c;}
.manufacturer.yashica { background: #afd38f; border-bottom: 2px solid #afd38f; color: #000000 !important}
.manufacturer.carenar { background: #d38fba; border-bottom: 2px solid #d38fba; color: #000000 !important}
.manufacturer.porst { background: #2b3661; border-bottom: 2px solid #2b3661;}
.manufacturer.hanimex { background: #8999d7; border-bottom: 2px solid #8999d7; color: #000000 !important}
.manufacturer.tamron { background: #656565; border-bottom: 2px solid #656565;}
.manufacturer.sony { background: #ff8a00; border-bottom: 2px solid #ff8a00; color: #000000 !important;}
.manufacturer.samyang { background: #ff3600; border-bottom: 2px solid #ff3600;}
.manufacturer.kiron { background: #0054ff; border-bottom: 2px solid #0054ff;}
.manufacturer.fuji { background: #648cff; border-bottom: 2px solid #648cff;}
.manufacturer.other { background: #efefef; border-bottom: 2px solid #efefef; color: #000000 !important;}
.manufacturer.mamiya { background: #3a479b; border-bottom: 2px solid #3a479b;}

select, input {

	outline: none;

}

.bylens-os { height: 70px; float: left; margin: 0px 20px 14px 0px }

.bylens-selector-label { font-size: 85%; text-transform: uppercase; font-family: "Noto Sans", sans-serif; display: inline-block; margin: 0px 10px 10px 0px; cursor: pointer;}







#slideshow2 {
    width: 100%;
    height: 300px;
    padding: 0px;
}

#slideshow2 > div {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.slider_sizer {
	width: 100%;
	height: auto;
	z-index:-1;
	border-bottom: 10px solid #d81d3c;
	box-shadow: 0px 0px 10px #000000;
	box-sizing: border-box;
}

.slider_sizer_mobile { display: none; }

.slider-sizer-bg {
	width:100%;
	height:auto;
	background-size:cover;
	background-position:center center;
	background-image: url(../photos/style/title_background.jpg);
}


#background_cycler {

	padding:0;
	margin:0;
	width:100%;
	height:auto;
	z-index:-1;
}

#background_cycler div {

	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:auto;
	z-index:1;
	background-size:cover;
	background-position:center center;
	margin-top: 64px;

}

#background_cycler div.active {

	z-index:3;

}

#title_content {

	padding:0;
	margin:0;
	width:100%;
	height:auto;
	z-index:-1;
	background-image: url(../photos/style/title_background.jpg);
	background-position: center center;
	border: 0px;

}

#title_content2 {

	padding:0;
	margin:0;
	width:100%;
	height:auto;
	background-image: url(../photos/style/title_background2.jpg);
	background-position: center center;
	border: 0px;

}

#title_content3 {

	padding:0;
	margin:0;
	width:100%;
	height:auto;
	background-image: url(../photos/style/title_background3.jpg);
	background-position: center center;
	border: 0px;

}

#title_content4 {

	padding:0;
	margin:0;
	width:100%;
	height:auto;
	background-image: url(../photos/style/title_background4.jpg);
	background-position: center center;
	border: 0px;

}

.title_content_wrapper {
	display: inline;
	width: 1000px !important;
	height: 550px;
	margin: 0 auto !important;
	right: 0;
}

.text {

	width: 300px;
	height: 100px;
	display: block;
	position: relative;
	z-index: 8;
	margin-top: -145px;
	margin-bottom: 120px;
	text-shadow: 0px 0px 16px #000000;

}

.text2 {

	width: 300px;
	height: 30px;
	display: block;
	position: relative;
	z-index: 8;
	margin-top: -160px;
	margin-bottom: 40px;
	text-shadow: 0px 0px 16px #000000;
	text-align: right;
	right: -700px;
	top: 2px;
	font-family: "Noto Sans", sans-serif;

}

.text3 {

	width: 550px !important;
	height: 100px !important;
	display: inline-block;
	z-index: 8;
	text-shadow: 0px 0px 16px #000000;
	text-align: right;
	font-family: "Noto Sans", sans-serif;
	font-size: 110%;
	padding-top: 10px;
	margin: 360px 0px 0px 450px !important;
	float: right;

}

.slider-text-65 {

	width: 65% !important;
	height: auto;
	display: inline-block;
	z-index: 8;
	color: #FFFFFF;
	text-shadow: 0px 0px 16px #000000;
	text-align: right;
	font-family: "Noto Sans", sans-serif;
	font-size: 120%;
	float: right;

}

.title_button_container {

	width: 700px !important;
	height: 100px !important;
	display: inline-block;
	z-index: 8;
	text-shadow: 0px 0px 16px #000000;
	text-align: right;
	font-family: "Noto Sans", sans-serif;
	font-size: 110%;
	padding-top: 10px;
	margin: 476px 0px 0px 300px !important;
	float: right;
}


.service-small { float: left; display: block; padding: 10px; width: 122px; height: 122px; margin-right: 25px; margin-bottom: 30px; -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; color: #000000; background: url(style/szereles-corner.png) right top no-repeat #f0f0f0; cursor: pointer; border-radius: 5px; }

.service-small:hover { background: url(style/szereles-corner2.png) right top no-repeat #d81d3c; color: #FFFFFF; }

.service-small a { text-decoration: none; color: #000; }

.service-small:hover a { text-decoration: none; color: #fff; }

.service-big { float: left; display: block; margin-bottom: 10px; background: url(style/szereles-corner.png) right top no-repeat #f0f0f0; padding: 10px; width: 229px; height: 229px; margin-right: 10px; -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; color: #000000; border-radius: 5px;}

.service-big:hover { background: url(style/szereles-corner2.png) right top no-repeat #d81d3c; color: #FFFFFF; }

.service-open { background: #fff; padding: 20px; margin-top: 15px; }

.service-open p { color: #000; }

.title_buttons { display: inline-block; padding: 14px; color: #FFFFFF; text-decoration: none; font-family: "Noto Sans", sans-serif; font-weight: 400; margin-left: 14px; margin-bottom: 14px; border-radius: 5px; font-size: 110%}

.title_buttons a { text-decoration: none }

.title_buttons_javitas { display: inline-block; padding: 14px; color: #FFFFFF; text-decoration: none; font-family: "Noto Sans", sans-serif; font-weight: 700; box-shadow: 0px 0px 16px #000000; margin-right: 14px; border-radius: 5px; }

.title_buttons_javitas a { text-decoration: none }

button.title_buttons { display: inline-block; padding: 14px; border: 0px solid black; color: #FFFFFF; text-decoration: none; font-family: "Noto Sans", sans-serif; font-weight: 700; font-size: 100%; box-shadow: 0px 0px 16px #000000; margin-left: 14px; float: right; cursor: pointer;}

button.title_buttons a { text-decoration: none }

button.title_buttons_javitas { display: inline-block; border: 0px solid black; padding: 14px; color: #FFFFFF; text-decoration: none; font-family: "Noto Sans", sans-serif; font-weight: 700; font-size: 100%; box-shadow: 0px 0px 16px #000000; margin-right: 14px; cursor: pointer; }

button.title_buttons_javitas a { text-decoration: none }

button.title_buttons_javitas:hover { box-shadow: 0px 0px 16px #FFFFFF; }

button.title_buttons_kapcsolat { display: inline-block; border: 0px solid black; padding: 14px; color: #FFFFFF; text-decoration: none; font-family: "Noto Sans", sans-serif; font-weight: 700; font-size: 100%; box-shadow: 0px 0px 16px #000000; margin-right: 14px; margin-bottom: 14px;cursor: pointer; border-radius: 5px;}

button.title_buttons_kapcsolat a { text-decoration: none; color: #FFF; }

button.title_buttons_portrait { display: inline-block; border: 0px solid black; padding: 8px; color: #000000; text-decoration: none; font-family: "Noto Sans", sans-serif; font-weight: 700; font-size: 90%; box-shadow: 0px 0px 16px #000000; margin-right: 14px; margin-bottom: 16px; margin-top: 6px; cursor: pointer; border-radius: 5px; background-color: #FFFFFF; border-bottom: 3px solid #cfcfcf; }

button.title_buttons_portrait:hover { color: #fff; background-color: #d81d3c; border-bottom: 3px solid #b12020; }

button.title_buttons_portrait a { text-decoration: none; color: #FFF; }

button.subpage { display: inline-block; border: 0px solid black; padding: 14px; color: #FFFFFF; text-decoration: none; font-family: "Noto Sans", sans-serif; font-weight: 700; font-size: 100%; box-shadow: 0px 0px 16px #000000; margin-right: 14px; margin-bottom: 14px;cursor: pointer; border-radius: 5px; background-color: #de1b3b; border-bottom: 3px solid #9a0f26}

button.subpage a { text-decoration: none; color: #FFF; }

.bylens-padding { padding: 16px; }

.article-res-kezdo-doboz { max-height: 800px; width: 100%; overflow: hidden;  }

.article-res-sizer-doboz { overflow: hidden; border: 1px solid green; position: relative; width: 100%; display: inline-block;}

@media only screen and (min-width: 1000px) { 
	.article-res { max-width: 45%; } 
	.thirdbox { width: 47.4% }
	.polo-box, .preset { width: 30.0%; }
	.youtube-container-insite, .gif-container { width: 47.4%; height: 300px; } 
	.side-container-2 .article-res { max-width: 45%; } 
	.side-container-2 .polo-box { width: 30.0%; }
	.side-container-2 .preset { width: 30.0%; } 
	.side-container-2 .youtube-container-insite, .side-container-2 .gif-container { width: 30.0%; } }

@media only screen and (min-width: 1600px) { 
	.article-res { max-width: 31.7%; }  
	.thirdbox { width: 31.1%; }
	.polo-box, .preset { width: 31.7%; }
	.youtube-container-insite, .gif-container { width: 31.7%; height: 300px; } 
	.side-container-2 .article-res { max-width: 46%; } 
	.side-container-2 .polo-box { width: 31.0%; }
	.side-container-2 .preset { width: 30.0%; } 
	.side-container-2 .youtube-container-insite, .side-container-2 .gif-container { width: 30.0%; }}

@media only screen and (min-width: 2100px) { 
	.article-res { max-width: 23.7%; }  	
	.thirdbox { width: 23.7%; }
	.polo-box, .preset { width: 23.7%; }
	.youtube-container-insite, .gif-container { width: 23.7%; height: 300px; } 
	.side-container-2 .article-res { max-width: 30.0%; } 
	.side-container-2 .polo-box { width: 23.1%; }
	.side-container-2 .preset { width: 22.6%; } 
	.side-container-2 .youtube-container-insite, .side-container-2 .gif-container { width: 22.6%; }}

@media only screen and (min-width: 2600px) { 
	.article-res { max-width: 19%; }  
	.thirdbox { width: 19%; }	
	.polo-box, .preset { width: 19%; }
	.youtube-container-insite, .gif-container { width: 19%; height: 300px;   } 
	.side-container-2 .article-res { max-width: 23.0%; } 
	.side-container-2 .polo-box { width: 18.5%; }
	.side-container-2 .preset { width: 18.0%; } 
	.side-container-2 .youtube-container-insite, .side-container-2 .gif-container { width: 18.0%; }}

@media only screen and (min-width: 3100px) { 
	.article-res { max-width: 15.8%; }  	
	.thirdbox { width: 15.8%; }
	.polo-box, .preset { width: 15.2%; }
	.youtube-container-insite, .gif-container { width: 15.8%; height: 300px; } 
	.side-container-2 .article-res { max-width: 18.3%; } 
	.side-container-2 .polo-box { width: 15.5%; }
	.side-container-2 .preset { width: 15.0%; } 
	.side-container-2 .youtube-container-insite, .side-container-2 .gif-container { width: 15.0%; }}

@media only screen and (min-width: 3600px) { 
	.article-res { max-width: 13.6%; } 	
	.thirdbox { width: 13.6%; }
	.polo-box, .preset { width: 13.6%; }
	.youtube-container-insite, .gif-container { width: 13.6%; height: 300px; } 
	.side-container-2 .article-res { max-width: 15.2%; } 
	.side-container-2 .polo-box { width: 13.2%; }
	.side-container-2 .preset { width: 12.7%; } 
	.side-container-2 .youtube-container-insite, .side-container-2 .gif-container { width: 12.7%; } }

@media only screen and (min-width: 4100px) { 
	.article-res { max-width: 11.9%; } 	
	.thirdbox { width: 11.9%; }
	.polo-box, .preset { width: 11.9%; }
	.youtube-container-insite, .gif-container { width: 11.9%; height: 300px; } 
	.side-container-2 .article-res { max-width: 13.0%; } 
	.side-container-2 .polo-box { width: 11.5%; }
	.side-container-2 .preset { width: 11.2%; } 
	.side-container-2 .youtube-container-insite, .side-container-2 .gif-container { width: 11.2%; } }

@media only screen and (min-width: 4600px) { 
	.article-res { max-width: 10.5%; } 	
	.thirdbox { width: 10.5%; }
	.polo-box, .preset { width: 10.5%; }
	.youtube-container-insite, .gif-container { width: 10.5%; height: 300px; } 
	.side-container-2 .article-res { max-width: 11.2%; } 
	.side-container-2 .polo-box { width: 10.1%; } 
	.side-container-2 .preset { width: 10.1%; }
	.side-container-2 .youtube-container-insite, .side-container-2 .gif-container { width: 10.1%; } }

.article-res { display: inline-block; box-sizing: border-box; margin: 0px 30px 30px 0px; overflow: hidden; height: 380px; border-radius: 5px; background: #353535; position: relative; }

.article-res-cover { width: 100%; height: 220px !important; background-size: cover; align-items: flex-end; display: flex; background-position: center center; border-radius: 0px 0px 5px 5px }

.article-res-cover-shadow { background: url(https://hispan.hu/photos/style/article_bg.png); background-repeat: repeat-x; background-position: center bottom; align-items: flex-end; display: flex; height: 100%; width:100%;}

.article-res-cover-header { width: 100%; box-sizing: border-box; padding: 0px 16px 0px 16px; text-shadow: 0px 0px 16px #000000; }

.article-res-cover-header h2 { font-size: 200%; }

.article-res-infobar { width: 100%; padding: 8px 16px; box-sizing: border-box; color: #FFFFFF; font-family: "Noto Sans", sans-serif; font-size: 70%; font-weight: 700; border-radius: 0px 0px 5px 5px; letter-spacing: 0.7px}

.article-res-desc { width: 100%; padding: 16px; box-sizing: border-box; background: #353535; color: #FFFFFF; font-family: "Noto Sans", sans-serif; line-height: 22px; font-weight: 400; font-size: 90%; position: relative; letter-spacing: 1px}

.article-res-desc-cover { z-index: 10; margin-bottom: 0px; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background-size: cover; background-repeat: no-repeate; background-position: center bottom; background: url('https://hispan.hu/photos/style/article-res-desc-cover.png');}

.article-res-desc a { text-decoration: none; color: #ec506a; }

span.article-res-desc-link {color: #ec506a; text-decoration: none;}

.redline10px { width: 100%; height: 10px; display: block; background-color: #d81d3c; border-radius: 5px; margin-bottom: 10px }

.redline6px { width: 100%; height: 6px; display: block; background-color: #d81d3c; border-radius: 3px; margin-bottom: 12px }

.share-items { margin-right: 10px; box-sizing: border-box; display: inline-block; }

.flex-top { display: flex; align-items: flex-bottom; }

.menuspacer { display: block; height: 64px; width: 100%; }

.numbers { width: 100%; margin-top: 16px; margin-bottom: 16px;}

.numbers-numbers { float: left; font-family: 'Anton', sans-serif; font-size: 300%; color: #cdcdcd; box-sizing: border-box; padding-right: 16px; margin-top: -14px; }

span.numbers-text { font-family: "Noto Sans", sans-serif; color: #cdcdcd; font-size: 120%; font-weight: 300; margin-top: 16px; }





.thirdbox { float: left; box-sizing: border-box; margin-right: 16px; margin-bottom: 16px; border-radius: 5px;; overflow: hidden;}

.thirdbox-cover { height: 200px; width: 100%; background-position: center center; background-size: cover; box-sizing: border-box; }

.thirdbox-cover-shadow { height: 100%; width: 100%; background-position: center center; background-size: cover; background-image: url(https://hispan.hu/photos/style/article_bg_small.png); box-sizing: border-box; align-items: flex-end; display: flex; }

.thirdbox-cover-header { width: 100%; box-sizing: border-box; padding: 0px 16px 0px 16px; text-shadow: 0px 0px 16px #000000; box-sizing: border-box; font-size: 140%;}

.thirdbox-infobar { width: 100%; padding: 8px 16px; box-sizing: border-box; color: #FFFFFF; background: #d81d3c; font-family: "Noto Sans", sans-serif; font-size: 80%; font-weight: 700}

.thirdbox-desc { width: 100%; padding: 16px; box-sizing: border-box; background: #353535; color: #FFFFFF; font-family: "Noto Sans", sans-serif; line-height: 28px; font-weight: 300;}



.youtube-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 0px 0px 0px 0px;
}

.youtube-container iframe,
.youtube-container object,
.youtube-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.youtube-container-insite {
display: inline-block;
position: relative;
padding-top: 30px;
overflow: hidden;
margin: 0px 20px 20px 0px;
box-sizing: border-box;
}

.youtube-container-insite iframe,
.youtube-container-insite object,
.youtube-container-insite embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.youtube-container-insite-1000 {
width: 1000px;
max-width: 1000px;
display: inline-block;
position: relative;
aspect-ratio: 1/0.6;
padding-top: 30px;
overflow: hidden;
margin: 0px 20px 20px 0px;
box-sizing: border-box;
}

.youtube-container-insite-1000 iframe,
.youtube-container-insite-1000 object,
.youtube-container-insite-1000 embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.gallery-script-oneimage { width: 100%; margin: 30px 0px; }

.gallery-script-freshpictures { width: 100%; margin: 30px 0px;}

#gallery-script { margin: 18px 0px; }

#gallery-script a img {  }

#gallery-script2 { margin: 8px 0px; }

.subsite-header {
	width: 100%;
	height: auto;
	z-index:-1;
	border-bottom: 10px solid #d81d3c;
	box-shadow: 0px 0px 10px #000000;
	box-sizing: border-box;
	background-size:cover;
	background-position:center center;
}

.subsite-header-shadow {
	box-sizing: border-box;
	background-size:cover;
	background-position:center center;
	background-image: url(https://hispan.hu/photos/style/article_bg.png);
	}

.subsite-header-text { float: left; text-shadow: 0px 0px 5px #000000; width: 60%; font-family: "Noto Sans", sans-serif; font-size: 110% }

.vintagepub-badget { float: right; margin-left: 20px }



.portrait50 { border-radius: 5px; float: left; box-sizing: border-box; width: 480px; height: 360px; padding: 16px 16px 0px 16px; align-items: flex-end; display: flex; background-position: center center; background-size: cover; background-repeat: no-repeat; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;-ms-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0px 20px 20px 0px; text-shadow: 0px 0px 10px #000; }

.portrait50 a { text-decoration: none; }

.portrait50 p { text-decoration: none; color: #FFF !important;}

.portrait50-inner { width: 100%; }

.portrait50-bg1 { background-color: #454754; background-image: url(../photos/style/portrait-bg1b.jpg);} 

.portrait50-bg2 { background-color: #484848; background-image: url(../photos/style/portrait-bg2b.jpg);} 

.portrait50-bg1:hover { background-image: url(../photos/style/portrait-bg1.jpg);} 

.portrait50-bg2:hover { background-image: url(../photos/style/portrait-bg2.jpg);} 

.portrait50-button { padding: 10px; background-color: #d81d3c; color: #FFF; display: inline-block; margin-bottom: 14px; border-bottom: 6px solid #8e0b20; font-family: "Noto Sans", sans-serif; font-weight: 700; box-shadow: 0px 0px 10px #000; border-radius: 5px; }






.portrait300 { border-radius: 5px; float: left; box-sizing: border-box; width: 300px; height: 480px; padding: 16px 16px 0px 16px; align-items: flex-end; display: flex; background-position: center bottom; background-size: cover; background-repeat: no-repeat; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;-ms-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0px 30px 30px 0px; text-shadow: 0px 0px 10px #000; }

.portrait300 a { text-decoration: none; }

.portrait300 p { text-decoration: none; color: #FFF !important;}

.portrait300-inner { width: 100%; }

.portrait300-button { padding: 10px; background-color: #d81d3c; color: #FFF; margin-bottom: 0px; border-bottom: 6px solid #8e0b20; font-family: "Noto Sans", sans-serif; font-weight: 700; box-shadow: 0px 0px 10px #000; border-radius: 5px; display: none }

.portrait300:hover .portrait300-button { padding: 10px; background-color: #d81d3c; color: #FFF; display: inline-block; margin-bottom: 14px; border-bottom: 6px solid #8e0b20; font-family: "Noto Sans", sans-serif; font-weight: 700; box-shadow: 0px 0px 10px #000; border-radius: 5px; display:  inline-block;}






.slider25 { float: left; box-sizing: border-box; width: 180px; height: 180px; padding: 20px 20px 20px 20px;display: flex; justify-content: center; background-position: center center; background-size: cover; background-repeat: no-repeat; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;-ms-transition: all 0.5s ease; transition: all 0.5s ease; text-shadow: 0px 0px 10px #000; margin: 0px 25px 20px 0px; border-radius: 50%; text-align: center; align-items: center; overflow: hidden; border: 4px solid #292929;  }

.slider25:hover { border: 4px solid #d81d3c }

.slider25 a { text-decoration: none; }

.slider25 p { text-decoration: none; color: #FFF !important; font-size: 80%; align: center; line-height: 18px; }

.slider25 h3 { text-align: center; align: center; font-size: 150%; line-height: 31px;}

.slider-inner { width: 150px; flex: 0 0 150px; margin-top: 10px;}

.slider25-bg1 { background-image: linear-gradient(#0f2732, #183f52); } 

.slider25-bg2 { background-image: linear-gradient(#260506, #44080a); } 

.slider25-bg3 { background-image: linear-gradient(#080707, #1d1d1d); } 

.slider25-bg4 { background-image: linear-gradient(#492a16, #744322); } 

.slider25-bg1:hover { background-image: linear-gradient(#183f52, #0f2732); } 

.slider25-bg2:hover { background-image: linear-gradient(#44080a, #260506); } 

.slider25-bg3:hover { background-image: linear-gradient(#1d1d1d, #080707); } 

.slider25-bg4:hover { background-image: linear-gradient(#744322, #492a16); } 

.slider_bg { background: url(https://hispan.hu/photos/style/slider_bg.jpg) #000 center center; background-size: cover; width: 100%;}

.mobilehide { display: block; }

.grid-item { max-width: 100%; border-radius: 6px; background: #fff; width: auto; margin: 16px 16px 0px 0px; padding: 10px 10px 1px 10px; float: left; display: inline-block; overflow-x: hidden;}

.grid-item-header { padding: 5px; border-radius: 4px; background: #d81d3c; box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline-block; font-size: 90%; line-height: 20px; font-family: "Noto Sans", sans-serif; margin: 0px 5px 10px 0px;; text-transform: uppercase;; font-weight: 700}

.grid-item-element { padding: 5px; border-radius: 4px; background: #324074; box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline-block; font-size: 90%; line-height: 20px; font-family: "Noto Sans", sans-serif; margin: 0px 5px 10px 0px; box-sizing: border-box; font-weight: 400; z-index: 10;}

.grid-item-element-n { padding: 5px; border-radius: 4px; background: #327467; box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline-block; font-size: 90%; line-height: 20px; font-family: "Noto Sans", sans-serif; margin: 0px 5px 10px 0px; box-sizing: border-box; font-weight: 400; z-index: 10;}

.grid-item-element-b { padding: 5px; border-radius: 4px; background: #712d91; box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline-block; font-size: 90%; line-height: 20px; font-family: "Noto Sans", sans-serif; margin: 0px 5px 10px 0px; box-sizing: border-box; font-weight: 400; z-index: 10;}

a .grid-item-element, .grid-item-element-n, .grid-item-element-b { color: #FFF; text-decoration: none; }

a .grid-item-element:hover,  .grid-item-element-n:hover { background: #d81d3c; color: #fff; }

.gien { background-color: #adc4ff; padding: 7px 5px 8px 5px; border-radius: 4px; box-sizing: border-box; margin-left: 5px; margin-right: -5px; margin-top: 0px; color: #324074; z-index: 12; font-size: 81%}

.gier { background-color: #ffd200; padding: 7px 10px 8px 5px; border-radius: 4px; box-sizing: border-box; margin-left: 5px; margin-right: -10px; margin-top: 0px; color: #324074; z-index: 11; font-size: 81%}

a .grid-item-element:hover .gien {background-color: #FFF;}

a .grid-item-element:hover .gier {background-color: #ffe35f;}

.bpl-container { display: block; position: relative; width: 100%; height: 80vh; box-sizing: border-box; margin: 0px -1px 5px 0px; overflow: hidden; padding: 0px 0px 0px 60px}

.bpl-container-1 { display: block; position: fixed; top: 332px; right: 0px; box-shadow: 0px 0px 5px #000; background: #d81d3c; z-index: 9999; padding: 12px; font-size: 80%; text-align: right; width: 175px;}

.bpl-container-1-gray { background-color: #212121; margin: 0px -12px -12px -12px; padding: 12px 12px 12px 12px;}

.bpl-container-1 p { margin: 0px; }

.gif-container { display: inline-block; height: 300px; margin: 0px 15px 15px 0px;  overflow: hidden}

.poem-container { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: row; justify-content: flex-start;}

.poem { display: inline-block ;background: #eeeeee; padding: 20px; margin-bottom: 20px; box-sizing: border-box; border-radius: 5px; font-size: 90%; margin: 0px 15px 15px 0px; }

.poem p { color: #000; margin-bottom: 0px; margin-top: 0px; line-height: auto; font-family: 'Pangolin', sans-serif; font-size: 130%; white-space: pre; }

.poem p i { font-size: 70%; }

.preset	{ float: left; display: inline-block; box-sizing: border-box; margin: 20px 30px 0px 0px;  text-align: center; overflow: hidden; }

.preset-top { background: #3b3b3b; border-radius: 50% 50% 0px 0px; padding: 8px;}

.preset-bottom { background: #3b3b3b; padding: 0px 10px 10px 10px; border-radius: 0px 0px 6px 6px; height: 162px; overflow: hidden; }

.preset span { text-align: center; max-height: 476px; overflow-y: hidden;}

span.preset-name { font-family: 'Anton', sans-serif; font-size: 200%; color: #fff; display: block; font-weight: 900; text-transform: uppercase;}

span.preset-description { font-family: "Noto Sans", sans-serif; color: #b4b4b4; display: block; margin-top: 4px;; font-size: 90%}

span.preset-compatibility { font-family: "Noto Sans", sans-serif; color: #858585; font-style: italic; font-size: 80%;display: block; margin-top: 8px;}

.presetimage { width: 100%; border-radius: 50%; padding-top: 100%; background-size: cover;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;-ms-transition: all 0.5s ease; transition: all 0.5s ease;}

.preset-host { margin: 10px 0px 0px 0px; }

.presetinfo { display: block; width: 100%; box-sizing: border-box; border: 1px solid #00de73; border-radius: 6px; margin: 10px 0px 10px 0px; background: #85ffc4; padding: 16px; color: #004624; font-family: "Noto Sans", sans-serif; line-height: 28px; }

span.presetinfo-button { padding: 8px; border-radius: 4px; background: #fff; font-size: 120%; margin-top: 7px; font-family: 'Anton', sans-serif; color: #00572d; display: inline-block; font-weight: 900}

span.presetinfo-button-box { padding: 6px; border-radius: 4px; background: #ca0000; font-size: 110%; margin-top: 14px; margin-bottom: 4px; font-family: 'Anton', sans-serif; color: #fff; display: inline-block; box-shadow: 0px 0px 10px #ff6565; color: #fff;}

.presetinfo a { text-decoration: none; color: #004624; }

.desktophide { display: none; }

.route { font-family: 'Anonymous Pro', monospace; color: #82b7ed;}

.quarterimage { float: left; margin: 0px 20px 20px 0px; width: 25%; }

.thirdimage  { float: left; margin: 0px 20px 20px 0px; width: 33%; }

.cikkgyar-video { height: 600px; margin-bottom: 0px;}

.service-open {
display: none;
max-width: 1000px;
border-radius: 5px;
}

.polo-box { margin: 20px 20px 0px 0px; display: inline-block; box-sizing: border-box; border: 0px solid black; border-radius: 8px; text-align: center; background: #3b3b3b; align-items: center; padding: 0px 0px 10px 0px; width: 100%; overflow: hidden; }

.polo-box span { text-align: center; }

.polo-box .polo-name { font-family: 'Anton', sans-serif; font-size: 200%; color: #fff; display: block; padding: 10px 0px 10px 0px;}

.polo-life { border-radius: 8px }

.kereses-right { float: right; margin: 26px -12px 0px 0px;}

.search1 { float: left; margin: 0px 12px 12px 0px;}

.search2 { float: left; padding-top: 6px; }

.cikk-kereso { border-bottom: 4px solid #d81d3c; border-top: 0px solid #575757; border-left: 0px solid #575757; border-right: 0px solid #575757; background: #cccccc; padding: 8px; font-family: "Noto Sans", sans-serif; font-weight: 700; color: #000; font-size: 130%; margin: 12px 0px 0px 0px;}

.cikk-kereso-gomb { border-bottom: 4px solid #d81d3c; border-top: 0px solid #575757; border-left: 0px solid #575757; border-right: 0px solid #575757; background: #d81d3c; padding: 8px; font-family: "Noto Sans", sans-serif; font-weight: 700; color: #fff; font-size: 130%}

.cikk-kereso-r { border-bottom: 4px solid #d81d3c; border-top: 0px solid #575757; border-left: 0px solid #575757; border-right: 0px solid #575757; background: #cccccc; padding: 8px; font-family: "Noto Sans", sans-serif; font-weight: 700; color: #000; font-size: 100%; margin: 12px 0px 0px 0px;}

.cikk-kereso-gomb-r { border-bottom: 4px solid #d81d3c; border-top: 0px solid #575757; border-left: 0px solid #575757; border-right: 0px solid #575757; background: #d81d3c; padding: 8px; font-family: "Noto Sans", sans-serif; font-weight: 700; color: #fff; font-size: 100%}

.cikk-kereso-m { border-bottom: 0px solid #d81d3c; border-top: 0px solid #575757; border-left: 0px solid #575757; border-right: 0px solid #575757; background: #cccccc; padding: 8px; font-family: 'Oswald', sans-serif; font-weight: 700; color: #000; font-size: 100%; margin: 6px 0px 6px 6px;}

.cikk-kereso-gomb-m { border-bottom: 0px solid #d81d3c; border-top: 0px solid #575757; border-left: 0px solid #575757; border-right: 0px solid #575757; background: #d81d3c; padding: 8px 10px; font-family: 'Oswald', sans-serif; font-weight: 700; color: #fff; font-size: 100%}

.clear { clear: both; }

.cikk-cimke-container { margin-top: -26px; margin-bottom: 20px;}

.cikk-cimke-container a { text-decoration: none; }

span.cikk-cimke-kezdo { background: #606060; color: #e1e1e1; padding: 5px 8px 5px 8px; font-size: 70%; font-family: "Noto Sans", sans-serif; border-radius: 14px; line-height: 30px; white-space:nowrap; }

span.cikk-cimke { background: #353535; color: #aeaeae; padding: 5px 8px 5px 8px; font-size: 70%; font-family: "Noto Sans", sans-serif; border-radius: 14px; line-height: 30px; white-space:nowrap;}

span.cikk-cimke:hover { background: #606060; color: #e1e1e1; }

span.cikk-cimke a { text-decoration: none; }

span.cikk-rejtett { display: none; }

.instastory { max-height: 140px; overflow: scroll; white-space: nowrap; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none; position: relative; }

.instastory::-webkit-scrollbar { display: none; }

.instastory a { text-decoration: none !important; }

.instastory-hide { position: absolute; background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,1) 100%); right: 0px; top: 0px; width: 150px; height: 100%; z-index: 2; }

.instastory-box { display: inline-block; width: 80px; margin: 10px 20px 0px 0px;  }

.instastory-box a { text-decoration: none !important; }

.instastory-box-circle { position: relative; width: 80px; height: 80px; background-position: center center; background-repeat: no-repeat; background-size: cover; border: 4px solid white; border-radius: 50%; background-color: #525252; }

.instastory-box-circle-now { position: relative; width: 80px; height: 80px; background-position: center center; background-repeat: no-repeat; background-size: cover; border: 4px solid #ee006a; border-radius: 50%; background-color: #525252; }

.instastory-box-circle-icon { position: absolute; width: 25px; right: -3px; bottom: -3px;}

.instastory p { color: #bababa; padding: 0px 0px 0px 0px; font-weight: 400; font-size: 75%; margin: 6px 0px 10px 0px}



/* BYLENS */

.bylens-box { display: inline-block; position: relative; width: 180px; height: 280px; overflow: hidden; margin: 0px 20px 20px 0px; padding: 0px 16px 16px 16px; box-sizing: border-box; border-radius: 8px; background: rgb(41,41,41); background: linear-gradient(180deg, rgba(41,41,41,1) 0%, rgba(41,41,41,1) 48%, rgba(0,0,0,1) 100%); text-align: center; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }

.bylens-box p { color: #d4d4d4; font-family: "Noto Sans", sans-serif; font-size: 90%; font-weight: 400; }

.bylens-box-img { width: 100%; aspect-ratio: 1 / 0.9; position: relative;}

.bylens-box-img img { max-width: 90%; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.bylens-box-text { position: relative; }

.bylens-box-img-blue { filter: hue-rotate(210deg); }

.bylens-box-img-green { filter: hue-rotate(100deg); }

.bylens-box-img-violet { filter: hue-rotate(310deg); }

.bylens-factory { width: 70%; margin: 5px 0px; }

.bylens-box:hover { background: #dddddd }

.bylens-box:hover img {  }

.bylens-box:hover p { color: #000 }

.bylens-box:hover .bylens-factory { filter: brightness(0%); }

.manufacturer-logo { display: inline-block; margin: 0px 20px 20px 0px; width: 250px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }

.manufacturer-logo:hover { filter: brightness(2); }

.katalogus-container { display: flex; flex-wrap: wrap; align-items: flex-start; }

.kalatogus-item { min-width: 300px; }

.bylens-icon { width: 16px; height: 16px; margin-bottom: -3px; margin-left: 4px }

/* DESIGN LENSES */

.design-box { display: inline-block; position: relative; width: 280px; height: 480px; overflow: hidden; margin: 0px 20px 20px 0px; padding: 0px 16px 16px 16px; box-sizing: border-box; border-radius: 8px; background: rgb(41,41,41); background: linear-gradient(180deg, rgba(41,41,41,1) 0%, rgba(41,41,41,1) 48%, rgba(0,0,0,1) 100%); text-align: center; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }

.design-box p { color: #d4d4d4; font-family: "Noto Sans", sans-serif; font-size: 90%; font-weight: 400; }

.design-box-img { width: 100%; aspect-ratio: 0.8 / 1; position: relative;}

.design-box-img img { max-width: 90%; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.design-box-text { position: relative; }

.design-box-img-blue { filter: hue-rotate(210deg); }

.design-box-img-green { filter: hue-rotate(100deg); }

.design-box-img-violet { filter: hue-rotate(310deg); }

.design-factory { width: 50%; margin: 5px 0px; }

.design-box:hover { background: #dddddd }

.design-box:hover img {  }

.design-box:hover p { color: #000 }

.design-box:hover .design-factory { filter: brightness(0%); }

.manufacturer-logo { display: inline-block; margin: 0px 20px 20px 0px; width: 250px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }

.manufacturer-logo:hover { filter: brightness(2); }

.katalogus-container { display: flex; flex-wrap: wrap; align-items: flex-start; }

.kalatogus-item { min-width: 300px; }

.design-icon { width: 16px; height: 16px; margin-bottom: -3px; margin-left: 4px }






.start-container { width: 100%; padding: 16px 0px 0px 0px }

.start-box { position: relative; display: inline-block; padding: 17px 60px 1px 50px; border-radius: 5px; border: 0px; margin: 0px 30px 30px 0px; align-content: bottom; align-self: flex-end;  background-color: #d9d9d9; background-image: url(style/start-box-bg.jpg); background-repeat: no-repeat; background-position: center center; overflow: hidden }

.start-box h3 { color: #313131 !important; font-size: 150% !important; margin-bottom: 8px; line-height: 32px; }

.start-box p { color: #262626; font-size:90% }

.start-box:hover { background-color: #3b3b3b; background-image: url(style/start-box-bg-2.jpg); }

.start-box:hover h3 { color: #fff !important; }

.start-box:hover p { color: #d5d5d5; font-size:90% }

.start-box::after { content: " "; position: absolute; top: 0; right: 0; width: 100px; height: 100px;  background-image: url(style/start-box-bg.png); background-repeat: no-repeat; background-position: top right; }

.start-box:hover::after { background-image: url(style/start-box-bg-2.png);  }

.start-box-tudas::before, .start-box-alkotas::before, .start-box-szerviz::before, .start-box-kozosseg::before { position: absolute; top: 0; left: 0; width: 24px; height: 100%; text-orientation: sideways; writing-mode: vertical-lr; text-align: center; padding: 4px 0px 0px 10px; color: #c7c7c7; font-size: 75%; font-weight: 700; font-family: 'Anonymous Pro', monospace; letter-spacing: 7px }

.start-box-tudas::before { content: "TUDÁS"; background: #611212; }

.start-box-alkotas::before { content: "ALKOTÁS"; background: #133f59; }

.start-box-szerviz::before { content: "SZERVIZ"; background: #3f551d; }

.start-box-kozosseg::before { content: "KÖZÖSSÉG"; background: #4e185d; }

@media screen and (max-height: 600px) {  }

@media only screen and (max-width: 1000px) {

	.title_buttons_javitas { margin-bottom: 14px }

	.start-box { display: block; width: 100%;  }

	.start-box-tudas::before, .start-box-alkotas::before, .start-box-szerviz::before, .start-box-kozosseg::before { font-size: 55%; padding: 4px 0px 0px 13px }

	.manufacturer-logo { width: 100% }

	.katalogus-container { display: block }

	.portrait300 { border-radius: 5px; float: left; box-sizing: border-box; width: 100%; height: 480px; padding: 16px 16px 0px 16px; align-items: flex-end; display: flex; background-position: center top; background-size: cover; background-repeat: no-repeat; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;-ms-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0px 20px 20px 0px; text-shadow: 0px 0px 10px #000; }

	.bylens-box { display: inline-block; position: relative; width: 37vw; height: 66vw; overflow: hidden; margin: 1vw 3vw 3vw 3vw; padding: 0px 16px 16px 16px; box-sizing: border-box; border-radius: 8px; background: rgb(41,41,41); background: linear-gradient(180deg, rgba(41,41,41,1) 0%, rgba(41,41,41,1) 48%, rgba(0,0,0,1) 100%); text-align: center;}

	.bylens-os { height: auto; width: 100%; float: none; margin: 10px 0px 10px 0px }

	.bylens-padding { padding-bottom: 0px }

	.bylens-box:hover { background: rgb(232,232,232); background: linear-gradient(180deg, rgba(232,232,232,1) 0%, rgba(0,0,0,1) 100%); width: 37vw; height: 66vw; margin: 1vw 3vw 3vw 3vw; padding: 0px 16px 16px 16px; }

	.bylens-box:hover img { max-width: 90%; }

	.bylens-box:hover p { font-size: 85%; }

	.design-box { display: inline-block; position: relative; width: 37vw; height: 80vw; overflow: hidden; margin: 1vw 3vw 3vw 3vw; padding: 0px 16px 16px 16px; box-sizing: border-box; border-radius: 8px; background: rgb(41,41,41); background: linear-gradient(180deg, rgba(41,41,41,1) 0%, rgba(41,41,41,1) 48%, rgba(0,0,0,1) 100%); text-align: center;}

	.design-os { height: auto; width: 100%; float: none; margin: 10px 0px 10px 0px }

	.design-padding { padding-bottom: 0px }

	.design-box:hover { background: rgb(232,232,232); background: linear-gradient(180deg, rgba(232,232,232,1) 0%, rgba(0,0,0,1) 100%); width: 37vw; height: 80vw; margin: 1vw 3vw 3vw 3vw; padding: 0px 16px 16px 16px; }

	.design-box:hover img { max-width: 90%; }

	.design-box:hover p { font-size: 85%; }

	.toolbar { display: none }

	.side-container-2 { float: none; max-width: 100%; height: auto; margin-left: 0px; margin-right: 0px; min-width: auto; padding: 10px}

	.maxwidth1000 { max-width: 100% }

	.maxwidth1000 img { max-width: 100%; }

	.textbox { width: 100%; max-width: 100%; }

	.instastory { max-height: 120px; overflow: scroll; white-space: nowrap; }

	.instastory-box { width: 60px !important; margin: 14px 14px 0px 0px; }

	.instastory-box-circle { width: 60px; height: 60px; }

	.instastory-box-circle-now { width: 60px; height: 60px; }

	.instastory-box-circle-icon { width: 22px; right: -3px; bottom: -3px;}

	.instastory p { font-size: 70%; }

	.polo-box { width: 100%; }

	button.title_buttons_kapcsolat {margin-bottom: 14px;}

	.szerelos-header { height: auto; }

	.cikkgyar-video { height: auto; width: 100%;}

	.quarterimage { float: none; margin: 20px 0px 20px 0px; width: 100%; }

	.thirdimage  { float: none; margin: 20px 0px 20px 0px; width: 100%; }

	.preset { width: 100%; display: block; margin: 20px 0px 20px 0px; max-height: auto; height: auto;}

	.preset-bottom { height: auto;  }

	.poem { max-width: 100% }

	.poem p { font-size: 90% }

	.bpl-container { padding: 0px 0px 0px 0px }

	.bpl-container-1 { display: none}

	.article-res-kezdo-doboz { max-height: 100%; width: 100%; overflow: show; }

	.article-res { height: auto; width: 100% }

	.article-res-cover { height: auto !important; overflow: visible;}

	.article-res-cover-shadow { height: auto; background: url(https://hispan.hu/photos/style/article_bg_res.png); }

	.article-res-cover-header { padding: 20px 20px 10px 20px }

	.wrapper1000 { max-width: 100%; padding: 0px 10px; box-sizing: border-box; overflow: hidden;}

	.right-float { overflow: hidden; width: 0px; height: 0px; visibility: hidden;}

	.share-items { margin-bottom: 10px; }

	.flex-top { display: inline-block; }

	.facebook-button { visibility: hidden; width: 0px; height: 0px; overflow: hidden; }

	.slider_sizer { font-size: 0.7em }

	.subsite-header { font-size: 0.8em }

	#background_cycler { height: auto !important}

	#background_cycler div { height: auto !important}

	#title_content, #title_content2, #title_content3, #title_content4 { height: auto !important}

	.title_content_wrapper { width: 100%; box-sizing: border-box; padding: 10px; height: auto !important }

	.gallery-input { width: 0px; height: 0px; visibility: hidden; position: fixed; bottom: 0px; right: 0px;}

	.gallery-input-bylens { width: 0px; height: 0px; visibility: hidden; position: fixed; bottom: 0px; right: 0px;}

	h1 { font-size: 270%; max-width: 100%; }

	h2 { font-size: 230% }

	h3 { font-size: 150%; }

	h4 { font-size: 110%; }

	.numbers-numbers { float: none; display: inline-block; font-size: 100%; padding-right: 1px}

	span.numbers-text { font-size: 100%; }

	.redline10px { height: 6px; max-width: 100%;}

	.redline6px { height: 3px; max-width: 100%;}

	.thirdbox { float: none; width: 100%; }

	.thirdbox-cover { height: auto !important; min-height: 200px !important; }

	.thirdbox-cover-shadow { height: auto !important; min-height: 200px !important; }

	a { text-decoration: none !important }

	.subsite-header-text { width: 100%; }

	.vintagepub-badget { float: none; width: 100%; margin-left: 0px;}

	.gallery-script-freshpictures { width: 0px; height: 0px; visibility: hidden; overflow: hidden; }

	.slider_sizer { display: none !important; }

	.slider_sizer_mobile { 
		display: block; 
		border-bottom: 10px solid #d81d3c;
		padding: 10px 10px 0px 10px;
		background-color: #d81d3c;
		margin-top: -16px;
	}

	.slider25 { width: 38vw; height: 38vw; margin: 0vw 2vw 4vw 2vw; float: left; border-radius: 50%; font-size: 85%;}

	.slider-inner {width: 100%;}

	.portrait50 { width: 100%; height: auto; float: none; margin-right: 0px; }

	.mobilehide { display: none; }
  
  	.desktophide { display: block; }

	.nopadding { padding: 0px !important; }

	.menuspacer { height: 60px; }

	.grid-item-header { display: block; min-width: 1px; overflow: hidden}

	.grid-item-element { display: block; min-width: 1px; overflow: hidden}

	.grid-item-element-n { display: block; min-width: 1px; overflow: hidden}

	.gien { float: right; padding: 5px 5px 5px 5px; border-radius: 4px; box-sizing: border-box; margin-left: 6px; margin-right: -6px; margin-top: -5px; margin-bottom: -7px; color: #324074;}

	.gier { display: none; }

	.insta-follow-box { display: none;  }

	.service-small { display: block; width: auto; height: auto; padding-right: 30px; overflow-x: hidden}

	.service-big { display: block; width: auto; height: auto; padding-right: 30px; overflow-x: hidden}

	.gif-container { max-width: 100%; min-width: 100%; height: auto; overflow: hidden;}

	.youtube-container-insite { max-width: 100%; min-width: 100%; height: 0; padding-bottom: 56.25%; }

	.youtube-container-insite-1000 { max-width: 100%; min-width: 100%; height: 0; padding-bottom: 56.25%; }

}