/*
Theme Name: GrandPage
Author: Nagrand Antal    
Author URI:  https://grandpage.hu
Version: 1.0
Description: Print style
*/
@charset "UTF-8";
@import url('fontello-codes.css');
@import url('bootstrap.css');
/*--------------------------------------------------------------------------------------
		/ RESET CSS /	
--------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, dl, dt, dd, ol, ul, li,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, dialog, details, embed,
figure, figcaption, footer, header,
hgroup, menu, nav, output, ruby, section 
summary, time, mark, audio, video, input, textarea {
	margin: 0;  padding: 0;  border: 0;
	font-size: 100%; font: inherit;
	vertical-align: baseline;
}
/* This helps to make newer HTML5 elements behave like DIVs in older browers */ 
article, aside, dialog, figure, footer, header,hgroup, nav, section { display:block; }
/* Line-height should always be unitless! */
body {line-height: 1;  background: white;}
ol, ul {list-style: none outside none;}
/* Tables still need 'cellspacing="0"' in the markup. */
table {border-collapse: separate; border-spacing: 0;}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {text-align: left; font-weight: normal; float:none !important;}
table, th, td { vertical-align: middle; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; }
/* Remember to define your own focus styles! */
:focus { outline: 0; }

.clear {clear: both; height: 0; font-size: 0; line-height: 0; float: none; width: 100%; display: block; 
		overflow: hidden; visibility: hidden;}
.clearfix:before, .clearfix:after {content: " ";
		height: 0; font-size: 0; line-height: 0;  width: 100%; display: block;
		overflow: hidden; visibility: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}


/*--------------------------------------------------------------------------------------
		/ FONTS /	
--------------------------------------------------------------------------------------*/
@font-face {  font-family: 'fontello';
	src: url('../fonts/fontello/fontello.eot?46001964');
	src: url('../fonts/fontello/fontello.eot?46001964#iefix') format('embedded-opentype'),
		url('../fonts/fontello/fontello.woff2?46001964') format('woff2'),
		url('../fonts/fontello/fontello.woff?46001964') format('woff'),
		url('../fonts/fontello/fontello.ttf?46001964') format('truetype'),
		url('../fonts/fontello/fontello.svg?46001964#fontello') format('svg');
	font-weight: normal;  font-style: normal;}
  
