/*
Theme Name: Swixx CTCL 2025
Description: Theme developed for Swixx BioPharma by Promenade Medical Communications.
Author: Promenade Medical Communications
Author URI: http://www.promenade.hu 
Version: 1.0.0
License: Copyright © 2025 Promenade Medical Communications
Text Domain: swixxmzlwm
@package Swixxctcl
@version 1.0.0

This software cannot be modified, sold or given away without the written consent of the license holder.
*/

/* VARS */
:root {
	--maincolor: #FF641E;
	--sidecolor: #FF9C1B;
    --fontdark: #000000;
    --fontlight: #FFFFFF;
	--cc-text-color: #fontdark !important;
	--cc-background-color: #FFFFFF !important;
	--cc-button-accept-color: #FF4909 !important;
	--cc-button-accept-hover-color: #5C1664 !important;
	--headerbg: linear-gradient(90deg, #FF4909, #FF9C1B);
	--footerbg: linear-gradient(90deg, #FF4909, #FF9C1B);
	--grey1: #EDEDED;
	--grey2: #C7C7C7;
	--cta_off: #00BFD6;
	--cta_on: #5C1664;
	--font1: 'Arimo', sans-serif;
	--font2: 'Arimo', sans-serif;
    	
	--borderrad: 44px;
	--dropshadow:0px 0px 10px 0px rgba(0,0,0,0.25);
	--textshadow:0px 0px 10px rgba(0,0,0,1);

    --anim: 220ms;
}
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html, body {
    height: 100%;
    min-height: 100%;
    margin: 0;
    box-sizing: border-box;
    line-height: 1.2;
    font-weight: normal;
    font-style: normal;
    font-family: var(--font1);
}
body img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}
p {
    margin: 0;
}
.formcontent{
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}
button{
	border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
	cursor: pointer;
}
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
hr{
	margin: 0 auto;
	display: block;
	border: 0;
	border-top: 1px solid var(--maincolor);
	margin-top: 20px;
	margin-bottom: 20px;
}
a,
a:visited,
a:active{
	color: var(--maincolor);
}
a:hover,
a:focus,
a:active{
	text-decoration: none;
}
#mainwrapper{
	padding-top: 100px;
	transition: all var(--anim) ease;
}
#mainwrapper.padded {
	padding-top: 80px;
	transition: all var(--anim) ease;
}
.bold{
	font-family: var(--font1B);
}
.heavy{
	font-family: var(--font1H);
}
.color{
	color: var(--maincolor);
}
.color2{
	color: var(--sidecolor);
}
input[type=text], input[type=email], input[type=password], select{
	margin-left: 0;
	margin-right: auto;
	display: block;
}

/* HEADER */

.header{
	background: var(--headerbg);
	position: fixed;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	padding-left:10%;
	padding-right:10%;
	display: flex;
	align-items: flex-end;
	transition:all var(--anim) ease;
}
.logo{
	display:inline-block;
	vertical-align: middle;
	max-height:60px;
	transition:all var(--anim) ease;
}
.headercontainer{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}
.headerflex{
	display:flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	box-sizing:content-box;
	transition:all var(--anim) ease;
}
.logoholder{
	transition:all var(--anim) ease;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	line-height: 100px;
	width:284px;
	transition:all var(--anim) ease;
}
.menu{
	text-align:right;
	display:inline-block;
	line-height: 100px;
	transition:all var(--anim) ease;
	flex: 0 0 auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 100%;
	position: relative;
	padding-left:50px;
	transition:all var(--anim) ease;
}
.menu a{
    font-family: var(--font1);
    font-size: 13px;
    font-weight: 400;
    line-height: 14.63px;
    padding: 20px;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    color: var(--fontlight);
    text-decoration: none;
    margin-top: 0;
    transition: all var(--anim) ease;
    letter-spacing: 0.01em;
}
.menu a:hover,
.menu a:focus,
.menu a:active{
    background-color:var(--fontlight);
    color:var(--maincolor);
	transition:all var(--anim) ease;
}
.menu a:focus{
	outline:0;
	transition:all var(--anim) ease;
}
.menu a.menubtn{
	padding-top:5px;
	line-height: 1;
}

.sticky.header{
	transition:all var(--anim) ease;
	-moz-box-shadow:var(--dropshadow);
	-webkit-box-shadow:var(--dropshadow);
	box-shadow:var(--dropshadow);
}
.sticky .headerflex{
	transition:all var(--anim) ease;
}
.sticky .logoholder{
	line-height: 80px;
	transition:all var(--anim) ease;
}
.sticky .logo{
	max-height: 45px;
	transition:all var(--anim) ease;
}
.sticky .menu{
	line-height:80px;
	transition:all var(--anim) ease;
}
.hamburger{
	color: var(--fontlight);
	font-size: 30px;
	text-align: center;
	cursor:pointer;
	display:none;
	line-height:100px;
	transition:all var(--anim) ease;
}
.sticky .hamburger{
	line-height:80px;
	transition:all var(--anim) ease;
}
.menu.closed{
	display:none;
	flex:none;
	width:100%;
	height:0%;
	transition:height var(--anim) ease;
}
.menu.height{
	height: 100%;
	transition:height var(--anim) ease;
}

.menu.randomm{
	background-color: var(--headerbg);
	padding:0;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
}
.menu.randomm a{
	color:var(--fontlight);
	max-width: 300px;
	font-size:22px;
	line-height:50px;
	margin: 0 auto;
    transition:height var(--anim) ease;
}
.menu.randomm a:hover,
.menu.randomm a:active,
.menu.randomm a:focus{
    background-color:var(--fontlight);
    color:var(--maincolor);
	transition:height var(--anim) ease;
}
.menu.closed a{
	display:block;
}
.menu.opened{
	display:flex;
	justify-content: space-between;
	flex: 0 0 49.48vw;
}

/* WEBINAR */

