/*main colors*/
:root {
  --color-font: #353535;
  --color-font1: #2f3640;
  --color-border: #a6a6a6;
  --color-bg: #efefef;
  --color-bg1: #757b85;
  --color-link: #52c6d9;
  --color-link-h: #8276c2;
  --color-link-invert: #ffffff;
  --color-link-invert-h: #8276c2;
  --color1: #52c6d9;
  --color1-invert: #ffffff;
  --color2: #62c195;
  --color2-invert: #ffffff;
  --color3: #8276c2; /* c25e4f*/
  --color3-invert: #ffffff;
  --color4: #db6d23; /* c25e4f*/
  --color4-invert: #ffffff;
  --color-ok: #8dc640;
  --color-warn: #d9b433;				  
  --color-error: #d93333;				  
}


body { 
	height: 100%;
	font-size: 0.85rem;
	/*font-family: "Open Sans",Helvetica,Arial,sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	color: var(--color-font);
	background: #fcfcfc url(/images/bg_genosmartdx_2.jpg) no-repeat bottom center fixed;
}
h1,h2,h3,h4,h5,h6 { 
	color: #00aeef;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	color: var(--color1);
   margin-bottom: 2rem;
}

h1 { font-size: 1.6rem; }
h2 { font-size: 1.4rem; }
h3 { font-size: 1.2rem; }

img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

a:link,a:visited { color: var(--color-link); text-decoration: none; }
a:active,a:hover { color: var(--color-link-h); text-decoration: none; }

.c1 { color: var(--color1); }
.c2 { color: var(--color2); }
.c3 { color: var(--color3); }
.c4 { color: var(--color4); }
.ok { color: var(--color-ok); }
.err { color: var(--color-error); }
.form-control.err{ background-color: var(--color-error) !important; }

.aoboxbody { padding: 15px 0px; }
.aoboxbody p { text-align: justify; }

.indent1 { margin-left: 40px; }
.indent2 { margin-left: 80px; }
.indent3 { margin-left: 120px; }

/*main divs*/
.main { }
.header { }
.headerdiv {
    /*padding-top: 25px;*/
    /*background: #ffffff url(/images/bg_header.jpg) no-repeat top center;*/
	/*min-height: 800px;*/
	 position: relative;
    overflow: hidden;
	/*background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 100%);	*/
	background: linear-gradient(180deg, rgba(230,230,230,0.95) 0%, rgba(255,255,255,0.8) 10%, rgba(255,255,255,0) 25%);
}
.headercont {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	z-index: 100;
}
.vidwrapper {
    /*width: 100%;
    height: 500px;
    overflow: hidden;
	min-height: 800px;*/
	background: #ffffff;
    position: relative;
}
.headerdiv video {
	position: absolute;
    height: auto;
    opacity: 1;
   /*transition: opacity 0.3s ease 0s;*/
    width: 100%;
    z-index: -1;
	filter: grayscale();

}
.headerdiv.belso1,.headerdiv.belso2,.headerdiv.belso3,.headerdiv.belso4 {
	overflow: 	visible !important;
}
.headerdiv.belso1 {
	  background: #ffffff url(/images/bg_header1.jpg) no-repeat top center;
}
.headerdiv.belso2 {
	  background: #ffffff url(/images/bg_header2.jpg) no-repeat top center;
}
.headerdiv.belso3 {
	  background: #ffffff url(/images/bg_header3.jpg) no-repeat top center;
}
.headerdiv.belso4 {
	  background: #ffffff url(/images/bg_header4.jpg) no-repeat top center;
}
.headerdiv.belso5 {
	  background: #ffffff url(/images/bg_header5.jpg) no-repeat top center;
}
.topdiv {
	padding: 0.5rem;
}
.contwrap {
	position: relative;
}
.maincont { 
	min-height: 400px; 
}
.maincont.belso {
    border-radius: 0.25rem;
    background: rgba(255,255,255,0.6);
	margin-top: 1rem;
	padding: 0 4rem;
}
.maincont.belso p {
	line-height: 1.7em;
}
.maincont.belso h1 {
	margin-top: 2rem;
}
.cont { }
.footer { }

/*default anim*/
.main,.navbar,.header,.header-wrap,.wrap-logo{
	transition: all 0.8s;
}

/*separated block*/
.block {
	background-color: #ffffff; 
	margin: 0px auto 10px auto;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.85);		
}
.block  > .row  > [class*="col-"] {
	padding: 0px 40px;
	border: 1px solid #ffffff;
}
.radius {
	border-radius: 15px;
}

