/* BBR */

h1 {
    font-size:3.2vw;
}

h2 {
    font-size:2.2vw;
}

h3 {
    font-size:2vw;
}

h4 {
    font-size:1.6vw;
}

h5 {
    font-size:1.4vw;
}

.login .content {
  background-color: rgba(70, 70, 70, 0.2);
  width: 400px;
  margin: 0 auto;
  margin-bottom: 0px;
  padding: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-top: 20px;
  padding-bottom: 15px;
  position: fixed;
  bottom: 30px;
  right: 2%;
}

.bg-blue {
  border-color: #7b0d0c !important;
  background-image: none !important;
  background-color: #7b0d0c !important;
  color: #FFFFFF !important;
}

.start-form .form-group .scroller
{
  background-color: #051721 !important;
  height: 200px !important;
  width: auto !important;
  color: #ffffff !important;
  overflow: hidden;
}

.start-form .form-group .slimScrollDiv
{
  bottom: 45px !important;
  width:45% !important;
  left: 30px !important;
  height: 200px !important;
  position: fixed !important;

}

.start-form .form-group .slimScrollBar
{
  width:12px !important;
}

.start-form .form-group .slimScrollRail
{
  width:12px !important;
}

.img-responsive {
    object-fit: contain;
}

   /* Background */
 .bbr_bg{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url('/images/bgd-02.jpg');
   background-position: center center;
   background-origin: content-box;
   background-size: cover;
   background-attachment: fixed;
   z-index: -2;
 }
 
 .bbr_bg1{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url('/images/bgd-03.jpg');
   background-position: center center;
   background-origin: content-box;
   background-size: cover;
   background-attachment: fixed;
   z-index: -2;
 }

/* Same background, with brightness filters*/
.lightning{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/images/bgd-01.jpg');
  background-position: center center;
  background-origin: content-box;
  background-size: cover;
  background-attachment: fixed;
  -webkit-filter: brightness(2);
  filter: brightness(2);
  -o-filter: brightness(2);
  -moz-filter: brightness(2);
  z-index: -1;
}

/*Now just a opacity animation*/
.flashit{
  -webkit-animation: flash ease-out 6s infinite;
  -moz-animation: flash ease-out 6s infinite;
  animation: flash ease-out 6s infinite;
  animation-delay: 0s;
}

@-webkit-keyframes flash {
  from { opacity: 0; }
  92% { opacity: 0; }
  93% { opacity: 0.6; }
  94% { opacity: 0.2; }
  96% { opacity: 0.9; }
  to { opacity: 0; }
}

@keyframes flash {
  from { opacity: 0; }
  92% { opacity: 0; }
  93% { opacity: 0.6; }
  94% { opacity: 0.2; }
  96% { opacity: 1; }
  to { opacity: 0; }
}
/*End! is that simple! */


html , body{
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
}
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:200,900|Lato:100,300,900);



/*Fighters (but most of them are defined in the Media-Classes below) */


#fight1{
  z-index:3000;
  width: 100%;
  position: fixed;
  bottom:0;
  margin-left: 60%;
  animation-name: example;
  animation-iteration-count: infinite;
  animation-duration: 4s;
}
#fight2{
  z-index:2000;
  width: 100%;
  position: fixed;
  bottom:0;
  margin-left: 62%;
  animation-name: example;
  animation-iteration-count: infinite;
  animation-duration: 6s;
}
#fight3{
  z-index:1000;
  width: 100%;
  position: fixed;
  bottom:0;
  margin-left: 58%;
  animation-name: example;
  animation-iteration-count: infinite;
  animation-duration: 5s;
}

#copter1{
  z-index:950;
  width: 100%;
  position: fixed;
  top: 180px;
  left:80px;
  animation-name: copter1mov;
  animation-iteration-count: 1;
  animation-duration: 12s;
}

@keyframes example {
  0%   {left:0px;}
  50%  {left:40px;}
  100% {left:0px;}
}
@keyframes copter1mov {
  0%   {left:-300px; top:-300px;}
  50%  {left:80px; top:180px;}
  100% {left:80px; top:180px;}
}

.bbr_responsive_15 {
  max-width: 15%;
  height: auto;
}

.bbr_responsive_25 {
  max-width: 25%;
  height: auto;
}

