@charset "utf-8";
/* CSS Document */

html,
.zaglav {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
	background:url(img/background-2.jpg);
}
.bg {
	position: absolute;
	z-index: 95;
	top:0px;
	left:0px;
	right: 0px;
	bottom: 0px;
	backdrop-filter: blur(3px) ;	
}
#btn.fixed {
  transform:scale(1);
}



.menu1 {
	position: fixed;
	text-align:justify;
	padding: 10px;
	z-index:110;
	top:0px;
	left:0px;
	right: 0px;	
}
.menu1 a:hover {
	text-decoration: overline ;
	color: #ffffff ;
}
.menu1 div i {
	color: #F4EBD4 ;

}
.menu1 div {
	width:95%;
	margin:0 auto;	
}
.menu1 div div {
	display:inline-block;
	width: 20% ;
	text-align: center;	
}
.empty {
    width: 95%;
    display: inline-block;
}
.menu2 {
    background: linear-gradient(to top, rgba(13, 9, 9, 0.7), rgba(13, 9, 9, 0));
	position: absolute;
	text-align:center;
	padding: 25px;
	z-index:99;
	bottom:0px;
	left:0px;
	right: 0px;
}
.menu2 a:hover {
	text-decoration: overline ;
	color: #ffffff ;
}
.fonmenu2 {
    position: absolute;
    z-index:80;
    height:37%;
	bottom:0px;
	left:0px;
	right: 0px;
	background: linear-gradient(to top, rgba(13, 9, 9, 1), rgba(13, 9, 9, 0));
}
.fonmenu22 {
    position: absolute;
    z-index:75;
    height:100%;
	bottom:0px;
	left:0px;
	right: 0px;
	background:  rgba(13, 9, 9, 0.2);
}


.menuformm a:hover {
	text-decoration: overline ;
	color: #ffffff ;
}



@media (orientation: landscape) {
	
	#btn {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 20%;
  transform: translateY(-100%);
  transition: 0.5s linear;
  background: linear-gradient(to bottom, rgba(41,27,27,1)15%, rgba(41,27,27,0)); 
  z-index: 100;
  border: 0;
  
}
	
.menu1 a {
	color: #C3A347 ;
	font-family: 'Montserrat', sans-serif;
	font-size: 2vw;
	text-decoration:none;
	text-shadow: -1px -1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(0,0,0,1), 0px 0px 15px rgba(0,0,0,1);
	display:inline-block;
}
.menu1 i {
	font-size: 2vw;
	display:none;
}
.menu2 a {
	
	color: #C3A347 ;
	font-family: 'Montserrat', sans-serif;
	font-size: 2vw;
	text-decoration:none;
	text-shadow: -1px -1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(0,0,0,1), 0px 0px 15px rgba(0,0,0,1);
	display:inline-block;
	margin: 0% 1%;
    padding-top: 1%;
}

.menu2 b {
	color: #F4EBD4 ;
	font-family: 'Montserrat', sans-serif;
	font-size: 2vw;
	text-decoration:none;
	text-shadow: -1px -1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(0,0,0,1), 0px 0px 15px rgba(0,0,0,1);
	display:inline-block;
}

.menuformm {
	text-align: center;
	padding: 25px;
	z-index:99;
	bottom:0px;
	left:0px;
	right: 0px;
}

.menuformm a {
    padding:10px;
	margin-bottom: 1%;
	color: #C3A347 ;
	font-family: 'Montserrat', sans-serif;
	font-size: 120%;
	text-decoration:none;
	text-shadow: -1px -1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(0,0,0,1), 0px 0px 15px rgba(0,0,0,1);
	display:inline-block;
}
.menuformm b {
    padding:10px;
	color: #F4EBD4 ;
	font-family: 'Montserrat', sans-serif;
	font-size: 120%;
	text-decoration:none;
	text-shadow: -1px -1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(0,0,0,1), 0px 0px 15px rgba(0,0,0,1);
	display:inline-block;
}