/*buttons*/

a.btn {
	color: #ffffff;
}

.btn {
	border-radius: 1rem;
	padding: 0.375rem 1.3rem;
	font-size: 0.7rem;
	text-transform: uppercase;	
	box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.2);
}

.btn .fas {
	/*margin-left: 1rem;*/
}

.btn.btn-info {
	background-color: var(--color1);
	border-color: var(--color1);
}
.btn.btn-info:hover {
	background-color: var(--color2);
	border-color: var(--color2);
}

.btn.btn-success {
	background-color: #28a745;
	border-color: #28a745;
}
.btn.btn-success:hover {
	background-color: #218838;
	border-color: #218838;
}

/*navbar*/
.navbar {
    background: transparent;
	top: -1rem;
}

.navbar .navbar-brand {
	padding: 10px 0px;
}
.navbar .navbar-toggler .fa {
	color: var(--color-font);
	border: none;
}
.navbar .navbar-toggler .fa:hover {
	color: var(--color-link-invert-h);
	border: none;
}
.navbar .navbar-toggler[aria-expanded="false"] .fa {
	transform: rotate(0deg);
}
.navbar .navbar-toggler[aria-expanded="true"] .fa {
	transform: rotate(-90deg);
}

.navbar .navbar-brand img {
	max-height: 60px;
}
.navbar-nav .nav-link {
	font-size: 0.85rem;
	/*color: var(--color-font);*/
	color: #000000;
	font-weight: 300;
	text-transform: uppercase;
	padding-left: 1rem;
	padding-right: 1rem;
	position: relative;
	margin: 0 0.8rem;
}
.navbar-nav .nav-link:hover {
	/*color: var(--color-link);*/
	/*color: #ffffff;*/
	
}
/*menu es almeniu effekt*/
.navbar-nav.wefffect a.nav-link::before, .navbar-nav.wefffect a.dropdown-item::before{
  content: "";
  position: absolute;
  bottom: 0px;
  width: 0px;
  height: 2px;
  margin: 5px 0 0 0;
  transition: all 0.2s ease-in-out;
  transition-duration: 0.3s;
  opacity: 0;
  background-color:  var(--color-link);
}
.navbar-nav.wefffect a.nav-link::before, .navbar-nav.wefffect a.dropdown-item::before{
	left: 0;
}
.navbar-nav.wefffect a.nav-link:hover::before, .navbar-nav.wefffect a.dropdown-item:hover::before{
	width: 100%;
	opacity: 1;
}
.inactive .nav-link {
	opacity: 0.2;
}
.inactive .nav-link:hover {
	color: var(--color1-invert) !important;
}

.nav-item.dropdown.show a{
}

.dropdown-menu{
	background: var(--color1);
	font-size: 0.85rem;
	border-radius: 0 0 0.5rem 0.5rem;
	border: none;
	background: rgba(82,198,217,0.9);
	left: 13px;
	transition: all 0.3s;
	box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.2);
}

a.dropdown-item {
	padding: 8px 20px;
	color: var(--color1-invert);
	position: relative;
}
.dropdown-item:hover {
	color: var(--color-link-invert);
	background-color: rgba(255,255,255,0.1);
}
.dropdown-menu.submenu {
	top: 0;
	left: 0%;
	margin: 0 .2rem;
	transition: all 0.8s ease-out;
	border-radius: 0 0.5rem 0.5rem 0;
}
.dropdown-menu.submenu.show {
	left: 100%;
}

[data-toggle="dropdownsubmenu"]::after {
    margin-left: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
}
.submenu-toggle.show[data-toggle="dropdownsubmenu"]::after {
    content: "\f053";
}

