/*@import url("https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");*/
.login-block{
background: #3c8dbc !important;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #FFB88C, #DE6262);  /* Chrome 10-25, Safari 5.1-6 */
/*background: linear-gradient(to bottom, #ffffff, #5b56bd); */
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
float:left;
width:100%;
padding : 50px 0;
}
@media only screen and (max-width: 768px) {
    .login-block{
        padding : 0;
    }
    .help_div{
        color: #3c8dbc !important;
    }
}

body{
    background: #3c8dbc !important;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #FFB88C, #DE6262);  /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to bottom, #ffffff, #5b56bd); */
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    float:left;
    width:100%;
}
.banner-sec{
	background:url(https://static.pexels.com/photos/33972/pexels-photo.jpg)  no-repeat left bottom; 
	background-size:cover; 
	min-height:500px; 
	border-radius: 0 10px 10px 0;
	padding:0;}
.container{
	background:#fff; 
	border-radius: 10px;
	box-shadow:15px 20px 0px rgba(0,0,0,0.1);}
.carousel-inner{
	border-radius:0 10px 10px 0;
	}
.carousel-caption{
	text-align:left; left:5%;
	}
.login-sec{
	padding: 24px 30px; 
	position:relative;
	}
.login-sec .copy-text{
	position:absolute; 
	width:80%; 
	bottom: 4px;
    font-size: 15px;
	text-align:center;
	}
.login-sec .power-text{
    position:absolute;
    width:80%;
    bottom: 4px;
    font-size: 15px;
    text-align:left;
}
.login-sec .privacy-text{
    position:absolute;
    width:80%;
    bottom: 4px;
    font-size: 15px;
    font-style: italic;
    text-align:right;
}
.login-sec .copy-text i{color:#FEB58A;}
.login-sec .copy-text a{color:#191655;}
.login-sec h2{margin-bottom:30px; font-weight:800; font-size:30px; color: #DE6262;}

.btn-login{
	background: #191655;
    color: #fff;
    border-radius: 0px;
    font-weight: 600;
    border-top-left-radius: 20px;
	}
	.btn-login:hover{
	background: transparent;
    color: #191655;
	border: 1px solid #191655; 
    border-radius: 0px;
    font-weight: 600;
    border-top-left-radius: 20px;
	}
.banner-text{width:70%; position:absolute; bottom:40px; padding-left:20px;}
.banner-text h2{color:#fff; font-weight:600;font-size: 1.5em;
}
.banner-text h2:after{content:" "; width:100px; height:5px; background:#FFF; display:block; margin-top:20px; border-radius:3px;}
.banner-text p{color:#fff;}

/*start slider img style*/
.img-fluid{
	max-width: 100% !important;
    height: 537px !important;

}
/*end slider img style*/

.school_title{
	color: #191655;
    text-align: center;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: capitalize;
	text-align: center;
    font-family: -webkit-pictograph;
}
.login-sec{
	background-image: url("/static/images/login/form_bg.png");
}
.forget_pass small{
	color: #3c8dbc;
    font-size: 14px;
    font-style: italic;
}
/*PLACEHODER STYLE*/
::placeholder{
    color: #FFFFFF;
}

:-ms-input-placeholder{ /*for IE*/
    color: #FFFFFF;
}


/*PLACEHODER STYLE*/

.form-control {
    display: block !important;
    width: 100% !important;
	border-radius: 0px;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: rgba(0,0,0,0.10) !important;
    background-clip: padding-box !important;
    border-top-left-radius: 20px !important;
    /*border: 1px solid #191655 !important;*/
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}
/*Start help section*/
.help_div{
	overflow: auto;
    position: absolute;
    right: 10px;
    top: 5px;
    color: #ffffff;
    font-weight: 700;
    z-index: 100;
}
.help_div span{
	cursor: help;
}
@media only screen and (max-width: 667px) {
    .help_div {
        text-align: center;
    }
}
/*End help section*/

/*start social media link*/
.wrapper {
    position: absolute;
    top: 36%;
    transform: translate(-50%, -50%);
	z-index: 1000;
}

.wrapper ul {
  list-style: none;
}

.wrapper ul li {
  width: 50px;
  height: 50px;
  position: relative;
  background: #e59500;
  margin: 10px 0;
  cursor: pointer;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.wrapper ul li .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: #fff;
}
.wrapper ul li.android{
  background: #8bc34a !important;
}

.wrapper ul li.apple{
  background: #000000 !important;
}
.wrapper ul li.android div.slider{
  background: #8bc34a !important;
}

.wrapper ul li.apple div.slider{
  background: #000000 !important;
}
.slider {
  content: "";
  position: absolute;
  top: 0;
  left: 51px;
  width: 0px;
  height: 50px;
  background: #eebb5c;
  border-radius: 3px;
  transition: all 0.5s 0.3s ease;
}

.slider p {
  font-family: arial;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 900;
  color: #fff;
  text-align: center;
  line-height: 50px;
  opacity: 0;
  transition: all 0.6s ease;
}

.wrapper ul li:hover .slider {
  width: 180px;
  transition: all 0.5s ease;
}

.wrapper ul li:hover .slider p {
  opacity: 1;
  transition: all 1s 0.2s ease;
}

/*end social media link*/