/* 
  GaboAblakok saját stílus lapja - az alap Bootstrap felülírása.
  Programozta: Máté Gábor - mategabor.org
*/

@font-face {
    font-family: 'RobotoBlack';
    src: url('https://emelotolo.hu/fonts/roboto-black.ttf') format('truetype');  
}
@font-face {
    font-family: 'RobotoBold';
    src: url('https://emelotolo.hu/fonts/roboto-bold.woff');
	src: local('☺'),  
       url('https://emelotolo.hu/fonts/roboto-bold.ttf') format('truetype');
}
@font-face {
    font-family: 'RobotoLight';
    src: url('https://emelotolo.hu/fonts/roboto-light.woff');
	src: local('☺'),  
       url('https://emelotolo.hu/fonts/roboto-light.ttf') format('truetype');
}
@font-face {
    font-family: 'RobotoMedium';
    src: url('https://emelotolo.hu/fonts/roboto-medium.ttf') format('truetype');  
}
@font-face {
    font-family: 'RobotoRegular';
    src: url('https://emelotolo.hu/fonts/roboto-regular.ttf') format('truetype');  
}
@font-face {
    font-family: 'RobotoThin';
    src: url('https://emelotolo.hu/fonts/roboto-thin.ttf') format('truetype');  
}
@font-face {
    font-family: 'themify';
    src: url('https://emelotolo.hu/fonts/themify.woff');
	src: local('☺'),  
       url('https://emelotolo.hu/fonts/themify.ttf') format('truetype');
}