.layer_holder{
	position:relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all var(--anim) ease;
	min-height:585px;
	color:var(--fontdark);
}
.layer1{
    background: var(--headerbg);
}
.layer2{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(img/hero_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background: var(--headerbg);
}
#LIVE{
	max-width: 1200px;
	margin:0 auto;
}
.videoinner{
	max-width: 1000px;
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.focimbox{

}
.focim_wrapper{
    display: flex;
}
.focimboxleft{

}
.focimboxright{
    padding-left: 10%;
}
.focimflex{
	display: flex;
	flex-direction: row;
	height: 100%;
    justify-content: center;
    align-items: center;
}
.focimleft{
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
}
.focim{
    color: var(--maincolor);
    font-family: var(--font1);
    font-size: 45px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 0.01em;
    text-align: right;
    margin-bottom: 0;
    max-width: 1000px;
    margin-bottom: 0px;
    padding-top:40px;

}

.alcim{
	color: var(--maincolor);
    font-family: var(--font1);
    font-size: 45px;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: 0.01em;
    text-align: right;
    margin-bottom: 0;
    max-width: 1000px;
    margin-bottom: 0px;
}

.focim1{
    padding-top:200px;
}
.focim2{
	max-width: 500px;
    /* padding-right:calc(10.4vw - 45px); */
}
.focim3{
    display: flex;
    align-items: center;
    flex-direction: column;
}

.datum{
    font-size: 46px;
    line-height: 55px;
    font-family: var(--font1);
    color: var(--fontlight);
    text-align: center;
    letter-spacing: 0.01em;
    padding-top: 40px;
}
.datumbox{
    text-align: center;
    padding-bottom: 35px;
}
.datum1{
    font-family: var(--font1);
    color: var(--fontdark);
    font-weight: 700;
    font-size: 40px;
    line-height: 55px;
    letter-spacing: 0.0089em;
    text-align: right;
}
.datum2{
    font-family: var(--font1);
    color: var(--sidecolor);
    font-weight: 700;
    font-size: 40px;
    line-height: 55px;
    letter-spacing: 0.0089em;
    text-align: right;
}
.datum3{
    font-family: var(--font3);    
    color:var(--maincolor);
    font-weight: 700;
    font-size: 40px;
    line-height: 45px;
    letter-spacing: 0.89px;
    text-align: right;
}
.timebox{
    background-color:var(--maincolor);
    color:var(--fontlight);
    font-size:38px;
    padding-top: 8px;
    padding-bottom: 3px;
}
.csik{
	background-color:var(--sidecolor);
	height:25px;
	width:100%;
}

/* START BUTTON */

.startbox{
	text-align:right;
	padding-top: 40px;
	padding-bottom: 30px;
    /*
	position:absolute;
	left:50%;
	bottom:20px;
	transform:translateX(-50%);
    */
}

.start{
    font-family: var(--font1);
    color: var(--fontdark);
    background-color: var(--fontlight);
    font-size: 16px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 1.5px;
    transition: all var(--anim) ease;
    width: 320px;
    height: 55px;
    margin-top: 0;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}
.start_wrapper {
    display: flex;
    justify-content: end;
}
.startaaa {
    color: var(--fontdark) !important;
    width: 320px;
    height: 55px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.start a:hover, .start a:active {
    color: var(--fontlight) !important;
    
}
#register.start{
	max-width:400px;
	margin-left: 25px;
}
a.start{
	text-decoration:none;
	line-height: 70px;
	color: var(--fontlight);
}
#start2{
	display:none;
	font-size:50px;
	padding: 12px 25px 9px 30px;
	text-align:center;
	transition:all var(--anim) ease;
	margin:0 auto;
	margin-top:50px;
	color:var(--fontlight);
	border: 2px solid var(--fontlight);
}
#start2:hover,
#start2:focus,
#start2:active{
	background-color:var(--fontlight);
	color:var(--maincolor);
}
.start:hover,
.start:focus,
.start:active{
	border:0;
	color: var(--fontlight);
    background-color: var(--fontdark);
	transition:all var(--anim) ease;
}
.start p{
	display: inline-block;
    vertical-align: middle;
    line-height: 85px;
    padding-top:5px;
}
.start:focus{
	outline:2px solid var(--maincolor);
}
.start2img{
    display:inline-block;
    vertical-align: middle;
    margin-left:60px;
}

.heroinfo {
	letter-spacing: 1.2px;
    line-height: 16px;
}

/* TARTALOM */

.elo{
    color: var(--maincolor);
    font-family: var(--font2);
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.01em;
    padding: 10px;
}
.csakkicsin{
	display:none;
}
.szekciocim{
	background-color:var(--fontdark);
	color: var(--fontlight);
	text-transform:uppercase;
	font-size:45px;
	line-height:65px;
	text-align:center;
	margin-top: 75px;
	font-family: var(--font1);
	padding-left: 35px;
    padding-right: 35px;
    padding-top: 5px;
	display: block;
	margin: 0 auto;
}
.program{
    font-family: var(--font1);
    color: var(--maincolor);
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 0.01em;
    padding: 80px 0px 30px 0px;
    border-bottom: 5px solid var(--sidecolor);
    text-align: left;
}
.easkprogram{
    font-family: var(--font1);
    color: var(--maincolor);
    text-transform: uppercase;
    padding: 80px 0px 35px 0;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 0.01em;
}
.summary {
    font-family: var(--font1);
    color: var(--fontdark);
    padding-top: 35px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.01em;
    text-align: justify;
}
.texthighlight {
    color: var(--maincolor);
    font-weight: 700;
}
.programbox{
	max-width:1300px;
	display:block;
	margin:0 auto;
	margin-bottom:80px;
	padding-top:50px;
	width:60%;
	padding-bottom: 100px;
}
.progflex{
	color:var(--fontdark);
	line-height:24px;
}
.progrow{
	display: flex;
	flex-wrap: wrap;
}
.progleft{
	flex: 1 1 25%;
}
.progright{
	flex: 1 1 75%;
	text-align:left;
}
.progsession{
    font-family: var(--font1);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.01em;
    padding-bottom: 15px;
    padding-top: 30px;
    text-transform: uppercase;
}
.progsessionseparator{    
    width: 100%;
    border-bottom: 1px solid var(--grey2);
    padding-bottom: 15px;

}
.progtitle{
    font-family: var(--font1);
    font-size: 18px;
    letter-spacing: 0.01em;
    padding-bottom: 40px;
}

.nev,
.cim,
.ido{
    font-family: var(--font1);
    color: var(--fontdark);
    text-align: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.01em;
}
.ido{
	color:var(--maincolor);
	font-family:var(--font1);
}
.cim{
	color:var(--fontdark);
}
.nev{
	font-family:var(--font1);
    font-weight: 400;
}

.speakersflex {
    color: var(--fontdark);
    line-height: 22px;
    padding-top: 40px;
    text-align: center;
    font-family: var(--font1);
    font-size: 16px;
}
.sprow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.spcol {
        width: 250px;
}
.spname {
    color: var(--maincolor);
    font-weight: 700;
}
.spworkplace {
    padding-bottom: 30px;
}
.spdesc {
    flex: 1;
    text-align: justify;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.01em;
    line-height: 20px;
}
.medinforow {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
    text-align: left;
}
.medinfocol {
    width: 320px;
    height: 120px;
    background-color: var(--sidecolor);
    padding: 10px 20px;
}
.medinfocountry {
    color: var(--fontlight);
    font-weight: 700;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0.01em;
    padding-bottom: 15px;
}
.medinfotel {
    color: var(--fontlight);
    font-size: 15px;
}
.medinfoemail {
    color: var(--fontlight);
    font-size: 15px;
}

.leiras{
    color: var(--fontdark);
    font-family: var(--font2);
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0.01em;
    line-height: 22px;
}
.session{
	color:var(--maincolor);
	font-family:var(--font1B);
	font-size:22px;
	text-transform:uppercase;
	width: 100%;	
	padding-right:10px;
}
.progsection{
	max-width:1000px;
	margin: 0 auto;
	text-align:left;
    padding-bottom: 80px;
}

.progrow{
	display: flex;
	flex-wrap: wrap;
}
.prog1{
	width: 140px;
}
.prog2{
	flex: 1 1 auto;
	text-align: left;
}

.session{
	color:var(--maincolor);
	font-family:var(--font1B);
	font-size:22px;
	text-transform:uppercase;
	width: 100%;	
	padding-right:10px;
}

.hrrr1{
	max-width:79.27vw;
	border:0;
	border-top:4px solid var(--sidecolor);
}

