/*
Theme Name: GrandPage
Theme URI: https://grandpage.hu/gp-content/themes/grandpage/
Author: Nagrand Antal    
Author URI:  https://grandpage.hu
Version: 1.0
Description: GrandPage.hu sablonja...
*/

/*--------------------------------------------------------------------------------------
		/ 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: 0px; font-size: 0px; line-height: 0px; float: none; width: 100%; display: block; 
		overflow: hidden; visibility: hidden;}
.clearfix:before, .clearfix:after {content: " ";
		height: 0px; font-size: 0px; line-height: 0px;  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.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.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.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.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;}

/*--------------------------------------------------------------------------------------
		/ LAYOUT /	
--------------------------------------------------------------------------------------*/
#site{overflow: hidden; /* semmi ne fusson ki */}
	#header_wrapper		{background-color: #fff; z-index: 10000; width: 100%; margin: 0 auto; border-bottom: 0px none;
	-webkit-transition: all 10s ease-in-out;
    -moz-transition: all 10s ease-in-out;
	-o-transition: all 10s ease-in-out;
    -ms-transition: all 10s ease-in-out;
    transition: all 10s ease-in-out;
	}
	#header_sidebar		{position: relative; text-align: right; height: 5px; background-color: #d40e1e; z-index: 9001;}
	#header_container a	{font-family:   open_sansregular, Verdana, Helvetica, sans-serif;}		
	#header_logo_top 	{position: absolute; width: 100%; left: -15px; top: 20px;  z-index: 9999; max-width: 300px;}
	#header_menu		{height: 100px; z-index: 9000; padding-right: 0px!important;}
	
	/* Nagy méretű kép középre */
	#header_slider		{background-color: #fff; line-height: 0; display: block; position: relative;  z-index: 3; margin-top: 99px;/*border-top: 8px solid #c6c7c8;*/}
	#header_slider img	{max-width: 100%; height: auto;}						
	.img-wrapper 		{min-height: 0px; overflow: hidden; text-align: center;}
	.banner-wrapper		{
		background-position: 50% 50%;
		background-repeat: no-repeat;
		height: 800px;
		width: 100%;
		padding-bottom: 30px; overflow: hidden;	
	}
	
/*------------------------------------------------------------------------------------*/		
	#main		{min-height: 500px; text-align: justify; font-size: 1em;}
	#page-title {margin-top: 99px; min-height: 8em; height: auto; overflow: hidden;}
	.content, .content_grid {height: auto; background-color: #fff;}
	.content_grid			{padding-top: 60px; padding-bottom: 60px;}
	.content				{padding-top: 30px; padding-bottom: 30px;}
	#content_category.homepage {margin-bottom: 30px;}
	
	#left_side	{min-height: 250px;}
	#left_side img.size-large, #left_side img.size-full{max-width: 100%; height: auto;}
	#right_side	{padding-top: 15px;}
	.right_sidebar	{
		position: relative;
		width: 100%; min-height: 50px;
		margin-top: 15px; margin-bottom: 10px;
		padding-bottom: 15px;
		overflow: hidden;
		border-bottom: 5px solid #d40e1e;
	}
	.right_sidebar img 	{position: relative; max-width: 100%; height: auto;}

/*------------------------------------------------------------------------------------*/
	#footer_main{margin: 0 auto; background: url('images/footer-background.jpg') repeat top left; background-color: #1d1d1d; padding-top: 15px;}
	#footer_wrapper	{min-height: 170px;  text-align: left; padding-top: 30px; padding-bottom: 15px;}
	#footer_wrapper h4, #footer_wrapper h5, #footer_wrapper h6 {color: #d40e1e; text-transform: uppercase;}
	#footer_about {text-align: justify;}
	#footer_wrapper img.center {max-width: 100%;	width: 100%; margin-top: 10px; margin-bottom: 10px;}
	#footer_about h6{text-transform: none!important; color: #fff; font-size: 125%;}

	#copyright			{height: 50px; color: #fff; background-color: #000000; font-size: 0.9em;}
	#copyright p		{margin: 15px 0 0 0;}
	#copyright p span	{/*text-transform: uppercase;*/}

/*--------------------------------------------------------------------------------------
		/ BOOTSTRAP /	
--------------------------------------------------------------------------------------*/
.img-thumbnail {  
	padding: 5px;
	border: 0px none #ffffff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.full-width {
	width: calc(100vw - 15px);
	margin-left: calc(-50vw + 50% + 7px);
	margin-bottom: -30px;
}
  
/* bootrap - menu */
#myNavbar, #bootstrap-menu, .navbar-header, .menu-fomenu-container, .navbar  {margin: 0; padding: 0; border: 0 none;}
.navbar{
	border-radius: 		0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
.navbar-white {background-color: #fff;}
.nav > li > a:hover,
.nav > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {background-color: transparent;}

.dropdown-menu{
	background-color: rgba(255, 255, 255, 0.8);
	border: 0px none transparent;
	border-radius: 		0px 0px 1px 1px;
	-moz-border-radius: 0px 0px 1px 1px;
	-webkit-border-radius: 0px 0px 1px 1px;
	-moz-box-shadow: 	0px 10px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.3);
	box-shadow: 		0px 10px 10px rgba(0,0,0,0.3);
	
	width: 205px;	padding: 15px 0; 	
		
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
	-o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;	
	
	/* Top to Bottom effect */
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.75, 0.25, 1);
    -moz-transition: all 0.5s cubic-bezier(0.25, 0.75, 0.25, 1);
    -o-transition: all 0.5s cubic-bezier(0.25, 0.75, 0.25, 1);
	-ms-transition: all 0.5s cubic-bezier(0.25, 0.75, 0.25, 1);
    transition: all 0.5s cubic-bezier(0.25, 0.75, 0.25, 1); /* easeInOutBack */	
	
	top: -webkit-calc(100% + 5px);	
	top: -ms-calc(100% + 5px);
	top: -moz-calc(100% + 5px);	
	top: -o-calc(100% + 5px);	
	top: calc(100% + 5px);
}

#bootstrap-menu{text-align: center;}
#bootstrap-menu a {
	font-size: 1.8em; 	line-height: 95px; padding: 0;	
	color: #333333;
	font-family: open_sansregular, Helvetica, sans-serif;
	/*z-index: 9000;*/
	-webkit-transition: line-height 1s ease-in-out;
	-moz-transition: line-height 1s ease-in-out;
	-o-transition: line-height 1s ease-in-out;
    -ms-transition: line-height 1s ease-in-out;
    transition: line-height 1s ease-in-out;
}

