#outer {
  width: 100%;
  height: auto;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.video {
  width: 100%;
  height: auto;
  position: relative;
  left: 0;
  top: 0;
  opacity: 1;
}

.barkirilogo{
position:fixed;
float:left;
padding:5px;
width:50%;
text-align:center;
height: auto;
background:#2ed398;color:white;
background-image: -moz-linear-gradient(top,#18966b,#2ed398);
background-image: -webkit-linear-gradient(top,#18966b,#2ed398);
background-image: -webkit-gradient(linear,left top,left bottom,from(#18966b),to(#2ed398) );
border-radius: 0px 0px 4px 4px;
 -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; 
}
.barkirimenu{
position:fixed;
float:left;
padding:5px;
width:6%;
text-align:center;
height: auto;
background:#2ed398;color:white;
background-image: -moz-linear-gradient(top,#18966b,#2ed398);
background-image: -webkit-linear-gradient(top,#18966b,#2ed398);
background-image: -webkit-gradient(linear,left top,left bottom,from(#18966b),to(#2ed398) );
border-radius: 0px 0px 4px 4px;
 -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; 
}

.buttonsmalls {
border: 0px solid #006;color:white;background:#2f5abb;background-image: -moz-linear-gradient(top,#2ed398,#015d16);
background-image: -webkit-linear-gradient(top,#2ed398,#015d16);
background-image: -webkit-gradient(linear,left top,left bottom,from(#2ed398),to(#015d16) );
padding:5px;
border-radius: 4px 4px 4px 4px;
 -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; 
 
 }.buttonsmalls:hover {border: 1px solid #f00;color:white;background:white;background-image: -moz-linear-gradient(top,#9eb7f0,#3a66ca);background-image: -webkit-gradient(linear,left top,left bottom,from(#9eb7f0),to(#3a66ca) );}
 
.fontprice {
border: 0px solid #006;color:white;background:#2f5abb;background-image: -moz-linear-gradient(top,#2ed398,#015d16);
}