.kapszulagomb{

    font-family: var(--font1) !important;
    color: var(--fontlight) !important;
    background-color: var(--cc-button-accept-color) !important;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0.02em;
    transition: all var(--anim) ease !important;
    width: 270px;
    height: 45px;
    margin-top: 0;
    text-align: center;
    border: 0;
    border-radius: 0px !important;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kapszulagomb:hover,
.kapszulagomb:active,
.kapszulagomb:focus{
	background-color:var(--sidecolor) !important;
    color:var(--fontlight) !important;
	transition:all var(--anim) ease !important;
}
.kapszulagomb.fooldali,
.kapszulagomb.fooldali:visited{
	background-color: var(--fontdark);
    color: var(--fontlight);
    max-width: 270px;
    text-decoration: none;
    border-radius: var(--borderrad);
    background-color: var(--sidecolor) !important;
}
.kapszulagomb.fooldali:hover,
.kapszulagomb.fooldali:focus,
.kapszulagomb.fooldali:active{
	background-color:var(--maincolor) !important;
}

#swixx_registration_form{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 100px;
}

#swixx_registration_form button, #swixx_profilform button {
    margin-top: 30px !important;
    width: 100%;
    max-width: 270px;
    margin: 0 10px;
}

#swixx_profil_submit {
    margin: 0 !important;
    border-radius: var(--borderrad);
}

#swixx_delete_profil {
    margin: 0 !important;
    border-radius: var(--borderrad);
}

#swixx_lostpass_submit {
    margin: 0 !important;
    border-radius: var(--borderrad);  
}

#swixx_resetpass_submit {
    margin: 0 !important;
    border-radius: var(--borderrad);  
}

#swixx_reg_submit {
    margin: 0 !important;
    border-radius: var(--borderrad);  
}

.loginbox{
	display:flex;
	flex-wrap:wrap;
	padding-top:60px;
	padding-bottom:170px;
	justify-content: space-between;
	max-width: 620px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}
.loginbox .szekciocim{
	margin-bottom: 30px;
	margin-top:10px;
}
.loginintro{
	font-size:21px;
	color:var(--maincolor);
	margin-top: 5px;
	padding-top: 20px;
}
.loginformbox input{
	width:300px;
}
#swixx_loginform{
	width:100%;
    padding-bottom: 100px;
}

#swixx_resetpass_form{
/*     padding-left: 10px;
    padding-right: 10px; */
    padding-bottom: 100px;
}

#swixx_lostpass_form{
/*     padding-left: 10px;
    padding-right: 10px; */
    padding-bottom: 100px;
}

label {
    font-family: var(--font2) !important;
    font-weight: 700;
    font-size: 13px !important;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: var(--maincolor) !important;
    text-transform: unset !important;
}
input[type=text], 
input[type=email], 
input[type=password], 
select {
    border: 1px solid var(--maincolor) !important;
    max-width: 450px !important;
    font-size: 16px !important;
    background-color: var(--fontlight) !important;
    min-height: 45px !important;
    padding: 5px 20px !important;
}
.loginformflex {
    flex-direction: row !important;
}
.loginformleft{
    flex: 0 0 20% !important;
    text-align: left;
    padding: 0 !important;
    padding-left: 0 !important;
    justify-content: flex-start !important;
}
.loginformright {
    flex: 0 0 50%;
    text-align: left;
}

article{
	max-width:1400px;
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
	padding-top:60px;
	padding-bottom:70px;
	line-height:1.4;
	font-size:18px;
}
.frontcontent{
	padding:0;
	color:var(--maincolor);

}
.wkbg{
    
}


/* QUESTIONNAIRE */
.questionnaire_container {
	text-align: center;
}

.quehead {
	font-size:60px;
	color:var(--maincolor);
	text-transform: uppercase;
	font-weight:700;
}

.dekorcsik {
	width:465px;
	color: var(--maincolor);
	border:0.5px solid var(--maincolor);
}

.q_cim {	
    padding-top: 35px;
    color: var(--fontdark);
    text-align: left;
    font-family: var(--font2);
    font-weight: 700;
    font-size: 16px;
    line-height: 18.4px;
    letter-spacing: 0.01em;
}

.q_feedback {
    color: var(--fontdark) !important;
    font-family: var(--font2) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 18.4px;
    letter-spacing: 0.01em;
    text-align: left;
    padding-top: 35px;
    padding-left: 0;
    padding-right: 0;
}

.ent {
	display:none;
}

.q_question {
    color: var(--maincolor) !important;
    font-family: var(--font1) !important;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 18.4px;
    letter-spacing: 0.01em;
    text-align: left;
    margin-bottom: 16px !important;
    margin-top: 30px !important;
    text-transform: unset !important;
}

.q_szoveg {
    color: var(--fontdark) !important;
    font-family: var(--font2) !important;
    font-size: 15px !important;
    font-weight: 400;
    line-height: 18.4px;
    letter-spacing: 0.01em;
    vertical-align: middle !important;
    text-transform: none !important;
    margin-left: 0 !important;
    display: inline-block;
}

.q_szoveg_pre {
    color: var(--fontdark) !important;
    font-family: var(--font2) !important;
    font-size: 15px !important;
    font-weight: 400;
    letter-spacing: 0.01em;
    vertical-align: middle !important;
    text-transform: none !important;
    margin-left: 0 !important;
    display: inline-block;
    text-align: left;
    padding-left: 35px;
    padding-bottom: 20px;
    line-height: 18px;
}

.q_szoveg2 {
    color: var(--fontdark) !important;
    font-family: var(--font2) !important;
    font-size: 15px !important;
    font-weight: 400;
    line-height: 18.4px;
    letter-spacing: 0.01em;
    vertical-align: middle !important;
    text-transform: none !important;
    margin-left: 0 !important;
    display: inline-block;
    margin-right: 20px;
}

.loader-small-placeholder {
    min-height: 25px !important;
}

.firsttext {
	margin-left: 0;
	margin-right:10px;
}


/* RADIO BUTTON */

.radiocont {
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;  
	margin-right: 40px; 
}

.radiocont_pre {
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;  
    text-align: left;
}

.radiocont.lastradio {
	margin-right:33px;
}

.radiocont2 {
	display: block;
	position: relative;
	text-align: left;
	padding-left: 48.5%;
	margin-bottom: 20px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
}

.radiocont input, .radiocont2 input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.radiocont_pre input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 46%;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 2px solid var(--fontdark) !important;
	box-sizing: content-box;
}

.checkmark_pre {
    position: absolute;
    top: -3px;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 2px solid var(--fontdark) !important;
    box-sizing: content-box;
}

.checkmark2 {
    position: absolute;
    top: 0;
    left: 0%;
    right: 10%;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid var(--maincolor);
    box-sizing: content-box;
}

.radiocont:hover input ~ .checkmark, .radiocont2:hover input ~ .checkmark {
	background-color: var(--maincolor);
}

.radiocont_pre:hover input ~ .checkmark_pre {
	background-color: var(--maincolor);
}

.radiocont input:checked ~ .checkmark, .radiocont2 input:checked ~ .checkmark {
	background-color: var(--maincolor);
}

