/* IMPORTS ------------------------------------------------------------*/
/*@import url('backgroungs.img');*/
/* GENERAL ------------------------------------------------------------*/

html,
body{ height: 100%; 
	/*background-color: #33b5e5;*/
	background-image:url(../img/backgrounds/back6.jpg);
	
  	}
	
/* WRAPPER ------------------------------------------------------------*/

.wrapper{
	overflow: hidden;
	width: 100%;
	
}	
	
/*BANNER*/
header {
  position: relative;
  /*background-color: black;*/
  height: 50vh;
  min-height: 70rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header h1
{
	font-size: 100px;
	color:white;}
	
header h2
{
	font-size: 50px;
	color:white;}	
header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
 background-color: #0b243b;
  opacity: 0.5;
  z-index: 1;
}

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}
/*END OF BANNER*/

/* NAVIGATION------------------------------------------------------*/

#logo_small{
	
	height:50px;
	display: inline;
	float: left;
}

.navbar-brand 
{
	color: white;

	}
nav {
		height:80px;
	
	}
	
nav ul{
	margin: 0px;
	padding-top: 20px;
	list-style-type: none;
	
	}

nav li{
	margin-right: 0;
	display: inline;
	color: white;
	opacity: 1;
    filter: alpha(opacity=100);
	}

nav li #dir{
	font-size: 1.2em;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	overflow:inherit;
	display:block;
		
	}

.collapse navbar-collapse navbar-collapse{
	color: white;
	text-decoration: none;
	
}

.dropdown-menu
{
	color: white;
	text-decoration: none;
	
}

#minu-ul
{
	color: white;
	text-decoration:underline;
	
		}
.navbar ul.nav navbar-nav li a:hover:after {
    background-color: transparent;
	text-decoration:underline;
}


.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
	text-decoration:underline;
	background-color: transparent;
}

#prana_nav
{
    background-color: transparent;
	
}

/* pealkiri KURSUSED--------------------------------------------------*/
.jumbotron
{
	margin-top: 15px;
	
	
	}
#start	{
	background-image:url(/img/backgrounds/Prana7.jpg);
	/*background-color:#0B2161;*/
	margin-top: 30px;
	margin-bottom: 30px;
	width:100%;
	overflow: hidden;
	text-align:center;
		}
		
#pealkiri	{
	/*background-image:url(../img/backgrounds/Prana7.jpg);
	background-color:#0B2161;*/
	margin-top: 30px;
	margin-bottom: 30px;
	width:100%;
	overflow: hidden;
	text-align:center;
	
		}
	/* pealkiri KURSUSED LÕPP---------------------------------------*/
	
	/* KURSUSED ESILEHEL--------------------------------------------*/

#users{
	width: 100%;
	/*height: 768px;*/
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	clear: both;
}


.find_add{
	width: 200px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-radius: 15px;
	margin-left: 0px;
		
}
.find_add: hover {
	color: #708090;
	text-decoration: none;
	display: block;
}


#vaata_tekst
{
	margin-top: 1em;
	font-size: 3em;
	color:#FFF; 
	text-shadow: 1px 1px 2px black, 0 0 2px blue, 0 0 5px darkblue;}	

#vaata_vaike
{
	margin-top: 1em;
	font-size: 2em;
	color:#FFF; 
	text-shadow: 1px 1px 2px black, 0px 0px 25px blue, 0 0 5px darkblue;}

#tur{
	background:url(../img/backgrounds/tur1s.jpg) no-repeat center center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height:250px;
	border: 15px solid transparent;
	border-radius:0px;
	text-align:center;
	margin-top: 15px;
	margin-bottom:: 15px;
	margin-left: 15 px;
	margin-right:15 px;
}

#oigus{
	background:url(../img/backgrounds/oigus1s.jpg) no-repeat center center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height:250px;
	border: 15px solid transparent;
	border-radius:0px;
	text-align:center;
	margin-top: 15px;
	margin-bottom:: 15px;
	margin-left: 15 px;
	margin-right:15 px;
}


#suht{
	background:url(../img/backgrounds/suht1s.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height:250px;
	border: 15px solid transparent;
	border-radius:0px;
	text-align:center;
	margin-top: 15px;
	margin-bottom:: 15px;
	margin-left: 15 px;
	margin-right:15 px;
}