@font-face {font-family: 'open_sansregular';
    src: url('../fonts/opensans/OpenSans-Regular-webfont.eot');
    src: url('../fonts/opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {font-family: 'open_sanssemibold';
    src: url('../fonts/opensans/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/opensans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/opensans/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {font-family: 'open_sansbold';
    src: url('../fonts/opensans/OpenSans-Bold-webfont.eot');
    src: url('../fonts/opensans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/opensans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('../fonts/opensans-cond/opensans-condbold-webfont.eot');
    src: url('../fonts/opensans-cond/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-cond/opensans-condbold-webfont.woff') format('woff'),
         url('../fonts/opensans-cond/opensans-condbold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-cond/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {
    font-family: 'muliregular';
    src: url('../fonts/muli/muli-webfont.eot');
    src: url('../fonts/muli/muli-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/muli/muli-webfont.woff2') format('woff2'),
         url('../fonts/muli/muli-webfont.woff') format('woff'),
         url('../fonts/muli/muli-webfont.ttf') format('truetype'),
         url('../fonts/muli/muli-webfont.svg#muliregular') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {
    font-family: 'mulibold';
    src: url('../fonts/muli/muli-bold-webfont.eot');
    src: url('../fonts/muli/muli-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/muli/muli-bold-webfont.woff2') format('woff2'),
         url('../fonts/muli/muli-bold-webfont.woff') format('woff'),
         url('../fonts/muli/muli-bold-webfont.ttf') format('truetype'),
         url('../fonts/muli/muli-bold-webfont.svg#mulibold') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {
    font-family: 'mulisemibold';
    src: url('../fonts/muli/muli-semibold-webfont.eot');
    src: url('../fonts/muli/muli-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/muli/muli-semibold-webfont.woff2') format('woff2'),
         url('../fonts/muli/muli-semibold-webfont.woff') format('woff'),
         url('../fonts/muli/muli-semibold-webfont.ttf') format('truetype'),
         url('../fonts/muli/muli-semibold-webfont.svg#mulisemibold') format('svg');
    font-weight: normal;    font-style: normal;}
		
/*--------------------------------------------------------------------------------------
		/ PAGE /	
--------------------------------------------------------------------------------------*/

@media print {
  /* Margins */
  @page {size: A4;  margin: auto;}
  
  /* Page breaks */
  a, blockquote 			{page-break-inside: avoid;}
  h1, h2, h3, h4, h5, h6 	{page-break-after: avoid; page-break-inside: avoid;}
  div.img_wrapper, img		{page-break-inside: avoid; page-break-after: avoid; break-inside: avoid; max-width: 100%!important; height: auto;}
  table, pre 				{page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid;}
  ul, ol, dl 				{page-break-before: avoid;}
}

/*--------------------------------------------------------------------------------------
		/ BOOTSTRAP /	
--------------------------------------------------------------------------------------*/
.container-fluid, .container, #left_side {width: 100%;}

/*--------------------------------------------------------------------------------------
		/ LAYOUT /	
--------------------------------------------------------------------------------------*/
/* Visible */
#header_sidebar, #header_menu, #header_slider,
#right_side, #footer_wrapper, #scroll_top,
.button, .button_wrapper,
#breadcrumbs, .wp-pagenavi,
#cookie-notice, .cookie-notice-container, .cookie-notice-revoke-container,
.text_box, .myvideo, .video-container, .box_info, .google_wrapper, .googlemaps,
.wpcf7, .wpcf7-form, .contact_link {display: none!important;}

/* Header */ 
#header_logo img {max-width: 15em; height: auto;}
#header_wrapper 	{padding-bottom: 5mm!important; border-bottom: solid 1mm #d40e1e!important; height: 4em!important; padding-left: 0; padding-right: 0;}
.hidden-xs			{display: table; width: 100%;}

/*--------------------------------------------------------------------------------------
		/ BASIC STYLES /	
--------------------------------------------------------------------------------------*/

body {
	font-size: 10pt;
	line-height: 1.5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background: none;
    text-align: justify;
    text-justify: inter-word;
}

/*--------------------------------------------------------------------------------------
		/ BASIC STYLES /	
--------------------------------------------------------------------------------------*/
body {font-family: open_sansregular, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;	
	letter-spacing: normal;		
	line-height: 1.75;
	border-spacing: 0;
	color: #000;
	text-align: justify;
	text-justify: inter-word;
}

p 		{margin-bottom: 0.75em; }
.left  	{float: left !important; }
p .left	{margin-left: 0; padding: 0; }
.right 	{float: right !important; }
p .right {margin-right: 0; padding: 0; }

/*Válasz vonal*/
hr		{border: 0 none; border-bottom: 0.1em dashed #c6c7c8;	margin: 2em 0 1em 0;}
#content_category.homepage hr {border-bottom-style: solid; margin-bottom: 2em;}

a, a:link, a:visited, a:active	{text-decoration: none; 	color: #d40e1e;}
a:hover, a:hover span 			{text-decoration: underline; 	color: #ff1427;	 cursor: pointer;}
/*------------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {color: #474749; text-align:left; letter-spacing: normal; 	font-family: mulisemibold, Helvetica, sans-serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #d40e1e;}

h1 a:hover, h1 a:hover span,
h2 a:hover, h2 a:hover span,
h3 a:hover, h3 a:hover span,
h4 a:hover, h4 a:hover span,
h5 a:hover, h5 a:hover span,
h6 a:hover, h6 a:hover span{color: #ff1427!important; text-decoration: none;}

h1 {font-size: 2.5em; 	line-height: 1.2; 	margin-bottom: 0.75em;	margin-top: 0.6em;}
h2 {font-size: 2.3em; 	line-height: 1.3;	margin-bottom: 0.65em;	margin-top: 0.5em;}
h3 {font-size: 2em;		line-height: 1.35;	margin-bottom: 0.75em;	margin-top: 1em; }
h4 {font-size: 1.6em; 	line-height: 1.4; 	margin-bottom: 0.75em;	margin-top: 1em; }
h5 {font-size: 1.4em; 	line-height: 1.45; 	margin-bottom: 0.75em;	margin-top: 1em; }
h6 {font-size: 1.2em;	line-height: 1.5; 	margin-bottom: 0.75em;	margin-top: 1em; }

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-family: mulibold, Helvetica, sans-serif!important;}

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img { margin: 0;}

#page-title h1, #page-title h2 	{color: #fff;}
#page-title h1 					{font-family: mulibold, Helvetica, sans-serif;}
/*------------------------------------------------------------------------------------*/
blockquote	{margin: 1.5em; color: #777; font-style: normal; font-family: source_sans_proregular, Helvetica, sans-serif;}
strong,dfn	{font-weight: bold; }
em,dfn     	{font-style: italic; }
dfn         {font-weight: bold; }
sup, sub	{line-height: 0; }
sup 		{vertical-align:text-top; top: 0.25em;}		/* Fixes wrong line-height on sup/sub in IE. */
sub 		{vertical-align:text-bottom; }		/* Fixes wrong line-height on sup/sub in IE. */
abbr,acronym{ border-bottom: 0.1em dotted #777; }
address     {margin: 0 0 1.5em; font-style: italic; }
del         {color:#777; }
pre 		{margin: 1.5em 0; white-space: pre; }
pre,code,tt	{font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
/*------------------------------------------------------------------------------------*/
li ul, li ol	{margin:0;}
ul, ol, ul ul, ol ol, ul ul ul, ol ol ol {padding-left: 1.4em;	margin: 0 0 1em 0;}
ul          	{list-style-type: disc;}
ol          	{list-style-type: decimal;}
ol,ol ol, ol ol ol {padding-left: 1.7em;}
ol ol 			{list-style: upper-alpha;}
ol ol ol 		{list-style: lower-roman;}
ol ol ol ol 	{list-style: lower-alpha;}
ul ul,ol ol,ul ol,ol ul {margin-bottom: 0;}
dl          	{margin: 0 0 1.5em 0; }
dl dt       	{font-weight: bold;}
dd          	{margin-left: 1.5em;}
/*------------------------------------------------------------------------------------*/
table      		{margin: 1em 0 1em 0; max-width: 100%!important; position: relative;}
th     			{padding: 0.3em 1mm; font-weight: 600;}
thead th 		{background: #474749; }
th,td,caption	{margin: 0.2em;}
td			{padding: 0.3em 1mm; border: 0 none;}
th[scope=row]{height: 1.7em; margin-top:3.5em;}
tfoot		{font-style: italic; }
caption	{background: #ececed; }
table ul, table li  {margin: 0;}
/*------------------------------------------------------------------------------------*/
.small  {font-size: 80%; line-height: 1.35; margin-bottom: 1.25em; }
.medium	{font-size: 130%; line-height: 1.5; margin-bottom: 1.35em; }
.large  {font-size: 300%; line-height: 1.25; margin-bottom: 0;}
.big	{font-size: 600%; line-height: 1.25; margin-bottom: 0;}
.hide	{display: none; }
.quiet	{color: #777; }
.loud 	{color: #000; }
.highlight{ background:#ff0; }
.added	{background:#060; color: #fff; }
.removed{background:#900; color: #fff; }
.first	{margin-left:0; padding-left:0; }
.last	{margin-right:0; padding-right:0; }
.top	{margin-top:0; padding-top:0; }
.bottom  { margin-bottom:0; padding-bottom:0;}

.alignright		{display: block; float: right;}
.alignleft		{display: block; float: left;}
.aligncenter	{position: relative; display: block; margin: 0 auto;	text-align: center!important;}
.center 		{position: relative; display:table-cell; margin-left: auto;  margin-right: auto; text-align: center;  vertical-align:middle; /*középre*/  }

/*------------------------------------------------------------------------------------*/
label       {font-weight: normal; display: block;}
fieldset   	{padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 0.1em solid #ccc;}
legend  	{font-weight: bold;	font-size:1.2em; margin-top:-0.2em; margin-bottom:1em;}
/*------------------------------------------------------------------------------------*/
input[type=text], input[type=password],
input.text, input.title, textarea { background-color:#fff;  border:0.1em solid #bbb;}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus {  border-color:#777;}
select { background-color:#fff; border-width:0.1em; border-style:solid;}
input[type=text], input[type=password],
input.text, input.title,
textarea, select { margin:0.5em 0; }
input.text, input.title   { width: 20em; padding:1mm;}
input.title {font-size:1.5em; }
textarea      {width: 23em; height: 23.5em; padding:1mm;}
form.inline 	{line-height:3;}
form.inline p	{margin-bottom:0;}
/*------------------------------------------------------------------------------------*/
.error, .alert, .notice, .success, .info {padding: 0.8em; margin-bottom: 1em; border-top-style: solid; border-bottom-style: solid; border-width: 0.2em;}
.error, .alert		{background: #ffc2c2; color: #8a1f11; border-color: #440101;}
.notice, .success  	{background: #f3f3f1; color: #0d402a; border-color: #0d402a;}
.info 				{background: #f3f3f1; color: #124330; border-color: #0d402a;}
.error a, .alert a 				{ color: #8a1f11; }
.notice a, .success a , .info a	{ color: #708e2c; }

/*--------------------------------------------------------------------------------------
		/ SPECIAL STYLES /	
--------------------------------------------------------------------------------------*/
.title			{padding: 0.5em 1em; text-align: center; font-size: 120%;}
.name			{padding: 0; margin: 0;}
h1.focim		{font-size: 3em; margin-top: 0.6em;}

.no_margin, 
.no_margin td,
.no_margin tr	{padding:  0!important; margin: 0!important;}
.uppercase		{text-transform: uppercase;}
a.block-link	{display: block;}


/*** Színek  ***/
.white		{background-color: #fff;}
.map_color	{background-color: #f1efe9;}
.light_gray	{padding-top: 0.5em; padding-bottom: 0.5em;}

.gray, 
.light_gray,
.gray_10	{background-color: #ececed;}
.gray_20	{background-color: #d9dadb;}
.gray_30	{background-color: #c6c7c8;}
.gray_40	{background-color: #b2b4b5;}
.gray_50	{background-color: #9e9fa1;}
.gray_60	{background-color: #88898b;}
.gray_70	{background-color: #737375;}
.gray_80	{background-color: #5e5e60;}
.gray_90	{background-color: #474749;}
.black		{background-color: #2f2e31; color: #fff!important;}
.red 		{background-color: #d40e1e; color: #fff!important;}
.red-text	{color: #d40e1e;}
.red h1, .red h2, .red h3, .red h4, .red h5, .red h6 {color: #fff!important;}
h1.gray, h2.gray, h3.gray, h4.gray, h5.gray, h6.gray,
td.red a, td.red a:link, td.red a:visited, td.red a:active {color: #fff;}
.red a, .red a:link, .red a:visited, .red a:active, 
.gray a, .gray a:link, .gray a:visited, .gray a:active	{color: #000;}
.red a:hover, .red a:hover span {color: #fff; text-decoration: underline;}

/*------------------------------------------------------------------------------------*/
/*** Egyedi táblázat ***/
.border th	{background-color: #c6c7c8; color: #fff;}
.border 	{border-top: 0.1em solid #f4f4f4; 	border-right: 0.1em solid #f4f4f4; text-align:left;}
.border th 	{border-bottom: 0.1em solid #c6c7c8; 	border-left: 0.1em solid #f4f4f4;}
.border td	{border-bottom: 0.1em solid #f4f4f4; 	border-left: 0.1em solid #f4f4f4;}
.border.table_small td, .border.table_small th  {font-size: 0.8em;}

table.referencia_info {margin-bottom: 0;}
table.referencia_info td {vertical-align: top;}

.web {width: 100%; content: url('https://grandpage.hu/gp-content/uploads/media/images/honlapkeszites-bg.png');}
.web tbody{}
.web tr td{position: relative; width: 25%;  overflow: hidden;}
.web tr td:before{content: "";	display: block; padding-top: 97.5%; 	/* initial ratio of 1:1*/}
.web tr td span {position:  absolute;	top: 0;	left: 0;	bottom: 0;	right: 0;}
.web td a:hover span{text-decoration: none!important; color: transportant;}
/*** Pozíció ***/
td img, td img.alignright, td img.alignleft, td img.aligncenter, td img.alignnone {max-width: 100%!important; height: auto!important;}
td img.alingleft 	{margin: 0!important; padding: 0!important;} 	

img.alignright, img.alignleft, img.aligncenter, img.alignnone {max-width: 100%!important; height: auto!important;}
img.alignright, .myvideo.alignright		{margin: 1em 0 1em 2em;}
img.alignleft, .myvideo.alignleft		{margin: 1em 2em 1em 0;}
img.aligncenter, .myvideo.aligncenter	{display: block; margin-bottom: 2em; margin-top: 2em;}

.post_img.alignleft 	{margin-right: 2em; 	margin-bottom: 1em; max-width: 50%; display: block;}
.alignleft .image_box 	{margin-left: -1em;}
.post_img.alignright 	{margin-left: 2em;		margin-bottom: 1em; max-width: 50%; display: block;}

/*--------------------------------------------------------------------------------------
		/ FONTELLO icon /	
--------------------------------------------------------------------------------------*/
/*** icon ***/
.icon{font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 110%; speak: none;
	display: inline-block;
    text-decoration: none!important;
    width: 1em; 
	height: 1em; 
	margin: 0; padding: 0;
	margin-right: 0.5em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon.big  {font-size: 2.8em; display: inline-block; float: left; color: #d40e1e; margin-right: 0.25em;}
.icon-quote-left  {vertical-align:text-bottom; 	font-size: 80%; margin-right: 0.5em; margin-left: 0;}
.icon-quote-right {vertical-align:text-top;		font-size: 80%; margin-right: 0; margin-left: 0.5em}
.circle .icon {margin-right: 0;}
table .icon-star {margin-right: 0;}

/*------------------------------------------------------------------------------------*/
/* Post */
.post {position: relative;}
.post header {font-size: 90%; }
.post footer, .post_meta .icon , .post_meta {color: /*#d40e1e;*/ #c6c7c8;}
.post img	{max-width: 100%;}
.post h4 a {color: #000; width: 100%; display: inline-block;}
.post h4 a:hover {color: #ff1427; text-decoration: none!important;}

.post_meta ul	{list-style: none;	margin: 0;	padding: 0;}
.post_meta li a	{text-decoration: none;}
.post_meta li a:hover {text-decoration: underline;}
.post_meta li	{float:left; padding-right: 1.35em;	text-align: left;	display: inline; max-width: 100%; list-style: none;}
.post_meta .icon {margin-right: 0.5em;}
.post_meta {margin-bottom: 1em;}

.post_img {width: 50%; max-width: 34em; max-height: 34em; float: left; margin-right: 1em; overflow: hidden;}
.search_img {width: 25%; max-width: 14em; max-height: 14em; float: left; margin-right: 1em; overflow: hidden;}
.post_img .image_box img {border: 0 none!important;}

.post_text		{width: 100%;}
.post_text	a	{text-decoration: none;}
.post_title h1, .post_title h2, .post_title h3, .post_title h4, .post_title h5, .post_title h6{overflow: hidden; /*Ne nyúljon rá a szövegre*/}

/*TOVÁBB*/
a.details,
a.details:hover	{position: absolute; bottom: 0; right: 0.5em; margin: 0 ; padding: 0; font-weight: bold; font-size: 1.2em; letter-spacing: 0.1em; }
a.details .icon	{margin-left: 0;}

/*------------------------------------------------------------------------------------*/
/*Képek*/
.attachment-alignleft	{float:left;	padding: 0 1.35em 0.7em 0;}
.attachment-thumbnail:hover {
	-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;
	border-color: #948e6c!important;
}
/* -------------------------------------------*/
.img_wrapper {margin: -2em; padding: 2em;}
.img_wrapper figure img {
	margin-top: 1em; margin-bottom: 1em;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
    -ms-transform: scale(1);
	transform: scale(1);

	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.img_wrapper figure:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
    -ms-transform: scale(1.05);
	transform: scale(1.05);
	
/*	-moz-box-shadow: 	0.1em 0 20.5em rgba(0,0,0,0.1);
	-webkit-box-shadow: 0.1em 0 20.5em rgba(0,0,0,0.1);
	box-shadow: 		0.1em 0 20.5em rgba(0,0,0,0.1);	*/
}
/* -------------------------------------------*/
.gallery dl {/*overflow: hidden;*/}
.gallery img {
	border: 0 none!important;

	padding-right: 0.5em;
	margin-left: 0;

	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
    -ms-transform: scale(0.9);
	transform: scale(0.9);
	
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

	-webkit-filter: saturate(50%);
	-moz-filter: saturate(50%);
	-o-filter: saturate(50%);
	-ms-filter: saturate(50%);
	filter: saturate(50%);
	
}
.gallery img:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
    -ms-transform: scale(1);
	transform: scale(1);
	
	-webkit-filter: saturate(100%);
	-moz-filter: saturate(100%);
	-o-filter: saturate(100%);
	-ms-filter: saturate(100%);
	filter: saturate(100%);
}
.gallery img {max-width: 100%!important; height: auto!important;}
.gallery-caption	{color: #c6c7c8; font-weight:normal; font-family: open_sansregular, Helvetica, sans-serif;}

/* Képaláírás */
p.wp-caption-text 	{margin: 0 auto; text-align: center;  color: #474749; font-family: open_sansregular, Helvetica, sans-serif;}
.wp-caption.alignright,	
.wp-caption.alignright img {margin-left: 1em;}
.wp-caption.alignleft,
.wp-caption.alignleft img {margin-right: 1em;}

.wp-caption.alignright img,
.wp-caption.alignleft img,
.wp-caption.aligncenter img	{margin-bottom: 0.5em;}

.footer_sidebar.alignright	{text-align: right;}
.footer_sidebar.alignleft	{text-align: left;}

/*--------------------------------------------------------------------------------------*/
/* Keresés */
.searchform {display: relative; width: 100%; height: 3.2em; display: block; margin-top: 0.7em;}
.searchsubmit{
    /*background: transparent!important;*/
	-moz-box-shadow: 	0 0 0 rgba(0,0,0,0)!important;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0)!important;
	box-shadow: 		0 0 0 rgba(0,0,0,0)!important;
	color: #fff; font-size: 1em; 
	width: 3em; height: 3em;	position: absolute;	right: 0; top: auto;
	border: 0 none!important;
	margin: 0!important; padding: 0!important;
}
.searchsubmit .icon{ font-size: 1.6em; /*H4 méret*/ }
	
.searchform .search-field {
	position: absolute;	
	right: 5em;		top: auto;
	width: -webkit-calc(100% - 5em);	
	width: -ms-calc(100% - 5em);	
	width: -moz-calc(100% - 5em);	
	width: -o-calc(100% - 5em);	
	width: calc(100% - 5em);

	height: 3em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	border-top: 0.1em solid rgba(255,255,255,0.05);
	border-left: 0.1em solid rgba(255,255,255,0.05);	
	border-bottom: 0.1em solid rgba(255,255,255,0.2);
	border-right: 0.1em solid rgba(255,255,255,0.2);
	padding: 0 0.7em;
	background-color: #fff;
	color: #000;
}

.right_sidebar .searchform .search-field {
	width: -webkit-calc(100% - 5em);	
	width: -ms-calc(100% - 5em);	
	width: -moz-calc(100% - 5em);	
	width: -o-calc(100% - 5em);	
	width: calc(100% - 5em);
	background-color: #f4f4f4;
}

.searchform .screen-reader-text {line-height: 0; font-size: 0; display: none;}
button.searchsubmit:hover, 
button.searchsubmit.red:hover  	{background-color: #ff1427;}
button.searchsubmit .icon		{margin: 0;}

/*--------------------------------------------------------------------------------------*/
/*** DIV - arány ***/
.ratio_box{position: relative; max-width: 100%;}
.ratio_box:before{content: "";	display: block; 	padding-top: 100%; 	/* initial ratio of 1:1*/}
.ratio_content{position:  absolute;	top: 0;	left: 0;	bottom: 0;	right: 0; }
.ratio2_1:before{padding-top: 50%;}
.ratio1_2:before{padding-top: 200%;}
.ratio4_3:before{padding-top: 75%;}
.ratio16_9:before{padding-top: 56.25%;}
.ratio12_10:before{padding-top: 83.33%;}

/*------------------------------------------------------------------------------------*/
/*** Priority box - teljes szélesség  ***/
.priority_wrapper	{margin-top: 2em; margin-bottom: 2em; position: relative; font-size: 120%;}
.priority_wrapper p	{line-height: 1.25; margin: 0; font-size: 0.8em;}
.priority_wrapper p strong {font-family: open_sansbold, Verdana, Helvetica, sans-serif;}	
.priority 			{padding-top: 3.2em; padding-bottom: 3.2em;}

/*------------------------------------------------------------------------------------*/
/*** Numbox  ***/
.numbox_wrapper_left	{margin-left: -2em;}
.numbox_wrapper_right	{margin-right: -2em;}

.numbox		{padding: 1em; margin-top: 1em; margin-bottom: 1em; display: block;}

.one, .two, .three, .four {background-size: auto 100%;  background-repeat:no-repeat;}
.one 		{background-image: url(images/one_icon.png);}
.two 		{background-image: url(images/two_icon.png);}
.three 		{background-image: url(images/three_icon.png);}
.four		{background-image: url(images/four_icon.png); color: #fff;}
.four h1, .four h2, .four h3, .four h4, .four h5, .four h6 {color: #fff!important;}

/*------------------------------------------------------------------------------------*/
/*** Buttton ***/
.button{
    color: #000;
    background: #fff;
    padding: 0.7em 20.5em;
    margin: 0;
    font-family: mulisemibold, Helvetica, sans-serif;
    font-size: 120%;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    cursor: pointer;
	-moz-box-shadow: 	inset 0 0 0 0 #d40e1e;
	-webkit-box-shadow: inset 0 0 0 0 #d40e1e;
    box-shadow: inset 0 0 0 0 #d40e1e;
	text-decoration: none!important;
}
a .button  		{color: #000;}
.button.red 	{background-color: #d40e1e; color: #fff;}
a .button.red 	{color: #fff!important;}
.button.gray	{background-color: #c6c7c8;}
.button:hover  	{
	color: #fff;
	-moz-box-shadow: 	inset 0 6.5em 0 0 #d40e1e;
	-webkit-box-shadow: inset 0 6.5em 0 0 #d40e1e;
	box-shadow: inset 0 6.5em 0 0 #d40e1e;
}
.button:hover.red  	{
	-moz-box-shadow: 	inset 0 6.5em 0 0 #ff1427;
	-webkit-box-shadow: inset 0 6.5em 0 0 #ff1427;	
	box-shadow: inset 0 6.5em 0 0 #ff1427;
}

/*------------------------------------------------------------------------------------*/
/*** Youtube - Embed video ***/
.myvideo {height: auto; max-width: 100%;}
.myvideo.aligncenter {margin-bottom: 1em;} 
.myvideo_alt {margin-bottom: 2em;}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;		/* 6.5em control sáv */
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object,  .video-container embed {
	position: absolute;
	top: 0; 	left: 0;
	width: 100%;	height: 100%;
}
.entry-content img, .entry-content iframe, .entry-content object, .entry-content embed {max-width: 100%;}	

/*------------------------------------------------------------------------------------*/
/*** googlemaps ***/
.googlemaps {margin: 0;}


/*** Numbering Animation***/
.c-no{height:13.2em;}
.grey-bg{background:#ebebeb;}
.counter-Txt{text-align:center; font-size:1.35em; font-weight:bold; text-transform:uppercase; margin-top:1.35em;}
.counter-Txt span{display:block; font-size:2em;}
}