@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */
body{
	font-family: arial,helvetica;
	color: #333;
	color: rgba(0,0,0,0.5);
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}



@media only screen and (min-width : 721px) {    
    p{
		font-size: 1.1rem;
	}
	h1{
		font-size: 1.9em;
		line-height: 50px;
	}

	.freebirdFormviewerComponentsQuestionCheckboxChoice .freebirdFormviewerComponentsQuestionCheckboxCheckbox{
		padding: 8px 8px 8px 10.5em !important;
	}

	.header-logo-image {
		width:30vh;
	}
}


@media only screen and (max-width : 720px)  {    
	p {font-size: 0.9rem;}
	h1{
		font-size: 1.1em;
	}
	.freebirdFormviewerComponentsQuestionCheckboxChoice .freebirdFormviewerComponentsQuestionCheckboxCheckbox{
		padding: 8px 8px 8px 0.5em !important;
	}
	.header-logo-image {
		width:23vh;
	}
}


#fp-nav > ul > li:nth-child(7) {
	background: #eaa76f;
    border-radius: 20px;
}
}

.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
}
.section{
	text-align:center;
}

/*FORM*/


.freebirdFormviewerViewFormContentWrapper {
    margin-top: -10vh;
}

.freebirdFormviewerViewFooterFooterContainer,
.freebirdFormviewerViewNavigationPasswordWarning,
.freebirdFormviewerViewHeaderTitleRow,
.freebirdFormviewerViewHeaderDescription,
.freebirdFormviewerViewHeaderRequiredLegend,
.quantumWizTextinputPaperinputPlaceholder,
.quantumWizTextinputPapertextareaPlaceholder,
.freebirdFormviewerViewHeaderHeader	{
display: none !important
}

.quantumWizTextinputPaperinputEl{
	padding-bottom: 1px !important;
}
.freebirdFormviewerComponentsQuestionBaseHeader,
.freebirdFormviewerViewNavigationButtonsAndProgress{
display: block !important;
}

.freebirdFormviewerComponentsQuestionBaseValidationError {
	display: none !important;
}

.appsMaterialWizButtonEl span{
	width: 100%;
}





.appsMaterialWizButtonEl {
	width: 100vw;
}

.freebirdFormviewerComponentsQuestionBaseHeader {
	 margin-bottom: 1px !important;
}

.freebirdFormviewerComponentsQuestionBaseRoot{
	padding:5px !important;
}

.freebirdFormviewerViewNavigationClearButton {
    display: none !important;
}

.m2 .freebirdFormviewerViewNavigationNavControls .freebirdFormviewerViewNavigationButtonsAndProgress {
    margin-left: 10px;
}

.freebirdFormviewerViewFormCard {
border-radius: 10px;
box-shadow: 10px 1px 40px 10px rgba(255,255,255,0.37) !important;
}

.freebirdFormviewerComponentsQuestionBaseTitle {
font-weight: bold;
}

.freebirdFormviewerComponentsQuestionBaseRoot {
border: 2px solid #1a456d !important;
}

.freebirdFormviewerComponentsQuestionBaseRoot.hasError {
	border: 2px solid red !important;
	}

.appsMaterialWizButtonPaperbuttonContent {
background: #1a456d;
}
.rounded {
border-radius:10px;
}