.dropdown-divider {
	margin: 0 .2rem;
    border-top: 1px solid rgba(255,255,255,0.2);
}

/*custom caret*/
[data-toggle="dropdown"]:after {
  margin-left: 10px;	
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
}

.show [data-toggle="dropdown"]:after {
  content: "\f077";
}
.dropdown-toggle {
  display: flex;
}
.dropdown-toggle:after {
  border: none;
}

/*social*/
.navbar .social {
}
.navbar .social .nav-link{
	margin: 0 0.3rem;
	/*font-size: 1.5rem;*/
}
.navbar .social .far {
	color: var(--color1-invert);
}

.navbar .langselector .fas{
	font-size: 1.5rem;
	margin: 0 0.3rem;
}



/*nyitosliders*/
.nyitosliders {
	padding-bottom: 2rem;
}
.nyitosliders.belso {
	min-height: 200px;
}
.nyitosliders .titlediv {
	/*width: 30%;*/
}
.nyitosliders .titlediv .title {
	margin: 2rem 0 0.5rem 0;
	font-weight: 800;
	font-size: 1.8rem;
	color: var(--color2);
	line-height: 1.8rem;
	/*text-transform: uppercase;*/
	text-shadow: 4px 4px 6px rgba(255,255,255,0.3);
	/*text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);*/
}
.nyitosliders .titlediv .title span {
	font-weight: 600;
	font-size: 1.5rem;
	text-transform: none;	
}
.nyitosliders .titlediv .alcim {
	color: var( --color-font1);
	font-weight: 400;
	font-size: 0.9rem;
	padding-left: 3rem;
	text-shadow: 4px 4px 6px rgba(255,255,255,0.3);	
}

.nyitosliders .titlediv .desc {
	padding: 1rem 1rem 1rem 3rem;
	text-shadow: 4px 4px 6px rgba(255,255,255,0.3);	
}

.nyitosliders .sliderboxs {
}
.nyitosliders.belso .sliderboxs {
	float: right;
}
/*sliderboxs dobozok*/
.sliderboxs {
	margin-top: 10%;
	/*border: 2px solid rgba(255,255,255,0.8);*/
	padding: 1rem 1rem 0 1rem;
	border-radius: 0.25rem;
	background: rgba(0,0,0,0.4);
}
.sliderboxs .maintitle {
	font-weight: 700;
	font-size: 1.5rem;
	text-transform: uppercase;
	padding: 1rem 0 0 0;
	color: #ffffff;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
	text-align: center;
}
.sliderboxs .maintitle a {
	color: #ffffff;
 border-bottom: 2px solid var(--color2);
}
.sliderboxs .maintitle a:hover {
	color: #ffffff;
	border-bottom: 2px solid var(--color1);
}
.sliderboxs .maintitledesc {
	font-weight: 300;
	font-size: 1rem;
	padding: 0.4rem 0 1rem 0;
	color: #ffffff;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
	text-align: center;
}
.sliderboxs .infobox {
	color: var(--color-link-invert);
	padding: 1rem 1rem 1rem 1rem;
	background: rgba(82,198,217,0.8);
	box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.25);
	border-radius: 0.25rem;
	/*height: 100%;*/
}
.sliderboxs .infobox.green {
	background: rgba(98,193,149,0.8);
}
.sliderboxs .infobox.red {
	background: rgba(130,118,194,0.8);
	/*background: rgba(194,94,79,0.8);
	background: rgba(219,109,35,0.8);
	background: rgba(219,109,35,0.8);*/
}

.sliderboxs .infobox a:link,.sliderboxs .infobox a:visited { color: var(--color-link-invert); text-decoration: none; }
.sliderboxs .infobox a:active,.sliderboxs .infobox a:hover { color: var(--color-link-invert-h); text-decoration: none; }


