/*TABLE OF CONTENT*/
/*lines 20-246  - стили для ноутбуков и компьютеров*/
/*lines 250-492 - стили оформления для мобильных устройств и смартфонов IOS & Android в портретной ориентации*/
/*lines 493-712 - для смартфонов в альбомной ориентации*/


@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600");
@import url("fontawesome-all.min.css");

@font-face {
    font-family: 'Europe'; /*a name to be used later*/
    src: url('europeext.otf'); /*URL to font*/
}

@font-face {
    font-family: 'Play'; /*a name to be used later*/
    src: url('Play.ttf'); /*URL to font*/
}

/*для ноутбуков и компьютеров*/

#view a {
color:white;
text-decoration:none;	
	}

@media only screen and (max-width:4000px) and (orientation:landscape) {
	
body {
  	background-color: #555;
  	overflow:auto;
    -webkit-overflow-scrolling: touch;
    color:white;

  }

  #myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
  }

#main { /*основная страница*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top:0px;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    color:white;
  }
	
	#dwnbook a {
color:white;
text-decoration:none;
	}	

#lang {
display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  height:20px;
  width: 90%;
  margin-top:10px;	
	}
	
#trans {
display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  height:20px;
  width: 100%;
  margin-top:10px;
  font-family:Play;	
	}

#trans a {
color:white;
text-decoration:none;
font-size:20px;
text-indent:20px;
	}
	
#header { /*блок с лого и надписями*/
  display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  height:100px;
  width: 90%;
  margin:5px 5px 0px 5px;
}

#logo {
  display: flex;
  flex-direction:row;
  justify-content: left;
  align-items: center;
  height:100px;
  width: 100%;
  margin:30px;
  font-family:Play;
}

#name {
  display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  height:100px;
  width: 100%;
  margin:30px;
  font-family:Europe;
}


#webtbl1 {
  border-width: 0px;
  border-style: solid;
  border-color: white;
  width: 100%;
  height: 80px;
  text-align: left;
  text-transform: uppercase;
  font-size: 32px;
}


#logo img {
  width:13%;
}

#menu { /*блок со значками*/
  display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin:100px;
}
	
#pic {
text-decoration:none;
width:100%;
text-align:center;
margin-bottom:-55px;
	}

#icon {
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  height:100px;
  width: 50%;
  margin:30px;
  line-height: 150px;
}

#icon img {
  width: 21%;
}

#icon #lnk {
  color:white;
  font-family: Tahoma;
  font-size: 22px;
  text-decoration: none;
  font-family:Play;
}

#footer { /*блок подвала*/
	bottom:0;
	position:fixed;
	display:flex;
	justify-content: center;
  	align-items: center;
	width:100%;
	height:100px;
	text-indent: 20px;
	margin-left:-10px;
	color:white;
}

#soc {
  display: flex;
  flex-direction:row;
  justify-content: left;
  align-items: center;
  height:100px;
  width: 100%;
  margin:30px;
}


#contact {
  display: flex;
  flex-direction:row;
  justify-content: left;
  align-items: center;
  height:100px;
  width: 100%;
  margin:30px;
  font-family:Europe;
}
	
#dwnbook {
text-align:center;
font-size:12px;
	}

ul {
	  list-style-type: none;
	}

ul li {
  display:block;
  float:left;
  text-indent: 20px;
}

i.fa {
color:white;
font-size:32px;
}
	
#digt {
text-align:center;
font-size:24px;
	}

#view {
text-align:center;
font-size:12px;
	}
	

	
}




/*набор стилей для маленьких айфонов*/

@media only screen and (max-width:1200px) and (orientation:portrait) and (min-resolution: 2dppx)   {

#pic {
text-decoration:none;
width:100%;
text-align:center;
margin-bottom:0px;
	}
	
body {
  	background-color: #555;
  	overflow:auto;
    -webkit-overflow-scrolling: touch;
    color:white;
  }

  #myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
  }

#main { /*основная страница*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top:100px;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    color:white;
  }

	

#lang {
  display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  height:20px;
  width: 80%;
  margin-top:10px;
  margin-bottom:20px;	
	}
	
#trans {
  display: flex;
  flex-direction:row;
  justify-content: right;
  align-items: center;
  height:20px;
  width: 100%;
  margin-top:10px;
  font-family:Play;	
  margin-left:-40px;
	}

#trans a {
color:white;
text-decoration:none;
font-size:30px;
text-indent:30px;
	}
	
#header { /*блок с лого и надписями*/
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  width: 90%;
  height:100px;
  margin-top:150px;
  margin-bottom:100px;
  #background-color:silver;

}

#logo {
  #background-color:gray;
  display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  height:20px;
  width: 60%;
  margin:5px 5px 5px 120px;
  font-family:Play;
}