.radiocont_pre input:checked ~ .checkmark_pre {
	background-color: var(--maincolor);
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.checkmark_pre:after {
	content: "";
	position: absolute;
	display: none;
}

.radiocont input:checked ~ .checkmark:after {
	display: block;
}

.radiocont_pre input:checked ~ .checkmark_pre:after {
	display: block;
}

.radiocont2 input:checked ~ .checkmark:after {
	display: block;
}

.radiocont .checkmark:after, .radiocont2 .checkmark:after {
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.radiocont_pre .checkmark_pre:after {
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.radiocont:hover input ~ .checkmark2, .radiocont2:hover input ~ .checkmark2 {
	background-color: var(--maincolor);
}

.radiocont_pre:hover input ~ .checkmark_pre2 {
	background-color: var(--maincolor);
}

.radiocont input:checked ~ .checkmark2, .radiocont2 input:checked ~ .checkmark2 {
	background-color: var(--maincolor);
}

.radiocont_pre input:checked ~ .checkmark_pre2 {
	background-color: var(--maincolor);
}

.checkmark2:after {
	content: "";
	position: absolute;
	display: none;
}

.checkmark_pre2:after {
	content: "";
	position: absolute;
	display: none;
}

.radiocont input:checked ~ .checkmark2:after {
	display: block;
}

.radiocont2 input:checked ~ .checkmark2:after {
	display: block;
}

.radiocont_pre input:checked ~ .checkmark_pre2:after {
	display: block;
}

.radiocont .checkmark2:after, .radiocont2 .checkmark2:after {
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.radiocont_pre .checkmark_pre2:after {
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.swixx_submit_button {
	width:250px;
	height:60px;
	font-size:24px;
	background-color: #fff;
	border: 1px solid var(--maincolor);
	color: var(--maincolor);
	font-weight:300;
}

.swixx_submit_button:hover {
	background-color: var(--maincolor);
	color: #fff;
}

@media (max-width:1200px) {
	.felsorol {
		margin-left:10px;
	}
}

@media (max-width:1000px) {
	.radiocont2 {
		padding-left: 47.5%;
	}
	.checkmark {
		left:44%;
	}
	.ent {
		display:block;
	}
}

@media (max-width:646px) {
	.quehead {
		font-size:50px;
		color:var(--maincolor);
		text-transform: uppercase;
		font-weight:700;
	}

	.dekorcsik {
		width:390px;
		color: var(--maincolor);
		border:0.5px solid var(--maincolor);
	}
	
	.ent {
		display:inline;
	}

	.radiocont {
		margin-right: 40px !important; 
	}

	.radiocont2 {
		margin-bottom: 10px;
	}

	.checkmark {
		left: 41%;
	}

	.swixx_submit_button {
		width:200px;
		height:50px;
		font-size:20px;
	}
}
.kicsinigen{display:none;}
.kicsinne{display:inline-block;}
.quest{
	margin-top:0;
}
.egyenlito{
	display:flex;
	justify-content: left !important;
	align-items: center;
}
@media (max-width:550px) {
	.quest{
		font-size: 32px;
	}
	.kicsinigen{display:inline-block;}
	.kicsinne{display:none;}
}
@media (max-width:500px) {
	.quehead {
		font-size:30px;
		color:var(--maincolor);
		text-transform: uppercase;
		font-weight:700;
	}
	.dekorcsik {
		width:250px;
		color: var(--maincolor);
		border:0.5px solid var(--maincolor);
	}
	.felsorol {
		margin-left:0;
	}
	.checkmark {
		left: 38%;
	}
	.radiocont2 {
		padding-left: 47.5%;
	}
	.swixx_textarea {
		width:100%;
		height:150px;
	}
	.q_szoveg{
		margin-left:0;
	}
}

@media (max-width:320px){
	.radiocont2 {
		padding-left: 46%;
	}
}


/* KITÖLTÉS UTÁN ELTŰNIK */
#questionnaire_thankyou{
	display:none;
	max-width: 840px;
    margin: 0 auto;
    text-align: left;
	padding: 0 0 35px 0;
    max-width: unset !important;
}
#questionnaire_container{
	display:block;
}
.questionnaire_container.q_show{
	display:block !important;
}
.questionnaire_container.q_hide{
	display:none !important;
}

/* EASK */

.eask_wrapper {
    display: flex;
    background-color: var(--grey1);
    justify-content: center;
}

.easkvoteflex{
	display:flex;
	max-width: 1522px;
	margin:0 auto;
	margin-bottom: 100px;
}
.easkbox{
	flex:1 1 60%;
	color:var(--fontdark);
	margin:0 auto;
	padding-top:50px;
	text-align:center;
}
.easkinnerbox{
	max-width:600px;
	margin-left:0;
	margin-right:auto;
}
.evotebox{
	flex:1 1 40%;
	text-align:center;
}
.evote{
	font-family:var(--font2);
	font-weight:200;
	font-size:45px;
	color:var(--fontlight);
	margin-top: 50px;
	display:inline-block;
}
.evote_text a{
	color:var(--sidecolor);
	overflow-wrap: break-word;
}

.easkholder{
    background-color: var(--grey1);
    color: var(--fontdark);
    padding-bottom: 80px;
    text-align: left;
    min-width: 1000px;
}
.eask{
	margin-top:0;
	display:inline-block;
	font-size:45px;
	margin-bottom: 70px;
    background-color:var(--maincolor);
    line-height:1.8;
    padding-left:50px;
    padding-right:50px;
    font-family:var(--font1H);
}
.easkright {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.easkrightleft {
	flex: 0 0 460px;
}

.easkrightqr {
	flex: 1 1 100%;
}

.qr_code_image {
	max-width: 180px;
	margin-bottom: 15px;
    background: var(--fontlight);
}

.qr_code_text {
	font-family:var(--font2);
	color:var(--fontlight);
	text-align: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 13.8px;
    letter-spacing: 0.01em;
}

.qr_code_text a {
	color:var(--fontlight);
    text-decoration: underline;
    text-decoration-style: solid;
}

.kerdezzen{
    font-family: var(--font1);
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 35px;
    font-weight: 700;
    letter-spacing: 0.01em;
}
#char{
	font-family:var(--font2);
	font-size: 14px;
    font-weight: 400;
    line-height: 18.4px;
    letter-spacing: 0.01em;
	text-align: right !important;
    margin: 5px 0;
    max-width: 540px;
}
#msg{
    font-family: var(--font2);
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0.01em;
    text-align: left !important;
    margin-bottom: 25px;
    margin-top: 15px;
}
h3#reply-title{display:none;}
.comment-form-comment{
	margin: 0 auto;
	transition:all var(--anim) ease;
}
.textarea_wrapper {
    display: flex;
}
textarea#comment{
    resize: none;
    max-width: 540px;
    width: 100%;
    height: 180px;
    display: block;
    padding: 15px;
    position: relative;
    color: var(--fontdark);
    transition: all var(--anim) ease;
    border: 1px solid var(--maincolor);
    font-family: var(--font1);
}
textarea#comment:focus{
	outline:0;
	border:2px solid var(--sidecolor);
	transition:all var(--anim) ease;
}
#submit{
    font-family: var(--font1);
    color: var(--fontlight);
    background-color: var(--cc-button-accept-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0.02em;
    transition: all var(--anim) 
ease;
    width: 270px;
    height: 45px;
    margin-top: 0;
    text-align: center;
    border: 0;
    text-transform: uppercase;
}
#submit:hover,
#submit:focus,
#submit:active{
	background-color:var(--fontlight);
    color:var(--maincolor);
	transition:all var(--anim) ease;
}
.dots_img{
    margin:0 auto;
    margin-bottom:30px;
}
.notice{
	padding-top: 70px;
	padding-bottom: 70px;
    font-family: var(--font2);
    color: var(--fontdark);
    font-weight: 325;
    line-height: 20px;
}

.notice a {
    color: var(--fontdark);
	text-decoration: none;
}