.sliderboxs .infobox .title {
	font-weight: 800;
	font-size: 1rem;
	text-align: center;
	position: relative;
	padding-bottom: 1rem;
	text-transform: uppercase;
}
.sliderboxs .infobox .title::before{
	content: "";
	position: absolute;
	bottom: 0px;
	width:50%;
	height: 2px;
	margin: 5px 0 0 0;	
	opacity: 1;
	left: 25%;
	background-color:  var(--color-link-invert);
}

.sliderboxs .infobox .desc {
	text-align: left;
	margin: 1rem 1rem;
	font-size: 0.9rem;
	line-height: 1.2rem;
}
.sliderboxs .infobox .more {
	text-align: center;
}
.sliderboxs .infobox .more .fas{
	font-size: 1.5rem;
}

/*contecform*/
.contactform {
	/*width: 70%;*/
	background-color: var(--color-bg);
	margin: 2rem auto;
	padding: 2rem;
	border-radius: 0.25rem;
}

.contactform h3 {
	font-size: 1.2rem;
	color: var(--color2);
	text-transform: none;
}

.contactform .control-label{
	text-transform: uppercase; 
}

.contactform .note.note-danger {
	padding: 1rem;
	background-color: #ffffff;
	margin-bottom: 1rem;
}

.contactform .note-title {
	text-transform: none;
	font-size: 1rem;
	color: var(--color-error);
}

.contactform .form-message{
	font-size: 0.8rem;
	color: var(--color-font11);
	padding: 0.25rem 0.5rem;
	background: #ffffff;
	border-radius: 0.25rem;
}

.contactform .form-control.err {
	color: #ffffff;
}

.contactform .success .icon{
	text-align: center;
	font-size: 2rem;
	color: var(--color-ok);
}
.contactform .success .title{
	text-align: center;
	font-size: 1.5rem;
	font-weight: 600;
	padding: 0.5rem;
}
.contactform .success .desc{
	text-align: center;
	color: var(--color-font1);
}


/*scroll shrink*/
 .shrink {
    padding-top: 0;
    padding-bottom: 0;
    /*background: rgba(0,0,0,0.9);*/
}
.shrink .nav-item.dropdown.show a {
	background: transparent;
}

.shrink .dropdown-menu{
	background: rgba(0,0,0,0.9);
}

.stepnavi {
	margin: 1rem 0;
	padding: 1rem 0;
	/*background-color: var(--color-bg);
	border-radius: 0.25rem;*/
}

/*wizard*/

.wizard {
	width: 70%;
	margin: 1rem auto;
}
.wizard .steptitle {
	font-size: 1rem;
	font-weight: 600;
}

.rangeslider div.text-center {
	flex-basis: 15%;
}

/*product*/
.filter {
	margin: 1rem 2rem;
}

.filter label {
	padding: 0 1rem;
}
.filter label input {
	display: inline-block;
	padding-right: 0.5rem  !important;
}

.filter .btn .fas {
	margin-left: 0 !important;
}

/*product inner*/
.productinner p{
	text-align: justify;
}
.productinner h2 {
	margin: 2rem 0;
	font-size: 1.2rem;
	color: var(--color2);
}
.productinner h3 {
	margin: 1.5rem 0;
	font-size: 1rem;
	color: var(--color2);
}

.productinner .prodpic {
	float: right;
	margin: 0 1rem 0 1rem;
}
.productinner .prodpic img{
	max-width: 500px;
	border-radius: 0.25rem;
}
.productinner .requestbutton {
	text-align: center;
}

.prodinfobox {
	margin: 2rem 0;
	padding: 2rem 0;
	background: var(--color1);
	border-radius: 0.25rem;
}

.prodinfobox .card {
	width: 40%;
}
.prodinfobox .card-btn {
	text-align: center;
}

/*sampleresult*/

.sampleresult {
	width: 80%;
	margin: 0 auto;
}

.sampleresult td {
	text-align: center;
}

.sampleresult .title,.sampleresult .result {
	font-size: 1.4rem;
	color: var(--color2);
	font-weight: 600;
	margin: 1rem 0;
}
.sampleresult .black {
	font-weight: 600;
}
.sampleresult .patient {
	color: var(--color1);
	font-weight: 600;
}

