@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}



@font-face
{
font-family:myFirstFont;
src:url('mangal.ttf');     
}
body
{
font-family:myFirstFont; background-image="images/bg-image.png";!important margin: 0; 
	padding: 0;
}

.bg{background="images/bg-image.png";!important}

section, figure, audio, video, aside,footer,header {

	display: block;
	}

header{ max-width: 900px;
	height:auto;

       padding:5px; 
	background: #900;}
.container {
	max-width: 900px;
	height: auto;
	margin: 10px auto;
	background: #FFF;
}
.main {
	text-align: center;
	width: 100%;
}
#logo a {
	text-decoration: none;
}
.banner {
	max-width: 900px;
	height: auto;
	border-radius: 10px;
	margin-top:20px;
}
img {
	width: 99%;
	border: 3px solid #C00;
	height: 100%;
	border-radius: 5px;
}
.text-main {
	text-align: justify;
	width: 100%;
	height: auto;
	padding-top: 30px;
}
section {
	max-width:900px;
	marging-top: 10px;
	height:auto;

}
.text-main p {
	border: solid 1px #CC0000;
	border-radius: 5px;
	padding: 5px;
}
.text-main h1 {
	color: #F00
}
footer {
	max-width: 900px;

	background: #900;
	margin-top: 30px;
	text-align: center;

clear: both;
}
.copyright {
	color: #CCC;
	padding:10px
}
.copyright a {
	color: #FFF;
	text-decoration: none;
}
.mid-box{ max-width:900px; height:auto; margin:0px ; margin-top:10px; border:1px solid #C00; padding-top:10px; border-radius:10px;
}

.mid-boxone{ max-width:900px; height:auto; margin:0px ; margin-top:10px;  padding-top:10px; border-radius:10px;
}

