body
{
	font-family: 'Raleway', sans-serif !important;
	background-color:#FFEFDF !important;
	margin: 0px;
	padding: 0px;
	font-size:13px;

	overflow-x:hidden;

}

   
    #date_time {
    font-size: 19px;
    font-family: initial !important;
    font-weight: bold;
}

.pagination.left {
    margin-left: 39%;
}

.value-1
{
	text-align:center;
}
.panel-body
{
	padding:15px !important;
}

.arrow-down {
	width:0; 
	height:0;
	border-left: 10px solid transparent;
border-right: 10px solid transparent;
cursor: default;
border-top: 12px solid;
float: right;
}
.align-right{
	float:right;
	margin:20px 0 20px 20px;
}
.main-button
{
display:none;
}

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
}
.Kural-1 {
    margin-top: 91px;
}
.kural
{
	margin-top: 60px;
}
/*.cl-effect-20 a {
	line-height: 2em;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
}

.cl-effect-20 a span {
	position: relative;
	display: inline-block;
	background: #f36a49;
    box-shadow:inset 0 3px #DE4C29;
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
	transition: background 0.6s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}
.cl-effect-20 a span,.cl-effect-20 a span::before {
	padding:15px 63.67px;
}
.cl-effect-20 a span::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 101%;
	background: #fff;
	color:#f36a49;
	content: attr(data-hover);
	-webkit-transform: rotateX(270deg);
	-moz-transform: rotateX(270deg);
	transform: rotateX(270deg);
	-webkit-transition: -webkit-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	pointer-events: none;
}

.cl-effect-20 a:hover span,
.cl-effect-20 a:focus span {
	background:none;
}

.cl-effect-20 a:hover span::before,
.cl-effect-20 a:focus span::before {
	-webkit-transform: rotateX(10deg);	
	-moz-transform: rotateX(10deg);
	transform: rotateX(10deg);
}*/

/*.cl-effect-5 a {
	overflow: hidden;
}

.cl-effect-5 a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-5 a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}*/

.modal-dialog img {
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    height: 500px;
}
.navbar.navbar-default {
	background:#B22222;
	box-shadow: 0px 2px 4px #000;
}

	.bg-1 {
    background:#B22222 !important;
}
.navbar.navbar-default.xc.footer {
    background: #b22222;
}
.bg-2 {
    background: #fff;
	margin: 0;
	box-shadow: 0px 2px 4px #000;
	padding-top:6px;
}
.fa.fa-facebook {
    color: #fff;
    padding-top: 7px;
    font-size: 28px;
    color: #fff;
    padding-bottom: 7px;
    padding-right: 15px;
    background: #4862A3;
    padding-left: 12px;
	padding-top: 18px;
}
.panel-heading {
    font-size: 16px !important;
	background-color:#FFEFDF !important;
}
.fa.fa-home {
    font-size: 36px;
}
.fa.fa-twitter {
    color: #fff;
    padding-top: 6px;
    font-size: 21px;
}

.fa.fa-youtube {
    color: #fff;
    padding-top: 6px;
    font-size: 25px;
    color: #fff;
}
.myheader
{
	background-color:#B22222;
	padding: 0px;
	margin: 0px;
}
.myheader > li > a:hover{
	color:blue;
}
.logo img {
    max-height: 215px;
    
}
.logotext h1 {
    font-size: 41px;
    color: #F0403E;
    text-shadow: 0px 2px 4px #000;
    margin-left: 71px;
    margin-top: -25px;
}
/*@media (min-width:375px){

.logo img
{
	height:80px;
	width:80px;
	margin-left:100px;
	padding: 0px;
}

}*/
.titlediv
{
	padding-left:45px;
	width: 500;
	width: 500px;
	margin-top: -20px;
	
}

/*@media (min-width:375px){
.titlediv
{
	margin-left: 40px;
	width: 500px;
}
}*/


