@font-face {
    font-family: dicotme;
    src: url(font/DICOTME.TTF);
}
@font-face {
    font-family: colibrii;
    src: url(font/calibri.ttf);
}
html{ min-width: 100%;
    min-height: 100%;}

body     {	font-family: colibrii;
	min-width:600px;
	width:100% !important;
	
    height: 100%;
	}
.bg    {
	min-width: 100%;
    min-height: 100%;
    height: 100%;
    width: 100%;
    z-index: -100;
    background-size: cover; 
	}

.navbar{position:absolute;position:absolute; width:80%; width:80vw; background-color:#F5CB11; min-height:43px !important; height:43px; font-family:dicotme;  font-weight: bold;    border: 0px;}
.navbar-nav > li {float: left;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {  height:80px;  color: #fff;  background-color: #030000;}
.navbar-default .navbar-nav > li > a { color: #030000;}
.navbar-default .navbar-collapse {position:absolute;margin-left: 15%;margin-left: 15vw; height:auto; background-color:#F5CB11; margin-bottom:10px; z-index:123;}

.nav > li > a {padding: 10px 25px; }
ul.nav a:hover { color: #fff !important; }

.footer{height:100%;max-height:250px; background-color: #030000;  color: #fff; 
    position:fixed;top:95%;top:95vh; left:0px; width:100%; width:100vw;}
#footer{margin-left:40px; font-family:dicotme; margin-top:0px; height:45px;}
#logofooter{margin-top:-130px;}

.logo{position:absolute; top:300px; }
.logo img{width:50%;}




video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
   
    background-size: cover; 
}
video {display: block;}



 .preloader {
            /* written in CSS 3.0 */
            opacity: 0;
            font-size: 36px;

            -webkit-transition: 0.2s all;
             -khtml-transition: 0.2s all;
               -moz-transition: 0.2s all;
                -ms-transition: 0.2s all;
                 -o-transition: 0.2s all;
                    transition: 0.2s all;
    
            -webkit-transform: scale( 0.1 );
               -moz-transform: scale( 0.1 );
                -ms-transform: scale( 0.1 );
                 -o-transform: scale( 0.1 );
                    transform: scale( 0.1 );
      position: fixed;
	  top:0px;
	  left:0px;
	 
	  z-index:20000;
	  background-color:#fff;
	  width:100%;
	  width:100vw;
	  height:100%;
	  height:100vh;


	  }
        .preloader.show {
            opacity: 1;

            -webkit-transition: 0.2s opacity;
               -moz-transition: 0.2s opacity;
                -ms-transition: 0.2s opacity;
                 -o-transition: 0.2s opacity;
                    transition: 0.2s opacity;
    
            -webkit-transform: scale( 1 );
             -khtml-transform: scale( 1 );
               -moz-transform: scale( 1 );
                -ms-transform: scale( 1 );
                 -o-transform: scale( 1 );
                    transform: scale( 1 );
        }
		
		.body.hide {display:none;}

		

@media screen  and (orientation:portrait)  {
.navbar-default .navbar-collapse   {margin-left: 0%;margin-left: 0vw; }
#footer2{margin-left:0px;}
#footer{margin-left:0px;}
#logofooter1{top:85%; }
.container-fluid {padding-left:0px;}

}


@media screen and (max-width: 990px) {
	.footer{ top:90vh;}
	.navbar-nav > li {float: none; z-index:12315; height:  auto;}
	#logofooter1{top:90%; }
.navbar-default .navbar-collapse   {margin-left: 0%;margin-left: 0vw; left:70%;}
}

@media screen and (max-width: 1150px) {
	.navbar-default .navbar-collapse   {margin-left: 0%; margin-left: 0vw; }
	#footer {margin-left: 0px; }
}

@media screen and (min-width: 1600px) {
	.navbar-default .navbar-collapse  {margin-left: 24%;margin-left: 24vw; }
}