/*footer elements*/

.footer {
	margin: 20px 0px 0px 0px;
	padding: 2rem 0;
	color: #ffffff;
	background: var(--color1) url(/images/bg_footer.png) no-repeat top left;
}

.footerlogo {
	text-align: center;
}

.footerlogo img {
	padding: 10px 0px;
}

.footercegnev {
	font-weight: 600;
	padding: 0px 0px 10px 0px;
}

.footer .fa {
	margin-right: 10px;
	color: var(--color1);
}

.footeraddress {
	text-align: left;
	padding: 10px;
}

.footeraddress a:link,.footeraddress a:visited { color: var(--color-link-invert); text-decoration: none; }
.footeraddress a:active,.footeraddress a:hover { color: var(--color-link-invert); text-decoration: underline; }

.footermenu {
	text-align: left;
	padding: 10px;
}

.footermenu h4 {
	padding:  0;
	border: none;
	font-size: 1rem;
	font-weight: 600;
	color: #ffffff;
	text-transform: none;
}

.footermenu ul {
	margin-bottom: 0px;
}
.footermenu a:link,.footermenu a:visited { color: var(--color-link-invert);  text-decoration: none; }
.footermenu a:active,.footermenu a:hover { color: var(--color-link-invert-);  text-decoration: underline; }

.footermenu .borderl {
	border-left: 1px solid #ffffff;
}

.footerinfo {
	font-size: 0.8rem;
	margin: 1rem 0;
}

.footercopyr {
	font-size: 0.8rem;
	margin: 1rem 0;
}

.footercopyr a:link,.footercopyr a:visited { color: var(--color-link-invert); text-decoration: none; }
.footercopyr a:active,.footercopyr a:hover { color: var(--color-link-invert); text-decoration: underline; }


.footer1 {
	border-top: 1px solid var(--color-border);
	margin-bottom: 20px;	
	padding: 20px 0px;
	text-align: center;
}

/*sprites*/
.sprite { display:inline-block; overflow:hidden; margin:0px; padding:0px; background: transparent url(images/sprites.png) no-repeat scroll;  }
.sprite { width:28px; height:28px; background-position: 0px 0px; }
.sprite:hover { width:28px; height:28px; background-position: 0px -28px; }




/*site css*/
.breadcrumb {
	margin: 2rem 0;
	background-color: var(--color-bg);
}
.breadcrumb li {
	margin-left: 10px;
}
.breadcrumb li a {
	/*padding-right: 10px;*/
}
.breadcrumb li:after {
	margin-left: 10px;
	content:"/";
}
.breadcrumb li:last-child:after{
	content:"";
}

.breadcrumb a:link,.breadcrumb a:visited { color: var(--color-font); text-decoration: none; }
.breadcrumb a:active,.breadcrumb a:hover { color: var(--color-link); text-decoration: none; }

.social .fab{
	font-size: 1.5rem;
}
.social .fab.disabled{
	color: #9e9e9e;
	padding: 0 0.5rem;
}

/*seacrh*/

.topsearch {
	display: inline-block;
}
.topsearch input {
	/*border: 1px solid var(--color-border);*/
	border: none;
	background:  #ffffff;
	height: 2rem;
	width:200px;
	border-radius: 1rem;
	margin: 0px 5px;
	padding: 0.375rem 1.3rem;
}
.header .button-search {
	box-shadow: none;
	padding: 0;
}

.header .button-search .fas {
	font-size:1.3rem;
	margin-left: 5px;
	border-radius: 0px;
}

/*aodoc*/
.aodoclist {
	padding: 1rem 2rem;
}
.aodoclist a{
	padding-left: 1rem;
}


