*{
    outline: none;
}

html, body {
        margin: 0;
        padding: 0;
        outline: 0;
        font-family: 'Source Sans Pro', sans-serif;
}
body{
    background: url(/images/background_1.jpg) no-repeat top center fixed;
    background-size: cover;
}
.header {

        display: block;
    /*     width: 100%;
        background: url('/images/szenior_videk_bajnoksag.jpg') no-repeat top center;
       background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;*/
        height: auto;
        width: 100%;
        position: relative;
    
}
.header h1 {
        text-shadow: 1px 1px #000;
        color: white; /* #2a90a6;*/
        font-size: 40pt;
        margin: 0;
        padding-top: 100px;
        text-transform: uppercase;
}
.header h1 a {
    color: white;
    font-weight: bolder;
}
.header p {
        color: #2a2a2a;
        font-size: 12pt;
}
.header p span {
        color: #2a90a6;
}



div.content {
        width: 960px;        
        margin: auto;
        position: relative;
        padding-top: 15px;
        padding-bottom: 30px;
}
footer {
        background: #3c3c3b;
        
        text-align: center;
        font-size: 11pt;
        color: #fff;
        line-height: 50px;
}

footer u a {
    color: white;
}
footer u a:hover {
    color: steelblue;
}

h2 {       
    padding: 10px;  
    background: #e8c411;
    color: #63635a;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 3px;
    font-size: 27px !important;
    letter-spacing: 1.5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    transition: 0.2s ease-in-out all; 
    border: 0px;
}

.logo {
        padding-top: 25px;
}
section#main {
        display: block;
        margin-top: -150px;
        margin-bottom: 450px;
}
div#popup1 {
        display: none;
         height: 0;
}
div#popup2 {
        display: none;
         height: 0;
}
a#flag {
align: right;			

}

button {
        margin-top: 10px;
        background: #2a90a6;
        color: #fff;
        border: 0px;
        font-size: 10pt;
        padding: 5px 30px;
}


a img{
        border:0;
        outline: no;
        }
        
.greenbtn {
    background-color: #82c936!important;
    color: white!important;
    border-radius: 3px!important;
    border: 1px solid white!important;
    padding: 10px 10px 10px 10px!important;
    cursor: pointer;
    font-size: 20px;

}

.field {
    border-radius: 50px;
    width: 50%;
    padding: 20px;
    color: black;
    border: 1px solid #434953;;
    outline: none;
    font-size: 25px;
}

.lista > div {
    padding-top: 10px;
    padding-bottom: 10px;
}

.normaltext {
   
    letter-spacing: 1px;
    font-family: 'SourceSansPro-Light';
    font-size: 26px;
    line-height: 140%;
    color: #434953;
    
}
.normaltext2 {
   
    letter-spacing: 1px;
    font-family: 'SourceSansPro-Light';
    font-size: 16px;
    line-height: 140%;
    color: #434953;
    
}
        
.center {
    text-align: center;
}

.white {
    color: white;
}

.green {
    color: #82c936;
}


.shadowbox-1 {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.35);
    padding: 20px;
}
.big-signup {
    width: 90%;
    padding: 10px;
    margin: 10px;
    background: #22ff07;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 3px;
    font-size: 1.4em !important;
    letter-spacing: 1.5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    transition: 0.2s ease-in-out all;
    cursor: pointer;
    border: 0px;
    
    
}
.big-signup:hover {
    background-image: linear-gradient(to bottom, rgba(0%, 0%, 0%, 0) 0%, rgba(0%, 0%, 0%, 0) 100%);
    background-color: white;
    color: #22ff07;
}

.width100 {
    width: 100%;
}
.text-justify{
    text-align: justify;
}
.text-justify > div{
    margin-bottom: 10px;
}

/*.flyerimg {
    width: 100%;
    cursor: pointer;
    
}*/
.flyerimg {
    width: 100%;
    cursor: pointer;
    border-radius: 100px;
}

.fullwidthmodal {
    max-width: 100%;
    width: 85%;
}

.remodal-videk-cancel {
    background: #FFC107;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 3px;
    font-size: 1.4em !important;
    letter-spacing: 1.5px;
}
.remodal-videk-cancel:hover {
    background-image: linear-gradient(to bottom, rgba(0%, 0%, 0%, 0) 0%, rgba(0%, 0%, 0%, 0) 100%);
    background-color: #e9b20e;
}




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

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

.center {
    text-align: center;
}

.registration-form {
    margin: auto;
    width: 80%;
}

.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;
    padding-top: 30px;
}

.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;
}



#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); 
	  }
  
}

.submit-form-button {
    width: 100%;
}
.paddingtop20px {
    padding-top: 20px;
}


.tech-slideshow {
  height: 140px;
/*  max-width: 1070px;*/
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.tech-slideshow > div {
  
  width: 1400px;
  background: url(/images/all_logos_for_slideshow9.png);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  transform: translate3d(0, 0, 0);
}
.tech-slideshow .mover-1 {
  animation: moveSlideshow 8s linear infinite;
}
@keyframes moveSlideshow {
  100% { 
    transform: translateX(-66.6666%);  
  }
}

.versenyszabalyzat-btn {
    background: #FFC107;
    color: #0275d8;
    border: 1px solid white;
    padding: 15px;
    font-size: 20px;
    font-weight: 700;
}

.barion_image {
    width: 300px;
}

.header-menu {
    margin: auto;  
    background: #e8c411;
}

.header-menu a{
    font-size: 18px;
    margin-right: 20px;
    margin-left: 20px;
    color:#404448;

}
#signup-form-1 .form-group {
    margin-bottom: 30px;
}

.wordwrap {
    word-wrap: break-word;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc!important;
  opacity: 1; /* Firefox */

}

.ui-icon-circle-triangle-w {
    background: white;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

.ui-icon-circle-triangle-e {
    background: white;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}

.ui-datepicker-trigger{
    display: none;
}
/* NEXT */




@media screen and (max-width: 1023px) {        
    div.content {
        width: 90%;       
        margin: auto;
        position: relative;
    }
    .normaltext {
        font-size: 18px;

    }
    .field {
        width: 80%;
        padding: 10px;
      
    }
    .header h1 {      
        font-size: 30pt;
      
    }
    .registration-form {
        width: 95%;
    }
}


@media screen and (max-width: 700px) {        
    .description-div {
        width: 100%;

    }
    .shadowbox-1{
        margin-top: 10px;
    }
    
    .fullwidthmodal {
        width: 100%;
        padding: 1px!important;
    }
   
    .barion_image {
        width: 200px;
    }
    .flyerimg {
        width: 50%;
    }
  
    .tech-slideshow > div {  
        width: 3100px;
    }
    
}