#bootstrap-menu ul 	  {margin: 0;}
#bootstrap-menu li 	  {margin: 0 15px; padding: 0;}
#bootstrap-menu ul li.current_page_item > a,
#bootstrap-menu ul li.current-menu-ancestor > a,
#bootstrap-menu ul li.current-menu-item > a,
#bootstrap-menu ul li.current-menu-parent > a {color: #d40e1e;}

#bootstrap-menu ul li:hover:after {border-bottom: 5px solid #d40e1e; width: 100%;}
#bootstrap-menu ul li.menu-item-has-children:hover:after {border-bottom: 5px solid #d40e1e;  width: 100%; min-width: 205px;}
#bootstrap-menu ul li:hover > a,  	
#bootstrap-menu ul li:hover > a span { color: #d40e1e; }

#bootstrap-menu > ul li:after{
	content: ' ';
	display: inline-block;
	*display: inline;
	position: absolute;
	left: 0; bottom: -5px;
	border-bottom: 5px solid #d40e1e;
	width: 0;	height: 0;
	white-space: nowrap;
	
	-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;
}


#bootstrap-menu ul ul a{
	color: #000; background: transparent !important;
	font-size: 1.15em; line-height: 1.5; text-align: left;	
	width: 100%; min-height: 24px; height: auto; padding: 5px 15px;
	/*z-index: 9001;*/
}
#bootstrap-menu ul ul li 	{position: relative; margin: 0; height: auto; border: 0 none;}
#bootstrap-menu ul ul li:after{border: 0 none;}
#bootstrap-menu ul ul ul 	{position: absolute; left: 100%; top: 0;}

#bootstrap-menu ul ul li.current_page_item > a,
#bootstrap-menu ul ul li.current-menu-ancestor > a,
#bootstrap-menu ul ul li.current-menu-item > a,
#bootstrap-menu ul ul li.current-menu-parent > a { color: #fff; text-decoration: none; background-color: rgba(212, 14, 30, 0.8)!important;}

#bootstrap-menu ul ul li:hover:after 	{border: 0 none;}
#bootstrap-menu ul ul a:hover{
	color: #fff; background-color: rgba(212, 14, 30, 1)!important;  
	line-height: 1.5; 
	text-decoration: none; 
	padding: 5px 15px;
}

/*--------------------------------------------------------------------------------------
		/ BASIC STYLES /	
--------------------------------------------------------------------------------------*/
body {font-family: open_sansregular, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.75;
	border-spacing: 0px;
	color: #000; 
	text-align: center;
	/* safari font-weight:bold - bug */ 
	-webkit-font-smoothing: subpixel-antialiased;	
	-webkit-text-stroke:1px transparent;	
	background-blend-mode: overlay, screen;
}

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: 1px dashed #c6c7c8;	margin: 30px 0 15px 0;}
#content_category.homepage hr {border-bottom-style: solid; margin-bottom: 30px;}

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: 3em; 	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; }		/* 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: 1px 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; }

code.sourcecode	{font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #88898b;}
/*------------------------------------------------------------------------------------*/
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;}
ul 		{list-style: disc;}
ol 		{list-style: decimal;}
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;}