.rec1 {
	position: absolute;
	background: rgba(76,187,23,0.5);
	width:96vw;
	z-index: 90;
	margin: 15vh 2vw;
	border-radius: 25px;
    border: 3px solid #246904;
}
.rec1 ul {

    margin: 0vw;
    display:flex;
    
}
.rec1 li {
    
	font-family: 'Montserrat', sans-serif;
	font-size: 3vh;
	font-weight: bold;
	color: #ffffff;
	padding: 4px 20px ;
	letter-spacing: 0em;
	text-shadow: -1px -1px 0px rgba(0,0,0,1), 1px 1px 0px rgba(0,0,0,1);
}
.rec1 i {

    margin-right: 0vw;
    
}
.rec1 a {

	font-family: 'Montserrat', sans-serif;
	font-size: 3vh;
	font-weight: bold;
	color: #ffffff;
	padding: 8px 10px ;
	letter-spacing: 0em;
	text-shadow: -1px -1px 0px rgba(0,0,0,1), 1px 1px 0px rgba(0,0,0,1);
	text-decoration: underline;
}
.rec2 {
	position: absolute;
	background: rgba(194, 175, 2, 0.6);
	width:96vw;
	bottom:0px;
	z-index: 85;
	margin: 17vh 2vw;
	border-radius: 25px;
    border: 3px solid #7a6e01;

}

.rec2 ul {

    margin: 0vw;
    display:flex;
    
}
.rec2 li {

	font-family: 'Montserrat', sans-serif;
	font-size: 3vh;
	font-weight: bold;
	color: #ffffff;
	padding: 4px 20px ;
	letter-spacing: 0em;
	text-shadow: -1px -1px 0px rgba(0,0,0,1), 1px 1px 0px rgba(0,0,0,1);
}
.rec2 i {

    margin-right: 0vw;
}
.rec2 a {
	font-family: 'Montserrat', sans-serif;
	font-size: 3vh;
	font-weight: bold;
	color: #ffffff;
	padding: 8px 10px ;
	letter-spacing: 0em;
	text-shadow: -1px -1px 0px rgba(0,0,0,1), 1px 1px 0px rgba(0,0,0,1);
	text-decoration: underline;
}

.rec4 {
	position: absolute;
	background: rgba(76,187,23,0.5);
	width:96vw;
	z-index: 120;
	margin: 8vh 2vw;
	border-radius: 25px;
    border: 3px solid #246904;
}
.rec4 ul {

    margin: 0vw;
    display:flex;
    
}
.rec4 li {
    
	font-family: 'Montserrat', sans-serif;
	font-size: 3vh;
	font-weight: bold;
	color: #ffffff;
	padding: 4px 20px ;
	letter-spacing: 0em;
	text-shadow: -1px -1px 0px rgba(0,0,0,1), 1px 1px 0px rgba(0,0,0,1);
}
.rec4 i {

    margin-right: 0vw;
    
}
.rec4 a {

	font-family: 'Montserrat', sans-serif;
	font-size: 3vh;
	font-weight: bold;
	color: #ffffff;
	padding: 8px 10px ;
	letter-spacing: 0em;
	text-shadow: -1px -1px 0px rgba(0,0,0,1), 1px 1px 0px rgba(0,0,0,1);
	text-decoration: underline;
}
.rec4 a:hover {
    color: #fff170;
}
.rec4 a font {

	font-family: 'Montserrat', sans-serif;
	font-size: 3vh;
	font-weight: bold;
	color: #ffffff;
	background: #ff0000;
	padding: 0px 10px ;
	letter-spacing: 0em;
	text-shadow: -1px -1px 0px rgba(0,0,0,1), 1px 1px 0px rgba(0,0,0,1);
	text-decoration: underline;
}

.rec4 a font:hover {
    color: #fff170;
}


.bunner1 {
    
    color:#ff0000;
    text-shadow: -1px -1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(0,0,0,1);
}
.bunner2 {
    
    color:#ff0000;
    text-shadow: -1px -1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(0,0,0,1);
}
	
.logogl {
	position: absolute;
	z-index: 98;
	top: 30%;
	bottom: 0;
	right: 0;
	left: 0;
}
.logogl h1 {
    text-decoration: underline;
	text-align: center;
	font-size: 8vw;
	font-family: "mellony";
	color :#F4F0E6;
	font-weight:lighter;
	line-height: 0.1;
	text-shadow: 5px 1px 0px rgba(0,0,0,1), -2px 0px 0px rgba(255,255,255,1);
}
.logogl  h2 {
	text-align: center;
	font-size: 5vw;
	font-family: "mellony";
	color:#F4F0E6;
	font-weight:lighter;
	line-height: 0.1;
	text-shadow: 3px 1px 0px rgba(0,0,0,1), -2px 0px 0px rgba(255,255,255,1);
}
.logogl h3 {
	
	text-align: center;
	font-size: 2vw;
	font-family: 'Montserrat', sans-serif;
	color: #F4F0E6;
	text-shadow:   0px 0px 20px rgba(0,0,0,0.7);
	margin-bottom: 2vh ;
	margin-top: 0% ;
	letter-spacing: 0.4em;	
}