body {
	font-family: 'RobotoLight';
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	color: rgb(91, 91, 91);
	font-size: 16px;
}
a {
	color: rgb(91, 91, 91);
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
.glyphicon {
	font-family: 'Glyphicons Halflings';
}
.zoom-in {
	cursor: zoom-in;
}
.center {
	margin: 0 auto;
}
.row-eq-height {
    display: flex;
}
.kszulo {
	position: relative;
}
.vertical-align {
    display: flex;
    align-items: center;
}
.fkozep {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}
.vkozep {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
}
.falul {
	position: absolute;
	bottom: 0;
}
.aligned-row { /*Ez jó!! */
  display: flex;
  flex-flow: row wrap;

  &::before {
    display: block;
  }
}
.left {
	float: left;
}
.right {
	float: right;
}
.bold {
	font-weight: bold;
}
.dolt {
	font-style: italic;
}
.font-RobotoBold {
	font-family: 'RobotoBold';
}
.nopadl {
	padding-left: 0;
}
.nopadr {
	padding-right: 0;
}
.nomargotop {
	margin-top: 0 !important;
}
.margintop5 {
	margin-top: 5px !important;
}
.margintop10 {
	margin-top: 10px !important;
}
.nomargobottom {
	margin-bottom: 0 !important;
}
.marginbottom5 {
	margin-bottom: 5px !important;
}
.marginbottom10 {
	margin-bottom: 10px !important;
}
.marginbottom20 {
	margin-bottom: 20px !important;
}
.marginright15 {
	margin-right: 15px !important;
}
.paddingtop10 {
	padding-top: 10px !important;
}
.paddingbottom10 {
	padding-bottom: 10px !important;
}
.paddingleft16 {
	padding-left: 16px;
}
.szor:before, .szor:after {
	letter-spacing: 2px;
	content: " ";
    font-size: 1px;
}
.szor {
	vertical-align: middle;
}
.et-szotav {
	word-spacing: 125%;
}
.et-sortav {
	line-height: 160%;
}
@-moz-document url-prefix() {
	input[type=file] {
		padding-left: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
}
.luk {
	height: 40px;
}
.kisluk {
	height: 10px;
}
.luk56 {			/*A h2 teljes sávú fejléc magassága*/
	height: 56px;
}
.lathatatlan {
	opacity: 0;
}
.relyt {
	display: none !important;
}
.nohyph {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
}
.erostores {
	word-wrap: break-word;
}
.anchor {
   display:block;
   height:63px; /* this is the height of your header */
   margin-top:-63px; /* this is again negative value of the height of your header */
   visibility:hidden;
}
a > .img-thumbnail:hover {
	border: 1px solid rgb(91, 91, 91);
}
.col-xs-1-of-9 {
	float: left;
	width: 11.11111111%
}
.ikon-bg {
	background: rgb(91, 91, 91);
	border-radius: 6px;
}
.topmodule {
	margin-right: 0;
	padding-bottom: 2px;
	padding-top: 2px;
	color: rgb(91, 91, 91);
}
.topmodule > div {
	padding-right: 0;
}
.topmodule > div:nth-child(2) {
	padding-left: 0;
}
.topmodule a {
	color: rgb(91, 91, 91);
	padding: 5px 15px;
	transition: color 0.5s linear, background 0.5s linear; 
}
.topmodule > div:last-of-type {
	padding-right: 0;
	padding-left: 0;
}
.topmodule a:hover {
	color: #ffffff!important;
	background: rgb(91, 91, 91);
}
.topmodule a:hover > i {
	background: #ffffff;
}
.langsw > .btn, .langsw > .btn-xs {
	font-size: inherit;
	padding: 0 5px;
}
.langsw img {
	height: 20px;
	margin-right: 20px;
	vertical-align: sub;
}
.search img {
	margin-right: 5px;
	padding: 2px;
	border-radius: 2px;
	border: 1px solid darkgrey;
	width: 18px;
	height: 18px;
}
.topmodule .glyphicon {
	font-size: 11px;
	color: #000000;
	padding: 2px 2px 1px 2px;
	border-radius: 2px;
	border: 2px solid #000000;
	margin-right: 5px;
	vertical-align: 1px;
}
.hr-top {
	margin-top: 0;
	margin-bottom: 0;
}
.menu-fluid {
	padding-top: 10px;
}
.navrow {
	transition: box-shadow 2s, text-shadow 1s, background 2s, height 1s;
	font-weight: bold;
	height: 110px;
}
.navbar-brand > img {
	padding: 5px 0;
}
.navbar-default, .navbar-collapse {
	background: none;
	border: none;
}
.navbar {
	margin-bottom: 0;
}
.navbar-default:hover {
	background: #ffffff;
	color: rgb(91, 91, 91);
	box-shadow: 0px 1px 0px #777;
	text-shadow: none;
}
.navbar-default .navbar-nav > li {
	transition: background 0.5s ease-out, color 0.5s linear;
}
.navbar-default .navbar-nav > li > a {
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
}
.topmodule, .topmodule a {
	color: #000000;
}
.topmodule a:hover {
	color: white;
}
.navbar-default:hover .topmodule, .navbar-default:hover .topmodule a {
	color: rgb(91, 91, 91);
}
.navbar-default:hover .navbar-nav > li > a {
	text-shadow: none;
}
.navbar-default:hover .topmodule .glyphicon {
	color: rgb(91, 91, 91);
	border-color: rgb(91, 91, 91);
}
.navbar-nav > li:hover > a {
	color: #ffffff;
	text-shadow: none;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #ffffff;
	text-shadow: none;
}
.navbar-nav > li:hover, .navbar-nav > li:hover > a {
	background: rgb(91, 91, 91);
	color: #ffffff;
	text-shadow: 0px 0px 0px #777777;
	transition: background 0.5s ease;
}
.fomenu {
	margin-top: 15px;
}
.fomenu > li {
	margin-right: 7px;
}
.fomenu > li:last-of-type {
	margin-right: 15px;
}
.navbar-brand {
	padding-top: 0;
	padding-left: 13px;
}
#myNavbar {
	overflow: visible;
}
.dropdown:hover > .dropdown-menu {
    display: block;
	//margin-right: -1px;
	background: #ffffff;
}
.dropdown-menu > li > a {
	color: rgb(91, 91, 91);
}
.dropdown-menu > li > a:hover {
	background: rgb(91, 91, 91);
	color: #ffffff;
}
.menuimg {
	padding: 20px;
}
.affix {
    //top: 0;
    //width: 100%;
	background: #ffffff;
	z-index: 4000;
	border-radius: 0;
	box-shadow: 0 1px 0px #777;
}
.affix .topmodule .glyphicon {
	color: rgb(91, 91, 91);
	border-color: rgb(91, 91, 91);
}
.affix + .menu-fluid {
      padding-top: 50px;
}
@media (max-width: 767px) {
	.topmodule {
		font-size: 12px;
	}
	.topmodule a {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.navrow {
		height: auto !important;
	}
	.menu-fluid {
		padding-top: 0;
	}
	.navbar-brand > img {
		width: 90%;
	}
	.horgony {
		margin-top: -85px !important;
		padding-top: 85px !important;
	}
	.text-justify {
		text-align: left;
	}
	/*.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: rgb(91, 91, 91) !important;
		background: #ffffff !important;
	}*/
}
/**** End of menu ****/
#myCarousel {
	margin-top: 0px;
}
.alert {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
}
#labkep {
	background: url('https://emelotolo.hu/kepek/szerkezet/kapcsolat-para.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: right center;
}
#labkep > .row {
	background-color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.4);
    color: rgba(255, 255, 255, 0.4);
}
#labkep > .row > .container {
	min-height: 80vh;
	padding-top: 20px;
	padding-bottom: 20px;
}
.content .row:first-child {
	margin-top: 40px;
}
.content .row {
	//margin-bottom: 40px;
}
.margintop20 {
	margin-top: 20px;
}
.kisvonal {
	width: 80px;
	border-color: #000000;
	border-width: 3px;
	margin-bottom: 15px;
}
.feher {
	color: #ffffff !important;
}
.vario-color {
	color: rgba(195, 208, 39, 1) !important;
}
.ratio-color {
	color: rgba(10, 150, 198, 1) !important;
}
.futuro-color {
	color: rgba(234, 80, 146, 1) !important;
}
.arnyek-color {
	color: rgba(160, 177, 187, 1) !important;
}
.gabo-color {
	color: rgb(91, 91, 91) !important;
}
.vario-bg-color {
	background-color: rgba(195, 208, 39, 1) !important;
}
.ratio-bg-color {
	background-color: rgba(10, 150, 198, 1) !important;
}
.futuro-bg-color {
	background-color: rgba(234, 80, 146, 1) !important;
}
.arnyek-bg-color {
	background-color: rgba(160, 177, 187, 1) !important;
}
.gabo-bg-color {
	background-color: rgb(91, 91, 91) !important;
}
.gabo-hr {
	border-color: rgb(91, 91, 91) !important;
}
.content > .row > div > h3 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.head > div {
	height: 122px;
	margin-bottom: 15px;
}
.indexCat {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
@media (min-width: 768px) {
	.indexCat .container {
		min-height: 80vh;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#indexCatAlu {
		background: url('https://emelotolo.hu/kepek/index-alu-01.jpg');
		background-position: center center;
	}
	#indexCatMua {
		background: url('https://emelotolo.hu/kepek/index-mua-03.jpg');
		background-position: right top;
	}
	#indexCatAlu, #indexCatMua {
		content: "";
		background-color: #0e2258;
		/*-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;*/
		background-size: cover;
		background-attachment: fixed;
		background-repeat: no-repeat;
		transform-style: inherit;
	}
	.szuro-f {
		background-color: rgba(255, 255, 255, 0.5);
		background: rgba(255, 255, 255, 0.5);
		height: 100%;
	}
}
.indexCatRow {
	background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    border: 10px solid rgba(255, 255, 255, 0.3);
	box-shadow: 0px 0px 0px 1px #777;
	margin: 1px;
}
.indexCatRow > div {
	padding: 0;
}
.category {
	height: 100%;
	top: 20%;
	padding: 0 10px 0 10px !important;
}
.catkep {
	width: 100%;
	box-shadow: 0 0 5px darkgrey;
}
.cat-text-box {
	z-index: 2; 
	background: none;
	overflow: hidden;
	color: #000000;
}
.cat-text-box h3 {
	font-family: 'RobotoLight';
	font-size: 28px;
	line-height: 150%;
	margin-top: 0;
	color: rgb(91, 91, 91);
}
.cat-text-box h4 {
	font-family: 'RobotoBold';
	font-size: 24px;
	color: rgb(91, 91, 91);
}
.cat-text-box p {
	font-family: 'RobotoLight';
	font-size: 16px;
	margin-top: 10px;
}
.btn-gabo {
	background-color: rgb(91, 91, 91);
	border-color: rgb(91, 91, 91);
	color: #fff;
}
.btn-gabo:hover {
	background-color: #000000;
	border-color: #000000;
	color: #fff;
}
.parallaxluk {
	height: 10px;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}