/* FOOTER */

.footer{
	background: var(--footerbg);
	padding: 30px 0;
	margin-top: 0;
}
body:not(.home):not(.webconf) .footer{
	/*margin-top: 150px;*/
}
.footerflex{
	display:flex;
	margin:0 auto;
	justify-content: space-evenly;
}
.footer_left{	
	flex: 1 1 31%;
    padding-left: 5%;
}
.footer_center {
	display: flex;
    flex-direction: column;
    justify-content: end;
    flex: 1 1 38%;
}

.footer_right{
	flex: 1 1 31%;
    text-align: right;
    padding-right: 5%;
	align-content: center;
}
.footer_logo {
	width: 250px;
	padding: 10px 0 30px 0;
}
.footerlogoflex{
	display: flex;
}
.footerlogoright{
	padding-top: 50px;
	padding-left: 15px;
}
.footerlogoleft {
    width: 700px;
}
.footlogo{
	display:inline-block;
}
.footerlogo{
	display: inline-block;
	margin-right: 0;
	max-width: unset;
}
.footerlogo.pharma{
	width:auto;
}
.footerlogo2{
	display:none;
    width:340px;
}
.footerleft_text{
	line-height: 1.2;
	text-align:left !important;
	max-width: 540px;
	margin-right: 0px;
	margin-left: auto;
	position: relative;
	padding-top:20px;
}
.footer a{
	color:var(--fontlight);
	text-decoration:none;
}
.footer a:hover,
.footer a:focus,
.footer a:active{
	text-decoration:none;
}
.footmenu{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.footer a.footmenuitem{
    font-family: var(--font1);
    color: var(--fontlight);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 50px;
    letter-spacing: 0.01em;
    transition: all var(--anim) ease;
}
.footer a.footmenuitem:hover,
.footer a.footmenuitem:active,
.footer a.footmenuitem:focus{
    background-color:var(--fontlight);
    color:var(--sidecolor);
	text-decoration: underline;
    transition:all var(--anim) ease;
}
.footerlink{
	color:var(--fontlight);
	text-decoration:none;
}
.footerlink:hover,
.footerlink:active,
.footerlink:focus{
	text-decoration:none;
}
.inlineblock{
	display:inline-block;
}
.techinfo_wrapper {
    display: flex;
    justify-content: flex-end;
 }

.techinfo{
    text-decoration: none !important;
    background-color: var(--fontlight);
    color: var(--fontdark) !important;
    max-width: 270px;
    padding: 0 25px;
    line-height: 45px;
    display: block;
    text-align: center;
    margin-bottom: 15px;
    font-family: var(--font1);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.01em;
}
.techinfo:hover,
.techinfo:active,
.techinfok:focus{
	text-decoration:none;
	background-color: var(--fontdark);
    color: var(--fontlight) !important;
	transition:all var(--anim) ease;
}
.tech{
    font-family: var(--font1);
    color: var(--fontlight);
    font-size: 10px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-align: right;
    padding-bottom: 20px;
}
.footer_link {
    font-family: var(--font3);
    font-weight: 700;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-align: right;
    text-decoration: underline !important;
}

.novotext {
    font-family: var(--font1);
    color: var(--fontlight);
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-align: left;
}
.copyright{
    padding-bottom: 8px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: var(--font1);
    color: var(--fontlight);
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-align: center;
}
.lezaras{
    font-family: var(--font1);
    color: var(--fontlight);
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-align: left;
    padding-top: 20px;
}
.q_lezaras{
	font-family: var(--font2);
	color:var(--fontlight);
	font-size: 10px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.01em;
	text-align: left;
	padding-top: 20px;
}


/* EASK */
/* EASK !!! */
/* eASK mod gombok */
.abtn{
	display:inline-block;
	background-color:#0071bb;
	color:#FFFFFF !important;
	text-decoration:none;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	font-size:16px;
	cursor:pointer;
}
.abtn:hover {
	background-color:#008ae6;
	color:#FFFFFF;
}
.modgombok{
	text-align:center;
	width:1%;
	white-space:nowrap;
}
.modgombok button{
	width:50%;
	background-color:#0071bb;
	color:#FFFFFF !important;
	border:0;
	margin:1px;
	box-shadow:none !important;
	border-radius:0;
	text-shadow:none;
	padding:6px;
	cursor:pointer;
}
.modgombok button:hover {
	background-color:#008ae6;
	box-shadow:none !important;
}
.full-szeles-gomb{
	width:calc(100% + 2px) !important;
}
.page-id-13 .full-szeles-gomb{
	width:calc(100% - 2px) !important;
}
.downloadbtn{
	background-color:#0071bb !important;
	color:#FFFFFF !important;
	border:0 !important;
	padding:10px !important;
	padding-left:20px !important;
	padding-right:20px !important;
	font-size:16px !important;
	box-shadow:none !important;
	text-shadow:none !important;
	line-height:1.42857143 !important;
	border-radius:0 !important;
	cursor:pointer;
}
.downloadbtn:hover{
	background-color:#008ae6 !important;
}
.inactive{
	background-color:#ABABAB !important;
}

/* Mod, Display login középre igazítás*/
#pgc-13-0-0, #pgc-7-0-0{
	text-align:center;
}
#pgc-13-0-0 #loginform, #pgc-7-0-0 #loginform{
	margin-top:40px;
}

/* TV vetítéshez */
#pl-23{
	font-size:2.8rem;
	color:var(--fontdark);
	text-shadow:none;
}
.page-id-13 .container,
.page-id-13 .container-fluid,
.page-id-13 .entry-content,
.page-id-7 .container,
.page-id-7 .container-fluid,
.page-id-7 .entry-content,
.page-id-23 .container,
.page-id-23 .container-fluid,
.page-id-23 .entry-content,
.page-id-13 article,
.page-id-7 article,
.page-id-23 article{
	width:100%;
	max-width:unset !important;
	padding:0;
	font-family:'Arial', sans-serif;
}
.page-id-7 .container,
.page-id-7 .col-sm-12,
.page-id-7 #main{
	padding:0;
}
.page-id-13 #mainwrapper,
.page-id-7 #mainwrapper,
.page-id-23 #mainwrapper,
.page-id-9 #mainwrapper{
	background-color:transparent;
	padding-top:0 !important;
	color:#000000;
}
.page-id-13 .button,
.page-id-7 .button{
	max-width: 150px;
	width: 100%;
	padding: 5px;
	margin: 0 auto;
}
.page-id-9 .login-username,
.page-id-7 .login-username,
.page-id-13 .login-password,
.page-id-7 .login-password,
.page-id-13 .login-submit,
.page-id-7 .login-submit{
	display: flex;
	justify-content: space-between;
	max-width: 350px;
	margin: 0 auto;
	width: 100%;
	margin-bottom: 15px;
}
.page-id-13 #loginform,
.page-id-7 #loginform{
	padding:30px;
	min-height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.page-id-13 input,
.page-id-7 input{
	padding:5px;
}


.page-id-23 table#comments_table > tbody > tr > td{
	line-height:1.4;
	padding:15px;
}
.page-id-23 table#comments_table{
	width:100%;
	font-size:350%;
	line-height:2;
}

.page-id-9 .comment-form-comment{
	padding-top:140px;
}
.page-id-9 #respond{
	text-align: center;
	padding-left:20px;
	padding-right:20px;
}

