html, body {
    height: 100%;
    width: 100%;
	overflow-y: hidden;
}

 nav {
        z-index: 9999!important;	
    }
    .btn {
        z-index: 9999!important;
    }
    .navbar-fixed-top {
        background: transparent!important;		
        width: 98%;
        border-radius:0px 0px 10px 10px;
        border: 0px!important;
    }
	.navbar-brand {
		font-size: 20px;
		font-weight: bold;
		color: #fff!important;
		text-shadow: 1px 1px 3px #333;
        }
	.navbar-header .navbar-toggle,.navbar-header .navbar-toggle:hover,.navbar-header .navbar-toggle:focus {
		background: #f2d848;
		border:none;
		color: #fff!important;
        }
	.navbar-right li a + .tooltip > .tooltip-inner {
		color: #fff; 
		padding: 10px 20px;
		font-size: 14px;
		border-radius: 10px;
    }
    .navbar-tabs.pull-right div a span {
		margin-top:12px;
        background: #f2d848!important;
		box-shadow: #9c8715 0px 2px 0px;
		margin-right:5px;	
    }
    .navbar-tabs.pull-right div a span:hover,
    .navbar-tabs.pull-right div a span.active,
    .navbar-tabs.pull-right div a span:focus {
		background: #66c2c4!important;
		box-shadow: red 0px 2px 0px;	
    }
    .navbar-fixed-bottom {
        width: 98%;
        border-radius:10px 10px 0px 0px;
        padding-top: 7px;
        padding-bottom: 0px;
        background: #1aa78e/*2b92a9*/;
        border: 0px;
    }
	.navbar-fixed-bottom .btn-group .btn-warning {
		padding-left: 7px;
		padding-right: 7px;
		font-size: 12px;
	}	
@media (min-width: 769px){

	.navbar-right {
		position: absolute;			
		right: 19px;
		top: 64px;
	}
	.navbar-right li a{
		background: #93c33b;
		color: #fff!important;
		border-bottom:3px solid #54850b;
		border-radius: 12px;
		padding: 13px 20px;
		letter-spacing:1px;
		margin: 0px 2px;
	}    
	.navbar-right li a:hover{
		background: #9be13a!important;
		color: #fff!important;
		-webkit-transition-duration: 0.8s; /* Safari */
		transition-duration: 0.8s;
		}        
	.navbar-right li a:focus{
		background: #d52865!important;
		color: #fff!important;	
	}   
	.navbar-right li.active a{
		background: #9c8715!important;
		border-bottom:3px solid #f2d848;
		color: #fff!important;
	}

}   
@media (max-width: 768px) {   

    .mainCont{	
		padding:0;
	}
	.board{
		border:none!important;
		border-radius:0;
		height:100%;		
	}
	.header{
		border-radius:0;
	}
	.footer{
		border-radius:0;
	}
	 .navbar {
		border-radius: 0px;
	}
	.navbar-fixed-top {
		width: 100%;
	}
	.navbar-collapse {
		background: #6dcac8;
		position: absolute!important;
		top: 55px;
		right: 30px;
		border-radius: 10px;
		max-width: 200px;
	}        
	.navbar-collapse li{
		width: 90%;
	}   
	.navbar-default .navbar-nav > li > a {
		color: #fff;
		text-align: center;
		margin: 0px 5px;
		min-width: 150px;	
	}        
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
		color: #f29b30;
		font-weight: bold;
		background: none;
		border-radius: 10px;
        }
        
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
		background: none;
		color: #f29b30;
		font-weight: bold;
        }        
	#point-up {
		position: absolute!important;
		top: -10px;
		right: 30px;
		display:inherit!important;
		color: #1aa78e/*2b92a9*/;
        }
        
	.navbar-tabs.pull-right {
		position: fixed;
		top: 10px;
		width: 100%;
		text-align:right;
		background:white;
		
        }
	.tooltip {
		display: none!important;
        }        
	.navbar-tabs.pull-right div {
		position: absolute;
		z-index: 1000;
		top: 68px;	
		right:45px;
		width:100%;
		background:white;
		padding:14px;
		}
	.navbar-tabs.pull-right div li a {
		color: #fff!important;
		}
	.navbar-fixed-bottom {
            width: 100%;
        }
	.objmod {
            margin-top: 150px!important;
        }
    }   
}  
    /* At media section */
@media (max-width: 990px) {   
    .mainCont{	
	padding:0;
	}

	.board{
		border:none!important;
		border-radius:0;
		height:100%;		
		width:100%;
	}
	.header{
		border-radius:0;
	}
	
	.footer{
		border-radius:0;
	}	
}
.bootleg {

  padding: 4px 20px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #766714;
  background-color: #f2d848;
  border: none;
  border-radius: 15px;
  font-weight:bold;
  box-shadow: 0 5px #9c8715;
}

.bootleg:hover {
	background-color: #e5c92c;
	text-decoration:none;

}

.bootleg:active {
  background-color: #e5c92c;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
  color:white;
}


#button1 {
    background-color: #0b3347;
    border-radius:40px;
    color: white;
	border-bottom:3px solid #888888;
    padding: 7px 35px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	   -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
#button1:hover {
 background-color: #1280b9; 
	border-bottom:2px solid #fab001;
}

 .button {
 font-size:18px!important;
  border-radius: 30px;
  border:1px solid white;
  background-color: #0186da;
 
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 10px;
  width: 180px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}
.modalDialog > div {
	background:#79cbc7;
	box-shadow: 0 0 5px #d0e4f2;
	width: 50%;
	height:50;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
}

/* NAV & Media Screen */
.animated {
    -moz-animation-name: pulseeffect;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-play-state: running;

    -webkit-animation-name: pulseeffect;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;

    animation-name: pulseeffect;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

    @-moz-keyframes pulseeffect {
        0%   {
                color: #ffffff;
            }
        70%  {
                color: #42bdc2;
            }
        100%  {
                color: #e7e3e2;
            }
    }
    @-webkit-keyframes pulseeffect {
        0%   {
                color: #ffffff;
            }
        70%  {
                color: #f1c545;
            }
        100%  {
                color: #e7e3e2;
            }
    }

    /* Standard syntax */
    @keyframes pulseeffect {
        0%   {
                color: #ffffff;
            }
        70%  {
                color: #f1c545;
            }
        100%  {
                color: #e7e3e2;
            }
    }
/* NAV & Media Screen */