.vonalfelul {
	border-top: 1px solid #777;
}
.vonalalul {
	border-bottom: 1px solid #777;
}
.szovegdoboz {
	padding: 2vh 0 2vh 1vh;
	background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    border: 10px solid rgba(255, 255, 255, 0.3);
	box-shadow: 0px 0px 0px 1px #777;
	margin: 0;
}
.szovegdoboz > div::first-line {
    margin-top: 0;
	margin-bottom: 5px;
}
.szoveg-logo {
	float: left;
	width: 56px;
	margin-right: 15px;

}
@media (min-width: 768px) {
	.category .img-responsive {
		/*filter: grayscale(100%);
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;*/
	}
	/*.cat-text-box {
		-webkit-transition: margin-bottom 1s; 
		-moz-transition: margin-bottom 1s; 
		-ms-transition: margin-bottom 1s; 
		-o-transition: margin-bottom 1s; 
		transition: margin-bottom 1s;  
		margin-bottom: -200px;
	}
	.category:hover .img-responsive {
	   -moz-transform: scale(1.1);
	   -webkit-transform: scale(1.1);
	   transform: scale(1.1);
	   filter: none;
	}*/
	/*.category:hover > .cat-text-box {
		margin-bottom: 0;
		transition: margin-bottom 1s; 
	}*/
}
/*[class*="cat-textin-"] {
	width: 100%;
}
[class*="cat-textin-"] a {
	color: #808080;
}
[class*="cat-textin-"] div {
	margin: 0 auto;
	padding: 3px 0;
	text-align: left;
	width: 247px;
}
.cat-textin-1, .cat-textin-2, .cat-textin-3, .cat-textin-4 {
	text-align: center;
	font-size: 16px;
	background-color: rgba(255, 255, 255, 0.9);
	margin: 1px 0;
}
.cat-textin-2 img, .cat-textin-3 img, .cat-textin-4 img {
	height: 1.6em;
}
.cat-head {
	font-family: 'RobotoBold';
	font-size: 20px;
	letter-spacing: 4px;
}
.cat-text-box:hover > a.cat-textin-1 {
	background-color: rgba(0, 0, 0, 0);
}
.cat-text-box:hover > [class*="cat-textin-"] a {
	color: #000000;
}
.cat-head-sm {
	font-size: 18px;
}
.cat-textin-5 {
	height: 10px;
}*/
.canvas-black {
	background-color: rgba(0, 0, 0, 0.7);
}
.no-margin-side {
	margin-left: -15px;
	margin-right: -15px;
}
.alsocat {
	background-image: url("https://emelotolo.hu/images/structure/szeles-bg-1.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
}
/*.alsocat > .row {
	background-color: rgba(0, 0, 0, 0.5);
}*/
.alsocat, .alsocat > .row, .alsocat > .row > div {
	padding-left: 0;
	/*padding-right: 0;*/
}
.alsocat ul {
	float: left;
	margin-top: 3%;
	margin-bottom: 2%;
	position: relative;
	list-style-type: none;
	z-index: 2;
}
.alsocat ul > li {
	color: #ffffff;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: justify;
}
.alsocat ul > li > .img {
	margin: 0 20px 0 0;
}
.alsocat4 {
	background-image: url("https://emelotolo.hu/images/gabo_futuro_1116.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
}
@media (min-width: 768px) {
	.alsocat ul {
		width: 50%;
		float: left;
		left: 50%;
		margin-left: -66px;
		margin-top: 3%;
		margin-bottom: 2%;
		position: relative;
		list-style-type: none;
		z-index: 2;
	}
	.dekor-1 {
		height: 100%;
		position: absolute;
		right: 50%;
		z-index: 1;
	}
	.alsocat > div > div {
		background: linear-gradient(to right, rgba(255,255,255,1) 39%,rgba(255,255,255,0) 50%);	
	}
	.alsocat #dekorkep-3 {
		background: rgb(82,130,183);
		background: -moz-linear-gradient(top,  rgba(82,130,183,1) 0%, rgba(119,157,195,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(82,130,183,1) 0%,rgba(119,157,195,1) 100%);
		background: linear-gradient(to bottom,  rgba(82,130,183,1) 0%,rgba(119,157,195,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5282b7', endColorstr='#779dc3',GradientType=0 );
		background-repeat: no-repeat;
    	background-size: 50% 100%;
	}
	.alsocat #dekorkep-4 {
		background: rgb(255,255,255);
		background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
		background-repeat: no-repeat;
		background-size: 50% 100%;
	}
}
@media (min-width: 992px) {
  .alsocat ul {
    width: 551px;
  }
}
@media (min-width: 1200px) {
  .alsocat ul {
    width: 651px;
  }
}
.index-alcat-head {
	font-weight: bold;
	font-size: 18px;
}
.index-alcat-body {
	margin-top: 10px;
	margin-left: 86px;
}
.alsocat-5 {
	background-image: url("https://emelotolo.hu/images/gabo_arnyekolas_1119.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	height: 400px;
}
.alsocat-6 {
	background-image: url("https://emelotolo.hu/images/gabo_aluminium_1111.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: right center;
	background-repeat: no-repeat;
	height: 400px;
}
.pipalista {
	list-style: none;
	padding-left: 0;
}
.pipalista > li:before {
	font-family: 'Glyphicons Halflings';
	content: "\e084";
	padding-right: 7px;
	font-size: 10px;
	color: #959595;
}
.kompgomb {
	border-radius: 0;
	margin-bottom: 5px;
	font-size: 75%;
}
.kompgomb:hover, .kompgomb:active, .kompgomb.active {
	background-color: #555555 !important;
	color: #ffffff !important;
}
.emailformhr {
	width: 50px;
	color: #000000;
	border: 1px solid #000000;
}
.footercontacts {
	color: rgb(91, 91, 91);
	font-family: 'RobotoLight';
	width: 100%;
	background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    border: 10px solid rgba(255, 255, 255, 0.3);
	box-shadow: 0 0 0 1px #777;
	margin: 0;
}
.footercontacts > div {
	min-height: 235px;
}
.footerbottom, .footerbottom a {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
.footertop {
	margin-bottom: 20px;
}
.footertop > div {
	/*height: 230px;*/
}
.footertop > div > h5 {
	text-transform: uppercase;
	margin-bottom: 20px;
}
.footmenu {
	list-style: none;
	padding-left: 0;
}
.footmenu > li, .footmenu li a {
	padding: 5px 0;
	text-decoration: none;
}
.footmenu > li > a:hover {
	text-decoration: none;
	color: #000000;
}
.footer-logos img {
	height: 100px;
	margin-right: 10px;
	margin-top: 5px;
}
.ikon, .balikon {
	padding: 12px 10px 10px 9px;
	border-radius: 5px;
	border: 4px solid rgb(91, 91, 91);
	font-size: 24px;
	margin: 15px auto;
	color: rgb(91, 91, 91);
}
.font-ikon {
	color: #5B5B5B;
	font-size: 60px;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	/*-webkit-transition: font-size 1s, margin-top 1s, margin-bottom 1s; /* Safari */
    /*transition: font-size 1s, margin-top 1s, margin-bottom 1s;*/
}
.szovegdoboz .ikon, .balikon {
	width: 56px;
	height: 56px;
	float: left;
	padding: 12px 10px 10px 12px;
	margin: 0 15px 6px 0;
}
.kdbt > div {
	margin-bottom: 5px;
}
.kdbt > div:last-of-type {
	margin-bottom: 0;
}
.kdbt h5 {
	margin-top: 0;
	margin-bottom: 10px;
}
#index-cont-5 {
	margin-top: 30px;
	margin-bottom: 20px;
}
#index-cont-5 .font-ikon, #termek-cont-5 .font-ikon {
	margin-bottom: 20px;
}
#index-cont-5 p, #termek-cont-5 p {
	text-align: justify;
}
.ic5-body {
	color: #5B5B5B;;
}
#index-cont-5 > .row > div:hover > .ic5-head {
	/*font-size: 70px;
	margin-top: -6px !important;
	margin-bottom: 12px !important;*/
	color: #000000;
	font-weight: bold;
}
#index-cont-5 > .row > div:hover > .themify-ikon, #index-cont-5 > .row > div:hover > .ic5-body {
	color: #000000;
}
#termek-cont-5 {
	background-image: url("https://emelotolo.hu/images/structure/szeles-bg-1.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
}
#termek-cont-5 > .row {
	background-color: rgba(0, 0, 0, 0.6);
    background: rgba(0, 0, 0, 0.6);
    color: rgba(0, 0, 0, 0.6);
}
#termek-cont-5 .container .themify-ikon, #termek-cont-5 .container .ic5-body, #termek-cont-5 .ic5-head {
	color: #eeeeee;
}
#termek-cont-5 .container > .row > div:hover > .ic5-head {
	font-weight: bold;
}
#termek-cont-5 .container > .row > div:hover > .themify-ikon, #termek-cont-5 .container > .row > div:hover > .ic5-body, #termek-cont-5 .container > .row > div:hover > .ic5-head {
	color: #ffffff;
}
#ajanlatkeres > div > span:nth-child(2) {
	font-weight: bold;
}
.themify-ikon {
	font-family: "themify";
}
.ti-comment-alt:before {
	content: "\e645";
}
.ti-ruler-pencil:before {
	content: "\e615";
}
.ti-settings:before {
	content: "\e60f";
}
.ti-bookmark-alt:before {
	content: "\e618";
}
.ti-facebook:before {
	content: "\e741";
}
.ti-youtube:before {
	content: "\e728";
}
.footcib > .ikon {
	height: 56px;
	width: 56px;
}
.logo-ikon {
	font-size: 22px;
	margin-right: 5px;
}
.logo-ikon-inverse {
	font-size: 22px;
	margin-right: 5px;
	color: #ffffff;
	background-color: #666666;
}
.logo-text {
	font-family: "RobotoLight" !important;
}
.contact-block {
	line-height: 2em;
}
.textikon > i {
	padding: 7px 20px 0 0;
	color: #959595;
}
.btn-gablak {
  color: #ffffff;
  background-color: #a1b1bc;
  border-color: #9bacb7;
  font-family: 'RobotoBold';
}
.btn-gablak:focus,
.btn-gablak.focus {
  color: #ffffff;
  background-color: #748c9c;
  border-color: #8c8c8c;
}
.btn-gablak:hover {
  color: #ffffff;
  background-color: #748c9c;
  border-color: #adadad;
}
.btn-gablak:active,
.btn-gablak.active,
.open > .dropdown-toggle.btn-gablak {
  color: #ffffff;
  background-color: #748c9c;
  border-color: #adadad;
}
#indexform {
	margin-bottom: 20px;
}
#indexform > input, #indexform > textarea {
	margin-bottom: 15px;
}
#indexform > .btn-gablak {
	padding-top: 5px;
	padding-bottom: 5px;
	height: 50px;
}
#index-cont-6 {
	background-color: #000000;
	background: url("https://emelotolo.hu/images/structure/szeles-bg-1.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
}
#index-cont-6  .container {
	color: #ffffff;
}
.komp h3 {
	margin-top: 31px;
}
.text-slide {
	display: none;
}
#indexform {
	margin-top: 25px;
}
.carousel-caption {
	top: 20%;
	left: 0;
	right: 0;
	bottom: inherit;
	margin-right: auto;
    margin-left: auto;
	margin-top: 0;
	text-align: unset;
	padding-left: 13px;
	//background: rgba(255, 255, 255, 0.5);
}
.carousel-caption h1, .carousel-caption p {
	color: #000000;
	text-shadow:
    -1px -1px 2px #e9e9e9,  
    1px -1px 2px #e9e9e9,
    -1px 1px 2px #e9e9e9,
    1px 1px 2px #e9e9e9;
	//text-shadow: 0 0 5px white;
	font-family: 'RobotoMedium';
}
.carousel-caption h1 {
	font-size: 5vw;
	//white-space: nowrap;
}
.carousel-caption p {
	font-size: 3.3vw;
	//white-space: nowrap;
}
.mobil-fej {
	font-family: 'RobotoMedium';
}
@media (min-width: 768px) {
	.carousel-caption {
		width: 750px;
	}
}
@media (min-width: 992px) {
	.carousel-caption {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.carousel-caption {
		width: 1170px;
	}
	.carousel-caption h1 {
		font-size: 84px;
	}
	.carousel-caption p {
		font-size: 50px;
	}
}
.carousel-control {
	z-index: 11;
}
.carousel-control.left, .carousel-control.right {
	background: none;
}
.carousel-control:hover.left {
	background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.carousel-control:hover.right {
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.nyille {
	position: fixed;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
	z-index: 100;
	height: 60px;
}
.nyille .glyphicon-menu-down {
	position: absolute;
	top: 10%;
	font-size: 2vw;
	color: #ffffff;
	text-shadow: 0 0 8px #000000;
	-webkit-animation-name: nyille; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: ease-in-out;
    animation-name: nyille;
    animation-duration: 2s;
	animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
	animation-delay: 2s;
}
@keyframes nyille {
    0%   {color: #ffffff; top:10%;}
    25%  {color: #808080; top:15%;}
    50%  {color: #ffffff; top:10%;}
    75%  {color: #ffffff; top:10%;}
    100% {color: #ffffff; top:10%;}
}
.szolgaltatasok-color {
	color: #515050 !important;
}
.szolgaltatasok-shadow-color {
	text-shadow: 0 0 4px #ffffff !important;
}
.google-maps {
	position: relative;
	padding-bottom: 500px; /* This is the aspect ratio 75%*/
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 500px !important;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
	filter: grayscale(100%);
}
.google-maps iframe.clicked{
	pointer-events: auto;
	filter: none;
}
.kartya {
	max-width: 200px;
	min-height: 225px;
	background: #ffffff;
	border: 1px solid #C0C0C0;
	margin: 0 auto 40px auto;
	-webkit-transition: box-shadow 1s; /* Safari */
    transition: box-shadow 1s;
	overflow: hidden;
}
.kartya:hover {
	box-shadow: 0 0 5px #000000;
}
.kartya > .kep {
	background: #ffffff;
	max-width: 180px;
	margin: 5px 10px 5px 10px;
	text-align: center;
	overflow: hidden;
	padding-bottom: 5px;
}
.kartya > hr {
	width: 70%;
	margin: 0 auto 10px auto;
	border-color: #000000;
}
.kep {
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	filter: grayscale(100%);
}
.kartya:hover .kep {
   filter: none;
}
.kartya > .szoveg {
	text-align: center;
	margin-bottom: 10px;
}
.man > .thumbnail > img {
	background: url(https://emelotolo.hu/images/structure/member-m-silhouette.jpg);
	background-position: bottom center;
}
.woman > .thumbnail > img {
	background: url(https://emelotolo.hu/images/structure/member-f-silhouette.jpg);
	background-position: bottom center;
}
.panotour {
	width: 100%;
	height: 300px
}
@media (min-width: 768px) {
  .panotour {
    height: 500px;
  }
}
.modal-dialog {
	margin-top: 120px !important;
}
@media (max-width: 400px) {
	.ebook {
		width:90%;
		height:370px;
		margin: 0 auto 0 auto;
	}
}
@media (max-width: 767px) {
	.ebook {
		width:90%;
		height:370px;
		margin: 0 auto 0 auto;
	}
}
@media (min-width: 768px) {
  .ebook {
    width: 750px;
	height: 378px;
  }
}
@media (min-width: 992px) {
  .ebook {
    width: 970px;
	height: 489px;
  }
}
@media (min-width: 1200px) {
  .ebook {
    width: 1170px;
	height:590px
  }
}
.horgony {
	margin-top: -115px;
	padding-top: 115px;
}
.termek-fejlec {
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 10px;
}
.termek-elo > .row {
	margin-bottom: 56px;
	margin-top: 56px;
}
/*.termek-elo > .row:first-child {
	margin-top: 10vh;
}*/
@media (max-width: 767px) {
	.termek-elo > .row > div:first-child > img {
		margin-bottom: 20px;
	}
}
.termek-elo > .row > div:nth-child(2) {
	padding-left: 25px;
}
.termek-elo h2 small:last-child {
	margin-top: 20px;
}
.termek-elo ul {
	padding-left: 60px !important;
	margin-bottom: 20px;
	margin-top: 20px;
}
.et-term-galeria {
	overflow-y: hidden;
}
.et-term-galeria img {
	border: 1px solid #fff;
	transition: border 1s;
	padding: 5px;
}
.et-term-galeria img:hover {
	border: 1px solid rgb(91, 91, 91) !important;
}
.row-galeria > div {
	padding-left: 5px;
	padding-right: 5px;
}
.nagykep {
	transition: src 1s;
}
.nagykep > a {
	//display: block;
}
 .et-term-motto {
 }
.feher-atlatszo2 {
	background: rgba(255, 255, 255, 0.8);
}
.minigal {
	width: 60px;
	float: left;
}
@media screen and (max-width: 485px) {
	.paddingleft16 {
		padding-left: 92px;
		margin-top: -24px;
	}
}

/*### LIGHTBOX CSS ###/* Preload images */
body:after {
  content: url(https://wwww.gaboablakok.hu/images/close.png) url(https://wwww.gaboablakok.hu/images/loading.gif) url(https://wwww.gaboablakok.hu/images/prev.png) url(https://wwww.gaboablakok.hu/images/next.png);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(https://wwww.gaboablakok.hu/images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(https://wwww.gaboablakok.hu/images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(https://wwww.gaboablakok.hu/images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(https://wwww.gaboablakok.hu/images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/*### LIGHTBOX CSS Vége ###*/
#cookie,#cookie a{color:#fff !important;}#cookie{width:100%;text-align:center;padding:15px 10px;background:-moz-linear-gradient(top,rgba(76,76,76,.8) 0,rgba(0,0,0,.8) 51%,rgba(19,19,19,1) 100%);background:-webkit-linear-gradient(top,rgba(76,76,76,.8) 0,rgba(0,0,0,.8) 51%,rgba(19,19,19,1) 100%);background:linear-gradient(to bottom,rgba(76,76,76,.8) 0,rgba(0,0,0,.8) 51%,rgba(19,19,19,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc4c4c4c', endColorstr='#131313', GradientType=0 );font-size:1em;display:none;z-index:4001;position:fixed;top:0;box-shadow:0 0 100px 10px #000}#cookie>button{border:1px dotted grey;height:2.7em;font-weight:700;margin-top:5px}#cookie>button:hover{border:1px solid grey;box-shadow:0 0 5px #fff}