/* talalati oldal */
.tallapozot {  /*border-bottom: 1px solid var(--color-border);*/ }
.tallapozob { /*border-top: 1px solid var(--color-border);*/ margin-top: 10px;}
.talbox { margin: 1rem 0px 0px 0px; padding: 5px;}
.talcim { font-size: 1.2; color: var(--color1); font-weight: 600;}
.talbody { line-height: 1.5em; text-align: justify;}
.tallink { color: var(--color1); font-style: italic;}
.taltipus { color: var(--color1) !important; }
.talkiem { color: var(--color-warn) !important; font-weight: 600; }
.talcim a:link,.talcim a:visited { color: var(--color-link); text-decoration: none; }
.talcim a:active,.talcim a:hover { color: var(--color-link);  text-decoration: none; }

/*lapozo*/
.slapozo{ margin: 10px 0px; height: 31px; line-height: 31px; font-size: 13px; text-align: center; color: var(--color-border) }
.slapozosel { padding: 0px 30px 0px 30px; border-left: 1px solid var(--color-border); border-right: 1px solid var(--color-border);}
.slapozoinp { border: none; font-size: 14px; color: #000000;}
.slapozonext,.slapozoprev  { color: var(--color-border);}
.slapozoprev a:link,.slapozoprev a:visited, .slapozonext a:link,.slapozonext a:visited { color: #000000; text-decoration: none; transition: color 0.3s ease-in-out 0s; }
.slapozoprev a:active,.slapozoprev a:hover, .slapozonext a:active,.slapozonext a:hover { color:var(--color-border); text-decoration: none; }

/*pager*/
.searchpager{
        padding: 10px 0px;
        margin: 20px 0;
        text-align: center;
}
.searchpagerprev,.searchpagernext {
        background-color: #ffffff;
        color: var(--color1);
        font-weight: 600;
        font-size: 14px;
        letter-spacing: 0em;
        padding: 10px 10px;
        text-align: center;
        text-transform: uppercase;
}
.searchpagerprev .fa,.searchpagernext .fa {
        font-size: 13px;
        color: var(--color1);
        padding: 0px 10px;
}
.searchpagerprev:hover,.searchpagernext:hover{
        color: var(--color2);
}
.searchpagerprev.off,.searchpagernext.off,.searchpagerprev.off .fa,.searchpagernext.off .fa {
        color: #c0c0c0 !important;
}

.searchpagersel {
        padding: 0px 10px;
}
.searchpagersel a {
        background-color: #ffffff;
        color:var(--color1);
        border: 1px solid #e6e8e8;
        font-weight: 600;
        font-size: 14px;
        letter-spacing: 0em;
        padding: 10px 20px;
        text-align: center;
        text-transform: uppercase;
}
.searchpagersel a.pcurr {
        background: var(--color1);
        color: #ffffff !important;
}
.searchpagersel a:hover {
        color: var(--color2);
}

/* hireknyitop kethasab box/nyito_hirek 1.6 20130501*/
.boxnyitohir  { 
	border-radius: 0.25rem;
	margin: 2rem 0;
	background: rgba(255,255,255,0.6);
}
/*.nyhirboxl { width: 300px; float: left; padding-right: 20px; border-right: 1px solid #efefef;}
.nyhirboxr { width: 300px; float: left; padding-left: 20px; }*/
.nyhirbox { padding: 2rem;}
.nyhirboxcim  { font-size: 1.3rem; line-height: 22px; margin: 2rem 0;}
.nyhirboxcim a:link,.nyhirboxcim  a:visited { color: var(--color-font); text-decoration: none; }
.nyhirboxcim a:active, .nyhirboxcim a:hover { color: var(--color-link-h); text-decoration: none; }
.nyhirboxkep { padding: 3px 0px;  margin-bottom: 10px; }
.nyhirboxtxt {  line-height: 1.5em; margin-bottom: 10px; text-align: justify; }
.nyhirboxmore { text-align: right;text-transform: uppercase; }
.nyhirmore { float: right; font-weight: normal; text-transform: uppercase; }
.hirbox { margin-top: 20px;}

/* hirek 1.65 20140305*/
.cikkkepl, .cikkkepr, .cikkkepc { margin: 5px 10px;  text-align: center; position: relative; line-height: 1em;  display: block;}
.cikkkepl img, .cikkkepr img, .cikkkepc img { height: auto; max-width: 100%; }
.cikkkepl{ float: left; margin-left: 0;}
.cikkkepr{ float: right; margin-right: 0;}
.cikkkepc { margin: 5px 0px;}
.cikkkepb img { border: 5px solid #efefef;}
.cikkkepala { font-size: 11px; font-weight: normal; text-align: center; color: #000000; display: block; padding: 5px 5px;}
.cikkkepfo { float: right; margin: 0px 0px 0px 10px; padding: 3px 0px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
.hirekcim, .hirekcimfo{ color: #000000; font-weight: bold; font-size: 16px; }
.hirekcimfo{}
.hirekcim a:link,.hirekcim a:visited,.hirekcimfo a:link,.hirekcimfo a:visited { color: #000000; text-decoration: none; }
.hirekcim a:active,.hirekcim a:hover,.hirekcimfo a:active,.hirekcimfo a:hover { color: #000000;  text-decoration: none; }
.hirdatum { color: #6e6e6e; font-weight: normal;   font-style: italic;}
.hirlead { font-weight: bold; margin-top: 20px; text-align: justify;  }
.hireklead,.hirleadfo { margin-bottom: 5px; text-align: justify; }
.hirtovabb {}
.hirbody { margin: 20px 0px; text-align: justify;  }
.hirforras { text-align: right; }
.hirlink { padding: 10px 30px;}
.hirajanlo,.hirkat { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; text-align: center; padding:5px;}
.hirajanlo a,.hirkat a { padding: 0px 30px;}
@media (max-width: 768px) {
	.cikkkepl, .cikkkepr, .cikkkepc { margin: 5px 0px; text-align: center; float: none; display: block; }
	.cikkkepl img, .cikkkepr img, .cikkkepc img { display: inline-block; height: auto; max-width: 100%;  }
}

/*ado addon*/
.aocontbox {
    float: right;
    margin: 1rem;
    padding: 1rem;
    background: var(--color-bg);
    width: 350px;
	border-radius: 0.25rem;
}
.aocontbox h3 {
    text-align: center;	
}
.aohighlight {
	border-top: 1px solid var(--color-bg);
	border-bottom: 1px solid  var(--color-bg);
	margin: 2rem;
	padding: 1rem;
	font-size: 1.3rem;
	color: var(--color2);	
}
.aohighlight .desc {
}

/*docdir*/
.docdir h3 { color: #538801; font-weight: normal; font-size: 18px; padding: 5px 0px; margin: 5px 0px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.docdir h3 a:link,.docdir h3 a:visited { color: #538801; text-decoration: none; }
.docdir h3 a:active,.docdir h3 a:hover { color: #2d6189; text-decoration: none; }
.docfiles { padding: 3px; }
.docdirbody { padding: 10px 20px;}
.docdirtovabb { margin: 5px 0px;}

/*landinginfobox*/
.landinginfobox {
	background: transparent url(/images/bg_genosmartdx_1.jpg) no-repeat bottom right;
}

/*landingproducts*/
.landingproducts {
	border-radius: 0.25rem;
	/*margin: 2rem 0;*/
	background: rgba(255,255,255,0.6);
}
.landingproducts .nav-tabs {
	font-size: 1.1rem;
	font-weight:500;
}
.lproducts .row{
	margin-bottom: 1rem;
}
.lproducts .product {
	/*border-right: 1px solid #ced4da;*/
	border: 1px solid #ced4da;
	/*box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25);*/
	border-radius: 0.25rem;	
	padding: 1rem;
	border-bottom: 4px solid var(--color2);
}

.lproducts .product a:hover .organ {
	color: var(--color3) !important;
}
.lproducts .product a:hover .panelnumber {
	color: var(--color3) !important;
}

.lproducts {
	padding: 1rem;
}
.lproducts .brandname {
	font-size: 1.1rem;
	color: var(--color-font)  !important;
}
.lproducts .productname {
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--color1);
}
.lproducts .productname .organ{
	color: var(--color1);
	padding-right: 1rem;
	display: block;
}
.lproducts .productname .panelnumber{
	color: var(--color2);
	display: block;
}
.lproducts .desc {
	margin: 1rem 0;
	color: var(--color-font) !important;
}

.lproducts .buttons {
	margin-top: 1rem;
	margin-bottom: 0rem;
	text-transform: uppercase;
} 

.lproducts .morebtn {
	margin: 0.5rem 0;
	float: right; 
	text-transform: uppercase; 
}

.lproducts .filterparam .title {
	display: block;
}
.lproducts .filterparam .value {
	color: var(--color1);
}
.lproducts .geneinfo {
	text-transform: uppercase;
	color: var(--color1);
	cursor: pointer;
}
.lproducts .geneinfo:hover {
	color: var(--color3);
}

.genes > span {
	background-color: var(--warning);
}

tr.genesrow td {
	border-top: 0 none;
	background-color: rgba(0,0,0,0.04);
}

.cd-timeline-content {
	color: var(--color-font);
}

.cd-timeline-block a:hover .cd-timeline-content{
	box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.25);
}

/*bs addon*/
/* phones, up to 575px */
@media screen and (max-width: 575px) {	
.sliderboxs {
	margin-top: 3rem;
}
.sliderboxs .infobox {
	margin-bottom: 0.5rem;
}
.wizard {
	width: 100%;
}
}
/* 576px and up */
@media (min-width: 576px) {
}
 /*576px to 767 */
@media (min-width: 576px) and (max-width: 767px) {
}
/* phones, up to 767px */
@media (max-width: 767px) {
}
/* tablets, 768px and up */
@media (min-width: 768px) {
}
/* tablets, 768px to 991 */
@media (min-width: 768px) and (max-width: 991px) {
}
/* desktops, max 991px */
@media (max-width: 991px) {
.navbar {
	background: rgba(254,254,254,0.9);
	top: 0;
}
.maincont.belso {
	padding: 1em 2em;
}
.shrink .dropdown-menu{
	background: transparent;
}
.navbar-nav .nav-link {
	padding-left: 0;
}
.dropdown-menu{
	box-shadow: none;
	border-radius: 0;
}
.dropdown-menu.submenu{
	padding-left: 0.5rem;
}
.footercopyrl,.footercopyrr {
	font-size: 0.8rem;
	text-align: center;
}
.dropdown-menu.submenu a.dropdown-item {
	font-size: 0.8rem;
	padding: 4px 20px;
}
.cd-timeline-img span {
	line-height: 40px;
}

}
/* desktops, 992px and up */
@media (min-width: 992px) {
}
/* desktops, 992px to 1199 */
@media (min-width: 992px) and (max-width: 1199px) {
	.cd-timeline-img span {
	line-height: 40px;
}
}
/* desktops, 1200px and up */
@media (min-width: 1200px) {
}
/*only print*/
@media print {
  a[href]:after {
    content: none !important;
  }
}


#a3_notification { padding: 5px 0; position: fixed; top: 0; width: 100%; z-index: 10000; text-align:center; height: auto !important; }
#a3_notification div { display:inline-block; background-color: #ffefbf; border: 1px solid #ffcc6f; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); color: #303030; font-size: 14px; padding: 2px 10px; margin: 2px auto; }
#a3_notification div .close { color: #efbc5f; cursor: pointer; float: right; font-size: 11px; font-weight: bold; margin: -2px -5px 0 5px; }
#a3_notification div.green { background-color: #dfefdf; border: 1px solid #6fcc6f; }
#a3_notification div.error { background-color: #ffefef; border-color: #ff6f6f; padding: 10px 20px; }
#a3_notification div.error .close { color:#ff6f6f; opacity:1} 
#a3_notification div.error ul { text-align: left; }



/*test*/
.res-test {
  background-color: red;
  color: #fff;
  padding: 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  opacity: 0.8;
}
@media (max-width: 480px) {
  .res-test {
    background-color: darkviolet;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .res-test {
    background-color: darkcyan;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .res-test {
    background-color: mediumpurple;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .res-test {
    background-color: orange;
  }
}
@media (min-width: 1200px) {
  .res-test {
    background-color: red;
  }
}