/*page*/

	/* Style for our header texts
	* --------------------------------------- */
	h1{
		/*font-size: 2em;*/
		font-family: 'Poppins', sans-serif;
		color: #fff;
		margin:5px;
		padding:5px;
	}

	body {background: #FFF !important;}

	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}

	#fp-nav ul, .fp-slidesNav ul {
		background: #ddd;
		padding: 10px;
		border-radius: 10px;
	}

	#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{
		background: #1a456d;
	}

	.card-body.des-def {
		background: #1a456d;
		color: #fff;
		/*box-shadow: 2px 2px 10px 2px #c39b35;*/
	}

	.card-body.des1 {
		background: #e8edf9;
		color: #000;
		/*box-shadow: 2px 2px 10px 2px #1a456d;*/
	}

	.card-body.des2 {
		background: #EDEDED;
		color: #000;
		border: none;
		/*box-shadow: 2px 2px 10px 2px #c39b35;*/
	}



	.card-body.des3 {
		background: #EDEDED;
		color: #000;
		border: none;
		/*box-shadow: 2px 2px 10px 2px #c39b35;*/
	}

	.card-body.des4 {
		background:#e8edf9;
		color: #000;
		border: none;
		/*box-shadow: 2px 2px 10px 2px #c39b35;*/
	}

	.card-body.des5 {
		border: 1px solid #ddd;
	}



	.des5t {font-size:16px !important; color:#000;}

	.card-header {background: #1a456d;
	color:#fff;
	}


	/* Backgrounds will cover all the section
	* --------------------------------------- */
	#udvozoljuk,
	#jogyakorlat,
	#section2,
	#section3,
	#section4,
	#section5 {
		background-size: cover;
		background-position: center;
		/*background-attachment: fixed;*/
	}

	/* Defining each sectino background and styles
	* --------------------------------------- */
	#udvozoljuk{
		/*background-size: cover;
		background-image: url(img/1.jpg);
		background-position: center;*/
		overflow: hidden;
	}
	#jogyakorlat{
		background-size: cover;
		/*background-image: url(img/2.jpg);*/
		background-position: center;
	}
	#udvozoljuk h1,
	#jogyakorlat h1,
	#section2 h1,
	#section3 h1,
	#section4 h1,
	#section5 h1{
		/*top: 20%;*/
		/*transform: translateY(-50%);*/
		position: relative;
		background: #323e4f;
		border-radius:10px;
		max-width: 1100px;
		margin-left: 10px;
		margin-right: 10px;
	}

	#section2{
		background-image: url("https://konigsberg.hu/behavioural-insights/img/BI.jpg");
		background-position: center;
		/*padding: 20% 0 0 0;*/
	}
	#section3{
		background-size: cover;
		/*background-image: url(imgs/bg4.jpg);*/
		background-position: center;
		/*padding: 6% 0 0 0;*/
	}

	#section3{
		background-size: cover;
		/*background-image: url(imgs/bg4.jpg);*/
		background-position: center;
		/*padding: 6% 0 0 0;*/
	}

	#section4{
		background-size: cover;
		/*background-image: url(imgs/bg4.jpg);*/
		background-position: center;
		/*padding: 6% 0 0 0;*/
	}

	#section5{
		background-size: cover;
		/*background-image: url(imgs/bg4.jpg);*/
		background-position: center;
		/*padding: 6% 0 0 0;*/
	}




	#header{
		top:0px;
	}
	#footer{
		bottom:0px;
	}

	.footer-copyright a {
		color:#1a456d;
	}


	.blockquote-custom {

		font-size: 0.6rem;
		background: #FBF4E8;
    	opacity: 0.9;
		border-radius:50px;
		color: #333;
		font-weight: bold;
		border-radius: 20px !important;
	
	}


	
	.blockquote-custom2 {

		font-size: 0.4rem;
		background:#eaf1ff;
		color: #1a456d;
		border-radius:50px;
		border-radius: 20px !important;

	}



	.row {
		margin: auto;
		max-width: 1300px;
	}


	.blockquote-custom-icon {
		content: "f10e";
		font-size: 15px;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: -15px;
		left: 30px;
		background-color: #1a456d;

	}

	.mx-auto {
		top:30px !important;
	}

	.scroll-down{
		max-height: 75px;
		width: 75px;
		margin-left: auto;
    margin-right: auto;
	}


	#header, #footer{
		position: fixed;
		opacity: 0.8;
		height: auto;
		display: block;
		width: 100%;
		/*background: #dadada;*/
		z-index: 9;
		text-align: center;
		color: #323e4f;
		padding: 7px 0 0 0;
		bottom:7px;
	}

	#myVideo{
		position: relative;
		right: 0;
		bottom: 0;
		top:0;
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
 		background-color: black; /* in case the video doesn't fit the whole page*/
  		/*background-image: url("https://v.ftcdn.net/02/96/36/62/700_F_296366263_bl2piVQlKXfc4RlNvCwBOmuB1fVwqgoH_ST.mp4");*/
  		background-position: center center;
  		background-size: cover;
   		object-fit: cover; /*cover video background */
   		z-index:3;
	}


	#myVideo2{
		position: relative;
		right: 0;
		bottom: 0;
		top:0;
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
 		background-color: black; /* in case the video doesn't fit the whole page*/
  		/*background-image: url("https://v.ftcdn.net/02/74/27/35/700_F_274273555_0MVTsczBgdvxzck5WfGfINHjLvuE7Bnx_ST.mp4");*/
  		background-position: center center;
  		background-size: cover;
   		object-fit: cover; /*cover video background */
   		z-index:3;
	}

	#myVideo3{
		position: relative;
		right: 0;
		bottom: 0;
		top:0;
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
 		background-color: black; /* in case the video doesn't fit the whole page*/
  		/*background-image: url("https://v.ftcdn.net/03/87/75/67/70_F_387756754_hDscH0nCV8Ms3hhfrUPmxiwxqxeb5o1d_ST.mp4");*/
  		background-position: center center;
  		background-size: cover;
   		object-fit: cover; /*cover video background */
   		z-index:3;
	}


	#fp-nav ul li .fp-tooltip{
		color: #000 !important;
		top: -5px !important;
	}

		/* Hiding video controls
	* See: https://css-tricks.com/custom-controls-in-html5-video-full-screen/
	* --------------------------------------- */
	video::-webkit-media-controls {
	  display:none !important;
	}

		/* Layer with position absolute in order to have it over the video
	* --------------------------------------- */
	#udvozoljuk .layer{
		position: absolute;
		z-index: 4;
		width: 100%;
		left: 0;
		top: 1%;

		/*
		* Preventing flicker on some browsers
		* See http://stackoverflow.com/a/36671466/1081396  or issue #183
		*/
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}


			/* Layer with position absolute in order to have it over the video
	* --------------------------------------- */
	#section2 .layer{
		position: absolute;
		z-index: 4;
		width: 100%;
		left: 0;
		top: 0%;

		/*
		* Preventing flicker on some browsers
		* See http://stackoverflow.com/a/36671466/1081396  or issue #183
		*/
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	#section5 .layer{
		position: absolute;
		z-index: 4;
		width: 100%;
		left: 0;
		top: 0%;

		/*
		* Preventing flicker on some browsers
		* See http://stackoverflow.com/a/36671466/1081396  or issue #183
		*/
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	.card {
		border: none !important;
	}

	.hidden {display: none;}
	.qoute-text-second {color:#000;}
	
	#loading {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100vw;
	height: 100vh;
	background-color: rgba(192, 192, 192, 0.5);
	background-image: url("https://konigsberg.hu/behavioural-insights/img/loader.gif");
	background-repeat: no-repeat;
	background-position: center;
	}

	#fullpage {
		display: none;
	}