.logogl h6 {
	
	text-align: center;
	font-size: 1.5vw;
	font-family: 'Montserrat', sans-serif;
	color: #c3a347;
	text-shadow:   0px 0px 20px rgba(0,0,0,0.7);
	margin-bottom: 0% ;
	margin-top: 0% ;
}

.rubrik {
   
	position: absolute;
	z-index: 97;
	top: 21vh;
	bottom: 0;
	right: 0;
	left: 0;
}
	
.rubrik h4 {
	
	text-align: center;
	font-size: 6vh;
	font-family: 'Montserrat', sans-serif;
	color: #F4F0E6;
	text-shadow:   0px 0px 20px rgba(0,0,0,0.7);
    margin-bottom: 0% ;
	margin-top: 0% ;
	letter-spacing: 0.4em;	
}

	
.rubrikindex h4 {
	
	text-align: center;
	font-size: 6vh;
	font-family: 'Montserrat', sans-serif;
	color: #F4F0E6;
	text-shadow:   0px 0px 20px rgba(0,0,0,0.7);
    margin-bottom: 0% ;
	margin-top: 0% ;
	letter-spacing: 0.4em;
	
}
.rubrikindex h3 {
	
	text-align: center;
	font-size: 4vh;
	font-family: 'Montserrat', sans-serif;
	color: #F4F0E6;
	text-shadow:   0px 0px 20px rgba(0,0,0,0.7);
    margin-bottom: 0% ;
	margin-top: 0% ;
	letter-spacing: 0.3em;	
}

.button1 {
	position: absolute;
	z-index: 99;
	top: 43%;
	left: 5%;
	
}
.button1 a {
	
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 15px 25px;
  padding: 0.5em 3em;
  font-size: 1.7vw;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  transition: 0.4s ease-in-out;
  color: #c3a347;
  border-radius: 25px;
  border: 3px solid #E7E5DD;
  background: rgba(0,0,0,0.5)
}
.button2 {
	position: absolute;
	z-index: 99;
	top: 43%;
	right: 5%;
}
.button2 a {
  text-align:center;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 15px 25px;
  padding: 0.5em 1.2em;
  font-weight: bold;
  font-size: 1.7vw;
  font-family: 'Montserrat', sans-serif;
  transition: 0.4s ease-in-out;
  color: #c3a347;
  border-radius: 25px;
  border: 3px solid #E7E5DD;
  background: rgba(0,0,0,0.5)
}
.button3 {
	position: absolute;
	z-index: 99;
	bottom: 3%;
	margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center; 
}
.button3 a {
  text-align:center;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 15px 25px;
  padding: 0.5em 1.2em;
  font-weight: bold;
  font-size: 1.7vw;
  font-family: 'Montserrat', sans-serif;
  transition: 0.4s ease-in-out;
  color: #c3a347;
  border-radius: 25px;
  border: 3px solid #E7E5DD;
  background: rgba(0,0,0,0.5)
}
.button4 {
	position: absolute;
	z-index: 99;
	bottom: 3%;
	margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center; 

}
.button4 a {
  text-align:center;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 15px 25px;
  padding: 0.5em 1.2em;
  font-weight: bold;
  font-size: 1.7vw;
  font-family: 'Montserrat', sans-serif;
  transition: 0.4s ease-in-out;
  color: #c3a347;
  border-radius: 25px;
  border: 3px solid #E7E5DD;
  background: rgba(0,0,0,0.5)
}
.zapzap3 {
    position: absolute;
    height:45%;
    width:40%;
    left:0px;
    margin:11% 5%;
    background: linear-gradient(45deg, rgb(231,179,131,0.3), rgba(223,158,98,0.3));
    border-radius: 25px;
    border: 3px solid #E7E5DD;
    
}
.zapzap4 {
    position: absolute;
    height:45%;
    width:40%;
    right:0px;
    margin:11% 5%;
    background: linear-gradient(45deg, rgb(231,179,131,0.3), rgba(223,158,98,0.3));
    border-radius: 25px;
    border: 3px solid #E7E5DD;
 
}
.zapzapzap strong {

	font-family: 'Montserrat', sans-serif;
	font-size: 4vh;
	font-weight: bold;
	color: #F4EBD4;
	padding: 0px 0px ;
	text-shadow:  1px 1px rgba(0,0,0,0.4);
	text-align: center;
	
}
.zapzapzap strong a{

	font-family: 'Montserrat', sans-serif;
	font-size: 4vh;
	font-weight: bold;
	color: #F4EBD4;
	padding: 0px 0px ;
	text-shadow:  1px 1px rgba(0,0,0,0.4);
	text-align: center;
	text-decoration: none;
	
}
.zapzapzap strong a:hover {

	color: #ffffff;
	text-decoration: underline;
	
}


}

