.top-menu .dropdown-boxhtml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
html, body {
	font-size: 15px;
	font-family: 'montserratregular';
	}
button, input, select, textarea {
	font-size: 15px;
	font-family: 'montserratregular';
 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
ol, ul, li {
	list-style: none;
	padding: 0;
	margin: 0
}
p {
	margin: 0 0 15px;
}
a, a:hover {
	color: #34b379;
	text-decoration: none;
}
a:focus {text-decoration: none;}
.sub-main a:hover {
	text-decoration: underline;
}
a {
	transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
}
img{max-width: 100%; vertical-align: middle;}
::-webkit-input-placeholder {
color:#a4abbb;
}
:-moz-placeholder {
color:#a4abbb;
}
::-moz-placeholder {
color:#a4abbb;
}
:-ms-input-placeholder {
color:#a4abbb;
}
.red {
	color: #f0205b
}
.orange {
	color: #ff8a00
}
.blue {
	color: #34b379
}
.green {
	color: #3cac4a
}
.gray {
	color: #dedede
}
input, textarea, select {
	border: 1px solid #cecece;
}
input[type="text"], input[type="password"], textarea {
	margin: 0 0 12px 0;
	min-height: 20px;
	line-height: 20px;
	padding: 6px 10px;
	COLOR: #3f3f3f;
	border-radius: 4px;
	background: #fafafb;
	max-width: 100%;
}
select {
	-webkit-appearance: none;
	position: relative;
	border-radius: 3px;
	background-color: #f7f8fa;
	height: 34px;
	padding: 4px 30px 4px 8px;
	margin: 0 0 8px 0;
	background-image: url(../images/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 22px; 
} 
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	outline: 0;
 	background-color: #fff;
}
input[type="submit"]:focus, button:focus {
	outline: 0;
}
input[type="checkbox"] {
	margin: 10px 5px 2px 0px;
	vertical-align: top;
} 
h1, h2, h3, h4, h5 {
	font-weight: 200;
	font-family: 'montserratmedium';
  }
h3{line-height: 32px}
body {
 	color: #333;
	line-height: 22px;
	background: #f7f8fa;
}
 
.blank10 {
	display: block;
	height: 10px
}
.blank20 {
	display: block;
	height: 20px
}
.blank30 {
	display: block;
	height: 30px
}
.blank40 {
	display: block;
	height: 40px
}
.blank80 {
	display: block;
	height: 80px
}
.align-right {
	text-align: right
}
.top-line {
	border-top: 1px solid #eaeaea;
	padding-top: 20px;
}
.submit {
	color: #fff;
	font-size: 16px;
	min-width: 180px;
	padding: 0;
	min-height: 40px;
	line-height: 40px; 
	border: none;
	outline: none;
	border-radius: 5px;
	cursor: pointer;
}
.submit:hover {
	background: #fa4e4e;
}
.submit:active {
	color: rgba(255, 255, 255, .5);
	background-color: #e54242;
}
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
}
textarea {
	-webkit-appearance: none;
}
.container {
	position: relative;
	width: 100%;
	max-width: 1520px;
	margin: 0 auto
}
 .sidebar {
	width: 310px;
}
.block-list {
	margin: 0 0 20px;
}
.clearfix:after {
	content: "";
	display: block;
 	clear: both;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
}
.header, .header .nav ul, .header .logo, .header .member, .header img, .top-search, .page {
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}
.header {
	position: fixed;
    display: block!important;
	top: 0;
	height: 85px;
	z-index: 100;
	width: 100%;
	background-color: #fff; 
    font-family: 'montserratregular';
 }
.header-hide {
	margin-top: -85px
}
.header-show {
	margin-top: 0
}
.header .logo {
     float: left;
	margin: 6px 40px 0 0
}
.header .logo img {
	height: 72px;
 }
.header .logo-sub {
	position: absolute;
	left: 58px;
	top: 46px;
	font-size: 12px;
}
.header .logo-sub a, .header .logo-sub a:visited {
	color: #018fd9
}
.header .wrap {
	position: relative
}
.header .nav {
	display: block;
	float: left;
	font-family: 'montserratmedium';
	text-transform: uppercase;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}
.header .nav-hide {
	opacity: 0.0;
	filter: alpha(opacity=0);
}
.header .nav>ul {
	margin: 25px 0 0 0px;
}
.header .nav li {
	float: left;
	position: relative;
}
.header .nav>ul>li>a {
	font-size: 17px;
	color: #333;
	display: inline-block;
	line-height: 34px;
	height: 34px;
	margin: 0 18px;
}
.header .nav li a:hover {
	color: #34b379;
}
.header .nav .current>a {
	color: #34b379;
	border-bottom: 2px solid #34b379
}
.header .member .icon {
	float: left;
	width: 100%;
	height: 100%;
	background: url(../images/member.svg);
	background-size: 23px;
	cursor: pointer;
}
.page {
	padding: 85px 0 0 0;
    position: relative
}
 
.header-fixed {
	position: fixed;
	top: 0px;
	height: 58px;
}
.header-fixed .logo img {
	height: 55px;
	margin: 1px 0 0 0px
}
.header-fixed .nav {
	float: right; 
	text-transform: uppercase;
}
.header-fixed .nav>ul {
	margin: 12px 15px 0 0px;
}
.header-fixed .member {
	float: right;
	margin: 16px 40px 0 0px;
}
.header-fixed .top-search {
	margin: 6px 15px 0 0;
}
.rd-mobilepanel_toggle {
	display: none;
}
.header .member {
	float: right;
	margin: 30px 0px 0 0px;
	width: 24px;
	height: 24px;
}
.header .member .icon img {
	width: 23px
}
.top-search {
	position: absolute;
	right: 60px;
	margin: 21px 15px 0 0;
	z-index: 10
}
.top-search .search-ico {
	float: left;
	width: 18px;
	height: 18px;
	background: url(../images/search.png);
	background-size: 18px;
	margin: 11px 0 20px 18px;
	cursor: pointer;
}
.top-search .search-ico img {
	width: 18px;
	height: 18px;
}
.top-search .search-close {
	position: absolute;
	right: -2px;
	top: 9px;
	width: 22px;
	height: 22px;
	background: url(../images/icon-close.png);
	background-size: 22px;
	cursor: pointer;
	display: none;
	cursor: pointer;
}
.top-search .search-02 {
	margin-top: 4px;
	width: 5px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	border-bottom: 1px solid #fff;
	display: none
}
.top-search .search-02.search-show {
	margin: 0 0 0 0;
	display: block;
	width: 902px;
	overflow: hidden;
	transition: all .1s ease-out
}
.top-search .search-02 input {
	background: none;
	border: none;
	outline: none;
	width: 0;
	font-size: 18px
}
.top-search .search-02.search-show input {
	width: 90%;
	margin: 0 0 0 24px;
}
.top-search .search-02 img {
	position: absolute;
	margin: 10px 0 0 3px;
	width: 18px;
	height: 18px;
}

.home-banner {
	width:100%;
  	position:relative;
 
}  
.home-banner img{ width:100%; display:block}	 
.home-banner .flex-control-paging {position: relative; margin: -220px auto 0 auto; max-width: 1520px; padding: 0 30px; text-align: right}
.home-banner .flex-control-paging li a{width: 12px; height: 12px; background: rgba(255, 255, 255, 1);}
 
.home-banner .flex-direction-nav .flex-next{background-color:rgba(255, 255, 255, 0); background: url(../images/icon-next-w.svg) no-repeat center center; background-size: 24px; right: 20px}
.home-banner .flex-direction-nav .flex-prev{background-color:rgba(255, 255, 255, 0); background: url(../images/icon-prev-w.svg) no-repeat center center; background-size: 24px; left: 20px}
.home-banner .flex-direction-nav a{top:50%!important}

.home-banner .img{width:100%; height: 660px; background-size: cover; background-position: center}
.home-banner-slides{position: relative}

  
.img-pc{display: block}
.img-mobile{display: none}

