body{
	padding:0;
	margin:0;

}
.wrapper{
width: 100%;
margin: 0 auto;


}

.A{
background-color:#2b5d89;
padding:1%;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border: 11px dashed #8386bd;

}
h1{
	color:#ffeb05;
}

nav{

background-color:rgba(138, 141, 210, 0.5);
position:fixed;
width:100%;
height:10%;
margin-top:0px;
padding:10px;

z-index: 1;

}
nav a#pull {  
    display: none;  
} 
header{
	
	min-height:800px;
background-image:url(images/5.jpg);
background-position:top center;
background-size:cover; 


}

ul{ 
	text-align: center;
	overflow: hidden;
	list-style: none;
	padding:5 0 90px;
	text-align:center;
 }
 li{
 	display:inline-block;
 	padding:0 15px;
}

li a{
	display:inline-block;
}

ul:after{
	content:"1";
	margin-left:100%;
	display:inline-block;
}
 a{
	font-family: Calibri, 'sans-serif' ;
	font-size:23px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	 }
	  nav a{
	  	
	color: #f7f7f7;
	  }

	   nav li a:hover{
	   	color: #f1bb3d;
	   	text-decoration: underline;}

	   	hr{ size:3px;

	   	}

	h1{
		text-align: center;
	} 






.about{
height: 400px;
	
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
background-image:url(images/52.jpg);

}

A.hp{
    color:yellow;
}

A.hp:hover {
    text-decoration: underline;}
.abouttext{

}






.nomin{
background-image: url(images/9.jpg);	
}


.center{
    text-align:center;
}






.sponsors{
display:flex;
 text-align:center;
 justify-content:center;
 margin: 3%;
align-items:center;
}


.smartblog{
   display:flex;
 text-align:center;
 justify-content:center;
 align-items:center;

} 


.video2{
	height:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	 align-items:center;

	background-image:url(images/51.jpg);	
}

.gallery{
display:flex;
height:100%;
width:100%;
flex-direction:row;
justify-content:space-between;
align-items:center;

background-image:url(images/52.jpg);	
}

iframe.vi{
	-webkit-box-shadow: 12px 11px 19px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 12px 11px 19px -3px rgba(0,0,0,0.75);
box-shadow: 12px 11px 19px -3px rgba(0,0,0,0.75);
width: 32%;	
}

img.vi{
	-webkit-box-shadow: 12px 11px 19px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 12px 11px 19px -3px rgba(0,0,0,0.75);
box-shadow: 12px 11px 19px -3px rgba(0,0,0,0.75);

height: 36%;	
}
img.bi{

	-webkit-box-shadow: 12px 11px 19px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 12px 11px 19px -3px rgba(0,0,0,0.75);
box-shadow: 12px 11px 19px -3px rgba(0,0,0,0.75);
width: 22%}

img.ci{
	z-box-shadow: 12px 11px 19px -3px rgba(0,0,0,0.75);
box-shadow: 12px 11px 19px -3px rgba(0,0,0,0.75);
width: 100%}

.con{
    width:100%;
}
.contacts{
display:inline;
height:100%;
padding: 2%;
margin:;
	
}
.cont{
display:inline-block;   
    position:relative;
    padding:1%;
    
    width: 29%;
}

.conti{
display:inline-block;   
    position:relative;
    padding:1%;
    margin:10px;
    width: 29%;
}

.cont span {
    display:inline-block;
    position:absolute;
    top:50%;   
    left:10%;
    color:black;
    font-family:Arial, Helvetica, sans-serif;
    font-size:20px; 
  
    padding:10px 30px;
}

.conti span {
    display:inline-block;
    position:absolute;
   
    color:black;
    font-family:Arial, Helvetica, sans-serif;
    font-size:20px; 
  
    text-align: justify;
     top:50%;
     left:15%;
}



.footer {
padding: 20px;
text-align: center ;
font-size: 11pt;
color: gray;}





@media screen and (max-width: 1440px){

nav{
width:100%;
}

img.ci{

width: 92%}
}

img.vi{
	
width: 92%;		
}
}


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

nav{
width:100%;
}
img.bi{
width: 32%
}
img.ci{
width: 10%}
}

img.vi{
	
width: 200%;		
}

.cont span {
    display:inline-block;
    position:absolute;
    top:50%;   
    left:10%;
    color:black;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px; 
  
    padding:10px 30px;
}

.conti span {
    display:inline-block;
    position:absolute;
   
    color:black;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px; 
  
    text-align: justify;
     top:50%;
     left:15%;
}

}





@media screen and (max-width: 1277px){
  .cont span {
    display:inline-block;
    position:absolute;
    top:50%;   
    left:10%;
    color:black;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px; 
  
    padding:10px 30px;
}

.conti span {
    display:inline-block;
    position:absolute;
   
    color:black;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px; 
  
    text-align: justify;
     top:50%;
     left:15%;
}  
   
}

}


@media screen and (max-width: 1144px){
.cont span {
    display:inline-block;
    position:absolute;
    top:50%;   
    left:10%;
    color:black;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px; 
  
    padding:10px 30px;
}

.conti span {
    display:inline-block;
    position:absolute;
   
    color:black;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px; 
  
    text-align: justify;
     top:50%;
     left:15%;
}
}


@media screen and (max-width: 960px){

    .cont span {
    display:inline-block;
    position:absolute;
    top:50%;   
    left:10%;
    color:black;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px; 
  
    padding:10px 30px;
}

.conti span {
    display:inline-block;
    position:absolute;
   
    color:black;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px; 
  
    text-align: justify;
     top:50%;
     left:15%;
}
    
 }


  
@media screen and (max-width: 860px){
.cont span {
    display:inline-block;
    position:absolute;
    top:50%;   
    left:8%;
    color:black;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px; 
  
    padding:10px 30px;
}

.conti span {
    display:inline-block;
    position:absolute;
   
    color:black;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px; 
  
    text-align: justify;
     top:45%;
     left:15%;
}
  
      }



@media screen and (max-width: 600px){

  
      }


  }
@media screen and (max-width: 375px){

	
}

@media screen and (max-width: 320px){

}