@font-face {
    font-family: Nexa;
    src: url(../nexa.otf);
}

.vol {
	display:none;
	position: absolute;
    z-index: 9999;
    color: white;
    font-size: 18px;
    /* width: 100%; */
    text-align: right;
    right: 20px;
    top: 20px;
    background: rgba(0, 0, 0, 0.56);
    padding: 5px 12px;
    border-radius: 20px;
}
.vol:hover, .vol:focus {
	color:white;
	
	
}
video {
	width:100%;
}
.margin-top-50 {
	
	margin-top:70px;
}
.margin-top-20 {
	
	margin-top:70px;
}
.disp-none{
	display:none;
}
.sorry {
	color:white;
	padding-top: 100px;

	color: #1e7087;
	
}
.cont__ {
	      max-width: 58%;
    margin-left: auto;
    margin-right: auto;
	background: black;
	position: relative;
}
.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid rgb(255, 255, 255);
    border-radius: 0;
    outline: 0;
}
.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    https: //szuperkepesseg.hu/kviz/assets/images/top.jpg;
    background: url(../images/top.jpg);
}
.modal-content .btn {
	background: #d7ca1d;
    border-color: #d7ca1d;
    color: white;
    font-size: 19px;
    padding: 10px 30px;
	border-radius:0;
	width:100%;
}

.modal-content .btn:hover, .modal-content .btn:focus {
	background: #d7ca1d;
    border-color: #d7ca1d;
    color: #333;
    padding: 10px 30px;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.43);
	
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: white;
}

.modal-backdrop.show {
    opacity: .8;
}

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
@media(max-width: 768px) {
  .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}

@media (max-width: 1100px) {
	.cont__  {
	
		max-width: 80%;
		
	}
	
}
@media (max-width: 800px) {
	.cont__  {
	
		max-width: 100%;
		
	}
	
}
.sorry i {
	font-size:100px;
}
.sorry h1 {
	    font-size: 37px;
    color: #1e7087;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 30px;
}

.y {
	
	border-radius: 0;
    border: 1px solid white;
    height: 56px !important;
    font-size: 19px !important;
    text-align: center;
    text-align-last: center;
    width: 50%;
	margin-right:5px;
}
@media (max-width: 524px) {
	.y {
			width:49.5%;
	}
	
}
@media (max-width: 419px) {
	.y {
			width:49%;
	}
	
}
@media (max-width: 349px) {
	.y {
			width:48.5%;
	}
	
}

.m {
	
	border-radius: 0;
    border: 1px solid white;
    height: 56px !important;
    font-size: 19px !important;
    text-align: center;
    text-align-last: center;
        width: 24%;
		margin-right:5px;
}
.d {
	
	border-radius: 0;
    border: 1px solid white;
    height: 56px !important;
    font-size: 19px !important;
    text-align: center;
    text-align-last: center;
        width: 24%;
}

.bej h1 {
	font-size:18px;
	color: #1e7087;
	margin-top:30px;
	margin-bottom:30px;
}
@media (max-width: 419px) {
	.bej h1 {
		font-size:16px;
	}
}
.bej {
	
	width:1280px;
	margin-left:auto;
	margin-right:auto;
}
@media (max-width: 1280px) {
	.bej {
		width:100%;
	}
}

.bej .box {
	background: url(../images/box.jpg) center top no-repeat;
/*min-height: 715px;*/
    background-size: cover;
    padding-bottom: 30px;
	
	
}
@media (max-width: 548px) {
	.bej .box {
		height:auto;
		padding-bottom:20px;
	}
}
#elso_lepes_form, #adategyeztetes_form {
	margin-left:auto;
	margin-right:auto;
	width:500px;
	padding-top:30px;
}
@media (max-width: 548px) {
	#elso_lepes_form, #adategyeztetes_form {
		width:95%;
		padding-top:20px;
	}
}


