*{
    outline: none;
}

h1{
    font-size: 35px;
    color: #336c9a;
    margin-top: 20px;
    margin-bottom: 20px;
}

h4{
    margin-top: 20px;
    color: cadetblue;
}

.contentpane {
    background: #c0cbdc40;
}
.center {
    text-align: center;
}

.registration-form {
    margin: auto;
}

.pointer {
    cursor: pointer;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

#bring_your_friend, #pay_on_the_spot_div, #pay_banktransfer_div, #pay_online_div,#barion_payment_info, #add_civil_players_div, #paying_div,
#success-container{
    display: none;
}

#success-container {
    margin-top: 50px;
}

.margintop30px{
    margin-top: 30px;    
}

.fontsize200pc{
    font-size: 200%;
}
.description-div {
    width: 70%;
    margin: auto;
    font-size: 14px;
    text-align: justify;
    line-height: 2;
}

.comptype_p {
    display: none;
    text-align: center;
    margin-top: 5px!important;   
}

.competition_type_checkbox {
    transform: scale(2);
    margin: 10px;
}

.final-checkbox {
    transform: scale(2);
    margin: 10px;
}

.double-info {
    padding: 2px 7px 1px 5px;
    border-radius: 10px;
    background: #2c91cc;
    color: white;
    margin-left: 3px;
}

.width50 {
    width:50%;
}

.form-control2 {
    text-align: center;
    width: 70%;
    padding: 4px;
    font-size: 1rem;
    margin:4px;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.vonal {
    border-bottom: 3px solid skyblue;
    margin-bottom: 20px;
}

.civilplayername{
    margin-top: 5px;
}

.limeborder {   
    background: #15a019;
    color: white;
}

.green {
    color: #25a716;
}
.red {
    color: red;
}

.footer {
    color: white;
    background: cadetblue;
    padding: 10px;
    font-size: 20px;
    margin-top: 20px;
}

#bring_your_friend
{
    border: 3px solid red;
    padding: 10px;
    margin-top: 10px;
}

.pricetag {
    color: chocolate;
}

.bigfont {
    font-size: 24px;
    font-weight: 800;
}



#loading{
	background-color: black;
        opacity: 0.6;
	height: 100%;
	width: 100%;
	/*position: absolute;*/
        position: fixed;
	z-index: 1000000000;
	margin-top: 0px;
	top: 0px;
        display: none;
        left: 0;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
	}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	margin-left: -75px;
    -moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;

}
.object{
	width: 20px;
	height: 20px;
	background-color: #FFF;
	position: absolute;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	-webkit-animation: animate 0.8s infinite;
	animation: animate 0.8s infinite;
	}


#object_one {
	top: 19px;
	left: 19px;	

	}
#object_two {
	top: 0px;
	left: 65px; 
	-webkit-animation-delay: 0.1s; 
    animation-delay: 0.1s;

	}
#object_three {
	top: 19px;
	left: 111px; 	
	-webkit-animation-delay: 0.2s; 
    animation-delay: 0.2s; 

	}
#object_four {
	top: 65px;
	left: 130px; 
	-webkit-animation-delay: 0.3s; 
    animation-delay: 0.3s; 
}
#object_five {
	top: 111px;
	left: 111px; 
	-webkit-animation-delay: 0.4s; 
    animation-delay: 0.4s; 
}
#object_six {
	top: 130px;
	left: 65px;
	-webkit-animation-delay: 0.5s; 
    animation-delay: 0.5s; 
}
#object_seven {
	top: 111px;
	left: 19px;
	-webkit-animation-delay: 0.6s; 
    animation-delay: 0.6s; 
}
#object_eight {
	top: 65px;
	left: 0px;
	 -webkit-animation-delay: 0.7s; 
    animation-delay: 0.7s; 
}
#object_main {
    top: -25px;
    left:  -5px;
    position: absolute;
    color: white;
    font-size: 22px;
    width: 300px;
}

#object_main_text {
    top: 70px;
    left: 55px;
    position: absolute;
    color: white;
    font-size: 25px;
}
#object_main_text2 {
    top: 85px;
    left: 50px;
    position: absolute;
    color: white;
    font-size: 25px;
}
@-webkit-keyframes animate {
 
  25% {
	-ms-transform: scale(1.5); 
   	-webkit-transform: scale(1.5);   
    transform: scale(1.5);  
	  }


  75% {
	-ms-transform: scale(0); 
   	-webkit-transform: scale(0);  
    transform: scale(0);  
	  }


}

@keyframes animate {
  50% {
	-ms-transform: scale(1.5,1.5); 
   	-webkit-transform: scale(1.5,1.5); 
    transform: scale(1.5,1.5); 
	  }
 
  100% {
	-ms-transform: scale(1,1); 
   	-webkit-transform: scale(1,1); 
    transform: scale(1,1); 
	  }
  
}



.barion_image {
    width: 300px;
}



u  a {
    color: blue!important;
}



#moreinfo1,#moreinfo2 {
    text-decoration: underline;
     cursor: pointer;
     color: steelblue;
}
#hiddeninfo1, #hiddeninfo2 {
    display: none;
   
}
.versenyszamok_table {
    width: 100%;
}
.versenyszamok_table td {
    border: 1px solid #ccc;
    padding: 3px;
}

/* NBXT */
@media screen and (min-width: 1023px) {
    .registration-form {
        width: 80%;
    }
}


@media screen and (max-width: 700px) {        

    .barion_image {
        width: 200px;
    }
    
    .description-div {
        width: 90%;
    }
    
    .registration-form {
        width: 95%;
    }
}