@media (orientation: landscape) and (min-aspect-ratio: 24/12) {
.rec2 {
    display:none;
}

    
}
@media (orientation: portrait) {
	#btn {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 15%;
  transform: translateY(-100%);
  transition: 0.5s linear;
  background: linear-gradient(to bottom, rgba(41,27,27,1)20%, rgba(41,27,27,0)); 
  z-index: 100;
  border: 0; 
}
.menu1 a {
	margin-top: 5%;
	color: #C3A347 ;
	font-family: 'Montserrat', sans-serif;
	font-size: 3vw;
	text-decoration:none;
	text-shadow: -1px -1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(0,0,0,1), 0px 0px 15px rgba(0,0,0,1);
	display:inline-block;
}
.menu2 i {
	font-size: 3vw;
}
.menu2 a {
	color: #C3A347 ;
	font-family: 'Montserrat', sans-serif;
	font-size: 3vw;
	text-decoration:none;
	text-shadow: -1px -1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(0,0,0,1), 0px 0px 15px rgba(0,0,0,1);
	display:inline-block;
	margin: 10px 20px;
	padding-bottom: 4%;
	letter-spacing: 0.1em;
}
.menu2 b {
	color: #F4EBD4 ;
	font-family: 'Montserrat', sans-serif;
	font-size: 3vw;
	text-decoration:none;
	text-shadow: -1px -1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(0,0,0,1), 0px 0px 15px rgba(0,0,0,1);
	display:inline-block;
}

.menuformm {
	text-align: justify;
	padding: 25px;
	z-index:99;
	bottom:0px;
	left:0px;
	right: 0px;
}

.menuformm i {
	font-size: 1,5vw;
	
}
.menuformm a {
    
	color: #C3A347 ;
	font-family: 'Montserrat', sans-serif;
	font-size: 1,5vw;
	text-decoration:none;
	text-shadow: -1px -1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(0,0,0,1), 0px 0px 15px rgba(0,0,0,1);
	display:inline-block;
	margin: 10px 20px;
	padding-bottom: 5%;
	
}
.menuformm b {
	color: #F4EBD4 ;
	font-family: 'Montserrat', sans-serif;
	font-size: 1,5vw;
	text-decoration:none;
	text-shadow: -1px -1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(0,0,0,1), 0px 0px 15px rgba(0,0,0,1);
	display:inline-block;
	
}

