ÿþ/*This is the customized css for the website */
.content{
	padding:10px 10px;
	text-align:left;
	
}
.cont-main{
	padding-bottom:30px;
}
.banner1 {
	box-shadow: 0 5px 10px rgb(192, 187, 188);
	/*background:#ffffff;*/
	width:250px;
	margin-right:32px;
	float: left;
}
.banner3{
	/*background:#ffffff;*/
	box-shadow: 0 5px 10px rgb(192, 187, 188);
	width:233px;
	float:right;
}
.grid-p{
	padding: 0 20px 20px 20px;
	height: 350px;
}
.grid-p h4{
	font-size:24px;
	color:#444;
	margin-bottom:10px;
}
.grid-p p,.cont-left-grid p,.para p{
	font-size:12px;
	color: #555;
	line-height:1.8em;
}
.b-rdmore{
	margin:20px 0 10px;
}
.rd-more{
	margin:30px 0px 0px;
}
.b-rdmore a,.rd-more a{
	color: #eee;
	font-size:13px;
	padding: 6px 18px;
	text-decoration: none;
	background: #444444;
	background: -moz-linear-gradient(top, #444444 0%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top, #444444 0%,#333333 100%);
	background: -o-linear-gradient(top, #444444 0%,#333333 100%);
	background: -ms-linear-gradient(top, #444444 0%,#333333 100%);
	background: linear-gradient(to bottom, #444444 0%,#333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#333333',GradientType=0 );
	border-radius: 1.3em;
	-moz-border-radius: 1.3em;
	-webkit-border-radius: 1.3em;
}
.b-rdmore a:hover,.rd-more a:hover{
	background: #8FB037;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #B1C43B), color-stop(100%, #8FAB2D));
	background-image: -webkit-linear-gradient(#B1C43B,#8FAB2D);
	background-image: -moz-linear-gradient(#B1C43B,#8FAB2D);
	background-image: -o-linear-gradient(#B1C43B,#8FAB2D);
	background-image: linear-gradient(#B1C43B,#8FAB2D);
	color: #ffffff;

}
.clear{clear:both;}/* clear float */
/*content part2*/
.cont-btm{
	margin:40px 0;
}
.cont-btm-left{
	width:440px;
	float: left;
	margin-right:40px;
}
.cont-btm-right{
	width:480px;
	float: right;
}
.cont-left-grid h4,.cont-right-grid h4{
	font-size: 24px;
	color: #444;
	margin-bottom: 10px;
}
.cont-left-grid p.btm{
	margin:10px 0;
}
.cont-right-grid{
	margin-bottom:20px;
}
.date{
	float:left;
	width:100px;
	margin-right:10px;
}
.para{
	width:360px;
	float:right;
}
.para span{
	cursor:pointer;
	font-size:12px;
	color:rgb(142, 192, 16);
	text-decoration:underline;
}
.para span:hover{
	color: #555;
}
.wrap1{
	margin:0 auto;
	width:1200px;
}
.vid {
	border:#000 4px solid;
}
.conce {
	margin-top:105px;
	font-size:16px;
}
.lgo {
	padding-top:15px;
	display:inline;
	font-family:"Times New Roman", Times, serif;
	font-size:48px;
	color:#FFF;
}
.log {
	padding-left:50px;
	padding-top:85px;	
}
.log a{
	color:#FFF;
	text-decoration: none !important;
}
.pjust{
	text-align: justify;
}
.course th{
	font-weight:bold;
	border:solid 1px #000;
	padding: 5px 5px;
	text-align:center;
}
.course td{
	border:solid 1px #000;
	padding: 5px 5px;
}
.course li{
	line-height: 1.5em;
}
.team table td {
	padding: 20px 20px;
	border-top: #000 dashed 3px;
}
#supp ul li {
	list-style-image:url(../images/stars.gif);
	list-style-position:outside;
/*	list-style:none;*/
	line-height:1.5em;
}
.bottomaligned {position:absolute; bottom:0;  margin-bottom:7px; left: 0;}
  .bottomright {position:absolute; bottom:0;  margin-bottom:7px; margin:7px; right: 0;}
  .bottomleft {position:absolute !important; bottom:0;  margin-bottom:20px; left: 30px;}
.foot {
	width: 100%;
	height: 35px;
	margin-top: 30px;
	padding-top: 10px;
	text-align:center;
	text-decoration:none;
}
.modal-dialog {width:600px;}
.thumbnail {margin-bottom:6px;}
.login {
	margin-top:15px;
	float:right;
}
.leftdiv {
	float:left;
}
.titdiv {
	width:100%;
}
.frames {
	margin-top: -40px;
}
.feedback li {
	font-size:16px;
	list-style:none;
	padding:10px 10px;
}
.feedback a{
	text-decoration:none;
}
.feedback1 li {
	font-size:16px;
	list-style:none;
	padding:10px 10px;
}
.feedback1 a{
	text-decoration:none;
}
/* @group Blink */
.blink {
	-webkit-animation: blink .75s linear infinite;
	-moz-animation: blink .75s linear infinite;
	-ms-animation: blink .75s linear infinite;
	-o-animation: blink .75s linear infinite;
	 animation: blink .75s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
.modal-body > .img-responsive {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.example1 {
 height: 50px;	
 overflow: hidden;
 position: relative;
}
.example1 h3 {
 font-size: 3em;
 color: limegreen;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: example1 15s linear infinite;
 -webkit-animation: example1 15s linear infinite;
 animation: example1 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example1 {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

/*Social Icons */

.social {
    position: relative;
    height: 3em;
    width: 13.5em;
    margin: 150px 450px;
}

.social li {
    display: block;
    height: 4em;
    line-height: 4em;
    margin: -2.2em;
    position: absolute;
    -webkit-transition: -webkit-transform .7s;
    -moz-transition: -moz-transform .7s;
    -ms-transition: -ms-transform .7s;
    -o-transition: -o-transform .7s;
    transition: transform .7s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    width: 4em;

}

.social a {
    color: #fffdf0;
    display: block;
    height: 4em;
    line-height: 6em;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 4em; 
  
}

.social li:hover {
  -webkit-transform: scale(1.3,1.3) rotate(45deg);
    -moz-transform: scale(1.3,1.3) rotate(45deg);
  -ms-transform: scale(1.3,1.3) rotate(45deg);
    -o-transform: scale(1.3,1.3) rotate(45deg);
  transform: scale(1.3,1.3) rotate(45deg);
}

.facebook {
    background: #155b9d;
    left: 0;
    top: 0%;
}

.twitter {
    background: #1a9ec4;
    bottom: 0;
    left: 25%;
}
.facebook2 {
    background: #155b9d;
    left: 50%;
    top: 0%;
}

.twitter2 {
    background: #1a9ec4;
    bottom: 0;
    left: 25%;
}

.pinterest {
    background: #e11a30;
    left: 50%;
    top: 0%;
}
.behance {
    background: #3f7aa3;
    bottom: 0;
    left: 75%;
}
.behance2 {
    background: #3f7aa3;
    top: 0%;
    left: 50%;
}
.behance3 {
    background: #3f7aa3;
    bottom: 0;
    left: 75%;
}

.jumbotron {
    background: none
}
#yosl1 p{
	font-family:"MS Serif", "New York", serif;
	font-size:16px;
	font-style:italic;
	color:#000;
	line-height:1.5em;	
}
#kamala {
	width: 100%;
	height:inherit;
	background-image:url(../images/kamala.jpg);	
	background-repeat:no-repeat;
	padding: 25px 25px;
}
#kamala p{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:italic;
	font-size:14px;
	color:#fff;
	line-height:2em;
}
#kamala img {
	border:#FFF inset;
}
.modal-body > .img-responsive {
    display: block;
    margin-left: auto;
    margin-right: auto;
	
}
 /* .modal-body{
	width: 600px; 
    height:800px !important;
}  */
.row-eq-height {


  display: -webkit-box;


  display: -webkit-flex;


  display: -ms-flexbox;


  display:         flex;


}