@charset "utf-8";
/*                                                          see     STYLES  css  !!                                     */
.img {max-width: 96%; height: auto;}
.img-inposition {border: 0; border-radius: 8px;}
.img-left {float: left; border: 0; border-radius: 7px; margin: 3px 7px;}
.img-right {float: right; border: 0; border-radius: 6px; margin: 3px 7px;}
/*.img-fluid{text-decoration:none} */
.img-fluid6{text-decoration:none}
.img-randa123 {max-width: 369px!important; height: auto;}
.blockquote-my {padding-left: 39px; padding-right: 23px}
.blockquote-my01 {padding-left: 39px; padding-right: 23px; border-left: #D6D6D6 3px solid;}
.blockquote-my1 {padding-left: 39px; border-left-style: dotted; border-left-width: 1px;}
.blockquote-my2 {padding-left: 39px; padding-right: 19px; border-right: dotted #CBCBCB 2px;}
.xsmall { font-size: 90%; } .ssmall90 { font-size: 90%; }
.xsmall1{font-size:95%} .ssmall95{font-size:95%}
.xysmall { font-size: 86%;} .ssmall86 { font-size: 86%;}
.xxsmall { font-size: 82%; } .ssmall82 { font-size: 82%; }
.xxsmall1 { font-size: 70%; } .ssmall70 { font-size: 70%; } 
.xxsmall69 { font-size: 69%; } .ssmall69 { font-size: 69%; } 
.ssmall75 { font-size: 75%; } 
.xxsmall- {font-size:50%;} .ssmall50 {font-size:50%;}
.xxsmall50 {font-size:50%!important;}
.xxxsmall { font-size: 55%; } .ssmall55 { font-size: 55%; } 
.x-h1-links {  font-size: 77%; }
.x-small { font-size: x-small;}
.xx-small { font-size: xx-small;}
.bigger {	font-size: larger;}
.biggest {	font-weight: normal;	font-size: x-large;}
.large {	font-size: 113%;}
/*.large { font-size: 112%; font-weight: bolder; }*/
.large1 {font-size:139%;} .large139{font-size:139%;}
.large4 {font-size:111%;} .large111{font-size:111%;}
.large120{font-size: 120%;}
.glarge{font-size: 114%;} .glarge115{font-size: 115%;}
.glarge120{font-size: 120%;}
.glarge1{margin-left: 12px; margin-right: 9px; padding-right: 7px; border-right-color: gainsboro; border-right-style: dotted; border-right-width: 1px; font-size: 114%;}
.bold { font-weight: bold;}
.pold1 {font-weight:700;}
.firstletter { font-weight: normal; font-size: xx-large; }
.firstletter1 {font-weight:400;font-size:xx-large; background-color: #E9E9E9;}
.firstletter2 {font-weight:normal;font-size:xx-large; font-style: oblique;}
/*.fontstylecolour{color:#CF482E;}                                   templates-stylesheet*/
.fontstylecolour2{visibility: visible;}
.text-decoration-none { text-decoration: none !important; }
.text-decoration-none a:link,.text-decoration-none a:visited {text-decoration:none !important;}
.text-decoration-line-through {text-decoration: line-through; }
.rounded6 {border-radius: 6px}
.rounded-9 {border-radius: 9px}
.insert-body11 {text-align: left; float: left; width: 3px}
.insert-body1 {text-align: left; float: left; width: 3px; margin-top: -3px; clear: left;}
/*.insert-body { float: left; text-align: left; margin-top: -15px; margin-left: 1px; margin-right: 3px; padding-right: 6px;
 text-decoration: none; clear: left; padding-left: 1px;}*/
.insert-body { float: left; text-align: left; display: inline; margin-top: -1px; margin-left: 0px; margin-right: 1px; padding-left:0px;  padding-right: 1px; text-decoration: none; clear: left;}
.insert-body-start { float: left; text-align: left; display: inline; margin-top: -1px; margin-left: 0px; margin-right: 1px; padding-left:0px;  padding-right: 1px; text-decoration: none; clear: left;}
.insert-body-end {padding-left: 9px;text-align: right;display: block; float: right; margin-top: -2px; margin-left: 3px; overflow: visible; visibility: visible; clear: right;text-decoration: none;}
.insert-body-endR {font-size: 3px; padding-left: 9px;text-align: right;display: block; float: right; margin-top: -2px; margin-left: 3px; overflow: visible; visibility: visible; clear: right;text-decoration: none;cursor: pointer}
/*.insert-div-start { float: left; text-align: left; display: inline; margin-top: -6px; margin-left: 2px; margin-right: 9px; padding-right: 6px; text-decoration: none; clear: left; padding-left: 1px;}*/
.insert-div-start- {float: left; text-align: left; display: inline; margin-top: -9px; margin-left: 2px; margin-right: 9px; padding-left: 1px; padding-right: 6px; text-decoration: none; clear: left; font-size:3px; cursor: pointer;}
.insert-div-start {float: left; margin-top: -10px; margin-right: 3px; padding-right: 6px; text-decoration: none; font-size: 5px; cursor: pointer;}
.insert-div-startR {float: left; margin-top: -10px; margin-right: 3px; padding-right: 6px; text-decoration: none; font-size: 5px; cursor: pointer;}
/*.insert-div-startR { float: left; margin-top: -10px; margin-right: 3px; padding-right: 6px; text-decoration: none; font-size:3px; cursor: pointer;}*/
/*.insert-div-start { float: left; text-align: left; display: inline; margin-top: -17px; margin-left: 2px; margin-right: 3px; padding-right: 6px; text-decoration: none; clear: left; padding-left: 1px;}*/
/*.insert-div-start3 { float: left; text-align: left; display: block; margin-top: -10px; margin-right: 3px; padding-right: 6px; clear: left; text-decoration: none; font-size:3px}*/
.insert-div-start1 { float: left; text-align: left; display: block; margin-top: -15px; margin-left: 2px; margin-right: 3px; padding-right: 6px; text-decoration: none; clear: left; width: 0px; min-width: 3px; max-width: 9px; padding-left: 3px; font-size: 3px}
.insert-div-end {padding-left: 9px;text-align: right;display: block; float: right; margin-top: 5px; margin-left: 3px; overflow: visible; visibility: visible; clear: right;text-decoration: none;font-size:5px; cursor: pointer;}
.insert-div-end1 {padding-left: 9px;text-align: right;display: block; float: right; margin-top: -2px; margin-left: 3px; overflow: visible; visibility: visible; clear: right;text-decoration: none;font-size:5px; cursor: pointer;}
.insert-div-endR {	padding-left: 9px;	text-align: right;	display: block;	float: right;	margin-top: 5px;	margin-left: 3px;	overflow: visible;	visibility: visible;	clear: right;text-decoration: none; font-size:5px; cursor: pointer;}
.insert-div-end1 {padding-left: 19px;text-align: right;display: block; float: right; margin-top: -6px; margin-left: 3px; overflow: visible; visibility: visible; clear: right;text-decoration: none; cursor: crosshair; font-size: 3px}
.insert-text { width: auto; cursor: crosshair; padding-left: 9px; padding-right: 9px; margin-right: 1px; margin-left: 1px; }
.insert-text-insert { width: auto; cursor: n-resize; padding-left: 1px; padding-right: 1px; margin-right: 1px; margin-left: 1px; border-right-style: dotted; border-right-width: 1px; }
.inside-text{ width: auto; cursor: text; padding-left: 3px; padding-right: 6px; margin-right: 6px; margin-left: 3px; border-top-width: 1px; border-top-style: dotted; }
/*.inside-text{text-align: center; align-content: left;width: 69%;cursor: text;padding-left: 3px;padding-right: 6px;margin-right: 6px;margin-left: 3px;border-top-width: 1px;border-top-style: dotted;text-align: center;}*/
.inside-text-bottom{width: auto; cursor: text; padding-left: 3px; padding-right: 6px; margin-right: 6px; margin-left: 3px; border-top-width: 0px; border-top-style: dotted; border-bottom-width: 1px; border-bottom-style: dotted;}
.other-text {width: auto;	cursor: text;	padding-left: 15px!important;	padding-right: 6px;	margin-right: 6px;	margin-left: 3px;	border-left: 1px dotted #E41B1F;}
.other-text001 {width: auto;	cursor: text;	padding-left: 9px!important;	padding-right: 6px;	margin-right: 6px;	margin-left: 3px;	border-left: 1px dotted #DADADA; border-top-right-radius: 1px; border-bottom-right-radius: 1px;}
.other-text01 {width: auto;	cursor: text;	padding-left: 9px!important;	padding-right: 6px;	margin-right: 6px;	margin-left: 3px;	border-left: 1px dotted #B4B4B4; border-top-right-radius: 1px; border-bottom-right-radius: 1px;}
.other-text1 { width: auto; cursor: text; padding-left: 6px; padding-right: 18px!important; margin-right: 6px; margin-left: 2px; border-right-style: dotted; border-right-width: 1px; }
.other-text11 { width: auto; cursor: text; padding-left: 6px; padding-right: 18px!important; margin-right: 1px!important; margin-left: 2px; border-right-style: double; border-right-width: 1px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.other-text111 { width: auto; cursor: text; padding-left: 9px; padding-right: 18px!important; margin-right: 1px!important; margin-left: 2px; border-left-style: double; border-left-width: 1px; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.other-text2 { width: auto; cursor: text; padding-left: 9px!important; padding-right: 15px!important; margin-right: 9px; margin-left: 6px; border-right-style: dotted; border-right-width: 1px; border-left-width: 1px; border-left-style: dotted; }
/*.other-text3 { width: auto; cursor: text; padding-left: 3px; padding-right: 6px!important; margin-right: 2px; margin-left: 1px; border-right-style: dotted; border-right-width: 1px; border-right-color:  #E41B1F; border-left-width: 0px; border-left-style: dotted; }*/
.other-text3 { width: auto; cursor: text; padding-left: 23px; padding-right: 6px!important; margin-right: 2px; margin-left: 1px; border-right-style: dotted; border-right-width: 1px; border-right-color:  #E41B1F; border-left-width: 0px; border-left-style: dotted; }
.other-text5 { width: auto; padding-left: 9px; padding-right: 15px!important; margin-right: 3px; margin-left: 3px; border-right-style: dotted; border-right-width: 1px; border-left-width: 1px; border-left-style: dotted; }
.other-text6 { width: auto; padding-left: 9px; padding-right: 12px!important; margin-right: 3px; margin-left: 3px; border-right-style: dotted; border-right-width: 1px; border-right-color: #D7D3D3; }
.other-text66 { width: auto; padding-left: 9px; padding-right: 12px!important; margin-right: 3px; margin-left: 3px; border-right-style: dotted; border-right-width: 1px; border-right-color: #DADADA; }
/* #F9FAC2  #D5D811*/
.other-text-ch { border-left-style: solid; border-left-width: 3px; border-left-color: #FCFCC6; padding-left: 9px;}
.other-text-ch1 { border-left-style: solid; border-left-width: 2px; border-left-color: #B30000; padding-left: 6px;}
.other-text-ch2 { border-left-style: solid; border-left-width: 3px; border-left-color: #E0E0E0; padding-left: 6px;}
.text-alahuz { width: auto; cursor: text; border-bottom-width: 0.5px; border-bottom-style: dotted; }
.grey{margin-left: 12px; margin-right: 9px; padding-right: 7px; border-right-color: gainsboro; border-right-style: dotted; border-right-width: 1px;}
/*.insert-div-start { float: left; text-align: left; display: block; margin-top: -3px; margin-right: 6px; }
.insert-div-end { padding-left: 9px; text-align: right; display: block; float: right; margin-top: -5px; margin-left: 3px; overflow: visible; visibility: visible; }*/
.footer-craftysyntax {left:-3px;margin-top:-77px;position:fixed;top:100%;width:66px;z-index:5000000;overflow:visible;}
.footer-craftysyntaxR{ left: -3px; margin-top: -77px; position: fixed; top: 100%; width: 66px; z-index: 5000000; overflow: visible; margin-right: 3px; }
.craftysyntax-inline-lb-fx { overflow:visible; position:fixed; visibility:visible; right:3px; bottom:3px; float:right; border-top:none; border-right-style:none; border-bottom-style:none; border-left-style:none; width:auto; height:auto; clear: right; }
.craftysyntax-inline-lb-fxR{overflow:visible;position:fixed;visibility:visible;right:3px;bottom:3px;float:right;margin-right: 3px;border-top:none;border-right-style:none;border-bottom-style:none;border-left-style:none;width:auto;height:auto}
.craftysyntax-inline-lb-fx1 { overflow: visible; position: fixed; visibility: visible; bottom: 23px; float: left; border-top: none; border-right-style: none; border-bottom-style: none; border-left-style: none; width: auto; height: auto; clear: none; left: 9px; }
.footer-template-links { font-size: 95%; text-decoration: none; text-align: center; } 
.footer-template-links a:link, .footer-template-links a:visited {font-size: 95%; text-decoration: none; }
.footer-template-links a:hover { text-decoration: underline; }
.content-mark {color: #0E2973; font-size: 110%; float: left; padding: 23px 24px 30px 19px; margin: 15px 25px 18px 0; border-left: 6px solid #E9CC86; text-transform: none; font-family: MS; letter-spacing: .025em; max-width: 320px; box-shadow: 4px 6px 10px #eee; background: 0 0; border-bottom-right-radius: 9px;}
.div-grey {background-color: #E1E1E1; padding: 2px 6px; border-radius: 6px; font-size: 110%;}
/* #f08126 #8B4B4B lightgray */


/*----------------------for--TEMPLATE--------------------c-s-s-------------crsrsr/-stsh-crmrsr-tmpl---------KÍVETTEM !!----------------
*/

/*--------POST-IT---------*/
#postit {position:absolute;width:199px;background-color:#fafafa;border:1px solid #000;visibility:hidden;z-index:100;cursor:pointer;overflow:auto;padding:5px;}
 /*.footer-craftysyntax69 { left: -3px; margin-top: -57px; position: fixed; top: 100%; width: 100%;    z-index: 5000000; overflow: visible; }  */ 
/* stylesheet.css modified */ 

/*  lásd feljebb ---------------
 #postit {position:absolute;width:299px;background-color:#FFFFE0;border:1px solid #000;visibility:hidden;z-index:100;cursor:pointer;overflow:auto;padding:5px;}    */
/* .slideshow {height:179px;width:232px;margin-right:auto;margin-left:auto;}
.slideshow img {border:1px solid #ccc;background-color:#eee;margin-right:auto;margin-left:auto;display:none;padding:9px;}           */
/* // #slideshow img.first { display: block } */
/*          eredeti
 .slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
#slideshow img { display: none }
#slideshow img.first { display: block }
http://jquery.malsup.com/cycle/
http://jquery.malsup.com/cycle/faq.html*/
/* --------------------------------------------------------------------NO-TXT-SELECT------------------------------------------------  */
/*     OK     css*/
/*.row-of-icons */
.disable-select {
 -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none;
 -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
::selection { background: transparent; } 
::-moz-selection { background: transparent; } 

/* Disable tap highlighting */
webkit-tap-highlight-color: rgba(0,0,0,0);
/* IE */
onselectstart="return false;" function makeUnselectable(node) {if (node.nodeType == 1) {node.unselectable = true;} var child = node.firstChild; while (child) {makeUnselectable(child); child = child.nextSibling;}}
makeUnselectable(document.getElementById("foo")); 
/* --------------------------------------------------NO-TXT-SELECT---end-------------------------------------------------------------------  */
/*
/* Disable tap highlighting * /
webkit-tap-highlight-color: rgba(0,0,0,0);
/* IE * /
onselectstart="return false;"   function makeUnselectable(node){ifnodenodetype:= 1) { node.unselectable = true}var child = node.firstChild; while (child){child:child.nextSibling}
*/




/* main folder cms css/core.css */
/* MAILFORM */

#cmsimple_mailform div {
width: 250px!important; 
margin: 0 0 8px 0;
}

#cmsimple_mailform input.text {
width: 90%; 
}

span.captcha_code {
display: block; 
float:left; 
color: #fff; 
text-decoration: none; 
background-color: #000; 
padding: 1px 5px 2px 5px; 
margin: 0 4px;
}

.text, .captchainput {
font-family: arial, sans-serif;
font-size: 14px;
color: #444;
padding: 2px 4px;
margin: 0 0 2px 0;
}

.captchainput  {
float: left;
width:6ex;
border: 1px solid #666;
margin: 0 0 10px 0;
}

.cmsimpleform_backlink {
font-weight: 700; 
text-align: center;
}



span.highlight{padding: 0 3px; background-image: linear-gradient(#a71e22, #a71e22); background-repeat: no-repeat; background-position: 0% 100%; background-size: 0px 100%; color: inherit; transition: all .3s ease-in-out; border-radius: 5px;}
p:hover span.highlight{background-size: 100% 100%; color: #fff; transition: all .3s ease-in-out;}
/*  #EBEC9A, #EBEC9A                  */
span.highlight-y{padding: 0 3px; background-image: linear-gradient(#FAFF2D, #F2F3C0); background-repeat: no-repeat; background-position: 0% 100%; background-size: 0px 100%; color: inherit; transition: all .3s ease-in-out; border-radius: 5px;}
p:hover span.highlight-y{background-size: 100% 100%; color: #515151; transition: all .3s ease-in-out; text-shadow: 1px 2px 3px #BDBDBD;}



p.blockquote-background {background-color: #A8D4CF; /*border-left: none;*/ font-family: var(--cs-font-headings-family), "Inter", sans-serif; font-size: 1.15rem; font-weight: 600; letter-spacing: var(--cs-font-headings-letter-spacing); line-height: var(--cs-font-headings-line-height); margin: 1rem 0; padding: 2rem; position: relative; text-transform: var(--cs-font-headings-text-transform); border-radius: 5px; border: solid 15px #19F4CC; 
/*  font-size: 1.25rem;  font-weight: 800;  background-color: #05806a52;   */  } 

p.blockquote-background-border {background-color: #A8D4CF; /*border-left: none; border-right: none;*/ font-family: var(--cs-font-headings-family), "Inter", sans-serif; font-size: 1.15rem; font-weight: 600; letter-spacing: var(--cs-font-headings-letter-spacing); line-height: var(--cs-font-headings-line-height); margin: 1rem 0; padding: 2rem; position: relative; text-transform: var(--cs-font-headings-text-transform); border-radius: 5px; border-top: solid 12px #50F6D8; border-bottom: solid 15px #19F4CC;
/*  font-size: 1.25rem;  font-weight: 800;  background-color: #05806a52;   */  } 
p.blockquote-background-border-no-lr {background-color: #A8D4CF; border-left: none; border-right: none; font-family: var(--cs-font-headings-family), "Inter", sans-serif; font-size: 1.15rem; font-weight: 600; letter-spacing: var(--cs-font-headings-letter-spacing); line-height: var(--cs-font-headings-line-height); margin: 1rem 0; padding: 2rem; position: relative; text-transform: var(--cs-font-headings-text-transform); border-radius: 3px; border-top: solid 12px #50F6D8; border-bottom: solid 15px #19F4CC;
/*  font-size: 1.25rem;  font-weight: 800;  background-color: #05806a52;   */  } 



/* 
MARQUEE                                                                                                      
div.marquee {
white-space:no-wrap;
overflow:hidden;
}
div.marquee > div.marquee-text {
white-space:nowrap;
display:inline;
width:auto;
}
                                                                                                                   */

/* 
MARQUEE      https://stackoverflow.com/questions/56522476/how-to-create-a-marquee-using-css-or-javascript */
/*
marquee { background: #0089fa; }                                               */
/*
.rightTI {background: #ff002b;  white-space: nowrap; overflow: hidden; animation: marquee 18s linear infinite;}
.rightTI:hover {  animation-play-state: paused;}
@-webkit-keyframes marquee {0% {text-indent: 100%;} 100% {text-indent: -100%;}}
.rightCSS { background: #a35dc1; overflow: hidden;} 
.rightCSS div {  position: relative; animation: CSSright linear 18s infinite;} 
@keyframes CSSright {0% { right: -100% } 100% { right: 100% }}
.rightCSS:hover div {animation-play-state: paused;}
                                                                       .rightJS {text-align: left;}
/*   .rightJS { background: #ffa900; }
.rightJQ { background: #00a753; }*/
/* .li { float: left; width: 80%; padding: 1%; margin: 1% 10%; height: 20px; border-radius: 0.5em; box-shadow: 0 0.1em 0.5em;}        
                                                 */