.rec1 {
	position: absolute;
	background: rgba(76,187,23,0.5);
	width:92vw;
	z-index: 90;
	margin: 13vh 4vw;
	border-radius: 25px;
    border: 3px solid #E7E5DD;
}
.rec1 li {

	font-family: 'Montserrat', sans-serif;
	font-size: 4vw;
	font-weight: bold;
	color: #ffffff;
	padding: 8px 10px ;
	letter-spacing: 0em;
	text-shadow: -2px -2px 0px rgba(0,0,0,1), 2px 2px 0px rgba(0,0,0,1);
}
.rec1 i {

    margin-right: 1vw;
}
.rec1 a {

	font-family: 'Montserrat', sans-serif;
	font-size: 4vw;
	font-weight: bold;
	color: #ffffff;
	padding: 8px 10px ;
	letter-spacing: 0em;
	text-shadow: -2px -2px 0px rgba(0,0,0,1), 2px 2px 0px rgba(0,0,0,1);
	text-decoration: underline;
}
.rec2 {
    display:block;
	position: absolute;
	background: rgba(194, 175, 2, 0.6);
	width:92vw;
	bottom:0px;
	z-index: 85;
	margin: 23vh 4vw;
	border-radius: 25px;
    border: 3px solid #E7E5DD;

}
.rec2 li {

	font-family: 'Montserrat', sans-serif;
	font-size: 4vw;
	font-weight: bold;
	color: #ffffff;
	padding: 8px 10px ;
	letter-spacing: 0em;
	text-shadow: -2px -2px 0px rgba(0,0,0,1), 2px 2px 0px rgba(0,0,0,1);
}
.rec2 i {

    margin-right: 1vw;
}
.rec2 a {
	font-family: 'Montserrat', sans-serif;
	font-size: 4vw;
	font-weight: bold;
	color: #ffffff;
	padding: 8px 10px ;
	letter-spacing: 0em;
	text-shadow: -2px -2px 0px rgba(0,0,0,1), 2px 2px 0px rgba(0,0,0,1);
	text-decoration: underline;
}

.rec4 {
	position: absolute;
	background: rgba(76,187,23,0.5);
	width:92vw;
	z-index: 120;
	margin: 9vh 4vw;
	border-radius: 25px;
    border: 3px solid #E7E5DD;
}
.rec4 ul {
    margin-top:2px;
    margin-bottom:2px;
}

.rec4 li {

	font-family: 'Montserrat', sans-serif;
	font-size: 4vw;
	font-weight: bold;
	color: #ffffff;
	padding: 8px 10px ;
	letter-spacing: 0em;
	text-shadow: -2px -2px 0px rgba(0,0,0,1), 2px 2px 0px rgba(0,0,0,1);
}
.rec4 i {

    margin-right: 1vw;
}
.rec4 a {

	font-family: 'Montserrat', sans-serif;
	font-size: 4vw;
	font-weight: bold;
	color: #ffffff;
	padding: 8px 10px ;
	letter-spacing: 0em;
	text-shadow: -2px -2px 0px rgba(0,0,0,1), 2px 2px 0px rgba(0,0,0,1);
	text-decoration: underline;
}
.rec4 a font {
    font-family: 'Montserrat', sans-serif;
	font-size: 4vw;
	font-weight: bold;
	color: #ffffff;
	background: #ff0000;
	padding: 8px 10px ;
	letter-spacing: 0em;
	text-shadow: -2px -2px 0px rgba(0,0,0,1), 2px 2px 0px rgba(0,0,0,1);
	text-decoration: underline;
}

.bunner1 {
    
    color:#ff0000;
    text-shadow: -2px -2px 0px rgba(255,255,255,1), 2px 2px 0px rgba(0,0,0,1);
}
.bunner2 {
    
    color:#ff0000;
    text-shadow: -2px -2px 0px rgba(255,255,255,1), 2px 2px 0px rgba(0,0,0,1);
}

.logogl {
	position: absolute;
	z-index: 98;
	top: 35%;
	bottom: 0;
	right: 0;
	left: 0;
}
.logogl h1 {
    text-decoration: underline;
	text-align: center;
	font-size: 17vw;
	font-family: "mellony";
	color: #F4F0E6;
	font-weight:lighter;
	text-shadow:9px 0px 0px rgba(0,0,0,1);
	line-height: 0.1;
}
.logogl  h2 {
	text-align: center;
	font-size: 11vw;
	font-family: "mellony";
	color: #F4F0E6;
	font-weight:lighter;
	text-shadow: 6px 0px 0px rgba(0,0,0,1);
	line-height: 0.1;
}
.logogl h3 {
	
	text-align: center;
	font-size: 3vw;
	font-family: 'Montserrat', sans-serif;
	color: #F4F0E6;
	text-shadow:   0px 0px 20px rgba(0,0,0,0.7);
	margin-bottom: 0% ;
	margin-top: 0% ;
	letter-spacing: 0.2em;	
}
.rubrik {
   
	position: absolute;
	z-index: 97;
	top: 65%;
	bottom: 0;
	right: 0;
	left: 0;
}
	