#rah{
	background:url(../img/backgrounds/rah1s.jpg) no-repeat center center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height:250px;
	border: 15px solid transparent;
	border-radius:0px;
	text-align:center;
	margin-top: 15px;
	margin-bottom:: 15px;
	margin-left: 15 px;
	margin-right:15 px;
}


#dig{
	background:url(../img/backgrounds/dig1s.jpg) no-repeat center center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height:250px;
	border: 15px solid transparent;
	border-radius:0px;
	text-align:center;
	margin-top: 15px;
	margin-bottom:: 15px;
	margin-left: 15 px;
	margin-right: 15 px;
}

#manager{
	background:url(../img/backgrounds/b_plan4s.jpg) no-repeat center center ;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height:250px;
	border: 15px solid transparent;
	border-radius:0px;
	text-align:center;
	margin-top: 15px;
	margin-bottom:: 15px;
	margin-left: 15 px;
	margin-right:15 px;
}



/* KURSUSED ESILEHEL LÕPP--------------------------------------------*/	
	
/* VAHETEKST*/
	
#vahetekst{
	background:url(../img/backgrounds/loodus1.jpg) no-repeat center center ;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height:500px;
	/*border: 10px solid #CCC;*/
	/*margin-top: 30px;
	margin-bottom: 30px;
	margin-left:10px;
	width:33%;
	overflow: hidden;
	text-align:center;*/
}
/* END OF VAHETEKST*/	
	

#inimene{
	height: 250px;
	width:auto;	
	
	margin-top: 15px;
	border: 3px;
	border-radius: 15px;
			
}

#kollane	{
	/*background-image:url(../img/backgrounds/kollane.jpg);*/
	background-color:#ff8833;
	margin-top: 30px;
	margin-bottom: 30px;
	width:100%;
	overflow: hidden;
	text-align:center;
		}
/* FOOTER ------------------------------------------------------------*/

#footer1 
{
	width:auto;	
	margin-top: 15px;
	margin-button: 15px;
			
}

#foot {
	position:relative;
	overflow: hidden;
	width: 100%;
	height:120px;
	background-image:url(../img/backgrounds/Prana7.jpg);
	clear:both;
	
	}
	
#copy{
	color: white;
	font-size:0.7em;
	
}

#res{
	color:#CCC;
	font-size:0.7em;
	padding-bottom:15px;
}

#bp{
	color:white;
	font-size: 1em;
	padding-bottom:15px;
}
/* KURSUSE LEHT ------------------------------------------------------------*/

#manager1{
	background:url(../img/backgrounds/Prana7.jpg) no-repeat center center ;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height:150px;
	text-align:center;
	
}

#kursuse_nimi
{
	margin-top: 0.7em;
	font-size: 3em;
	color:#FFF; 
	text-shadow: 1px 1px 2px black, 0 0 2px blue, 0 0 5px darkblue;}
	
#opetaja_nimi
{
	margin-top: 0em;
	font-size: 2em;
	color:#FFF; 
	text-shadow: 1px 1px 2px black, 0 0 2px blue, 0 0 5px darkblue;}
	
#video
{
	/*background:url(../img/backgrounds/back6.jpg) no-repeat center center ;*/
	width:768px;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 768px;
}
/* TERMS ------------------------------------------------------------*/

#terms {
	display: block;
	overflow: hidden;
	margin-left: 25px;
	background-color: #CCC;
	}

#terms li a {
	font-size: 1.2em;
	font-family: Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	color: #385365;
	letter-spacing: 0.1em;
	line-height: normal;
	font-weight: bold;
}

#terms li a:hover, a:active{
	color: none;
	text-decoration:underline;
}

#text_terms {
	display: block;
	overflow: hidden;
	margin-left: 25px;
	background-color: #CCC;
	}
#text_terms p{
	margin-left: 25px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: normal;
	font-weight: normal;
	
}
#text_terms ul{
	list-style-type:outside;
	list-style:circle;
}

#text_terms h4{ 
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	line-height:normal; 
	
}

#esimene, #teine, #kolmas, #neljas, #viies, #kuues{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 2em;
	line-height:normal;
	letter-spacing:0.1em;
}

#totop{
	display: block;
	float: left;
	background: url(/img/to-top-arrow.png) no-repeat left 5px ;
	padding-right: 20px;
	cursor: pointer;
}


/*SIGN UP / LOG IN / PROFILE------------------------------------------*/

[class*="span"].centred {
  margin-left: auto;
  margin-right: auto;
  float: none;
  max-width: 300px;
}