.bbr_responsive_33 {
  max-width: 33%;
  height: auto;
}

.bbr_responsive_40 {
  max-width: 40%;
  height: auto;
}

.bbr_responsive_50 {
  max-width: 50%;
  height: auto;
}

.bbr_responsive_60 {
  max-width: 60%;
  height: auto;
}


.bbr_responsive_75 {
  max-width: 75%;
  height: auto;
}


#logo{
    top: 10%;
    margin-left: 0;

  }



@media all and (max-width : 778px) and (orientation: landscape)

{
	
	/*smartphone  Landscape */
	
.shopbox_big {display: none;}

#copter1{
     
	 z-index:1000;
	 max-width: 40%;
    
}

#fight1 {
    top: 43%;
	z-index: 2000;

  }
  #fight2 {
    top: 43%;
	z-index: 3000;

  }
  #fight3 {
    top: 43%;
	z-index: 4000;

  }
 
 
  #bbr_logo{
  z-index:1000;
  width: 100%;
  font-size: 5rem;
  color: white;
  position: fixed;
  top: 70%;
  margin-left: 5%;
  z-index: 5000;
}



 h3 {
    font-size:3.2vw;
  }

	h1 {
  font-size:4.4vw;
	}
	
	 h2 {
  font-size:3.4vw;
}

 h4 {
    font-size:2vw;
  }

.box_copy {
	display: none;
}

.shopbox_small {
	
	position:fixed; 
	top:10px;
	right:80px;
	z-index:11000;
	}
	
.navbar
{z-index:10000;}

.box {
    font-size:1.8vw;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	color: #fff;
	margin: 10px;
	position: fixed; 
	top:17%;
	left:5%;
	
  }
  
  .box_ut {
    font-size:1.2vw;
	color: #fff;
	margin: 10px;
	position: fixed; 
	top:25%;
	left:5%;
	
  }

    .box_body {
        font-size:0.5vw;
        font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: #c4c4c4;
        margin: 10px;
        position: fixed;
        top:32%;
        left:5%;
    }

  .box_copy {
	display: none;
    font-size:0.5vw;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	color: #c4c4c4;
	margin: 2em;
	position: fixed;
	top: 5%;
	right: 80px;
	
  }
  
  .entry-social {
	   display:none;
   }
  
   .box_about {
    font-size:2.8vw;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	color: #c4c4c4;
	padding: 1em;
    margin: 1em;
	overflow: auto;
	background-color: #464646;
	position: absolute;
	top: 40px;
	left: 5px;
	 height: 30em;
  }
  
   .box_cards {
    font-size:3vw;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	color: #c4c4c4;
	max-width: 65em;
    padding: 1em;
    margin: 1em;
	overflow: auto;
	background-color: #464646;
	position: absolute;
	top: 40px;
	left: 5px;
	height: 30em;
  }
  
  .cookie-bar {
	  display:none;
  }
  
  .bbr_responsive_50 {
  max-width: 40%;
  height: auto;
}

.box_carousel
{
  display:none;
}
.box_faq {
  font-size:20px;
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
color: #c4c4c4;
max-width: 100em;
  height: 60%;
  padding: 1em;
  margin: 3em;
overflow: auto;
background-color: #464646;
position: fixed;
top: 20px;
left: 5px;

}


}