.rubrik h4{
	
	text-align: center;
	font-size: 7vw;
	font-family: 'Montserrat', sans-serif;
	color: #F4F0E6;
	text-shadow:   0px 0px 20px rgba(0,0,0,0.7);
    margin-bottom: 0% ;
	margin-top: 0% ;
	letter-spacing: 0.4em;	
}
.rubrik h3 {
	
	text-align: center;
	font-size: 3vw;
	font-family: 'Montserrat', sans-serif;
	color: #ff0000;
	text-shadow: -1px -1px 0px rgba(255,255,255,1), 2px 2px 2px rgba(0,0,0,1), 0px 0px 15px rgba(0,0,0,1);
	margin-bottom: 0% ;
	margin-top: 0% ;
	letter-spacing: 0.2em;	
}


.rubrikindex h4 {
	text-align: center;
	font-size: 3vh;
	font-family: 'Montserrat', sans-serif;
	color: #F4F0E6;
	text-shadow:   0px 0px 20px rgba(0,0,0,0.7);
    margin-bottom: 0% ;
	margin-top: 0% ;
	letter-spacing: 0.4em;	
}
.rubrikindex h3 {
	text-align: center;
	font-size: 3vw;
	font-family: 'Montserrat', sans-serif;
	color: #F4F0E6;
	text-shadow:   0px 0px 20px rgba(0,0,0,0.7);
    margin-bottom: 0% ;
	margin-top: 0% ;
	letter-spacing: 0.2em;	
}


.logogl h6 {
	text-align: center;
	font-size: 2vw;
	font-family: 'Montserrat', sans-serif;
	color: #c3a347;
	text-shadow:   0px 0px 20px rgba(0,0,0,0.7);
	margin-bottom: 0% ;
	margin-top: 0% ;
}
.button1 {
	position: absolute;
	z-index: 99;
	top: 29%;
	left: 13%;	
}
.button1 a {
	
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 15px 25px;
  padding: 0.3em 3.1em;
  font-size: 3vw;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  transition: 0.4s ease-in-out;
  color: #c3a347;
  border-radius: 25px;
  border: 3px solid #E7E5DD;
  background: rgba(0,0,0,0.5)
}
.button2 {
	position: absolute;
	z-index: 99;
	top: 29%;
	right: 12%;
}
.button2 a {
  text-align:center;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 15px 25px;
  padding: 0.3em 1.2em;
  font-weight: bold;
  font-size: 3vw;
  font-family: 'Montserrat', sans-serif;
  transition: 0.4s ease-in-out;
  color: #c3a347;
  border-radius: 25px;
  border: 3px solid #E7E5DD;
  background: rgba(0,0,0,0.5)
}
.button3 {
	position: absolute;
	z-index: 99;
	bottom: 1%;
	margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center; 
}
.button3 a {
  text-align:center;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 15px 25px;
  padding: 0.5em 1.2em;
  font-weight: bold;
  font-size: 4vw;
  font-family: 'Montserrat', sans-serif;
  transition: 0.4s ease-in-out;
  color: #c3a347;
  border-radius: 25px;
  border: 3px solid #E7E5DD;
  background: rgba(0,0,0,0.5)
}
.button4 {
	position: absolute;
	z-index: 99;
	bottom: 1%;
	margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center; 

}
.button4 a {
  text-align:center;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 15px 25px;
  padding: 0.5em 1.2em;
  font-weight: bold;
  font-size: 4vw;
  font-family: 'Montserrat', sans-serif;
  transition: 0.4s ease-in-out;
  color: #c3a347;
  border-radius: 25px;
  border: 3px solid #E7E5DD;
  background: rgba(0,0,0,0.5)
}
.zapzap3 {
    position: absolute;
    height:25%;
    width:90%;
    bottom:17%;
    margin:15% 5%;
    background: linear-gradient(45deg, rgb(231,179,131,0.3), rgba(223,158,98,0.3));
    border-radius: 25px;
    border: 3px solid #E7E5DD;
    
}
.zapzap4 {
    position: absolute;
    height:27%;
    width:90%;
    top:0px;
    margin:22% 5%;
    background: linear-gradient(45deg, rgb(231,179,131,0.3), rgba(223,158,98,0.3));
    border-radius: 25px;
    border: 3px solid #E7E5DD;
 
}
.zapzapzap strong {

	font-family: 'Montserrat', sans-serif;
	font-size: 4.5vw;
	font-weight: bold;
	color: #F4EBD4;
	padding: 0px 0px ;
	text-shadow:  1px 1px rgba(0,0,0,0.4);
	
}
.zapzapzap strong a{

	font-family: 'Montserrat', sans-serif;
	font-size: 4.5vw;
	font-weight: bold;
	color: #F4EBD4;
	padding: 0px 0px ;
	text-shadow:  1px 1px rgba(0,0,0,0.4);
	text-decoration: none;
	
}
.zapzapzap strong a:hover {

	color: #ffffff;
	text-decoration: underline;
	
}
}