.titlediv p
{
	font-size: 25px;
	color: red;
	text-shadow: 2px 2px 4px #000000;
}
.myheader .menu li a{
	color: white;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	margin-left: 20px;

}
.myheader .menu li a:hover{
	background-color: #8B0000;
	margin-left: 20px;
	color: white;
}
.footer
{
	background-color: #B22222;
}
.left-panel
{
	border: #B22222;
	height: auto;
	background-color:transparent;
}
.right-panel
{
	border: #B22222;
	height: auto;
	background-color: transparent;
}
.panel-heading
{
	background-color: #B22222;
}

/*-------------------*/

@charset "utf-8";
/* CSS Document */
@media (min-width:981px){


}
@media (min-width:768px){

.nav a
{
	
}

}
@media (max-width:767px){

html,body

{

overflow-x:hidden;
}
body
{

overflow-x:hidden;
}	
.vv {
    margin-left: auto;
    margin-right: auto;
    display: block;
	box-shadow: 0px 2px 4px #000;
}
.kkl
{
	padding-left:30px !important;
}
.slides
{
	display:none;
}

.fb-post {
	width:100px; !important;
}
.Kural-1
{
	margin-top: -10px;
	
}
.Kural-1 p
{
	margin-left:15px;
	
}
.clk {
    right: 1px !important;
    margin-top: -305px;
}
.img-circle {
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}
.navbar.navbar-default.xc.footer .nav a {
    background: #b22222;
    font-size: 9px !important;
    line-height: 0px;
}
.col-md-4 .pa {
    width: 100% !important;
    font-size: 12px !important;
}
td, th {
    padding: 0px !important;
}
.fa.fa-youtube {
    color: #fff;
    padding-top: 13px;
    font-size: 27px;
    color: #fff;
    float: right;
}
.fa.fa-facebook {
    color: #fff;
    padding-top: 7px;
    font-size: 17px;
    color: #fff;
    padding-bottom: 7px;
    padding-right: 15px;
    background: #4862A3;
    padding-left: 12px;
    padding-top: 18px;
    float: left;
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
    margin-left: auto !important;
margin-right: auto !important;
display: block;
   
}
.navbar-toggle {
   
    float: none;
   
}
.logo
{
	margin-left:0px !important;

}
.logo img {
    max-height: 150px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.cen p {
    font-size: 14px !important;
    margin-top: 25px;
    margin-left: -46PX;
margin-right: 0px !important;
}
.topp p {
    font-size: 14px !important;
    padding-right: 0px !important;
margin-top: -15px;
}
.bott p {
    font-size: 14px !important;
    margin-left: -77px;
}
.cl-effect-5 a
{
	width:100%;
}
.cl-effect-5 a span {
		width:100%;
		
	}
.col-xs-12 img {
    width: 100% !important;
}

.logo {
    margin-left: 35px;
}
.sll img
{
	width:92% !important;
}
.color-5 {
    background: #267E0F;
    text-align: center;
}
.nav.navbar-nav.navbar-right.menu li {
    float: left;
	padding-left: 75px;
}
.nav a
{
	border:none  !important;
}
.col-md-3 .fa {
    text-align: center;
}
.bg-1 {
    background: #B22222;
    text-align: center;
}





	


 



}
@media (min-width:768px) and (max-width:980px){

.topp p {
	
}
nav a
{
	font-size:9px !important;
	
}
.navbar-default .navbar-toggle {
    
}
.nav a
{
	
}

.logo img
{


}

.cen p {
   
    margin-top: 25px;
    margin-left: -46PX;
}
.topp p {
   
    padding-right: 0px !important;
margin-top: -15px;
}
.bott p {
    
    margin-left: -66px;
}
.cl-effect-5 a span
{
	
}
.cl-effect-5 a span {
   
    padding: 1px 5px 2px 0px !important;
}

.col-md-4.logo img {
    margin-left: 37%;
}
.bg-1 {
    background: #B22222;
    text-align: center;
}
.nav.navbar-nav li {
    float: none;
}
}