.content li	{margin: 0 0 0.35em 0;}
/*------------------------------------------------------------------------------------*/
table      		{margin: 15px 0 30px 0; max-width: 100%!important; overflow: hidden; position: relative;}
th     			{padding: 3px 5px; font-weight: bold;}
thead th 		{background: #f4f4f4; }
th,td,caption	{margin: 2px;}
td			{padding: 3px 5px; border: 0px none;}
th[scope=row]{height: 1.7em; margin-top:50px;}
tfoot		{font-style: italic; }
caption	{background: #eee; }
table ul, table li  {margin: 0px;}
/*------------------------------------------------------------------------------------*/
.small     {font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large	{font-size: 1.2em; line-height: 2.5; margin-bottom: 1.25em; }
.big	{font-size: 750%; font-weight: bold;}
.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;}
/*------------------------------------------------------------------------------------*/
label       {font-weight: normal; display: block;}
fieldset   	{padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px 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:1px 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:1px; border-style:solid;}
input[type=text], input[type=password],
input.text, input.title,
textarea, select { margin:0.5em 0; }
input.text, input.title   { width: 300px; padding:5px;}
input.title {font-size:1.5em; }
textarea      {width: 390px; height: 250px; padding:5px;}
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: 2px;}
.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; }

/*--------------------------------------------------------------------------------------
		/ PLUGIN /	
--------------------------------------------------------------------------------------*/
/*** addthis ***/
.addthis_sharing_toolbox{ position: absolute; right:12px; top: 45px; z-index: 90001; display: none;}

/*------------------------------------------------------------------------------------*/
/*** Cookie Notice ***/
#cookie-notice{
	background-color: rgba(0, 0, 0, 0.8)!important;
	font-family: open_sansregular, Verdana, Helvetica, sans-serif!important;
}

#cookie-notice .cookie-notice-container {padding-left: 0px!important; padding-right: 0px!important;}
#cookie-notice .cookie-revoke-container	{
	width: 280px!important; padding: 0px!important;
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	bottom: 0;
	left: -webkit-calc(50% - 140px);	
	left: -ms-calc(50% - 140px);
	left: -moz-calc(50% - 140px);	
	left: -o-calc(50% - 140px);	
	left: calc(50% - 140px);
	}
#cookie-notice #cn-revoke-buttons .cn-button {margin: 0!important; color: #fff; border:none;}
#cookie-notice #cn-revoke-buttons .button {
	position: relative;	display: inline-block; margin: 0;	text-align: center;
	font-weight: normal; font-size: 1em;
	padding-top: .8em;
	padding-bottom: .6em;
	padding-left: -webkit-calc(30px + 1vw);
	padding-left: -ms-calc(30px + 1vw);
	padding-left: -moz-calc(30px + 1vw);
	padding-left: -o-calc(30px + 1vw);
	padding-left: calc(30px + 1vw);
	padding-right: -webkit-calc(30px + 1vw);
	padding-right: -ms-calc(30px + 1vw);
	padding-right: -moz-calc(30px + 1vw);
	padding-right: -o-calc(30px + 1vw);
	padding-right: calc(30px + 1vw);	
	background-image: linear-gradient(to bottom,rgba(212, 14, 30, 0.3),rgba(212, 14, 30, 0.5))!important;
	background-color: rgba(212, 14, 30, 0.5)!important;
	border-radius: 		10px 10px 0px 0px!important;
	-moz-border-radius: 10px 10px 0px 0px!important;
	-webkit-border-radius: 10px 10px 0px 0px!important;
}
#cookie-notice #cn-revoke-buttons .button::before	{border: 0px none;}
#cookie-notice #cn-revoke-buttons .button::after	{border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}

#cn-revoke-text, #cn-close-notice {display: none!important;}
#cn-notice-text h5 {margin-top: 0; color: #fff;}
#cn-notice-text {
	float: none; 
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 10px!important; 
	text-align: justify;
	width: 85%;
	min-height: 100px;
}
#cn-notice-buttons {
	float: none; 
	margin-left: auto; 
	margin-right: auto; 
	width: 85%;
}