.form-control {
	border-radius:0;
	border:1px solid white;
	height:56px !important;
	font-size:19px !important;
	    text-align: center;
    text-align-last: center;
}
@media (max-width: 375px) {
	.form-control, .y, .m, .d {
		font-size:16px !important;
	}
	
}
.bej .box label {
	text-align:center;
	color:white;
	display:block;
	font-size:19px;
}
.aszf_h a{
	color:#d7ca1d;
}
label.aszf_h {
	text-align: left;
}
.aszf_h input[type=checkbox]{
	margin-right: 10px;
}
.sorry h2 {
	font-size:18px;
	text-transform:uppercase;
}

input.largerCheckbox
{
	width: 30px;
	height: 30px;
vertical-align: middle;
}
.well {
	      background: rgb(30, 112, 135);
    /* border: 1px solid gray; */
   margin-bottom:10px;
    text-align: left;
    padding: 10px;
    color: white;
    text-shadow: none;
    /* border-radius: 10px; */
}
.well h1 {
	font-size:30px;
	
}
.right label {
	font-size:30px;
text-transform:uppercase;
}
.right {
	background: #d7ca1d;
	 margin-bottom: 20px;
}
.prg-vege {
	    width: 44px;
    display: inline-block;
    vertical-align: middle;
    color: #212529;
    font-size: 14px;
    margin-top: 1px;
    margin-left: 0px;
    text-align: right;
    text-transform: uppercase;
	    position: absolute;
    top: 2px;
	    right: 0;
}
.prg-kezdes {
      width: 63px;
    display: inline-block;
    vertical-align: middle;
    color: #212529;
    font-size: 14px;
    margin-top: 1px;
	text-transform:uppercase;
}
.prg {

    display: inline-block;
    vertical-align: middle;
    position: relative;
	    width: calc(100% - 68px - 43px);
}


@media (max-width: 534px) {
	.prg-vege, .prg-kezdes {
		display:none;
	}
	.prg {
		width:100%;
	}
}
.bg-warning {
    background-color: #d4c737!important;
}
.prg .layer {
	background: url(../images/progress1.png) no-repeat center center;
    position: absolute;
	background-size:100% auto;
    height: 26px;
	width:41px;
    top:-1px;
    
}
.prog-bar {
	    max-width: 58%;
    margin-left: auto;
    margin-right: auto;
    
    border-top: 1px solid #d7ca1d;
    border-bottom: 1px solid #d7ca1d;
    padding-bottom: 10px;
    padding-top: 10px;
	

}

@media (max-width: 1100px) {
	.prog-bar  {
	
		max-width: 80%;
		
	}
	
}
@media (max-width: 800px) {
	.prog-bar {
	
		max-width: 98%;
		
	}
	
}


/*.height-50{
	height:50px;
}*/
.top {
	background: url('../images/top.jpg');
    background-repeat: repeat-x;
	height:84px;
	color:white;
	font-size:20px;
	line-height:84px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing: 25px;
	
}
.countdown {
	text-align:center;
	background:black;
	color:white;
	

}
@media (max-width: 798px) {
	.top {
		font-size: 16px;
		letter-spacing: 5px;
		height:auto;
		line-height: 45px;
	}
}
.trans {
	background:transparent;
}
.cont__bg {
	background: url('../images/videobg.jpg');
    background-repeat: repeat-x;
	background-size:100%;
	background-position: 0 -80px;
	position:relative;
	
}
@media (max-width: 767px) {
	.cont__bg {
		background-position:0px 0px;
	}
}
.cont-layer {
	
	position: absolute;
    background: rgba(0, 0, 0, 0);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}
@media (max-width: 798px) {
	.top2 {
		font-size: 16px;
		letter-spacing: 5px;
	}
}
.top2 .border {
	border: 1px solid #e9ebee !important;
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:35px;
	
}

