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

*{
margin:0px;
padding:0px;
}

body{
background-image:url(../images/Body-bg.png);
background-repeat:repeat-x;
background-color:#fe8a3d;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:18px;
padding-bottom:10px;

}

input:focus {
    outline: none;
}

input:focus, textarea:focus {outline: none;}



.title1{
font-family: 'Swis721CnBTRoman';
font-size:14px;
color:#c73400;
font-weight:bold;
}


@font-face {
    font-family: 'Swis721CnBTRoman';
    src: url('swish/swz721c-webfont.eot');
    src: url('swish/swz721c-webfont.eot?#iefix') format('embedded-opentype'),
         url('swish/swz721c-webfont.woff') format('woff'),
         url('swish/swz721c-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
#header, #menuwrapper, #inner-banner-wrapper, #middle-mainwrapper, #footer{
max-width:990px;
}
@media screen and (max-width:1035px){
#header, #menuwrapper, #inner-banner-wrapper, #middle-mainwrapper, #footer{
padding:0 45px;
}
#middle-mainwrapper,#menuwrapper{width: 91%;!important;padding:0!important;}
}
    
#header{
	margin-right: auto;
	margin-left: auto;
	position:relative;
	text-align:center;
}
#sathyasai-logo {
position:absolute;
top:18px;
}
#sai-title {
	padding:18px 0;
}
#title {
}

#saititle-test {

	font-family: 'Swis721CnBTRoman';
	font-size: 17px;
	color: #FFFFFF;
	line-height: 20px;
}

.moorthi-button {
	font-family: 'Swis721CnBTRoman';
    font-size: 17px;
    text-decoration: none;
    background: linear-gradient(to bottom, #fffefe, #f8eaee);
    border-radius: 0 0 4px 4px;
    color: #aa0707;
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px 5px 0px;
    box-sizing: border-box;
    width: 170px;
    height: 55px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
}
.moorthi-button:hover{
color:#000000;
font-size:18px;
padding-left:7px;
padding-right:7px;
background:linear-gradient(to bottom, #f7e7ec, #ffffff);
}
@media screen and (max-width:1035px){
.moorthi-button {
right:45px;
height:auto;
width:80px;
font-size:16px;
padding:8px 10px;
}
#sai-title{
display:inline-block;
width:400px;
}
#sai-title img{
width:100%;
}
#saititle-test{
font-size:16px;
}
}
@media screen and (max-width:767px){
.moorthi-button {
font-size:13px;
}
#sai-title{
width:300px;
}
}
#menuwrapper {
	height: 40px;
	margin-right: auto;
	margin-left: auto;
}
.menu {
    border-radius:4px;
	height: 40px;
	background-color: #aa0707;
}
#menu-main-both{
width:990px;
margin-left:auto;
margin-right:auto;
height:45px;
}
#banner-wrapper {
	height:280px;
	width:990px;
	margin-right:auto;
	margin-left:auto;
	margin-top:5px;
	background-color:#f7e4ea;
   -khtml-border-radius:4px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
    border-radius:4px;
}

#inner-banner-wrapper {
	margin-right:auto;
	margin-left:auto;
	margin-top:5px;
	background-color:#f7e4ea;
	background-clip:content-box;
   -khtml-border-radius:4px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
	border-radius:4px;
}
#inner-banner-wrapper:after{
content:"";
display:block;
clear:both;
}

#saidnav {
	float: left;
	height: 270px;
	width: 240px;
	padding-top: 5px;
	padding-left: 5px;
}

#inner-saidnav {
	float: left;
	height: 140px;
	width: 230px;
	padding-top: 5px;
	padding-left: 5px;
}
.navleft {
	height: auto;
	margin:0px;
	padding:0px;
}
.navleft ul{
list-style-type:none;

}
.navleft ul li{
display:block;

}

.navleft ul li a{
width:220x;
height:65px;
font-family: 'Swis721CnBTRoman';
text-decoration:none;
background-image:url(../images/nav-bg.png);
background-repeat:no-repeat;
color:#71011a;
display:block;
font-size:18px;
margin-bottom:3px;
line-height:65px;
padding-left:10px;
background-size:contain;

}


.navleft ul li a:hover{
color:#000000;
background-image:url(../images/nav-bghover.png);
background-repeat:no-repeat;

}
.nav-img{
padding-right:15px;
padding-top:17px;
}

#main-banner {
	float: right;
	height: 272px;
	width: 747px;
	padding-top: 4px;
	padding-right: 5px;
}