#cookie-notice button#cn-accept-cookie, #cookie-notice button#cn-refuse-cookie, #cookie-notice button#cn-more-info{
	padding: 10px 10px!important;
	color: #fff!important;
	margin: 5px!important;
	background-color: #777777!important;
    *background-color: #777777!important;
	background-image: -moz-linear-gradient(top, #777777, #777777)!important;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777777), to(#777777))!important;
	background-image: -webkit-linear-gradient(top, #777777, #777777)!important;
	background-image: -o-linear-gradient(top, #777777, #777777)!important;
	background-image: linear-gradient(to bottom, #777777, #777777)!important;
	border-color: #777777;
	font-weight: normal;
}
#cookie-notice button#cn-accept-cookie:hover,
#cookie-notice button#cn-refuse-cookie:hover,
#cookie-notice button#cn-more-info:hover,
#cookie-notice button#cn-accept-cookie:focus,
#cookie-notice button#cn-refuse-cookie:focus,
#cookie-notice button#cn-more-info:focus {
    color: #ffffff!important;
    background-color: #ff1427!important;
    *background-color: #ff1427!important;
    background-position: 0 30px!important;
	border-color: #ff1427;
}
#cookie-notice .cn-set-cookie.cn-button,
#cookie-notice .cn-more-info.cn-button	{
	margin-bottom: 5px!important; 
	margin-top: 5px!important; 
	width: 20%!important; min-width:250px!important;
}

@media (max-width: 480px) {
	#cookie-notice .cn-set-cookie.cn-button,
	#cookie-notice .cn-more-info.cn-button	{width: 100%!important; min-width:250px!important;}
}
@media (max-width: 1199px) {#cn-notice-text .large{font-size:  150%;}}
@media (min-width: 1200px) {#cn-notice-text .large{font-size:  200%;}}

/*------------------------------------------------------------------------------------*/
/*** crelly slider ***/
.crellyslider > .cs-controls > .cs-next,
.crellyslider > .cs-controls > .cs-previous {opacity: 0.5;}
.crellyslider > .cs-navigation > .cs-slide-link {
    background-image: none!important;
	background-color: transparent;	
	margin: 5px 10px 10px 10px!important;	
    height: 5px!important;
    width: 50px!important;
	border: 1px solid rgba(255,255,255,0.5);	
	border-radius: 0%!important;
	-moz-border-radius: 0%!important;
	-webkit-border-radius: 0%!important;
}
.crellyslider > .cs-navigation > .cs-slide-link.cs-active {
	-moz-box-shadow: 	3px 3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	background-color: rgba(255,255,255,0.5);
}

.crellyslider > .cs-controls > .cs-next:hover,
.crellyslider > .cs-controls > .cs-previous:hover		{opacity: 1;}
.crellyslider > .cs-navigation > .cs-slide-link:hover	{border: 1px solid rgba(255,255,255,1);}
.crellyslider > .cs-navigation > .cs-slide-link.cs-active:hover	{background-color: rgba(255,255,255,1);}

.cs-controls > .cs-next, .cs-controls > .cs-previous{
    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;
	font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 3em; speak: none;
	color: #fff;
	display: inline-block;
    text-decoration: inherit;
    width: 1em; 
	margin-right: 0.5em;
    margin-left: 0em;	
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
.cs-controls > .cs-next:before 		{content: "\e80b";}
.cs-controls > .cs-previous:before	{content: "\e80a";}


/*** crellyslider - egyedi css */
.header_text, .header_title, .header_title2, .header_rotation{
	border: 0 none;	margin: 0;	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;}
.header_text		{font-family: open_sansregular, Verdana, sans-serif;	font-size: 2em!important; line-height: 1.3!important;}
.header_text span 	{color: #c6c7c8;}
.header_title		{font-family: muliregular, Verdana, sans-serif; font-size: 5em!important;}
.header_title2		{font-family: muliregular, Verdana, sans-serif; font-size: 2.5em!important;}
.header_title strong	{font-family: mulisemibold, Verdana, sans-serif; color: #d40e1e;}
.header_title span 	{font-family: muliregular, Verdana, sans-serif;} 
.header_rotation	{
	-webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
	font-family: open_sans_condensedbold, Helvetica, sans-serif; font-size: 1.2em!important; line-height: 1.3!important;}

/*--------------------------------------------------------------------------------------*/
/*** LightBox ***/
div.pp_default .pp_description{margin:12px 50px 5px 0!important;}

/*--------------------------------------------------------------------------------------*/
/*** Contact Form 7 & Really Simple CAPTCHA ***/
#arajanlatkeres 	{padding-top: 30px;}
.wpcf7-table		{width: 100%; font-family: muliregular, Verdana, sans-serif; font-size: 1.15em;}
.wpcf7-table input,
.wpcf7-table textarea  	{font-size: 0.8em;}
.wpcf7-table .border {border: 1px solid #c6c7c8;}
.wpcf7-table td 	{margin-top: 0!important;}
.wpcf7-table td.wpcf7-message {vertical-align: top!important;}
.wpcf7-textarea 	{width: 100%; min-height: 300px;}
.wpcf7-text, .wpcf7-captchar {padding: 5px;}
.wpcf7-validation-errors {border-color: #d40e1e!important; padding-top: 15px!important; padding-bottom: 15px!important;}

.wpcf7-list-item-label a {color: #d40e1e!important;}
.wpcf7-list-item-label a:hover {color: #ff1427!important;}

/*--------------------------------------------------------------------------------------*/
/* PageNavi */
.wp-pagenavi {clear: both; max-width: 100%; white-space: nowrap; padding: 0 0 30px 0;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;	border: 0px none;	padding: 3px 15px; margin: 2px; font-size: 1.2em;}
.wp-pagenavi a 		{background-color: #d40e1e;  color: #fff;}
.wp-pagenavi span 	{background-color: #fccfd3;  color: #fff; }
.wp-pagenavi a:hover {background-color: #ff1427;}
.wp-pagenavi span.current {font-weight: bold; color: #fff;}

/*--------------------------------------------------------------------------------------*/
/* Yoast breadcrumbs */

#breadcrumbs	{color: #fff; list-style:none; margin:15px 0; overflow:hidden; font-size: 0.95em; text-align: right;}
#breadcrumbs a 	{color: #fff;}
#breadcrumbs .breadcrumb_last {color: #d40e1e;}


/*--------------------------------------------------------------------------------------
		/ MAIN /	
--------------------------------------------------------------------------------------*/
.visible-hidden {display: none; height: 0px; font-size: 0px; line-height: 0px; float: none;}
/* Header */

/* Content */
h1.search {margin-bottom: 0em;}
h2.search {margin-top: 0em; margin-bottom: 1em; font-family: muliregular, Helvetica, sans-serif!important;}

/* Sidebar */
.sidebar.visible-hidden,
.sidebar.hide {display: block;}
.sidebar.visible-hidden .sidebar-title,
.sidebar.hide .sidebar-title{display: none!important;}
h4.sidebar-title,
h5.sidebar-title,
h6.sidebar-title {margin-top: 0.5em; padding-top: 0;}

/* Footer */
.footer_sidebar {color: #fff; margin-bottom: 3em;}
.footer_sidebar h5,
.footer_sidebar h6 {font-family: font-family: mulisemibold, Helvetica, sans-serif; font-size: 125%; margin-bottom: 0.5em; margin-top: 0.75em;}
.footer_sidebar li a {color: #fff;  display: inline-block;    width: 100%;}
.footer_sidebar li a:hover {color: #ff1427; text-decoration: none;}
.footer_sidebar ul {margin: 0; padding: 0;}
.footer_sidebar li {list-style: none; border-bottom: 1px dashed rgba(255,255,255,0.3)!important; line-height: 2; margin-bottom: 1em; padding-bottom: 0.5em;}

/*--------------------------------------------------------------------------------------
		/ SPECIAL STYLES /	
--------------------------------------------------------------------------------------*/
.title			{padding: 0.5em 15px; text-align: center; font-size: 120%;}
.name			{padding: 0; margin: 0;}
h1.focim		{font-size: 3em; margin-top: 0.6em;}
#content_404 .big 	{margin-bottom: 0;}
#content_404 h3 	{margin-top: 0;}

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


/*** FIX Menü, háttér ***/
.fixed {position: fixed; top: 0;}	/* Menü */

.fixed_background {    
	background-attachment: fixed;
	/* background-image: url("images/werk-background.jpg"); ACF-ben lett megadva */
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 110% 110%;
	min-height: 600px; max-height: 800px;
	padding-top: 60px; padding-bottom: 60px; overflow: hidden;
}

.fixed_background h1, .fixed_background h2, .fixed_background h3, .fixed_background h4, .fixed_background h5, .fixed_background h6 {color: #fff;}

/*** 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 span a, .gray span a:link, .gray span a:visited, .gray span 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: 1px solid #f4f4f4; 	border-right: 1px solid #f4f4f4; text-align:left;}
.border th 	{border-bottom: 1px solid #c6c7c8; 	border-left: 1px solid #f4f4f4;}
.border td	{border-bottom: 1px solid #f4f4f4; 	border-left: 1px solid #f4f4f4;}
.border.table_small td, .border.table_small th  {font-size: 0.8em;}

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

.web {width: 100%;background-image: url('https://grandpage.hu/gp-content/uploads/media/images/honlapkeszites-bg.png'); background-size: 100% 100%; padding: 0 2% 10% 2%;}
.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;}
/*.web_1 {margin: 1em 1em 1em 3em;}
.web_2 {margin: 1em 1em 1em 3em;}
.web_3 {margin: 3em 1em 1em 1em;}
.web_4 {margin: 3em 1em 1em 1em;}
.web_5 {margin: 1em 3em 1em 1em;}
.web_6 {margin: 1em 3em 1em 1em;color: #fff;}*/
/*** 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: 15px 0 15px 30px;}
img.alignleft, .myvideo.alignleft		{margin: 15px 30px 15px 0;}
img.aligncenter, .myvideo.aligncenter	{display: block; margin-bottom: 30px; margin-top: 30px;}

.post_img.alignleft 	{margin-right: 30px; 	margin-bottom: 15px; max-width: 50%; display: block;}
.alignleft .image_box 	{margin-left: -15px;}
.post_img.alignright 	{margin-left: 30px;		margin-bottom: 15px; 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;}

/*------------------------------------------------------------------------------------*/
/* Right Sidebar */
/*
.widget-even.sidebar li { box-shadow: inset 0 0 0 0 #d40e1e; 
	-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;
	padding-right: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 0 5px 5px 0;
}
.widget-even.sidebar li:hover {box-shadow: inset 360px 0px 0 0 #d40e1e;}
.widget-even.sidebar li a { text-decoration: none!important;}
.widget-even.sidebar li:hover a	{color: #ffffff!important;}
*/

/*------------------------------------------------------------------------------------*/
/* 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: 20px;	text-align: left;	display: inline; max-width: 100%; list-style: none;}
.post_meta .icon {margin-right: 0.5em;}
.post_meta {margin-bottom: 15px;}

.post_img {width: 50%; max-width: 360px; max-height: 360px; float: left; margin-right: 15px; overflow: hidden;}
.search_img {width: 25%; max-width: 160px; max-height: 160px; float: left; margin-right: 15px; 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: 0px; right: 5px; 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 20px 10px 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: -30px; padding: 30px;  position: relative; z-index: 1;}
.img_wrapper figure img {
	margin-top: 15px; margin-bottom: 15px;
	-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: 	1px 0px 25px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 0px 25px rgba(0,0,0,0.1);
	box-shadow: 		1px 0px 25px rgba(0,0,0,0.1);	*/
}
/* -------------------------------------------*/
.gallery dl {/*overflow: hidden;*/}
.gallery img {
	border: 0 none!important;

	padding-right: 5px;
	margin-left: 0px;

	-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: 15px;}
.wp-caption.alignleft,
.wp-caption.alignleft img {margin-right: 15px;}

.wp-caption.alignright img,
.wp-caption.alignleft img,
.wp-caption.aligncenter img	{margin-bottom: 5px;}

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

/*--------------------------------------------------------------------------------------*/
/* Keresés */
.searchform {display: relative; width: 100%; height: 50px; display: block; margin-top: 10px;}
.searchsubmit{
    /*background: transparent!important;*/
	-moz-box-shadow: 	0px 0px 0px rgba(0,0,0,0)!important;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0)!important;
	box-shadow: 		0px 0px 0px rgba(0,0,0,0)!important;
	color: #fff; font-size: 1em; 
	width: 3em; height: 3em;	position: absolute;	right: 0px; 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: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top: 1px solid rgba(255,255,255,0.05);
	border-left: 1px solid rgba(255,255,255,0.05);	
	border-bottom: 1px solid rgba(255,255,255,0.2);
	border-right: 1px solid rgba(255,255,255,0.2);
	padding: 0px 10px;
	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: 30px; margin-bottom: 30px; 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: 50px; padding-bottom: 50px;}

/*------------------------------------------------------------------------------------*/
/*** Numbox  ***/
.numbox_wrapper_left	{margin-left: -30px;}
.numbox_wrapper_right	{margin-right: -30px;}

.numbox		{padding: 15px; margin-top: 15px; margin-bottom: 15px; 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: 10px 25px;
    margin: 0px;
    font-family: mulisemibold, Helvetica, sans-serif;
    font-size: 120%;
    letter-spacing: 1px;
    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;
	border-radius: 		5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
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 100px 0 0 #d40e1e;
	-webkit-box-shadow: inset 0 100px 0 0 #d40e1e;
	box-shadow: inset 0 100px 0 0 #d40e1e;
}
.button:hover.red  	{
	-moz-box-shadow: 	inset 0 100px 0 0 #ff1427;
	-webkit-box-shadow: inset 0 100px 0 0 #ff1427;	
	box-shadow: inset 0 100px 0 0 #ff1427;
}

/*------------------------------------------------------------------------------------*/
/*** Youtube - Embed video ***/
.myvideo {height: auto; max-width: 100%;}
.myvideo.aligncenter {margin-bottom: 15px;} 
.myvideo_alt {margin-bottom: 30px;}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;		/* 100px 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:150px;}
.grey-bg{background:#ebebeb;}
.counter-Txt{text-align:center; font-size:20px; font-weight:bold; text-transform:uppercase; margin-top:20px;}
.counter-Txt span{display:block; font-size:36px}
@media(min-width:320px) and (max-width:767px){ 
.c-no{height:100%;}
.counter-Txt{margin-top:35px;}
.margin-bot-35{margin-bottom:35px;}
}

/*--------------------------------------------------------------------------------------*/
/*** Effects ***/
.circle {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
    -khtml-border-radius: 50%;
}
.center {margin-left: auto; margin-right: auto;	display:table-cell; text-align: center;  vertical-align:middle; /*középre*/}

.grayscale,
.grayscale.sidebar .gallery img{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
	filter: grayscale(100%);
}

.grayscale:hover,
.grayscale.sidebar,
.grayscale.sidebar .gallery img:hover{
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
	filter: grayscale(0%);
}

.transition_delay{
	-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;
}
.transition_delay_1{
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.package .title {margin-top: 15px; margin-bottom: 15px;}
.package_icon_wrapper.red {border-color: #d40e1e;}
.package_icon_wrapper.gray {border-color: #ececed;}
.package_icon_wrapper 	{
	background-color: #fff; border: 5px solid;
	width: 150px; height: 150px; 
	display: block;  
	margin: 0 auto 30px auto;
	text-align: center; 
	overflow: hidden;
	padding: 5px;
}
.package_icon		{font-size: 120%; width: 130px; height: 130px; }
	
/*** BOX + box_effects.css ***/
.ratio_box_wrapper 	{position: relative; margin-bottom: 60px; padding: 15px; margin-left: auto; margin-right: auto; max-width: 360px; max-height: 360px;}
.box_icon 			{position: absolute; bottom: 0; right: 0;}
.box_icon a			{width: 7em; height: 7em; background-color:  #d40e1e;}
.box_icon a:hover	{background-color: #ff1427; text-decoration: none!important;}					
.box_icon .icon 	{font-size: 5em; color: #fff; margin: 0;}
.box_icon .icon.icon-pencil {font-size: 4.5em;}

.box {margin-bottom: 15px; overflow: hidden;}

.text_box 	{overflow: hidden;}
.box >.text_box p{display: block;}
.box .subtitle h4 {margin-bottom: 0px;}
.box .subtitle h4 a{padding-top: 15px; padding-bottom: 15px; display: inline-block; width: 100%;}

.box.post	{min-height: 200px; height: auto;}
.box.post header {min-height: 5em;}
.referenciak .box.post header {min-height: auto;}

/*NYÍL*/
.box.post header a:hover .icon.big{
	color: #ff1427;
	-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;
}
.box.post:hover .icon.big{
	-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;
	-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

/*--------------------------------------------------------------------------------------
/* Oldal tetejére gomb */	
#scroll_top {display: block; margin: 0; padding: 0;}
#scroll_top .icon {font-size: 3em; margin: 0;}
#scroll_top a {text-shadow: 0px 0px 0px rgba(0,0,0,0);}
#scroll_top {position: fixed; bottom: 15px; right: 15px; z-index: 9999;}

/*--------------------------------------------------------------------------------------
		/ MEDIA QUERIES /	
--------------------------------------------------------------------------------------*/

@media only screen and (max-width: 480px) {
	.post_img.alignleft 	{margin-right: 0px; max-width: 100%; float: none;}
	.post_img.alignright 	{margin-left: 0px;	max-width: 100%; float: none;}
	.alignleft .image_box 	{margin: 0 -15px; 	width: 100%; float:none;}
	.post_img 				{width: 100%; max-width: 360px; float: auto;}
	.col-xs-6 				{width: 100%!important; max-width: 100%!important;}
	.box {width: 100%;}
	
	.numbox					{background: transparent;}
	.numbox_wrapper_left	{padding-left: 0!important;}
	.numbox_wrapper_right	{padding-left: 0!important;}
	.four					{color: #000;}
}

@media only screen and (min-width: 481-px) {}
@media only screen and (min-width: 481-px) and (max-width: 767px) {.col-xs-6 { width: 50%; max-width: 50%;}}

@media (max-width: 767px) {
	/* Make sure they show even if hidden in mobile view by JS */	
	.dropdown:hover .dropdown-menu {z-index: -1; top: -999px; left: 0;}		
	
    #bootstrap-menu {overflow: auto; 
		max-height: -webkit-calc(100vh - 120px);	
		max-height: -ms-calc(100vh - 120px);
		max-height: -moz-calc(100vh - 120px);
		max-height: -o-calc(100vh - 120px);
		max-height: calc(100vh - 120px);
		align-items: flex-start;
	}	
	
	.navbar-toggle {margin-right: 0px;}
	
	#header_menu		{height: 50px; margin: 0; padding: 0;}
	#bootstrap-menu a 	{line-height: 50px;}
	#page-title 		{margin-top: 60px;}	
	#bootstrap-menu ul a{line-height: 50px; }
	#bootstrap-menu ul ul	{width: 100%; border-top: 3px solid #d40e1e!important; padding: 5px 0; margin-bottom: 15px;}
	#bootstrap-menu ul ul a{text-align: center;}
	
	#header_logo_top 	{max-height: 50px; top: 5px; width: auto!important; left: 15px;}
	#footer_logo		{width: 60%!important; height: auto; margin: 0 20%;}
	.content 	   {padding-top: 0px;}
	#content_grid_1,
	#content_grid_2{display: none;}
	#content_grid_3{margin-top: 30px;}
	.priority_left {max-height: 999px;}
	#copyright	{height: 120px;}
	#scroll_top {bottom: 50px;}	
	
	h1 {font-size: 1.7em;}
	h2 {font-size: 1.6em;}
	h3 {font-size: 1.4em;}
	h4 {font-size: 1.2em;}
	h5 {font-size: 1.1em;}
	h6 {font-size: 1em;}
	table {width: 100%!important; min-height: auto!important;}

	.searchsubmit{right: 15px;}
	.searchform .search-field {
		right: auto; left: 15px;
		width: -webkit-calc(100% - 5em - 15px);	
		width: -ms-calc(100% - 5em  - 15px);	
		width: -moz-calc(100% - 5em  - 15px);	
		width: -o-calc(100% - 5em  - 15px);	
		width: calc(100% - 5em  - 15px);

	}
	.box, .box.compress {min-height: auto; height: auto;}
	.ratio_box_wrapper 	{max-width: 300px; max-height: 300px; margin-bottom: 30px;}	
	.img-thumbnail {width: 100%;}
	.services.subtitle {margin-bottom: 30px; margin-left: -15px; margin-right: -15px;}
	.package {margin-bottom: 45px;}
	.package .title {margin-left: -15px; margin-right: -15px;}	
}

@media (min-width: 768px) {
/* Make sure they show even if hidden in mobile view by JS */	
	.dropdown-menu{
		display: block;
		position: absolute;
		opacity: 0;
		-webkit-transform: translateY(20%);
		-moz-transform: translateY(20%);
		-o-transform: translateY(20%);
		-ms-transform: translateY(20%);
		transform: translateY(20%);
		pointer-events: none; /*A lentről való görgetés miatt kell, hogy ne érzékelje az egeret*/		
		z-index: 1;
	}

/* Effect */	
	.dropdown:hover .dropdown-menu 	{
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		pointer-events: auto; /*A lentről való görgetés miatt kell, hogy hover eseményre érzékelje az egeret*/		
	}
	
	.dropdown:hover .caret			{transform: rotate(-180deg);
	-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;
	}	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
/* Make sure they show even if hidden in mobile view by JS */	
	#header_menu		{height: 88px;}
	#bootstrap-menu a 	{line-height: 85px;}	
	#header_slider, #page-title {margin-top: 89px;}	

	.box, .box.compress {min-height: auto; height: auto;}
}

@media (max-width: 991px) {
	#bootstrap-menu a 	{font-size: 1.1em;}
	#bootstrap-menu li	{margin: 0 10px;}
	#bootstrap-menu ul ul a{font-size: 1em;}
	#bootstrap-menu > ul li:after{
		left: 0; bottom: -3px;
		border-bottom: 3px solid #d40e1e;
	}
	#bootstrap-menu ul li:hover:after,
	#bootstrap-menu ul li.menu-item-has-children:hover:after  {border-bottom: 3px solid #d40e1e;}

	h1 {font-size: 1.9em;}
	h2 {font-size: 1.8em;}
	h3 {font-size: 1.55em;}
	h4 {font-size: 1.3em;}
	h5 {font-size: 1.1em;}
	h6 {font-size: 1em;}

	.numbox_wrapper_left	{margin-left: 0;}
	.numbox_wrapper_right	{margin-right: 0;}	
	
}
@media (min-width: 992px) {}
@media only screen and (min-width: 768px) and (max-width: 1199px) {}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#bootstrap-menu a 	{font-size: 1.5em;}
	#bootstrap-menu li	{margin: 0 10px;}
	#bootstrap-menu ul ul a{font-size: 1.1em;}
}
@media (min-width: 1200px) {}