.form-horizontal{
	margin-top: 100px;
	margin-left: 100px;
	width: 70%;
	text-align: left;
	padding: 10px;
	color: #fff;
	background-color : #6699CC;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	background-attachment: fixed;

}

header{
	height: 100px;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: auto;
	width:100%;
	background-color: #4682B4;
}


#logo{
	width:80px;	
	heigth: 80px;
	margin-right: 15px;
	margin-top: 10px;
	border: 0px;
	border-radius: 1px;
	float: right;
			
}

#logo a:hover, a:active
{
	text-decoration: none;
}

#profile {
	color: #191970;
	padding-top: 20px;
	text-align:center;
	background-color: none;
	letter-spacing: 0.1em;
	font-size: 2.5em;
	font-weight:bold;
}


.sorry2 {
	color: #C30;
	text-align:center;
	letter-spacing: 0.1em;
	font-size: 1em;
	font-weight:bold;
}

	

#kask {
	color: #191970;
	padding-top: 10px;
	padding-left:25px;
	background-color: none;
	letter-spacing: 0.1em;
	font-size: 1.6em;
	font-weight:bold;
}

#nupp_keskel{
	margin-left:auto;
	margin-right:auto;
	width: 80px;
	
}

.sent {
	color: #191970;
	padding-top: 10px;
	padding-left:20px;
	letter-spacing: 0.1em;
	font-size: 1em;
	font-weight:bold;
}
/


/* muu -------------*/
#proge-taust{
	background-image:url(/img/backgrounds/proge-taust.jpg);
	height:700px;
	border: 10px solid #CCC;
	border-radius:0px;
	text-align:center;
	
}
#design2{
	background-image:url(/img/backgrounds/Prana8.jpg);
	height:250px;
	border: 10px solid #CCC;
	border-radius:0px;
	text-align:center;
}

#design-taust{
	background-image:url(/img/backgrounds/designer-taust.jpg);
	height: 690px;
	border: 10px solid #CCC;
	border-radius:0px;
	text-align:center;
}
#story-taust{
	background-image:url(/img/backgrounds/story-taust.jpg);
	height:700px;
	border: 10px solid #CCC;
	border-radius:0px;
	text-align:center;
}

#story4{
	background-image:url(/img/backgrounds/story4.jpg);
	height:250px;
	border: 10px solid #CCC;
	border-radius:0px;
	text-align:center;
}

#music-taust{
	background-image:url(/img/backgrounds/music-taust.jpg);
	height:690px;
	border: 10px solid #CCC;
	border-radius:0px;
	text-align:center;
}

#music2{
	background-image:url(/img/backgrounds/composer.jpg);
	height:250px;
	border: 10px solid #CCC;
	border-radius:0px;
	text-align:center;
}

#sound-taust{
	background-image:url(/img/backgrounds/heli.jpg);
	height:700px;
	border: 10px solid #CCC;
	border-radius:0px;
	text-align:center;
}
#manager-taust{
	background-image:url(../img/backgrounds/manager-taust.jpg);
	height:700px;
	border: 10px solid #CCC;
	border-radius:0px;
	text-align:center;
}

#manager2{
	background-image:url(../img/backgrounds/juht2.jpg);
	height:250px;
	border: 10px solid #CCC;
	border-radius:0px;
	text-align:center;
}
#kick	{
	background-image:url(/img/backgrounds/crowd2.jpg);
	
	}
	

	




/*GAMES --------------------------------------------------------------*/

#games{
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	clear: both;
}



#beta{
	background-image: url(/img/backgrounds/Prana7.jpg);
	height:150px;
	border: 10px solid #CCC;
	border-radius:0px;
	text-align:center;
	
}

#play{
	background-image:url(/img/backgrounds/Prana7.jpg);
	height:150px;
	border: 10px solid #CCC;
	text-align:center;
	
}

/*ABOUT --------------------------------------------------------------*/


#slogan{
	background-image: url(/img/backgrounds/Prana8.jpg);
	background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	clear: both;
}

#me{
	
	text-align:center;
	padding-top: 15px;
	
}

img .align-center{
	
	display:block;
	
}


/*#cv{
	
	text-align:center;
	padding-top: 15px;
	font-style:italic;
	line-height:2em;
}


#about{
	background-image:url(../img/backgrounds/Prana8_suur.jpg);
	color: #fff;
	padding-top: 15px;
	
}

.about1{
	margin-left: 25px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height:normal;
}*/


/*LOGO ---------------------------------------------------------------*/