@font-face {
    font-family: "BitforitSegoe";
    src: url("../fonts/SegoeUILight.eot");
    src: url("../fonts/egoeUILight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/SegoeUILight.woff") format("woff"),
    url("../fonts/SegoeUILight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


html {        
      height: 100%;
      width: 100%;
      min-height: 100%;
      min-width: 100%;      
      overflow:vertical;       
      }


body {  
  background: url('../images/bb.svg') no-repeat center center fixed;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size:1.7em;
  font-family: 'BitforitSegoe';
}



#BfiPage1 {background: url('../images/bb.svg') no-repeat center center fixed;}




#BfiPage2 {background: url('../images/PG1bg.jpg') no-repeat center center fixed;}
#BfiPage3 {background: url('../images/PG2bg.jpg') no-repeat center center fixed;}
#BfiPage4 {background: url('../images/PG3bg.jpg') no-repeat center center fixed;}
#BfiPage5 {background: url('../images/PG4bg.jpg') no-repeat center center fixed;}
#BfiPage6 {background: url('../images/PG5bg.jpg') no-repeat center center fixed;}
#BfiPage7 {background: url('../images/PG6bg.jpg') no-repeat center center fixed;}
#BfiPage8 {background: url('../images/PG7bg.jpg') no-repeat center center fixed;}
#BfiPage9 {background: url('../images/PG8bg.jpg') no-repeat center center fixed;}



a {color:color:#f7f7f7;text-decoration:none;outline:none;}
a:hover {text-decoration:none;outline:none}
a:visited {color:color:#f7f7f7;outline:none}
a:link {color:color:#f7f7f7;outline:none}
a:focus {text-decoration:none;outline:none}
a:active {text-decoration:none;outline:none}

.container-fluid{
  height:100%;
  display:table;
  width: 100%;
  padding: 0;  
}

.row-fluid {height: 100%; display:table-cell; vertical-align: middle;}

.centering {
  float:none;
  margin:0 auto;
}

.row {padding:0;margin:0;}

.BitforitHref
{
text-align: center;
display:block;
font-weight:lighter;
font-size:0.5em;
font-size: 1.5vw;
color:#ffffff;
padding:0;
opacity:0;
margin:0;
}


.BitforitHref:hover
{
padding:0px;
text-decoration:none;
font-weight:bold;   
color:#f7f7f7;
text-shadow: 0px 0px 12px #ffffff,0px 0px 18px #ffffff;
}
.BitforitHref:hover img{border:0;}
.BitforitHref:hover{opacity:1 !important;}



div[id^=BfiNav]{visibility:visible;padding:0;}
img[id^=BviGlNV] {width:70%;margin:0.4em;border: solid 6px transparent;}


.BfiSectionHeding
{
 font-size:1.4em; 
 color:rgba(247,247,247,0.8);
 font-weight:bold;
 padding:0; 
 position:fixed; 
 /*top:5.5vh;*/
 top:2.3em;
 width:100%;
 text-align:center; 
 z-index:20;
 white-space: nowrap !important;
}


.BfiSectionHeding img
{
 height:1.3em;margin-bottom:0.2em;opacity:0.8;
}


.BfiPageContentRow {height:100%;margin-top:5.4em;z-index:0;}


.BitforitMainDvdr {height:8vh;}


.BfiQuandrantContainer
{
 border:solid 1px #ff0000;
 padding:1%; 
 background-color:rgba(0,0,0,0.2);
 color:#f7f7f7;
}

.BitforitLogo img {
width:35%;
}

div[id^=BfiPage] {visibility:hidden;display:none;-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;}
 


.BfiNavBar
{
position:fixed;
top:-3.2em;
left:0;
width:100%;
background-color:rgba(10,120,200,0.3);
height:3.2em;
box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
z-index:20;
}


.BfiNavForwrd, .BfiNavBack, .BfiNavHome
{
position:absolute;
top:0;
white-space: nowrap !important;
padding:0;
overflow:hidden;
}

.BfiNavForwrd a, .BfiNavBack a, .BfiNavHome a
{
display:block;
/*height:5.7vh;*/
white-space: nowrap !important;
overflow:hidden;
color:#f7f7f7;
vertical-align:middle;
/*font-size:3.6vh;*/
font-size:2.1em;
}

.BfiNavForwrd a img, .BfiNavBack a img, .BfiNavHome a img
{
border:solid 2px transparent;
 opacity:0.75;
 /*height:4.6vh;*/
 height:1.4em;
 /*margin-bottom:0.5vh;*/
 margin-bottom:0.26em;
}

.BfiNavForwrd a:hover img, .BfiNavBack a:hover img, .BfiNavHome a:hover img
{
border:0;
opacity:1; 
}



.BfiNavBack{left:0;width:45%;}
.BfiNavBack a {text-align:left;}
.BfiNavBack a:hover
{
 text-decoration:none;
 font-weight:bold;   
 color:#ffffff;
 text-shadow: 0px 0px 12px #ffffff,0px 0px 18px #ffffff;
}


.BfiNavForwrd {left:55%;width:45%;text-align:right;}
.BfiNavForwrd a {text-align:right;}
.BfiNavForwrd a:hover
{
 text-decoration:none;
 font-weight:bold;   
 color:#ffffff;
 text-shadow: 0px 0px 12px #ffffff,0px 0px 18px #ffffff;
}


.BfiNavHome {left:45%;width:10%;}
.BfiNavHome a {text-align:center;}


.col-md-1{margin:0;padding:0;}
.col-md-2{margin:0;padding:0;}
.col-md-4{margin:0;padding:0;}
.col-md-6{margin:0;padding:0;}
.col-md-5{margin:0;padding:0;}
.col-md-12{margin:0;padding:0;}
.col-md-10{margin:0;padding:0;}
.col-md-3{margin:0;padding:0;}
.col-md-8{margin:0;padding:0;}


.BfiQQLass
{
 margin:0 2% 0 2%; 
 border:0;
 text-align:left;
 border-bottom:dotted 0.2em rgba(247,247,247,0.7);
 padding:3% 5% 3% 5%;
 
}

.BfiQQLass p
{ 
  text-align:justify;
  font-size:1em;
}

.BfiQQLass h1
{
 text-align:left;
 font-size:1.7em;
 font-weight:bold;
 padding:0;
 margin:0 0 1em 0;
 text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.BfiQQLass h2
{
 text-align:left;
 font-size:1.3em;
 font-weight:bold;
 padding:0;
 margin:0 0 0.4em 0; 
 text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.BfiQQLass h3
{
 text-align:left;
 font-size:0.9em;
 font-weight:bold;
 padding:0;
 margin:0 0 0.2em 0;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.BfiQQLass hr
{
border:0;
border-top:dotted 1px rgba(0,0,0,0.2);
border-left:dotted 1px rgba(0,0,0,0.3);
border-bottom:dotted 1px rgba(255,255,255,0.35);
border-right:dotted 1px rgba(255,255,255,0.25);
width:3em;
text-align:left;
margin:1em 0 1em 0;
height:0px;
}


.BfiQQLass .nav{border:0;}
.BfiQQLass .nav a{font-size:1.2em;font-weight:bold;border-radius: 0.1em 0.3em 0.1em 0.3em;border:solid 1px rgba(247,247,247,1);color:rgba(247,247,247,1);padding:0.15em 0.4em 0.15em 0.4em;margin:0.1em;box-shadow: 0 0 0.2em rgba(247,247,247,0.4);}
.BfiQQLass .nav a:hover{background:0;text-shadow: 0px 0px 12px #ffffff,0px 0px 18px #ffffff;}
.BfiQQLass .nav > li.active > a{background-color: rgba(255,255,255,0.5);border:solid 1px rgba(255,255,255,1);color:#ffffff;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);}


.BfiQQLass .btn, .btn-default, .dropdown-toggle  {background-color:rgba(0,0,0,0);color:#f7f7f7;font-size:1em;text-align:left;border-color:#f7f7f7;font-weight:bold;text-shadow:0;}
.BfiQQLass .btn:hover {text-shadow: 0px 0px 10px #ffffff,0px 0px 16px #ffffff;}

.BfiQQLass .open > .dropdown-toggle.btn-default {
text-shadow: 0px 0px 12px #ffffff,0px 0px 18px #ffffff;
background-color:rgba(0,0,0,0);color:#f7f7f7;
border-color:#f7f7f7;
}




.BfiTopGrad
{
position:fixed;
width:100%;
top:0;
left:0;
/*height:9vh;*/
height:5.4em;
z-index:10;
box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}


.BfiSpanAccent {font-weight:bolder;opacity:0.65;}
.BfiPanelAccent {background-color:rgba(0,0,0,0.15);border-radius: 0.5em 1.4em 0.5em 1.4em;padding:0.5em;border:solid 0.2em;}


.bf_NavigTop
{
 position: fixed;
 top:5.3vh;
 text-align:center;
 left:50%;
 margin-left:-10vw; 
 z-index:99999;
 width:20vw;
 overflow:hidden;
 border:solid 2px rgba(0,0,0,1);
 /*background-color:rgba(26,51,77,0.97);*/
 background-color:rgba(27,27,27,0.97);
 border-radius:0.5em 0.5em 0.5em 0.5em;
 box-shadow:0px 0px 20px rgba(26,51,77,0.8); 
}

.bf_NavigTop a
{display:block;color:#ffffff;font-size:1.3vw;text-shadow: 0px 0px 12px rgba(0,0,0,0),0px 0px 18px rgba(0,0,0,0);opacity:0.6;}


.bf_NavigTop a img
{height:2.2em;width:2.2em;vertical-align:middle;margin-right:1%;}




.bf_NavigTop a:hover
{text-shadow: 0px 0px 12px #ffffff,0px 0px 18px #ffffff;font-size:1.3vw;opacity:1;}

.bf_NavigTop a:hover img
{height:2.2em;width:2.2em;}

.bfLitSwitch {padding-left:25px;background: url('../images/LTFlag.svg');background-size: 20px auto; background-repeat: no-repeat;background-position:2px 3px;color:#eeeeee;opacity:0.8;}
.bfEngSwitch {padding-left:25px;background: url('../images/GBFlag.svg');background-size: 20px auto; background-repeat: no-repeat;background-position:2px 3px;color:#eeeeee;opacity:0.8;}

.bfLitSwitch:hover {opacity:1;color:#ffffff;}
.bfEngSwitch:hover {opacity:1;color:#ffffff;}

.bfLitSwitch:visited {color:#eeeeee;}
.bfEngSwitch:visited {color:#eeeeee;}

 
  
@media (max-width: 991px) {
     .BfiNavForwrd a, .BfiNavBack a {font-size:1.5em;margin-top:0.25em;}
  }  



@media (max-width: 640px) {
     .BfiNavForwrd a, .BfiNavBack a {font-size:0.9em;margin-top:1em;}
  }
  
  
@media (max-width: 640px) {
     .BfiNavHome a {font-size:1.4em;margin-top:0.25em;}
  }  
  
 
  
@media (min-width: 320px) and (max-width: 640px) {
     .BitforitLogo img { width:50%;}
  }
  

@media (max-width: 320px) {
.BitforitLogo img { width:70%;}
}

@media (max-width: 991px) {
  .BitforitHref {height:6vw;height:6vh;font-size:3vw;font-size:4vh;}
}

@media (max-width: 991px) {
  .BitforitHref img{border-width:3px;}
}



@media (max-width: 991px) {
  img[id^=BviGlNV] {height:1.2em;width:1.2em;vertical-align:middle;margin: 0px 6px 4px 0px;}
}

@media (max-width: 991px) {
   .BitforitMainDvdr {height:0vh;}
}

@media (max-width: 991px) {
  .bf_NavigTop {width:34vw;margin-left:-17vw;}
}

@media (max-width: 991px) {
  .bf_NavigTop a {font-size:2.0vw;}
}

@media (max-width: 991px) {
  .bf_NavigTop a:hover {font-size:2.0vw;}
}


@media (max-width: 640px) {
     .bf_NavigTop {width:50vw;margin-left:-25vw;}
  }



@media (max-width: 640px) {
     .bf_NavigTop a {font-size:0.95em;}
  }

@media (max-width: 640px) {
     .bf_NavigTop a:hover {font-size:0.95em;}
  }