.inner-banner {
	float: right;
	height: 135px;
	width: calc(100% - 250px);
	padding-top: 4px;
	padding-right: 5px;
	background-image: url(../images/innerbanners/Aboutsai.png);
	background-repeat: no-repeat;
	background-position:0px 4px;
}
#updatenews {
	height: 40px;
    width: 990px;
	margin-right: auto;
	margin-left: auto;
	background-color: #f7e4ea;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-khtml-border-radius:4px;
	padding-left: 15px;
	margin-top: 5px;
	border: 1px solid #ff6d09;
}
#middle-mainwrapper {
    margin:5px auto 0;
	padding-bottom: 2px;
}
#middle-main-leftnav {
	float: left;
	 
}
#navbox1 {
	margin-bottom: 6px;
}
#navbox1top {
	height: 34px;
}
.contentbox-navbox1top {
	height: 34px;
	width: 240px;
}

#navred-strip {
	float: left;
	height: 34px;
	width: 6px;
	background-image: url(../images/red-leftstrip.png);
	background-repeat: no-repeat;
}
.navredmiddle-strip {
    width: 239px;
	height: 34px;
	background-color:#c73400;
	line-height:34px;
	font-family: 'Swis721CnBTRoman';
	font-size:16px;
	color:#fffefe;
	padding-left: 10px;
	border-radius:4px 4px 0 0;
}

.content-navredmiddle-strip {
	float: left;
	height: 34px;
	width:100%;
	background-image: url(../images/red-middle-strip.png);
	background-repeat: repeat-x;
	line-height:34px;
	font-family: 'Swis721CnBTRoman';
	font-size:16px;
	color:#fffefe;
	padding-left: 10px;
}

.navredrightstrip {
	float: left;
	height: 34px;
	width: 6px;
	background-image: url(../images/red-right-strip.png);
	background-repeat: no-repeat;
}
.navboxmiddle {
	height: 135px;
	width: 238px;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background-color: #f7e4ea;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 8px;
}


.contentnavboxmiddle {
	height: auto;
	
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background-color: #f7e4ea;
	padding-top: 10px;
	padding-right: 9px;
	padding-left: 9px;
}
.navbox1bottom {
	height: 10px;
    width: 238px;
	background-image: url(../images/nav-bottom-bg.png);
	background-repeat: no-repeat;
}

.contentboxbottom{
	height:8px;

	background-image: url(../images/content-bottom.png);
	background-repeat: no-repeat;
}

.innercontentboxbottom{
	height:8px;
}
#content-middle-box {
	float: left;
	height: auto;
	width: 500px;
	margin-right: 5px;
	margin-left: 5px;
}

.jumpinput{
    width: 210px;
	height:25px;
	border:#CCCCCC 1px solid;
}

.subtitle{
font-family: 'Swis721CnBTRoman';
font-size:17px;
color:#9d0000;
}


#footer {
	margin-right: auto;
	margin-left: auto;
	background-color: #f7e4ea;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-khtml-border-radius:4px;
	padding-left: 15px;
	padding-top: 5px;
	border: 1px solid #ff6d09;
}

#innerpage-content-middle-box {
	float: left;
	width: calc(100% - 245px);
	margin-right: 5px;
}
.innerpagecontent-navredmiddle-strip {
	height:34px;
	background-color:#c73400;
	line-height:34px;
	font-family: 'Swis721CnBTRoman';
	font-size:16px;
	color:#fffefe;
	padding-left: 10px;
	border-radius:4px 4px 0 0;
}

.innerpagecontentnavboxmiddle {
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background-color: #f7e4ea;
	padding-top: 10px;
	padding-right: 9px;
	padding-left: 9px;
}

input[type="text"] {
    font-family: Arial, san-serif;
	border:#CCCCCC 1px solid;
	width:220px;
	height:25px;
}

input[type="submit"] {
background:#c73400;
width:50px;
height:20px;
border:1px solid #FFFFFF;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-border-radius:4px;
border:none;
color:#FFFFFF;
}

input[type="reset"] {
background:#c73400;
width:50px;
height:20px;
border:1px solid #FFFFFF;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-border-radius:4px;
border:none;
color:#FFFFFF;
}

input[type="textarea"] {
    font-family: Arial, san-serif;
	border:#CCCCCC 1px solid;
	width:150px;
}


.inputtextarea{
width:220px;
height:45px;
border:#CCCCCC 1px solid;
}

#officeworks{
	height:auto;
	width:705px;
	border:1px solid #FFFFFF;
	line-height:20px;
	margin-top:2px;
	color:#333333;
	padding-top:10px;
	padding-right:5px;
	padding-bottom:10px;
	padding-left:10px;
	background-color:#f4f2f3;
}