@media all and (max-width : 778px) and (orientation: portrait){
 /*smartphone  portrait */


 .entry-social {
	   display:none;
   }
 

	h1 {
  font-size:4vw;
	}
	
	 h2 {
  font-size:3vw;
}
 h3 {
    font-size:2vw;
  }
 h4 {
    font-size:2vw;
  }
h5 {
    font-size:2vw;
  }
 .box {
    font-size:3vw;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	color: #c4c4c4;
	margin: 10px;
	position: fixed; 
	bottom:26%;
	left:5%;
	
  }
  
  .box_ut {
    font-size:1.4vw;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	color: #c4c4c4;
	margin: 10px;
	position: fixed; 
	bottom:19%;
	left:5%;
	
  }

    .box_body {
        font-size:0.4vw;
        font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: #c4c4c4;
        margin: 5px;
        position: fixed;
        bottom:8%;
        left:5%;
    }
  
  .box_copy {
	display: none;
    font-size:0.5vw;
	color: #c4c4c4;
	margin: 2em;
	position: fixed;
	top: 5%;
	right: 80px;
	
  }
   .box_social {
	   display:none;
   }
  
   .box_about {
    font-size:4.8vw;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	color: #c4c4c4;
	padding: 1em;
    margin: 1em;
	overflow: auto;
	background-color: #464646;
	position: absolute;
	top: 40px;
	left: 5px;
	 height: 30em;
  }
  
   .box_cards {
    font-size:4.8vw;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	color: #c4c4c4;
	max-width: 65em;
    padding: 1em;
    margin: 1em;
	overflow: auto;
	background-color: #464646;
	position: absolute;
	top: 40px;
	left: 5px;
	height: 30em;
  }
  
  

  
  
  
  .bbr_bg1{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url('/images/bgd-02.jpg');
   background-position: center center;
   background-origin: content-box;
   background-size: cover;
   background-attachment: fixed;
   z-index: -2;
 }
  
   .box_appstores {
    
	color: #eeeeee;
	margin: 10px;
	position: fixed; 
	top:20px;
	right:15px;
	height:110%;
	
  }
  
  #copter1{
     
	 z-index:1000;
	 max-width: 100%;
    

}


  
  #fight1 {
    top: 43%;
	z-index: 2000;

  }
  #fight2 {
    top: 43%;
	z-index: 3000;

  }
  #fight3 {
    top: 43%;
	z-index: 4000;

  }
 
 
  #bbr_logo{
  z-index:1000;
  width: 100%;
  font-size: 5rem;
  color: white;
  position: fixed;
  top: 43%;
  margin-left: 10%;
  z-index: 5000;
}

.shopbox_big {display: none;}

.shopbox_small {
	position: fixed;
	bottom:5px;
	left:5px;
}

.navbar
{z-index: 6000;}
  
.nav-item{
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
height: 10px;
margin: 8px; }

nav {opacity: 1;background: #000000;width: 100%;}
  .toggle {width: 100%;display: block;}
  ul {width: 100%;display: none;}
  ul li {width: 100%;display: block;text-align: right;}
  .active {display: block;}
  
  .cookie-bar {
	  display:none;
  }
  
 .bbr_responsive_50 {
  max-width: 60%;
  height: auto;
}

.box_carousel
{
  display:none;
}

.box_faq {
  font-size:16px;
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
color: #c4c4c4;
width:80%;
  height: 80%;
  padding: 1em;
  margin: 3em;
overflow: auto;
background-color: #464646;
position: fixed;
top: 50px;
left: 1px;

}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation: landscape)

/*tablet  Landscape */
{
  .box_carousel
  {
    display:none;
  }

  h1 {
    font-size:3.2vw;
    }
    
     h2 {
    font-size:2.2vw;
  }
  
     h3 {
    font-size:2vw;
  }
  
   h4 {
    font-size:1.6vw;
  }
  
  h5 {
    font-size:1.4vw;
  }

  
  #fight1 {
    top: 38%;

  }
  #fight2 {
    top: 33%;

  }
  #fight3 {
    top: 32%;

  }

  .shopbox_small 
    {display:none;}

    .box {
      font-size:2.8vw;
    color: #c4c4c4;
    margin: 10px;
    position: fixed; 
    bottom:24%;
    left:5%;
    
    }
    
    .box_ut {
      font-size:1.8vw;
    color: #c4c4c4;
    margin: 10px;
    position: fixed; 
    bottom:19%;
    left:5%;
    
    }

    .box_body {
        font-size:0.4vw;
        color: #c4c4c4;
        margin: 5px;
        position: fixed;
        bottom:8%;
        left:5%;
    }
    
    .box_copy {
      font-size:1vw;
	color: #c4c4c4;
	margin: 1em;
	position: fixed;
	bottom: 1px;
  right: 5px;
  z-index: 16000;
    }
    
     .box_about {
      font-size:2vw;
      font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
    color: #c4c4c4;
    max-width: 80em;
      height: 80%;
      padding: 1em;
      margin: 3em;
    overflow: auto;
    background-color: #464646;
    position: fixed;
    top: 30px;
    left: 5px;
    }
    
     .box_appstores {
      
    color: #eeeeee;
    margin: 10px;
    position: fixed; 
    top:20px;
    right:15px;
    height:110%;
    
    }
  
    .box_cards {
      font-size:2vw;
      font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #c4c4c4;
    max-width: 65em;
      padding: 1em;
      margin: 1em;
    overflow: auto;
    background-color: #464646;
    position: absolute;
    top: 70px;
    left: 5px;
    height: 30em;
    }
    
    
  
      .shopbox_big 
      {z-index: 10000;
      position: fixed;
      top:20px;
      right:30px}
    
      
    
    
    
     #copter1{
       max-width: 45%;
       height: auto;
     
  }
    
    #bbr_logo{
    width: 100%;
    font-size: 5rem;
    color: white;
    position: fixed;
    top: 43%;
    margin-left: 20%;
    z-index:8000;
  }
  
  #screenshots{
    z-index:9000;
    position: fixed;
     top: 250px;
    margin-right: 5px;
  }
    
  
  
   .bbr_responsive_40 {
    max-width: 40%;
    height: auto;
  }
  
  
  .box_carousel
{
  display:none;
}

