/*!
 * Start Bootstrap - Freelancer v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-freelancer/blob/master/LICENSE)
 */body {
	font-family:Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	overflow-x:hidden
}
p {
	font-size:20px
}
p.small {
	font-size:16px
}
a, a.active, a:active, a:focus, a:hover {
	color:#18bc9c;
	outline:0
}
h1, h2, h3, h4, h5, h6 {
	font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:700;
	text-transform:uppercase
}
hr.star-light, hr.star-primary {
	max-width:250px;
	margin:25px auto 30px;
	padding:0;
	text-align:center;
	border:none;
	border-top:solid 5px
}
hr.star-light:after, hr.star-primary:after {
	font-family:FontAwesome;
	font-size:2em;
	position:relative;
	top:-.8em;
	display:inline-block;
	padding:0 .25em;
	content:'\f005'
}
hr.star-light {
	border-color:#fff
}
hr.star-light:after {
	color:#fff;
	background-color:#000;
}
hr.star-primary {
	/* border-color:#2c3e50 */
}
hr.star-primary:after {
	/* color:#2c3e50; */
	background-color:#fff
}
.img-centered {
	margin:0 auto
}
section {
	padding:20px 0
}
section h2 {
	font-size:30px;
	font-weight: normal;
	margin:0
}
section.success {
	color:#fff;
	background:#18bc9c
}.reposts_data .table thead th{    padding: 7px 3px;  font-size: 15px; background: #333; color: #fff; text-align: center;}
.reposts_data .table td{    padding: 5px 3px;font-size: 15px; text-align: center;}
@media (max-width:767px) {
section {
padding:30px 0
}
section.first {
padding-top:75px
}
.reposts_data .table{     width: 1050px;
    max-width: 1050px;}
}
.scroll-top {
	position:fixed;
	z-index:1049;
	right:2%;
	bottom:2%;
	width:50px;
	height:50px
}
.scroll-top .btn {
	font-size:16px;
	line-height:28px;
	width:50px;
	height:50px;
	text-align:center;
	border-radius:100%
}
.scroll-top .btn:focus {
	outline:0
}
#mainNav {
	font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:700;
	text-transform:uppercase;
	border:none;
	background:#fff; border-bottom:1px solid #f2f2f2;
}
#mainNav a:focus {
	outline:0
}
#mainNav .navbar-brand {
	font-size:1.1rem;
	color:#fff
}
#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
	color:#fead1e
}
#mainNav .navbar-nav {
	letter-spacing:1px
}
#mainNav .navbar-nav li.nav-item a.nav-link {
	color: #fff;
    border-radius: 3px;
    background: #000;
    border: 0px;
}
#mainNav .navbar-nav li.nav-item a.nav-link:hover {
	color:#fead1e;
	outline:0
}
#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
	color:#fead1e
}
#mainNav .navbar-toggler {
	font-size:14px;
	padding:11px; background:#000;
	text-transform:uppercase;
	color:#fff;
	border-color:#fff
}
#mainNav .navbar-toggler:focus, #mainNav .navbar-toggler:hover {
	color:#fff;
	border-color:#18bc9c;
	background-color:#18bc9c
}