/* eASK Display, Projector sorok színe */
.csikos tr:nth-child(even) {
	background-color:#cce4ff !important;
}
.csikos tr:nth-child(odd) {
	background-color:#e6f2ff !important;
}
.csikos2 tr:nth-child(4n+0), .csikos2 tr:nth-child(4n-1) {
	background-color: #cce4ff !important; 
	border:none;
}
.csikos2 tr:nth-child(4n-2), .csikos2 tr:nth-child(4n-3) {
	background-color: #e6f2ff !important; 
	border:none;
}

.page-id-13 .content,
.page-id-7 .content,
.page-id-23 .content{
	max-width: 100%;
}


/*
*
* VIDEO PAGE BEGIN
*
*/

.recommended-browser {
	font-size: 18px;
	font-family: var(--font1L);
	text-align: center;
	margin: 30px 0 80px 0;
}

.flexbox-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	padding: 0;
}

.content {
	max-width: 1285px;
	margin: 0 auto;
    padding-left:15px;
	padding-right:15px;
}
.home .content{
	padding-left:15px;
	padding-right:15px;
}

.content hr {
	margin: 5px 0 15px 0;
	color: #EF7F2F;
	background-color: #EF7F2F;
}

.videos {
	font-size: 60px;
	color: var(--maincolor);
	font-family: var(--font1B);
}

.videos-inner {
	background: var(--fontdark);
	width: fit-content;
	padding: 10px 45px;
	margin: 0 auto;

	font-size: 40px;
	color: white;
	font-family: var(--font1);
}

.videos-magyarazat-outer {
	margin: 25px 0 40px 0;
}

.videos-magyarazat {
	font-size: 21px;
	font-family: var(--font1L);
	width: fit-content;
	margin: 0 auto;
	margin-left:0;
}

.flexbox-item {
	width: 300px;
	height: 362px;
	margin: 10px 10px 50px 10px;
	padding: 20px;
}

.videos-img {
	background-image: url("https://via.placeholder.com/300x169");
	width: 300px;
	height: 169px;
	display: inline-flex;
	position: relative;
	background-size:cover;

	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
}

.videos-img.img1 {
	background-image: url("https://cdn.jwplayer.com/v2/media/QeaHeEF9/poster.jpg?width=320");
}
.videos-img.img2 {
	background-image: url("https://cdn.jwplayer.com/v2/media/NP888tbB/poster.jpg?width=320");
}
.videos-img.img3 {
	background-image: url("https://cdn.jwplayer.com/v2/media/mybjE9W8/poster.jpg?width=320");
}
.videos-img.img4 {
	background-image: url("https://cdn.jwplayer.com/v2/media/AYfWwQC9/poster.jpg?width=320");
}
.videos-img.img5 {
	background-image: url("https://cdn.jwplayer.com/v2/media/JXGw3Ubp/poster.jpg?width=320");
}
/*
.videos-img.img6 {
	background-image: url("https://cdn.jwplayer.com/v2/media/9zyyvwdV/poster.jpg?width=320");
}
.videos-img.img7 {
	background-image: url("https://cdn.jwplayer.com/v2/media/veaUvijg/poster.jpg?width=320");
}
.videos-img.img8 {
	background-image: url("https://cdn.jwplayer.com/v2/media/eteMF9DC/poster.jpg?width=320");
}
.videos-img.img9 {
	background-image: url("https://cdn.jwplayer.com/v2/media/kx6m0aaS/poster.jpg?width=320");
}
.videos-img.img10 {
	background-image: url("https://cdn.jwplayer.com/v2/media/ljuAgN0j/poster.jpg?width=320");
}
*/

.videos-min {
	position: absolute;
	right: 0;
	bottom:0;
	color: var(--fontlight);
	font-size: 18px;
	width: 65px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background: var(--sidecolor);
}

.flexbox-item h3 {
	color: var(--maincolor);
	font-size: 24px;
	line-height: 1.2;
	text-align: center;
	font-family: var(--font1H);
	margin: 5px 0;
	text-transform:uppercase;
}

.flexbox-item p {
	font-size: 18px;
	text-align: center;
	margin-top: 10px;
	height: 90px;
	color: var(--fontdark);
	font-weight: 400;
}

.flexbox-item button {
	width: auto;
	padding: 0 40px;
	height: 48px;
	padding-top:2px;
	text-align: center;
	font-size: 21px;
	font-family: var(--font1B);
	color: var(--fontdark);
	background-color: var(--sidecolor);
	border: 0;
	transition:all var(--anim) ease;
}
.flexbox-item button:hover,
.flexbox-item button:focus,
.flexbox-item button:active {
	background-color: var(--fontdark);
	color:var(--sidecolor);
	transition:all var(--anim) ease;
}

.videos-button {
	text-align: center;
	bottom: 0;
}

.flexbox-item hr {
	margin: 5px 0;
	background-color: var(--maincolor);	
	color: var(--maincolor);
}

.flexbox-container {
	position: relative;
}

.flexbox-item {
	flex: 1 0 33.33%;
	height: auto;
	max-width: 33.33%;
	margin:0;
}

.explanation {
	font-size: 21px;
	font-family: var(--font1L);
	text-align: left;
	padding: 0;
}



.session {
	color: var(--maincolor);
	font-size: 21px;
}
.questionnaire {
	color: var(--sidecolor);
	font-weight: 900;
	font-size: 21px;
}

#error{
	margin-bottom:0 !important;
}
.szekciocim.quest{
	display:inline-block;
}

.swixx_questionnaire_holder{

}
.swixx_textarea {
    width: 50% !important;
    border: 1px solid var(--maincolor) !important;
    color: var(--fontdark) !important;
    background-color: var(--fontlight) !important;
    transition: all var(--anim) ease;
    font-family: var(--font1);
}
.swixx_textarea:focus{
	border:2px solid var(--maincolor) !important;
	outline:0;
	transition:all var(--anim) ease;
}
#swixx_questionnaire_submit{
	background-color:var(--maincolor);
	color:var(--fontlight);
	text-transform:uppercase;
	font-family:var(--font1);
}
#swixx_questionnaire_submit:hover,
#swixx_questionnaire_submit:focus,
#swixx_questionnaire_submit:active{
	background-color:var(--fontdark);
	color:var(--fontlight);
}
.pharmaleft {
	max-width: 400px;
    margin: 0 auto;
    text-align: left;
}
.pharmaholder {
	margin-top: 70px;
}

.adatok {
	font-family: var(--font1);
    font-weight: 600;
    font-size: 22px !important;
    line-height: 22px;
    letter-spacing: 0.01em;
    color: var(--maincolor) !important;
    text-transform: none !important;
	margin-top: 35px !important;
}
#swixx_registration_form .info{
	max-width:unset !important;
	font-family:var(--font1);
	text-align:left;
	font-size:18px;
}
swixx_resetpass_form
.info a{
	font-family:var(--font1) !important;
	color:var(--maincolor) !important;
}
.infobox label{
	color:var(--sidecolor) !important;
	display:block !important;
	text-align:left;
	text-transform:none;
	font-family:var(--font1H) !important;
}