.contacttexthead{
background-color:#c73400;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding-left:6px; 
padding-right:8px;
padding-top:3px;
padding-bottom:3px;
color:#FFFFFF;
font-weight:bold;


}


.font-bold3{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
line-height:18px;
}

.font-bold4{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
line-height:18px;
padding-left:5px;
}

.padding-left-right{
padding-left:10px;
padding-right:10px;
text-align:center;
}
.padding-left{
padding-left:5px;
}

.robo-details-border{
border:#CCCCCC 1px dotted;
}


.saibabpledge-link{
font-size:13px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

.saibabpledge-link:hover{
font-size:13px;
color:#FFFF00;
text-decoration:none;
}

.product-list1{
	float: left;
	width:335px;

}

.product-list1 ul{
	list-style-image: url(../images/listarrow3.png);
	list-style-position:0 4px;
	padding-left:16px;
	
}
.product-list1 ul li{

padding-top:6px;
padding-bottom:6px;
}


.about-div-box{
	height:25px;
	background-color: #cacaca;
	line-height: 25px;
	padding-left: 10px;
	color: #C73400;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #FFFFFF;

}

.devider{
border-bottom:#CCCCCC 1px dotted;
padding-top:5px;
}

.font-head2{
color:#78011c;
font-size:13px;
font-weight:bold;
}

.left-float-img{
float:right;
padding-left:10px;
}

.right-float-img{
float:left;
padding-right:10px;
}

.about-links{
font-size:13px;
color:#000000;
text-decoration:none;
}

.about-links:hover{
color:#ff6600;
}

.product-list2{
	float: left;
	width:700px;

}

.product-list2 ul{
	list-style-image: url(../images/listarrow3.png);
	list-style-position:0 5px;
	padding-left:16px;
	
}
.product-list2 ul li{
    padding: 6px 90px 6px 0px;
}
#innerpage-Maintitle {
	float: right;
	height: 40px;
	margin-top: 83px;
	font-size: 28px;
	font-family: Swis721CnBTRoman;
	color:#FFFFFF;
	background-image: url(../images/innertitle-bg.png);
	background-repeat: no-repeat;
	padding-right: 15px;
	line-height: 40px;
}

.sitemap-nav {
	width: 725px;
	font-family:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#002f61;
	line-height:35px;
	display:block;
}

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



}

.sitemap-nav ul li{
background-repeat:no-repeat;
background-position:bottom;





}

.sitemap-nav ul li.navnonborder{
padding-right:2px;
padding-left:2px;
background-image:none;
}

.sitemap-nav ul li a{
text-decoration:none;
line-height:35px;
display:block;
color:#000000;
outline:none;
font-size:12px;
padding-left:20px;
background-image:url(../images/list-arrow.png);
background-repeat:no-repeat;
background-position:0px 12px;
border-bottom:#CCCCCC 1px dotted;
}
.sitemap-nav ul li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#ff6600;
	display:block;
	padding-left:1px;
	outline:none;
	padding-left:20px;
	border-bottom:#999999 1px dotted;
}
.sitemap-nav ul li a.active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#ff6600;
	display:block;
	padding-left:1px;
	outline:none;
}
#about-div {
	padding: 10px;
}

.imgright{
float:right;
padding-left:10px; 
padding-bottom:10px;
}

.imgleft{
float:left;
padding-right:10px; 
padding-bottom:10px;
}

/**************************Menu Responsive start***************************************/

.topnav {
  overflow: hidden;
  background-color:#AA0707;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 12px;
  text-decoration: none;
  font-size: 14px;

}

.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}
.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 17px;    
    border: none;
    outline: none;
    color: white;
    padding: 0px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.dropdown-content {
    display: none;
    position: absolute;
  background-color:#AA0707;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom: 1px solid #FECD4A;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color:#c73300;
  color: #FFEA00;

}

.dropdown-content a:hover {
    background-color: #F1D7E0;
    color: black;
}

.dropdown:hover .dropdown-content {
    display: block;
}

@media screen and (max-width: 1035px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
	margin-right:0px;
    display: block;
  }
  .fa {
    vertical-align: 0px!important;
	    display: inline-block;
}
 .fa{
     display:none;
   }
#content-middle-box {
    width: 47.7%;
}
}

@media screen and (max-width: 1035px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
    .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    border-bottom: 1px solid #FECD4A;
  }
    .topnav.responsive .dropdown-content a  {
     display:none;
   }


  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