.navbar
    {z-index: 9000;}
  
    .nav-item
    {z-index: 15000;}

  
  .carousel-item
    {
      font-size:14px;
      font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
    color:#f3ef1c;
  }
  
  .box_faq {
    font-size:20px;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
  color: #c4c4c4;
  max-width: 100em;
    height: 80%;
    padding: 1em;
    margin: 3em;
  overflow: auto;
  background-color: #464646;
  position: fixed;
  top: 30px;
  left: 5px;
  
  }
  
  .box_social {
    
    position: fixed;
    bottom: 5px;
    right: 5px;
    display:none;
    
    
    }

    .box_menu_bottom {
    
      position: fixed;
      bottom: 0;
      right: 0px;
      width: 100%;
        height: 50px;
        background-color: #212529;
      margin-top: 5px;
      z-index: 15000;
      
      }

    .entry-social {
      margin-bottom: 0px;
      color: rgb(126, 126, 126);
      display: block;
      font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
      font-size: 14px;
      font-weight: normal;
      height: auto;
      line-height:23.799999237060547px;
      float:left;
      border: solid 0px #aaa;
      text-align: center; 
      position: absolute;
      bottom: 0px;	
      left: 5px;
      z-index: 17000;}
    
    .entry-social div {display: block;width:138px;margin:2px;display: inline-block; vertical-align: middle;}
    
    .entry-social a {text-decoration:none;display: block;padding-left: 20px;color: #FFFFFF !important;font-weight: bold;transition:background-color .3s;    }
    
    .entry-social .fb a {padding: 7px 10px 7px 26px;background: #3B5999 url('/images/fb14.png') no-repeat 10px center;}
    
    .entry-social .twitter a {padding: 7px 10px 7px 32px;background: #01BBF6 url('/images/twitter14.png') no-repeat 8px center;}
    
    .entry-social .linkedin a {padding: 7px 10px 7px 32px;background: #136F9B url('/images/linkedin14.png') no-repeat 10px center;}
    
    .entry-social .fb a:hover {background-color: rgb(50, 75, 129);}
    .entry-social .twitter a:hover {background-color: rgb(1, 159, 211);}
    .entry-social .gplus a:hover {background-color: rgb(57, 125, 126);}
    .entry-social .linkedin a:hover {background-color: rgb(15, 89, 125);}
    .entry-social .pinterest a:hover {background-color: rgb(174, 28, 35);}
    .entry-social .delicious a:hover {background-color: rgb(38, 90, 168);}  

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation: portrait)
{

  /* Tablet Portrait*/

	h1 {
  font-size:4.5vw;
	}
	
	 h2 {
  font-size:3vw;
}

	 h3 {
  font-size:2vw;
}

 h4 {
  font-size:2vw;
}

h5 {
  font-size:1.4vw;
}

  .box {
    font-size:2.8vw;
	color: #c4c4c4;
	margin: 10px;
	position: fixed; 
	bottom:25%;
	left:5%;
	
  }
  
  .box_ut {
    font-size:1.8vw;
	color: #c4c4c4;
	margin: 10px;
	position: fixed; 
	bottom:20%;
	left:5%;
	
  }

    .box_body {
        font-size:0.4vw;
        font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: #c4c4c4;
        margin: 5px;
        position: fixed;
        bottom:8%;
        left:5%;
    }
  
   .box_about {
    font-size:2.5vw;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
	color: #c4c4c4;
	max-width: 80em;
    height: 50em;
    padding: 1em;
    margin: 3em;
	overflow: auto;
	background-color: #464646;
	position: fixed;
	top: 5px;
	left: 5px;
  }
  
   

  .box_cards {
    font-size:3vw;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	color: #c4c4c4;
	max-width: 65em;
    padding: 1em;
    margin: 1em;
	overflow: auto;
	background-color: #464646;
	position: absolute;
	top: 40px;
	left: 5px;
	height: 50em;
  }
  
  .box_menu_bottom {
    
    position: fixed;
    bottom: 0;
    right: 0px;
    width: 100%;
      height: 50px;
      background-color: #212529;
    margin-top: 5px;
    z-index: 15000;
    
    }

    .box_copy {
      font-size:1vw;
	color: #c4c4c4;
	margin: 1em;
	position: fixed;
	bottom: 1px;
  right: 5px;
  z-index: 16000;
    }


    .shopbox_big {display: none;}

    .shopbox_small {
      
      position: fixed;
      bottom:10px;
      left:20px;
      z-index: 16000;}
  
    .navbar
    {z-index: 9000;}
  
    .nav-item
    {z-index: 15000;}



  #fight1 {
    top: 37%;

  }
  #fight2 {
    top: 37%;

  }
  #fight3 {
    top: 32%;

  }
  
   #copter1{
     max-width: 45%;
     height: auto;
	 
}
  
  #bbr_logo{
  z-index:1000;
  width: 100%;
  font-size: 5rem;
  color: white;
  position: fixed;
  top: 43%;
  margin-left: 20%;
  z-index:9000;
}