.bx-wrapper {
  background: #fff none repeat scroll 0 0!important;
  border: 0!important;
  box-shadow: none!important;
}
#mainNav{ z-index:9999;}
@media (min-width:992px) {
#mainNav {
-webkit-transition:padding-top .3s, padding-bottom .3s;
-moz-transition:padding-top .3s, padding-bottom .3s;
transition:padding-top .3s, padding-bottom .3s
}
#mainNav .navbar-brand {
font-size:2em;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active {
color:#fff;
border-radius:3px;
background:#000; border:0px;
}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active:active, #mainNav .navbar-nav>li.nav-item>a.nav-link.active:focus, #mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover {
color:#fff;
background:#505050
}
#mainNav.navbar-shrink {
padding-top:10px;
padding-bottom:10px
}
#mainNav.navbar-shrink .navbar-brand {
font-size:1.5em
}
}
header.masthead {
	padding-top:100px;
	padding-bottom:50px;
	text-align:center;
	color:#fff;
	background:#000;
}
header.masthead img {
	display:block;
	margin:0 auto 20px
}
header.masthead .intro-text .name {
	font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:2em;
	font-weight:700;
	display:block;
	text-transform:uppercase
}
header.masthead .intro-text .skills {
	font-size:1.25em;
	font-weight:300
}
@media (min-width:768px) {
header.masthead {
/* padding-top:200px;
padding-bottom:100px */
}
header.masthead .intro-text .name {
font-size:40px
}
header.masthead .intro-text .skills {
font-size:1.75em
}
}
#portfolio .portfolio-item {
	right:0;
	margin:0 0 15px
}
#portfolio .portfolio-item .portfolio-link {
	position:relative;
	display:block;
	max-width:400px;
	margin:0 auto;
	cursor:pointer
}
#portfolio .portfolio-item .portfolio-link .caption {
	position:absolute;
	width:100%;
	height:100%;
