.affix
{
	background: rgba(231,76,60,0.8);
	width: 100%;
	transition: ease 0.5s;
	z-index: 999999;
}
.navbar.navbar-default.affix .navbar-nav > li > a
{
	padding-top: 17px;
}
.navbar.navbar-default.affix .navbar-brand
{
	padding: 9px 15px;
}

.hader-bg
{
	background: url(../img/mane_banner.png) no-repeat fixed;
	width: 100%;
	float: left;
}
.navbar-default .navbar-nav > li > a{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  border-bottom: 2px solid transparent;
}
.navbar-default .navbar-nav > li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:transparent;
  border-bottom: 2px solid #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover:before, .navbar-default .navbar-nav > li > a:focus:before, .navbar-default .navbar-nav > li > a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.slider-content
{
	margin-top: 17%;
	margin-bottom: 17%;
	width: 100%;
	text-align: center;
}
.slider-content h1
{
	color: #fff;
	font-size: 50px;
	font-family: 'Roboto-Bold';
}
.slider-content .btn.btn-danger
{
	font-size: 25px;
	border-radius: 0px;
}
.body-content-1
{
	background: url('../img/white-background-5.png') no-repeat;
	padding: 50px 0px;
	display: inline-block;
	width: 100%;
}
.body-content-1 .col-md-8.col-sm-8 p
{
	font-size: 25px;
	line-height: 1.60;
	font-family: 'Roboto-Light';
}
.body-content-1 .col-md-8.col-sm-8 h1
{
	font-family: 'Roboto-Bold';
	font-size: 40px;
}
.form
{
	display: inline-block;
	width: 100%;
	padding: 40px 0px;
	background: #f1f1f1;
}
.form .form-control
{
	margin: 10px 0px;
	background: transparent;
	height: 40px; 
}
.form textarea
{
	height: auto !important;
}
.copyright
{
	display: inline-block;
	width: 100%;
	background: #e1e1e1;
	padding: 10px 0px;
	text-align: center;
}
.copyright p
{
	color: #333 ;
	margin: 10px 0px;
}
.login .close
{
	position: absolute; 
	top:0%;
	right: 0%; 
	cursor: pointer;
	z-index: 9999999;
}
.login .close i
{
	color: #000;
	padding: 10px ;
	opacity: 1;
}
.login .modal-body
{
	display: inline-block;
	width: 100%;
	padding: 0px;
	border-radius: 0px;
}
.padding-modal
{
	padding: 60px 0px;
}
.login-box
{
	width: 300px;
}
.login-box .form-control
{
	border-radius: 0px;
	height: 40px;
	margin: 10px 0px;
}
.blue-box
{
	background: #f1f1f1;
}
.hader-2 .navbar.navbar-default
{
	background: #e1e1e1;
}
.hader-2 .navbar.navbar-default .nav.navbar-nav li a
{
	padding-top: 24px;
	color: #333;
	font-size: 16px;
}


.hader-2 .navbar-default .navbar-nav > li > a{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  border-bottom: 2px solid transparent;
}
.hader-2 .navbar-default .navbar-nav > li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:transparent;
  border-bottom: 2px solid transparent;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  color: #333;
}
.hader-2 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {
  color: #333;
}
.hader-2 .navbar-default .navbar-nav > li > a:hover:before, .navbar-default .navbar-nav > li > a:focus:before, .navbar-default .navbar-nav > li > a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.hader-2 .navbar-brand
{
	padding: 17px 15px;
}
.hader-2 .navbar-default .navbar-nav > li > .dropdown-toggle
{
	padding: 10px !important;

}
.hader-2 .navbar-default
{
	margin: 0px;
}
.hader-2 .dropdown-toggle img
{
	width: 50px;
	height: 50px;
	border-radius: 100%;
	overflow: hidden;
}
.sub-hader
{
	background: #f1f1f1;
	display:inline-block;
	width: 100%;
}
.nav-links
{
	padding: 0px;
	margin: 0px;
}
.nav-links li
{
	display: inline-block;
	list-style: none;
}
.nav-links li a
{
	display: inline-block;
	list-style: none;
	color: #333;
	font-family: 'Roboto-Light';
	font-size: 14px;
	padding:10px 12px; 
}
.nav-links li a:hover
{
	text-decoration: none;
}
.user-detail-part
{
	display: inline-block;
	width: 100%;
	background: url(../img/back.png) no-repeat fixed;
	background-size: cover;
	padding: 10px 0px;
}
.all-slider a
{
font-family: 'Roboto-Light';
font-size: 40px;
color: #fff;
padding: 20px 0px;
display: inline-block;
}
.all-slider a:hover
{
	text-decoration: none;
}
.user-detail-part .col-md-8.col-sm-8 h2
{
	margin:10px 0px 82px;
	display: inline-block;
	width: 100%;
	color: #fff;
}
.margin-top-10pr
{
	margin-top: 24%;
}

