/* font css*/
@font-face {
    font-family:'Linowrite';
    src: url('../fonts/Linowrite.eot');
    src: url('../fonts/Linowrite.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Linowrite.woff2') format('woff2'),
		url('../fonts/Linowrite.woff') format('woff'),
		url('../fonts/Linowrite.svg#Linowrite') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0008-FB02;
}

html {
  font-family:'Linowrite';
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
   position: relative;
  min-height: 100%;
  position: relative;
}

body {
  font-family:'Linowrite';
  font-size: 20px;
  line-height: 1.42857143;
  color: #333333;
  background-image: url('../images/bg.jpg');
  background-color: #eaeaea;
  background-repeat: repeat-x;
   
  overflow-x: hidden;
  
}

/* top css*/
.top{
 background-color: rgb(250, 233, 12);
    padding: 10px 0 10px;
    width: 100%;
    margin: 0 auto;
	
}
.top a:link, .top a:visited, .top a:hover , .wordb a:link, .wordba a:visited, .wordba a:hover{
	color: #333333;
    text-decoration: none !important;
	
}

.top1{
 background-color: rgb(250, 233, 12);
    padding: 10px 0 10px;
    width: 100%;
    margin: 0 auto;
	
}
.top1 a:link, .top1 a:visited, .top1 a:hover , .wordb a:link, .wordba a:visited, .wordba a:hover{
	color: #333333;
    text-decoration: none !important;
	
}







.plusicon {
  display: block;
  margin: 0 auto;
  color: black;
  background-color: #eaeaea;
  font-size: 18px;
  padding: 5px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  margin-top: -38px;
}

.plusicon:hover, .plusicon:active {
  background-color: yellow;
  text-decoration: none;
}
 





/* footer css*/
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #1b1b1b;
  padding: 8px 0 0; }
  .footer p {
    color: #fff;
	font-size:12px;
	}
  .footer .ting-color {
    color: yellow; }
	
	
	
	
	/* fullscreen css*/
	
.fullscreen-container {
   width:100%;
   position:relative;
   padding:0;
  
        
} 

.rowtest{
	padding-top:100px;
	padding-bottom:100px;
}
 .rowtest1{
	padding-top:50px;
	padding-bottom:50px;
}
 
 .btn2 {
      border: none;
    background: linear-gradient(to bottom, #000000, #000000);
    border-radius: 3px;
    font-family: 'Linowrite';
    color: white;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    margin: 5px;
    font-size: 15px;
}
 
.btn {
  border: none;
  background: linear-gradient(to bottom, #fae90c, #fae90c);
  border-radius: 3px;
  font-family:'Linowrite';
  color: black;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  margin: 5px;
}

.active {
  background: linear-gradient(to bottom, #fae90c, #fae90c);
  text-decoration: none;
}
 
.spacer {
  clear: both;
  height: 20px;
}


 
 .image {
  display: block;
  width: 100%;
  height: auto;
   border: 5px solid white;
    
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fae90c;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
    
}
.imacontainer{
	position:relative;
	margin-bottom:20px;
}

.imacontainer:hover .overlay {
  height: 100%;
     
  
}

.text {
  white-space: nowrap; 
  color: black;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

@media (max-width: 991px) {
	
	
	
	.text {
  white-space: nowrap; 
  color: black;
  font-size: 10px;
  position: absolute;
  overflow: hidden;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
	 .btn2 {
      border: none;
    background: linear-gradient(to bottom, #000000, #000000);
    border-radius: 3px;
    font-family: 'Linowrite';
    color: white;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    margin: 5px;
    font-size: 8px;
}
	
}