.footer-bs {
    background-color: #3c3d41;
    /* padding: 60px 40px; */
    color: rgba(255,255,255,1.00);
    /* margin-bottom: 20px; */
    /* border-bottom-right-radius: 6px; */
    /* border-top-left-radius: 0px; */
    /* border-bottom-left-radius: 6px; */
}
.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { padding:10px 25px; }
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-color: transparent; }
.footer-bs .footer-brand h2 { margin:0px 0px 10px; }
.footer-bs .footer-brand p { font-size:12px; color:rgba(255,255,255,0.70); }

.footer-bs .footer-nav ul.pages { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.pages li { padding:5px 0px;}
.footer-bs .footer-nav ul.pages a { color:rgba(255,255,255,1.00); font-weight:bold; text-transform:uppercase; }
.footer-bs .footer-nav ul.pages a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }
.footer-bs .footer-nav h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
}

.footer-bs .footer-nav ul.list { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.list li { padding:5px 0px;}
.footer-bs .footer-nav ul.list a { color:rgba(255,255,255,0.80); }
.footer-bs .footer-nav ul.list a:hover { color:rgba(255,255,255,0.60); text-decoration:none; }

.footer-bs .footer-social ul { list-style:none; padding:0px; }
.footer-bs .footer-social h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.footer-bs .footer-social li { padding:5px 4px;}
.footer-bs .footer-social a { color:rgba(255,255,255,1.00);}
.footer-bs .footer-social a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }

.footer-bs .footer-ns h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
}
.footer-bs .footer-ns p { font-size:12px; color:rgba(255,255,255,0.70); }

@media (min-width: 768px) {
	.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-left:solid 1px rgba(255,255,255,0.10); }
}



.form-body{
    background:#f5f5f552;
    padding:20px;
}
.login-form{
    background:rgba(255,255,255,0.8);
	padding:20px;
	border-top:3px solid#3e4043;
}
.innter-form{
	padding-top:20px;
}
.final-login li{
	width:50%;
}

.nav-tabs {
    border-bottom: none !important;
}

.nav-tabs>li{
	color:#222 !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    background-color: #d14d42;
    border: none !important;
    border-bottom-color: transparent;
	border-radius:none !important;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: none !important;
    border-radius:none !important;
	text-transform:uppercase;
	font-size:16px;
}

.social-login{
	text-align:center;
	font-size:12px;
}
.social-login p{
	margin:15px 0;
}
.social-login ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.social-login ul li{
	width:33%;
	float:left;
    clear:fix;
}
.social-login ul li a{
	font-size:13px;
	color:#fff;
	text-decoration:none;
	padding:10px 0;
	display:block;
}
.social-login ul li:nth-child(1) a{
	background:#3b5998;
}
.social-login ul li:nth-child(2) a{
	background:#e74c3d;
}
.social-login ul li:nth-child(3) a{
	background:#3698d9;
}
.sa-innate-form input[type=text], input[type=password], input[type=file], textarea, select, email{
    font-size:13px;
	padding:10px;
	border:1px solid#ccc;
	outline:none;
	width:100%;
	margin:8px 0;
	
}
.sa-innate-form input[type=submit]{
    border:1px solid#e64b3b;
	background:#e64b3b;
	color:#fff;
	padding:10px 25px;
	font-size:14px;
	margin-top:5px;
	}
	.sa-innate-form input[type=submit]:hover{
	border:1px solid#db3b2b;
	background:#db3b2b;
	color:#fff;
	}
	
	.sa-innate-form button{
	border:1px solid#e64b3b;
	background:#e64b3b;
	color:#fff;
	padding:10px 25px;
	font-size:14px;
	margin-top:5px;
	}
	.sa-innate-form button:hover{
	border:1px solid#db3b2b;
	background:#db3b2b;
	color:#fff;
	}
    .sa-innate-form p{
        font-size:13px;
        padding-top:10px;
	}
	
	body{
		font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
		background: #fff url(../images/bgcolor.jpg) repeat top left;
		font-weight: 400;
		font-size: 15px;
		color: #1d3c41;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	
	#form_container {
		padding: 37px 15px;
		margin-top: 15px;
		background: #ffffff69;
		/* color: #fff; */
	}

	/* profile css */

	.account-settings .user-profile {
		margin: 0 0 1rem 0;
		padding-bottom: 1rem;
		text-align: center;
	}
	.account-settings .user-profile .user-avatar {
		margin: 0 0 1rem 0;
	}
	.account-settings .user-profile .user-avatar img {
		width: 90px;
		height: 90px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
	}
	.account-settings .user-profile h5.user-name {
		margin: 0 0 0.5rem 0;
	}
	.account-settings .user-profile h6.user-email {
		margin: 0;
		font-size: 0.8rem;
		font-weight: 400;
		color: #9fa8b9;
	}
	.account-settings .about {
		margin: 2rem 0 0 0;
		text-align: center;
	}
	.account-settings .about h5 {
		margin: 0 0 15px 0;
		color: #007ae1;
	}
	.account-settings .about p {
		font-size: 0.825rem;
	}
	