.bg-1 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  	background: #2098d1;
	text-align: center;
	color: #fff;
	height: 150px;
	font-size: 16px;
	cursor: pointer;
}
.bg-1:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 	background: #147eb0;
	text-align: center;
	color: #fff;
	height: 150px;
	font-size: 16px;
	cursor: pointer;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.bg-1:hover:before, .bg-1:focus:before, .bg-1:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}



.bg-2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  	background: #9b59b6;
	text-align: center;
	color: #fff;
	height: 150px;
	font-size: 16px;
	cursor: pointer;
}
.bg-2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 	background: #6c248a;
	text-align: center;
	color: #fff;
	height: 150px;
	font-size: 16px;
	cursor: pointer;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.bg-2:hover:before, .bg-2:focus:before, .bg-2:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


.bg-3 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  	background: #1abc9c;
	text-align: center;
	color: #fff;
	height: 150px;
	font-size: 16px;
	cursor: pointer;
}
.bg-3:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 	background: #06896f;
	text-align: center;
	color: #fff;
	height: 150px;
	font-size: 16px;
	cursor: pointer;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.bg-3:hover:before, .bg-3:focus:before, .bg-3:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.bg-4 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  	background: #e74c3c ;
	text-align: center;
	color: #fff;
	height: 150px;
	font-size: 16px;
	cursor: pointer;
}
.bg-4:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 	background: #952115;
	text-align: center;
	color: #fff;
	height: 150px;
	font-size: 16px;
	cursor: pointer;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.bg-4:hover:before, .bg-4:focus:before, .bg-4:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.body-home-1
{
	display: inline-block;
	width: 100%;
}
.body-home-1 h2
{
display: inline-block;
width: 100%;
}
.box-1 h4
{
	position: absolute;
	bottom: 0%;
	left: 0%;
	padding: 10px;
	color: #333;
}

.box-2 h4
{
	position: absolute;
	padding: 10px;
	bottom: 0%;
	left: 0%;
	color: #333;
}

.box-1 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
    background: #f1f1f1 none repeat scroll 0 0;
    height:120px;
    overflow: hidden;
    position: relative;
}
.box-1:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.box-1:hover, .box-1:focus, .box-1:active {
  color: white;
}
.box-1 h2:before
{
	color: #fff !important;
}
.box-1:hover:before, .box-1:focus:before, .box-1:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


.box-2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
   position: relative;
	height: 120px;
	overflow: hidden;
	background: #e1e1e1;
}
.box-2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  background: #1abc9c ;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.box-2:hover, .box-2:focus, .box-2:active {
  color: white;
}
.box-2 h2:before
{
	color: #fff !important;
}
.box-2:hover:before, .box-2:focus:before, .box-2:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.margin-top-10
{
	margin-top: 10px;
}
.dates
{
	background:#e1e1e1;
	display: inline-block;
	width: 100%;
	padding: 10px 10px;
}
.dates p
{
	font-size: 18px;
	margin: 0px;
}
.dates p i
{
	font-size: 16px;
	margin-top: 5px;
}
.date-content
{
	background:#f1f1f1;
	display: inline-block;
	width: 100%;
	height: 300px;
	overflow-x: hidden; 
	overflow-y: auto;
	padding: 10px;
}
.content-1
{
	background: #e1e1e1;
	border: 1px solid #ccc;
	padding: 6px;
	text-align: left;
	margin-top: 10px;
}
.card-view
{
	background: #f1f1f1;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.23);
box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.23);
padding: 10px;
margin: 10px 0px;
}
.card-view h4
{
	color: #e74c3c;
	font-size: 18px;
}
.card-view h3
{
	color: #858585;
}
.card-view p
{
	color: #a5a5a5;
}
.margin-top-40
{
	margin-top: 40px;
}
.question
{
	background: #f1f1f1;
		-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.23);
box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.23);
padding: 10px;
height:500px;
overflow-y: auto;
overflow-x: hidden;
}
.question h4
{
	font-size: 14px;
	color: #e74c3c;
}
.question h4 a
{
	color: #e74c3c;
}
.question h4 a:hover
{
	color: #e74c3c;
	text-decoration: none;
}
.full-width
{
	display: inline-block;
	width: 100%;
}
.question .full-width
{
	padding: 6px 0px;
	border-bottom:1px dotted #000;
}
.question .full-width label
{
	font-weight: normal;
	font-family: 'Roboto-Light';
}