.loginformleft label {
	color: var(--fontdark);
	text-transform:uppercase;
	font-family:var(--font1H);
}
.magyarazat {
    font-family: var(--font2);
    font-weight: 400;
    font-size: 13px;
    line-height: 18.4px;
    letter-spacing: 0.01em;
	color: var(--fontdark);
	text-align:left;
	padding:0;
}
.loginintro {   
    font-family: var(--font2);
    font-weight: 400;
    font-size: 13px;
    line-height: 18.4px;
    letter-spacing: 0.01em;
    color: var(--fontdark);
    text-align: left;
    padding: 0;
    padding-top: 30px;
}
#swixx_login_submit {
    max-width: 270px !important;
    margin: 0 !important;
    border-radius: var(--borderrad);
}
a.lostpass {
    text-align: left !important;
    color: var(--maincolor) !important;
    font-family: var(--font2) !important;
    font-weight: 700;
    font-size: 13px !important;
    line-height: 24px;
    letter-spacing: 0.5px;
    padding-top: 15px;
}
a.lostpass:hover,
a.lostpass:focus,
a.lostpass:active{
	text-decoration:underline !important;
}
.checkcontainer {
	color: var(--maincolor);
}
input[type=checkbox]:before {	
    content: "";            
    display: block;
    width: 25px;
    height: 25px;
    border: 1px solid var(--sidecolor);    
}
.cookie_consent{
	z-index: 1;
}
.accept_cookie_consent {
	border: 2px solid var(--maincolor) !important;
	color: var(--maincolor) !important;
}
.close_cookie_consent{
	background-color: var(--maincolor) !important;
}
.accept_cookie_consent:hover, 
.accept_cookie_consent:active, 
.accept_cookie_consent:focus {
	background-color: var(--maincolor) !important;
    color: #FFFFFF !important;
}
.product-text {
	font-family: var(--font1L) !important;	
}

.additional-wrapper {
	max-width: 800px;
	margin: 0 auto;
}
.additional-wrapper hr {
	border-top: 1px solid  var(--maincolor);		
}
.additional-wrapper .rule {
	font-family: var(--font1B);
    color: var(--maincolor);
    font-size: 30px;
    text-transform: uppercase;
}
.additional-wrapper .rule-alatt {
	font-family: var(--font1L);
    font-size: 24px;
    color: var(--fontdark);
}
.open-button {
	max-width: 130px;
    margin: 20px 0 50px 0;
	text-align: center;
}
.additional-wrapper .szekciocim {
	text-align: left;
    color: var(--fontdark);
}
.additional-wrapper .sima-piros {
	color: var(--maincolor);
    font-size: 24px;
    font-family: var(--font1L);
}
.additional-wrapper .bold-ad {
	font-size: 24px;
    font-family: var(--font1B);
	color: var(--fontdark);
}
.additional-wrapper .doi-link {
	color: var(--maincolor);	
	font-style: italic;
    font-size: 24px;
}
.doi-link-p {
	margin-bottom: 50px;
}
.tech {
	width: 100%;
}
a.smpc{
	display:block;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:100px;
	background-color:var(--maincolor);
	color:var(--fontlight);
	max-width:280px;
	line-height:46px;
	padding-top:4px;
	text-align:center;
	font-family:var(--font1B);
	font-size:21px;
	text-decoration:none;
}
a.smpc:hover,
a.smpc:focus,
a.smpc:active{
	background-color:var(--sidecolor);
	color:var(--fontdark);
	text-decoration:none;
}
#swixx_login_submit {
	max-width: 200px;
}
.profiladat{
	text-align:left;
	font-size: 34px;
	color: var(--fontdark);
	line-height: 55px;
}
.for-further {
	font-family: var(--font1L);
}
.preloader-container {
	background-color: var(--maincolor);
}

@media all and (max-width:850px){
	.additional-wrapper {
		padding: 0 15px;
	}
	.additional-wrapper .szekciocim{
		text-align: center;
	}
}
@media all and (max-width:425px){
	.button-wrapper{
		text-align: center;
	}
}


/*
*
* VIDEO PAGE END
*
*/

/* RESZPONZÍV */


@media all and (max-width:1350px){

    .footer_left {
		flex: 1 1 30%;
	}

	.footer_right {
		flex: 1 1 30%;
	}
}

@media all and (max-width:1230px){
    .header{
		padding-left:5%;
		padding-right:5%;
	}

	.menu{
		padding-left:10px;
	}

	.menu.opened{
		flex: unset;
	}
}

@media all and (max-width:1150px){

    .startbox {
        padding-top: 40px;
    }

    .footerflex{
		flex-wrap:wrap;
	}

	.footer_left {
		flex: 1 1 100%;
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		order: 1;
	}
	.footer_right{
		text-align: center;
		padding-right: 0;
		order: 2;
	}
	.footer_center{
		text-align: center;
		padding-right: 0;
		order: 3;
	}
	.footerlogo {
		width: unset;
		max-width: 250px;
	}
	.footerlogoright {
		padding-top: 30px;
	}
	.footerlogoflex {
		justify-content: center;
	}
    .footerlogoleft {
        width:auto;
    }
    .novotext{
		text-align: center;
    }

	.lezaras{
		text-align: center;
    }
    .techinfo_wrapper {
        justify-content: center;
    }
	.tech{
		text-align:center;
		max-width:100%;
		padding-left:0;
	}
	.footer_right {
		flex: 1 1 100%;
		max-width: 100%;
		padding-top: 15px;
	}
	.footer a.footmenuitem {
		font-size: 19px;
	}
}

@media all and (max-width:1050px){

    .frontcontent {
        padding: 0 10px;
    }
    .sprow {
        flex-direction: column;
    }
    .spcol {
        width: 310px;
    }
    .speakersflex {
        text-align: left;
    }
    .eask_wrapper {
        justify-content: start;
    }
	.easkholder {
		padding: 0;
        min-width: unset;
        width: 100%;
	}
	.easkright {
		flex-direction: column;
	}
	.easkrightleft {
		flex: 0 0 100%;
		padding-left: 10px;
		padding-right: 10px;
        padding-bottom: 30px;
	}

	.easkrightqr {
		padding-left: 10px;
		padding-bottom: 30px;
	}

	.easkprogram {
		padding: 70px 10px 35px 10px;
	}

    textarea#comment {
        max-width: 80%;
    }

    #char {
        max-width: 80%;
    }

	.kerdezzen {
		padding-left: 10px;
	}
}


@media all and (max-width:980px){

	.focim {
        font-size: 40px;
        line-height: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .alcim {
        font-size: 40px;
        line-height: 50px;
    }
    .datum1 {
        font-size: 36px;
        line-height: 45px;
    }
    .datum2 {
        font-size: 36px;
        line-height: 45px;
    }
}

@media all and (max-width:900px){
    .layer2 {
        background-position: right center;
    }
}

@media all and (max-width:800px){
    .datum {
        font-size: 40px;
    }

    .swixx_textarea {
        width: 100% !important;
    }

    textarea#comment {
        max-width: 100%;
    }

    #char {
        max-width: 100%;
    }

	.progrow {
		flex-direction: column;
	}

	.ido {
		padding-bottom: 10px;
	}
}
@media (max-width: 650px) {
    .datum {
        font-size: 32px;
        line-height: 40px;
    }

    .focim {
        font-size: 32px;
        line-height: 40px;
    }
    .alcim {
        font-size: 32px;
        line-height: 40px;
    }
    .datum1 {
        font-size: 30px;
        line-height: 35px;
    }
    .datum2 {
        font-size: 30px;
        line-height: 35px;
    }

    .loginformright {
        flex: 1 1 100%;
        justify-content: left !important;
        display: flex;
    }
    
    .adatok {
        font-size: 24px !important;
    }
}