.top2 .bg {
	/*background:black;*/
	width:1080px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	
}
@media (max-width: 1135px) {
	
	.top2 .border { width:100%; border:0px solid white !important; }
	
	.top2 .bg {  width:100%; }
}
body {
	background: #e9ebee ;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 -284px;
	font-family:Nexa;
	
	
}
img {
	margin-bottom:20px;
}
.display-none {
	display:none;
}
.alert-danger {

    color: #ffffff;
    background-color: #ff0018;
    border-color: #ff001b;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 2px;
}
#gombok {
	    margin-top: 1%;
    margin-bottom: 1%;
   
}
#gombok .btn-primary {
	
	background: #377f93;
    border-color: #377f93;
    color: white;
    font-size: 24px;
    padding: 10px 50px;
	border-radius:0;
	    
    
}
#gombok  .btn-primary:hover, .btn-primary:focus {
	background: #d7ca1d;
	border-color: #d7ca1d;
}
#gombok  .btn-primary.disabled {
	background: #d7ca1d !important;
	border-color: #d7ca1d !important;
}

.btn-send {
	
	background: #d7ca1d;
    border-color: #d7ca1d;
    color: white;
    font-size: 19px;
    padding: 10px 30px;
	border-radius:0;
	width:100%;
   
}

.btn-send:hover, .btn-send:focus {
	background: #d7ca1d;
    border-color: #d7ca1d;
    color: #333;
    padding: 10px 30px;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.43);
	
}
.dbl-btn .btn-primary{
	/*width: 43.2%;*/
}
.dbl-btn {
	
	max-width: 58%;
    margin-left: auto;
    margin-right: auto;
	position:relative;
	height: 58px;
}

.left-e {
	    padding-right: 0;
    display: inline-block;
    vertical-align: middle;
    float:left;
}
.right-e {
	    padding-left: 0;
    display: inline-block;
    vertical-align: middle;
    float:right;
	text-align:right;
}
@media (max-width: 627px) {
	.right-e {
		display:block;
		float:unset;
		text-align:center;
	}
	.left-e {
		display:block;
		float:unset;
		text-align:center;
		margin-bottom:15px;
	}
	
	.dbl-btn {
		
			height:135px;
	}
}
@media (max-width: 1100px) {
	.dbl-btn  {
	
		max-width: 80%;
		
	}
	
}
@media (max-width: 800px) {
	.dbl-btn {
	
		max-width: 98%;
		
	}
	
}





.bottom-send {
	padding-bottom:100px;
}
.bottom-send a {
	color: #1d2124;
	font-weight:bold;
}
.szamozas {
	    display: inline-block;
    vertical-align: middle;
    background: #d7ca1d;
    font-size: 24px;
    width: 58px;
    height: 58px;
    line-height: 58px;
    margin-right: -4px;
}

#ujragomb {
	visibility:hidden;
}

.prg .progress {
	height:23px;
	background:white;
}
.prog-content {
	width: 100%;
	displaY:inline-block;
	vertical-align:middle;
	    position: relative;
}

@media (max-width: 400px) {
	.prog-content {
	width: 100%;
	displaY:block;
	
	}
}



#ujra {
	 background: #337689;
    color: white;
    text-transform: uppercase;
    padding: 13px 17px;
    font-size: 12px;
    /* box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.43); */
    border-radius: 0 0 0px 0px;
}
.repeat {
	display: block;
    vertical-align: middle;
	text-align: center;
    margin-top: 21px;
	
}

@media (max-width: 400px) {
	.repeat  {
	width: 100%;
	displaY:block;    padding-top: 0px;
    padding-bottom: 10px;
	text-align:center;
	
	}
	.repeat .pull-right {
		float: unset !important;
	}
}

.count_v {
	display:none;
}


#mutato {
	    background: gray;
    color: white;
  padding: 4px 10px 5px 10px;
	 /*box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.43);*/
    border-radius: 0 0 10px 10px;
}

#ujra:hover, #ujra:focus {
	
	text-decoration:none;
	
}
.tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px; 
}