body {
   // background:url('../img/4bg.jpg');
	//background:url('../img/1004.png');
	//background:url('../img/x.jpg');
	//background-size:cover;
	overflow-x:hidden;
	font-family:'arial';
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
	 box-shadow: 0px 18px 21px -3px rgba(0,0,0,0.35);
  background-color: transparent;
  width: 300px;
  height: 260px;
  border: 5px solid #00acec;
  -webkit-perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
   border: 1px solid #f1f1f1;
  text-align: center;
  transition: transform 0.8s;
  -webkit-transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #bbb;
 
  color: black;
  
}
.event-item {
    padding: 30px 0;
    text-align: left;
   }
   .edugate-layout-2 {
    position: relative;
    width: 100%;
    transition: all .3s linear;
}
.edugate-layout-2:after, .edugate-layout-2:before {
    content: '';
    position: absolute;
}
.edugate-layout-2:after, .edugate-layout-2:before {
    content: '';
    position: absolute;
}
.edugate-layout-2:before {
    width: 75%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fafafa;
    border-left: 5px solid #00acec;
    transition: all .3s linear;
}
.edugate-layout-2:after {
    z-index: 2;
    width: 5px;
    top: 0;
    left: 0;
    height: 0;
    background-color: #db802d;
    transition: all .5s ease;
}
.edugate-layout-2 .edugate-layout-2-wrapper {
    padding: 20px 0 20px 20px;
    display: table;
    width: 100%;
}
.edugate-layout-2 .edugate-content {
    padding-right: 10px;
    position: relative;
   
}
.edugate-content {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
.edugate-layout-2 .edugate-content .title {
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 5px;
    font-family: Algerian;
    color: #555;
}
.edugate-layout-2 .edugate-image {
    width: 330px;
    height: 180px;
    display: table-cell;
    position: relative;
   
    z-index: 1;
}
.edugate-layout-2 .edugate-image img {
    width: 100%;
    height: 100%;
}

/* Style the back side */
.flip-card-back {
	
  background-color:#00aba9;
  color: #fff;
  transform: rotateY(180deg);
}

.flip-card-back h3{
	font-size:20px;
	 color:#fff;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width:100%;height:550px
}

.sperater {
    position: relative;
    width: 170px;
    display: inline-block;
    margin: 0 0 20px;
}
.sperater::before {
    left: 0;
}
.sperater::before, .sperater::after {
    content: "";
    position: absolute;
    width: 27%;
    top: 52%;
    border: 2px solid #db802d;
}
.sperater i:first-child {
    margin: 0;
}
.sperater i {
    background: #db802d;
}
.sperater::after {
    right: 0;
}

.sperater i.active {
    border: 1px solid;
    background: #fff;
    height: 12px;
    width: 12px;
}
.sperater i {
    height: 9px;
    width: 9px;
    display: inline-block;
    margin: 0 0 0 6px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.navbar-nav > li > .dropdown-menu {
    border-top: 3px solid #db802d;
    background: #00acec;
-moz-animation: zoomIn 0.3s ease;
    -webkit-animation: zoomIn 0.3s ease;
    animation: zoomIn 0.3s ease;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
       transition: all 5s ease-in-out;
       min-width: 12rem;
    padding-bottom: 0;
    padding-top: 0;
    top: 97%;
    border-radius: 0;
 }
 
 .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    background:#ee8921;
   
   }
   .navbar-nav li a:hover {
    background: #db802d;
}
.dropdown-menu > li > a {
    border-bottom: 1px solid rgba(255,255,255,0.5);
    color: #fff;
    padding: 5px 20px;
    display: block;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
}
.top {
    //background-color:#00acec;
     //background-color:#3c5a9a;
     //background-color:#8d7bb5;
    border-top: 2px solid #db802d;
    //color: #fff;
    font-size: 12px;
    padding-bottom: 13px;
    padding-top: 13px;
	overflow:hidden;
}
.top a:hover {
	color: #fff;
}
.top-header__contacts {
	display: inline-block;
	padding-right: 10px;
	padding-left: 5px;
	line-height: 1;
	border-right: 1px solid #fff;
}
.top-header__contacts i{
margin-right:5px;	
}
.top-header__contacts:first-child {
	padding-left: 0;
}

.top a {
    color: #fff;
}

.top-header__link {
	display: inline-block;
}

.header-login {
	float: right;
}
.header-login__item {
	padding-left: 10px;
}
.header-login__item {
	padding-right: 10px;
	border-right: 1px solid #fff;
}
.header-login__item:last-child {
	padding-right: 13px;
	border-right: 0;
}
.btn-header {
	background-color: #e84c3d;
    margin-right: 12px;
    margin-left: 20px;
    padding: 6px 8px;
    font-family: Montserrat , arial;
    font-size:14px;
    line-height: 1;
    border: none;
    transition: all 0.3s;
}
.btn-header:hover{
    color: #fff !important;
    background:#00bbd1;
}
.header-inner:before {
    content: "";
    width: 100%;
    background: #ffffff;
    height: 30px;
    position: absolute;
    top:5px;
    right: 103%;
    -moz-transform: skew(45deg, 0);
    -webkit-transform: skew(45deg, 0);
    -o-transform: skew(45deg, 0);
    -ms-transform: skew(45deg, 0);
    transform: skew(45deg, 0);
}
.header-inner:after {
    content: "";
    width: 100%;
    background: #ffffff;
    height: 30px;
    position: absolute;
    top:5px;
    left:103%;
    -moz-transform: skew(-45deg, 0);
    -webkit-transform: skew(-45deg, 0);
    -o-transform: skew(-45deg, 0);
    -ms-transform: skew(-45deg, 0);
    transform: skew(-45deg, 0);
}	
	
.container_back{
	padding:5px;
	background:#de5347;
}
.About_home{
	margin-top:30px;
}
 .sign
{
	text-align:right;
}
.sign .sx
{
	color:#fff;
	text-decoration:none;
	display:inline-block;
	border-radius:15px;
	padding:3px 8px;

	font-weight:bold;
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
}
.sign .sx:hover
{
	background:#fff;
	box-shadow:0 0 2px #fff;
}
.sign .sx:hover #sf
{
	color:#e1770c;
}
.sign .sx:hover #xpl
{
	color:#195892;
}

.banner{
	width:100%;
	
	max-height:350px;
	margin-top:-21px;
	
}
.contact_form{
	//color:black;
	font-size:16px;
}
.contact_form1{
	//color:black;
	//font-weight:bold;
	font-size:16px;
}

.navbar-default {
	//border-bottom:#328432;
}
.navbar-default .navbar-nav > li a:hover {
	//background:#53b232;
	
}
.navbar-default .navbar-nav > li > a:hover {
	//background:#53b232;
	
}
.navbar-default .navbar-nav li:hover {
	//background:#53b232;
	
}
.navbar-default .navbar-nav .open >a:hover {
	//background:#53b232;
	
}
.mainlogo1 {
	width:100%;
	height:100px;
	font-weight:bold;
	padding-left:0px;
	//background-image:url('../img/stlogo.jpg');
	background-repeat:no-repeat;
	background-position:center left 140px;
	background-size:auto 90%;
	padding-top:10px;
	
	margin-right:10px;
}
.mainlogo1 .brand1 {
	display:block;
	font-size:30px;
	color:#008a00;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	line-height:100px;
	text-shadow:1px 1px 2px #53b232;
}
.mainlog {
	width:100%;
	height:130px;
	font-weight:bold;
	padding-left:0px;
	background-image:url('../img/stlogo.jpg');
	background-repeat:no-repeat;
	background-position:center left 80px;
	background-size:auto 80%;
	padding-top:10px;
	
	margin-right:15px;
}
.mainlog .brand {
	display:block;
	font-size:32px;
	padding-top:10px;
	color:#2f3f8d;
	//text-transform:uppercase;
	//text-align:center;
	font-weight:bold;
	line-height:37px;
	text-shadow:1px 1px 2px #666;
	margin-left:205px;
}
.mainlog .slogan {
	font-size:16px;
	color:#555;
	//color:rgba(232,29,46,0.7);
	//text-align:center;
	margin-left:205px;
	margin-top:5px;
	display:block;
	line-height:20px;
	
}
.has-info .input-group-addon {
  color:#fff;
  background-color:#31408b;
  border-color:#31408b;
}
.star a:hover{
	color:#9b187c;
}
.bold{
	color:#328432;
	font-size:14px;
	font-weight:bold;
}
.bold1{
	color:#0000CC;
	font-size:20px;
	font-weight:bold;
}
.parentsLoginForm {
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	color:#3c5a9a;
}
.mainslider {
	//border:1px solid;
	overflow:hidden;
	height:400px;
	//box-shadow:0 0 7px 4px #ccc;
}
.mainslider img {
	width:100%;
	height:250px;
}

.pageheading{
	font-size:25px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	//background:#044a8e;
	background:#64328d;
	padding:2px;
	margin-bottom:3px;
	
}
.pageheading h3 {
    margin: 20px 0 10px;
    color:#f1f1f1;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    display: inline-block;
    position: relative;
}
.pageheading h3:after {
    content: "";
    position: absolute;
    width: 35px;
    height: 3px;
    background: #db802d;
    left: 0;
    bottom: -7px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.pageheading h3:hover:after{
width:100%;
-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;	
}

.pageheading1{
	font-size:25px;
	text-transform:uppercase;
	font-weight:bold;
	color:#333;
	padding:2px;
	margin-top:-11px;
	margin-bottom:3px;
	border-radius:3px;
}
.div_p{
	margin-left:70px;
}
.container_div{
	//background:url('../img/.jpg')no-repeat;
	//background-size:cover;
}
.contact{
	//border:1px solid black;
	text-shadow:3px 3px 3px #999;
}

.para_h{
	margin-left:9px;
	font-size:24px;
	font-weight:bold;
	margin-top:-6px;
	background:url('../img/sd.gif'),url('../img/sd.gif'),url('../img/sd.gif'),url('../img/sd.gif'),url('../img/sd.gif'),url('../img/sd.gif'),url('../img/sd.gif');
	background-repeat:no-repeat;
	display:block;
	color:#033f79;
	background-position:11% 75%,16% 85%,21% 91%,26% 100%,31% 120%,36% 140%;

}
.div_back{
	margin-top:20px;
	margin-right:30px;
	margin-left:-40px;
}
.download{
	//box-shadow:2px 2px 2px 2px rgba(190,202,233,1);
	border-radius:2px;
}
.download1{
	//box-shadow:2px 2px 2px 2px rgba(190,202,233,1);


}
.download1 .list-group-item.doc,
.download1 .list-group-item.docx {
	background-image:url('../img/doc.png');
	background-repeat:no-repeat;
	background-position:left center;
	background-size:auto 50%;
	padding-left:20px;
}
.download1 .list-group-item.pdf {
	background-image:url('../img/pdf.png');
	background-repeat:no-repeat;
	background-position:left center;
	background-size:auto 50%;
	padding-left:20px;
}
.download1 .list-group-item.xls,
.download1 .list-group-item.xlsx {
	background-image:url('../img/xls.png');
	background-repeat:no-repeat;
	background-position:left center;
	background-size:auto 50%;
	padding-left:20px;
}
.download1 .list-group-item.ppt,
.download1 .list-group-item.pptx {
	background-image:url('../img/ppt.png');
	background-repeat:no-repeat;
	background-position:left center;
	background-size:auto 50%;
	padding-left:20px;
}
.download1 .list-group-item.jpg,
.download1 .list-group-item.jpeg {
	background-image:url('../img/jpg.png');
	background-repeat:no-repeat;
	background-position:left center;
	background-size:auto 50%;
	padding-left:20px;
}
.download1 .list-group-item.png {
	background-image:url('../img/pn.png');
	background-repeat:no-repeat;
	background-position:left center;
	background-size:auto 50%;
	padding-left:20px;
}
.slider_img{
	width:100%;
	height:200px;
}
.page_back1{
	padding:px;
	
	font-size:12px;
	color:#333;
	text-align:justify;
	
	
}
.news_para{
	margin-left:100px;
	margin-right:20px;
	font-size:20px;
}
.page_back{
	padding:7px;
	
	font-size:16px;
	color:#fff;
	text-align:justify;
	background:#e3cea1;
	border:1px solid #c7af97;
	//box-shadow:2px 2px 2px 2px rgba(209,214,222,1);
}


.news_back{
	box-shadow:2px 2px 2px 2px rgba(209,214,222,1);
}
.info{
	
	box-shadow:2px 2px 2px 2px rgba(203,210,220,1);
}
.header{
	width:100%;
	max-height:250px;
	box-shadow:2px 2px 2px 2px rgba(150,120,102,0.75);
	border:transparent;
	border-radius:1px;
}
.marq{
	font-size:20px; 
	padding:16px;
	font-weight:bold;
	box-shadow:2px 2px 2px 2px rgba(146,180,199,1);
	border-radius:2px;
}
.para{
	margin-top:30px;
	font-size:16px;
	
	color:#587592;
	
}

.nav_back{
	
	background: rgba(255,255,255,.5);
}
.nav_back a{
	font-weight:bold;
	font-size:16px;
}
.page_back{
	padding:10px;
	font-family:'Arial';
	font-size:16px;
	font-weight:normal;
	color:#333;
	
}
.heading{
	font-weight:bold;
	font-size:35px;
	text-shadow:2px 2px 2px #555;
	color:black;
}
.para_back{
	text-align:justify;
	font-size:14px;
	
	padding:10px;
	color:#000;
	
	
}
.para_back1{
	text-align:justify;
	margin:4px;
	font-size:14px;
	
	padding:10px;
	color:#000;
}
 .s1{
	 background:rgba(0,0,0,0.4);
	 width:700px;
	 height:500px;
	 margin:auto;
	 padding:200px;
	 margin-top:20px;
 }
 .slider{
 	width:95% !important;
 	//border:1px solid red;
 	//margin-left:30px;
 }
 .mslider{
 	//border:1px solid blue;
 	width:250px;
 	//padding:0px 10px;
 }
 .slider .mslider .mnslider{
 	width:240px;
 	height:210px;
 	//border:1px solid red;
 }
 .footer{
	background:url('../img/11.jpeg') no-repeat;
	background-size:cover;
	color:#333;
	overflow:hidden;
	width:100%;
	
}
.g2{
	height:28%;
	//display:block;
	//width:100%;
	overflow:hidden;
	transition:all .8s ease-in-out;
	//border:1px solid #ccc;
}
.g2:hover >.idata{
	margin-top:-180px;
	opacity:1;
}
.a_back{
	color:#033F79;
	font-size:15px;
	font-weight:bold;
}
.acover {
	max-width:30%;
	float:left;
	max-height:100px;
	margin-right:5px;
}
.hasFloat {
	overflow:auto;
}
.g2 >.idata {
	
	background:rgba(3,62,119,0.7);
	margin-top:40px;
	transition:all .8s ease-in-out;
	color:#FF0000;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	box-sizing:border-box;
	padding:30%;
	opacity:0;
	//
}
.homeNews img {
		width:auto;
		height:auto;
	}
	
.eventSlider .eventSlide{
	width:430px;
	padding:10px;
}
.hrStylish {
	border:2px solid;
	border-color:#328432;
	width:10%;
	margin-top:5px;
	margin-bottom:5px;
	
}
.date{
	padding:5px;
	padding-right:15px;
	//border-right:1px solid black;
	color:#000;
	text-decoration:none;
	text-align:right;
	line-height:20px;
	display:block;
	font-weight:bold;
}
.date:hover{
	text-decoration:none;
	color:rgba(0,138,0,1);
	font-weight:bold;
}
.eventHeading{
	font-weight:normal;
	display:block;
	color:rgba(122,95,94,0.9);
	font-size:16px;
	//border:1px solid;
	margin-left:-15px;
	font-style:'Arial';
	//padding:2px;
}
.eventHeading:hover{
	text-decoration:none;
	color:#444;
	transition:all .4s;
}
.panel_width{}

.fontColorDefault {
	color:#000000;
}
.g2:hover:before{
	transform:rotate(-10deg);
	-webkit-transform-origin:0% 100%;
	color:black;
}
.footer_back{
	background:#02386a;
	color:white;
	padding:5px;
}
.footer h4,a{
	color:white;
}
.footer a:hover{
	color:white;
	text-decoration:none;
}

.footer1{
	background:rgba(0,0,0,0.7);

}
  /* jssor slider bullet navigator skin 01 css */
        /*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
        .jssorb01 {
            position: absolute;
        }
        .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            position: absolute;
            /* size of bullet elment */
            width: 12px;
            height: 12px;
            filter: alpha(opacity=70);
            opacity: .7;
            overflow: hidden;
            cursor: pointer;
            border: #000 1px solid;
        }
        .jssorb01 div { background-color: gray; }
        .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
        .jssorb01 .av { background-color: #fff; }
        .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
        
        /* jssor slider arrow navigator skin 02 css */
        /*
        .jssora02l                  (normal)
        .jssora02r                  (normal)
        .jssora02l:hover            (normal mouseover)
        .jssora02r:hover            (normal mouseover)
        .jssora02l.jssora02ldn      (mousedown)
        .jssora02r.jssora02rdn      (mousedown)
        */
        .jssora02l, .jssora02r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 55px;
            height: 55px;
            cursor: pointer;
            background: url('img/a02.png') no-repeat;
            overflow: hidden;
        }
        .jssora02l { background-position: -3px -33px; }
        .jssora02r { background-position: -63px -33px; }
        .jssora02l:hover { background-position: -123px -33px; }
        .jssora02r:hover { background-position: -183px -33px; }
        .jssora02l.jssora02ldn { background-position: -3px -33px; }
        .jssora02r.jssora02rdn { background-position: -63px -33px; }
 	.panel_d{
 	height:340px;font-weight:bold;
 }
 .hashcycle{
	
	height:250px;width:280px;
}
.social a {
	display:inline-block;
	width:27px;
	height:27px;
	//border:2px solid #fff;
	box-shadow:0 0 4px #333;
	background-color:#ccc;
	//border-radius:50%;
	box-sizing:content-box;
	transition:all .1s;
	background-size:27px 54px;
	background-position:left bottom;
	 transition: all 0.5s ease-in-out 0s;
    transform: rotate(-45deg);
}
.social a.yt{
	background-image:url(../img/yt.png);
}
.social a.insta{
	background-image:url(../img/insta.png);
}
.social a.ln{
	background-image:url(../img/in.png);
}
.social a.fb{
	background-image:url(../img/fb.png);
}
.social a.tw{
	background-image:url(../img/ty.png);
}
.social a.gw{
	background-image:url(../img/g.png);
}
.social a:hover {
	background-position:left top;
	box-shadow:0 0 4px 2px #444;
}
.shiv{
	padding-bottom:20px;
	padding-right:20px;
	padding-left:20px;
	font-size:17px;
	color:#375a7f;
	font-weight:bold;
}

.anker .anker_text{
	margin-left:25px;
	color:#fff;
}
.anker {
	
	font-weight:bold;
	
	background-image:url('../img/logo.jpg');
	background-repeat:no-repeat;
	background-position:center left 10px;
	background-size:auto 50%;
}	
 @media screen and (max-width:768px){

 	
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width:100%;height:250px
}
 	.demo_footer{
 		text-align:center;
 	}
 	
 	.anker .anker_text{
	margin-left:25px;
	color:#fff;
	font-size:12px;
 	.panel_d{
	 	height:300px !important;
	 	font-weight:bold;
	 }
 	.para{
		margin-top:0px;
		font-size:12px;
		
		color:#587592;
		height:280px;
	}
 	.mainlogo {
	width:100%;
	height:50px;
	font-weight:bold;
	padding-left:0px;
	background-image:url('../img/stlogo.jpg');
	background-repeat:no-repeat;
	background-position:center left 150px;
	background-size:auto 50%;
	padding-top:9px;
	
	margin-right:130px;
}
.p1_back p{
	font-size:14px;
	
}
.h3_back{
	font-size:16px;
}
.shiv{
	padding-bottom:20px;
	padding-right:20px;padding-left:20px;font-size:14px;
}
.date{
	padding:5px;
	padding-right:15px;
	border-right:none;
	color:#000;
	text-decoration:none;
	text-align:right;
	line-height:20px;
	display:block;
	font-weight:bold;
	font-size:16px;
}
.date:hover{
	text-decoration:none;
	color:rgba(222,80,43,1);
}
.eventHeading{
	font-weight:normal;
	display:block;
	color:rgba(222,80,43,0.9);
	font-size:16px;
	//border:1px solid;
	margin-left:-10px;
	font-style:'times new roman';
	padding:10px;
	font-size:15px;
}
.eventHeading:hover{
	text-decoration:none;
	color:#444;
	transition:all .4s;
}
.pdiv{
	width:250px;
}

.hashcycle{
	
	height:250px;width:280px;
}
.mainlogo .brand {
	display:block;
	font-size:20px;
	color:#328432;
	//text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	line-height:37px;
	text-shadow:1px 1px 2px #779fda;
	margin-left:40px;
}
.mainlogo .slogan{
	display:none;
}

.div_p{
	margin-left:0px;
}
.div_img img{
	float:right;
	margin-top:-56px;
}
.div_back{
	margin-top:10px;
}
.heading{
	font-weight:bold;
	font-size:20px;
	text-shadow:2px 2px 2px #555;
	color:#fff;
	
}

.demo{
	box-shadow:2px 2px 2px 2px rgba(0,0,0,1);
}
.para_h{
	margin-left:5px;
	margin-right:5px;
	font-size:14px;
	font-weight:bold;
	margin-top:-6px;
	background:url('../img/sd.gif'),url('../img/sd.gif'),url('../img/sd.gif'),url('../img/sd.gif'),url('../img/sd.gif');
	background-repeat:no-repeat;
	display:block;
	color:red;
	background-position:14% 75%,25% 85%,35% 91%,45% 99%,56% 100%;
	
}
	  .s1{
	 background:rgba(0,0,0,0.4);
	 width:250px;
	 height:200px;
	 margin:auto;
	 padding:50px;
	 margin-top:90px;
 }
 .s1 h1{
	 font-size:20px;
	 
 }
 }