@font-face{
  font-family: 'bimbo';
  src: url('../img/fonts/Bimbo.ttf') format('truetype');
} 
@font-face{
  font-family: 'brush';
  src: url('../img/fonts/Brush.ttf') format('truetype');
} 
@font-face{
  font-family: 'Candara';
  src: url('../img/fonts/Candara.ttf') format('truetype');
} 
@font-face{
  font-family: 'cbb';
  src: url('../img/fonts/cbb.ttf') format('truetype');
} 
@font-face{
  font-family: 'OpenSans';
  src: url('../img/fonts/OpenSans.ttf') format('truetype');
} 

a:link, a:visited, a:hover, a:active  {
  color:#000;
  text-decoration: none;
}

input:focus,
select:focus,
textarea:focus,
button:focus,
div:focus {
    outline: none !important;	
}

*{
	 margin:0;
	 padding:0;
}

::-webkit-scrollbar {
    display: none;
}

body{
	 margin:0;
	 padding:0;
	 font-family:arial;
	background-image:url("../img/bg.jpg") !important;
	 background-repeat: repeat;
	 background-size: 200px 200px;
	  background-attachment: fixed;
	 -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	   -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
			
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.header_nav{
	width:50%;
	position:fixed;
	top:0;
	right:0;
	color:#000;
	font-size:15px;	
	text-align:left;
	z-index:2;
	
	
}

.header_nav p{
	display:inline-block;	
	padding-top:28px;
	padding-left:4%;
	padding-right:4%;
	font-family:OpenSans;
	text-align:center;
}
.header_nav p:hover{
	font-weight:600;
	color:#FEE31A;
	text-shadow: 0 0 3px #999, 0 0 5px #999;
}
.header_nav p:active{
	font-weight:600;
	color:#000 !important;
}
.activet{
	background-color:#FEE31A;
	color:#000 !important;
	padding-bottom:27px !important;
	text-shadow: none !important;
}

.logo_head{
	position:fixed;
	width:100%;
	top:0px;
	padding-top:10px;
	padding-left:3%;
	padding-bottom:5px;
	font-family:bimbo;
	border-bottom:2px solid #ddd;
	background-image:url("../img/bg.jpg");
	z-index:1;
	 background-repeat: repeat;
	 background-size: 200px 200px;
}

.logopos{
	color:#000;
	font-size:25px;
	font-weight:800;
	font-family:bimbo;
}

.logoimg{
	height:70px; 
	vertical-align:middle;
}


#navopn{
	display:none;
}
#navcl{
	display:none;
}

.mobmenu{
display:none;
}
/*Responsive Header*/
.abtpara{
	padding-top:10px; 
	padding-left:10%; 
	padding-right:10%; 
	text-align:justify;
	font-family:candara;
}


.social_icon{
	width:25px;
	display:inline-block;
	margin-left:3px;
	
}



@media only screen and (max-width: 450px) {
.header_nav{
	display:none;
}

#navopn{
    display:block;
	position:fixed;
	font-size:32px; 
	top:19px;
	right:10px;
	z-index:5;
}

#navcl{
    display:none;
	position:fixed;
	font-size:30px; 
	top:19px;
	right:10px;
	transition: visibility 1s, opacity 0.5s linear;
	z-index:5;
}

.logo_head{
	position:fixed;
	width:100%;
	top:0px;
	padding-top:10px;
	padding-left:3%;
	font-family:bimbo;
	z-index:1;
}
.mobmenu{
	display:block;
	position:fixed;
	width:100%;
	height:0px;
	background-color:#000;
	top:0px;
	overflow:hidden;
	z-index:99;
	color:#fff;
	font-family:OpenSans;
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
	 -moz-transition: height 1s ease;
  -webkit-transition: height 1s ease;
  -o-transition: height 1s ease;
  transition: height 1s ease;
}

.mobmenu p{
	padding:1%;
	padding-left:10px !important;
	padding-right:10px !important;
	display:inline-block;
	color:#fff;
	font-size:13px;
	font-family:OpenSans;
}
.mobmenu p:hover{
	padding:1%;
	padding-left:10px !important;
	padding-right:10px !important;
	display:inline-block;
	font-size:15px;
	color:#FEE31A;
}

.activer{
	font-weight:800;
	color:#FEE31A !important;
}
/*Responsive Header*/

.social_icon{
	width:25px;
	display:inline-block;
	margin-left:3px;
}
.abtpara{
	padding-left:5%; 
	padding-right:5%; 
	box-sizing:border-box;

}

}