.slogan{ position:absolute; text-align: left; width:90%; max-width: 550px; top:20%; left:50%; padding:0 0 0 0; margin:0 0 0 -680px; color:#FFF; z-index:2}
.slogan h2{ font-size:33px; text-transform: uppercase; line-height:42px; margin: 0 0 20px 0; text-shadow: 2px 2px 8px rgba(0,0,0,0.3);}
.slogan h3{ font-size:30px;  font-weight:100;  margin: 10px 0 20px 0; }
.slogan h4{ font-size:19px;  font-weight:100;  margin: 0 0 45px 0; }
.slogan p{ font-size:25px; font-weight: 300; line-height: 40px; width: 800px; margin: 0 0 45px 0 }
.text-left{ text-align:left}
.slogan a{
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 13px 24px;
    background: #34b379;
    border: none;
    outline: none;
    border-radius: 5px; 
    }
.slogan a:hover {
    color: #fff;
	background: #3fc588;
}
.slogan a:active {
 }  

.cover-item a{
	display: block;
    position: relative;
    background: #FFF;
	text-align:left;
    box-shadow: 5px 5px 30px rgba(0,0,0,0.03);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    margin: 0 0 30px 0;
	padding: 0 0 0 0;
     -moz-transition: all 0.12s ease-out;
	-o-transition: all 0.12s ease-out;
	-webkit-transition: all 0.12s ease-out;
	transition: all 0.12s ease-out;
	}
.cover-item a:hover{box-shadow: 10px 10px 40px rgba(0,0,0,0.10); text-decoration: none; margin: -3px 0 33px 0 }	 
.cover-item .cover{ height:182px; margin: 0 0 14px 0; overflow:hidden; background-color:#fff; box-shadow: 0px 5px 20px rgba(0,0,0,0.025);}
.cover-item .cover .img{height:182px; background-size: cover; background-position: center; transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;}
.cover-item .cover-expert{height:196px;}
.cover-item .cover-expert .img{height:196px;}

.cover-item .date{ float: right;margin: -36px 20px 0 0; font-size:13px; color: #9ea7ad; font-family: 'ubuntulight';  }
.cover-item .title{ margin: 0 20px 8px 20px; font-size:15px; line-height:19px; height:40px; color:#000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.cover-item .logo{margin: 3px 0 10px 20px; height: 30px; display: flex; align-items: center}
.cover-item .logo img{max-width: 75px; max-height: 20px}
.cover-item .location{ margin: 0 10px 15px 18px; padding: 0 0 0 22px; font-size:13px; color: #9ea7ad; font-family: 'ubuntulight';  	background-image: url("../images/icon-location.svg");  background-size: 17px; background-repeat: no-repeat; background-position: center left;}
.cover-item .title-project{ margin: 0 15px 4px 20px; font-size:15px; line-height:19px; height:20px; color:#000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.cover-item a:hover .title{color: #34b379}
.cover-item a:hover .title-project{color: #34b379}
.cover-item .title-expert{ margin: 28px 15px 6px 180px; font-size:15px; line-height:19px; height:20px; color:#000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.cover-item .pitch{font-family: 'ubuntulight'; margin: 0 15px 28px 180px; font-size:13px; line-height:17px; color:#999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.cover-item .logo-expert{float: left; margin: 5px 0 0 20px; width: 130px; height: 80px; display: flex; align-items: center; justify-content: center;}
.cover-item .logo-expert img{max-width: 120px; max-height: 65px}

.cover-ad{height:284px; overflow: hidden;}
.cover-ad img{width: 100%}

.sub-top{ min-height: 65px; margin: 0 0 0 0; width: 100%; }
.sub-top .icon{display: none; float: left; margin: 3px 10px 0 -4px}
.sub-top .icon img{ height: 34px;  }
.sub-top .name{float: left; margin: 6px 0 0 0; height: 50px; font-size: 36px; color:#34b379;  font-weight: bold;}
.top-ad {margin: 0 0 30px 0; width: 100%; border-radius: 5px; overflow: hidden}
.top-ad img{width: 100%}

.filter{float: right; position: relative; margin: 0 0 15px 0;}
.filter-item{display: inline-block; position: relative; margin: 0 0 0 11px}
.filter-item .filter-input{cursor: pointer; width: 175px; height: 38px; border-radius: 5px; border: 1px solid #dee2e4; background: #fff; }
.filter-item .filter-icon img{width: 20px; vertical-align: top}
.filter-item .filter-icon{float: left; margin: 8px 0 0 10px}
.filter-item .filter-name{float: left;  margin: 6px 0 0 6px; font-size: 15px}
.filter-item:after{content: ""; width: 20px; height: 20px; position: absolute; right: 10px; top: 9px;background-image: url(../images/icon-filter-arrow.svg); background-position: center right; background-size: 10px; background-repeat: no-repeat}
.filter-item .dropdown-box{padding: 10px 3px 12px 16px; width: 320px; left: 0; top: 42px;}
.filter-item .dropdown-box:after{left: 12px;}
 .dropdown-box-name{font-size: 16px;  height: 30px}
.dropdown-box .reset{ position: absolute; right: 15px; top:10px; font-size: 13px}
.dropdown-box .fliter-label{font-family: 'ubuntulight'; max-height: 360px; overflow-y: auto}
.sub-top .filter-item:last-child .dropdown-box{right: 0; left: inherit}
.sub-top .filter-item:last-child .dropdown-box:after{left: 157px;}
.filter-selected .filter-mun{ position: absolute; left: 9px; top: 8px; height: 22px; min-width: 22px; padding: 0 2px; line-height: 22px; text-align: center; background: #34b379; border-radius: 20px; color: #fff; font-size: 13px;}
.filter-selected .filter-close{ position: absolute; right: 9px; top: 9px; height: 20px; width: 20px; line-height: 22px; text-align: center; background-color: #34b379; border-radius: 20px; background-image: url(../images/icon-close-1.svg); background-position: center center; background-size: 10px; background-repeat: no-repeat; cursor: pointer; z-index: 2}
.filter-search{display: inline-block; vertical-align: top;position: relative;}
.filter-search input{height: 38px; width: 240px; padding: 0 30px 0 12px;
    border-radius: 5px; background: #fff;
    border: 1px solid #dee2e4;}
.filter-search-btn{ position: absolute; right: 8px; top: 6px}
.filter-search-btn img{width: 21px}


.detail-banner {
	position: relative;
	overflow: hidden;
	max-height: 50vw;
	background-color: #003089;
}
.detail-banner img {
	opacity: 0.9;
	width: 100%;
	margin: -8% 0 0 0;
}
.detail-banner.banner-default {
	background-image: url(../images/detail-banner-news-default.jpg);
	background-position: center center;
	background-size: cover;
}
.detail-banner.banner-conferences {
	background-image: url(../images/detail-banner-conferences-default.jpg);
	background-position: center center;
	background-size: cover;
}
.detail-banner.banner-default img {
	opacity: 1
}
.page-search .container {
	max-width: 900px
}
.search-item {
	margin: 0 0 50px 0
}
.search-item li {
	background: #FFF;
	text-align: left;
	box-shadow: 5px 5px 30px rgba(0,0,0,0.03);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	margin: 0 0 25px 0;
}
.search-item .img {
	display: inline-block;
	float: left;
	width: 200px;
	height: 160px;
	margin: 0 30px 0 0;
	overflow: hidden
}
.search-item .img img {
	width: 150%;
	margin: 0 0 0 -25%
}
.search-item .text {
	display: inline-block;
	width: calc(100% - 250px);
	vertical-align: top;
	margin: 25px 0 0 0
}
.search-item .text .title {
	font-size: 20px;
	line-height: 25px;
	margin: 0 0 10px 0
}
.search-item .text .summary {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	font-size: 16px;
	line-height: 20px;
}
.search-item .text .keywords {
	font-family: "ubuntubold";
}
.sub-content {
	float: left;
	width: 90%;
	padding: 0 20px;
}
.sub-ad {
	float: right;
	width: 27%;
	padding: 0 20px;
	margin: 65px 0 30px 0
}
.sub-ad li {
	margin: 0 0 30px 0
}

.breadcrumbs{font-size: 12px; color: #999; font-family:'ubuntulight'; padding: 16px 0 0 5px; margin: 0 0 -10px 0 }
.breadcrumbs .item{ position:relative; margin: 0 20px 0 0 }
.breadcrumbs .item:after{content: ''; position: absolute; right: -10px; top: 2px; height: 10px; width: 1px; border-right:1px solid #c5c5c5}
.breadcrumbs span{ display:inline-block; vertical-align: top; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;	}

.breadcrumbs-eb{color:rgba(255,255,255,0.70); }
.breadcrumbs-eb .item:after{border-right:1px solid rgba(255,255,255,0.70)}
.breadcrumbs-eb a{color:rgba(255,255,255,1);}
.breadcrumbs-eb a:hover{color:rgba(255,255,255,0.8);}

.home-main{
	color: #333;
	padding: 10px 0 0px 0;
	min-height: 560px; 
    position: relative;
}
.home-main > .container > .row {margin: 0 -12.5px}
.home-main > .container > .row > .col-md-6 {padding:  0 12.5px; }
.home-main > .container > .row > .col-md-3 {padding:  0 12.5px; }


.sub-main {
	color: #333;
	padding: 30px 0 10px 0;
	min-height: 500px; 
}
.sub-main:after {
	clear: both;
	display: block;
	content: ""
}
.sub-main p a {
	color: #2573de;
}
.sub-main p a:hover {
	text-decoration: underline
}
.sub-main b {
	font-family: 'ubuntubold';
 }

.event-intro h2, .event-intro h3, .event-intro h4, .event-intro p{
     margin: 20px 0 10px 0; padding: 0
}
.event-intro ul{padding: 0 0 0 20px;  margin:0 0 0 0}
.event-intro li{list-style: disc;}


.content-txt h2, .content-txt h3, .content-txt h4, .content-txt p{
     margin: 20px 0 10px 0; padding: 0
}
.content-txt ul{padding: 0 0 0 20px;  margin:0 0 0 0}
.content-txt li{list-style: disc;}


.sub-title {
	margin: 65px auto 45px auto;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	font-family: 'ubuntubold';
	letter-spacing: -0.5px;
	position: relative;
	width: 92%;
	max-width: 360px;
	color: #444
}
.sub-title:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 12px;
	border-bottom: 1px solid #cfcfcf;
	top: 0;
	left: 0;
	z-index: -1
}
.sub-title span {
	background: #f8f8f8;
	padding: 0 14px
}

.section-content .news-title {
	margin: 0 0 5px 0;
	font-size: 25px;
	line-height: 33px;
   }
.section-content .news-source {display: inline-block; font-size: 14px; margin: 0 10px 40px 0 }
.section-content .news-date {display: inline-block; font-size: 14px; color: #838d94; }

.section-content .page-title {
	margin: 0 0 35px 0;
	font-size: 25px;
	line-height: 33px;
   }

.section-content .library-title {
	margin: 0 0 5px 0;
	font-size: 25px;
	line-height: 33px;
   }
.section-content .library-title .type {width: 36px; float: left; vertical-align: top; margin: -2px 8px 30px 0 }
.section-content .library-source {display: inline-block; font-size: 14px; margin: 0 20px 0 0 }
.section-content .library-data {display: inline-block; font-size: 14px; color: #838d94; margin: 0 20px 0 0 }
.section-content .library-data span{color: #333;}
.section-content .library-gallery{margin: 40px 0 40px 0; text-align: center}
.section-content .library-gallery img{max-height: 950px}
.library-btn{margin: 50px 0 40px; text-align: center}
.library-btn li{position: relative; display: inline-block; margin: 20px 0 0}
.library-btn li a{
 	display: block;
	vertical-align: top;
    padding: 11px 20px 11px 55px; 
    font-size: 16px;
    color: #34b379;
    background: #fff;
    border-radius: 5px;
    margin: 0 8px;
	border: 1px solid #34b379;
 	font-weight: bold;
	letter-spacing: 0.7px;
	cursor: pointer;
	-moz-transition: all 0.12s ease-out;
	-o-transition: all 0.12s ease-out;
	-webkit-transition: all 0.12s ease-out;
	transition: all 0.12s ease-out;
  }
.library-btn li a:hover{background: #f8fbf8; text-decoration:none!important }
.library-btn li:after{content: ""; width: 30px; height: 30px; 
 	background-size: 26px;
	background-repeat: no-repeat;
	background-position: center center; 
	position: absolute; 
	left: 26px;
	top: 8px;
}
.library-btn li.download:after{
	background-image: url("../images/icon-download.svg");
 }
.library-btn li.link:after{
	background-image: url("../images/icon-link.svg");
 }
.library-btn li.email:after{
	background-image: url("../images/icon-email.svg");
 }
.library-btn li.shop:after{
	background-image: url("../images/icon-shop.svg");
 }
.library-img{width: 100px; float: left; border-radius: 3px; overflow: hidden}

.section-content .projects-title {
	margin: 0 0 5px 0;
	font-size: 25px;
	line-height: 33px;
   }

.content-txt h2 {
	padding: 0 0 20px 0;
	font-size: 22px;
	line-height: 33px;
 }
.content-txt h3 {
	padding: 0 0 0 0;
	font-size: 21px;
    line-height: 33px;
 }
.content-txt h4 {
	padding: 0 0 20px 0;
	font-size: 20px;
	line-height: 33px;
   }
.content-txt p {
	margin-bottom: 25px !important;
	font-size: 17px !important;
	line-height: 30px !important;
	font-family: 'montserratlight' !important;
	color: #333 !important;
 }
.content-txt span { 
	font-size: 16px !important;
	line-height: 30px !important;
	font-family: 'montserratlight' !important;
	color: #333 !important;
 }
.content-txt ul{padding: 0 0 20px 20px;}
.content-txt ul li{list-style: disc}
.news-gallery{margin: 0 0 40px 0; text-align: center}
.content-txt {
	font-size: 16px !important;
	line-height: 30px !important;
	margin: 0 0 50px 0;
	font-family: 'montserratlight';
}
.whole-content {
	width: 85%;
	margin: 0 auto;
}
.whole-content h3 {
	text-align: center;
	width: 100%;
	font-size: 36px;
	margin: 0 0 30px 0;
	text-transform: uppercase;
}
.whole-content p {
	font-size: 18px;
	line-height: 28px
}
.whole-content .section {
	margin: 0 0 80px 0;
}
.whole-content .section:last-child {
	margin: 0
}


#panel-login {
	display: none
}
.page >.panel {
 	width: 620px;
	padding: 50px 40px;
	box-shadow: 10px 10px 60px rgba(0,0,0,0.10);
 	border-radius: 10px;
	overflow: hidden;
	background-color: #FFF;
	z-index: 10002;
	transition: 0.2s;
	height: fit-content;
 	margin: auto;
	transition: all 0.12s ease-out;
	-moz-transition: all 0.12s ease-out;
}
 _:-ms-lang(x), .panel {
 height:auto;
top: 15%;
bottom: auto;
}
.panel .text-right {
	text-align: right;
	margin: 5px 0 0 0
}
.panel a:hover {
	text-decoration: underline
}
.s05x {
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	visibility: hidden;
	opacity: 0;
}
.panel .login-social {
	text-align: center;
	margin: 15px 0;
}
.panel .login-social img {
	width: 40px;
	margin: 10px 0 0 0
}
.panel .login-social a {
	color: #fff;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	margin: 0 10px;
	width: 58px;
	height: 58px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}
.panel .login-social_weibo {
	background: #D04341;
}
.panel .login-social_weibo:hover {
	background: #d94a48;
}
.panel .login-social_qq {
	background: #34C8F4;
}
.panel .login-social_qq:hover {
	background: #3ecffa;
}
.cf:after {
	content: "";
	display: table;
	clear: both;
}
.panel hr {
	margin: 15px 0 15px 0;
	height: 1px;
	border: 0;
	width: 100%;
	background: #e6eaed;
}
.panel h3 {
 	text-align: center;
	font-size: 28px;
	color: #333;
	font-weight: 600;
	margin: 0 0 30px 0;
	line-height: 30px;
}
.panel h4 {
 	text-align: center;
	font-size: 20px;
	line-height: 28px;
	color: #333;
	font-weight: 400;
	margin: 0 0 50px 0;
}
.panel h5 {
 	font-size: 17px;
	color: #636770;
 	margin: 10px 0 30px 3px;
    text-transform: uppercase;
}
.prompt-icon {text-align: center; margin: 0 0 30px 0}
.prompt-icon img{width: 90px}
.panel .subtext{font-size: 15px; margin: 0 10px 30px; text-align: center}
.panel input[type="text"], .panel input[type="password"] {
	color: #333;
	width: 100%;
	padding: 10px 10px 10px 10px;
	margin-bottom: 15px;
	border-radius: 5px;
	position: relative;
	outline: none;
	font-size: 15px;
	border: 2px solid #B9BFCB;
}
.panel li {
	position: relative
}
.panel li:after {
	content: " ";
	position: absolute;
	top: 12px;
	left: 10px;
	width: 30px;
	height: 30px;
}
.panel li label{font-size: 15px; color: #60656f; margin: 0 0 5px 0; display: block; }

button .circle-core{background-color: #3ec487;}
button .circle-border{background: linear-gradient(0deg, rgba(255,255,255,0.1) 33%, rgba(255,255,255,1) 100%);
  }

.contact-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 26px;
	margin: 0 0 20px 0
}
.contact-name {
	text-align: center;
	font-size: 22px;
	color: #2573de;
  	margin: 0 0 30px 0
}
.contact-intro {
	text-align: center;
	font-size: 16px;
	max-width: 540px;
	margin: 0 auto 40px auto;
	color: #666
}
.contact-icon {
	text-align: center;
}
.contact-icon img {
	width: 56px
}
.contact-type {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	margin: 20px 0 16px 0;
	color: #666
}
.contact-detail {
	text-align: center;
	color: #666;
}
.contact-map {
	margin: 80px 0;
	overflow: hidden
}
.contact-form h3 {
	text-align: center;
	margin: 30px 0
}
.contact-form .row {
	margin-right: -10px;
	margin-left: -10px;
}
.contact-form .col-md-4 {
	padding-right: 10px;
	padding-left: 10px;
}
.contact-form .col-md-12 {
	padding-right: 10px;
	padding-left: 10px;
}
.members-list {
	padding: 30px 0 0 0
}
.members-list li {
	float: left;
	width: 20%;
	padding-right: 15px;
	padding-left: 15px;
	margin: 0 0 30px 0;
	transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
}
.members-list li a {
	display: block;
	background: #fff;
	width: 100%;
	box-shadow: 5px 5px 30px rgba(0,0,0,0.01);
	border-radius: 3px;
}
.members-list li a:hover {
	box-shadow: 5px 5px 30px rgba(0,0,0,0.06);
}
.members-list li .box {
	position: relative;
	width: 100%;
	height: 140px;
	display: flex;
	align-items: center;
}
.members-list li img {
	width: 150px;
	margin: auto;
	transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
}
.members-list li:hover {
	filter: grayscale(0%);
	opacity: 1;
}
.members-list li .name {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 25% 5% 0 5%;
	text-align: center;
	font-size: 18px;
	font-family: 'ubuntubold';
	color: #fff;
	border-radius: 3px;
	background: rgba(44, 83, 162, .9);
	opacity: 0;
	transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
}
.members-list li:hover .name {
	opacity: 1;
}
.members-list li:hover img {
	-webkit-transform: scale(0.90);
	transform: scale(0.90);
}
.member-header {
	position: relative;
	overflow: hidden;
}


.member-header .logo {
	width: 190px;
	height: 190px;
	background: #fff;
	margin: 0 auto 25px auto;
	padding: 20px;
	overflow: hidden;
	border-radius: 50%;
}
.member-header .logo .box {
	width: 150px;
	height: 150px;
	display: flex;
	align-items: center;
	margin: 0 auto 0 auto
}
.member-header .logo .box img {
	width: 100%
}
.member-header .info {
	position: absolute;
	color: #fff;
	font-size: 50px;
	text-align: center;
	line-height: 50px;
	top: 75px;
	width: 100%;
	z-index: 1
}
.member-header .img {
	opacity: 1;
}
.member-header .img img {
	height: 550px;
	margin: 0 0 0 0
}
.member-header h2 {
	font-size: 36px;
	font-family: 'ubuntubold';
	font-weight: normal
}
.member-header .pitch {
	font-size: 19px;
	line-height: 28px;
	font-style: italic;
	width: 90%;
	max-width: 690px;
	margin: 10px auto
}
.member-page {
	padding: 0 20px
}
.member-page .wrap {
	position: relative;
	background: #FFF;
	box-shadow: 5px 5px 30px rgba(0,0,0,0.01);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: -130px auto 20px auto;
	font-size: 16px;
	line-height: 24px;
}
.member-left {
	margin: 0 396px 0 0;
	border-right: 1px solid #eeeeee
}
.member-right {
	position: absolute;
	right: 0;
	top: 0;
	width: 396px;
}
.member-page .info {
	padding: 50px 40px 40px 55px;
}
.member-page .info li {
	display: inline-block;
	width: 49%;
	margin: 0 0 20px 0
}
.member-page .info li .name {
	font-size: 17px;
	margin: 0 0 0 0;
	font-family: 'ubuntubold';
	color: #333;
	letter-spacing: -0.2px;
}
.member-page .info li .data {
	font-size: 16px;
	color: #6e6e6e
}
.member-page a {
	color: #34539b
}
.member-page a:hover {
	color: #e53030
}
.member-page .description {
	padding: 30px 40px 40px 55px;
	border-top: 1px solid #eeeeee
}
.member-page .description h4 {
	font-size: 22px;
	font-family: 'ubuntubold';
}
.member-page h4 {
	font-size: 22px;
	font-family: 'ubuntubold';
}
.member-page .news {
	padding: 30px 40px 40px 55px;
	border-top: 1px solid #eeeeee
}
.member-page .news li {
	margin: 0 0 8px 0
}
.member-page .news li span {
	color: #888;
	display: inline-block;
	width: 95px;
	font-size: 14px;
}
.member-page .photo {
	padding: 40px 28px 40px 38px;
	border-top: 1px solid #eeeeee
}
.member-ad {
	padding: 40px;
}




.news-list li a {
	position: relative;
	display: block;
	background: #FFF;
	text-align: left;
	box-shadow: 5px 5px 30px rgba(0,0,0,0.01);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	-webkit-transition: all 0.15s linear;
	-webkit-transform: rotate(0deg);
}
.news-list li a:hover {
	box-shadow: 10px 10px 40px rgba(0,0,0,0.05);
}
.news-list li .img {
	-webkit-transition: all 0.15s linear;
}
.news-list li:hover .img {
	opacity: 0.8;
}
.news-list .title {
	font-size: 22px;
	line-height: 28px;
	font-weight: 600;
	margin: 30px 30px 5px 30px;
	color: #333;
}
.news-list li:hover .title {
	color: #ca1111;
}
.news-list .summary {
	margin: 20px 30px 5px 30px;
	color: #656871
}
.news-list .date {
	margin: 20px 30px 5px 30px;
	padding: 15px 0;
	border-top: solid 1px #ebeef4;
	color: #95989f
}
.load-more-btn {
	text-align: center;
	margin: 35px auto 0px auto;
}
.load-more-btn a {
	display: inline-block;
    
	text-decoration: none!important;
	color: #34b379;
	font-size: 18px;
	padding: 14px 0;
	text-align: center;
	width: 200px;
	background: #fff;
	border: none;
	outline: none;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	font-weight: 400;
	box-shadow: 5px 5px 20px rgba(59,95,168,0.10);
}
.load-more-btn a:hover {
	background: #34b379;
	color: #fff;
 	box-shadow: 5px 5px 30px rgba(59,95,168,0.20);
} 

.load-more-loading{
 	text-decoration: none!important;
	color: #34b379;
	font-size: 18px;
	padding: 14px 0;
	text-align: center;
	width: 200px;
	height: 50px;
	background: #fff;
    margin: 35px auto 0px auto;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	font-weight: 400;
	box-shadow: 5px 5px 20px rgba(59,95,168,0.10);
}

.manage-widgets-btn{display: table; margin: 20px auto 20px; float: left; width: 100%; text-align: center; }
.manage-widgets-btn a {
	display:inline-block;
    
	text-decoration: none!important;
	color: #34b379!important;
	font-size: 18px;
	padding: 14px 30px;
	text-align: center; 
	background: #fff; 
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	font-weight: 400;
 	box-shadow: 5px 5px 20px rgba(59,95,168,0.10);
}
.manage-widgets-btn a:hover {
	background: #34b379;
	color: #fff!important;
 	box-shadow: 5px 5px 30px rgba(59,95,168,0.20);
} 

@keyframes spin {
  from {
    transform: rotate(0);
  }
  to{
    transform: rotate(359deg);
  }
}

.circle-border {
  width: 30px;
  height: 30px;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: rgb(63,249,220);
  background: linear-gradient(0deg, rgba(18,52,125,0.1) 33%, rgba(52,179,121,1) 100%);
  animation: spin .8s linear 0s infinite;
  margin: -3px auto;
}

.circle-core {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%;
}


.content-wrap {
	background: #FFF;
	text-align: left;
	box-shadow: 10px 10px 50px rgba(0,0,0,0.04);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
 	padding: 30px 40px;
} 
.project-wrap {
	background: #FFF;
	text-align: left;
	box-shadow: 10px 10px 50px rgba(0,0,0,0.04);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
 	padding: 25px 0;
	margin: 0 0 25px
} 
.project-title{    
	padding: 0 20px 28px 30px;
    font-size: 25px;
    line-height: 33px;
	
	color: #34b379;
}
 
.project-gallery .caption{position: absolute; width: inherit; height: 60px; bottom: -70px; padding: 10px 250px 10px 30px; font-size: 14px; line-height: 20px;  text-align: left; }
.project-gallery .caption .name{ margin: 0 0 2px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.project-gallery .caption .subscribtion{ font-family: 'ubuntulight'; height: 20px; color: #888888; font-size: 13px; white-space: nowrap;
    text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.project-gallery .caption .photographer{ font-family: 'ubuntulight'; color: #888888; font-size: 13px }

.project-gallery .source{position: absolute; width: inherit; padding: 14px 30px 0 0; font-size: 14px; line-height: 22px;  text-align: right; }
.project-gallery .source .post{display: inline-block}
.project-gallery .source .logo{display: inline-block}
.project-gallery .source .logo-box{margin: 3px 0 10px 10px; height: 30px; display: flex; align-items: center}
.project-gallery .source .logo img{max-width: 100px; max-height: 30px}

.project-information{ padding: 35px 30px 0; margin: 10px 0  0 0; font-size: 15px; line-height: 23px; border-top: 1px solid #eee;}
.project-information li{margin: 0 0 20px 0}
.project-information .name{color: #999} 
.project-information li .data{min-height: 23px}

.expert-information{ padding: 0 30px 0; font-size: 15px; line-height: 23px;}
.expert-information li{margin: 0 0 20px 0}
.expert-information .name{color: #999}
.expert-information .social-media img{ width: 30px; margin: 5px 0 5px 0; }
.expert-information .contacts-photo img{ width: 170px; margin: 5px 0 5px 0; border-radius: 5px}

.event-wrap {
	background: #FFF;
	text-align: left;
	box-shadow: 10px 10px 50px rgba(0,0,0,0.04);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
 	padding: 25px 0;
	margin: 0 0 25px
} 
.event-title{    
	padding: 5px 280px 15px 40px;
    font-size: 25px;
    line-height: 30px;
	
	color: #333;
}
.event-title span{font-family: 'montserratlight'; font-size: 22px;}
.event-intro{min-height: 500px; padding: 0 40px 35px; font-size: 17px; line-height: 30px; font-family: 'montserratlight';}
.event-bi{margin: 0 280px 30px 40px}
.event-bi li{display: inline-block; margin:0 18px 10px 0 }
.event-bi img{width: 20px; margin: 2px 5px 0 0; vertical-align: top}
.event-top{position: relative}
.event-top .event-signup-btn{position: absolute; top: 12px; right: 40px}
.event-signup-btn a{
	display: inline-block;
    padding: 13px 48px; 
	text-align: center;
    font-size: 18px;
    color: #fff;
    background: #ff8901;
    border-radius: 50px; 
 	font-weight: bold;
 	cursor: pointer;
 }
.event-signup-btn a:hover{background: #ff9b1a; text-decoration: none}
.event-signup-btn a.disabled{background: #fff; border: 1px solid #ff8900; color: #ff8900; padding: 13px 38px;}
.event-bottom{text-align: center}
.event-bottom .event-signup-btn{margin: 0 auto 30px auto; }

.event-photos {margin: 0 40px 60px 40px; border-top: solid 1px #e2e5ec;}
.event-photos .title{ margin: 20px 0 24px 0; font-size: 21px;  color: #34b379 }
.event-photos li{display: inline-block; margin: 0 12px 14px 0}
.event-photos li .cover{ height:125px; width:195px;  margin: 0 0 0 0; overflow:hidden; background-color:#fff; box-shadow: 0px 5px 20px rgba(0,0,0,0.025); position: relative; border-radius: 5px}
.event-photos li .img{height:125px; background-size: cover; background-position: center center;  transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;} 
.event-photos li:hover .img{ -webkit-transform: scale(1.03); transform: scale(1.03);}

.event-sign-list {margin: 0 40px 40px 40px; border-top: solid 1px #e2e5ec;}
.event-sign-list .title{ margin: 20px 0 24px 0; font-size: 21px;  color: #34b379 }
.event-sign-list li{display: inline-block; margin: 0 11px 10px 0}
.event-sign-list .logo{ float: left; width: 104px; height: 72px; border:1px solid #e3e3e3; border-radius: 3px; display: flex; align-items: center; justify-content: center;}
.event-sign-list .logo:hover{border:1px solid #c0c0c0;}
.event-sign-list .logo img{max-width: 75px; max-height: 60px}

.organizations-logo{text-align: center; padding: 10px 0 10px}
.organizations-logo .logo{margin: 0 0 20px 0}
.organizations-logo img{max-width: 200px; max-height: 75px}

.widget-wrap {
	background: #FFF;
	text-align: left;
	box-shadow: 10px 10px 50px rgba(0,0,0,0.04);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 18px 25px 10px;
	margin: 0 0 25px
} 
.widget-wrap >.title{color: #34b379;  font-size: 22px; height: 24px; margin: 0 0 18px 0}
.widget-wrap >.title a{color: #34b379;}
.widget-wrap >.title img{width: 25px; margin: -1px 7px 0 0; vertical-align: top}
.widget-wrap .news-item{margin: 0 0 15px 0}
.widget-wrap .news-item a:hover{box-shadow: 10px 10px 40px rgba(0,0,0,0.10); text-decoration: none }	
.widget-wrap .news-item .cover{ height: 220px; margin: 0 0 10px 0; overflow:hidden; background-color:#fff; box-shadow: 0px 5px 20px rgba(0,0,0,0.025); position: relative; border-radius: 5px}
.widget-wrap .news-item .img{ height: -webkit-fill-available; background-size: cover; background-position: center center; transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;}
.widget-wrap .news-item:hover .img{ -webkit-transform: scale(1.03); transform: scale(1.03);}


.widget-wrap .news-item .date{ float: right;margin: -36px 0 0 0; font-size:13px; color: #9ea7ad; font-family: 'ubuntulight';}
.widget-wrap .news-item .title{ margin: 0 20px 5px 0; font-size:15px; line-height:19px; height:40px; color:#000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.widget-wrap .news-item .logo{margin: 3px 0 10px 0; height: 30px; display: flex; align-items: center}
.widget-wrap .news-item .logo img{max-width: 75px; max-height: 20px}
.widget-wrap .news-item a:hover .title{color: #34b379}
.widget-wrap .news-item-2{position: relative; margin: 0 0 14px; height: 78px}
.widget-wrap .news-item-2 .cover{position: absolute; top: 0; left: 0; height:78px; width: 110px; overflow:hidden; background-color:#fff; box-shadow: 0px 5px 20px rgba(0,0,0,0.025); border-radius: 5px}
.widget-wrap .news-item-2 .img{height:78px; background-size: cover; transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;}
.widget-wrap .news-item-2 .title{vertical-align: top; margin: 2px 0 0 125px; font-size: 14px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden; color: #333!important }
.widget-wrap .news-item-2 .date{margin: 8px 0 0 125px; font-size: 13px; color: #9ea7ad}
.widget-wrap .news-item-2 a:hover{text-decoration: none; }
.widget-wrap .news-item-2 a:hover .title{color: #34b379!important}
.widget-wrap .news-item-2 a:hover .img{ -webkit-transform: scale(1.03); transform: scale(1.03);}


.widget-wrap .col-md-4{padding-right: 9px; padding-left: 9px;}
.widget-wrap .row {margin-right: -9px;  margin-left: -9px;}
.widget-wrap .description{font-size: 14px; line-height: 22px; margin: 0 0 20px 0}
.widget-row{margin: 0 -12.5px -25px -12.5px}
.widget-row > .col-md-6{padding: 0 12.5px; margin: 0 0 25px 0;}

.widget-row .widget-wrap{margin: 0}
.widget-wrap .more{position: absolute; right: 30px; top: 18px; font-size: 13px;  text-transform: uppercase}
.widget-wrap .more a{display: block; color: #999; padding: 0 15px 0 0; background-image: url("../images/icon-more-1.svg");  background-size: 14px; background-repeat: no-repeat; background-position: center right; transition: all 0s ease-out;
	-moz-transition: all 0s ease-out;}
.widget-wrap .more a:hover{color: #34b379; text-decoration: none; background-image: url("../images/icon-more-2.svg");  background-size: 14px; background-repeat: no-repeat; background-position: center right;}
.widget-more{position: absolute; right: 30px; top: 18px; }
.widget-wrap .more-btn{width: 36px; height: 20px; border-radius: 3px;  background-image: url("../images/icon-more.svg"); background-size: 30px; background-repeat: no-repeat; background-position: center center; cursor: pointer; opacity: 0.8}
.widget-wrap .more-btn:hover{opacity: 1; background: #f1f4f9; background-image: url("../images/icon-more.svg"); background-size: 30px; background-repeat: no-repeat; background-position: center center;}
.widget-more .dropdown-box{right: -6px; top: 32px; width: 200px}
.widget-more .dropdown-box a{color: #333}
.widget-more .dropdown-box a:hover{color: #333}

.widget-wrap .box-item{margin: 0 0 16px 0;}
.widget-wrap .box-item a:hover{box-shadow: 10px 10px 40px rgba(0,0,0,0.10); text-decoration: none }	
.widget-wrap .box-item .cover{ height: 155px; margin: 0 0 0 0; overflow:hidden; background-color:#fff; box-shadow: 0px 5px 20px rgba(0,0,0,0.025); position: relative; border-radius: 5px}
.widget-wrap .box-item .img{height:inherit; background-size: cover; background-position: center center;  transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;} 
.widget-wrap .box-item:hover .img{ -webkit-transform: scale(1.03); transform: scale(1.03);}
.widget-wrap .box-item .title{ position: relative; z-index: 2; border-radius: 0 0 5px 5px ; padding: 5px 10px 5px 10px; margin: -32px 0 0 0; font-size:14px; color:#fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));}
.widget-wrap .box-item .name{opacity: 0; position: relative; text-align: center; z-index: 2; border-radius: 0 0 5px 5px ; padding: 5px 8px 3px 8px; margin: -30px 0 0 0; font-size:13px; color:#fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5)); transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;}
.widget-wrap .box-item:hover .name{opacity: 1;}
.widget-wrap .col-md-6{padding: 0 10px}
.widget-wrap .col-md-4{padding: 0 10px}
.widget-wrap .col-md-3{padding: 0 10px}
.widget-wrap .col-md-2{padding: 0 10px} 
.widget-wrap .library-item .title{font-size: 14px; line-height: 18px; margin: 8px 0 0 0;}
.widget-wrap .library-item a{color: #333}
.widget-wrap .library-item a:hover{text-decoration: none; color: #34b379}
.widget-wrap .library-item .cover{border-radius: 4px; overflow: hidden}
.widget-wrap .library-item img{ transition:all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.widget-wrap .library-item:hover img{ -webkit-transform: scale(1.03); transform: scale(1.03);}
.experts-widget{height: 345px;}
.widget-wrap .vacancies li{padding: 10px 0; border-bottom: 1px solid #f4f4f4; font-size: 14px }
.widget-wrap .vacancies .date{margin: -22px 0 0 0; float: right; font-family: 'ubuntulight'; color: #9ea7ad}
.widget-wrap .vacancies .title{margin: 0 90px 0 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.widget-wrap .vacancies .title a{color: #333}
.widget-wrap .vacancies .title a:hover{ color: #34b379; text-decoration: none}
.creat-widget-wrap{height:  442px; display: flex; align-items: center; justify-content: center;}
.creat-widget-btn{ border:1px dashed #34b379; color: #34b379; border-radius: 5px; padding: 18px 30px 16px; font-size: 18px; cursor: pointer}
.creat-widget-btn:hover{background: #f8fbf8}
.creat-widget-btn img{display: inline-block; vertical-align: top; width: 28px; margin: -3px 10px 0 0}
.manage-widgets .creat-widget-btn{ padding: 15px 30px 13px; text-align: center; margin: 12px 0 0}


.home-main a{color: #333}
.home-main a:hover{color: #34b379}
.home-main .widget-wrap{padding: 18px 20px 20px;}
.home-main .widget-wrap .row{margin-right: -9px; margin-left: -9px}
.home-main .widget-wrap .vacancies li{padding:0;}
.home-main .widget-wrap .vacancies li a{display: block; padding: 13px 0 14px; } 
.home-main .widget-wrap .vacancies li a:hover{background: #f8f9fb}
.home-main .widget-wrap .vacancies li:last-child{margin: 0 0 11px 0 }
.home-main .widget-wrap .vacancies .title{margin: 0 180px 0 0; font-size: 15px}
.home-main .widget-wrap .vacancies .date{margin: -22px 100px 0 0;}
.home-main .widget-wrap .vacancies .logo{ margin: -25px 0 0 0; float: right; width: 70px; height: 30px; display: flex; align-items: center; justify-content: center;}
.home-main .widget-wrap .vacancies .logo img{max-width: 60px; max-height: 27px}

.home-main .news-widget .content{height:auto;}
.home-main .news-widget .col-md-3:first-child{width: 50%}
.home-main .news-widget .col-md-3:first-child .news-item .cover{height:540px ;} 

.home-main .col-widget .content{ height: 500px; position: relative; overflow: hidden}
.home-main .widget-library .content{ overflow: hidden}
.home-main .widget-events .content{ overflow: hidden;}
.home-main .widget-mypnnl .content{ height: 550px; overflow: hidden}
.home-main .widget-especial{position:relative; border-radius: 6px; overflow: hidden; height: 580px;  box-shadow: 10px 10px 50px rgba(0,0,0,0.04);}
.home-main .widget-especial .img{height: 580px; background-size: cover; background-position: center center; transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;}
.home-main .widget-especial:hover .img{ -webkit-transform: scale(1.02); transform: scale(1.02);}
.home-main .widget-especial .flex-direction-nav{display: none}
.home-main .widget-especial  .flex-control-nav{position: absolute;  z-index: 10; bottom: 10px;}
.home-main .widget-especial .flex-control-paging li a{width: 10px; height: 10px;}

.widget-guide{
	display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0px;
    background: #fff;
    padding: 20px 25px;
    border-radius: 5px;
    border: 1px solid #ebebeb;
    overflow: auto;
	z-index: 5;
}
.widget-guide .title{ font-size: 18px; margin: 0 0 20px 0; }
.widget-guide a:link, .widget-guide a:visited{color: #34b379; text-decoration-line: underline;}
.widget-guide a:hover{text-decoration-line:none;}

.home-main .filter{float: inherit}
.home-main .filter-search{display: block}
.home-main .filter-search input{width: 100%; padding: 0 12px; margin: 0 0 10px 0}
.home-main .filter-item, .panel .filter-item{display: block; margin: 0 0 10px 0}
.home-main .filter-item .filter-input{width: 100%;}

.home-library-item .cover{width: 120px; display: inline-block; vertical-align: top; margin: 0 12px 0 0; border-radius: 5px; overflow: hidden }
.home-library-item .title{width: 80px; display: inline-block; vertical-align: top; font-size:14px; line-height:19px; }
.home-library-item{margin: 0 0 20px 0}
.experts-search-btn a{
	display: block;
    padding: 9px 0; 
    font-size: 15px;
    color: #fff;
    background: #34b379;
    border-radius: 5px; 
	font-family: 'ubunturegular';
	font-weight: bold;
	letter-spacing: 0.7px;
	text-align: center;
 }
.experts-search-btn a:hover{background: #3fc588; color: #fff;}
.experts-search-btn img{width: 22px; display: inline-block; vertical-align: top; margin: 1px 8px 0 0 }

.hot-experts .title {
	margin: 12px auto 10px auto;
 	text-align: center;
  	position: relative;
	font-size: 13px;
 	width: 80%;
	color: #666666;
	z-index: 2
}
.hot-experts .title:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 12px;
	border-bottom: 1px solid #cfcfcf;
	top: 0;
	left: 0;
	z-index: 0
}
.hot-experts .title span {
	position: relative;
	background: #fff;
	padding: 0 12px;
	z-index: 1
}
.hot-experts .logo-group .logo{display: inline-block; width: 49%; text-align: center}
.hot-experts .logo-group .logo{ float: right; height: 75px; display: flex; align-items: center; justify-content: center;}
.hot-experts .logo-group .logo img{max-width: 90px; max-height: 45px}
.hot-experts .logo-group .logo img:hover{opacity: 0.85}
.hot-experts .flex-viewport{border: 0px}
.hot-experts .flex-control-nav{margin: 10px 0 0 0}
.hot-experts .flex-direction-nav{display: none}
.hot-experts .flex-control-paging li a{width: 11px; height: 11px}

.home-library .content{position: relative}
.home-library .content:after{content: ""; position: absolute; width: 100%; height: 40px; bottom: 0; left: 0; background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)); }
.home-library{margin: -9px -9px 9px}
.home-library .grid li{width: 50%; padding: 9px}
.home-library .grid li .img{border-radius:5px; overflow: hidden }
.home-library .grid li .img img{transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;}
.home-library .grid li .img:hover img{ -webkit-transform: scale(1.03); transform: scale(1.03);}
.home-library .grid .title{ position: relative; z-index: 2; border-radius: 0 0 5px 5px ; padding: 5px 0px 5px 10px; margin: -32px 0 0 0; font-size:14px; color:#fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));}

.experts-logo{ width: 100%; height: 160px;  border-radius: 3px; display: flex; align-items: center; justify-content: center;}
.experts-logo img{max-width: 170px; max-height: 110px}
.experts-follow{text-align: center; margin: 10px 0 40px}
.follow-btn{
	display: block;
	width: 140px;
    padding: 10px 0; 
    margin: 0 auto 5px;
    font-size: 16px;
    color: #fff;
    background: #ff8900;
    border-radius: 50px; 
	
  	cursor: pointer;
    text-align: center
 }
.follow-btn:hover{background: #ff9b1a}
.follow-btn img{width: 19px; display: inline-block; vertical-align: top; margin: 2px 5px 0 0 }
.following-btn{
    display: table;
    padding: 10px 25px; 
    margin: auto;
    font-size: 16px;
    color: #ff8900;
    background: #fff;
	border: 1px solid #ff8900;
    border-radius: 50px; 
	 
	cursor: pointer;
 }
.following-btn:hover{background: #fff5ea}
.following-btn img{width: 18px; display: inline-block; vertical-align: top; margin: 4px 5px 0 0 }
.experts-widget .row{height: 276px; overflow: auto }
.col-md-12 .experts-widget .row{height:auto; overflow:visible }
.col-md-12 .experts-widget{height:auto;}

.experts-widget .row:after { content: "";}
.row:after { content: "";}
.experts-pitch{padding: 30px 30px 30px; font-style: italic; font-size: 14px; border-top: 1px solid #ede8e8; }
.expert-banner{height: 29vw; background-size: cover; position: relative; z-index: -1; margin: -40px 0 -70px }
.panel{transition: all 0.12s ease-out; -moz-transition: all 0.12s ease-out;}
.panel-contacts{position: fixed; top: 0; bottom: 0px; margin-bottom:auto!important; left: 0px; right: 0px; margin: auto; height: fit-content; width: 800px; padding: 20px 30px 50px; z-index: 10002;}
.panel-contacts .photo{width: 40%; display: inline-block; vertical-align: top; margin: 0 0 0 0}
.panel-contacts .photo img{border-radius: 5px}
.panel-contacts .introduction{width: 53%; display: inline-block; vertical-align: top; margin: 0 0 0 5%}
.panel-contacts .name{padding: 6px 0; display: inline-block; width: 120px; color: #888888}
.panel-contacts .data{padding: 6px 0; display: inline-block;}
.panel-contacts .data img{width: 30px; margin: 0 10px 0 0;}
.panel-contacts .data a:hover img{opacity: 0.8}
.panel .title img{width: 25px; margin: -1px 7px 0 0; vertical-align: top}
.panel .title{color: #34b379; font-size:20px;  margin: 0px 0 30px 0px} 
.panel-roles{position: fixed; top: 0; bottom: 0px; left: 0px; right: 0px; margin: auto; height: fit-content; width: 1000px; padding: 20px 30px 25px; z-index: 10002;}
.roles-form{margin: 0 0 20px 0; height: 480px; overflow: auto}
.panel .title span{font-size: 14px; font-family: 'ubunturegular'; margin: 0 0 0 5px}
.roles-form .select2{width: 100%}
.bottom-btn{text-align: center}
.roles-label { padding: 0 20px}
.roles-label li{display: inline-block; width: 33%; margin: 0 0 10px 0}
.roles-label input[type='checkbox']{display: contents}
.roles-label label{display: inline; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.roles-label input[type='checkbox'] + label:before, .roles-label input[type='checkbox'] + label:after{top: 3px; } 
 
.panel-filter{position: fixed; top: -200px; bottom: 0px; left: 0px; right: 0px; margin: auto; height: fit-content; width: 800px; padding: 20px 30px 25px; z-index: 10002;}
.panel-manage-widgets, .panel-create-widget{position: fixed; top: -200px; bottom: 0px; left: 0px; right: 0px; margin: auto; height: fit-content; width: 800px; padding: 20px 30px 25px; z-index: 10002;}

.panel-event-login{position: fixed; top: 0; bottom: 0px; left: 0px; right: 0px; margin: auto; height: fit-content; width: 700px; padding: 20px 30px 25px; z-index: 10002;}
.event-login-form{margin: 0 0 20px 0; height: 480px; overflow: auto}
.tab {  text-align: center;}
.tab .nav-tabs-2{ position: relative; margin: 0 0 0}
.tab .nav-tabs-2 li{display: inline-block; vertical-align: top;}
.tab .nav-tabs-2 li a{ 
			display: block;
		    width: 140px;
			height: 80px;
			margin: 0 5px;
		    font-size: 15px;
			line-height: 20px;
		    color: #333; 
		    text-align: center;
		    border-radius: 5px;
 		    border: 2px solid #e3e3e3;
 		    overflow: hidden;
		    z-index: 1;
		    position: relative; 
 			opacity: 0.6;
		}  
.tab .nav-tabs-2 li.active a {border: 2px solid #ffbf00; opacity: 1;} 
.tab .nav-tabs-2 li a:hover{ 
 			border: 2px solid #ffbf00;
			opacity: 1;
			text-decoration: none;
		} 
.tab .nav-tabs-2 li span{ display: block; text-align: center; padding:17px 20px 0; }

.login-tab{ width: 70%; margin: 20px auto}
.tab .tc-2{    padding: 0px 0 0;
    margin-top: 0px;
    font-size: 15px;
    line-height: 26px;
    text-align: left;
    border-top: 0px solid #eee;}
.center-btn{ text-align: center; margin: 20px 0 0 0}
.center-btn .btn{ padding: 9px 40px; font-size: 18px;}
.center-btn .link{display:inline-block; padding: 10px 0 0; text-align: center}
.login-tab .form-group { margin-bottom: 15px;}
.lg-1 {
    background: url(../images/pnnl-logo.png);
    background-size: 115px 57px;
    background-repeat: no-repeat;
}
.fa-2 {
    display: block;
    position: relative;
    width: 135px;
    height: 60px;
    margin: 10px 0 0 10px;
    z-index: 100;
} 

.vacancies-wrap {margin: 0 0 30px 0}
.vacancies-list {margin: -15px 0 0 0}
.vacancies-list .thead{ padding: 15px 0; border-bottom: 2px solid #dde0e6; }
.vacancies-list .tbody a{display: block; padding: 20px 0; border-bottom: 1px solid #e7e9ee}
.vacancies-list .tbody a:hover{ text-decoration: none; background: #f8f9fb}
.vacancies-list .t-1{display: inline-block; width: 64%; vertical-align: top}
.vacancies-list .t-2{display: inline-block; width: 23%; vertical-align: top}
.vacancies-list .t-3{display: inline-block; width: 11%; vertical-align: top}
.vacancies-list .tbody .t-2{color: #9ea7ad}
.vacancies-list .tbody a .t-1{color: #333}
.vacancies-list .tbody a:hover .t-1{color: #34b379}
.vacancies-list .logo{ width: 70px; height: 30px; margin: -5px 0 -5px -5px; display: flex; align-items: center; justify-content: center;}
.vacancies-list .logo img{max-width: 70px; max-height: 30px}
.thead .sort{display:inline-block; vertical-align: inherit; margin: 1px 0 0px 3px; width: 20px; height: 20px; cursor: pointer} 
.thead .sorting{
	background-image: url(../images/icon-sorting.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center center; }
.thead .sorting-asc{
	background-image: url(../images/icon-sorting-asc.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center center; }
.thead .sorting-desc{
	background-image: url(../images/icon-sorting-desc.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center center; }
.library-list{width: 102%; margin:0 -15px; min-height: 500px; display: grid;}
.library-list li a{
	display: block;
    position: relative;
    background: #FFF;
	text-align:left;
    box-shadow: 5px 5px 30px rgba(0,0,0,0.03);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    margin: 0 0 0 0;
	padding: 0 0 0 0;
     -moz-transition: all 0.12s ease-out;
	-o-transition: all 0.12s ease-out;
	-webkit-transition: all 0.12s ease-out;
	transition: all 0.12s ease-out;
}
.library-list a:hover{box-shadow: 10px 10px 40px rgba(0,0,0,0.10); text-decoration: none; margin: -3px 0 33px 0 }	
.library-list .date{ float: right;margin: -36px 20px 0 0; font-size:13px; color: #9ea7ad; font-family: 'ubuntulight';  }
.library-list .title{ margin: 15px 20px 8px 20px; font-size:14px; line-height:20px; color:#000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.library-list .summary{ margin: -5px 20px 10px 20px; font-size:13px; line-height:20px; color:#999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.library-list a:hover .title{ color: #34b379}
.library-list .logo{margin: 3px 0 10px 20px; height: 30px; display: flex; align-items: center}
.library-list .logo img{max-width: 75px; max-height: 20px}
.library-list .type{float: right; margin: -38px 13px 0 0 }
.library-list .type img{width: 24px}
.library-menu{background: #FFF;
	text-align:left;
    box-shadow: 5px 5px 30px rgba(0,0,0,0.03);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	margin: 0px 0 30px 0;
	padding: 0 10px 0 35px;
	display: flex;
}
.library-menu li{ flex: auto;}
.library-menu li a{display:inline-block; white-space: nowrap; padding: 13px 5px;  color: #333; border-bottom: 2px solid #fff}
.library-menu li a:hover{text-decoration: none; border-bottom: 2px solid #34b379}
.library-menu li img{display: inline-block; vertical-align: top; margin: 0 5px 0 0; width: 22px}
.library-menu li.current a{color: #34b379;  border-bottom: 2px solid #34b379}

.subheader{
 	height: 60px;
	font-size: 17px;
    z-index: 1;
    width: 100%;
    background-color: #FFF;
    position: relative;
 	text-align:center;
    box-shadow: 10px 10px 50px rgba(0,0,0,0.04); 
	}
 
.subheader li{ display:inline-table;  margin: 0 13px; }
.subheader li a{ display:block; line-height:58px;}
.subheader li a:hover{color: #ff8900;}
.subheader li.current a{ line-height:58px;    color: #ff8900; border-bottom: 2px solid #ff8900}


.user-wrap {
	min-height: 450px;
	margin: -30px 0 0 0;
	background-color: #f7f8fa;
}
.user-wrap h2 {
	padding: 0 0 20px 0;
	text-align: center;
	color: #0b61d4;
	font-size: 36px;
}
.user-nav {
	float: left;
	width: 19%;
	padding: 25px 0 0 0
} 
 
.user-main-whole {
	padding: 25px 0 60px 0;
}
.uc-mc {
	position: relative;
	background-color: #FFF;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 3%);
	border-radius: 6px;
	margin: 0 0 25px 0;
	min-height: 100px;
}
.uc-mc .title {
	border-bottom: 0px solid #ededed;
	line-height: 30px;
 	margin: 0 0 10px 0;
	padding: 20px 0 0 25px;
	font-size: 20px;
	color: #34b379;
 	
	text-align: left;
 }
.uc-mc .subtitle {  
  position: absolute;
  font-size: 14px;
  color: #707070;
  top: 17px;
  right: 24px;
  font-family: 'ubunturegular';
}
.uc-mc .functions{position: absolute; right: 10px; top: 20px}
 
.uc-mc .fa-clock-o {
	color: #777;
}
.user-nav li {
	position: relative;
	line-height: 38px;
	padding: 0 0 0 0
}
.user-nav li a {
	display: block;
	color: #888
}
.user-nav li a:hover {
	color: #333;
	text-decoration: none
}
.user-nav li.current a {
	font-weight: bold;
	color: #333
}
.user-nav li.current a:hover {
	color: #333
}

.footer {
	width: 100%;
	color: #fff;
	background: #34b379;
	padding: 40px 0 0 0;
	font-size: 14px;
	margin: 60px 0 0 0; 
 }
.footer a {
	color: #c4ead9
}
.footer a:hover {
	color: #fff;
	text-decoration: none
}
.footer-logo{float: left; width: 25%; margin: -16px 0 0 0}
.footer-logo img{width: 205px}
.footer-nav{float: left; width: 35%}
.footer-nav .group{float: left; width: 50%}
.footer-nav li {
  	margin: 0 20px 8px 0;
 }

.footer-newsletter{float: left; width: 25%}
.footer-newsletter .content{color: #c4ead9; padding: 0 80px 0 0}
.footer .copyright {float: left; width: 100%; color: #c4ead9; padding: 20px 0 22px; border-top:1px solid #49bb87; text-align: center; margin: 40px 0 0 0}
.copyright{text-align: center; color: #999;  font-size: 15px; padding: 0 0 40px 0}
 
.social-link{float: left; width: 15%}
.footer .title{   margin: 0 0 15px 0; font-size: 17px; }
.social-link li {
	display: inline-block;
	margin: 0 20px 5px 0;
}
.social-link li img {
	height: 30px;
}
.social-link li {
 	opacity: 0.8;
	transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
}
.social-link li:hover {
 	opacity: 1;
}

.top-social-link{position: absolute; right: 0; bottom: -39px; width: 144px; height: 39px; background: url("../images/social-bg.png") no-repeat; background-size: 144px 39px;}
.top-social-link ul{margin: 3px 0 0 38px}
.top-social-link li {
	display: inline-block;
	margin: 0 0 5px 12px;
}
.top-social-link li img {
	height: 30px;
}

.footer .logo {
	margin: -10px 10px 0 0
}
.footer .logo img {
	height: 60px
}
.user-input input[type="text"] {
	width: 100%;
}
.user-input input[type="password"] {
	width: 100%;
}
.text-muted {
	font-size: 13px;
	color: #999;
	line-height: 20px;
	margin: 0 0 20px 0
}
.select {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
}
.btn {
    position: relative;
 	border-radius: 5px;
	border: 1px solid;
	text-align: center;
	vertical-align: middle;
	line-height: 1.43;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	cursor: pointer;
	border-color: #cecece;
	background-color: #fff;
}
.btn:hover {
	background-color: #f7f8fa;
}
.btn:active {
	background-color: #f2f2f2;
	color: #999
}
.btn-primary {
	border-color: #34b379;
	background-color: #34b379;
	color: #fff;
    margin: 5px 10px; 
}
.btn-primary:hover {
	border-color: #3ec487;
	background-color: #3ec487;
}
.btn-primary:active {
	color: rgba(255, 255, 255, .8);
	background-color: #10378b;
}
.btn-large {
	padding: 9px 35px;
	font-size: 17px;
	font-family: "ubuntumedium"
}
.btn-middle {
	padding: 6px 20px;
	font-size: 15px;
	font-weight: normal
}
.btn-primary:disabled{cursor:not-allowed; background: #3ec487}
.btn-primary:disabled:hover{background: #3ec487;}
.btn-save-as{border-color: #2c79d9; background-color: #2c79d9;}
.btn-save-as:hover{border-color: #468ce3; background-color: #468ce3;}
.btn-save-as:active{border-color: #1e6ccd; background-color: #1e6ccd;}
.fl {
	float: left
}
.fr {
	float: right;
}
.img-section .fl {
	float:none
}
.tip-text {
	text-align: center;
	padding: 10px 0 10px 0;
} 
.scroll-top-link {
	width: 40px;
	position: fixed;
	right: 25px;
	bottom: 20px;
	z-index: 20;
}
.scroll-top-link .gotop {
	display: none;
	width: 48px;
	height: 48px;
	background: url(../images/arrow-up-1.svg) no-repeat 50% 50%;
	background-size: 24px 24px;
	cursor: pointer;
	border-radius: 50%;
	background-color: #fff;
	margin: 0 0 5px 0;
	box-shadow: 3px 3px 20px rgba(0,0,0,0.09);
	margin-bottom: 15px;
}
.scroll-top-link .gotop:hover {
	background: #3fc588 url(../images/arrow-up-2.svg) no-repeat 50% 50%;
	background-size: 24px 24px;
}
.jointext {
	text-align: center;
	padding: 40px 0 0 0;
	font-size: 20px;
	color: #2573de;
	font-weight: bold
}
.nav .nav-drop-down {
	width: 110px;
	background: rgba(255,255,255,1);
	padding: 15px 20px;
	border-radius: 4px;
	position: absolute;
	box-shadow: 0px 5px 30px rgba(0,0,0,0.1);
	z-index: 5;
}
.rd-navbar-dropdown {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: transform 0.25s, opacity 0.25s;
	transition: transform 0.25s, opacity 0.25s;
}
.rd-navbar-submenu:hover .rd-navbar-dropdown {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: transform 0.25s, opacity 0.25s;
	transition: transform 0.25s, opacity 0.25s;
}
.nav-drop-down li {
	float: none;
	-webkit-transition: margin 0.25s;
	transition: margin 0.25s;
	width: 88px;
	padding: 0;
	line-height: 30px;
	font-size: 12px;
}
.nav-drop-down.d1 {
	width: 210px;
	margin: -10px 0 0 0px;
}
.nav li:nth-of-type(2) .nav-drop-down {
	width: 270px;
}
.nav .nav-drop-down li {
	width: 100%;
}
.nav-drop-down.d1 li {
	margin: 5px 0 5px 0;
	font-size: 15px;
	line-height: 20px;
	height: auto
}
.nav-drop-down li a, .nav li.current .nav-drop-down li a {
	font-weight: normal;
	color: #333;
	display: block;
	padding: 0;
	border-bottom: none;
}
.nav-drop-down li:hover {
	margin: 5px 0 5px 10px;
}
.nav-drop-down li:hover a {
	font-weight: normal;
	border-bottom: 0px solid #d81b3b;
}
.committee-list {
	margin-right: -20px;
	margin-left: -20px;
}
.committee-list li {
	display: inline-block;
	vertical-align: top;
	width: 32.9%;
	padding-right: 20px;
	padding-left: 20px;
	margin: 0 0 80px 0
}
.committee-list li .name {
	font-size: 22px;
	font-family: 'ubuntubold';
	letter-spacing: -0.5px;
	padding: 0 0 20px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #dddddd
}
.committee-list li:first-child {
	width: 33%;
	margin: 20px 33% 80px 33%;
}
.committee-list li:first-child .name {
	font-size: 26px;
}
.tags {
	padding: 8px 20px 18px
} 
.tags li a {
	display:inline-block;
	padding: 8px 12px; 
	line-height: 18px;
	font-size: 14px;
	color: #666; 
	background: #f8f8f8; 
	border-radius: 4px;
	margin: 0 0 8px 0;
	font-family: 'ubuntulight';
}
.tags li a:hover {
	color: #fff; 
	background: #34b379;
	text-decoration: none
}
.related-items {
	margin: 70px 0 -25px 0
}
.related-items h4 {
	margin: 0 0 10px 0
}
.banner-default {
	display: block
}
.share-toolbox {
	text-align: center;
	margin: 100px 0 10px 0
}
.share-toolbox .at-resp-share-element .at-share-btn {
	margin: 0 5px 5px 5px;
}
.detail-banner .text {
	font-family: 'ubunturegular';
	color: #fff;
	width: 100%;
	height: fit-content;
	text-align: center;
	padding: 70px 60px 120px 60px;

	z-index: 1;
}
.banner-conferences .text {
	padding: 90px 60px 100px 60px;
}
.detail-banner .text .title {
	font-size: 32px;
	line-height: 38px;
	margin: 0 0 10px 0;
	font-family: 'ubuntubold';
	letter-spacing: -0.5px;
	font-weight: 200;
}
.detail-banner .text .title sup {
	font-size: 20px;
}
.detail-banner .text .theme {
	margin: 0px 0 10px 0;
	font-family: 'ubuntubold';
	font-size: 22px;
	font-style: italic
}
.detail-banner .text .date {
	font-size: 18px;
}
.detail-banner .text a {
	color: #fff;
	text-decoration: underline
}
.detail-banner .text a:hover {
	text-decoration: none
}
.sub-nav {
	text-align: center;
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
	height: 55px;
	line-height: 55px;
	border-bottom: 1px solid #eaebee;
	background: #fff;
	box-shadow: 5px 5px 30px rgba(0,0,0,0.03);
	-webkit-overflow-scrolling : touch;
}
.sub-nav a {
	color: #333;
	font-size: 16px;
	padding: 0 8px;
	margin: 0 10px;
	font-family: ubuntubold;
	text-transform: uppercase
}
.sub-nav a:hover {
	color: #2573de;
}
.sub-nav a.current {
	content: "";
	color: #2573de;
	line-height: 50px;
	padding-bottom: 13px;
}
.search-type {
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
	height: 55px;
	border-bottom: 1px solid #eaebee;
	-webkit-overflow-scrolling : touch;
}
.search-type ul {
	width: calc(100% - 40px);
	max-width: 860px;
	margin: 0 auto
}
.search-type li {
	display: inline-block;
	font-size: 16px;
	font-family: "ubuntumedium";
	text-transform: uppercase
}
.search-type li a {
	display: block;
	line-height: 50px;
	padding: 2px 5px 0;
	margin: 0 30px 0 0;
	color: #333
}
.search-type li a:hover {
	color: #2573de
}
.search-type li.current a {
	border-bottom: 2px solid #2573de;
	color: #2573de
}
.results-note {
	text-align: center;
	margin: -40px 0 35px 0;
	color: #888
}
.views-gallery img {
	border: solid 1px #efefef;
}
.download-btn {
	text-align: center;
	margin: 60px 0 40px 0
}
.blue-arrow-btn {
}
.blue-arrow-btn a {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	
	padding: 12px 68px 10px 25px;
	background-color: #1f97ec;
	border: none;
	outline: none;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	font-weight: 400;
	box-shadow: 5px 5px 20px rgba(51,125,227,0.20);
	text-transform: uppercase;
	background-image: url(../images/arrow-nomal.svg);
	background-size: 23px;
	background-repeat: no-repeat;
	background-position: 88% center;
}
.blue-arrow-btn a:hover {
	background-color: #337de3;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/arrow-nomal.svg);
	background-size: 23px;
	background-repeat: no-repeat;
	background-position: 90% center;
}
.blue-arrow-btn a:active {
	color: rgba(255, 255, 255, .5);
	background-color: #378bfe;
}

.section-side {
	float: right;
	width: 310px;
	padding: 0 15px 0 0
}
.left-side {
	float: left;
	width: 320px;
	padding: 0 15px 0 15px
}
.side-wrap{
	background: #FFF;
 	box-shadow: 10px 10px 50px rgba(0,0,0,0.04); 
	border-radius: 5px;
	margin: 0 0 25px 0
  }
.side-wrap .name{padding: 15px 18px 12px; font-size: 17px;  color: #34b379 }
.side-wrap .name img{width: 22px; vertical-align: top; margin: 0px 4px 0 0;}

.side-wrap > .title{padding: 15px 18px 10px; font-size: 17px; }
.side-wrap .subtitle {
    display: block;
    font-size: 13px;
    color: #707070;
     font-family: 'ubunturegular';
}
.side-wrap .content{padding: 5px 18px 12px;}

.side-wrap .intro{padding: 0 18px 15px 20px; margin: -8px 0 0 0; font-size: 13px; line-height: 18px; color: #999 }
.related-projects-img{margin: 0 20px 5px; }
.related-projects-img img{ border-radius: 5px; }
.related-projects-name{font-size: 14px; margin: 0 20px; padding: 0 0 15px 0}
a .related-projects-name{color: #333}
a:hover .related-projects-name{color: #34b379}
.side-wrap .side-item:last-child{border-top: 1px solid #ececec}
.side-wrap .side-item:first-child{border-top: 0px solid #ececec}
.more-news{position: relative}
.more-news .from{padding: 13px 130px 12px 20px; font-size: 14px; line-height: 18px;}
.more-news .logo{position: absolute; right: 35px; top:13px; margin: 3px 0 10px 20px; height: 30px; display: flex; align-items: center}
.more-news .logo img{max-width: 90px; max-height: 30px}
.more-news .news{padding: 20px 20px; border-top: 1px solid #ececec}
.more-news .news li{float: left; margin: 0 0 15px 0}
.more-news .news li:last-child{margin:0}
.more-news .news .img{float: left; width: 100px; height: 72px; background-size: cover; background-position: center center; border-radius: 3px; overflow: hidden}
.more-news .news .title{float: left; vertical-align: top; margin: 2px 0 0 15px; width: 140px; font-size: 13px; line-height: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;  overflow: hidden; }
.more-news .news a .title{color:#333}
.more-news .news a:hover .title{color:#34b379; text-decoration: underline}
.side-AD img{border-radius: 5px; margin: 0 0 25px; width: 100%}

.more-news .vacancies{padding: 5px 15px 15px 0; border-top: 1px solid #ececec}
.more-news .vacancies li{padding: 10px 0 5px 0}
.more-news .vacancies .title{margin: 2px 0 0 20px; font-size: 14px; line-height: 19px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden; }
.more-news .vacancies .date{float: none; margin: 2px 0 0 20px; font-size: 13px; color: #9ea7ad}
.more-news .vacancies a .title{ color: #333}
.more-news .vacancies a:hover{text-decoration: none}
.more-news .vacancies a:hover .title{ color: #34b379; text-decoration:underline}



.roles{padding: 4px 20px 20px;}
.roles ol{float: left; margin: 0 0 12px 0}
.roles ol:last-child{margin:0}
.roles .logo{ float: left; width: 100px; height: 72px; border:1px solid #e3e3e3; border-radius: 3px; display: flex; align-items: center; justify-content: center;}
.roles .logo:hover{border:1px solid #c0c0c0;}
.roles .logo img{max-width: 75px; max-height: 60px}
.roles .name{float: left; vertical-align: top; padding: 0 0 0 15px; margin: 0 0 0 10px; color: #333; width: 140px; font-size: 13px; line-height: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8;  overflow: hidden; font-family: 'ubuntulight';}
.roles li{font-style: normal;  list-style:disc; list-style-position: outside }
.capacity{display: inline-block; vertical-align: top; margin: 2px 15px 0 0; width: 34px; text-align: center}
.award{display: inline-block;  margin: 6px 15px 5px 0; }
.award img{max-width: 35px; max-height: 38px; border-radius: 3px;}
.add-roles{cursor: pointer}
.add-roles .logo{border:1px dashed #d9d9d9;}
.add-roles .name{color: #34b379}
.add-roles:hover .logo{border:1px dashed #999;}
.add-roles:hover .name{ color: #ff8900}

.other-news{ padding: 40px 0 10px 0}
.other-news a{display: inline-block; border-radius: 5px; background: #f7f8fa; padding: 12px 20px 12px 35px; }
.other-news .img{float: left; width: 100px; height: 72px; background-size: cover; background-position: center center; border-radius: 3px; overflow: hidden}
.other-news .title{float: left; vertical-align: top; margin: 2px 0 0 15px; width: 140px; font-size: 13px; line-height: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;  overflow: hidden; }
.other-news a .title{color:#333}
.other-news a:hover .title{color:#34b379; text-decoration: underline}
.other-news a:hover{background: #e9ecf2;}

.previous-news{position: relative; float: left}
.next-news{position: relative; float: right}
.next-news a{padding: 12px 35px 12px 20px;}
.next-news .title{margin: 2px 15px 0 0;}
.previous-news:after{content: ""; width: 15px; height: 20px; 
	background-image: url("../images/icon-previous.svg");
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center center; 
	position: absolute; 
	left: 10px;
	top: 37px;
}
.next-news:after{content: ""; width: 15px; height: 20px; 
	background-image: url("../images/icon-next.svg");
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center center; 



	position: absolute; 
	right: 10px;
	top: 37px;
}

#spotlight .footer{background-image: none}

.user-actions{margin: 40px 0 10px 0; text-align: center}
.user-actions li{
	position: relative;
	display: inline-block;
	vertical-align: top;
    padding: 10px 23px 10px 50px; 
    font-size: 17px;
    color: #34b379;
    background: #fff;
    border-radius: 5px;
    margin: 0 8px;
   box-shadow: 10px 10px 50px rgba(0,0,0,0.06); 
	 
	cursor: pointer;
	-moz-transition: all 0.12s ease-out;
	-o-transition: all 0.12s ease-out;
	-webkit-transition: all 0.12s ease-out;
	transition: all 0.12s ease-out;
  }
.user-actions li:hover{background: #fff; box-shadow: 15px 15px 50px rgba(0,0,0,0.10); margin: -3px 8px 3px 8px}
.user-actions li:after{content: ""; width: 30px; height: 30px; 
 	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center center; 
	position: absolute; 
	left: 18px;
	top: 6px;
}
.user-actions li.share:after{
	background-image: url("../images/icon-actions-share.svg");
 }
.user-actions li.like:after{
	background-image: url("../images/icon-actions-like.svg");
 }
.user-actions li.save:after{
	background-image: url("../images/icon-actions-save.svg");
 }
.user-actions li.liked{color: #fff; background: #e83a3a;}
.user-actions li.liked:after{
	background-image: url("../images/icon-actions-liked.svg");
 }
.user-actions li.saved{color: #fff; background: #34b379;}
.user-actions li.saved:after{
	background-image: url("../images/icon-actions-saved.svg");
 }

.question-wrap{position: relative; display: inline-block; vertical-align: top; margin: -1px 0 0 0}
.question-wrap .question-btn{width: 25px; height: 25px; background: url("../images/icon-question.svg") no-repeat center center; background-size: 20px; cursor: pointer; opacity: 0.7}
.question-wrap .question-btn:hover{opacity: 1}
.question-content{padding: 20px!important; line-height: 22px!important; width: 350px!important; color: #333;  font-family: 'ubuntulight';}


 
.side-nav {
	margin: 0 0 25px 0;
	background: #FFF;
	text-align: left;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.03);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
 }
.side-nav li a {
	display: block;
 	font-size: 16px;
 	line-height: 22px;
	padding: 15px 25px; 
    color: #333;
	border-bottom: 1px solid #f1f1f1;
}
.side-nav li a:hover {
 	text-decoration: none;
	background: #fcfcfc;
}
.side-nav li.current a {
	color: #34b379;
	
  }
.section-content {
	float: left;
	width: calc(100% - 335px);
	padding: 0 0 0 15px;
 }  
strong {
	
    font-weight: normal;
 }

.side-calendar{
	min-height: 560px;
}
 .events-list li{ 
    position: relative;
    background: #FFF;
	text-align:left;
    box-shadow: 5px 5px 30px rgba(0,0,0,0.01);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 35px 0;
	height:260px;
    -webkit-transition: all 0.15s linear;
	-webkit-transform:rotate(0deg);
	}
.events-list li a{display: block; }
.events-list li:hover{box-shadow: 10px 10px 40px rgba(0,0,0,0.05); }	

.events-list .event-image{ height:260px; width: 40%; float: left; margin: 0 0 0 0; overflow:hidden; background-color:#fff; box-shadow: 0px 5px 20px rgba(0,0,0,0.025); }
.events-list .event-image .img{height:260px; background-size: cover; background-position: center center; transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;}
.events-list li:hover .event-image .img{ -webkit-transform: scale(1.03); transform: scale(1.03);}
.events-list .event-info {float: left;width: 60%;}
.event-info{ height:100%; position:relative}
.event-info .date{ font-size:17px; color: #ff8900; margin: 25px 30px 5px 30px}
.event-info .title{ font-size:20px; line-height:26px; color: #333;  margin: 0 20px 0 30px}
.events-list li:hover .title{color: #34b379; }	

.event-info .time{ color: #999999; font-size:14px; margin: 0 20px 0 10px; }
.event-info .location{ font-size:15px; color: #333; margin: 0px 30px 10px 30px; }
.event-info .summary{font-size:15px;  color: #666; margin: 10px 30px 0 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.event-info .btn_share{ opacity:0; position:absolute; bottom:20px; left: 30px;  transition:all 0.25s ease-out;-moz-transition: all 0.25s ease-out;}
.event-info .btn_share img{ width:30px; margin: 0 10px 0 0; opacity:0.8;}
.event-info .btn_share img:hover{opacity:1;}
.event-list li:hover .btn_share{opacity:1; }
.event-info .btn_view{ position:absolute; bottom:0; right: 0px;  }
.event-info .btn_view a{ display:block; padding:8px 20px; background:#e5eaf6; color: #3b5fa8; border-radius: 5px 0;}
.event-info .btn_view a:hover{background:#3b5fa8; color: #fff;}
.event-gallery{margin: 0 0 35px 0; overflow: hidden}
.event-gallery img{width: 100%}
.organizer{ position: absolute; bottom: 10px; right: 20px}
.organizer .logo{ float: left; height: 60px; margin: 0 0 0 20px; display: flex; align-items: center; justify-content: center;}
.organizer .logo img{max-width: 100px; max-height: 40px}
 

.rd-mobilepanel_toggle {
	background: none;
	border: none;
	padding: 0;
	outline: none;
	outline-offset: 0;
	cursor: pointer;
	-webkit-appearance: none;
	position: absolute;
	top: 5px;
	right: 8px;
	width: 48px;
	height: 48px;
}
 .rd-mobilepanel_toggle::-moz-focus-inner {
 border: none;
 padding: 0;
}
.rd-mobilepanel_toggle span {
	position: relative;
	display: block;
	margin: auto;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
	content: "";
	position: absolute;
	left: 0;
	top: -8px;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.rd-mobilepanel_toggle span:after {
	top: 8px;
}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
	width: 24px;
	height: 4px;
	background-color: #fff;
	backface-visibility: hidden;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
	-webkit-transition-duration: 0.15s, 0.15s;
	transition-duration: 0.15s, 0.15s;
	-webkit-transition-delay: 0.15s, 0s;
	transition-delay: 0.15s, 0s;
	-webkit-transition-property: top, -webkit-transform;
	transition-property: top, transform;
}
.rd-mobilepanel_toggle.active span {
	transition: background .3s 0s ease;
	background: transparent;
}
.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
	top: 0;
	-webkit-transition-delay: 0s, 0.15s;
	transition-delay: 0s, 0.15s;
}
.rd-mobilepanel_toggle.active span:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.rd-mobilepanel_toggle.active span:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.menu-bg {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(0,0,0,0.8);
	top: 0;
	z-index: 98;
}
.header .top-item {
	float: right;
	margin: 28px 0px 0 32px;
	width: 25px;
	height: 25px;
	position: relative;
}
.header .top-item img {
	width: 100%
}

.dropdown-box {
	display: none;
	position: absolute;
	top: 40px;
	right: -13px;
	min-width: 180px;
	font-size: 14px;
	background-color: #fff;
	margin: 0 0 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 0 0 10px 0;
	z-index: 40;
	box-shadow: 5px 5px 30px rgba(0,0,0,0.12);
}
.dropdown-box:after {
	content: "";
	position: absolute;
	right: 17px;
	top: -7px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
}
.dropdown-box li {
	float: none;
 	padding: 0;
	margin: 0
}
.dropdown-box .fliter-label li{line-height: inherit; margin: 0 0 3px 0}
.dropdown-box .fliter-label label{ width:calc(100% - 12px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
input[type="checkbox"]{margin: 3px 5px 2px 0px;}
.dropdown-box input[type='checkbox'] + label:before, .dropdown-box input[type='checkbox'] + label:after{ top:3px}

.dropdown-box li a {
	display: block;
	padding: 9px 0 11px 22px;
	font-size: 15px;
}
.dropdown-box li a {
	display: block;
	color: #333;
}
.dropdown-box li a:hover {
    color: #34b379;
 	background: #f2f5f7;
 }
.dropdown-box li.current a{
	color: #34b379; 
	background-image: url("../images/icon-tick.svg");
	background-repeat: no-repeat;
	background-position: 130px center ;
	background-size: 15px;}
.dropdown-box li:first-child{padding: 10px 0 0 0;}
.dropdown-box li.title {
	width: 230px;
	font-size: 16px;
	
  	margin: 0 0 8px 0;
	padding: 6px 8px 6px 20px;
	border-bottom: 1px solid #eee;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
    color: #34b379;
}
.dropdown-box li img{display: inline-block; width: 25px; margin: 6px 6px 0 -8px; vertical-align: top; }
 
.top-menu .dropdown-box{padding: 15px 15px; font-size: 0 }
.top-menu .menu-item{display: table-cell; font-size: 15px; text-align: center; width: 16.6%; }
.top-menu .menu-item a{display: block; padding: 10px 12px; min-width: 100px; color: #333333;  border-radius: 6px}
.top-menu .menu-item a:hover{background: #f4f6f8}
.top-menu .menu-item img{width: 30px; margin:0 0 5px 0 }



.user_name:after {
	background-image: url(../images/user_male4-128.png);
	background-repeat: no-repeat;
	background-size: 21px;
}
.user_login:after {
	background-image: url(../images/email-128.png);
	background-repeat: no-repeat;
	background-size: 21px;
}
.user_password:after {
	background-image: url(../images/lock-128.png);
	background-repeat: no-repeat;
	background-size: 22px;
}
.user_code:after {
	background-image: url(../images/code-128.png);
	background-repeat: no-repeat;
	background-size: 22px;
}
.user_phone:after {
	background-image: url(../images/phone-128.png);
	background-repeat: no-repeat;
	background-size: 22px;
}
.user_company:after {
	background-image: url(../images/company-128.png);
	background-repeat: no-repeat;
	background-size: 22px;
}
.user_weixin:after {
	background-image: url("../images/weixin.svg");
	background-repeat: no-repeat;
	background-size: 21px;
}
.send_phonecode {
	float: right;
	width: 37%;
}
.send_phonecode a {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 1px solid #CCC;
	font-size: 13px;
	text-align: center;
	background-color: #f5f5f5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666
}
.send_phonecode a:hover {
	text-decoration: none
}
.login_code_img {
	padding-left: 0px;
}
.panel .submit {
	display: block;
	color: #fff;
	font-size: 18px;
	width: 100%; 
 	height: 54px;
	padding: 0;
	line-height: 54px;
	background: #34b379;
	border: none;
	outline: none;
	border-radius: 5px;
	cursor: pointer;
	margin: 25px auto 10px auto;
	 
}
.panel .short-link{display: block; width: auto; padding: 0 30px; margin: 40px auto 10px auto}
.panel .submit img {
	margin: 8px 0 7px 0
}
.panel .submit:hover {
	background: #3ec487;
}
.panel .submit:active {
	color: rgba(255, 255, 255, 0.8)
}
.panel .submit:disabled{cursor:not-allowed; background: #3ec487}
.panel .submit:disabled:hover{background: #3ec487}

.panel-link a{ color: #34b379}
.panel-link {margin: 0 0 15px 0}

.reg-agree {
	height: 35px;
	font-size: 14px;
}
.verification-code {
	position: absolute;
	right: 8px;
	top: 6px;
}
.verification-code img {
	height: 30px;
}
.panel .form-link {
	display: block;
	color: #2573de;
	font-size: 16px;
	width: 100%;
	height: 46px;
	padding: 0;
	line-height: 42px;
	background: #fff;
	border: 1px solid #2573de;
	outline: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
	text-align: center;
	margin: 10px 0 0 0
}
.panel .form-link:hover {
	text-decoration: none;
	background: #e1ecfb
}
.panel .form-bottom {
	text-align: center;
	margin: 20px 0 -10px 0
}
.panel .cancel {
	font-size: 16px;
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	background: #ccc;
	outline: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	float: right;
	margin: 0 0 0 15px;
	cursor: pointer;
	color: #666;
	border: solid 1px #e5e5e5;
	background-color: #f4f4f4;
}
.panel .cancel:hover {
	background: #efefef;
}
.panel .left {
	float: left;
	line-height: 45px
}
.panel .btn {
	border-top: 1px solid #ddd; 
}
.bottom-btn .btn{margin: 10px 5px 0;}
.login_links {
	margin: 10px 0 0 0;
}
.iconfont-x {
	background: url(../images/btn-close-3.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: auto;
	right: 20px;
	top: 20px;
	bottom: auto;
	width: 18px;
	height: 18px;
	cursor: pointer
}
.iconfont-x:hover {
	background: url(../images/btn-close-2.png) no-repeat center;
	background-size: cover;
}
.login-link, .register-link {
	color: #e52323;
}
.form-wrong {
	position: relative;
	color: #e52323;
	letter-spacing: 0;
	background: #fff7f7;
	margin: 0 0 15px 0;
	padding: 14px 10px 14px 40px;
	border-radius: 4px;
	line-height: 22px;
}
.form-wrong img {
	position: absolute;
	height: 20px;
    top:15px;
	left: 12px;
}
.user-main .form-wrong {margin: 0 15px 20px}
.disabled {
	cursor:inherit!important;
	opacity: 0.8;
	filter: alpha(opacity=8);
}
.pop-mask {
	display: none;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.event-mask {
	display: none;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
 .panel-share {
    position: fixed;
 	width: 500px;
	padding: 50px 40px;
	box-shadow: 10px 10px 60px rgba(0,0,0,0.10);
 	border-radius: 8px;
	overflow: hidden;
	background-color: #FFF;
	z-index: 10002;
	transition: 0.2s;
  	margin: auto;
    top:0;
    bottom: 0px;
    left: 0px;
    right: 0px;
	transition: all 0.12s ease-out;
	-moz-transition: all 0.12s ease-out;
}
.panel-share{height: 200px}
.panel-share .share-header{text-align: center; font-size: 16px; margin: 8px 0 25px}
.panel-share #st-1 .st-btn{border-radius: 30px; margin: 0 8px}

.landing-page{background: #fff; padding: 0 0 10px 0; margin: 0 0 -60px 0 }
.landing-page .introduction{    margin: 60px auto 50px; max-width: 1100px;  padding: 0 20px 180px;}
.landing-page .introduction .title{font-size: 25px; line-height: 32px;  color: #34b379; margin: 0 0 20px 0 }
.landing-page .introduction .content{font-size: 16px; margin: 0 0 20px; line-height: 25px} 
.landing-page .introduction .h4{  margin: 0 0 20px;}
  
.landing-page .services{padding: 65px 0; background: #34b379; color: #fff }
.landing-page .services .title{font-size: 25px; line-height: 32px; text-align: center; margin: 0 0 40px 0 }
.landing-page .services .item{background: #fff; padding: 20px; border-radius: 5px; color: #333; min-height: 340px; margin: 0 0 30px 0}
.landing-page .services .item .icon{width: 42px; margin: 0 7px 5px 0; vertical-align:middle; display: inline-block}
.landing-page .services .item .name{font-size: 21px; color: #12347c;  margin: 0 0 15px 0}
.landing-page .services .item .text{margin: 0 0 20px 5px; font-family: 'ubuntulight'; line-height: 20px;}
.landing-page .services .item .link{margin: 0 0 15px 5px;  line-height: 20px}
.landing-page .services .item .link a{color: #ff8901; text-decoration: underline}
.landing-page .services .item .link a:hover{text-decoration: none}
.landing-page .services .title-2{font-size: 25px; line-height: 30px; max-width: 680px;  padding: 0 20px; text-align: center; margin: 30px auto 25px }
.landing-page .services .more{ padding: 0 20px; text-align: center; margin: 0 0 10px 0}
.landing-page .tick-line{margin: 20px 0 20px 0; font-family: 'ubuntulight'; line-height: 25px;}
.landing-page .tick-line li{background-image: url(../images/icon-tick-4.svg); background-repeat: no-repeat; background-position: left 6px ; background-size: 14px; padding: 0 0 4px 24px}

.landing-page .btn-orange{margin: 50px 0; text-align: center}
.landing-page .btn-orange a{padding: 15px 40px;  background: #ff8901; color: #fff; border-radius: 30px}
.landing-page .btn-orange a:hover{background: #ffa033}

.uc-body {
	padding: 25px 20px 30px 20px
}
.uc-body h4 {
	margin: 0 0 3px 0
}
.uc-body a {
	color: #e53030
}
.uc-body a:hover {
	text-decoration: underline
}
.user-line {
	min-height: 34px;
	margin: 0 0 15px 0;
	line-height: 30px;
	font-size: 15px
}
.user-line .user-name {
	display: inline-block;
	width: 19%;
	text-align: left;
	margin: 2px 1% 0 0;
	vertical-align: top
}
.user-line .user-input {
	display: inline-block;
	width: 77%;
}
.user-line-2 {
	min-height: 34px;
	margin: 15px 0 15px 0;
	line-height: 30px;
	font-size: 15px
}
.user-line-2 .user-name {
	display: inline-block;
	width: 100%;
	text-align: leftr;
	margin: 2px 0 0 0;
	font-size: 14px
}
.user-line-2 .user-input {
	display: inline-block;
	width: 100%;
}
.iframe-pdf {
	height: 85vh
}
.alert {
	position: relative;
	line-height: 25px;
	border-width: 0;
	padding: 20px 16px;
 	border: 1px solid transparent;
	font-family: 'ubuntubold';
	border-radius: 0
}
.alert-fixed {
	position: fixed;
	width: 100%;
	z-index: 110;
	top: 0
}
.alert-success {
	background-color: #34a853;
	border-color: #34a853;
	color: #ffffff;
}
.alert-warning {
  background-color: #fbbc05;
  border-color: #fbbc05;
  color: #ffffff;
}
.alert-dismissable, .alert-dismissible {
	padding-right: 38px;
}
.alert .close {
	position: absolute;
	font-size: 20px;
	top: 22px;
	right: 18px;
	text-shadow: none;
}
.alert-dismissible.alert-success .close {
	color: #103319;
}
.close {
	float: right;
	font-size: 19.5px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.close:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}
.alert .icon {
	font-size: 24px;
	color: #ffffff;
	vertical-align: middle;
	margin: -2px 15px 0 10px;
	line-height: 22px;
}
.alert .mdi-check {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/icon-tick-3.svg) no-repeat center;
	background-size: cover;
}
.alert .mdi-check:before{content: ""}
.alert .mdi-alert {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/icon-warning.svg) no-repeat center;
	background-size: cover;
}
.alert .mdi-alert:before{content: ""}

input[type='checkbox'] {
	position:relative;
	cursor: pointer;
	opacity: 0.0;
	filter: alpha(opacity=0);
}
.fliter-label input[type='checkbox'] {position:absolute;}
input[type='checkbox']:focus + label:before {
 }
input[type='checkbox'] + label {
	cursor: pointer;
	position: relative;
	line-height: 20px;
	padding-left: 25px;
	/* margin-left: -19px; */
	}
input[type='checkbox'] + label:before, input[type='checkbox'] + label:after {
	content: '';
 	width: 16px;
	height: 16px;
	left: 1px;
	top: 2px;
	text-align: center;
	position: absolute;
 	border: 1px solid #ced0d6;
	border-radius: 3px;
}
input[type='checkbox'] + label:before {

	background-color: #fff;
	border-radius: 16%;
}
input[type='checkbox']:checked + label:after { 
	background: url(../images/icon-tick-3.svg) no-repeat center;
	background-size: 13px;
	border: 1px solid #34b379;
	background-color: #34b379
}
.panel input[type='checkbox'] + label:after{border: 2px solid #babcc3; border-radius: 4px;}
.panel input[type='checkbox']:checked + label:after{border: 2px solid #34b379;}
.sub-main .image-meta {
	font-size: 15px !important;
	line-height: 22px !important;
	color: #666 !important;
	margin: -15px 0 0 0;
	padding: 0 0 0 15px;
	border-left: 2px solid #dedede
}
.view-brief img {
	width: 18px;
	margin: 5px 0 6px 6px
}
.project-block-header {
	margin: 30px auto;
	max-width: 980px;
	padding: 0 30px;
	font-size: 18px;
	font-weight: bold
}
.comment-post-container {
	margin: 0 auto;
	max-width: 980px;
	padding: 0 30px;
	font-size: 16px;
}
.comments-list {
	border-top: 1px solid #dedede;
	margin: 30px 0 0;
	padding: 40px 0
}
.comments-list li {
	position: relative;
	margin: 0 auto 40px;
	max-width: 980px;
	padding: 0 30px;
	font-size: 16px;
}
.rf-avatar {
	display: inline-block;
	height: 50px;
	margin-right: 15px;
	min-height: 50px;
	min-width: 50px;
	width: 50px;
	vertical-align: top
}
.rf-avatar-image {
	border-radius: 50%;
	display: block;
	height: 100%;
	width: 100%;
}
.comment-post, .comment-text-container {
	display: inline-block;
	width: calc(100% - 75px);
}
.form-textarea {
	width: 100%;
	height: 120px
}
.form-item {
	text-align: right
}
.form-button {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	
	padding: 12px 25px 12px 25px;
	background-color: #1f97ec;
	border: none;
	outline: none;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	font-weight: 400;
	cursor: pointer
}
.form-button:hover {
	background-color: #337de3;
}
.comment-container .Validform_checktip {
	float: left
}
.user-name {
	display: inline-block;
	font-weight: bold
}
.comment-date {
	display: inline-block;
	font-size: 13px;
	color: #999
}
.comments-list li .btn-delete {
	display: none;
	position: absolute;
	right: 20px;
	top: 5px;
	width: 20px;
	height: 20px;
	background: url(../images/btn-close-3.png);
	background-size: 15px;
	background-repeat: no-repeat;
	cursor: pointer
}
.comments-list li:hover .btn-delete {
	display: block
}
.comments-list li .btn-delete:hover {
	background: url(../images/btn-close-2.png);
	background-size: 15px;
	background-repeat: no-repeat;
}
.popup-title {
	font-weight: bold;
	font-size: 17px;
}
.popup-content {
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #dedede;
}
.panel .submit-btn {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	
	padding: 10px 22px;
	background-color: #1f97ec;
	border: none;
	outline: none;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	font-weight: 400;
	cursor: pointer
}
.panel .submit-btn:hover {
	background-color: #337de3;
}
.panel .cancel-btn {
	display: inline-block;
	color: #333;
	font-size: 15px;
	
	padding: 10px 22px;
	background-color: #fff;
	border: 1px solid #ccc;
	outline: none;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	font-weight: 400;
	cursor: pointer
}
.panel .cancel-btn:hover {
	color: #337de3;
	background-color: #f8f8f8;
}
.ad-popup {
	position: absolute;
	right: 0;
	top: 85px;
	z-index: 100
}


.signup-btn a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding: 8px 30px;
    background-color: #0c61d5;
    border-radius: 60px; 
	text-align: center;
	text-transform: uppercase;
	font-family: 'ubuntubold';
}
.signup-btn a:hover{background-color: #277aeb; text-decoration: none}


.launch-login img{ opacity: 0.5} 
.page>.panel h6{margin: -20px 0 20px; text-align: center; font-weight: 200; font-size: 16px}


.table-item.rank {
    width: 40px;
    text-align: right;
    font-weight: 100;
}	
.table-item {
    color: #232039;
    width: 100%;
    margin-right: 10px;
    line-height: 1.2;
    padding: 10px 0;
	font-size: 14px;
}	
	.table-item.rank {
    width: 70px;
    text-align: right; 
}
	.table-item.name {
    width: 600px;
}
	.table-item.gender {
    width: 50px;
 }
	.table-item.inst {
     
}
	.table-row {
    border-top: .5px solid #232039;
    cursor: pointer;
} 
	.d-flex {
    display: flex!important;
}
	.table-item.table-header {
    font-size: .8rem;
    text-transform: uppercase;
    font-family: 'ubuntubold';
}

.event-register{padding: 20px 40px 20px}
.event-register .introduction{margin: 0 0 30px 0}
.event-register h4{margin: 10px 0 40px; font-size: 20px}
.event-register .bottom-btn{margin: 40px 0 10px 0}
.sign_title{
	height: 35px;
	width: 655px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CECECE;
	line-height: 22px;
	font-size: 15px;
	color: #F60;
	margin: 0 0 15px 0;
	text-align:center;
}
.sign_link{
	height: 35px;
	width: 655px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	line-height: 22px;
	font-size: 13px;
	color: #355086;
	margin: 0 0 15px 0;
	font-weight: bold;
}
.sign_frame{  
 	border-radius: 5px;
    border: solid 1px #dfdfdf;
	overflow:hidden;
    margin: 0 0 20px 0 
}
.mid-content input[type=checkbox]{
    margin: 6px 4px 10px 0;
}
.mid-content input[type=radio] {
    margin: 6px 4px 10px 10px;
}
.sign_checkbox{  
	margin: 0 0 10px -3px;
	padding: 5px 0 5px 0;
	color: #F60;
	font-weight: bold;
	font-size: 14px;
}
.sign_checkbox_2{ 
	margin: 0 0 25px 0;
	padding: 5px 0 5px 0; 
}
.sign_checkbox_2 input[type='checkbox'] + label:before, .sign_checkbox_2 input[type='checkbox'] + label:after{top: 4px;}
.sign_frame_title{  
	padding: 14px 10px 14px 18px;
	background-color: #f5f5f5;
    border-bottom: solid 1px #dfdfdf;
	}
.sign_checkbox_2 .Validform_wrong{margin: 0 0 0 5px;}
.sign_checkbox_2 input[type='checkbox'] + label{margin-left: -19px;}
.sign_frame_content{ 
	padding: 30px 20px 10px 20px;
	} 
.sfc_name_1{
	vertical-align:top;
    display:inline-block;
 	width: 12%;
	line-height: 36px;
 }
.sfc_name_1 label{margin: -2px 20px 0 5px; vertical-align: top}
.sfc_name_4{ 
    vertical-align:top;
    display:inline-block; 
	line-height: 24px;
	margin: 0 0 8px 0;
	padding: 0 10px 0 0;
}
.sfc_name_2{ display:inline-block; vertical-align:top; width: 85%; }
.sfc_name_3{ display:inline-block; vertical-align:top; width: 25%; margin: 0 3% 0 0  }
.sfc_input_1{
	width: 100%;
	font-size: 15px;
	height: 36px;
	line-height: 36px; 
	padding: 0 0 0 3px; 
}
.sfc_input_2{
	width: 80%;
	font-size: 12px;
	height: 20px;
	line-height: 22px;
	border: 1px solid #c4c4c4;
	padding: 0 0 0 3px;
	font-family: Tahoma, Geneva, sans-serif;
}
.sfc_line{  margin: 0 0 5px 0;}

.sign_frame_add{ margin: 25px 0 30px 0  }

.sign_frame_add a{
    border-radius: 4px; 
	padding: 10px 12px 10px 30px;
	background-image: url(../images/icon-plus-2.svg);
	background-position: 8px center;
	background-size: 18px;
	background-repeat: no-repeat;
	background-color: #1ab909; 
	margin: 0 0 10px 0;
	font-size:15px;
	color:#fff
}
.sign_frame_add a:hover{ background-color: #139c05;  text-decoration:none}
.sign_frame_title_name{
	display:inline-block; 
 	font-size: 16px;
	color: #34b379;
	width: 70%;
}
.sign_frame_delete { float:right;}
.sign_frame_delete a{ font-size:26px; color: #999}
.sign_frame_delete a:hover{ color:#000; text-decoration:none} 
.sign_frame td, .sign_frame th { padding:10px}
.sign_frame td{ border-bottom: solid 1px #e9e9e9;}
.sign_frame td{ border-bottom: solid 1px #e9e9e9;}
.sign_frame table{margin: -10px 0 16px 0}
.img-success{ width: 60px; margin: 0 15px 10px 0;}
.sign_frame_content thead{}
.event-register .fee{margin: 0 0 15px 15px}

.signup-page{ }
.signup-page .introduction{margin: 60px auto 50px; max-width: 1200px; padding: 0 20px 180px; }
.signup-page .introduction .title{font-size: 25px;  color: #34b379; margin: 0 0 30px 0 }
.signup-page .introduction .content{ margin: 0 0 25px; font-size: 17px; line-height: 24px;     }
.signup-page .tick-line, .landing-page .tick-line{margin: 20px 0 20px 0; line-height: 25px;}
.signup-page .tick-line li, .landing-page .tick-line li{background-image: url(../images/icon-tick-5.svg); background-repeat: no-repeat; background-position: left 0px ; background-size: 22px; padding: 0 0 15px 35px}
.signup-page .feature, .landing-page .feature{position: relative; background: #34b379; padding: 20px 0 25px 15px; border-radius: 5px; margin: 0 -30px 0 -30px; color: #fff}
.signup-page .feature .h3, .landing-page .feature .h3{display: none}
.signup-page .tick-line, .landing-page .tick-line{min-height: 280px}
.signup-page .price-intro, .landing-page .price-intro{height: 40px; font-style: italic}
.signup-page .btn-orange{position: absolute; bottom: -130px; left: 12% }
.landing-page .btn-orange{position: absolute; left: 20% }
.signup-page .type, .landing-page .type{padding: 0 0 40px}
.signup-page .type .h3, .landing-page .type .h3{color: #34b379; line-height: 20px;  }
.signup-page .type .h4, .landing-page .type .h4{  margin: 0 0 20px;}

.signup-page .type p, .landing-page .type p{padding: 0 60px 0 0}

.signup-page .btn-orange, .landing-page .btn-orange{display:block; text-align: center}
.signup-page .btn-orange a, .landing-page .btn-orange a{
	display: inline-block;
     color: #fff;
    font-size: 22px;
    height: 60px;
    padding: 0 100px;
    line-height: 60px;
    background: #ff8901;
    border-radius: 5px;
    cursor: pointer;
	margin: 20px 0 0;
    
} 
.signup-page .btn-orange a:hover, .landing-page .btn-orange a:hover{background: #ffa033}
.signup-page .price {text-align: center; margin: 0 0 40px 0; font-size: 22px}
.signup-page .price b{
	 
	font-size: 45px;
    font-weight: 700;
    color: #ff8901;
    line-height: 40px;}
.signup-page h2{margin: 50px 0 20px; font-size: 60px; color: #34b379;}
.signup-page .tab .nav-tabs-2 li a{ font-size: 20px; width: 300px; height: 70px; margin: 0 6px; line-height: 30px; background: #fff}
.signup-page .tab .nav-tabs-2 li a:hover{border: 2px solid #b8b8b8;}
.signup-page .tab .nav-tabs-2 li.active a{border: 2px solid #ff8901; color: #ff8901}
.photo-upload{width: 90%; margin: 2px 0 20px 0}
.photo-upload-group{margin: 0 0 0 20px}
.panel .step{text-align: center; color: #999; margin: -22px 0 20px 0}
.signup-wrap{margin: 70px auto 30px auto!important;}
.signup-wrap-2{margin: 70px auto 30px auto!important; width: 1000px!important; max-width: 90%}
.pp-register-wrap{margin: 60px auto 30px auto!important; width: 1200px!important; max-width: 90% }
 .column-2{
	 column-count: 2;
	 -moz-column-count: 2;
	 -webkit-column-count: 2;
	 -ms-column-count: 2;
 	}
 .column-3{
	 column-count: 3;
	 -moz-column-count: 3;
	 -webkit-column-count: 3;
	 -ms-column-count: 3;
	 margin: 0 20px 30px 0;
	} 
.column-1{margin: 30px 20px 40px 0;}
.checkbox input[type='checkbox'] + label:before, .checkbox input[type='checkbox'] + label:after{top:3px; left: 0px}
.checkbox li{margin: 0 0 0 0;list-style:none;padding: 0 0 10px 0;-webkit-column-break-inside:avoid;}
.checkbox li label{font-size:15px;  text-transform:none; color: #333; font-family: ubunturegular}
.column-1 .Validform_wrong {margin: 0px 0 0 0;}
.checkbox input[type="text"]{padding: 8px 10px;}
.Category-input{width: 90%!important;}
.signup-info{margin: 40px 0 20px;border-bottom: solid 1px #eee;border-top: solid 1px #eee;padding: 20px 0;color: #666;}

.intro-text{ min-height: 50px; margin: 40px 0 0 0; }	
.intro-text .title{color:#34b379;font-size:18px;  margin: 30px 0 10px 0}
.intro-text .content{margin: 0 0 25px 0}
.adverteren-image{margin: 15px 25px 0px 0;}
.adverteren-image img{ width: 100%}
.pp-agree-checkbox{margin-bottom: 60px}
.g-recaptcha{margin: 10px 0 0 0}
.company-link a{
	display: inline-block;
    color: #fff;
    font-size: 16px;
    height: 50px;
	width: 100%;
	text-align: center;
    line-height: 50px;
    background: #ff8901;
    border-radius: 5px;
    cursor: pointer;
	margin: 0px 0 0;
    
	box-shadow: 2px 2px 10px rgba(0,0,0,0.06);
} 
.company-link a:hover{background: #ffa033; text-decoration: none}
.signup-wrap-2 .form-group{display: flex; margin: 0}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border: 2px solid #B9BFCB;
  border-radius: 5px;
  background: #fafafb;
 }
.select2-container--default .select2-selection--single {
  height: 42px; outline: 0
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 50px 0 12px;
  height: 40px;
  min-width: 90px;
  line-height: 40px;
  font-size: 14px;
  color: #404040;
	font-weight: 400;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
  width: 24px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
  content: "\f2f9";
  font-family: 'Material Icons';
  font-size: 25px;
  font-weight: normal;
  line-height: 42px;
  color: #404040;
}
.select2-container--default .select2-selection--multiple {
  min-height: 40px; margin: 0 0 10px 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 2px 12px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: 2px;
  background-color: #f2f2f2;
  color: #5a5a5a;
  border-width: 0;
  padding: 4px 6px;
  line-height: 18px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #666666;
  margin-right: 3px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #4d4d4d;
}
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  line-height: 26px;
}
.select2-container--default.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #d5d8de;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
  content: "\f2f9";
}
.select2-container--default .select2-results__group {
  font-size: 13px;
  color: #5a5a5a;
  background: #ebebeb
}
.select2-container--default .select2-results__option {
  padding: 10px 30px 10px 10px;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
	position: relative;
  background-color: #f9f9f9;
}
.select2-container--default .select2-results__option[aria-selected="true"]:after {
	position: absolute;
	top: 10px; 
	right: 10px;
    content: "\f26b";
    font-family: 'Material Icons';
    font-size: 20px;
    font-weight: normal;
     color: #404040;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #1f3d76;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]:after {color: #fff;}
.select2-container--default .select2-dropdown {
  border-width: 1px;
  border-color: #d5d8de;
}
.select2-container--default .select2-dropdown--above {
  border-radius: 2px 2px 0 0;
  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.12);
}
.select2-container--default .select2-dropdown--below {
  border-radius: 0 0 2px 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
.select2-container--default .select2-search--dropdown {
  background-color: #f2f3f4;
  border-bottom: 1px solid #d5d8de;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: transparent;
  border-width: 0;
  outline: none;
}
.select2-container--default .select2-results>.select2-results__options{max-height: 260px;}
.field-description{font-size: 12px; color: #999; margin: -12px 0 12px}
.create-name .row{margin-right: -10px; margin-left: -10px;}
.create-name .col-sm-4{padding-right: 10px; padding-left: 10px;}

li.member-type{margin: -10px 0 10px}
li.member-type label{display: inline-block}
.radio-item{display: inline-block; margin: 0 20px 0 0}

.form-group .checkbox-option{display: inline; margin: 0 30px 0 15px; line-height: 35px;}
.account-checkbox .checkbox-option{display: inline-block}
.checkbox-option .Validform_checktip{position: absolute; bottom: 0; left: 5px; margin: 0}
.checkbox-option{display: inline-block; margin: 0 20px 0 0; vertical-align: top;}
.library-type-select{padding: 5px 0 28px}
.library-type-select .checkbox-option{display:block; }
.checkbox-input {
  position: absolute;
  -webkit-appearance: none;
  width: 0;
  height: 0;
  visibility: hidden;
}
.radio-box {
  float: left;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-top: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 100%;
  border: 2px solid #c9cdd0;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.checkbox-input:checked + .checkbox-cell .radio-box {
  border: solid 5px #34b379;
}
.checkbox-cell {
	font-size: 16px;
	line-height: 26px;
    -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: -14px;
  margin-left: -14px;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.checkbox-cell .cell-m {
  margin-left: 25px;
} 
.checkbox-input:checked + .checkbox-cell .check-box {
  border: 1px solid transparent;
  background: #34b379;
}
.checkbox-input:checked + .checkbox-cell .checkbox-icon {
  stroke-dashoffset: 0;
}
.market-segment .checkbox-option{width: 49.5%; margin: 0 0 4px 0;}
.market-segment .title{margin: 14px 0 14px 0;  color: #60656f;}
.market-segment label{font-family: 'ubunturegular'!important}
.market-segment .checkbox-option input{padding: 5px 7px; font-size: 15px; margin: -3px 0 0 2px }
.member-name{margin: 0 -5% 0 0; }
.member-name .form-control{width: 30%; margin: 0 2% 0 0; display: inline-block}

.panel .filter{float: none; margin: 0 0 40px 0}
.panel .filter-item{width: 100%}
.panel .filter-item .filter-input{width: 100%}
.panel .filter-item .dropdown-box{width: 100%}
.panel .filter-item li label{color: #333; font-family:inherit}
.panel .filter-item li{margin: 0 0 3px 0;}
.panel .filter-item .dropdown-box .fliter-label{max-height: 300px;}
 
.widget-type {margin: 0 0 15px 0}
.widget-type li{display: inline-block; position: relative; font-size: 15px; text-align: center; min-width: 90px; padding: 10px 12px; margin: 0 8px 0 0; border: 1px solid #dee2e4; color: #34b379;  border-radius: 6px; opacity: 0.5; cursor: pointer}
.widget-type li:last-child{margin:0}
.widget-type li.active{opacity: 1; border: 2px solid #34b379;}
.widget-type li:hover{opacity: 0.7;}
.widget-type li.active:hover{opacity: 1;}
.widget-type li.active:after{
    width: 18px;
    height: 14px;
    position: absolute;
    top: 7px;
    right: 8px;
    left: inherit;
    background-image: url(../images/icon-tick.svg);
    background-repeat: no-repeat; 
    background-size: cover;
    z-index: 1
}
.widget-type li img{width: 30px; margin:0 0 5px 0 }
.widget-name input{width: 100%; padding: 0 12px; margin-bottom: 10px!important; background: #fff; border: 1px solid #dee2e4!important;}
.login-wrap{margin: 70px auto 30px auto!important}
.my-widget .news-item .cover{ /* height:115px; */ /* margin: 0 0 10px 0; */}
.my-widget .news-item .img{/* height: 185px; */}
.my-widget .news-item{ margin: 0 0 10px 0; }
.my-widget .news-item .title{ /* margin: 0 20px 4px 0; */ }
.my-widget .home-library .grid li{width: 25%;padding: 9px;}
.my-widget .home-library .content{ /* height: 400px; */ overflow: hidden} 


.mixed-widget .grid li{padding: 0 9px 20px; width: 33%}
.widget-mypnnl .grid li{padding: 0 9px 20px; width: 20%}
.mixed-widget .content{position: relative; height: 400px;  overflow: hidden}
.mixed-widget .content:after{content: ""; position: absolute; width: 100%; height: 40px; bottom: 0; left: 0; background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)); }
.mixed-widget .library-list li a{box-shadow: 3px 3px 15px rgb(0 0 0 / 5%);}
.mixed-widget .library-list li a:hover{box-shadow: 3px 3px 30px rgb(0 0 0 / 10%);}

.mixed-widget .library-list .title{ margin: 10px 15px 12px 15px;}
.mixed-widget .library-list .summary{margin: -10px 15px 15px 15px;}
.mixed-widget .library-list .logo{ margin: 3px 0 10px 15px;}
.mixed-widget .library-list{ margin: 0 -10px;}
.mixed-widget .library-list a:hover{box-shadow: 10px 10px 40px rgba(0,0,0,0.10); text-decoration: none; margin: 0 0 0 0 }	
.mixed-widget .library-list .img{ transition:all 0.22s ease-out;-moz-transition: all 0.22s ease-out;}  
.mixed-widget .library-list a:hover .img{ -webkit-transform: scale(1.02); transform: scale(1.02);}

.my-widget .home-events .news-item{margin: 0 0 15px 0;}
.my-widget .home-events .news-item .cover{ /* height: 185px; */ /* margin: 0 0 10px 0; */}
.my-widget .home-events .news-item .img{/* height: 185px; */}
.my-widget .home-events .news-item .title{/* height: 18px; */ -webkit-line-clamp: 1;}
.my-widget .home-events .news-item .date{float: none; margin: 0;}

#handle-1  li .check {
	position:absolute;
	right:88px;
	top:9px
}
.sortable-ghost{ opacity: 0.1; }
.manage-widgets .drag-handle{ 
	position:absolute;
	right:52px;
	top:16px;
    width: 22px;
    height: 22px;
    background-image: url(../images/top_nav_01.png); 
    background-repeat: no-repeat;
    background-size: 22px;
	cursor: -webkit-grabbing;
} 
.manage-widgets .delete{ 
	position:absolute;
	right:12px;
	top:14px;
    width: 24px;
    height: 24px;
    background-image: url("../images/icon-delete.svg"); 
    background-repeat: no-repeat;
    background-size: 22px;
	cursor: pointer;
}
.manage-widgets{padding: 0 20px}
.manage-widgets .delete:hover{background-image: url("../images/icon-delete-on.svg"); }
.manage-widgets li{text-align: left; position: relative; background: #FFF;  font-size: 17px; box-shadow: 2px 2px 5px rgba(0,0,0,0.03); border-radius: 4px; padding: 13px 12px; margin: 0 0 10px; border: 1px solid #e2e5ec}
.manage-widgets li .icon{display: inline-block; margin: -4px 5px 0 0; vertical-align: top; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.manage-widgets li .icon img{width: 25px}
.manage-widgets li .name{display: inline-block; vertical-align: top}
.manage-widgets ul{margin: 0 0 40px}
 
.weui-switch{
    -webkit-appearance: none;
	appearance: none;
    opacity: 1!important;
	position: relative;
	box-sizing: border-box;
	width: 46px;
	height: 26px; 
	outline:none; 
	border-radius: 16px;
	background-color: #dfdfdf; 
	-webkit-transition: background-color .1s,border .1s;
	transition: background-color .1s,border .1s;
}

.weui-switch:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 24px;
	border-radius: 15px;
	background-color: #fdfdfd;
	content: " ";
	-webkit-transition: -webkit-transform .35s cubic-bezier(.45,1,.4,1);
	transition: -webkit-transform .35s cubic-bezier(.45,1,.4,1);
	transition: transform .35s cubic-bezier(.45,1,.4,1);
	transition: transform .35s cubic-bezier(.45,1,.4,1),-webkit-transform .35s cubic-bezier(.45,1,.4,1);
}

.weui-switch:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	border-radius: 15px;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	content: " ";
	-webkit-transition: -webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);
	transition: -webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);
	transition: transform .35s cubic-bezier(.4,.4,.25,1.35);
	transition: transform .35s cubic-bezier(.4,.4,.25,1.35),-webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);
}

.weui-switch:checked {
	border-color: #34b379;
	background-color: #34b379;
}

.weui-switch:checked:before {
	-webkit-transform: scale(0);
	transform: scale(0);
}

.weui-switch:checked:after {
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}

.display-type{position: absolute; right: 0px; top: -42px;}
.display-type li{display: inline-block; margin: 0 3px; padding: 5px; cursor: pointer}
.display-type li.active{background: #e2e3e4; border-radius: 3px}
.display-type img{width: 18px; display: block;}

.type-list .col-md-3{width: 100%!important}
.type-list .cover-item .cover{width: 120px; height: 80px; margin: 10px 10px 5px; border-radius: 3px; display: inline-block}
.type-list .cover-item .cover .img{height: 80px; }
.type-list .cover-ad{display: none}
.type-list .cover-item .title{display: inline-block; vertical-align: top; margin: 40px 0 0 20px; width: calc(100% - 430px); }
.type-list .cover-item .logo{display: inline-block; vertical-align: top; margin: 38px 50px 0 0; text-align: center; width:100px;}
.type-list .cover-item .date{display: inline-block;vertical-align: top; margin: 40px 0 0;  width: 80px;  float: inherit; }
.type-list .cover-item a{margin: 0 0 10px}
.type-list .row{margin-bottom: 30px}
.type-list .cover-item a{ box-shadow: 5px 5px 30px rgb(0 0 0 / 1%);}
.type-list .cover-item a:hover{box-shadow: 7px 7px 40px rgba(0,0,0,0.05); z-index: 2 }	
.type-list .cover-item .logo img{max-width: 80px; max-height: 22px}

.type-list .cover-item .title-project{display: inline-block;  vertical-align: top;  margin: 40px 0 0 40px;  width: 44%;}
.type-list .cover-item .location{display: inline-block ;vertical-align: top; margin: 40px 0 0;  width: 20%;  float: inherit; }
.type-list .grid li{float: none!important; width: 100%; padding: 0 15px 10px}
.type-list .grid li .img{width: 100px; height: 80px; margin: 10px 10px 10px; display: flex; justify-content: center; align-items: center; float: left;}
.type-list .grid li .img img{width:auto; height: auto;  max-width: 90px;  max-height: 80px; border-radius: 3px; display: inline-block }
.type-list .library-list .title{display: inline-block;  vertical-align: top;  margin: 40px 0 0 40px;  width: 64%;}
.type-list .library-list .logo{display: inline-block; vertical-align: top; margin: 38px 0 0 0; text-align: center; width:8%;}
.type-list .library-list .type{display: inline-block; vertical-align: top; margin: 38px 0 0 0; text-align: center; width:10%;}
.type-list .library-list a:hover{box-shadow: 10px 10px 40px rgba(0,0,0,0.10); text-decoration: none; margin: 0 0 0 0 }	
.type-list .cover-item .cover-expert{display: none}
.type-list .col-md-4{width: 100%}
.type-list .cover-item .title-expert{font-size: 18px; margin: 28px 15px 6px 200px;}
.type-list .cover-item .pitch{margin: 0 15px 28px 200px;}
.type-list .cover-item .logo-expert img{max-width: 100px;  max-height: 60px;}

.pagination{margin: 10px 0}
.lunch-landing{position: absolute; width: 25px; height: 26px; background-image: url("../images/arrow-down-blue.svg"); background-size: 23px;  left: 50%; top: 8px; margin: 0 0 0 -13px; cursor: pointer;}
.lunch-landing img{width: 26px;}
.lunch-landing:hover{background-image: url("../images/arrow-down-orange.svg");}

.landing-page .banner{position: relative}
.landing-page .search{position: absolute; left: 50%; top: 16vw; margin: 0 0 0 -330px}
.landing-page .search input{
    width: 660px;
    padding: 0 85px 0 30px;
    line-height: 56px;
    font-size: 20px;
    border-radius: 50px;
    background: #fff;
    border: 0px hidden #cbcbcb ;
    }
.landing-page .search input:focus{border: 2px solid #ff8901; width: 666px; margin: -2px 0 0 -2px}
.landing-page .search .search-btn{position: absolute; left: calc(660px - 124px); top: 17px;}
.landing-page .search .search-btn a{padding: 14px 40px; font-size: 18px;  background: #ff8901; color: #fff; border-radius: 50px;}
.landing-page .search .search-btn a:hover{background: #ffa033}
.account-checkbox .checkbox-option{width: 49.5%; margin: 0 0 6px 0;}
.account-checkbox .checkbox-option input[type='checkbox'] + label{margin-left: -19px;}
.library-empty{float: left; width: 100%; margin: 40px 0}
.library-empty .note{margin: 0 0 40px; text-align: center; font-size: 18px}
.library-empty .cover-item .title-expert{ margin: 25px 15px 6px 180px;}
.library-empty .cover-item .logo-expert{ margin: 15px 0 0 20px;}
.library-empty .cover-item a{ background: none; box-shadow: none; margin: 0 0 10px 0;}
.library-empty .cover-item{ 
    background: #FFF;
    box-shadow: 5px 5px 30px rgba(0,0,0,0.03);
    border-radius: 6px;
    margin: 0 0 30px 0;
    padding: 0 0 20px
}
.col-widget .empty-wrap{ text-align: center; color: #a9acb4;}
.col-widget .empty-wrap .icon{margin: 150px 0 20px 0; display: block}
.col-widget .empty-wrap .icon img{width: 100px; opacity: 0.6}
.col-widget .empty-wrap .text{display: block}
.col-widget .calendar-iframe {margin: -10px -10px 0;}
.col-widget .mbsc-mobiscroll .dw-cal-event-img{max-height: 160px;}
.col-widget .mbsc-mobiscroll .dw-cal-event-title{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.notifications .title{padding: 0 0 0 0; font-size: 18px;}
.notifications .radio-option{display: block; margin: 0 30px 5px 15px;}
.notifications .note{font-size: 16px; margin: 0 0 8px}
.notifications{margin-bottom: 35px!important;}

.mypnnl-landing-page{background-image: url(../images/Landing-Page-Mijn-PNNL-Image.jpg); background-position: center; background-size: cover; padding: 100px 0 180px}
.mypnnl-title{width: 620px;  padding: 50px 0 0; margin: 0 auto -30px; color: #12347c}
.mypnnl-title h2{font-size: 40px; padding: 0 0 20px}

.ns-title{ margin: 20px 0 0 0; position:relative }
.ns-wt{ margin: 40px 0 25px 0; font-size:14px; line-height: 22px; }
.ns-wt table{ font-size:14px}
.ns-name{ position:absolute; right:0; top:0; font-size:20px}
.ns-line{ margin: 15px 0 0 0; font-size:14px;}
.ns-line-name{ display: inline-block; vertical-align: top; width: 15%; line-height:42px;}
.ns-line-name img{ height: 20px; margin: 0 8px 8px 0}
.ns-line-checkbox{ display: inline-block; vertical-align: top; width: 32%;}
.ns-line-checkbox input[type='checkbox'] + label{margin-left: -19px;}
.ns-line-checkbox .signup-wrap-2label{margin-left: -19px;}
.ns-line-input{ display: inline-block; vertical-align: top; width: 82%}
.ns-line-input span{ display:block; margin: -10px 0 10px 0}
.ns-line-input input{ margin: 0 0 8px 0}
.ns-line-input img{ margin: 0 2px 5px 0}
.ns-line-input-2{ display: inline-block; width: 62%}
.ns-line-input-3{ display: inline-block; width: 20%}
.add-website { position:relative}
.add-website img{ position:absolute; right:-26px; top:12px}

.invoices-wrap{ padding: 5px 5px 5px}
.invoices-wrap .cover{margin: 0 0 10px 0}
.invoices-wrap .info{font-size: 14px; line-height: 18px}
.invoices-wrap li{margin: 0 0 3px 0}
.invoices-wrap a{display: block; }
.invoices-wrap a:hover{box-shadow: 0px 3px 10px rgba(0,0,0,0.1); text-decoration: none; }	
.invoices-wrap .col-md-2{margin-bottom: 20px}

.invoices-wrap .name{color: #c0c0c0; font-size: 12px; line-height: 18px}
.invoices-wrap .date{color: #666; font-size: 13px; margin: 0 0 5px 0}
.invoices-wrap .load-more-wrap{height:  200px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; border:1px solid #cecece;}
.invoices-wrap .load-more-btn{ color: #999; font-size: 14px; margin: 0 auto 0px auto;}
.invoices-wrap a:hover .load-more-btn{color: #34b379;}
.date-select{position: absolute; right: 25px; top: 20px; } 
.date-select .select2-searcn{display: none!important}
.date-select .launch-dropdown{padding: 0 20px 0 0!important }
.date-select .launch-dropdown img{width: 18px; display: inline-block; vertical-align: top; margin: 2px 4px 0 0} 


@media (max-width: 1520px){
     .slogan{ margin: 0 0 0 -43% }
    .widget-wrap .news-item .cover{ height: 14.5vw;}
    .home-main .news-widget .col-md-3:first-child .news-item .cover{height:calc(29vw + 100px);}
    .widget-wrap .box-item .cover{height: 9vw;}
 }
 
@media (max-width: 992px){
    .home-main .news-widget .col-md-3:first-child{width: 100%}
    .home-main .news-widget .col-md-3:first-child .news-item .cover{ height: 220px}
    .home-main .news-widget .col-md-3:first-child .news-item .img{ height: 220px}
    }

@media (max-width: 768px){
    .header .logo{ margin: 10px 20px 0 0;}
    .header .logo img{ height: 66px;}
	.header .nav li:first-child{display: none}
    .header .nav li:nth-child(2){display: none}
	.home-main .col-widget:nth-of-type(1) .content{height: inherit}
	.pp-register-wrap{margin: 0 0 30px!important; width: auto!important}
}

@media (max-width: 520px){ 
    .slogan{top: 16%}
    .slogan h2{font-size:  28px; line-height: 36px}
	.mixed-widget .grid li{padding: 0 9px 20px; width: 50%}
	#firstDiv .col-md-6{ padding: 0;}
	.sub-main>.container{padding: 0}
	.sub-main>.container>.row{margin: 0}
    .display-type{display: none}
    .landing-page .search{width: 95%; margin: -20px 0 0 -47%;}
    .landing-page .search input{width: 99%; line-height: 50px; font-size: 16px; padding: 0 60px 0 20px}
    .landing-page .search input:focus{width: calc(99% + 6px); margin: -2px 0 0 -2px} 
    .landing-page .search .search-btn{left: calc(99% - 74px);top: 14px;}
    .landing-page .search .search-btn a{padding: 12px 18px; font-size: 15px;}
    .header .logo{ margin: 6px 20px 0 0;} 
	.header .logo img{height: 48px; max-width:inherit}
	.header{height: 60px; }
	.header-hide{ margin-top: 0;}
	.page{padding: 60px 0 0 0;} 
    .landing-page{margin: 0}
	.header .nav>ul>li>a{margin: 0 0 0 20px}
	.header .nav>ul{margin: 12px 0 0 0px;}
 	.header .top-item{margin: 18px 5px 0 18px;}
	.top-menu .menu-item{display:inline-block; width: 50%}
	.top-menu .menu-item a{padding: 12px 12px;} 
    .top-menu .dropdown-box{position: fixed; top: 60px; right: 0px; width: 100vw;}
    .top-menu .dropdown-box:after{right: 115px;}
	.home-main{padding: 0 0 0 0; }
	.widget-wrap{border-radius:0; margin: 0 0 15px; padding: 18px 20px 10px;}
	.home-main > .container > .row{margin: 0 -15px;} 
    .home-main > .container > .row > .col-md-6 {padding:  0; }
    .home-main > .container > .row > .col-md-3 {padding:  0; }
	.home-main .col-widget .content{height: inherit}
	.landing-page .services .item{min-height: inherit}
	.home-main .widget-especial{padding: 20px; background: #fff; margin: 0 0 15px; height: inherit} 
	.home-main .widget-especial .img{border-radius: 5px;}
	.creat-widget-wrap{height: 200px}
	.footer{margin: 0px 0 0 0; padding: 25px 0 0 5px;}
	.footer-logo{width: 100%; margin: 0 0 20px; display: none}
	.footer-nav{width: 100%; margin: 0 0 20px}
	.footer-newsletter{width: 100%; margin: 0 0 30px}
	.social-link{width: 100%}
	.footer .copyright{text-align: left; margin: 30px 0 0 0; padding: 0 15px 25px }
	.header{background-size: 1640px 65px }
	.home-main .col-widget:nth-of-type(3) .content{height: inherit}
	.widget-more{right: 20px;}
	.landing-page .introduction{ margin: 60px auto 50px; max-width: 1100px; padding: 0 20px 180px;}
	.landing-page .services{padding: 45px 0;}
	.landing-page .btn-orange{ display: block; margin: 50px auto;}
	.filter-search{width: 100%;}
	.filter-search input{width: 100%; margin: 0 0 8px 0}
	.filter-item{width: 100%; margin: 0 0 -7px 0}
	.filter-item .filter-input{width: 100%}
	.filter-item .dropdown-box{width: 100%}
	.sub-top .filter-item:last-child .dropdown-box:after{left: 12px;}
	.sub-top{ margin: 20px 0 20px 0; padding: 0 20px}
	.top-ad{ margin: 0px 0 20px 0; padding: 0 20px}
	.sub-top .name{ font-size: 30px;}
	.widget-wrap >.title{font-size: 20px;}
 	.sub-top .icon img{height: 30px;}
	.filter{float: none}
	.sub-main{padding: 0px 0 10px 0;}
	.cover-item a{margin: 0 0 25px 0;}
	.pagination{margin: 0px 0 20px 0}
	.breadcrumbs{display: none}
	.sub-main .section-content{float: none; width:inherit; margin: 0; padding: 0; }
	.section-side{float: none; width:inherit; padding:0 0; }
 	.content-wrap{border-radius:0; padding: 20px 20px;}
	.project-wrap{border-radius: 0;}
	.news-gallery{margin: 0 0 20px 0;}
	.expert-banner{margin: 0} 
	.content-txt{margin: 0 0 30px 0;}
	.other-news{padding: 20px 0 10px 0;}
	.previous-news{float: none; margin: 0 0 10px 0}
	.next-news{float: none;}
	.other-news a{width: 100%}
	.other-news .title{width: calc(100% - 120px); }
	.more-news .news .title{width: calc(100% - 120px); }
	.user-actions{margin: 30px 0 20px 0;}
	.user-actions li{margin: 0 6px 16px; padding: 10px 16px 10px 44px;}
	.user-actions li:after{left: 10px;}
	.library-menu{padding: 0 10px 0 15px; margin: 0 20px 20px; overflow: auto}
	.library-menu li{flex: none; margin: 0 15px 0 0 ;}
	.library-list{ padding: 0 10px; margin: 0}
	.grid li{padding: 0 10px 20px}
	.load-more-btn{margin: 25px auto 40px auto;}
	.load-more-loading{margin: 25px auto 40px auto;}
	.footer-newsletter{display: none}
	.project-gallery .caption{position: relative; width: 100%; height: inherit; bottom: 0; padding: 20px 20px 10px 20px;}
	.project-gallery .caption .subscribtion{ height: inherit; overflow: visible; white-space:inherit;}
	.project-gallery .source{position: relative; width: 100%; text-align: left; padding: 10px 20px 10px 20px;}
	.project-gallery .flex-viewport{ margin: 0 0 10px 0!important;}
	.flex-viewport{border: 0!important}
	.slides-gallery{height: inherit!important}
	.project-information{padding: 25px 20px 0;}
	.project-information li{margin: 0 0 15px 0;}
	.project-wrap{margin: 0 0 15px; padding: 15px 0;} 
	.project-title{padding: 10px 20px 20px}
	.expert-information{ padding: 0 20px 0;}
	.panel-share{width: 92%; padding: 10px 15px;}
	.panel-share{height: 155px}
	.library-btn li{width: 100%}
	.library-btn li a{text-align: left;}
	.library-btn{margin: 20px 0 20px;}
	.expert-information li{ margin: 0 0 10px 0;}
	.experts-widget .row{height: inherit}
	.experts-widget{height: inherit}
	.experts-widget .col-md-6{width: 50%;float: left;}
	.experts-widget .col-md-4{width: 50%;float: left;}
	.widget-wrap .box-item .cover{height: 110px} 
	.home-main .widget-wrap .box-item .cover{height: 150px}
 	.experts-widget .library-item{margin: 0 0 20px 0}
	.panel-contacts{width: 100%; height: 100%; padding: 20px 30px 30px; overflow: auto}
	.panel{border-radius: 0; border: 0}
	.panel-share{border-radius: 5px;}
	.panel-contacts .photo{width: 80%; margin: 0 0 20px 10%}
	.panel-contacts .introduction{width: 100%; margin: 0}
	.side-wrap{margin: 0 0 20px 0;}
	.widget-row > .col-md-6{margin: 0 0 20px 0; padding: 0}
	.events-list{padding: 10px 20px 0}
	.events-list li{height:inherit; margin: 0 0 20px 0;}
	.events-list .event-image{float: none; width: 100%; height: 180px}
	.events-list .event-image .img{height: 180px}
	.events-list .event-info{float: none; width: 100%;}
	.organizer .logo{display:block}
	.organizer{position: relative; bottom: inherit; left: inherit; margin: 0 0 0 20px}
	.event-info .summary{margin: 10px 30px 20px 20px;}
	.event-info .date{ margin: 25px 30px 5px 20px;}
	.event-info .title{ margin: 0 20px 0 20px;}
	.side-nav{margin: 0px 0 15px 0;}
	.event-title{ padding: 0 20px 15px 20px; }
	.event-bi{margin: 0 20px 15px 20px;}	
	.event-top .event-signup-btn{ position: relative; top: inherit; right: inherit; margin: 0 0 30px 20px}
	.event-intro{padding: 0 20px 20px 20px;}
	.event-photos{ margin: 0 20px 40px 20px;}
	.event-photos li{width: 45%}
	.event-photos li .cover{width: 100%}
	.event-sign-list{ margin: 0 20px 40px 20px;}
	.event-sign-list li{width: 28%}
	.event-sign-list .logo{width: 100%}
	.expert-information .name, .project-information .name{width: 40%; display: inline-block; vertical-align: top}
	.expert-information .data, .project-information .data{width: 55%; display: inline-block; vertical-align: top}
	.vacancies-list li{position: relative}
	.vacancies-list .thead{display: none; position: relative}
	.vacancies-list .thead .t-3{top: 15px; right:0px;  width: 120px; text-align: right}
	.vacancies-list .t-1{width: 80%}
	.vacancies-list .t-2{width: 80%}
	.vacancies-list .t-3{position: absolute; right:20px; top: 30px}
	.vacancies-wrap{margin: 0 0 20px 0;}
	.panel-roles{width: 100%; height: 100%; padding: 20px 20px 20px;}
	.panel-roles .title span{display: block}
	.panel .title{margin: 0px 0 20px 0px;}
	.roles-label li{width:  100%}
	.roles-label{padding: 0}
	.roles-form{height: calc(100vh - 165px); margin: 0 0 5px 0;}
	.page >.panel{width: 100%; max-width: none; margin-top: 0px; margin-bottom: 20px; padding: 40px 30px; border-radius: 0;}
	.tab .nav-tabs-2 li{margin: 0 0 10px }
	.market-segment .checkbox-option{width: 100%}
	.signup-wrap{margin-top: 0px!important;}
    .signup-wrap-2{margin-top: 0px!important; width: 100%!important;}
	.copyright{ margin: 0 40px;}
	.signup-wrap-2 .form-group{display:block}
	.select2-container{margin: 0 0 20px 0}
	.column-3{column-count: 3; -moz-column-count: 1; -webkit-column-count: 1; -ms-column-count: 1; margin: 0 0 30px 0;}
	.col-xs-6{width: 100%}  
	.top-tools{position: absolute;  right: 10px}
	.cover-ad{height: inherit}
	.company-link{display: none}
	.side-calendar{border-radius: 5px;}
	.section-side{padding: 0 20px} 
	.panel-event-login{width: 100%}
	.login-tab{width: 100%}
	.panel-event-login .panel-body{ padding: 0}
	.panel-event-login{ height: 100%}
	.datetimepicker{margin: 0 0 15px}
	.dropdown-menu{left:20px!important }
	.event-wrap{ margin: 0 -15px 0; border-radius: 0px;}
	.section-content .event-wrap{ margin: 0 0 25px; border-radius: 0px;}
	.event-register{padding: 20px 25px;}
	.sfc_name_1, .sfc_name_2, .sfc_name_3{width: 100%}
	.sign_frame_content{padding: 20px 20px 10px 20px;}
	.sign_checkbox_2 input[type='checkbox'] + label{margin-left: 0}
	.btn-large{padding: 10px 25px; min-width: 120px}
	.sign_frame_title_name{width: inherit}
	.img-success{width: 80px; margin: 0 auto 30px; display: block}
	.sign_frame table{width: 800px}
	.sign_frame_content{overflow: auto}
	.side-nav li a{padding: 15px 20px;}
	.widget-wrap .col-md-4{padding: 0 8px; width: 50%; float: left;}
	.widget-row{margin: 0} 
	.widget-wrap .row{ margin: 0 -5px}
    .panel-filter, .panel-manage-widgets, .panel-create-widget, .panel-manage-widgets{width: 100%; top: 0!important; bottom: inherit; min-height: 100vh}
    .bottom-btn .btn{ width: 100%; margin: 10px 0 0;}
    .manage-widgets-btn{ margin: 20px auto 40px;} 
    .manage-widgets{padding: 0}
    .my-widget .home-library .grid li{width: 50%;}
    .my-widget .home-library .content{height: 800px;}
    .my-widget .news-item .cover{height: 145px;}
    .my-widget .news-item .img{height: 145px;}
    .widget-type li{display: block; margin: 0 0 5px 0; text-align:left; padding: 10px 12px 3px;}
    .widget-type li .name{display: inline-block;}
    .widget-type li img{width: 22px; margin: 0 5px 7px 0;}
    .home-main .col-widget:nth-of-type(2) .content{height: 800px;}
    .signup-page h2{font-size: 28px; margin: 35px 0 20px;}
    .signup-page .type p, .landing-page .type p{padding: 0 0 20px 0;}
    .signup-page .introduction{margin: 0px auto 50px; padding: 0 20px 0;}
     .landing-page .introduction{margin: 30px auto 50px; padding: 0 20px 0;}
     .signup-page .tick-line, .landing-page .tick-line{min-height: inherit}
    .signup-page .price-intro, .landing-page .price-intro{height: inherit}
    .signup-page .btn-orange, .landing-page .btn-orange{position: relative; left: inherit; bottom: inherit; margin: 0 0 80px }
    .signup-page .feature, .landing-page .feature{ padding: 20px 15px 0 15px; border-radius: 0; margin: 0 -20px 20px -20px;}
    .signup-page .feature .h3, .landing-page .feature .h3{display: block}
    .signup-page .btn-orange a, .landing-page .btn-orange a  {display: block; padding:0 }
     .login-wrap{ margin: 0px auto 30px auto!important;}
    .library-empty{margin: 0 0 40px;}
	.mypnnl-title{width: 100%;  padding: 30px 20px 30px; margin: 0 auto 0; color: #12347c; background: #fff}
    .mypnnl-title h2{font-size: 40px; padding: 0 0 20px}

/*
    .create-widget .filter-item .dropdown-box{bottom: 45px; top: inherit; }
    .create-widget .dropdown-box:after{bottom: -7px; top: inherit; border-top: 8px solid #fff; border-bottom: 0}
	
*/
 }