.mid-box P{ text-align:justify; padding:5px;}
.img-gl{
height:130px;
width:192px;
border-radius:5px;
margin-left:5px;
float:left;
margin-top:30px;
 padding:10px;

}
.title h1,h2{color: #F00}
span p{ font-size:12px; color:#333;    text-align: center;} 

nav.menu {
    width: 100%;
    height: 42px;
    background:#900 none repeat scroll 0% 0%;
    position: relative;
    bottom: 3px;
    margin-top:5px;
    display:none;    }

nav.menu ul {
    list-style-type: none;
}

.cll{ clear:both;}
.cntt{ width:100px; height:45px; text-align:center; margin-left:20px; }
nav.menu ul li a {
	
    font-size: 14px;
    color: #FFF;
    text-transform:capitalize;
    float: left;
    text-decoration: none;
    padding: 0px 15px;
    line-height: 42px;
    font-weight: bold;
    transition: all 0.2s ease 0s;
}


nav.menu ul li a:hover{ background:;}
 
 
.new{  width :175px;
    height :auto ;
    position:fixed;
      top:15%; left:0px;  
    background-color:#FFF;
    filter: alpha(opacity=87);
    -moz-opacity:0.87;
    opacity:0.87;
    -moz-box-shadow:0px 0px 20px #000000;
    -webkit-box-shadow:0px 0px 20px #000000;
    box-shadow:0px 0px 20px #000000;
        -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;

    
     }


. new .new_menu{ position:relative; left:0px;}

ul.new_menu {
    font-size:12pt;
    font-weight:bold;
    list-style:none;
    text-decoration:none;
    color:white;
   
}
ul.new_menu li{
    line-height:0.5em;
    padding:10px 0 10px 16px ;
    margin-top:10px;
}
a,a:visited {
    color:red;
    text-decoration:none;
    font-weight:bold;

}
.items-dta,.rules{ padding:20px;}


	.items-dta ol { padding-left:20px;  }
	.items-dta ol li { color:#C00;}
	
	.mid-box span{ padding-left:5px; color:#C00;}
        .cent{ text-align:center; }
	 
	 
	 .mid-box span{ font-size:20px; font-weight:bold;}

.rules ul { list-style-image:url(../images/icon.png);padding:10px; }
.rules ul li{ line-height:35px;}
.mid-img{ max-width:900px; height:auto; margin:0px ; padding:10px;}
.imggg{width:49%;  height:auto; float:left; padding:4px;}
.imggg img{width:100%; height:401px;  }

.cllone{width: 900px;
    height: 30px;
    clear: both;
}

.mid-boxone{ max-width:900px; height:auto; margin:0px ; padding:10px;}

.new-mid{ width:100%; height:400px; background:#fff;  border:1px solid #C00;  text-align: center; padding-top:10px; clear:both; border-radius:10px;}
.new-img {width:47%;  height:400px; float:left; padding:5px; }
.new-txt{width:47%;  height:400px;  float:left; padding:5px;     text-align: center;}
.new-txt p {    line-height: 24px;
 }
.new-txtone{width:47%;  height:300px;  float:left;padding:5px;     text-align: center;}
.new-txtone p {    line-height: 24px;
 }
.new-imgone {width:47%;  height:300px; float:left; padding:5px; }
.new-imgone img{width:100%; height:311px; float:left; }
.new-midone{ width:100%; height:335px; background:#fff;    text-align: center;  border:1px solid #C00; padding-top:10px; clear:both; border-radius:10px;}

.min-vd{width:900px; height:220px;  margin-top:10px}
.vid{ width:200px; overflow:hidden;height:200px; float:left;  border-radius:10px; border:2px solid #C00; margin:10px}


.cent{text-align: center;}


@media only screen and (max-width: 460px){
.mid-boxone{ max-width:768px; height:auto; margin:0px ; padding:10px;}
 
.new-mid{ width:100%; height:400px; background:#fff;  border:1px solid #C00;  text-align: center; padding-top:10px; clear:both; border-radius:10px;}
.new-img {width:47%;  height:400px; float:left; padding:5px; }
.new-txt{width:47%;  height:400px;  float:left; padding:5px;       line-height: 17px;  text-align: center;}
.new-txt p {line-height: 17px;}
.new-txtone{width:47%;  height:300px;  float:left;padding:5px;     line-height: 17px;    text-align: center;}
.new-txtone p {line-height: 17px;}
.new-imgone {width:47%;  height:300px; float:left; padding:5px; }
.new-imgone img{width:100%; height:311px; float:left; }
.new-midone{ width:100%; height:335px; background:#fff;    text-align: center;  border:1px solid #C00; padding-top:10px; clear:both; border-radius:10px;}

}
@media only screen and (max-width: 768px)

{
body{ background="images/bg-image.png"; margin:0px; padding:0px; }

section, figure, audio, video, aside,footer,header 
{

	display: block;
}


header{ max-width: 768px;
	height:auto;

       padding:20px; 
	background: #900;}
.container {
	max-width: 768px;
	height: auto;
	margin: 5px auto;
	background: #FFF;
}

.new  {display:none}
.fnt{ font-size:16px; text-align: center;}

.main {
	text-align: center;
	width: 100%;
}
#logo a {
	text-decoration: none;
}
.banner {
	max-width: 768px;
	height: auto;
	border-radius: 10px;
	margin-top:20px;
}
img {
	width: 99%;
	border: 3px solid  #900;
	height: 100%;
	border-radius: 5px;
}
.text-main {
	text-align: justify;
	width: 100%;
	height: auto;
	padding-top: 30px;
}
section {
	max-width: 768px;
	marging-top: 10px;
	height:auto;

}
.text-main p {
	border: solid 1px  #900;
	border-radius: 5px;
	padding: 5px;
}
.text-main h1 {
	color: #F00
}
.copyright {
	color: #CCC;
	padding:10px
}
.copyright a {
	color: #FFF;
	text-decoration: none;
}
.mid-box{ max-width:768px; height:auto; margin:10px;}
.img-gl{
height:219px;
width:266px;
border-radius:5px;
margin-left:5px;
float:left;
margin-top:20px;
 padding:10px;
text-align: center;
}
span p{ font-size:12px; color:#333;} 

nav.menu {
	text-align:center;
    width: 100%;
    height:auto;
    background:#900 none repeat scroll 0% 0%;
    position: relative;
    bottom: 3px;
    margin-top:5px;
    display:block;

    }

nav.menu ul {
    list-style-type: none;

}
nav.menu ul li { border-bottom:1px solid #C60;}
nav.menu ul li a {
	
     text-align:center;
    font-size: 14px;
    color: #FFF;
    text-transform:capitalize;
    float:none;
    text-decoration: none;
    padding: 10px;
    line-height: 26px;
    font-weight: bold;
    transition: all 0.2s ease 0s;
}

nav.menu ul li:hover{ background:#F60;}


.items-dta{ padding:20px;}


	.items-dta ol { padding-left:20px;  }
	.items-dta ol li { color:#C00;}
	
	.mid-box span{ padding-left:5px; color:#C00;}
        .cent{ text-align:center; }

.mid-img{ max-width:768px; height:auto; margin:0px ; padding:10px;}
.imggg{width:48%;  height:auto; float:left; padding:4px;}
.imggg img{width:100%; height:401px;  }


img {
	width: 99%;
	border: 3px solid  #900;
	height: 100%;

  	border-radius: 5px;
}
.figure{ width:90% ; height:30%;}


footer {
	

	background:  #900;
	margin-top: 30px;
	text-align: center;
	width:100%;
	clear: both;
}
.mid-boxone{ max-width:768px; height:auto; margin:0px ; padding:10px;}


.cllone{width: 900px;
    height: 30px;
    clear: both;
}

.mid-boxone{ max-width:768px; height:auto; margin:0px ; padding:10px;}
 
.new-mid{ width:100%; height:400px; background:#fff;  border:1px solid #C00;  text-align: center; padding-top:10px; clear:both; border-radius:10px;}
.new-img {width:47%;  height:400px; float:left; padding:5px; }
.new-txt{width:47%;  height:400px;  float:left; padding:5px;       line-height: 17px;  text-align: center;}
.new-txt p {line-height: 17px;}
.new-txtone{width:47%;  height:300px;  float:left;padding:5px;     line-height: 17px;    text-align: center;}
.new-txtone p {line-height: 17px;}
.new-imgone {width:47%;  height:300px; float:left; padding:5px; }
.new-imgone img{width:100%; height:311px; float:left; }
.new-midone{ width:100%; height:335px; background:#fff;    text-align: center;  border:1px solid #C00; padding-top:10px; clear:both; border-radius:10px;}

.min-vd{width:768px; height:auto;}

.vid{ width: 200px;
    overflow: hidden;
    height: 200px;
    float: left;
    border-radius: 10px;
    border: 2px solid #C00;
    margin-left: 55px;
}


.cent{text-align: center;}

}
@media only screen and (max-width:800px)
{
.vid{ width:200px; overflow:hidden; height:200px; float:left;  border-radius:10px; border:2px solid #C00;     margin-left: 55px;}
}
@media only screen and (max-width:420px){
body{ background="images/bg-image.png"; margin:0px; padding:0px;}


header{ max-width: 420px;
	height:auto;

       padding:10px; 
	background: #900;}
.container {
	max-width: 420px;
	height: auto;
	margin: 10px auto;
	background: #FFF;
}
.new  {display:none}

.main {
	text-align: center;
	width: 100%;
}
#logo a {
	text-decoration: none;
}
.banner {
	max-width: 410px;
	height: auto;
	border-radius: 5px;
	
        padding: 5px;
}
.text-main {
	text-align: justify;
	width: 100%;
	height: auto;
	padding-top: 30px;
}
section {
	max-width: 420px;
	marging-top: 10px;
	height:auto;

}
.text-main p {
	border: solid 1px  #900;
	border-radius: 5px;
	padding: 5px;
}
.text-main h1 {
	color: #F00
}
footer {
	max-width: 100%;

	background:  #900;
	margin-top: 30px;
	text-align: center
} 
.copyright {
	color: #CCC;
	padding:10px
}
.copyright a {
	color: #FFF;
	text-decoration: none;
}
.mid-box{ max-width: 420px; height:auto; margin:10px;}
.img-gl{
height:90%;
width:90%;
border-radius:5px;
margin-left:0px;
float:left;
margin-top:10px;
 padding:10px;

}
span p{ font-size:12px; color:#333;} 

nav.menu {
	text-align:center;
    width: 100%;
    height:auto;
    background: #900 none repeat scroll 0% 0%;
    position: relative;
    bottom:1px;
    margin-top:5px;
    display:block;

    }

nav.menu ul {
    list-style-type: none;

}
nav.menu ul li { border-bottom:1px solid #C00}
nav.menu ul li a {
	
    text-align:center;
    font-size: 14px;
    color: #FFF;
    text-transform:capitalize;
    float:none;
    text-decoration: none;
    padding: 5px;
    line-height: 22px;
    font-weight: bold;
    transition: all 0.2s ease 0s;
}

nav.menu ul li:hover{ background:#F60;}
.items-dta{ padding:20px;}


	.items-dta ol { padding-left:20px;  }
	.items-dta ol li { color:#C00;}
	
	.mid-box span{  color:#C00;}
        .cent{ text-align:center; }

.mid-img{ max-width:420px; height:auto; margin:0px ; padding:10px;}
.imggg{width:98%;  height:auto; float:none; padding:0px;}
.imggg img{width:100%; height:50%; float:none; }



img {

border: 3px solid #900;
height: 50%;
border-radius: 5px;
margin-left: 0px;
}
.figure{ width:60% ; height:30%;}


footer {
	background:  #900;
	margin-top: 30px;
	text-align: center;
	width:100%;


}
.fnt{ font-size:12px; text-align: center;}
.mid-boxone{ max-width:420px; height:auto; margin:0px ;padding:25px;}

.new-mid{ width:100%; height:auto; background:#fff;  border:1px solid #C00; padding-top:10px; clear:both; border-radius:10px;}
.new-img {width:100%;  height:auto; float:none; padding:5px; }
.new-img img { width: 95%; border: 3px solid #900; height: 50%;border-radius: 5px; margin-left: 1px;}
.new-txt{width:100%;  height:auto;  float:none;padding:1px; }
.new-txt p {text-align:justify; padding:1px; }


.new-txtone{width:100%;  height:auto;  float:none;padding:5px; }
.new-txtone p {text-align:justify; padding:10px; }
.new-imgone img { width: 95%; border: 3px solid #900; height: 50%;border-radius: 5px; margin-left: 1px;}
.new-imgone {width:97%; height:auto;  float:none; padding:5px; }
.new-midone{ width:100%; height:auto; background:#fff;  border:1px solid #C00; padding-top:10px; clear:both; border-radius:10px;}

.min-vd{max-width:98%; height:auto; border-radius:10px; border:2px solid #C00; margin-top:10px}
.vid{ width:90%; overflow:hidden; height:200px; float:none; margin:10px; }
embed { width:100%;}
}


.pagination {
  display: inline-block;
  padding-left: 0;
  margin: @line-height-computed 0;
  border-radius: @border-radius-base;

  > li {
    display: inline; // Remove list-style and block-level defaults
    > a,
    > span {
      position: relative;
      float: left; // Collapse white-space
      padding: @padding-base-vertical @padding-base-horizontal;
      line-height: @line-height-base;
      text-decoration: none;
      color: @pagination-color;
      background-color: @pagination-bg;
      border: 1px solid @pagination-border;
      margin-left: -1px;
    }
    &:first-child {
      > a,
      > span {
        margin-left: 0;
        .border-left-radius(@border-radius-base);
      }
    }
    &:last-child {
      > a,
      > span {
        .border-right-radius(@border-radius-base);
      }
    }
  }

  > li > a,
  > li > span {
    &:hover,
    &:focus {
      z-index: 2;
      color: @pagination-hover-color;
      background-color: @pagination-hover-bg;
      border-color: @pagination-hover-border;
    }
  }

  > .active > a,
  > .active > span {
    &,
    &:hover,
    &:focus {
      z-index: 3;
      color: @pagination-active-color;
      background-color: @pagination-active-bg;
      border-color: @pagination-active-border;
      cursor: default;
    }
  }

  > .disabled {
    > span,
    > span:hover,
    > span:focus,
    > a,
    > a:hover,
    > a:focus {
      color: @pagination-disabled-color;
      background-color: @pagination-disabled-bg;
      border-color: @pagination-disabled-border;
      cursor: @cursor-disabled;
    }
  }
}

// Sizing
// --------------------------------------------------

// Large
.pagination-lg {
  .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
}

// Small
.pagination-sm {
  .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
}