/*new profile class*/
	.ui-w-80 {
		width: 80px !important;
		height: auto;
	}
	.account-settings-fileinput {
		position: absolute;
		visibility: hidden;
		width: 1px;
		height: 1px;
		opacity: 0;
	}
	.media {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	
	@media (min-width: 1200px) {
		.ml-4 {
			margin-left: 1.5rem!important;
		}
		.col-lg-3-view{
		position: relative;
    	min-height: 1px;
        padding-right: 15px;
		padding-left: 15px;
		width: 25%;
		float: left;
		}
	}

/* 404 page*/
	.main{
		margin-top: 0%;
	  }
	  
	  .st0{fill:#fff}
	  .st2{fill:#5d89af}
	  .st3{fill:#709abf}
	  .st4,.st6{
		fill:#fff;
		stroke:#b3dcdf;
		stroke-miterlimit:10
	  }
	  .st6{
		stroke:#5d89af;
		stroke-width:2
	  }
	  .st7,.st8,.st9{
		stroke:#709abf;
		stroke-miterlimit:10
	  }
	  
	  .st7{
		stroke-width:5;
		stroke-linecap:round;
		fill:none
	  }
	  .st8,.st9{
		fill:#fff
	  }
	  .st9{
		fill:none
	  }

	  
	  .st77,.st88,.st99{
		stroke:#cf1717;
		stroke-miterlimit:10
	  }
	  
	  .st77{
		stroke-width:5;
		stroke-linecap:round;
		fill:none
	  }
	  .st88,.st99{
		fill:#fff
	  }
	  .st99{
		fill:none
	  }


	  .st10{
		
	  }
	  
	  #cloud1{
		animation: cloud003 15s linear infinite;
	  }
	  
	  #cloud2{
		animation: cloud002 25s linear infinite;
	  }
	  
	  #cloud3{
		animation: cloud003 20s linear infinite;
	  }
	  
	  #cloud4{
		animation: float 4s linear infinite;
	  }
	  
	  #cloud5{
		animation: float 8s linear infinite;
	  }
	  
	  #cloud7{
		animation: float 5s linear infinite;
	  }
	  
	  #tracks{
		animation: slide 650ms linear infinite;
	  }
	  
	  #bumps{
		animation: land 10000ms linear infinite;
	  }
	  
	  @keyframes jig {
		  0% { transform: translateY(0px); }
		  50% { transform: translateY(1px); }
		  100% { transform: translateY(0px); }
	  }
	  
	  #car-layers{
		animation: jig 0.35s linear infinite;
	  }
	  
	  @keyframes land {
		  from { transform: translateX(0); }
		  to { transform: translateX(1000px); }
	  }
	  
	  
	  @keyframes slide {
		  from { transform: translateX(0px); }
		  to { transform: translateX(100px); }
	  }
	  
	  /* @keyframes cloudFloat {
		0% { transform: translateX(0) translateY(3px); }
		100% { transform: translateX(1000px) translateY(0); }
	  } */
	  
	  @keyframes cloud001 {
		0% { transform: translateX(-1000px) translateY(3px); }
		100% { transform: translateX(1000px) translateY(0); }
	  }
	  
	  @keyframes cloud002 {
		0% { transform: translateX(-1000px) translateY(3px); }
		100% { transform: translateX(1000px) translateY(0); }
	  }
	  
	  @keyframes cloud003 {
		0% { transform: translateX(-1000px) translateY(3px); }
		100% { transform: translateX(1000px) translateY(0); }
	  }
	  
	  @keyframes float {
		  0% { transform: translateY(0px) translateX(0); }
		  50% { transform: translateY(8px) translateX(5px); }
		  100% { transform: translateY(0px) translateX(0); }
	  }
	  
	  #bracefront, #braceback{
		animation: braces 1s linear infinite;
	  }
	  
	  @keyframes braces {
		  0% { transform: translateX(-2px); }
		25% { transform: translateX(3px); }
		  50% { transform: translateX(-2px); }
		  75% { transform: translateX(3px); }
		100% { transform: translateX(-2px); }
	  }

	 .required:after {
		content:" *";
		color: red;
	  }
	  tr td.fit {
		width:1%;
		white-space:nowrap;
	}
	.social-network {
		font-size: 20px;
	}
	.pb-4, .py-4 {
		padding-bottom: 1.5rem !important;
	}
	.btn-link {
		cursor: pointer;
		color: currentColor;
		opacity: 1;
		transition: all ease .3s;
	}
	.mr-3, .mx-3 {
		margin-right: 1rem !important;
	}

	i {
		display: inline-block;
		margin-right: 0.5em;
	  }
	.footer-icons{
		margin-top: 5%;	
	}