@font-face {
    font-family: fontum;
    src: url(../font/NeoSansPro-Regular.ttf) format('truetype');	 
	}
	@font-face {
    font-family: fontum2;
    src: url(../font/Fontasique.ttf) format('truetype');	 
	}
	@font-face {
    font-family: fontum3;
    src: url(../font/PoetsenOne-Regular.ttf) format('truetype');	 
	}
body{
	font-family: fontum !important;
	overflow-x: hidden;
}
body::-webkit-scrollbar {
  width: 8px;
}
body::-webkit-scrollbar-thumb {
background-color: #fff;
    border: 1px solid #000;
    border-radius: 88px;
}

.navbar-brand{
	font-family: fontum;
	font-size: 23px !important;	
}

.navbar{
	border: 0 !important;
	margin-bottom: 0 !important; 
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a {
    background-image: -webkit-linear-gradient(top,#fff 0,#89E7FE  100%) !important;
    background-image: -o-linear-gradient(top,#fff 0,#89E7FE  100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#89E7FE )) !important;
    background-image: linear-gradient(to bottom,#fff 0,#89E7FE  100%) !important;
    color: #111 !important;
	-webkit-box-shadow: none !important;
        box-shadow: 0px 0px 3px 0px #999 !important;
	border-top: 1px solid #fff;
}
@media (min-width: 768px) {
    .navbar .navbar-nav{
        display: inline-block;
        float: none;
		margin-top: 20px;
    }
    .navbar .navbar-collapse{
        text-align: center;
    }
}
div#bs-example-navbar-collapse-1 {
    padding-bottom: 3px;
	margin-top: 25px;
}
.navbar-inverse .navbar-brand {
color: #000000 !important;
}
#log_ls{
    top: 5px;
    left: 215px;
    position: absolute;
    padding: 0px;
}
.loga>ul:nth-child(1){
	margin-top: 25px;
}

ul.navbar-nav>li>a{
	font-family: fontum;
	 color: #111 !important;
	-webkit-box-shadow: none !important;
    box-shadow: 0px 0px 3px 0px #999 !important;
	border-top: 1px solid #fff;
	margin-left: 3px !important;
	margin-right: 3px !important;
	line-height: 25px;
	transition: all 300ms ease-out;
}
.navbar-inverse .navbar-nav>li>a {
    color: #0E0A0A !important;
}
.navbar-inverse .navbar-nav>li>a{
	border-top: 1px solid transparent;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color: #444 !important;
}
.navbar-inverse {
    background-image: -webkit-linear-gradient(top,#7BE4FD  0,#FFFFFF 100%) !important;
    background-image: -o-linear-gradient(top,#7BE4FD  0,#FFFFFF 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#7BE4FD ),to(#FFFFFF)) !important;
background-image: linear-gradient(to bottom,#7BE4FD  0,#FFFFFF 100%) !important;

}
@media (max-width: 767px){
	.navbar {
		min-height: auto;
	}
}

@media (min-width: 1200px) {
	.navbar {
			min-height: 120px !important;
		}
}
.main{
	background: url(../wallpaper/bg2.jpg) center fixed no-repeat;
	background-size: cover;
	min-height: 600px;
}
.bgmain{
	border: 1px solid #D7F2FF;
    min-height: 500px;
    margin-top: 100px;
	margin-bottom: 75px;
    padding-bottom: 5px;
    padding-top: 30px;
   /* background: rgba(255, 255, 255, 0.90); */
	background: #fff  url(../logo/logo3.png) no-repeat center !important; 
	display: none;
}
a.hvr-float.hvr-float-shadow {
    padding-right: 25px;
    font-size: 12px;
    padding-top: 7px;
    padding-left: 25px;
    padding-bottom: 7px;
}
.cl_cont{
	margin-top: 5px;
    min-height: 230px !important;
	background: rgba(255, 255, 255, 0.88);
	padding: 20px;
    border: 1px solid #D2D2D2;
	border-width: 0px 1px 0px 1px;
	display: none;
}
.cont_img{
	-webkit-filter: contrast(100%);
	    margin: auto;
}
.cl_cont:hover>.cont_img{
		-webkit-filter: contrast(110%);
}
.cl_cont:hover>a>.nextt{
    margin-top: -20%;
	padding-top: 10px;
	padding-bottom: 10px;
	background: rgba(255, 2, 2, 0.72);
    color: #fff;
	font-size: 16px;
}
.cl_cont:hover>a>.nextt-sm{
    margin-top: -20%;
	background: rgba(255, 2, 2, 0.72);
    color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
}
.refRef>p{
	padding: 5px;
	transition: all 300ms ease-out;
}
.FoE{
	 padding: 0;
    border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	padding-top: 10px;
}
.FoE>div>div>img{ 
    -webkit-filter: grayscale(1);
    border: 1px solid #000;
}
	
.FoE>div>div>p{color: black !important;}
.FoE>div>div{
    background: rgba(255, 255, 255, 0.57);
}
.FoE:hover>div>div>img{
    -webkit-filter: grayscale(0);
}
.hrSp{
    padding: 0% 1px 100%;
    background: #E0E0E0;
    margin: 0;
}
.refRef>p:hover{
	background: #000;
	color: #fff;
}
.nextt,.nextt_sm{
	transition: margin-top 300ms ease-out;
	background: rgba(255, 255, 255, 0.8);
    padding: 5px;
    border: 1px solid #CCCCCC;
    box-shadow: 0px 3px 7px -3px #000;
    z-index: 999;
    margin-top: -63%;
    text-align: center;
}
.nextt_sm{
	margin-top: 0 !important;
	transition: all 300ms ease-out;
}
.cl_cont:hover>.nextt_sm{
    margin-top: -20%;
	background: rgba(255, 2, 2, 0.72);
    color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
}
.nextt-sm{
	transition: margin-top 300ms ease-out;
	background: rgba(255, 255, 255, 0.8);
    padding: 5px;
    border: 1px solid #CCCCCC;
    box-shadow: 0px 3px 7px -3px #000;
    z-index: 999;
    margin-top: -60%;
    text-align: center;
}
.btn.btn-facebook.btn-social-icon.hidden-xs:hover, .btn-twitter.btn-social-icon.hidden-xs:hover {
background: transparent !important;
}
.btn.btn-facebook.btn-social-icon.hidden-xs, .btn-twitter.btn-social-icon.hidden-xs {
    min-height: 1px;
    border-radius: 99%;
    font-size: 8px;
    width: 10px;
    height: 10px;
    background: #000;
	color: #fff !important;
}
/* alt blog */
.altBoxStand{
    z-index: 2;
    top: 50px;
}
.altBox{
    text-align: center;
	display: none;
    font-size: 16px;
}
.altBox>img{
	min-height: 150px !important;
    border: 3px solid #ccc;
}
.altBox:hover>img{
	border: 3px solid red;
}

.altBox>div{
    position: absolute;
    top: 50px;
    width: 85%;
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid #A7A7A7;
    z-index: 5;
}














/* Footer */
.footer{
	min-height: 100px;
	background: #efefef;
	
}
.footer, .footer>div{
	text-align: center; padding-bottom: 5px;
}
.footer>div>img,.footer>div>a>img,.footer>div>p{
	margin: auto;position: relative;
}