#screenshots{
  z-index:9000;
  position: fixed;
   top: 250px;
	margin-right: 5px;
}
  


 .bbr_responsive_40 {
  max-width: 40%;
  height: auto;
}




.carousel-item
  {
    font-size:14px;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
  color:#f3ef1c;
}

.box_faq {
  font-size:20px;
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
color: #c4c4c4;
max-width: 100em;
  height: 50em;
  padding: 1em;
  margin: 3em;
overflow: auto;
background-color: #464646;
position: fixed;
top: 5px;
left: 5px;

}

.entry-social {
	display:none;}

 

.video-embed-item {
  width: 50%;
  height: auto;
}

.video
{
	position: fixed;
	top: 100px;
	right: 5px;
	}

.box_carousel
{
  display:none;
}

}



@media (min-width: 1025px)
/*Rest */

{

	
	h1 {
  font-size:2.5vw;
	}
	
	 h2 {
  font-size:2vw;
}

	 h3 {
  font-size:1.8vw;
}

  .box {
    font-size:2.4vw;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	color: #c4c4c4;
	margin: 10px;
	position: fixed; 
	bottom:16%;
	left:5%;
	
  }
  
  .box_ut {
    font-size:1.6vw;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	color: #c4c4c4;
	margin: 10px;
	position: fixed; 
	bottom:12%;
	left:5%;
  }

    .box_body {
        font-size:0.5vw;
        font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: #c4c4c4;
        margin: 10px;
        position: fixed;
        bottom:5%;
        left:5%;
    }

  .box_copy {
    font-size:0.5vw;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	color: #c4c4c4;
	margin: 2em;
	position: fixed;
	bottom: 0px;
  right: 5px;
  z-index:16000
	
  }
  
  .box_menu_bottom {
    
	position: fixed;
	bottom: 0;
	right: 0px;
	width: 100%;
    height: 50px;
    background-color: #212529;
  margin-top: 5px;
  z-index:15000
	
  }
  
   .box_social {
    
	position: fixed;
	bottom: 5px;
	right: 5px;
  display:none;
  
	
	
  }
  
   .box_about {
    font-size:20px;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
	color: #c4c4c4;
	max-width: 100em;
    height: 95%;
    padding: 1em;
    margin: 3em;
    
	overflow: auto;
	background-color: #464646;
	position: fixed;
	top: 36px;
	left: 5px;
  ul: list-style-type: lower-alpha;text-align: left;
  
  }

  .box_faq {
    font-size:20px;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
	color: #c4c4c4;
	max-width: 100em;
    height: 70%;
    padding: 1em;
    margin: 3em;
	overflow: auto;
	background-color: #464646;
	position: fixed;
	top: 36px;
	left: 5px;
	ul: list-style-type: lower-alpha;
    text-align: left;
  }
  
  .box_cards {
    font-size:20px;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
	color: #c4c4c4;
	max-width: 80em;
    height: 90%;
    padding: 1em;
    margin: 3em;
	overflow: auto;
	background-color: #464646;
	position: fixed;
	top: 36px;
	left: 5px;
  }
  
   .box_appstores {
    
	color: #eeeeee;
	margin: 10px;
	position: fixed; 
	top:20px;
	right:15px;
	height:110%;
	
  }
  #fight1 {
    bottom: 50px;

  }
  #fight2 {
    bottom: 50px;

  }
  #fight3 {
    top: 25%;
	

  }
  
   #copter1{
     max-width: 45%;
     height: auto;
	 
}
  
  #bbr_logo{
  z-index:1000;
  width: 100%;
  font-size: 5rem;
  color: white;
  position: fixed;
  top: 43%;
  margin-left: 20%;
}