@media (orientation: portrait) and (min-aspect-ratio: 12/19) {
.rec2 {
    display:none;
}
    
}

.header {
    width:100%;
    height: 100%;   
    overflow: hidden;
    position: relative;
}
.header__video-wrapp  {
    position:absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    
}
.header__video-box {
   position: absolute;
   top:0;
   left: 50%;
   height: 100%;	
}
.header__video {
    display: inline-block;
    height: 100%;
    transform: translateX(-50%);
}


.nastroykibody {
	background:url(img/background-2.jpg);
	margin:0px;
	width: 100%;
	height: 100vh;
	position:relative;

}

.nastroykibody img {
	width: 100%;
	height: auto;
}

.nastroykibody p {
	
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  color: #F4EBD4;
}

a {
	color: #c3a347 ;
}

a:hover {
	color: #ffffff ;
}


.nastroykibody hr {
	width: 80%;
	padding: 0;
	height: 30px;
	border: none;
	color: #F4EBD4;
	background-image: linear-gradient(currentColor, currentColor 33.33%, transparent 33.33%, transparent 100%);
	background-size: 100% 6px;
}

.topbutton1 {
position:fixed;
bottom:50px;
right:60px;
cursor:pointer;
z-index:100;
}
.topbutton1 img {
	width:100px;
}

.topbutton2 {
position:fixed;
bottom:170px;
right:60px;
cursor:pointer;
z-index:100;
}
.topbutton2 img {
	width:100px;
}

.master:nth-child(1) {
  height: 100vh;
  background: url(img/1m.jpg) ;
  background-size: cover;
  background-repeat: no-repeat ;
  background-position: center center;
}

.solf:nth-child(1) {
  height: 100vh;
  background: url(img/1s.jpg) ;
  background-size: cover;
  background-repeat: no-repeat ;
  background-position: center center;
}

.teacher:nth-child(1) {
  height: 100vh;
  background: url(img/1t.jpg) ;
  background-size: cover;
  background-repeat: no-repeat ;
  background-position: center center;
}

.choir:nth-child(1) {
  height: 100vh;
  background: url(img/1c.jpg) ;
  background-size: cover;
  background-repeat: no-repeat ;
  background-position: center center;
}

.choirold:nth-child(1) {
  height: 100vh;
  background: url(img/choirold3333.jpg) ;
  background-size: cover;
  background-repeat: no-repeat ;
  background-position: center center;
}

.dj:nth-child(1) {
  height: 100vh;
  background: url(img/1d.jpg) ;
  background-size: cover;
  background-repeat: no-repeat ;
  background-position: center center;
}

.vocal:nth-child(1) {
  height: 100vh;
  background: url(img/1v.jpg) ;
  background-size: cover;
  background-repeat: no-repeat ;
  background-position: center center;
}

.piano:nth-child(1) {
  height: 100vh;
  background: url(img/1p.jpg) ;
  background-size: cover;
  background-repeat: no-repeat ;
  background-position: center center;
}

.keyboard:nth-child(1) {
  height: 100vh;
  background: url(img/1k.jpg) ;
  background-size: cover;
  background-repeat: no-repeat ;
  background-position: center center;
}

.doshk:nth-child(1) {
  height: 100vh;
  background: url(img/1a.jpg) ;
  background-size: cover;
  background-repeat: no-repeat ;
  background-position: center center;
}


.zaglobshiydiv {

	box-shadow: 0px 1px rgba(0,0,0,0.3), 0px 1px #AD7E27;
	

}
.zaglobshiydiv img {
	background-size: cover;
	height: 100vh;
	opacity: 0;
	overflow: hidden;
	
}

