@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(../font/opensans.woff) format('woff');
}

.err_alert {
	background-color: orange;
	padding: 10px;
	margin-bottom: 8px;
	color: #fff;
	font-family: "Open Sans", sans-serif;
	border-radius: 5px;
}

.login-page {
	width: 360px;
	padding: 8% 0 0;
	margin: auto;
}

.user {
	font-family: 'Open Sans';
	display: inline-block;
	border-radius: 1px;
	border: none;
	margin: 6px;
	background-color: #888;
	padding: 3px;
	color: #fff;
	box-shadow: 0px 1px 5px rgba(77, 77, 77, 0.15);
}

.form {
	
	/*filter:hue-rotate(-50deg);*/
	
	position: relative;
	backdrop-filter:blur(7px);
	z-index: 100;
	/*background: #557766dd;*/
	background: #33333399;
	max-width: 360px;
	margin: 0 auto 100px;
	padding: 35px;
	text-align: center;
	box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.3), 0 0px 0px 0 rgba(0, 0, 0, 0.24);
	border-radius:16px;
}
@-webkit-keyframes fadeIn {
 from {
  opacity:0
 }
 to {
  opacity:1
 }
}
@keyframes fadeIn {
 from {
  opacity:0
 }
 to {
  opacity:1
 }
}
.fadeIn {
 -webkit-animation-name:fadeIn;
 animation-name:fadeIn
}
.animated {
 -webkit-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
@media (max-width: 768px) {
	.form {
		margin: 0 auto 20px !important;
	}
}

.form input {
	font-family: "Open Sans", sans-serif;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	background: #f2f2f2;
	width: 100%;
	margin: 0 0 15px;
	padding: 15px;
	box-sizing: border-box;
	font-size: 14px;
	border-radius: 5px;
	border: 2px solid #aaa;
}

.gis {
	margin-bottom: 12px;
}

.gis img {
	height: 150px;
}

.form .button {
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
	background: #4a927caa;
	width: 100%;
	padding: 15px;
	color: #FFFFFF;
	font-size: 14px;
	transition: all 0.3 ease;
	cursor: pointer;
	border: 2px solid #FFFFFF66;
}
input[type=text]:focus, input[type=password]:focus {
  border: 2px solid #555;
}
input[type=text], input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid #ccc;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
}
.form .small_button {
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
	background: #4a927caa;
	display:inline-block;
	padding: 3px;
	color: #FFFFFF;
	font-size: 9px;
	cursor: pointer;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	border: 2px solid #FFFFFF55;
	white-space: nowrap;
	margin-bottom:3px;
}
.live{
	background:url("../ocassional/live-streaming.png");
	background-size:50px 50px;
	display:block;
	width:80%;
	height:50px;
	background-repeat:no-repeat;
	text-decoration:none;
	color:white !important;
	opacity:0.6;
	margin-bottom:18px;
	padding-left:60px;
	vertical-align:middle;
	text-align:left;

}
.live:hover {
	opacity:1;
}
.form .button:hover,
.form .button:active {
	background: #4a927cff;
}

.form .small_button:active,
.form .small_button:hover {
	background: #4a927cff;
}

.form .button:focus,
.form .small_button:focus {
	background: #046756ff;
    border: 2px solid #cccccc55;
}

.button_container {
	margin-top: 10px;
	line-height: 25px;
	margin-left: -25px;
	margin-right: -25px;
}

.form .message {
	font-family: "Open Sans", sans-serif;
	margin: 15px 0 0;
	color: #FFF;
	font-size: 12px;
}

.form .message a {
	color: #fff;
	text-decoration: none;
}

.form .register-form {
	display: none;
}

.container {
	position: relative;
	z-index: 1;
	max-width: 300px;
	margin: 0 auto;
}

.container:before,
.container:after {
	content: "";
	display: block;
	clear: both;
}

.container .info {
	margin: 50px auto;
	text-align: center;
}

.container .info h1 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 36px;
	font-weight: 300;
	color: #1a1a1a;
}

.container .info span {
	color: #4d4d4d;
	font-size: 12px;
}

.container .info span a {
	color: #000000;
	text-decoration: none;
}

.container .info span .fa {
	color: #EF3B3A;
}

input:focus {
	background-color: #b2e1d2;
	border: 2px solid #4b8573;
}

