/*
//
//  VILLANYSZERELÉS ÉS VILLAMOSSÁGI KIVITELEZÉS - FORGÓVILL KFT.
//  ----------------- Állás Rendszer---------------------------
//
//  COPYRIGHT: VARGA JÁCINT  
//  AUTHOR : Net Világ Technology - The technology of the future
//  EMAIL  : info@net-vilag.hu
//  WEBPAGE: www.net-vilag.hu
//  PHONE: (+36) 30 283 4380
//  LICENC TYPE: COMMERCIAL LICENSE, ALL RIGHT RESERVED!
//  COPYRIGHT NET WORLD TECNNOLOGY - The technology of the future (C)2020 VARGA JÁCINT
//  Forgóvill Kft. Minden jog fenntartva! - 
//  Honlap készítés: Net Világ Technology © 2014 - 2021. Minden jog fenntartva! 
//  Net Világ Technology Szerzői jogvédelem alatt álló oldal.
//  Az oldalon elhelyezett szöveges és képi anyagok, arculati és tartalmi elemek (pl: betűtípusok, gombok,
//  linkek, ikonok, szöveg, kép, grafika, logó, stb.) felhasználása, másolása, terjesztése, továbbítása - 
//  akár részben vagy egészében - kizárólag a Net Világ Technology  előzetes, írásos belegyezésével lehetséges.
//
*/

@media screen and (max-width: 800px) {
  .load-complete .ball-clip-rotat > div {
	top: 30%;
	width: 50px;
	padding: 20px;
	position: fixed;
	margin-left: -18%;
	border: 2px solid red;
	border-radius: 50%;
}
}
/* ## Site Loader */
.load-position .logo {
	margin: 0 auto;
	width: 300px;
	float: left;
}
.loader-inner {
	border-color: red red transparent;
	background-color: red;
	width: 100%;
	height: 3px;
	display: block;
	top: 0%;
	position: fixed;
	left: 0;
	animation: mymove 5s infinite;
}

.load-complete .ball-clip-rotat > div {
	top: 30%;
	width: 200px;
	padding: 20px;
	position: fixed;
	left: 45%;
	right: 0;
	border: 2px solid red;
	border-radius: 50%;
}
.load-complete {
    position: fixed;
    background: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1031;
}
.load-complete .logo {
	color: #4C4C4C;
	text-align: center;
	display: block;
	margin-bottom: 20px;
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
	
}

.load-complete .load-position h6 {
    text-align: center;
    color: #000;
    font-size: 12px;
	font-weight: 400;
	font-style: italic;
}
.load-complete .load-position {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 999;
    right: 0;
    margin-top: -100px;
}
.load-complete .loading {
    position: absolute;
    width: 100%;
    height: 1px;
    margin: 20px auto;
    left: 0;
    right: 0;
}
.load-complete .loading-line {
    position: absolute;
    background: #eee;
    width: 100%;
    height: 20px;
}
.load-complete .loading-break {
    position: absolute;
    background: #059664;
    width: 15px;
    height: 2px;
}
.load-complete .loading-dot-1 {
	
    -webkit-animation: loading 2s infinite;
    -moz-animation: loading 2s infinite;
    -ms-animation: loading 2s infinite;
    -o-animation: loading 2s infinite;
    animation: loading 2s infinite;
}
.load-complete .loading-dot-2 {
    -webkit-animation: loading 2s 0.5s infinite;
    -moz-animation: loading 2s 0.5s infinite;
    -ms-animation: loading 2s 0.5s infinite;
    -o-animation: loading 2s 0.5s infinite;
    animation: loading 2s 0.5s infinite;
}
.load-complete .loading-dot-3 {
    -webkit-animation: loading 2s 1s infinite;
    -moz-animation: loading 2s 1s infinite;
    -ms-animation: loading 2s 1s infinite;
    -o-animation: loading 2s 1s infinite;
    animation: loading 2s 1s infinite;
}
.load-complete .line {
	width: 100%;
	height: 3px;
	background-color: red;
	animation: mymove 3s infinite;
}
@keyframes mymove {
  from {width: 0%;}
  to {width: 100%;}
}
@keyframes "loading" {
    from {
        left: 0;
    }
    to {
        left: 100%;
		backgorund-color: green;
    }
}
@-moz-keyframes loading {
    from {
        left: 0;
    }
    to {
        left: 100%;
    }
}
@-webkit-keyframes "loading" {
    from {
        left: 0;
    }
    to {
        left: 100%;
    }
}
@-ms-keyframes "loading" {
    from {
        left: 0;
    }
    to {
        left: 100%;
    }
}
@-o-keyframes "loading" {
    from {
        left: 0;
    }
    to {
        left: 100%;
    }
}