-webkit-transition:all ease .5s;
-moz-transition:all ease .5s;
transition:all ease .5s;
	opacity:0;
	background:rgba(24, 188, 156, .9)
}
#portfolio .portfolio-item .portfolio-link .caption:hover {
	opacity:1
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content {
	font-size:20px;
	position:absolute;
	top:50%;
	width:100%;
	height:20px;
	margin-top:-12px;
	text-align:center;
	color:#fff
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
	margin-top:-12px
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content h3, #portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
	margin:0
}
#portfolio * {
	z-index:2
}
@media (min-width:767px) {
#portfolio .portfolio-item {
margin:0 0 30px
}
}
.portfolio-modal .modal-dialog {
	max-width:100%;
	min-height:100%;
	margin:0;
	padding:0;
	text-align:center;
	border:none;
	border-radius:0;
	background-clip:border-box;
	-webkit-box-shadow:none;
	box-shadow:none
}
.portfolio-modal .modal-dialog .modal-content {
	padding:100px 0;
	border:0;
	border-radius:0
}
.portfolio-modal .modal-dialog .modal-content h2 {
	font-size:3em;
	margin:0
}
.portfolio-modal .modal-dialog .modal-content img {
	margin-bottom:30px
}
.portfolio-modal .modal-dialog .modal-content .item-details {
	margin:30px 0
}
.portfolio-modal .close-modal {
	position:absolute;
	top:25px;
	right:25px;
	width:75px;
	height:75px;
	cursor:pointer;
	background-color:transparent
}
.portfolio-modal .close-modal:hover {
	opacity:.3
}
.portfolio-modal .close-modal .lr {
	z-index:1051;
	width:1px;
	height:75px;
	margin-left:35px;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	background-color:#2c3e50
}
.portfolio-modal .close-modal .lr .rl {
	z-index:1052;
	width:1px;
	height:75px;
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	background-color:#2c3e50
}
.portfolio-modal .modal-backdrop {
	display:none;
	opacity:0
}
.floating-label-form-group {
	position:relative;
	margin-bottom:0;
	padding-bottom:.5em;
	border-bottom:1px solid #eee
}
.floating-label-form-group input, .floating-label-form-group textarea {
	font-size:1.5em;
	position:relative;
	z-index:1;
	padding-right:0;
	padding-left:0;
	resize:none;
	border:none;
	border-radius:0;
	background:0 0;
	box-shadow:none!important
}
.floating-label-form-group label {
	font-size:.85em;
	line-height:1.764705882em;
	position:relative;
	z-index:0;
	top:2em;
	display:block;
	margin:0;
-webkit-transition:top .3s ease, opacity .3s ease;
-moz-transition:top .3s ease, opacity .3s ease;
-ms-transition:top .3s ease, opacity .3s ease;
transition:top .3s ease, opacity .3s ease;
	vertical-align:middle;
	vertical-align:baseline;
	opacity:0
}
.floating-label-form-group:not(:first-child) {
padding-left:14px;
border-left:1px solid #eee
}
.floating-label-form-group-with-value label {
	top:0;
	opacity:1
}
.floating-label-form-group-with-focus label {
	color:#18bc9c
}
form .row:first-child .floating-label-form-group {
	border-top:1px solid #eee
}
footer {
	color:#fff
}
footer h3 {
  font-size: 20px;
  margin-bottom: 6px;
}
footer .footer-above {
  background-color: #000;
  padding-top: 18px;
}
footer .footer-col {
  margin-bottom: 14px;
}
footer .footer-below {
  background-color: #737373;
  padding: 10px 0px;
  text-align: center;
}
.tag-num {
  background: #fff none repeat scroll 0 0;
  color: #000;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 11px;
  margin-top: 7px;
  padding: 2px 11px;
  text-transform: uppercase;
}
.footer-above p{ font-size:16px;}
.btn-outline {
	font-size:20px;
	margin-top:15px;
transition:all .3s ease-in-out;
	color:#fff;
	border:solid 2px #fff;
	background:0 0
}
.btn-outline.active, .btn-outline:active, .btn-outline:focus, .btn-outline:hover {
	color:#18bc9c;
	border:solid 2px #fff;
	background:#fff
}
.btn-primary {
	font-weight:700;
	color:#fff;
	border-color:#2c3e50;
	background-color:#2c3e50
}
.btn-primary.focus, .btn-primary:focus {
	color:#fff;
	border-color:#000;
	background-color:#1a252f
}
.btn-primary:hover {
	color:#fff;
	border-color:#161f29;
	background-color:#1a252f
}
.btn-primary.active, .btn-primary:active, .open>.btn-primary.dropdown-toggle {
	color:#fff;
	border-color:#161f29;
	background-color:#1a252f
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover {
	color:#fff;
	border-color:#000;
	background-color:#0d1318
}
.btn-primary.active, .btn-primary:active, .open>.btn-primary.dropdown-toggle {
	background-image:none
}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	border-color:#2c3e50;
	background-color:#2c3e50
}
.btn-primary .badge {
	color:#2c3e50;
	background-color:#fff
}
.btn-success {
	font-weight:700;
	color:#fff;
	border-color:#18bc9c;
	background-color:#18bc9c
}
.btn-success.focus, .btn-success:focus {
	color:#fff;
	border-color:#0a4b3e;
	background-color:#128f76
}
.btn-success:hover {
	color:#fff;
	border-color:#11866f;
	background-color:#128f76
}
.btn-success.active, .btn-success:active, .open>.btn-success.dropdown-toggle {
	color:#fff;
	border-color:#11866f;
	background-color:#128f76
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.btn-success.dropdown-toggle.focus, .open>.btn-success.dropdown-toggle:focus, .open>.btn-success.dropdown-toggle:hover {
	color:#fff;
	border-color:#0a4b3e;
	background-color:#0e6f5c
}
.btn-success.active, .btn-success:active, .open>.btn-success.dropdown-toggle {
	background-image:none
}
.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
	border-color:#18bc9c;
	background-color:#18bc9c
}
.btn-success .badge {
	color:#18bc9c;
	background-color:#fff
}
.btn-social {
	font-size:20px;
	line-height:45px;
	display:inline-block;
	width:50px;
	height:50px;
	text-align:center;
	border:2px solid #fff;
	border-radius:100%
}
.btn.active, .btn:active, .btn:focus {
	outline:0
}
.navbar-expand-lg .navbar-nav .nav-link {
  border-top: 1px solid #ccc;
  padding-left: 10px;
  padding-right: 10px;
}
#mainNav .navbar-nav li.nav-item a.nav-link:hover {
  color: #5d7a3a;
  outline: 0 none;
}
.navbar-nav {
  background: #f2f2f2 none repeat scroll 0 0;
  display: flex;
  flex-direction: column;
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 0;
  margin: 0px;
}
.nav-item {margin-left: 6px;}
.slider img {
    width: 100%;
}

