@charset "utf-8";
/* CSS Document */
body{overflow-x:hidden;background:#f8f9fb}
.navbar-default .navbar-brand{position:absolute}

.dropdown img{width: 30px;
    display: inline-block;
    margin-right: 5px;
}
.navbar-default {
background-color: #fff;border: 1px solid #e9eaec;}
.navbar-nav li a img{width:24px;display:inline-block;margin-right:5px}
.left-nv{ border:1px solid #e9eaec;background:#fff;padding:20px 0;border-radius:10px}
.left-nv .head h4{color:#9a9a9a}
.left-nv .head img{display:inline-block;width:100px}
.navbar-brand img{width:170px}
.navbar-right.log-reg {margin-top:12px}
.navbar-right.log-reg span{display:inline-block;margin-left: 20px;}
.navbar-right.log-reg span img{display:inline-block;margin-right: 7px;}
.navbar-right.log-reg a{color:#000}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background:#fff}
/***/
.wrapar{margin:30px 0}
.nav-tabs {
    border:none
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border:none;background:#f6eaea!important}
.nav-tabs > li > a{color:#636162;border-radius:0;}
.nav-tabs > li > a span{width:60px;text-align:left;display:inline-block}
.nav-tabs > li > a img{width: 25px;
    margin-right: 5px;}
.tab-content{border:1px solid #e9eaec;background:#fff;padding:10px 0;border-radius:10px}
.tab-content h3{margin-top:0}
.tab-content > .tab-pane{overflow:hidden;padding-bottom:30px}
.tap-head{border-bottom:1px solid #e9eaec;padding-left:20px;line-height:2}
.units {padding-top:3%}
.units .unit{border:1px solid #e9eaec;border-radius:10px;padding:10px 10px 20px;margin-bottom:10px;overflow:hidden;display:flex;justify-content:center}
.bg-gray{background:#f7f4eb}
.bg-red{background:#f6eaea}
.bg-blue{background:#ecf1f7}
.bg-green{background:#ecf8ee}
.gray{color:#A2A2A2}
.units .unit img{width:40px;height:40px;display:inline-block}
.icon-wrapper {height: 65px;width: 65px;border-radius: 50%;display:flex;justify-content:center;align-items:center;line-height:30px;position:absolute;left:9%}
.units .unit .icon-wrapper {float:left}
.units .unit a{display:inline-block;color:#312B2B;margin-top:10px}
.units .unit .info{display:inline-block;width:50%;width: 90%;padding-left: 80px;}
.units .unit .info strong{width:55px;height:55px;font-size:30px;border-radius:10px;display:inline-block;text-align:center;line-height:55px;float:right}
/**/
.alerts {padding:10px 10px 5px;border-bottom: 1px solid #e9eaec;overflow:hidden}
.alert img{display: inline-block;
    margin-right: 5px;}
.red{color:#950000}
#articles .table caption{text-align:left;margin:20px 10px;font-weight:bold}
#articles .table > thead > tr > th,#articles  .table > tbody > tr > th,#articles .table > tfoot > tr > th, #articles .table > thead > tr > td, #articles .table > tbody > tr > td, #articles .table > tfoot > tr > td{border-top:none}
#articles table .icon-wrapper {height: 45px;width: 45px;position: relative;
display: inline-block;margin-right:3px}
#articles table img{display:inline-block;float:left;margin-right:3px;width:100px}	
#articles table p{margin-top: 12px;}
#articles table .achen img{display:inline-block;margin-right:3px}	
#articles table .achen .icon-wrapper img{width:25px;display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;}
#articles .btn{border:1px solid #950000;border-radius:5px;margin:1% 0;padding:5px 40px;font-size:17px}	
/*****profiles*****/
.profile-page .left-nv{padding:0}
.profile-page .tab-content{background:transparent;padding:0;border:none}
.box{border:1px solid #e9eaec;background:#fff;padding:20px 0;border-radius:10px;overflow:hidden}
.profile-page .tap-head img{display:inline-block; float:left;margin-right:10px}
.profile-page .tap-head h3{margin-bottom:0}
.profile-page form{margin:20px}
.form-group{position:relative}
.form-group img{position:absolute;top:35px;right:10px}
.profile-page .btn{background:#950000;color:#fff;border:1px solid #950000;-webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;margin-top:-5px;padding:5px 30px}
.profile-page form .btn:hover{background:#fff;color:#950000}
.profile-page .box{margin-bottom:30px}
.box-head {
    border-bottom: 1px solid #e9eaec;padding-left: 20px;position:relative;
line-height: 2;}
.profile-page .box-head img{width:33px;display:inline-block;margin-right:10px;float:left;position: absolute;
    top: -8px;}
.profile-page .box-head h4{margin:0 0 10px 40px}	
.profile-page .box-text{padding:20px 20px 10px}
.profile-page .box-text p{margin-bottom:25px}
/*searsh*/
.breadcrumb{background-color:transparent}
.breadcrumb img{display:inline-block;width:15px;margin-right:10px;margin-top: -3px;}
.breadcrumb > li a{color:#616161}
.breadcrumb > li + li:before{content:"|"}
.left-menu{border:1px solid #D9D9DB;background:#fff;border-radius:10px;overflow:hidden}
 a:hover,a{text-decoration:none}
.left-menu #accordion {
  margin: auto;
  max-width: 500px;
}
.left-menu .panel-default{margin-bottom:0;border-color:transparent}
.left-menu .panel-default > .panel-heading{background:#fff}
.left-menu .panel-heading a {
  display: block;
  position: relative;
  line-height:3;
}
.panel-heading  a:before {
   
    content:url('../img/arrow.png');
   float: right;
   transition: all 0.5s;
   margin-top: 20px;

}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 
.btn-red{background:#950000;color:#fff;text-align:center;border: 1px solid #950000;
 -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
 transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;padding: 10px 30px;}
.searsh .btn{margin-top:30px}
.bold{font-weight:bold}
.searsh h3{margin-bottom:30px}
.panel-body select{border:1px solid #D9D9DB;box-shadow:none}
.filters .flters-head{border-bottom:1px solid #D9D9DB;padding:20px 0}
.filters .flters-head h4{display:inline-block;margin-right:20px}
.filters span.filter{display:inline-block;margin-right:4px;border:1px solid #E3E3E3;background:#ebebee;border-radius:40px;font-size:18px;padding:4px 10px;width:170px;margin-bottom:20px}
.filters span.filter img{width:25px;display:inline-block}
.filters span.filter p{display:inline-block;margin:0}
.results{padding-top:40px}
.results .result{margin-bottom:20px;overflow:hidden;padding:0;}
.result-head{padding:10px;border-bottom:1px solid #D9D9DB;overflow:hidden}
.result-head article{widows:49%;display:inline-block}
.result-head article h4{margin:0}
.result-head article h4 img{float:left}
.result-head article h4 .left{line-height: 3;
    margin-left: 5px;}
.result-info{padding:20px 10px 0;overflow:hidden}
.result-info .result-part{width:30%;display:inline-block;margin-bottom: 10px;
    padding-left: 10px;}
.result-info .result-part.border{border-right:1px solid #D9D9DB}
/*profile information*/
.set-up  {padding:20px!important;}
.set-up span span{width:45px;height:45px;border-radius:50%;text-align:center;display:inline-block;}
.set-up > span {display:inline-block;margin-right:-6px;width:92px;position:relative;background:#fff;z-index:88888}
.set-up span img{display:inline-block;margin-top:10px}
.set-up span.active{background:#950000}
.set-up span span:after {
 border-top: 1px solid #eee;
    content: "";
    display: inline-block;
    height: 1px;
    margin: auto;
    position: absolute;
    bottom: 0;
    right:70%;
    top: -45;
    width: 35px;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}
.set-up span.one:after {border-top:none}
.setup-profile .box{padding:0 0 20px;margin:20px 0;overflow:hidden}
.setup-profile form{padding:10px }
.box-head{margin-bottom:20px;padding:15px}
.box-head h3{margin:0}
.form-control{height:45px}
.language .left{width:49%;float:left;display:inline-block}
.language .right{width:49%;float:left;display:inline-block}
.setup-profile .btn {
    background: #950000;
    color: #fff;
    border: 1px solid #950000;
    -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
    margin-top: -5px;
    padding: 5px 30px;
}
select:required:invalid {
  font-style: italic;
  color: gray;
}
.bg-grays{background:#f2f2f2}
/* Reset the non-placeholder styles, or they'll be styled when the dropdown opens! */
select:required:invalid > option:not(:first-child),
optgroup {
  color: initial;
  font-style: normal;
}
/*articles*/
.thumbnail{padding:0;border-radius:10px}
.pic{position:relative}
.pic .info{position:absolute;background:rgba(255,255,255,.7);padding:5px;width:100%;bottom:0}
.pic .info span{display:inline-block;margin-left:20px}
.pic .info span img{display:inline-block;margin-right:5px;margin-top: -5px;}
.articles .btn{background:#fff;border: 1px solid #ddd;margin:30px 0}

/*Pending Matches*/
.pending-pro .search{padding:20px;margin-bottom:30px}
.pending-pro .search .btn{background:#950000 url(../img/search.png)no-repeat center;padding: 20px;}
.pending-pro .search h4{display:inline-block}
.t-head img{width:15px!important;margin-left:5px;display:inline-block}
.t-head span{font-size:12px;margin-right:10px}
.t-head{margin-bottom:20px;width:90%}
.t-head .rot{transform: rotate(180deg);}
.panel-group{overflow:hidden;}
.pending-pro .panel-heading {
  padding: 0;
	border:0;
	background:#fff
}
.pending-pro .panel-heading.active{background:#f6eaea}
.pending-pro .panel-title>a,.pending-pro .panel-title>a:active{
	display:block;
	padding:15px;
  color:#312B2B;
  font-size:16px;
  font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
  word-spacing:3px;
	text-decoration:none;
}

.pending-pro .active .panel-title, .pending-pro .panel-body{
  border:1px solid #da7d7d
}
.pending-pro .panel-default .panel-body {
    border-radius: 0 0 10px 10px;
}
.pending-pro .panel-title{border-radius:10px 10px 0 0}
.pending-pro .panel-heading a:before {
    
    margin-top: 5px;
}

.pending-pro table {width:100%; border-collapse: collapse;
  table-layout: fixed;}

.pending-pro .no-p{padding:0}
.pending-pro .hid{visibility:hidden}
.pending-pro th img{width:24px}
.pending-pro table thead th {

    font-size: 14px;
	text-align:center
}
.pending-pro table td{line-height:1.5}
.pending-pro .panel-heading table{width:100%;}
.pending-pro .panel-body table{width:73%}
.pending-pro thead th{font-size:12px!important}
.pending-pro span.gray {
    display: block;
}
.pending-pro .panel {margin-bottom:20px}
/**/
.pending-pro .fliter{margin:20px 0}
.pending-pro .fliter span{overflow:hidden;background:#fff;border:1px solid #e9eaec;display:inline-block;margin-right:20px;
padding: 10px ;border-radius:10px }
.pending-pro .fliter span img{display:inline-block;margin-left:10px;margin-left: 25px;margin-top: 5px;}
.bend.box{padding:0;overflow:hidden;margin-bottom:20px}
.pend-head {
    padding: 10px;
    border-bottom: 1px solid #D9D9DB;
    overflow: hidden;
	margin-bottom: 20px;
}
.pending-pro .sort {padding:20px}
.pending-pro .sort .pull-right{margin-top:20px}
.pending-pro .sort h4,.pending-pro .sort img{display:inline-block}
.pend-head .pull-right img {margin-top:-40px}
.pend-info {
    padding: 20px 10px 0;
    overflow: hidden;
}
.pend-info .pend-part {
    
    display: inline-block;
    margin-bottom: 10px;
    padding: 4px;
}
.pend-info .pend-part.border {
    border-right: 1px solid #D9D9DB;
}
.pend-head article h4 {
    margin: 0;
}
.pend-head article h4 img {
    float: left;
}
.pend-head article h4 .left {
    line-height: 3;
    margin-left: 5px;
}
.pending-pro nav{width:150px;float:right}
.pending-pro nav p{display:inline-block;margin-top: 28px;}
.pending-pro nav{width:150px;float:right}
.pending-pro nav p .box {
    padding: 7px 10px;
border-radius: 5px;}
.pending-pro nav p span{font-weight:bold;font-size:16px;margin-left:5px}
.pending-pro nav .prev{background:#f6eaea;color:#fff}
.pending-pro nav .next{background:#950000;color:#fff}
.pagination > li > a, .pagination > li > span {
   
padding: 3px 12px;font-size:20px;}
/*Personal Information*/
.personal-info .box{padding-top:0;margin-bottom: 30px;
    overflow: hidden;}
.personal-info form{padding:0 25px}
.personal-info .col-md-12{padding:0 15px}
/*login*/
.log{border-radius:20px ;height:85vh;overflow:hidden;background:#fff}
.log form{padding:20px;overflow:hidden;}
.log .wel,.log .btn{margin:30px 0}
.log .form-group {
    margin-bottom: 25px;
}
.log .new a{line-height:2;font-size:14px}
.log .pic img{width:100%;height:100%;position:relative}
.log .right{padding-right:0}
.log .pic p{color:#fff;position:absolute;width:80%;text-align:center;bottom:22px;left:10%}
/*articles post*/
.articles-post .dat-time{padding:10px 0}
.articles-post .dat-time span{display:inline-block; margin-right:30px}
.articles-post .dat-time span img{display:inline-block;margin-right:15px}
.articles-post h3{border-bottom: 1px solid #D9D9DB;padding-bottom:20px;margin-bottom:30px;}
.articles-post .article-head {border-bottom: 1px solid #D9D9DB;overflow:hidden;margin-bottom: 30px;}
.articles-post .article-head h3{display:inline-block;border-bottom:none;margin-bottom:5px}
.articles-post .ach {display:inline-block;width: 200px;text-align: right;margin-right: 45px;}
.articles-post .icon-wrapper {height: 55px;width: 55px;}
.articles-post .ach .icon-wrapper{position:relative;display:inline-block;text-align:center}
.articles-post .ach .red{background:#950000;margin-right:5px}
.articles-post .ach .icon-wrapper img{display: inline-block;margin-top: 15px;}
.articles-post p{line-height:1.5;margin-bottom:20px}
.articles-post .pagn>div{width:49%;display:inline-block}
.articles-post .pagn .prev{float:right}
.articles-post .pagn .next{text-align:right}
.related{padding:30px 0 0;overflow:hidden}
.related h4{margin:0 0 10px 10px}
.related .re-article{padding:15px;position:relative;border-bottom:1px solid #D9D9DB}
.related .re-article:last-child{border-bottom:none}
.related .re-article img{width:70px;float:left;display:inline-block;position:absolute}
.related .re-article .re-text{display:inline-block;margin-left:75px;}
.related .re-article .re-text span{width:40%;display:inline-block;margin:0 10px}
.related .re-article .re-text img{width:13px;display:inline-block;position:relative;margin-top: 3px;
    margin-right: 3px}
.related .re-article .re-text a{margin-bottom:0;color:#555;}
/*register*/
.register{background:#fff;overflow:hidden;border-radius:20px;padding:30px 10px 10px}
.register .left{border-right:1px solid #D9D9DB;padding:0 10px}
.register .salary{border-radius:10px;height:150px;display:flex;justify-content:center;align-items:center;
position:relative;margin-bottom:15px}
.register .salary img{position:absolute;left:50px}
.register .salary strong{font-size:30px;margin-right:5px}
.register .have-accu{margin:25px 0}
.reg-step{padding:0 10px;}
.reg-step h4,.left .re p{margin-bottom: 40px;}
.reg-step .step{position:relative;margin-bottom: 40px;}
.reg-step .step h5{font-weight:bold}
.reg-step img{position:absolute;left:0;top:-15px}
.reg-step .reg-text{margin-left:60px}
.form-group.card img{left: 10px;right: auto;}
.form-group.card .form-control{padding-left:35px}
/*admin dashbord*/
.admin-dash .admin{margin:50px auto 30px;display: flex;justify-content: center;}
.admin-dash .btn {border-radius:10px}
.admin-dash .btn img{display:inline-block;margin-right:10px}
.admin-dash .panel-body{border:1px solid #ccc;border-radius:10px;padding:0;overflow:hidden}
.admin-dash .panel-body form{margin-bottom:0}
.admin-dash .panel-body select{border:none}
.admin-dash .input-group{width:32.5%}
.admin-dash .input-group-addon{border:none;border-radius:0;background:#f6f6f6;background:#fff;border-left:1px solid #ccc;
text-align:center}
.admin-dash .no-bord {border-left:none}
.admin-dash .input-group-addon img{display:inline-block}
.admin-dash .left{margin:30px 0 0}
.admin-dash .left .av{display:inline-block}
.admin-dash .left h4.gray{margin:30px 0}
.admin-dash .left .head h4{display:inline-block}
.admin-dash .left h4 img{width:25px;margin-right:10px;display:inline-block}
.admin-dash .left .head{border-bottom:1px solid #e9eaec;padding:20px 0 30px}
.admin-mas {padding:30px 5px 10px}
.admin-mas h4{text-align:left;margin-left: 10px;}
.admin-mas li{list-style:none;position:relative;padding: 5px 0 5px 5px;overflow:hidden}
.admin-mas li:nth-child(odd){background:#eee}
.admin-mas li a{color:#000;font-size:15px}
.admin-mas li span{font-size:12px}
.admin-mas li:before{position:absolute;content:"";width: 7px;height: 7px;background: #333;border-radius: 50%;left: 12px;
top: 12px;}
.interes {margin-top:30px;overflow:hidden}
.interes .nav-tabs { border-bottom: 1px solid #ddd;}
.interes .nav-tabs > li{float:left}
.interes .nav-tabs > li a{font-weight:bold;font-size:16px}
.interes .nav-tabs > li.active > a, .interes .nav-tabs > li.active > a:hover,.interes .nav-tabs > li.active > a:focus{background:transparent!important;border-bottom:2px solid #950000;color:#950000;}

.interes .tab-content{border:none}
.interes .table img{display:inline-block;}
.interes .table tbody tr td{position:relative;padding:20px 0;text-align:center}
.interes .table tbody tr th.first{text-align:center;line-height:3;position:relative}
.interes .table tbody tr th.first img{position:absolute;left:25px;top:0}
.interes .table thead th{text-align:center;border-bottom:none;}
.interes .table > tbody > tr > th,.interes .table > tbody > tr > td {border-top:none}
.interes .btn{background:#fff;border:1px solid #950000;border-radius:10px;color:#950000;font-size:18px;padding:7px 30px}
.admin-dash .articles{margin-top:30px}
/* email confirmation*/
.email-con form{padding:30px 100px}
.email-con form h4{font-weight:bold;margin-bottom:50px}
.email-con form .btn{margin-top:30px}
.box{margin-bottom:20px}
/***Reactive Your Subscription***/
.re-sub form{padding:30px 100px}
.re-sub form h4{font-weight:bold;margin-bottom:20px}
.re-sub form p{margin-bottom:50px}
.re-sub .form-group{margin-bottom:20px;overflow:hidden}
/*notes*/
.notes-page .tap-head h3{display:inline-block;line-height:3}
.notes-page .tap-head img{display:inline-block;margin-top: -10px}
.notes-page .tap-head .btn{margin-right:15px;margin-top:15px}
.d-none{display:none!important}
.notes-page .tab-content{padding-top:5px}
#notes .tab-content{border:none}
#notes #step-1 .info img{display:inline-block;margin-top:40px}
.notes-page #notes .tab-pane{padding-bottom:10px}
#notes #step-1 .info a{cursor:pointer}
.notes-page .modal-header{border-bottom:none}
.notes-page .modal-footer{border-top:none}
.notes-page .modal-footer .btn{margin-right: 40%;}
#notes #step-2 .info img{display:inline-block;width:20px;margin-right:5px}
#notes #step-2 .info .note{margin:20px ;padding:10px 15px}
#notes #step-2 .info:last-child .note  {margin-bottom:0}
.notes-page .info p{width:80%}
/*start footer*/
.footer{padding-top:3%}
.footer img{display:inline-block;overflow:hidden}
.coppy{border-top:1px solid #D9D9DB;margin-top:5%;padding:1% 0}
.coppy a{color:#616161}

@media (min-width: 240px)and (max-width: 319px){

.units .col-xs-12{width:100%}
.left-nv{margin-bottom:3%}
.footer .text-right,.footer{text-align:center}
.register .left{border-right:none}
}
@media (min-width: 320px)and (max-width: 480px)	{
.units .col-xs-12{width:100%}
.nav-tabs > li > a img{display: block;
    margin: 1px auto}
.left-nv{margin-bottom:3%}
.footer .text-right,.footer{text-align:center}
.register .left{border-right:none}

}
@media (min-width: 481px)and (max-width:767px)	{
.units .col-xs-12{width:100%}
.left-nv{margin-bottom:3%}
.footer .text-right,.footer{text-align:center}
.register .left{border-right:none}
.pending-pro .search .btn {
   
margin-top: -20px;}
}
@media (max-width: 990px){
.table .achen,.table .gray{text-align:center}
.units .col-xs-12{width:100%}

}
@media (min-width: 769px){
.navbar-nav{display:flex; flex-basis: auto;justify-content:center;align-items:center;width:100%}	
.navbar-right{float:right!important;position: absolute;right: 0;width: 20%;}
.nav-tabs > li {
float: none;}
.left-nv .head {margin-bottom:10%;display:inline-block}
.nav-tabs > li > a{line-height:3;}
.profile-page form{width:50%}
.profile-page .box-text{width:70%}

}

@media (min-width: 991px)and (max-width: 1024px){


}	
/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-device-width: 990px)  {

.pending-pro table { 
	  	width: 100%; 
	}

	/* Force table to not be like tables anymore */
.pending-pro table, .pending-pro thead, .pending-pro tbody, .pending-pro th, .pending-pro td, .pending-pro tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.pending-pro .panel-body thead tr { 
		position: absolute;
		top: -9999px;
		right: -9999px;
		border-bottom:1px solid #ddd
	}
	
	
	.pending-pro td { 
		/* Behave  like a "row" */
		border: none;
    position: relative;
    padding-right: 10px;
    text-align: right;
	}
	.pending-pro span.gray {
    position: absolute;
    left: 15px;
    top: 3px;
}
.pending-pro .panel-body tbody tr{border-bottom:1px solid #ddd}
.pending-pro .panel-body tbody tr:last-child{border-bottom:none}

.pending-pro table td {
    line-height: 2.8;
}	
.pending-pro .panel-body table {
    width: 100%;
}
.pending-pro .panel-title span.gray{position:relative;margin-bottom: 10px;text-align:left;left:0}
.pending-pro .panel-title tr{display: inline-block;width:100%}
.pending-pro .panel-title table thead th{display:inline-block;width:31%;text-align:left}
.pending-pro .search .form-control{display:none}
.pending-pro .search .btn {
   
    margin-top: 0px;
}
}
a.vi:before{content:""!important}