@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

.col-xs-5ths {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}


html{
	height: 100%;
}
body {
	font-size: 14px;
	line-height: 22px;
	color: #232323;
	font-family: 'Roboto';
	font-weight: normal;
	margin: 0;
	padding: 0;
	min-height: 100%;
	background: #edf2f6;
}
h1, h2, h3, h4, h5 {
	font-family: 'Roboto';
	margin-top: 0;
}
h3{
	font-size:18px;
}
a {
	text-decoration: none;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
a:hover {
	text-decoration: none;
}
:before, :after, button, img {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.p0 {
	padding: 0;
}
img {
	margin: 0;
	padding: 0;
	max-width: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.form-control, .btn{
	box-shadow:none;
	border-color:#e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	min-height:40px;
	outline:none;

}
.form-control:focus{
	border:1px solid #01579b;
	box-shadow:none;
}
::-webkit-scrollbar {
	width: 7px;
}

::-webkit-scrollbar-thumb {
	background-color: #323232;
}

::-webkit-scrollbar-track {
	background-color: #dedede;
}
.bg-image, .bg-parallax {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
.bg-parallax {
	background-attachment: fixed;
}
/*---------- Header -------*/
.login-page{
	background: url(../images/bg.en.jpg) left bottom no-repeat;
}
.wrapper{

}
.login-page .wrapper{
	padding: 100px 15px;
}
.form-group{
	position: relative;
}
.login-form{
	text-align: left;
}
.login-form .form-group .form-control{
	padding-left: 30px;
}
.form-group>i{
	position: absolute;
	left: 15px;
	top: 12px;
	z-index: 1;
	color: #e2e2e2;
	font-size: 14px;
}
.form-group .form-control{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 6px 15px;
}
.file-group .form-control{
	padding: 6px 15px 6px 35px;
	text-align: left;
}
.file-group i{
	right: 15px;
	left: auto;
}
.login-form .btn{
	width: 100%;
	line-height: 20px;
	padding: 10px;

}
.error-msg-validation{
	color: red;
}
.btn-primary{
	background: #01579b;
	border: 1px solid #01579b;
	min-width: 100px;
	text-align: center;
}
.btn-primary:hover{
	color:#01579b;
	background: none;
}
.checkbox label{
	color: #707070;
	font-weight: 400;
	position: relative;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{
	left: 0;
	margin: 0;
}
#loginModal .modal-body{
	background: url(../images/Subtraction.png) right bottom no-repeat;
}
#forgetpass{
	color: #707070;
}
header{
	background: #01579b;
	padding: 0 30px;
}
.right_top_bar{
	float: left;
}
.left_top_bar{
	float: right;
	padding-top: 7px;
}
.left_top_bar  #forgetpass{
	color: #b2dbfb;
}
.left_top_bar .login-form .form-group .form-control{
	height: 36px;
	padding-top: 5px;
}
.left_top_bar .login-form .btn{
	border: 1px solid #fff;
	height: 36px;
	padding-top: 5px;
}
h1.logo{
	display: inline-block;
	padding: 10px 0;
	margin: 0;
}
.left_top_bar>.navbar-nav{
	float: right;
	padding: 0;
}
.left_top_bar>.navbar-nav>li{
	float: left;}

.left_top_bar>.navbar-nav>li.dropdown-user img{
	margin-right: 8px;
}
.left_top_bar>.navbar-nav>li>a{color: #fff;line-height: 45px;}
.left_top_bar>.navbar-nav>li>a:hover,.left_top_bar>.nav .open>a, .left_top_bar>.nav .open>a:focus, .left_top_bar>.nav .open>a:hover,.nav>li>a:focus, .nav>li>a:hover{
	background: none;
	color: #fff;
}
.left_top_bar>.navbar-nav>li>a>span{position: relative}
.left_top_bar .navbar-nav>li>a>.badge {
	position: absolute;
	top: 22px;
	right: 24px;
	font-weight: 300;
	padding: 1px 4px;
	color: #fff;
	background: #1ce8b5;
	font-size: 12px;
}
.navbar-nav>li.dropdown-tree>.dropdown-menu{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #E6ECF5;
	background: #fff;
	padding-bottom: 0;
}
.dropdown-tree .dropdown-menu ul>li a{
	display: block;
	padding: 10px 15px;
	line-height: 18px;
	color: #858585;
	border-bottom: 1px solid #E6ECF5;
}
.left_top_bar>.navbar-nav>li.sitemap.sitemap{
	float: right;
	margin-left: 25px;
	padding: 22px 0;
}
.left_top_bar>.navbar-nav>li.sitemap>a{
	display: block;
	width: 27px;
	height: 27px;
	text-align: center;
	background: #1CE8B5;
	line-height: 27px;
	padding: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.left_top_bar>.navbar-nav>li.sitemap>a i{
	line-height: 27px;
	font-size: 12px;
}
.dropdown-tree .dropdown-menu ul>li a:hover{
	background: #E6ECF5;
}
.list-families{
	max-height: 110px;
	overflow-y: scroll;
	margin: 0 0 15px;
}
.navbar-nav>li.dropdown-tree .join-tree-btn{
	line-height: 22px;
	padding: 10px 15px;
	color: #fff;
	background: #0AC797;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	display: block;
	font-size: 15px;
	text-align: center;
}
.left_top_bar>.navbar-nav>li>a i,
.left_top_bar>.navbar-nav>li>a i{
	line-height: 45px;
	font-size: 18px;
}
.left_top_bar>.navbar-nav>li.dropdown-user>a i{
	font-size: inherit;
}
.left_top_bar>.navbar-nav>.dropdown-notification>a:hover, .left_top_bar>.navbar-nav>.dropdown-inbox>a:hover{
	color: #eee;
}
.left_top_bar .navbar-nav>li.dateToday{
	padding: 15px;
	font-size: 15px;
	line-height: 45px;
}
.left_top_bar .navbar-nav>li.dateToday>span>i{
	line-height: 45px;display: block;
}
.left_top_bar .navbar-nav>li.cloud span{
	position: relative;
}
.left_top_bar .navbar-nav>li.cloud span:before{
	content: '';
	position: absolute;
	left:-5px;
	top: -5px;
	width: 5px;
	height: 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #fff;
}
.navbar-nav>li>.dropdown-menu{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #fff;
	left: auto;
	right: 0;
	z-index: 232323;
}
.navbar-nav>li>.dropdown-menu:before{
	content: '';
	position: absolute;
	border-bottom: 8px solid #fff;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	top: -8px;
	right: 13px;}
.dropdown-menu>li>a{
	padding: 10px 15px;
	border-bottom: 1px solid #eee;
	color: #323232;
}
.dropdown-menu>li>a i{
	margin-right: 10px;}
.dropdown-menu>li>a:hover{
	color: #323232;
	background: #ddd;
}

.page-wrap{
	padding: 35px;
}
.side-box{
	background: #fff;
	border: 1px solid #E6ECF5;
	padding: 20px;
	margin-bottom: 20px;
}
.author-box{
	padding: 35px 25px;
	text-align: center;
}
.author-info{
	margin-bottom: 30px;
	color: #343434;
}
.author-img{
	margin: 0 0 10px;
	position: relative;
	display: inline-block;
}
.author-info>h3{
	margin: 0;
	font-size: 18px;
	color: #323232;
}
.author-info>span{
	font-size: 12px;
	display: block;
	margin-bottom: 15px;
}
.author-info>span i{
	color: #1ce8b5;
	margin-right: 7px;
}
.author-info p{
	color: #343434;
	font-size: 12px;
}
.author-meta{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.author-meta>li{
	float: left;
	width: 33.33%;
	padding: 0 10px;
	text-align: center;
	border-right: 1px solid #f8f8f8;
}
.author-meta>li span{
	display: block;
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
}
.author-meta>li:last-child{
	border: none;
}
.author-meta>li:first-child span{
	color: #b292ee;
}
.author-meta>li:nth-child(2) span{
	color: #ffeb6b;
}
.author-meta>li:last-child span{
	color: #9ac9ff;
}
.author-form .form-control{
	min-height: 30px;
	height: auto;
	padding: 1px 12px;
	font-size: 13px;
}
.radio-wrap>span{
	display: inline-block;
	margin-right: 25px;
}
.radio-wrap>label{font-weight: 400;margin-right: 10px;}
.author-form .btn{
	width: 100%;
	padding: 2px;
	text-align: center;
	min-height: 30px;
}
.img-profile{
	margin-bottom: 20px;
}
.tree-wrap{
	background: #fff;
	border: 1px solid #e6ecf5;
	padding: 20px;
}
.tree-action .btn{
	min-width: 150px;
}
.tree-footer a{
	float: right;
	width: 26px;
	height: 26px;
	text-align: center;
	display: block;
	position: revert;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #1ce8b5;
	color: #fff;
	line-height: 26px;
	-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
}
.nodeWrap{
	border: 1px solid #f7f7f7;
	width: 125px;
	padding: 10px;
	text-align: center;
	font-size: 12px;
	padding-left: 50px
}
.nodeWrap p{margin: 0}
.Treant > .nodeWrap img{
	position: absolute;
	left: -15px;
	top: -15px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 4px solid #f9f9f9;
	width: 58px;
	height: 58px;
}

.list-post ul{
	margin: 0;
}
.list-post ul li{
	background: #fff;
	padding: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 10px;
	border: 1px solid #e8edf6;
	position: relative;
	overflow: hidden;
}
.post-thumb{
	width: 65px;
	padding-top: 65px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right: 15px;
	float: left;
}
.list-post>ul h3{font-size: 13px;padding-top: 10px;color: #575757}
.list-post>ul li span{
	font-size: 12px;
	color: #343434;
}
.list-post>ul li span i{color: #ebebeb;margin-right: 7px;}
.post_span{
	position: absolute;
	right: 10px;
	top: 10px;
}
.post_span>span{
	display: block;
	font-size: 12px;
	color: #343434;
}
.footer-nav{
	padding: 0;
	margin: 0 0 25px;
	list-style: none;
	text-align: center;
}
.footer-nav>li{
	display: inline-block;
	margin: 5px;
}
.footer-nav>li a{
	font-size: 12px;
	color: #232323;
	padding: 5px;
}
.copyright p{
	text-align: center;
	margin: 0;
}

/*------------------*/
.input-group>div{display: table-cell;vertical-align: middle}
.input-withLinks{
	position: relative;
}
.input-withLinks>input.form-control{
	padding-right: 50px;
}
.input-withLinks>.inputAction{
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9;
}
.inputAction>a{
	color: #959595;
	font-size: 15px;
	margin: 0 5px;
}
.input-group>div.img1{
	width: 65px;
	padding-right: 14px;
}
.input-group>div.img1 img{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.post-wrap{
	background: #fff;
	padding: 20px;
	border: 1px solid #e6ecf5;
	border-radius: 5px;
	margin-bottom: 30px;
}
.post-user img{
	float: left;
	margin-right: 15px;
}
.post-user h3{
	color: #575757;
	font-size: 1.7rem;
}
.post-user h3 a{
	color: #575757;
}
.post-user span{font-size: 1.2rem}
.post-user span a{color: #888}
.post-user .leftBtn{
	float: right;
	display: block;
	color: #232323;
}
.post-user .leftBtn .dropdown-menu{
	right: 0;
	left: auto;
}
.post-user .leftBtn>a{display: block;width: 20px;text-align: center}
.post-user a{color: #232323;}
.postContent p{
	margin: 0 0 15px;
}
.post-meta a{color: #232323}
.post-img>img{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
}
.post-meta span{
	display: inline-block;
	margin-right: 20px;
}
.post-meta span:last-child{margin: 0}
.left_meta{text-align: right;}
.post-meta i{margin-right: 5px;}
.post-meta span{
	color: #232323;
}
.post-meta span.isLike, .post-meta span.isLike i{
	color: #ec0d0d;
}
.msgWrap{
	background: #fff;
	-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
}
.author_msg{display: table}
.msg_screen_top{
	padding: 15px 20px;
	border-bottom: 1px solid #fafbfd;
}
.author_msg>img, .author_msg_info{
	display: table-cell;
	vertical-align: middle;
}
.author_msg>img{padding-right: 15px;}
.author_msg_info h4{
	font-size: 14px;
	color: #777777;
}
.author_msg_info span{font-size: 12px;}
.author_msg_info i{
	color: #1ce8b5;
}
.msg_screen_form{
	background: #e6ecf5;
	padding: 25px;
}
.msg_screen{
	border-left: 1px solid #e8edf3;
}
.msg_screen_top .setting_btn{
	float: right;
	display: block;
	color: #a0a0a0;
	width: 20px;
	line-height: 26px;
	margin: 15px 0;
	text-align: center;
	font-size: 16px;
}
.msg_text{
	display: inline-block;
	padding: 15px 32px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #1ce8b5;
	margin-bottom: 5px;
	color: #777777;
}
.msg_text p{margin: 0;line-height: 16px;font-size: 13px;}
.msg_screen_content li{
	position: relative;
	margin-bottom: 30px;
	clear: both;
}
.msg_screen_content li>img{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: translate(50%,-50%);
	-moz-transform: translate(50%,-50%);
	-ms-transform: translate(50%,-50%);
	-o-transform: translate(50%,-50%);
	transform: translate(50%,-50%);
}
.msg_screen_content li>.time_ago{
	display: block;
	font-size: 10px;
}
.msg_screen_content{
	padding: 40px 50px;
}
.msg_screen_content li.reply_msg{
	float: right;
}
.msg_screen_content li.reply_msg> .msg_text{
	background: #e6ecf5;
	border: 1px solid #e6ecf5;
}
.msg_screen_content li.reply_msg>img{
	left: 0;
	right: auto;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.side_msg_head{
	border-bottom: 1px solid #f4f4f4;
	padding: 40px 20px;
	position: relative;
}
.side_msg_head>h3{
	display: inline-block;
	color: #777777;
	font-size: 16px;
	margin: 0;
}
.side_msg_head>a{
	position: absolute;
	right: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #777777;
}
.side_msg_list li{
	overflow: hidden;
	padding: 20px;
	border-bottom: 1px solid #f4f4f4;
	position: relative;
}
.msg_user_lft{
	position: absolute;
	right: 25px;
	color: #cbcbcc;
	font-size: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.msg_user_lft>span{display: block;margin: 0 0 5px;}
.msg_user_lft small{
	display: block;
	background: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #1866a4;
	color: #1866a4;
	width: 22px;
	text-align: center;
	line-height: 20px;
	padding: 0;
}
.msg_user{
	overflow: hidden;
	font-size: 12px;
}
.msg_user>img{
	float: left;
	margin-right: 15px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.msg_user>h4{
	font-size: 14px;
	margin: 0 0 5px;
	color: #888888;
	line-height: 17px;
}

.side_widget{
	background: #fff;
	border: 1px solid #e6ecf5;
	position: relative;
	margin-bottom: 30px;
}
.side_widget>h3{
	color: #232323;
	font-size: 16px;
	margin:0;
	line-height: 22px;
	padding: 15px 25px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 15px;
}
.side_inner{padding: 0 25px;}
.user-bio>h3 i, .calendar-wrap>h3 i{margin-right: 8px;color: #0ac797}
.bio-item{
	border-bottom: 1px solid #f9f9f9;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.bio-item.last-item{border:none;margin-bottom: 0;}
.bio-item>i{
	position: absolute;
	left: -30px;
	top:10px;
}
.bio-item li{
	padding: 10px 0;
	position: relative;
}
.bio-item li .itemYear{
	float: right;
	margin-bottom: 15px;
}
.bio-item li h4{
	font-size: 14px;
	color: #878787;
	margin-bottom: 5px;
	line-height: 20px;
}
.bio-item li p{
	font-size: 12px;
	margin: 0;
}
.bio-item .bioBtns{
	position: absolute;
	right: 0;
	bottom: 0;

	display: none;
}
.bioBtns>a{
	width: 20px;
	height: 20px;
	border: 1px solid #dedede;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	color: #232323;
	padding: 2px;
	display: inline-block;
}
.bioBtns>a.deleteItem{
	color: #f00;
}
.bio-item li:hover .bioBtns{
	display: block;
}
.calendar-wrap{margin-bottom: 10px;}
.calendar-body{
	padding: 0 10px 10px;
}
.addWork-btn{
	text-align: right;
}
.addWork-btn a{line-height: 26px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;}
.calendar-footer{
	background: #fbfbfb;
	border-top: 1px solid #e6ecf5;
	line-height: 26px;
	overflow: hidden;
}
.calendar-footer span{
	display: inline-block;
	padding: 7px 20px;
	font-size: 12px;
	color: #575757;
}
.calendar-footer .btn{
	float: right;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	line-height: 26px;
}
.calendar-footer .btn i{margin-right: 7px;}
.radio>span{display: inline-block;margin-right: 20px;color: #333}
.radio>label{margin-right: 15px;}
/*---------------*/
.m0{
	margin: 0;
}
.mb10{margin-bottom: 10px;}
.mb20{
	margin-bottom: 20px;
}
.mb15{margin-bottom: 15px;}
.mb30{margin: 0 0 30px;}
.mb35{margin: 0 0 35px;}
.mb50{
	margin-bottom: 50px;
}
.pt20{
	padding-top: 20px;
}
@media (max-width: 767px) {
	header{
		padding: 0 15px;
	}
	.page-wrap,.side_msg_head{
		padding: 15px;
	}
}

@media (min-width: 992px){
	.col-md-3:nth-child(4n+1),
	.col-md-4:nth-child(3n+1),
	.col-md-6:nth-child(2n+1) {
		clear:both;
	}
	.col-sm-3:nth-child(4n+1),
	.col-sm-4:nth-child(3n+1),
	.col-sm-6:nth-child(2n+1) {
		clear:none;
	}
}
.cover-author-desc{
	padding: 20px 30px;
	margin-bottom: 20px;
	text-align: center;
}
.tree-inner-desc h3{
	font-weight: 600;
	color: #333;
}
.tree-inner-desc{
	background: #fff;
	border: 1px solid #E6ECF5;
	padding: 30px;
}
.cover-letter{
	background: #fff;
	margin-bottom: 25px;
	border: 1px solid #E6ECF5;
}
.cover-img{
	position: relative;
	padding-top: 20%;
}
.cover-img .user-image-buttons {
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
}

.btn-file {
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #01579b;
	border-color: #01579b;
	color: #fff;
}
.btn-sm{
	min-height: inherit;
}
.btn-file .svg-inject {
	vertical-align: middle;
}

.btn-file input[type=file] {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: left;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: pointer;
	display: block;
}
.fileinput .btn{
	cursor: pointer;
}
.author-setting{
	position: absolute;
	left: 50px;
	bottom: -15px;
	z-index: 9;
	text-align: center;
}
.author-setting>a{
	background: #2a6496;
	color: #fff;
	width: 30px;
	height: 30px;
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 8px 0;
}
.author-info{
	text-align: center;
	margin-top: -35px;
	position: relative;
	z-index: 2;
}
.author-img img{
	border: 5px solid #fff;
}
.author-nav{
	position: relative;
	z-index: 99;
}
.author-nav>.btn-group{
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.author-nav>.btn-group .btn{
	color: #555;
	border: none;
	background: none;
}
.author-nav>.btn-group .dropdown-menu{
	right: 0;
	left: auto;
	z-index: 232323;
}
.author-nav ul{margin: 0}
.author-nav>ul li{
	color: #323232;
	padding: 15px 10px;
	position: relative;
	margin: 0 30px;
}
.author-nav>ul li a{
	color: #323232;
}
.author-nav>ul li a:after{
	content: '';
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.author-nav li.active a:after,
.author-nav li a:hover:after{
	background: #01579B;
}
.portfolio-items{
	margin: 0 -8px;
}
.portfolio-items .col-sm-6{
	padding: 0 8px;
}
.portfolio-items a{
	display: block;
}
.portfolio-items a img{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
}
.side-box-title{
	border-bottom: 1px solid #ebebeb;
	margin: 0 -20px 15px;
	padding: 0 20px 15px;
	text-align: left;
}
.side-box-title h3{
	color: #323232;
	margin: 0;
	font-size: 16px;
	display: inline-block;
}
.side-box-title a{
	display: block;
	float: right;
	color: #444;
}

.family-list li{
	padding: 12px 0;
	overflow: hidden;
}
.family-item{
	overflow: hidden;
	position: relative;
}
.family-list li img{
	float: left;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-right: 15px;
}
.family-list li h3{
	font-size: 14px;
	color: #454545;
}
.family-list li span{
	font-size: 12px;
}
.family-item .family_btn{
	float: right;
	background: #01579b;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 5px 15px;
	margin: 10px 0;
}
.family-item .family_btn i{
	margin-right: 10px;
}

.user_social a{
	display: inline-block;
	width: 20px;
	line-height: 20px;
	text-align: center;
	margin: 0 2px;
}
.user_social a.in{
	color: #281B85;
}
.user_social a.tw{
	color: #70C1FF;
}
.user_social a.fc{
	color: #076CBB;
}
.bio-list li{
	margin-bottom: 10px;
}
.bio-list li span{
	display: inline-block;
	width: 120px;
	margin-right: 10px;
}
.input-file{
	position: relative;
	text-align: center;
}
.input-file input{
	position: absolute;
	z-index: 1;
	width: 20px;
	opacity: 0;
	cursor: pointer;
}
.icon-camera,.icon-camera2{
	display: inline-block;
	width: 24px;
	height: 20px;
	background: url(../images/camera.png) center center no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.icon-camera2{
	background: url(../images/camera2.png) center center no-repeat;
}
.inputAction .btn-file{
	float: right;
	margin-left: 8px;
	background: none;
	border: none;
	padding: 0;
}
.comment-avatar{
	padding-right: 15px;
	display: table-cell;
	float: left;
}
.comment-list{
	margin-bottom: 30px;
}
.comment-list>li{
	margin-bottom: 15px;
	position: relative;
}
.comment-list>li .btn-group{
	float: right;
}
.comment-list>li .btn-group a{
	color: #232323;
}
.comment-list>li .btn-group .dropdown-menu {
	right: 0;
	left: auto;
}
.comment-list>li h4{
	line-height: 16px;
	font-size: 16px;
	margin: 0 0 8px;
	color: #222;
}
.comment-list p{
	display: table-cell;
}
.comment-date{
	display: block;
	float: right;
	margin: 10px 0;
}
.event-desc{
	padding: 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
}
.event-heading{
	position: relative;
}
.eventImg{
	position: relative;
}
.eventImg img{
	width: 100%;
}
.event-heading .eventAuthor{
	position: absolute;
	left: 20px;
	bottom: -26px;
	width: 52px;
	height: 52px;
	border: 3px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
}
.event-title h3{
	font-size: 17px;
	line-height: 30px;
	margin: 0;
	color: #575757;
}
.event-action{
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.event-action span{
	display: block;
	float: left;
	margin-right: 10px;
}
.event-action span>a{
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 29px;
	height: 29px;
	background: #01579B;
	color: #fff;
	text-align: center;
	padding:7px;
}
.event-action span.is-like>a{
	background: #f00;
}
.event-action .btn{
	padding: 0 10px;
	height: 32px;
	min-height: inherit;
	line-height: 24px;
	min-width: 110px;
	text-align: left;
}
.event-action .dropdown-menu{
	min-width: 110px;
}
.event-action  .dropdown-menu>li{
	border: none;
}
.event-action  .dropdown-menu>li>a{
	border: none;
	padding: 5px 10px;
}
.event-action  .dropdown-menu>li>a:hover{
	color: #fff;
	background: #01579B;
}
.event-action .btn i{
	float: right;
	line-height: 28px;
}
.event-meta > span{
	display: inline-block;
	margin-right: 20px;
	font-size: 12px;
}
.event-meta > span i{
	margin-right: 8px;
	color: #1ce8b5;
}
.event-more>.btn{
	text-align: left;
	width: 110px;
}
.event-more i{
	float: right;
	margin: 5px 0;
}
.invitees,.commentators{
	float: right;
}
.invitees>span,.commentators>span{
	margin-right: 20px;
	display: block;
	float: left;
	line-height: 30px;
}
.invitees>span a{
	color: #575757;
}
.commentators>span a{
	color: #232323;
}
.invitees-list,.commentators-list{
	margin: 0;
	float: right;
	overflow: hidden;
	padding-right: 5px;
}
.invitees-list li,.commentators-list li{
	float: left;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-right: -5px;
}
.invitees-list li img,.commentators-list li img{
	width: 30px;
	height: 30px;
}
.invitees-list li.last span,.commentators-list li.last span{
	display: block;
	width: 30px;
	height: 30px;
	background: #f9f9f9;
	line-height: 30px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.comment-heading h4{
	line-height: 30px;
	margin: 0;
	display: inline-block;
	font-size: 14px;
	color: #3A3A3A;
}
.profile-meta >span{
	display: inline-block;
	padding: 5px;
}
.profile-meta span i {
	color: #1ce8b5;
	margin-right: 5px;
}
.fc-toolbar .fc-right button{
	padding: 0;
	background: none;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: none;
	height: 25px;
}
.eventDetails{
	background: #fff;
	padding: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #e6ecf5;
	margin: 0 0 30px;
}
.author-img:before{
	content: '';
	position: absolute;
	right: 4px;
	top: 4px;
	left: 4px;
	bottom: 4px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: rgba(1,87,155,.3);
	opacity: 0;
}
.author-img .btn-file{
	background: none;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	border: none;
	opacity: 0;
}
.author-img:hover .btn-file,.author-img:hover:before{
	opacity: 1;
}
.account-panel{
	background: #fff;
	border: 1px solid #E6ECF5;
	margin-bottom: 20px;
}
.account-panel h2{
	font-size: 14px;
	border-bottom: 1px solid #E6ECF5;
	padding: 20px;
}
.inner-panel{
	padding: 20px;
}
.input-field{
	margin-bottom: 15px;
	position: relative;
}
.input-field span{
	font-size: 13px;
	position: absolute;
	top: 5px;
	left: 12px;
}
.input-field .form-control{
	padding-top: 25px;
	min-height: 60px;
}
.account-modify .btn{
	width: 140px;
}
.btn-default{
	background: #C8C8C8;
	color: #fff;
}
.account-nav li a{
	display: block;
	padding:12px;
	position: relative;
	color: #858585;
}
.account-nav li a:hover, .account-nav li.active a{
	color: #01579B;
}
.switch-on a:before,.switch-off a:before{
	content: "\f205";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #1ce8b5;
}
.switch-off a:before{
	content: "\f204";
}
.account-nav li a .badge{
	float: right;
	background: #1ce8b5;
	margin-right: -12px;
}
.account-modify .checkbox{
	margin: 0 0 20px;
}
.form-head h3{
	font-size: 14px;
	display: inline-block;
	line-height: 20px;
}
.form-head a{
	float: right;
	color: #858585;
}
.empty-cv-item{
	padding: 30px 0;
}
.empty-cv-item p{
	font-size: 16px;
}
.empty-cv-item a{
	min-width: 130px;
}
/*--------------------*/
.img-blk{
	position: relative;
}
.img-blk>a.btnClose{
	position: absolute;
	left: -6px;
	top: -6px;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	border: 1px solid #f00;
	color: #f00;
	padding: 4px;
	background: #fff;
	font-size: 10px;
}
.sm-loading{
	width: 20px;
}
.invite-item h4{
	color: #818181;
	line-height: 30px;
	margin: 0;
	font-size: 12px;
}
.invite-item>img{
	width: 40px;
	height: 40px;
	margin-right: 20px;
	float: left;
}
.modal-content{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.modal-header{
	background: #fbfbfb;
}
.modal-header .close {
	margin-top: 0;
	position: absolute;
	left: -20px;
	top: -18px;
	width: 26px;
	height: 26px;
	line-height: 24px;
	border: 1px solid;
	font-size: 14px;
	border-radius: 50%;
	opacity: 1;
	color: #fff;
	background: rgba(0,0,0,.2);
}
.modal-header .close>span{
	position: relative;
	top: -3px;
	font-size: 15px;
}
@media (min-width: 768px){
	.modal-dialog {
		width: 600px;
		margin: 70px auto;
	}
}
.dropdown-menu{
	padding-bottom: 0;
}
textarea.form-control{text-align: left;min-height: 120px;}
#inviteestModal .modal-dialog{
	max-width: 350px;
}
#inviteestModal .modal-header,#updatePostModal .modal-header{
	padding: 10px;
	background: #FBFBFB;
}
#updatePostModal .modal-header{
	position: relative;
}
#updatePostModal .modal-header .close{
	position: absolute;
	left: -22px;
	top: -22px;
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	line-height: 14px;
	border-radius: 50%;
	opacity: 1;
	font-size: 12px;
	color: #f2f2f2;
}
#inviteestModal .nav-tabs > li{
	margin: 0;
}
#inviteestModal .nav-tabs > li > a,
#inviteestModal .nav-tabs > li.active > a,
#inviteestModal .nav-tabs > li.active > a:hover,
#inviteestModal .nav-tabs > li.active > a:focus{
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #1C1C1C;
	font-size: 12px;
}
#inviteestModal .nav-tabs > li > a:hover{
	color: #1C1C1C;
}
#inviteestModal  .nav-tabs{
	margin: 0 0 30px;
}
/*----------------*/
.suggest-wrap{
	background: #f1f1f1;
	padding: 20px;
}
.suggest-inner{
	background: #fff;
	border: 1px solid #e6ecf5;
}
.top-suggest{
	text-align: center;
}
.top-suggest .logo{
	margin: 0 0 30px;
}
.slogan h2{
	color: #323232;
	font-size: 22px;
	font-weight: 600;
}
.slogan p{
	font-size: 16px;
	margin: 0;
}
.search-form{
	max-width: 500px;
	margin: 0 auto;
}
.search-field{
	position: relative;

}
.tree-head{margin: 0 0 25px;}
.tree-head h2{
	font-size: 22px;
	margin: 0 0 10px;
}
.tree-head form{
	float: right;
}
.search-field>input{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	height: 40px;
	-webkit-box-shadow:2px 2px 4px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);
	padding-left: 45px;
}
.search-field>button{
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
	width: 40px;
	padding: 10px;
	line-height: 20px;
	color: #666;
	background: none;
	border: none;
}
.top-suggest{
	padding: 70px 0;
}
.suggest-img{
	margin-right: 15px;
	float: left;
	width: 100px;
	margin-top: -30px;
}
.suggest-img img{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.suggest-info{
	margin-left: 115px;
}
.suggest-item{
	background: #fff;
	padding: 10px 15px;
	-webkit-box-shadow:-2px 2px 4px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.1);
	box-shadow: -2px 1px 4px 0px rgba(0,0,0,0.1);
	margin-top: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.suggest-info>h3{
	color: #333;
	font-size: 16px;
	margin: 0 0 10px;
}
.suggest-author{
	font-size: 13px;
	overflow: hidden;
	margin: 0 0 10px;
}
.suggest-author img{
	width: 30px;
	float: left;
	margin-right: 10px;
}
.suggest-info .btn{
	float: right;
	margin: 0 0 -25px;
	padding: 6px 30px;
	border: 1px solid #5cb85c;
}
.bottom-suggest{
	background: #01579b;
	margin-top: 50px;
	padding-bottom: 50px;
}
.suggest-items{
	margin-top: -50px;
	padding-bottom: 20px;
}
.suggest-action{
	text-align: center;
	color: #fff;
}
.suggest-action p{
	margin: 0 0 20px;
	font-size: 16px;
}
.suggest-action a{
	display: inline-block;
	padding: 10px 20px 12px;
	border: 1px solid #f1f1f1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	line-height: 20px;
}

.deleteNode{
	display: inline-block;
	color: #333;
	width: 20px;
	height: 20px;
	border: 1px solid #666;
	font-size: 13px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	float: left;
	margin-top: -10px;
	margin-left: -10px;
	background: #fff;
	padding: 2px;
}
.terms-desc{
	padding: 20px;
	background: #f5f5f5;
	color: #5f5f5f;
	margin-bottom: 35px;
}
.terms-desc h2{
	color: #3e3f3f;
	font-size: 18px;
	margin: 0 0 20px;
}
.terms-ul{
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #ebebeb;
}
.terms-ul li{
	border-bottom: 1px solid #ebebeb;
	padding: 10px 20px;
	cursor: pointer;
}
.terms-ul>li.active,.terms-ul>li:hover{
	background: #05af4d;
	color: #fff;
}
.term-box{
	display: none;
	color: #5f5f5f;
}
.term-box.active{display: block}
.term-box h3{
	margin: 0 0 20px;
	font-size: 16px;
	color: #3e3f3f;
}

@media (max-width: 767px) {
	header{
		padding: 0 15px;
	}
	.page-wrap,.side_msg_head{
		padding: 15px;
	}
	.suggest-items{
		margin-top: 0;
	}
	.right_top_bar{
		float: none;
		text-align: center;
	}
	.left_meta{
		text-align: left;
	}
	.left_top_bar{
		float: none;
		width: 100%;
	}
	.left_top_bar>.navbar-nav{
		float: none;margin: 0;
		display: inline-block;
	}
}
.top-bar-login{
	padding-top: 5px;
}
.top-bar-login .form-control{
	padding-left: 30px;
}
.top-bar-login .btn{
	border: 1px solid #fff;
}
.top-bar-login a{
	color: rgba(255,255,255,.5);
}
/*---------------------------*/
.ftree {
	min-width: 800px;
	min-height:500px;
}
.ftree ul {
	padding-top: 20px;
	position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.ftree li {
	float: right;
	text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
/*We will use ::before and ::after to draw the connectors*/
.ftree li::before, .ftree li::after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	border-top: 1px solid #ccc;
	width: 50%;
	height: 20px;
}
.ftree li::after {
	left: auto;
	right: 50%;
	border-right: 1px solid #ccc;
}
/*We need to remove right-left connectors from elements without any siblings*/
.ftree li:only-child::after, .ftree li:only-child::before {
	display: none;
}
/*Remove space from the top of single children*/
.ftree li:only-child {
	padding-top: 0;
}
/*Remove right connector from first child and left connector from last child*/
.ftree li:first-child::before, .ftree li:last-child::after {
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.ftree li:last-child::before {
	border-left: 1px solid #ccc;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.ftree li:first-child::after {
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}
/*Time to add downward connectors from parents*/
.ftree ul ul::before {
	content: '';
	position: absolute;
	top: 0;
	right: 50%;
	border-right: 1px solid #ccc;
	width: 0;
	height: 20px;
}
.ftree li div {
	border: 1px solid #ccc;
	padding: 5px 10px;
	text-decoration: none;
	color: #666;
	font-size: 11px;
	display: inline-block;
	min-width: 80px;
	min-height: 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.ftree li div .male {
	background-color:lightblue;
	display: inline-block;
	width:90px;
	padding:10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.ftree li div .female {
	background-color:lightpink;
	display: inline-block;
	width:90px;
	padding:10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.ftree li div .spacer {
	background-color:lightblue;
	display: inline-block;
	width:10px;
}
/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.ftree li div:hover, .ftree li div:hover + ul li div {
	background: #c8e4f8;
	color: #000;
	border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.ftree li div:hover + ul li::after,
.ftree li div:hover + ul li::before,
.ftree li div:hover + ul::before,
.ftree li div:hover + ul ul::before {
	border-color: #94a0b4;
}

/*---------------*/
.feature-tree{
	margin: 0 0 30px;
	border: 1px solid #E6ECF5;
	padding: 15px;
	text-align: center;
	position: relative;
	padding-bottom: 30px;
	-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
}
.treeThumb{
	height: 150px;
	margin: 0 0 15px;
	line-height: 150px;
}
.treeThumb img{
	max-height: 150px;
}
.feature-tree h3{
	font-size: 20px;
	color: #373636;
	font-weight: 500;
}
.feature-tree h3 a{
	color: #373636;
}
.feature-tree time{display: block;margin: 0 0 10px;}
.treeBy{
	line-height: 30px;
}
.treeBy span{display: inline-block;margin-right: 10px;}
.feature-tree .treemore{
	position: absolute;
	right: 15px;
	bottom: 15px;
	line-height: 15px;
	color: #9D9D9D;
}
.feature-tree:hover{
	border: 1px solid #1CE8B5;
}
/*----------------------*/
@media (min-width: 768px) {
	#cityFilterModal .modal-dialog {
		width: 360px;
	}
	.product-filter{
		float: right;
	}
}
#cityFilterModal  .checkbox label{
	padding-right: 20px;
	padding-left: 0;
	display: block;
}
#cityFilterModal  .checkbox label input{
	float: right;
}
.title{
	border-bottom: 1px solid #D9E2EE;
	margin: 0 0 35px;
	padding-bottom: 10px;
	overflow: hidden;
}
.title h2{
	font-size: 18px;
	color: #565656;
	margin: 0;
	padding: 5px 0 10px;
	display: inline-block;
}
.title a{
	float: right;
	min-width: 150px;
	line-height: 18px;
	padding-top: 9px;
}
.box-item{
	background: #fff;
	border: 1px solid #e6ecf5;
	padding: 20px;
	-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
}
.product-item{
	margin: 0 0 30px;
	border: 1px solid #D9E2EE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
}
.img-wrap{
	position: relative;
}
.product-item:hover .product-action{
	opacity: 1;
}
.product-action{
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
}
.product-action>.btn{
	background: none;
	border:none;
	outline: none;
	color: #999;
}
.product-action>.dropdown-menu{
	right: 10px;
	left: auto;
	min-width: 150px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #E6ECF5;
}
.product-action>.dropdown-menu li a{
	padding: 5px 15px;
}
.product-action>.dropdown-menu li img{margin-right: 5px;}
.img-wrap>a{
	display: block;
	padding-top: 90%;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.product-text{
	padding: 10px;
}
.product-text h3{
	display: inline-block;
	margin: 0;
	font-size: 14px;
	padding: 5px 0;
}
.product-text h3 a{
	color: #232323;
}
.product-text ._price{
	float: right;
	display: block;
	background: #1CE8B5;
	padding: 3px 5px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.product-filter select{
	min-width: 200px;
}
.product-filter .btn{
	width: auto;
	min-width: auto;
}
.more-products-btn>a{
	display: inline-block;
	color: #323232;
	font-size: 16px;
}
.more-products-btn>a>i{
	display: block;
	color: #1CE8B5;
	font-size: 18px;
}
.slide-img>a{
	padding-top: 60.5%;
}
.slide-img>a,.rest-imgs>a,.product-img>a{
	display: block;
	padding-top: 60%;
	position: relative;
}
.product-slider{
	position: relative;
}
.product-slider>span span {
	display: block;
	background: #1CE8B5;
	padding: 3px 5px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 99;
}
.rest-imgs>a:before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	bottom: 0;
	background: rgba(0,0,0,.5);
}
.rest-imgs>a span{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #fff;
}
._product-title{
	color: #01579B;
	font-size: 18px;
	margin-bottom: 15px;
}
.support-blk{
	color: #fff;
	padding: 20px;
	background:#01579B;
	display: table;
	width: 100%;
}
.support-icon,.support-text{
	display: table-cell;
	vertical-align: middle;
}
.support-icon{
	width: 98px;
}
.support-icon>span{
	display: block;
	width: 98px;
	height: 98px;
	background: #1CE8B5;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 18px 10px;
}
.support-text{
	padding-left: 15px;
}
.support-text h3{
	font-size: 18px;
	margin-bottom: 10px;
}
.support-text p{
	font-size: 14px;
	margin-bottom: 10px;
}
.support-text a{
	color: #fff;
	float: right;
}
.auction-wrap h2{
	font-size: 18px;
	margin-bottom: 25px;
}
.auction-wrap h2 img{
	margin-right: 10px;
}
.entry-auction{
	border: 1px solid #BCBCBC;
	padding: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	margin-bottom: 35px;
	display: table;
	width: 100%;
	min-height: 82px;
}
.entry-auction-form form{
	border: 1px solid #1CE8B5;
	background: #1CE8B5;
	padding: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 35px;
	position: relative;
	padding-right: 70px;
	color: #fff;
	min-height: 82px;
	display: table;
	width: 100%;
}
.entry-auction-form form>label{
	color: #fff;
	display: table-cell;
	vertical-align: middle;
}
.entry-auction-form form>.btn{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	text-align: center;
	width: 54px;
	color: #fff;
	background: #13D2A2;
	border: 1px solid #13D2A2;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.entry-auction-form form>.btn>i{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);

}
._quantity-item{
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}
.entry-auction-form ._qty{
	width: 100px;
	position: relative;
	padding: 0 30px;
	display: inline-block;
}
.entry-auction-form ._qty .input-control{
	height: 33px;
	line-height: 33px;
	background: none;
	border: none;
	color: #fff;
	text-align: center;
	padding: 5px;
	max-width: 100%;
}
._qty>button{
	width: 24px;
	height: 24px;
	color: #fff;
	background: #13D2A2;
	border: none;
	outline: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 4px;
	font-size: 12px;
}
._qty>button.minus{
	right: 0;
	left: auto;
}
.entry-auction._success{
	border: 1px solid #1CE8B5;
}
.entry-auction span._price{
	display: block;
	background: #BCBCBC;
	padding: 3px 5px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: absolute;
	right: 10px;
	bottom: -10px;
}
.entry-auction._success span._price{
	background: #1CE8B5;
}
.entry-auction._error{
	border: 1px solid #E81C38;
}
.entry-auction._error span._price{
	background: #E81C38;
}
.auction-author,.auction-btns{
	display: table-cell;
	vertical-align: middle;
}
.auction-author>span{
	display: block;
	float: left;
	width: 50px;
	margin-right: 13px;
}
.auction-author h4{
	font-size: 16px;
	margin-bottom: 5px;
	white-space: nowrap;
}
.auction-author time{
	color: #232323;
	font-size: 12px;
}
.auction-btns{
	text-align: right;
}
.auction-btns>a{
	display: inline-block;
	color: #fff;
	background: #BCBCBC;
	width: 33px;
	height: 33px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 4px;
	text-align: center;
}
.auction-btns>a i{
	line-height: 33px;
}
._success .auction-btns>a._plus{
	background: #1CE8B5;
}
._error .auction-btns>a._plus{
	background: #E81C38;
}
.thumbs-img{
	padding-top: 15px;
}
.thumbs-img ul li{
	position: relative;
}
.thumbs-img ul li a{
	position: absolute;
	width: 17px;
	height: 17px;
	line-height: 17px;
	padding: 2px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	top: 15px;
	left: -5px;
	background: red;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.thumbs-img ul li{
	margin-right: 10px;
}

.heading{
	margin-bottom: 35px;
}
.heading h2{
	font-size: 20px;
	margin: 0 0 15px;
}
.heading p{
	color: #999;
	font-size: 12px;
}
.pt70{
	padding-top: 70px;
}
.pm70{
	padding-bottom: 70px;
}

.custom-file-input {
	color: transparent;
	padding: 0 !important;
	position: relative;
	height: 40px;
}
.custom-file-input::-webkit-file-upload-button {
	visibility: hidden;
}
.custom-file-input::before {
	content: attr(data-name);
	display: inline-block;
	padding: 9px 12px;
	color: #999;
}
.custom-file-input::after {
	content: "\f093";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	background: #1CE8B5;
	width: 100px;
	text-align: center;
	height: 38px;
	line-height: 28px;
	border: none;
	color: #fff;
	padding: 5px 8px;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	cursor: pointer;
	font-weight: 700;
	position: absolute;
	right: 0;
	top: 0;
}
.custom-file-input:active {
	outline: 0;
}
.text-black{color: #323232}

.side-box .custom-file-input::after{
	display: none;
}
.side-box .custom-file-input::before{
	background: #01579b;
	border: 1px solid #01579b;
	color: #fff;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	padding: 8px 30px;
}
.side-box .custom-file-input{
	width: 89px;
	display: block;
	margin: 0 auto;
}

.tree ul {
	padding-top: 20px; position: relative;

	-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
	float: right; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;
	/*padding:20px 43px 25px 60px;*/

	-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-top: 1px solid #ccc;
	width: 50%; height: 20px;
}
.tree li::after{
	left: auto; right: 50%;
	border-right: 1px solid #ccc;
}
.father{
	float:right;
}
.mother{
	float:left;
}

/*We need to remove left-right connectors from elements without
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
	border-left: 1px solid #ccc;
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}
.tree li:first-child::after{
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;

}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-right: 1px solid #ccc;
	width: 0; height: 20px;
}
/*
.tree li a{
	border: 1px solid #ccc;
	padding: 5px 10px;
	text-decoration: none;
	color: #666;
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	display: inline-block;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
*/
.t {
	border: 1px solid #ccc;
	padding: 5px 10px;
	text-decoration: none;
	color: #666;
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	display: inline-block;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/


/*.tree li a:hover, .tree li a:hover+ul li a {
	background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}*/
/*Connector styles on hover*/
.tree li a:hover+ul li::after,
.tree li a:hover+ul li::before,
.tree li a:hover+ul::before,
.tree li a:hover+ul ul::before{
	border-color:  #94a0b4;
}

/*Thats all. I hope you enjoyed it*/
.tree h4, .tree a{
	font-size: 12px;
}


.rating {
	border: none;
	position: relative;
	margin-right: 65px;
}

.rating > input { display: none; }
.rating > label:before {
	margin: 5px;
	font-size: 1.25em;
	font-family: FontAwesome;
	display: inline-block;
	content: "\f005";
}

.rating > .half:before {
	content: "\f089";
	position: absolute;
	left: 0;
	top: 0;
}

.rating > label {
	color: #ddd;
	display: inline-block;
	position: relative;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  }


.star-ratings-sprite {
	background: url(../images/star-rating-sprite.png) repeat-x;
	font-size: 0;
	height: 21px;
	line-height: 0;
	overflow: hidden;
	text-indent: -999em;
	width: 110px;
	margin: 10px 0;
}
.star-ratings-sprite-rating {
	background: url(../images/star-rating-sprite.png) repeat-x;
	background-position: 0 100%;
	float: left;
	height: 21px;
	display: block;
}
.rating_blk{
	float: right;
}
.star-ratings-sprite{
	display: table-cell;
	vertical-align: middle;
}
.vote-no{
	padding-right: 15px;
	display: table-cell;
	vertical-align: middle;
}

.reliable-tree .tree-head h2 i{
	color: #1ce8b5;
}

.injaz-item{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
}
.injaz-item h3{
	font-size: 18px;
	margin-bottom: 15px;
}
.injaz-item p{
	color: #444;
}

.member-item{
	padding: 15px;
	margin-bottom: 30px;
	border: 1px solid #ebebeb;
}
.member-item h3,.member-item time{
	margin-bottom: 15px;
	display: block;
}
.member-img{
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 auto 15px;
}
.member-button .btn{
	width: auto;
	min-width: auto;
}


.head-list-post h3{
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	margin: 0;
}
.head-list-post a{
	display: inline-block;
	float: right;
	color: #01579b;
}
.event-thumb>a{
	display: block;
	padding-top: 50%;
}
.event-info h3{font-size: 16px;font-weight: 700;}
.event-info h3 a{color: #323232}
.event-item{
	padding-bottom: 15px;
	border-bottom: 1px solid #ebebeb;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.postContent{border-bottom: 1px solid #ebebeb;padding-bottom: 15px;}