.profile {
  text-align: center;
  width: 100%; margin-top:20px;
}
.profile > img {
  border: 3px solid #ccc;
  border-radius: 100%;
}
.profile > p {
  font-size: 20px;
  margin-top: 10px;
}
#profile_association{ background: #f2f2f2 none repeat scroll 0 0;
    float: left;
    padding: 40px 0;
    width: 100%;}
	.footer-info{float: left;width: 100%;}
 .register {
  border: 1px solid #f2f2f2;
  margin: 0 auto;
  max-width: 760px;
  padding: 20px;
}
.register .submit {
  background: #000 none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
  padding: 7px 20px;
  text-transform: uppercase;
  cursor: pointer;
}
.navbar{ padding:0px;}
.form-sub-title {
  background: #f2f2f2 none repeat scroll 0 0;
  float: left;
  padding: 20px;
  text-align: center;
  width: 100%;
}
.register-form {
  float: left;
  width: 100%;
}

.yearsinfo {
  float: left;
  margin-bottom: 20px;
  margin-top: 15px;
  position: relative;
  text-align: center;
  width: 100%;
}
.yearsinfo span {
  background: #5d7a3a none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 25px;
  font-weight: bold;
  padding: 4px 30px;
  position: relative;
  z-index: 1234;
}
.yearsinfo::before {
  background: #5d7a3a none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 24px;
  width: 100%;
}

.img-list{ width:100%; float:left;}
.img-list img {
  height: 220px;
  margin-bottom: 20px;
  width: 100%;
}
.legal-numer ul{ width:100%; float:left; list-style:none; padding:0px; margin:0px 0 30px 0;}
.legal-numer ul li{ width:24%; margin:0px 0.5%; float:left; border:1px solid #ccc; text-align:center; padding:10px; font-size:15px; background:#f2f2f2; }
.footer-below a{ color:#fff;}

	
.doc-img{ width:100%; list-style:none; padding:0px;}	
.doc-img li{ float:left; width:19%; margin:0px 0.5% 8px 0.5%;}
#html5-watermark{display:none!important;}
.video {
    float: left;
    width: 48%;
}



 
/* new */

.successform {width:100%;float:left;}

.successform .success {
  border: 1px solid green;
  color: green;
  font-size: 18px;
  line-height: 18px;
  padding: 10px;
}

.successform .failed {
  border: 1px solid red;
  color: red;
  font-size: 18px;
  line-height: 18px;
  padding: 10px;
}

.attested_documents  {
  text-align: center;
  width: 100%;
  font-weight: bold;
  margin-top: 20px;
}
#documnet_payment > li {
  float: left;
  font-size: 16px;
  margin-bottom: 5px;
  text-align: left;
  width: 100%;
}
#documnet_payment {
  float: left;
  list-style: outside none none;
  margin-top: 20px;
  width: 100%;
}
.form-group-payment {
  border-top: 1px solid #ccc;
  float: left;
  padding-top: 10px;
  width: 100%;
}
.form-group-payment form {
  margin: 20px auto 0;
  max-width: 400px;
}
.form-control-file-payment {
  float: left;
}
.form-submit-payment {
  float: left;
  text-align: center;
}
.form-submit-payment .submit {
  background: #000 none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  padding: 7px 21px;
  text-transform: uppercase;
}
.edit_button {
  background: #333 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  float: right;
  font-size: 13px;
  padding: 8px 19px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 5px;
}
.edit_button:hover{ background:#000; text-decoration:none;}

@media screen and (max-width:767px){
	.legal-numer ul li{ width:99%; margin-bottom:15px;}
	.video{ width:100%;}
	section h2 { font-size: 23px; line-height: 31px;}
	.bx-wrapper .bx-controls-direction a {z-index:4!important;}
	}