#logo img {
  width:30%;
}	
	
#kzkst {
	display:block;
	margin-left:20px;
	text-align:left;
	font-size:40px;
	}
	
#dwnbook {
text-align:center;
font-size:18px;
	}

#dwnbook a {
color:white;
text-decoration:none;
	}	

#name {
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  height:100px;
  width: 100%;
  margin:50px;
  font-family:Europe;
}


#webtbl1 {
  margin-top:30px;
  border-width: 0px;
  border-style: solid;
  border-color: white;
  width: 90%;
  height: 100px;
  text-align: left;
  text-transform: uppercase;
  font-size: 50px;
  #background-color:silver;
}
	
#digt {
text-align:center;
font-size:24px;
	}

#view {
display:block;
float:left;
margin:10px 0px 0px 510px;
font-size:12px;
color:white;
text-decoration:none;
	}


#menu { /*блок со значками*/
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin:0px 5px 5px 5px;
  
}

#icon {
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  height:70px;
  width: 50%;
  margin:60px 50px 50px 50px;
}

#icon img {
  width: 17%;
}

#icon #lnk {
  color:white;
  font-family: Tahoma;
  font-size: 30px;
  text-decoration: none;
  font-family:Play;
  line-height:50px;
  letter-spacing:4px;
}

#footer { /*блок подвала*/
	bottom:0;
	position:fixed;
	display:flex;
	flex-direction:column;
	justify-content: center;
  	align-items: center;
	width:90%;
	color:white;
}

#soc {
  display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  width: 90%;
  text-indent:30px;
}


#contact {
  display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family:Europe;
  margin-left:30px;
}

ul {
  list-style-type: none;
	}

ul li {
  display:block;
  float:left;
  margin-left:30px;

}

i.fa {
color:white;
font-size:32px;
}
	


}


/*для смартфонов в альбомной ориентации*/

@media only screen and (max-width:1200px) and (orientation:landscape) {

#pic {
text-decoration:none;
width:100%;
text-align:center;
margin-bottom:0px;
	}
	
body {
  	background-color: #555;
  	overflow:auto;
    -webkit-overflow-scrolling: touch;
  }

  #myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
  }

#main { /*основная страница*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top:0px;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    color:white;
  }

#lang {
display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  height:20px;
  width: 90%;
  margin-top:10px;	
	}
	
#trans a {
color:white;
text-decoration:none;
font-size:20px;
text-indent:20px;
	}
	
#trans {
display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  height:20px;
  width: 100%;
  margin-top:10px;
  font-family:Play;	
	}
	
#header { /*блок с лого и надписями*/
  display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  height:100px;
  width: 90%;
  margin:5px 5px 0px 5px;
}

#logo {
  display: flex;
  flex-direction:row;
  justify-content: left;
  align-items: center;
  height:100px;
  width: 100%;
  margin:30px;
  font-family:Play;
}

#name {
  display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  height:100px;
  width: 100%;
  margin:30px;
  font-family:Europe;
}

	#kzkst {
	text-align:left;
	font-size:22px;
	}

#webtbl1 {
  border-width: 0px;
  border-style: solid;
  border-color: white;
  width: 100%;
  height: 60px;
  text-align: left;
  text-transform: uppercase;
  font-size: 18px;
}


#logo img {
  width:17%;
}

#menu { /*блок со значками*/
  display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin:5px;
  
}

#icon {
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  height:100px;
  width: 50%;
  margin:10px 10px 5px 10px;
  line-height: 40px;
}

#icon img {
  width: 20%;
}

#icon #lnk {
  color:white;
  font-family: Tahoma;
  font-size: 14px;
  text-decoration: none;
  font-family:Play;
}

#footer { /*блок подвала*/
	bottom:0;
	position:fixed;
	display:flex;
	justify-content: center;
  	align-items: center;
	width:100%;
	height:100px;
	text-indent: 20px;
	margin-left:-10px;
	color:white;
}

#soc {
  display: flex;
  flex-direction:row;
  justify-content: left;
  align-items: center;
  height:100px;
  width: 100%;
  margin:30px;
}


#contact {
  display: flex;
  flex-direction:row;
  justify-content: left;
  align-items: center;
  height:100px;
  width: 100%;
  margin:30px;
  font-family:Europe;
}
	
#dwnbook {
text-align:center;
font-size:12px;
	}

ul {
	  list-style-type: none;
	}

ul li {
  display:block;
  float:left;
  text-indent: 20px;
}

i.fa {
color:white;
font-size:22px;
}
	
#digt {
text-align:center;
font-size:16px;
	}

#view {
display:block;
text-align:center;
font-size:10px;
margin-top:-20px;
color:white;
text-decoration:none;
	}

}