@font-face {

	font-family: "Myfont";

	src: url("../fonts/gothic.eot");

	src: url("../fonts/gothic.ttf");

	src: url("../fonts/gothic.woff");


}
html,body{

	width:100%;

	height:100%;

	margin:0px;

	padding: 0px;

}

* {padding: 0px;

  margin: 0px;}
.bage{
	width: 100%;
	height: 100%;
	margin: 0%;
	padding: 0%;
	 
}
.single-item{
	position: relative;
    padding: 0%;
    margin: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;

}
.s_i{
	width: 100%;
	height: 100%;
	margin: 0%;
	padding: 0%;
  
}
.s_i img{
  background-size: cover;
  position: center center;
   width: 100%;
	height: 100%;
  margin: 0%;
	padding: 0%;
}
.pat{
	 background-size: cover;
  position: center center;
   width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
  margin: 0%;
	padding: 0%;
	background: url('../img/pattern60.png');
/*	background-color: red;*/
	z-index: 100;
	position: absolute;
}
.center{
	height: 100%;
	width: 25%;
	position: absolute;
	left:37.5%;
	 margin: 0%;
	padding: 0%;
	background-color: rgba(0,0,0,0.8);
	z-index: 150;
	top: 0%;
}
.logo{
	 margin: 0%;
	padding: 0%;
	position: absolute;
	height: 40%;
	width: 90%;
	background: url('../img/logo-new-02.png') no-repeat;
    background-size: contain;
	top: 10%;
	left: 5%;
	background-position: center center;
}
.txt1{
	color: #00a19a;
	font-size: 18px;

	font-family: Myfont;
    top: 52%;
    left: 30%;
    position: absolute;
    text-align: center center;
}
.fb{
	color: white;
	top: 57%;
	left: 34%;
	position: absolute;
	text-decoration: underline;
	  text-align: center center;
}
.pn{
	color: white;
	top: 60%;
	left: 31%;
	position: absolute;
	  text-align: center center;
}
a:link, a:visited{

    color: white;
}

 a:hover, a:active {
    color: white;
}
@media(max-width: 800px),(max-width: 1200px){
  .s_i{
  height: 100%;
  }
  .slick-list{
  height: 100%;
  }
  .slick-track{
  	height: 100%;
  }
  .single-item{
  height: 100%;
  }
  .txt1{
  	left: 17%;
  }
  .fb{
  	left: 25%;
  }
  .pn{
  	left: 20%;
  }
}
@media(max-width: 700px){
  .s_i{
  	height: 100%;
  }
  .slick-list{
  		height: 100%;
  }
  .slick-track{
  height: 100%;
  }
  .single-item{
  	height: 100%;
  }
  .txt1{
  	left: 27%;
	font-size: 10px;
  }
  .fb{
  	left: 25%;
	font-size: 10px;
  }
  .pn{
  	left: 20%;
	font-size: 10px;
  }
}
@media(max-width: 400px){
  .s_i{
  	height: 100%;
  }
  .slick-list{
  	height: 100%;
  }
  .slick-track{
  height: 100%;
  }
  .single-item{
  height: 100%;
  }
  .center{
  	
  }
  .pat{
  height: 100%;
  }
  .txt1{
  	left: 0%;
  	font-size: 10px;
  }
  .fb{
  	left: 0%;
  	font-size: 10px;
  }
  .pn{
  	left: 0%;
  }
}