body {
	background-image: radial-gradient(circle, #006344 0%, #076b4c 70%, #197c5d 100%);
	
  //	background-image: url("../ocassional/latvia.jpeg");
	background-position: center; 
  //   background-repeat: no-repeat;
	background-size: inherit;
  
	font-family: "Roboto", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/*
Floating clouds here
*/

#Clouds {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: 30%;
	overflow: hidden;
	-webkit-animation: FadeIn 3s ease-out;
	animation: FadeIn 3s ease-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@-webkit-keyframes FadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes FadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.Cloud {
	position: absolute;
	width: 100%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	height: 70px;
	-webkit-animation-duration: 120s;
	animation-duration: 120s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-name: Float, FadeFloat;
	animation-name: Float, FadeFloat;
	z-index: 1;
}

.Cloud.Foreground {
	height: 10%;
	min-height: 20px;
	z-index: 3;
}

.Cloud.Background {
	height: 9.09090909%;
	min-height: 8px;
	-webkit-animation-duration: 210s;
	animation-duration: 210s;
}

@-webkit-keyframes Float {
	from {
		-webkit-transform: translateX(100%) translateZ(0);
		transform: translateX(100%) translateZ(0);
	}
	to {
		-webkit-transform: translateX(-15%) translateZ(0);
		transform: translateX(-15%) translateZ(0);
	}
}

@keyframes Float {
	from {
		-webkit-transform: translateX(100%) translateZ(0);
		transform: translateX(100%) translateZ(0);
	}
	to {
		-webkit-transform: translateX(-15%) translateZ(0);
		transform: translateX(-15%) translateZ(0);
	}
}


/*
@keyframes Float {
  from { transform: translateX(100%) translateY(-100%) translateZ(0); }
  50% { transform: translateX(55%) translateY(0) translateZ(0); }
  to { transform: translateX(-5%) translateY(-100%) translateZ(0); }
}
*/

@-webkit-keyframes FadeFloat {
	0%,
	100% {
		opacity: 0;
	}
	5%,
	90% {
		opacity: 1;
	}
}

@keyframes FadeFloat {
	0%,
	100% {
		opacity: 0;
	}
	5%,
	90% {
		opacity: 1;
	}
}

.Cloud:nth-child(10) {
	-webkit-animation-delay: -184.61538462s;
	animation-delay: -184.61538462s;
	top: 60%;
}

.Cloud.Foreground:nth-child(10) {
	-webkit-animation-duration: 80s;
	animation-duration: 80s;
	height: 35%;
}

.Cloud.Background:nth-child(10) {
	-webkit-animation-duration: 110s;
	animation-duration: 110s;
	height: -3.40909091%;
}

.Cloud:nth-child(9) {
	-webkit-animation-delay: -166.15384615s;
	animation-delay: -166.15384615s;
	top: 54%;
}

.Cloud.Foreground:nth-child(9) {
	-webkit-animation-duration: 84s;
	animation-duration: 84s;
	height: 32.5%;
}

.Cloud.Background:nth-child(9) {
	-webkit-animation-duration: 114s;
	animation-duration: 114s;
	height: -2.15909091%;
}

.Cloud:nth-child(8) {
	-webkit-animation-delay: -147.69230769s;
	animation-delay: -147.69230769s;
	top: 48%;
}

.Cloud.Foreground:nth-child(8) {
	-webkit-animation-duration: 88s;
	animation-duration: 88s;
	height: 30%;
}

.Cloud.Background:nth-child(8) {
	-webkit-animation-duration: 118s;
	animation-duration: 118s;
	height: -0.90909091%;
}

.Cloud:nth-child(7) {
	-webkit-animation-delay: -129.23076923s;
	animation-delay: -129.23076923s;
	top: 42%;
}

.Cloud.Foreground:nth-child(7) {
	-webkit-animation-duration: 92s;
	animation-duration: 92s;
	height: 27.5%;
}

.Cloud.Background:nth-child(7) {
	-webkit-animation-duration: 122s;
	animation-duration: 122s;
	height: 0.34090909%;
}

.Cloud:nth-child(6) {
	-webkit-animation-delay: -110.76923077s;
	animation-delay: -110.76923077s;
	top: 36%;
}

.Cloud.Foreground:nth-child(6) {
	-webkit-animation-duration: 96s;
	animation-duration: 96s;
	height: 25%;
}

.Cloud.Background:nth-child(6) {
	-webkit-animation-duration: 126s;
	animation-duration: 126s;
	height: 1.59090909%;
}

.Cloud:nth-child(5) {
	-webkit-animation-delay: -92.30769231s;
	animation-delay: -92.30769231s;
	top: 30%;
}

.Cloud.Foreground:nth-child(5) {
	-webkit-animation-duration: 100s;
	animation-duration: 100s;
	height: 22.5%;
}

.Cloud.Background:nth-child(5) {
	-webkit-animation-duration: 130s;
	animation-duration: 130s;
	height: 2.84090909%;
}

.Cloud:nth-child(4) {
	-webkit-animation-delay: -73.84615385s;
	animation-delay: -73.84615385s;
	top: 24%;
}

.Cloud.Foreground:nth-child(4) {
	-webkit-animation-duration: 104s;
	animation-duration: 104s;
	height: 20%;
}

.Cloud.Background:nth-child(4) {
	-webkit-animation-duration: 134s;
	animation-duration: 134s;
	height: 4.09090909%;
}

.Cloud:nth-child(3) {
	-webkit-animation-delay: -55.38461538s;
	animation-delay: -55.38461538s;
	top: 18%;
}

.Cloud.Foreground:nth-child(3) {
	-webkit-animation-duration: 108s;
	animation-duration: 108s;
	height: 17.5%;
}

.Cloud.Background:nth-child(3) {
	-webkit-animation-duration: 138s;
	animation-duration: 138s;
	height: 5.34090909%;
}

.Cloud:nth-child(2) {
	-webkit-animation-delay: -36.92307692s;
	animation-delay: -36.92307692s;
	top: 12%;
}

.Cloud.Foreground:nth-child(2) {
	-webkit-animation-duration: 112s;
	animation-duration: 112s;
	height: 15%;
}

.Cloud.Background:nth-child(2) {
	-webkit-animation-duration: 142s;
	animation-duration: 142s;
	height: 6.59090909%;
}

.Cloud:nth-child(1) {
	-webkit-animation-delay: -18.46153846s;
	animation-delay: -18.46153846s;
	top: 6%;
}

.Cloud.Foreground:nth-child(1) {
	-webkit-animation-duration: 116s;
	animation-duration: 116s;
	height: 12.5%;
}

.Cloud.Background:nth-child(1) {
	-webkit-animation-duration: 146s;
	animation-duration: 146s;
	height: 7.84090909%;
}

.Cloud {
	filter: hue-rotate(100deg) saturate(0.5);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAABgCAYAAACTzNnjAAAFCklEQVR42u3d34uVRRjA8YMsEi0iSwhdRBGhSJgZiNRFIkWhQVEXBipKUVBBLCF6k0h4UxFkBLq4QT/Qiyi80EgxCjXMWqOMtqy0bBNja92yXatN3c3pGc9sHU/v+X3emWfe93vx+QN23u+e95x5Z94pmNWFQo5NEytErzgoBsSIOCf+FqbEBTEhzophcVTsFxvFEjE152PZHGMukbcB6BAPij0uqgtl0bXCBvyjeFPcS2wEWc0y0ec++Ywnf7rwbyc8grQ6RY8Y9RhhJT+Jde4TmghzFuR08bo4ryDEpE/N58QUYsx+kFPcD4yzCkMsZz+1uwkyu0HeKYYiCLHcN2I2QWYnSPudbHubfy37NuFu4wQZeZD2k2Uw4hDLHRZdBBnnH3K/5ykcX86IeQQZl6civ0XXYv/RlhJkHLZkOMTypz7dBKnbyzmJsfTZeTdB6vRszmIsjXI5QeryWMa/M9ZinzjdTJA63CLGcxzjpD/ElQQZfq3iKDFe8lSHIAPqI8L/6SHIMB4nvorTQQsI0v+teoz4KjpBkH7tIrqaNhCkH9cnbK5C8q/uywiSHzKabCLIdM3K+QR4o8YysfVWcZDvElnD1hNkOi5XuilLu5MlOyzni3vESnGfWCRuIMjm1zgSWPM7GWvNXdonXkdM8Q0dCwmytu8Iy/vK9B3iRoJMnghnqifc8jb7yXkXQf5nLWGo2WR2HUGuLrxPDKq25D6d9yBPE4I6/e6rVO6CnMpkuFq/eLmFKwtyMRde/dOg2XkKkvlH/X5P9ZNSWZBvcMGjMJza6iJlQe7nYkfjozwE+TkXOiprsx7kES5yVOzLYK/IcpA/cJGj806Wg/yaCxzlzsersxpkPxc4SruzGuQBLm603yU7DPOQUOSJWIK0E6j2lcvPm+JJVp+674oDbiFuv5t/fEXs5cJG65DmIO3KY3vG3yCLbXO1N1xVkB3uWfQQFye3rtUS5DN1bC5C9j0cOki7XOwUFwJOb6gg7TmCW1lMizI7QwQ5nW2qqGCv7yDtwsxfGXhU0OczyKvECIOOKvb5CnKa2+TDoKOat3wFyaIH1ONFH0H2MNCo00NpBzmXR39owIy0gzzOIKNOv6X9LHsZg4wGp3xsM/ZMoUfF3aaZ4++qBDnIIKMNzrsHKb11Lb6oEORtDCRSYB81f+vWxzYUJBv2kTYb5vx6gzzHgMHTjsUXagV5BwMFzz78d5NYQpDbGCAEcOzissaEIL9kcBDIx0lBsrwMIW0uD3KcQUHgqaEFpUGyLQGhnSgNkgGBBg8QJDQ5Phkky82g5bvkNQXDscDQY6MNcpiBgBL9NsjDDAS0LPq1Qb7EQECJicLFSUkGAkpMLgMaYzCgKci3GQxomPqZDPImBgMa9uOULifnDWcI7VRpkIsYEAR2sHwX2GcMCgJak/QKPh4lIsgcpOhM2iv7JIODAPqqvY7vPQYInlf6zKsWpN2iOMBAwZMD9bzSudPwvh+kr3gofJ0vve/ikxIp36pXNHosiD2j5gMGD2ksyG3lJK917qc5A4l2eNW04Wi5OaZ41DADilZu0xtMmw/fXCV+ZnDRoFFTfBdpaudlLxVfsXMRNYy7W3SH8XSAu/01bo8s/kL8xQWAM+JC7DIeDnCvZqZ4RGxxi3/3iUPOJ+5TtRXfG/v6jeadNMVjlqsZquG0uwU164ybg2vFuPuh2ax23tkm3N91VLwmbjVNvPT+H7Ro4730ITNPAAAAAElFTkSuQmCC);
}

.Cloud.Background {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAAqCAYAAAAUJM0rAAACFUlEQVRo3u3aPSwDYRzH8UZEbAYiYrDYjLZGpIPBJLGwSKwi0k1iYBKDdFJsEiMxSZgsFZJGiGjqJWEhSKuaNKRUG8r5PfI8SXOud72+PH2eu2f47Ndv7+V5/nee/G6bh5MWmIV9iEMWvkGjfiADD7AHk9BU6+PSNK0kPAINwwXkC6KU6gvC4HVyKB/clhHHCDnbTqHbSaEaYIv+OK3KyBk274RQrXBXg0B6B/QPkTIUiZTiEIm5gkbZQjXTJ5nG2ZFsocJ1iMQEZQk1VcdIGl2L9Yoeitwj3uocirgRPVRAgEjMoMihkgKFStIzK063QVHYhKF6h/IKFMlKGpaNlhM8Qq1JFIp5gQHeoSIShmJPST/PUElJQ7FN9hivUGmJQxE56OQRKiN5qL/NNY9QKQeEIpdgR7VC9cEqHeGeUyEHXHrMUiWhyKx6BV4dEsNMtNxQI4Ls33h5LidUoEYjXKEXoXZDLbgsEBOzE8qne8fmJhE7oWIujUQcwhyMmy0VSKRRF0cyWlclYMYo1LEKZOgRugpDpVWUot5ZLI8LlwN23bNQKoY1vwpVmmsS6kOFsPRJQl2qENZIqGkVwnp9xb5nUksEcxm2hZlQMcy3OYXTgx0VpOi2pl8/jwqpMP9sF5twBl08ctE7I/dws5l5D5y4OBj51HvdzluYdlik0RL06cjkKpSlB1Span5x/AQb5Hfrxyy/oU5ISeVw53AAAAAASUVORK5CYII=);
}