@charset "utf-8";
/* CSS Document */

.mainbox{ width:1300px;height:100%;margin-top:20px; margin-left:auto;margin-right:auto;
	}
.leftbanner{margin-top:5px;margin-left:20px; width:200px;height:2200px;border-color: #000;border-width:5px;background-color: transparent;float:left;display: inline-block;
 }
.rightbanner{display: inline-block;margin-top:-200px;width:200px;height:2200px;border-color:#FF0000;border-width:5px;
background-color: transparent; float:right;margin-right:20px;
 }
.adshere{background-color:#EEEFF2;
width: 140px;
height:210px;
border-radius: 5px;
padding: 5px; margin:auto;
box-shadow: 0 32px 16px -22px rgba(0, 0, 0);
text-align:center; font-family:"MS Serif", "New York", serif; font-size:34px; font-weight:900; color: #FFF; font-style:italic;/* color: #00F; */
}
.adshere:hover{
  border: 4px solid #9FF;
  border-radius: 5px;
}
.textadshereshort{ width:120px; height:140px;text-align:center; margin-top:35px; margin-left:auto; margin-right:auto;text-shadow: -2px -2px #000000;  animation: fadeIn 7s; animation-iteration-count:infinite;
}
.longadshere{background-color:#EEEFF2;
width: 140px;
height:410px;
border-radius: 5px;
padding: 5px; margin-top:20px; margin-bottom:auto; margin-left:auto; margin-right:auto; 
box-shadow: 0 32px 16px -22px rgba(0, 0, 0);
text-align:center; font-family:"MS Serif", "New York", serif; font-size:34px; font-weight:bolder;color: #FFF; font-style:italic;/* color: #00F; */
}
.longadshere:hover{
	border: 4px solid #9FF;
	border-radius: 5px;
	font-weight: bold;
}
.textadsherelong{ width:120px; height:140px;text-align:center; margin-top:120px; margin-left:10px; text-shadow: -2px -2px #000000;animation: fadeIn 11s; animation-iteration-count:infinite;
}
.livetvarea_1{background-color: #F00;
width: 180px;
height:40px;
border-top-left-radius:10px; border-top-right-radius:10px;
padding: 5px; margin:auto;
box-shadow: 0 32px 16px -22px rgba(0, 0, 0);
text-align:center; font-family:"MS Serif", "New York", serif; font-size:22px; font-weight: bolder; 
color: #FFF; text-shadow: -2px -2px #000000;
}
.livetvarea_2{background-color: #F00;
width: 180px;
height:80px;
border-bottom-left-radius:10px; border-bottom-right-radius:10px;
padding: 5px; margin:auto;
box-shadow: 0 32px 16px -22px rgba(0, 0, 0);
text-align:center; font-family:"MS Serif", "New York", serif; font-size:22px; font-weight: bolder; 
color: #FFF; text-shadow: -2px -2px #000000;
}
.livetvchannel{ height:50px; width:60px; padding:2px; float:left; margin-top:5px; margin-left:15px; opacity:1;
	}
.livetvchannel:hover{border: 1px solid #FFF; box-shadow: -1px 1px 12px 1px lightblue;border-radius: 5px; opacity:0.5; background-color:#FFFFFF;
	}
	
.center1{margin-top:5px;height: 220px;
border: 1px solid px; width:800px; height:200px; border-color: #F30; 
border-width:2px;float:left; margin-left:20px;display: inline-block; 
box-shadow: 0 32px 16px -22px rgba(0, 0, 0);
-webkit-box-shadow: 0 32px 16px -22px rgba(0, 0, 0);
-moz-box-shadow: 0 32px 16px -22px rgba(0, 0, 0);
 }
.center2{margin-top:30px; width:804px; height:20000px;border-color: #F30;border-width:2px; float:left; margin-left:20px;display: inline-block;background-image: url(../img/5lawn.png);
 }

.bottompage{
margin-top:100px;width:1000px;height:800px;border-color:#FF0000;border-width:5px; background-color: #C3C;float:left; margin-left:160px;display:inline-block;  padding: 20px; background-image: url(../img/5lawn.png);
	}

.table-1{ margin-left:5px; float:left; }

.table-2{ margin-left: 10px; float:left; }

.flex-container{ background-color:#333366;
  width:800px; 
  height:100%;
  border: 1px solid black;  
  }
.bpfonts{ font-family:Arial, Helvetica, sans-serif; font-size:20px; text-indent: 50px;text-align: center;letter-spacing: 3px; color:#FFFFFF; font-weight:700;
} 
.spfonts{font-family:Arial, Helvetica, sans-serif; font-size:10px; text-indent: 50px;etter-spacing: 3px; color:#FFFFFF;  text-align: justify;
  text-justify: inter-word;
}
hr.thicktype{
  border: 3px solid #FFF;
  border-radius: 5px;
}
body {background-image: url(../img/5lawn.png); background-color:#CCCCCC;}
.emailcontact{
	width:190px;
	height:50px;
	float:right; 
	margin:auto;
	padding-top:10px;
	display:inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bolder;
	font-size: 16px; color:#FFF; text-shadow: 5px 5px 5px black;
}
img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#slider{

width:790px;
height:196px;
padding:1px;
box-shadow: 0 0 8px rgba(0,0,0,1);
position: absolute;
}
.slide{
list-style:none;
}
#slider>li{ position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
}
/* text effect JQ function */
@import url("https://fonts.googleapis.com/css?family=Lato:900");
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  20% {
    opacity: 1;
  }
  40% {
    transform: scale(1.15);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  20% {
    opacity: 1;
  }
  40% {
    transform: scale(1.15);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes slideDown {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  40% {
    transform: translateY(5px);
  }
  70% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  40% {
    transform: translateY(5px);
  }
  70% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes slideUp {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  40% {
    transform: translateY(-3px);
  }
  70% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideUp {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  40% {
    transform: translateY(-3px);
  }
  70% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes spinIn {
  0% {
    opacity: 0;
    transform: rotate(180deg) scale(0);
  }
  20% {
    opacity: 1;
  }
  40% {
    transform: rotate(360deg) scale(1.15);
  }
  70% {
    transform: rotate(360deg) scale(0.9);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
@keyframes spinIn {
  0% {
    opacity: 0;
    transform: rotate(180deg) scale(0);
  }
  20% {
    opacity: 1;
  }
  40% {
    transform: rotate(360deg) scale(1.15);
  }
  70% {
    transform: rotate(360deg) scale(0.9);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
.bounce_in_animation {
  display: inline-block;
  width: 190px;
}

/* CSS auto Text Fade IN */
.fade-in-text {
  font-family: Arial;
  font-size: 150px;
  animation: fadeIn 5s; animation-iteration-count:infinite;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}