.zagltext {
	margin-left: auto;
	margin-right: 0px; 
	width:65%;
	border:0px;
}


.zagltext p {
  text-align: center;
	font-size: 1.5vw;
	font-family: 'Montserrat', sans-serif;
	color: #F4EBD4;
    
}

.zagltext h1 {
    text-decoration: underline;
	text-align: center;
	font-size: 10vw;
	font-family: "mellony";
	color: #F4EBD4;
	font-weight:lighter;
	text-shadow:  1px 1px rgba(0,0,0,0.4);
	line-height: 0.1;
}
.zagltext h2 {
	text-align: center;
	font-size: 6vw;
	font-family: "mellony";
	color: #F4EBD4;
	font-weight:lighter;
	text-shadow:  1px 1px rgba(0,0,0,0.4);
	line-height: 0.1;
}
.zagltext h4 {
	
	text-align: center;
	font-size: 8vw;
	font-family: 'Montserrat', sans-serif;
	color: #F4EBD4;
	text-shadow:  1px 1px rgba(0,0,0,0.4);
	line-height: 0.1;
	margin-bottom: 6% ;
	
}

.zagltext h6 {
	
	text-align: center;
	font-size: 6vw;
	font-family: 'Montserrat', sans-serif;
	color: #F4EBD4;
	text-shadow:  1px 1px rgba(0,0,0,0.4);
	margin-bottom: 0% ;
	margin-top: 0% ;
	
}



.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; 
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

.nastroykibody h5 {
	
	text-align: center;
	font-size: 4vw;
	font-family: 'Montserrat', sans-serif;
	color: #F4EBD4;
	text-shadow:  1px 1px rgba(0,0,0,0.4);	
}

.m {
    opacity: 0.5;
    filter: alpha(opacity=50);		
}

.kontent {
	
	width: 60%;
	margin: 0 auto;
}

.kontent li {

	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #F4EBD4;
	padding: 30px 30px ;
	text-shadow:  1px 1px rgba(0,0,0,0.4);
	
}

.audio {
	

	margin: 0 auto;
	width: 30%;
}

.audio i {

	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #F4EBD4;
	padding: 30px 30px ;
	text-shadow:  1px 1px rgba(0,0,0,0.4);
	
}



/*????? ????? ??? ??????*/

.button1 a:hover {
  color:#4E3F0B;
  background: #E7E5DD;
}
.button1 a span {
  opacity: 0;
  padding-left: 5px; 
  padding-right: 5px;
  font-weight: bold;
  transition: 0.4s ease-in-out;
}
.button1 a:hover span {
  opacity: 1;
  padding-left: 10px; 
  padding-right: 10px;
  color: #BDB9AB;
}
.button2 a:hover {
  color: #4E3F0B;
  background: #E7E5DD;
}
.button2 a span {
  opacity: 0;
  padding-left: 5px; 
  padding-right: 5px;
  font-weight: bold;
  transition: 0.4s ease-in-out;
}
.button2 a:hover span {
  opacity: 1;
  padding-left: 10px; 
  padding-right: 10px;
  color: #BDB9AB;
}

.button3 a:hover {
  color: #4E3F0B;
  background: #E7E5DD;
}
.button3 a span {
  opacity: 0;
  padding-left: 5px; 
  padding-right: 5px;
  font-weight: bold;
  transition: 0.4s ease-in-out;
}
.button3 a:hover span {
  opacity: 1;
  padding-left: 10px; 
  padding-right: 10px;
  color: #BDB9AB;
}

.button4 a:hover {
  color: #4E3F0B;
  background: #E7E5DD;
}
.button4 a span {
  opacity: 0;
  padding-left: 5px; 
  padding-right: 5px;
  font-weight: bold;
  transition: 0.4s ease-in-out;
}
.button4 a:hover span {
  opacity: 1;
  padding-left: 10px; 
  padding-right: 10px;
  color: #BDB9AB;
}

.zapzapzap {
	position:absolute;
	width: 100%;
	margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}



@font-face {
font-family: "mellony";  
src: url(fonts/mellony.otf)
} 


.formm {
  width: 100vw;
  height: 100%;
  margin:0px;
  position:relative;
}

.form {
  position:relative;
  width: 50vw; 
  height: 50%;
  transform-origin: 0 0; 
  transform: scale(2);
  
}