#screenshots{
  z-index:9000;
  position: fixed;
   top: 250px;
	margin-right: 5px;
}

.shopbox_small {display: none;}
  
.shopbox_big 
{z-index: 7000;
position: fixed;
top:20px;
right:30px;
width: 400px;}
  
  
  .bbr_responsive_40 {
  max-width: 40%;
  height: auto;
}


.entry-social {
	margin-bottom: 0px;
	color: rgb(126, 126, 126);
  display: block;
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height:23.799999237060547px;
	float:left;
	border: solid 0px #aaa;
	text-align: center; 
	position: absolute;
	bottom: 0px;	
  left: 5px;
  z-index:17000;}

.entry-social div {display: block;width:138px;margin:2px;display: inline-block; vertical-align: middle;}

.entry-social a {text-decoration:none;display: block;padding-left: 20px;color: #FFFFFF !important;font-weight: bold;transition:background-color .3s;    }

.entry-social .fb a {padding: 7px 10px 7px 26px;background: #3B5999 url('/images/fb14.png') no-repeat 10px center;}

.entry-social .twitter a {padding: 7px 10px 7px 32px;background: #01BBF6 url('/images/twitter14.png') no-repeat 8px center;}

.entry-social .linkedin a {padding: 7px 10px 7px 32px;background: #136F9B url('/images/linkedin14.png') no-repeat 10px center;}

.entry-social .fb a:hover {background-color: rgb(50, 75, 129);}
.entry-social .twitter a:hover {background-color: rgb(1, 159, 211);}
.entry-social .gplus a:hover {background-color: rgb(57, 125, 126);}
.entry-social .linkedin a:hover {background-color: rgb(15, 89, 125);}
.entry-social .pinterest a:hover {background-color: rgb(174, 28, 35);}
.entry-social .delicious a:hover {background-color: rgb(38, 90, 168);}  

.video-embed-item {
  width: 50%;
  height: auto;
}

.video
{
	position: fixed;
	top: 100px;
	right: 5px;
	}

.box_carousel
{
  position: fixed;
	bottom: 0px;
		left: 5%;
    font-size:20px;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 
  color:#f3ef1c;
  width: 80%;
    height: 150px;
}

.nav-item
{z-index: 15000;}
  
}


* {margin: 0;padding: 0;}    
nav {background: #101a23;width: 100%;}
ul {padding: 0;margin: 0 auto;width: 80%;}
ul li {list-style: none;display: inline-block;padding:20px;text-align: right;}
ul li:hover {background: transparent;}
ul li a {color: #fff;text-decoration: none;}
.toggle {width: 100%;padding: 10px 20px;background: #101a23;text-align: right;box-sizing:border-box;color: #fff;font-size: 30px;display:none;}
.dropdown-item {
	border-bottom-color:#FFF;
	border-left-color:#FFF;
	border-right-color:#FFF;
	border-top-color:#FFF;
	color:#a11814;}