#middle-mainwrapper {width: 100%;}  
}
/**************************Menu Responsive end***************************************/
#clock{font-size:12px!important;}
#footer iframe{width:30%}
#footer a {margin: 6px 10px;margin:6px 20px;float:right}
#footer  p{text-align:center;display:inline-block;width:40%;}
@media screen and (max-width: 1035px) {
#saidnav {
    width: 26%;
}
#main-banner {
    width: 72%;
}
#banner-wrapper {
    width: 91%;
}
#main-banner iframe{width:100%}
#updatenews {
     width: 91%;
}
#updatenews .left .ticker-controls{display:none!important;}
#middle-mainwrapper {
    width: 91%;
}
#middle-main-leftnav {
     width: 25%;
}	
.navboxmiddle iframe{width:100%;}
.navbox1bottom {
    width: 100%;
}
.content-navredmiddle-strip {
    width: 100.2%;
}
.jumpinput {
    width: 100%;
}
.navredmiddle-strip{width:100%;}
.navboxmiddle{width:100%;}
.contentnavboxmiddle dt img{width:90%}
#footer{width:91%}
.navboxmiddle{height:148px;}
}
@media screen and (max-width: 767px) {
.navleft ul li a {
    font-size: 14px;
    line-height: 52px;
}
.navleft ul li a img{height:20px;width:20px}
#banner-wrapper {
    width: 100%;
}
#updatenews {
     width: 100%;
}
#middle-mainwrapper{width: 100%;}
.contentnavboxmiddle dt img{width:100%}
.content-navredmiddle-strip {width:100%}
#footer{width:100%}
#menuwrapper{width:100%}
#footer a {
    margin: 6px 0px;
}
}
@media screen and (max-width: 700px) {
.navredmiddle-strip{
font-size:12px;
}

}
@media screen and (max-width: 620px) {
.navleft ul li a {
    font-size: 12px;
    line-height: 40px;
}

#main-banner {
    width: 72%;
}
#saidnav {
    width: 24%;
}
.navleft ul li a{padding-left:5px}
}
@media screen and (max-width: 600px) {
#sai-title{width:210px}
#sathyasai-logo a img{height: 100px; width: 100px;}
.moorthi-button {width: 60px;}
.navleft ul li a span {    padding: 0px 0px 0px 10px!important;}
#middle-main-leftnav{width:100%}
.navbox1bottom{display:none}
#content-middle-box{width:98%}
.contentnavboxmiddle dt img{width:auto!important;}
.contentboxbottom{display:none;}
.right_sidetab_mid{width:100%!important;}
#ticker{width:100%!important;}
}
@media screen and (max-width: 500px) {
.navleft ul li a img{display:none;}
.navleft ul li a{line-height: 30px;}

}
@media screen and (max-width: 425px) {
#sai-title{width:150px}
#saititle-test {
    font-size: 9px;
}
.moorthi-button {
    width: 40px;
}

.moorthi-button {
    font-size: 7px;
} 
#sathyasai-logo a img{height:40px;width:40px}
.navleft ul li a {
    background-image: none;
}	
.contentnavboxmiddle dt img{width:100%!important}
#footer p{width:100%;}
#footer a { margin: 0px;}
}

.para-title{color:#fff;background-color:#990000;line-height:20px;padding:10px;text-align:center;font-weight:bold;font-size:13px;margin-bottom:10px;}
.text-center{text-align:center;}

.newssec p a{color:#000!important;}

.row .column img{margin:10px 0px;}

/**************************GALLERY START**************************************/* {
  box-sizing: border-box;
}

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color:#c73400;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

/**************************GALLERY END**************************************/

.contentnavboxmiddle dt{display: inline-block; padding: 5px 0px;width:50%;}
.contentnavboxmiddle dd{display: inline-block;vertical-align:top;padding: 5px 0px; line-height:20px;}
.navleft ul li a span{padding: 0px 0px 0px 20px;vertical-align: super;}
.navleft ul li a img{margin:0px;}

.moorthi-button-2{
    top: 32%;
    border-top: 2px solid #AA0707;
}
.donation-table{
    border-collapse: collapse;
}

.donation-table td, .donation-table th {
    border: 1px solid #333;
    padding: 8px;
}
.note-div{
    border: 1px solid #AA0707;
    padding: 10px;
}
.donation-table th {
    background: #C73400;
	color:#fff;
}

.moorthi-button-2 span{font-size:12px;}

.moorthi-button-3{top:64%;border-top: 2px solid #AA0707;}
.bhajans-schedule-list li{list-style-type:none;line-height:25px;}