@media all and (max-width:510px){

    .focim {
        text-align: center;
    }
    .alcim {
        text-align: center;
    }
    .datum {
        font-size: 28px;
        line-height: 36px;  
    }
    .datum1 {
        text-align: center;
    }
    .datum2 {
        text-align: center;
    }

	.radiocont {
		margin-right: 30px !important;
	}

	#start{
		display:none;
	}

	#start2{
		display:block;
		margin-top:0;
		background-color:var(--sidecolor);
		border-radius:0;
		padding: 10px;
        border: 2px solid transparent;
	}

    .start2img{
        margin-left:0;
    }

	#start2:hover,
	#start2:focus,
	#start2:active{
		background-color:var(--maincolor);
		color:var(--fontlight);
        border: 2px solid var(--fontlight);
	}
}

@media all and (max-width:420px){

	.logoholder {
		width: 250px;
	}
}


/*
*
* VIDEO PAGE RESPONZIVE BEGIN
*
*/

@media all and (max-width:675px){
	.recommended-browser {
		margin-right: 20px;
		margin-left: 20px;
	}
	.recommended-browser br {
		display: none;
	}
	.videos {
		text-align: center;
	}

	.recommended-browser {
		margin-bottom: 30px;
	}
}

/*
*
* VIDEO PAGE RESPONZIVE END
*
*/

/* EASK */
/* EASK !!! */
/* eASK mod gombok */
.abtn{
	display:inline-block;
	background-color:#0071bb;
	color:#FFFFFF !important;
	text-decoration:none;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	font-size:16px;
	cursor:pointer;
}
.abtn:hover {
	background-color:#008ae6;
	color:#FFFFFF;
}
.modgombok{
	text-align:center;
	width:1%;
	white-space:nowrap;
}
.modgombok button{
	width:50%;
	background-color:#0071bb;
	color:#FFFFFF !important;
	border:0;
	margin:1px;
	box-shadow:none !important;
	border-radius:0;
	text-shadow:none;
	padding:6px;
	cursor:pointer;
}
.modgombok button:hover {
	background-color:#008ae6;
	box-shadow:none !important;
}
.full-szeles-gomb{
	width:calc(100% + 2px) !important;
}
.page-id-13 .full-szeles-gomb{
	width:calc(100% - 2px) !important;
}
.downloadbtn{
	background-color:#0071bb !important;
	color:#FFFFFF !important;
	border:0 !important;
	padding:10px !important;
	padding-left:20px !important;
	padding-right:20px !important;
	font-size:16px !important;
	box-shadow:none !important;
	text-shadow:none !important;
	line-height:1.42857143 !important;
	border-radius:0 !important;
	cursor:pointer;
}
.downloadbtn:hover{
	background-color:#008ae6 !important;
}
.inactive{
	background-color:#ABABAB !important;
}

/* Mod, Display login középre igazítás*/
#pgc-13-0-0, #pgc-7-0-0{
	text-align:center;
}
#pgc-13-0-0 #loginform, #pgc-7-0-0 #loginform{
	margin-top:40px;
}

/* TV vetítéshez */
#pl-23{
	font-size:2.8rem;
	color:var(--fontdark);
	text-shadow:none;
}
.page-id-13 .container,
.page-id-13 .container-fluid,
.page-id-13 .entry-content,
.page-id-7 .container,
.page-id-7 .container-fluid,
.page-id-7 .entry-content,
.page-id-23 .container,
.page-id-23 .container-fluid,
.page-id-23 .entry-content,
.page-id-13 article,
.page-id-7 article,
.page-id-23 article{
	width:100%;
	max-width:unset !important;
	padding:0;
	font-family:'Arial', sans-serif;
}
.page-id-7 .container,
.page-id-7 .col-sm-12,
.page-id-7 #main{
	padding:0;
}
.page-id-13 #mainwrapper,
.page-id-7 #mainwrapper,
.page-id-23 #mainwrapper,
.page-id-9 #mainwrapper{
	background-color:transparent;
	padding-top:0 !important;
	color:#000000;
}
.page-id-13 .button,
.page-id-7 .button{
	max-width: 150px;
	width: 100%;
	padding: 5px;
	margin: 0 auto;
}
.page-id-13 .login-username,
.page-id-7 .login-username,
.page-id-13 .login-password,
.page-id-7 .login-password,
.page-id-13 .login-submit,
.page-id-7 .login-submit{
	display: flex;
	justify-content: space-between;
	max-width: 350px;
	margin: 0 auto;
	width: 100%;
	margin-bottom: 15px;
}
.page-id-13 #loginform,
.page-id-7 #loginform{
	padding:30px;
	min-height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.page-id-13 input,
.page-id-7 input{
	padding:5px;
}


.page-id-23 table#comments_table > tbody > tr > td{
	line-height:1.4;
	padding:15px;
}
.page-id-23 table#comments_table{
	width:100%;
	font-size:350%;
	line-height:2;
}

.page-id-9 .comment-form-comment{
	padding-top:140px;
}
.page-id-9 #respond{
	text-align: center;
	padding-left:20px;
	padding-right:20px;
}

/* eASK Display, Projector sorok színe */
.csikos tr:nth-child(even) {
	background-color:#cce4ff !important;
}
.csikos tr:nth-child(odd) {
	background-color:#e6f2ff !important;
}
.csikos2 tr:nth-child(4n+0), .csikos2 tr:nth-child(4n-1) {
	background-color: #cce4ff !important; 
	border:none;
}
.csikos2 tr:nth-child(4n-2), .csikos2 tr:nth-child(4n-3) {
	background-color: #e6f2ff !important; 
	border:none;
}

.page-id-13 .content,
.page-id-7 .content,
.page-id-23 .content{
	max-width: 100%;
}

.page-id-9 textarea#comment{
	border:1px solid var(--sidecolor);
}



/* ZOOM OUT / SZÉLES KÉPERNYŐ */

@media (-webkit-device-pixel-ratio: 0.75){
	:root {
		zoom: 1.3;
	}
}
@media (-webkit-device-pixel-ratio: 0.6666666865348816){
	:root {
		zoom: 1.45;
	}
}
@media (-webkit-device-pixel-ratio:1.25){
	:root {
		zoom: 0.8;
	}
}
@media (-webkit-device-pixel-ratio:1.5){
	:root {
		zoom: 0.67;
	}
}


/* COOKIE CONSENT */
.cookie_consent_outer .cookie_consent_inner .cc_paragraph .cc_link{
	color:var(--fontlight);
}
.cookie_consent_outer .cookie_consent_inner .cc_paragraph .cc_link:hover,
.cookie_consent_outer .cookie_consent_inner .cc_paragraph .cc_link:focus,
.cookie_consent_outer .cookie_consent_inner .cc_paragraph .cc_link:active{
	color:var(--sidecolor);
}
.cookie_consent_outer .cookie_consent_inner .cc_paragraph .cc_link svg{
	fill:var(--fontlight);
}
.cookie_consent_outer .cookie_consent_inner .cc_paragraph .cc_link:hover svg,
.cookie_consent_outer .cookie_consent_inner .cc_paragraph .cc_link:focus svg,
.cookie_consent_outer .cookie_consent_inner .cc_paragraph .cc_link:active svg{
	fill:var(--sidecolor);
}