/*
Theme Name: br-Onepage Theme
Theme URI: - 
Author: BRIGN
Author URI: http://www.wpresso.co.kr/
Description: 소규모의 사이트를 위한 워드프레스 테마. 예약, 뉴스, 메인 이미지변경등
License: wpresso
License URI: hhttp://www.wpresso.com/
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: brbasic


-------------------------------------------------------------- */
/*
@import url(https://fonts.googleapis.com/css?family=Roboto:500,400);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
*/ 
@import url("/font/pretendard/pretendard.css");  
@import url("/font/apercu/apercu.css");  


html, body,  applet, object, iframe, p, blockquote, pre,  abbr,footer, 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-family:'Pretendard','Noto Sans KR', 'Roboto', sans-serif , Helvetica,Helvetica, sans-serif !important;  
	border: 0;
	font-size: 18px;
	line-height:1.5em;
	color:#fff;
	font-weight:400;
	vertical-align: baseline;
	word-break: keep-all;
}
@media screen and (min-width: 768px) {
	html, body,  applet, object, iframe, p, blockquote, pre,  abbr,footer, 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		font-size: 16px;
	}
}



html, body { height:100%;}
a:link:focus, a:visited:focus {    outline:  none;   ie-dummy: expression(this.hideFocus=true);}
.dot, .dotr{ background:#fff}
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;  height:100% !important; }
a { text-decoration:none }
a:hover { cursor: pointer !important ; text-decoration:none }
.btn-box{ text-align:center; display:block; margin-top:1.5rem !important;}

a.btn:hover { }
a.btn {
	background:#fff;
	display: inline-block;
    font-weight: normal;
    cursor: pointer;
    font-size: 14px;
    padding: 10px 2rem 9px 2rem;
    border-radius: 2px;
	color:#000;
	position: relative;
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%) !important;
    transition: 0.2s all ease;
	margin:20px auto;
	font-weight:400;
	border-radius:50px
}
body.tabindex .outline{ position: relative;}
body.tabindex .outline:after{ content:""; z-index:999; position:absolute; display:block; left:0; right:0; top:0; right:0; bottom:0; outline: -webkit-focus-ring-color auto 2px !important;
	outline:4px dashed #fd4c0c !important; 
} 


/* ////////////////////////// */
/* appear */
/* ////////////////////////// */
.appear { }
.appear.on{}
.appear-item {opacity:0 !important;; transition: 0.5s all ease;}
.appear.on .appear-item{opacity:1 !important; }

.appear-to-left{  margin-left:4em !important;}
.appear-to-right{ margin-left:-4em !important;}
.appear-to-top{ margin-top:2em !important;}
.appear-to-bottom{ margin-top:-2em !important;}

.appear.on .appear-item.appear-to-left{  margin-left:0em !important;}
.appear.on .appear-item.appear-to-right{ margin-left:0em !important;}
.appear.on .appear-item.appear-to-top{ margin-top:0em !important;}
.appear.on .appear-item.appear-to-bottom{ margin-top:0em !important;}

.row.appear .col{ z-index:1} 
.row.appear .col.appear-item-bg{ z-index:0} 
.appear-item-bg{ margin-top:30px !important;margin-bottom:30px !important; padding-top:20px  !important;padding-bottom:20px  !important;}

@media screen and (min-width: 576px) {
}
@media screen and (min-width: 768px) {
.appear-item-bg{ margin-top:30px !important;margin-bottom:30px !important; padding-top:100px  !important;padding-bottom:100px  !important;}
}
@media screen and (min-width: 960px) {
}
@media screen and (min-width: 1200px) {
}

.appear .appear-item-bg:before{ content:"";  background:#e7e7fb; background:#f4f4fb; top:0; width:0%; height:100%;transition: 0.5s all ease; }
.appear.on .appear-item-bg:before{ content:"";  background:#e7e7fb; background:#f4f4fb; width:130%; height:100%; position: absolute;z-index: 0;transition: 1s all ease;}

.appear-item-bg-to-right .max-half-left{ margin-top:0 !important; margin-bottom:0 !important; padding-top: 0 !important; padding-bottom:0 !important}
.appear.on .appear-item-bg-to-right:before{ left:0}
.appear.on .appear-item-bg-to-left:before{right:0%}

.appear.on .appear-item-bg:before{ content:"";  background:#e7e7fb; background:#f4f4fb; width:130%; height:100%; position: absolute;z-index: 0;transition: 1s all ease;}
.appear.on .appear-item-bg-100:before{width:100%;}
.appear.on .appear-item-bg-70:before{width:70%;}
.appear.on .appear-item-bg-50:before{width:70%;}

.appear-1s{ transition: 0.1s all ease; }
.appear-2s{ transition: 0.2s all ease;}
.appear-3s{ transition: 0.3s all ease; }
.appear-4s{ transition: 0.4s all ease;}
.appear-5s{ transition: 0.5s all ease;}
.appear-6s{ transition: 0.6s all ease;}
.appear-7s{ transition: 0.7s all ease;}
.appear-8s{ transition: 0.8s all ease;}
.appear-9s{ transition: 0.9s all ease;}
.appear-10s{ transition: 1s all ease;}
.appear-11s{ transition: 1.1s all ease;}
.appear-12s{ transition: 1.2s all ease;}
.appear-13s{ transition: 1.3s all ease;}
.appear-14s{ transition: 1.4s all ease;}
.appear-15s{ transition: 1.5s all ease;}
.appear-16s{ transition: 1.6s all ease;}
.appear-17s{ transition: 1.7s all ease;}
.appear-18s{ transition: 1.8s all ease;}
.appear-19s{ transition: 1.9s all ease;}
.appear-20s{ transition: 2s all ease;}

.appear-delay{transition-delay:.4s !important}
.appear-delay-1s{transition-delay:.1s !important}
.appear-delay-2s{transition-delay:.2s !important}
.appear-delay-3s{transition-delay:.3s !important}
.appear-delay-4s{transition-delay:.4s !important}
.appear-delay-5s{transition-delay:.5s !important}
.appear-delay-6s{transition-delay:.6s !important}
.appear-delay-7s{transition-delay:.7s !important}
.appear-delay-8s{transition-delay:.8s !important}
.appear-delay-9s{transition-delay:.9s !important}
.appear-delay-10s{transition-delay:1s !important}
.appear-delay-11s{transition-delay:1.1s !important}
.appear-delay-12s{transition-delay:1.2s !important}
.appear-delay-13s{transition-delay:1.3s !important}
.appear-delay-14s{transition-delay:1.4s !important}
.appear-delay-15s{transition-delay:1.5s !important}
.appear-delay-16s{transition-delay:1.6s !important}
.appear-delay-17s{transition-delay:1.7s !important}
.appear-delay-18s{transition-delay:1.8s !important}
.appear-delay-19s{transition-delay:1.9s !important}
.appear-delay-20s{transition-delay:2s !important}



.gra1{background: rgb(255,112,212); background: linear-gradient(145deg, rgba(255,112,212,1) 10%, 	rgba(251,51,83,1) 90%);}
.gra2{background: rgb(255,112,212); background: linear-gradient(145deg, rgba(21,204,145,1) 10%, 	rgba(8,161,213,1) 90%);}
.gra3{background: rgb(255,112,212); background: linear-gradient(145deg, rgba(26,170,244,1) 10%, 	rgba(151,106,187,1) 90%);}
.gra4{background: rgb(255,112,212); background: linear-gradient(145deg, rgba(213,13,244,1) 30%, 	rgba(123,73,240,1) 90%);}
.gra5{background: rgb(255,112,212); background: linear-gradient(145deg, rgba(216,194,251,1) 10%, 	rgba(57,102,147,1) 90%);}
.gra6{background: rgb(255,112,212); background: linear-gradient(145deg, rgba(230,36,184,1) 10%, 	rgba(150,91,198,1) 90%);}
.gra7{background: rgb(255,112,212); background: linear-gradient(145deg, rgba(26,224,205,1) 10%, 	rgba(46,218,110,1) 90%);}
.gra8{background: rgb(255,112,212); background: linear-gradient(145deg, rgba(250,208,134,1) 10%, 	rgba(235,57,138,1) 90%);}
.gra9{background: rgb(255,112,212); background: linear-gradient(145deg, rgba(27,166,234,1) 10%, 	rgba(124,73,240,1) 90%);}


.appear .image-cap{ display:inline-flex;}
.appear .image-cap img{ z-index:1; position:inherit; box-shadow: 10px 20px 20px 5px rgb(0 0 0 / 15%);}
.appear .image-cap:before{ z-index:0; content:""; opacity:0; width:0px; height:140px; position:absolute; left:0; top:0;transition: 0.5s all ease;transition-delay: 2s !important;
 background:rgb(100 104 248); background: linear-gradient(145deg, rgb(100 104 248) 30%, rgba(123,73,240,1) 90%); background:#a497fc; background:#EEECFE;
}

.appear.on .image-cap:before{opacity:1; width:140px; left:-45px; top:-45px; }
.appear .image-cap:after{ z-index:2; content:""; opacity:0; width:0px; height:45px; position:absolute; left:0; top:0px; background:#fff;transition: .4s all ease;transition-delay: 2.2s !important;}
.appear.on .image-cap:after{opacity:.5; width:45px;left:0px; top:0px;}

.image-cap-right-top{}
.appear .image-cap.image-cap-left-bottom:before{opacity:0; width:100%;top:auto; bottom:-45px; right:auto}
.appear.on .image-cap.image-cap-left-bottom:before{opacity:1; width:140px;right:auto; bottom:-45px;left:-45px}
.appear .image-cap.image-cap-left-bottom:after{opacity:0; width:100%;top:auto; bottom:0px; left:0}
.appear.on .image-cap.image-cap-left-bottom:after{opacity:.5; width:45px;right:auto; bottom:0px;right:0px}

.appear .image-cap.image-cap-right-top:before{opacity:0; width:140px; top:0; right:0}
.appear.on .image-cap.image-cap-right-top:before{opacity:1; width:140px;left:auto; top:-45px;right:-45px}
.appear .image-cap.image-cap-right-top:after{opacity:0; width:45px; height:140px; top:0px; right:0}
.appear.on .image-cap.image-cap-right-top:after{opacity:.5; width:45px; height:45px;left:auto; top:0px;right:0px}

.appear .image-cap.image-cap-right-bottom:before{opacity:0; width:100%;top:auto; bottom:-45px; right:0}
.appear.on .image-cap.image-cap-right-bottom:before{opacity:1; width:140px;left:auto; bottom:-45px;right:-45px}
.appear .image-cap.image-cap-right-bottom:after{opacity:0; width:0%;top:auto; bottom:0px; right:0}
.appear.on .image-cap.image-cap-right-bottom:after{opacity:.5; width:45px;left:auto; bottom:0px;right:0px}


span.newpost {
    background: #fd4c0c;
    color: #fff !important;
    font-size: 11px;
    padding: 4px 6px 3px 6px;
    line-height: 0em;
    vertical-align: middle;
    border-radius: 5em;
    margin-bottom: 0px; margin-left:5px;
	text-transform:uppercase;
}



/* ////////////////////////// */
/* content */
/* ////////////////////////// */
div{ outline:0px solid red;}

	.entry-header .entry-title{ text-align:center; font-size:1.5em; margin:20px 0px 10px 0px;  font-weight:400;line-height:110%; text-transform:capitalize }
	.entry-header .entry-description-bymenu{ text-align:center; font-size:1em; font-weight:300;}
	/*
	.entry-header .entry-title:before{content:" "; width:35px; height:5px; background:#ff0000; bottom:-1em; position:absolute; left:0; right:0;margin-left:auto; margin-right:auto; }
	.entry-header.appear 	.entry-title.appear-item:before{transition: 0.5s all ease; opacity:0;  top:0em;}
	.entry-header.appear.on .entry-title.appear-item:before{transition: 0.5s all ease; top:-.77em;opacity:1; transition-delay: .5s !important;}
	*/
	.max-full{max-width:1630px; margin:auto;} 
	.max-wide-full{max-width:1900px;margin:auto;} 

	.max-half{ max-width:auto;}
	.max-wide-full .max-half{ max-width:auto;}


	.bullet{ padding-top:2rem;}
	.vgap{ display:block; height:100px;}
	.vgap100{ display:block; height:100px;}
	.vgap200{ display:block; height:200px;}
	.vgap300{ display:block; height:300px;}
	
		
	li:hover > .edit-link, td:hover > .edit-link, div:hover > .edit-link{ display:block !important; z-index:99}

	.edit-link{ display:none !important ; cursor:pointer; padding:5px 10px 5px 10px !important; text-transform:uppercase;border-radius: 2px;position:absolute; top:0px; right:0px; font-size:12px; }
	.edit-link a{ color:#fff !important;}	.edit-link a:hover{ color:#fff !important;}	
	
@media screen and (min-width: 576px) {
	.entry-header .entry-title{ font-size:2em;font-weight:400; }
}
@media screen and (min-width: 992px) {


	.max-half{ max-width:610px;} 
	.max-half.max-half-left{ margin-right:0; margin-left:auto} 
	.max-half.max-half-right{ margin-left:0; margin-right:auto} 

	.entry-header .entry-title{ font-size:2.5em;font-weight:400; }
}
@media screen and (min-width: 1200px) {
	.entry-header .entry-description-bymenu{  font-size:1.222em; }
}
@media screen and (min-width: 1300px) {
}




/* dsk */
#page{ 
	display:flex;flex-direction: column;
	position:relative;		
	border:0px solid green;
	margin:0px;
	padding:0px;
	}
	.site{padding:0px 0px 0px 0px; margin:0px;}
#masthead{
	z-index:99999;
	margin:0 auto 0 auto;
	height:auto;
	float:none;
	transition: 0.4s all ease;
	over-flow:hidden;
	position: fixed;
	left:0;
	right:0;
	/* background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); */
	}

#main{ 
	border:0px solid red !important; 
	margin:0 auto 0 auto;
	clear:both;
	display:block;
	} 
	body.home #main{ max-width:100% }

	#primary {
		display:block; margin:0px auto 0px auto;  padding:20px; margin:0px;
	}
	body.home #primary{ max-width:100%; width:100%; padding:0px ;margin:0px; float:left;}
	.entry-content { float:none; position:relative;}

	.main, article { /* 1cullumn no*/
		padding:0px 0px 0px 0px;
		float:none;
		clear:both;
	}

	#secondary{ padding:20px; margin:0px 0px 20px 0px;float:left;  display:block; float:left;}	
footer{
	float:none;
	
	}
	
article{ margin-top:20px ; padding-top:0px; display:block; height:100%; }
	
/* top area   */ 

	hgroup{padding:0px;  height:auto; margin:0px auto 0px auto; position:relative; display:flex;flex-direction: column;}   
	hgroup h1{ margin:0; display:flex; flex-direction: column;  font-size:0.7em; line-height:1em;}
	hgroup h1 a, hgroup .site-description{ display: none; vertical-align:middle; font-size:1.250em; line-height:1.5em;}
	.site-title {}
	.site-title a{
		float:left;
		font-size: 2.7em;
		font-weight: bold !important;
		letter-spacing:-0.04em;
		text-decoration:none;
		display:block;
		text-transform: capitalize;
	}
	.site-title a:hover{
		text-decoration:none;
	}

	.site-description{
		font-size:0.875em;
		display: inline-flex;
		align-items: center;
		width:auto;
		display:none;
		margin-top:1px;
	}
	body.home .site-description{
		display:block;
	}
	.logoarea{
		position:absolute;
		right:0px; top:30px;
		border:0px solid red;
		float:right;
		width:280px;
		display:block;
	}
	
.searchform{ padding:7px 0 0 0; float:right; display:none; margin-right:20px;}

.searchform input{
	margin-top:3px;
	border: none;
	border-radius: 1px;
	width:120px;
	font-family: inherit;
	float:left;
	padding: 4px;
}
@-moz-document url-prefix(){ /* firefox */
	.searchform input{
		padding: 5px;
	}
}
.searchform input[type="submit"], input[type="button"], input[type="reset"] {
	margin-top:3px;
	float:left;
	width:60px;
	height:24px;
	border-radius: 1px;
	padding: 4px;
	color:#fff;
}
.searchform input[type="submit"]:hover {
	color:#fff;
}
/* dsk Navigation Menu */


	.topbar-submenu{  display:none;}
	.sidebar-submenu{  display:none;}

	/* submenu */
	.main-navigation li ul {}
	ul.sub-menu li {
	padding-left: 20px !important;
	}
	
	ul.sub-menu li a:hover{	}
	ul.sub-menu li a:before{content:" -  ";}
	
	.menu-menu-container{ padding:0px !important; border:0px solid red;}

	nav.main-navigation  {
		z-index:99999999;
		border:0 !important;
		border-bottom:1px solid #ddd;
	}

	.main-navigation li {
		display: block;
		clear:both;
		padding:10px 0; 
		margin:0;
	}
	.main-navigation li a{
		float:left;
		text-decoration: none;
		font-weight:700 !important;
		margin:0px;
		line-height:1.85em;
		letter-spacing:0;
		padding:0 1em;
		position:relative;
	}
	
	
	.utility{display:flex;justify-content: flex-end;}
	.utility a{ 
		text-decoration: none;
		font-weight: 700 !important;
		margin: 0px;
		line-height: 1.85em;
		letter-spacing: 0;
		padding: 0 1em;
		position: relative;	
		color:#fff;
	} 
	.utility a:hover{ text-decoration: none;}
	
	
	@media screen and (min-width: 576px) {
	}
	@media screen and (min-width: 768px) {
	}
	@media screen and (min-width: 992px) {
		
	}
	@media screen and (min-width: 1200px) {
	}

	.main-navigation li a:hover:before{
		background:#777; 
		border:none;
	}	
	.nav-menu > li.current-menu-ancestor > a:before, .nav-menu > li.current-menu-item > a:before{
		background:#fff; 
	}
	
	.main-navigation li a:hover {
		display:block;
		filter:alpha(opacity=100); opacity:1; -moz-opacity:1;
	}
	
	.site-navigation h3{ background:none;}


	.nav-menu > li ul.sub-menu li:before{ content:none}	
	
	.main-navigation .current-menu-item  a,
	.main-navigation .current-menu-ancestor  a,
	.main-navigation .current_page_item  a,
	.main-navigation .current_page_ancestor  a
	.main-navigation .current-post-item  a,
	.main-navigation .current-post-ancestor  a,
	.main-navigation .current-menu-parent a {
		background:none;
	}
	
	
	.main-navigation .current-menu-item  a:hover,
	.main-navigation .current-menu-ancestor  a:hover,
	.main-navigation .current_page_item  a:hover,
	.main-navigation .current_page_ancestor  a:hover,
	.main-navigation .current-post-item  a:hover,
	.main-navigation .current-post-ancestor  a:hover,
	.main-navigation .current-menu-parent a:hover {
	}

 

	.menu-toggle { 
		height:24px; 
		margin:0px; 
		text-align:left; 
		position:relative;
	}
	.menu-toggle {
		padding-left:0px;
		display:none;
		top:30px;right:30px;width:50px; height:25px;
		position: absolute;
	}
	h3.menu-toggle:before{ content:"";width:50px; height:1px;top:0px; background:#fff;position: absolute;}
	h3.menu-toggle:after{ content:"";width:50px; height:1px; top:19px; background:#fff;position: absolute;}
	h3.menu-toggle span{ width:50px;height:1px; background: #fff;position: absolute; top:9px;}

	h3.menu-toggle.toggled-on:before {transform: rotate(-15deg);top:12px; transform-origin: 50% 50%;background:#000; z-index:9}
	h3.menu-toggle.toggled-on:after {transform: rotate(15deg);top:12px; transform-origin: 50% 50%;background:#000;z-index:9}
	h3.menu-toggle.toggled-on span { }


		
	ul.toggled-on { display:block; padding:0px; }

	h3.toggled-on{ z-index:999999999;  }




	.toggled-on li{ display:block; padding:0px;  }
	.toggled-on > li{ padding:0;}
	.toggled-on > li > a { font-size:1.112em; padding-left:0px;}
	.toggled-on li > ul.sub-menu > li > a{border:0px solid red; }
	.toggled-on li > ul.sub-menu > li { position:relative;}
	.toggled-on li > ul.sub-menu > li > a:before{
				font-family: "Material Icons"; content: "\e5df"; display: inline-block; font-size: 1.5em;top: .05em; left:15px;text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 1; transition: 0.1s all ease; font-size:1em;
	}
	.toggled-on.copy{ color:#000; text-align:left; font-size:0.778em; position:absolute; bottom:30px; margin-left:-15px;}	
	.main-navigation {
		margin-top: 0px;
		text-align: right;
		
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul { display:flex;
	}
	.main-navigation ul.toggled-on{
		display: inline-block;
		width:100%;
	}






/* user mete */

	.widget_meta {}
	.widget_meta h2{display:none;}
	.widget_meta ul{}	
	.widget_meta li{ display:inline; padding-right:10px;}	
	.widget_meta li a{ text-decoration:none;}		
	.widget_meta li a:hover{ text-decoration: underline !important;}		





/* etc  */
		h3{ font-size:25px; font-weight:bold; line-height:102%; padding:10px 0px 10px 0px; margin:0px;letter-spacing:-0.03em; color:#359BED; }
		h4{ font-size:18px; font-weight:bold; color:#000; line-height:130%;   margin:0px;   padding:10px 0px 10px 0px;}
 
		.description{ clear:both;font-size:18px !important; font-weight:normal; line-height:102%; padding:10px 0px 0px 0px; margin:0px;letter-spacing:-0.03em; color:#656565; text-align:right; width:100%;}		
		.description:before{ content:" -  ";}
		.description:after{ content:" -  ";} 
	
	


	.entry-content ul li {
		margin: 0 0 0 0px;
	}

	em{ font-weight:600; font-style:normal;}

	.entry-header .entry-title {
		font-size: 28px ;
		font-weight:normal ;
	}
	
	
	

	.category .entry-header .entry-title {
		padding-top:0px;
		margin:0px 0px 0px 0px;
		display:inherit;
		overflow:hidden;
		padding:0 10%
	}
	
	.entry-header .entry-title a{
		line-height:150%;
		padding:0;
		text-decoration:none ;
		display:block;
		clear:both;
	}
	.archive  .entry-content {

	}

		.entry-header .n-datebox{ border:0px solid red;}
		.entry-header .n-datebox span{ font-weight:normal; font-size:1.2em; clear:both; display:block;} 
		.entry-header .n-datebox span.n-date{ font-size:1.5em; font-weight:600; margin-bottom:20px;}
		.entry-header .n-date{ 


			}
		.entry-header .n-date span.d{ 
			float:left; 

			}
		.entry-header .n-date span.my{ 
			float:left; 

			}

		.category .entry-header .comments-link{

			}
		.category .entry-header .comments-link a{

			}
		.category .entry-content .postthumbnail {
			margin-left:20px;
			margin-top:7px;
			overflow:hidden;
			width:100%;
			border:0px solid red;
			float:right;
		}
		.category .attachment-post-thumbnail{
			float:left;
			max-width:200px;
			width:200px;
		}
		
		
	.single .entry-header .entry-title {
		display: block;		
	}
	body.page .entry-header .entry-title {
	}
	body.post .entry-header .entry-title {
		font-size: 18px !important;
		max-width:400px !important ;
		padding:10px 0px 0px 0px;
		overflow:hidden;
	}
	body.single .entry-header .entry-title {
		padding:10px 0px 0px 0px;
		line-height:150% ;
		margin-top:10px;
		font-size:2em ;		
	}


	#secondary .advanced-sidebar-menu{ display:none;}
	



	#fancybox-wrap	{
		z-index:999999;
	}
	ul.child-sidebar-menu{ border-left:2px solid #656565; padding:10px 0px 10px 0px; margin:20px 0px 20px 0px;}
	ul.child-sidebar-menu li{
		font-weight:bold;
	}
		ul.child-sidebar-menu li a{
			line-height:150%;
			text-decoration:none !important;
			padding-left:20px;
			font-size: 21px !important;
		}
		ul.child-sidebar-menu li.current-cat a,
		ul.child-sidebar-menu li.current_page_item a{
			color:#656565 !important;
			background:url(img/menuon_sub.gif) 0px 8px !important;
			background-repeat:no-repeat !important;
			border:0px solid red;
			padding-left:20px;
		}
		ul.child-sidebar-menu  a:hover{
			color:#656565 !important;
			text-decoration:none !important;
		}		



	

	/* dsk main */ 
	
	.home .decofont{ 
		padding:10px 0px 10px 0px;font-size:27px; font-family:Georgia, "Times New Roman", Times, serif !important; 
		text-align:center; border:0px solid red; width:100% !important; float:left; word-spacing:-0.1em;
		line-height:130%; color:#000;
	}

	.nivo-controlNav{
		border-bottom: 0px solid #ddd !important;
	}

	img.attachment-full{
		border-radius:0px !important; 
		box-shadow:0 0px 0px rgba(0, 0, 0, 0.2) !important;
		border:none !important;
	}
	.home .entry-content p{
	
	}
	.otw-sidebar-1 table tfoot{
		visibility:hidden;
	}

		
	.otw-sidebar ul li{
		font-size:14px;
		list-style:none !important;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
	}
	.otw-sidebar ul li a{
		text-decoration:none !important;
	}

	#wp-calendar caption{
		margin:10px 0px 10px 0px !important;
	}
	#wp-calendar  td{
		border:none !important;
		font-size:14px !important;
	}
	#wp-calendar  td a{
		font-weight:bold;
	}


	/* browser size main*/		
	
	.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth{
		float:inherit !important;
	}
	.two_third { width: 100% !important;}
	.one_third { width: 100% !important; }
	.one_third { float:inherit}		
	.otw-sidebar-5 img{ width:80px; !important}		
		
	/* dsk excerpt */
	.more-link{
		display:block;
		clear:left !important;
		text-align:left;
		font-size:12px;
		border:0px solid red;
	}
 
	
	/* dsk reservataion */
	table.fc-border-separate{
		border-radius: 3px;
		box-shadow: 0 1px 4px 0 rgba(64, 64, 64, 0.2);
		border:1px solid #ddd; 

	}
	.fc-event-skin{background-color:#ee5141 !important;border-color:#ee5141 !important}
	
	.eo-cal-filter	{ 
		padding:5px;
		margin:10px 0px 0px 10px;
		border-radius: 3px;
		box-shadow: 0 1px 4px 0 rgba(64, 64, 64, 0.2);
		border:1px solid #ddd;
		font-weight:bold;
		font-size:14px;
	}

	.pam{ padding:0px  !important; height:auto !important;}

	/* dsk publication */
	ul.publication{ padding:10px 0px 10px 0px}
	.publication li{ display:block;}
	.publication li p{ display:inline;}
	.publication li a{ display:inline;}	

	.publication li.journal{ border:0px solid red; display:inline; clear:both; font-style:italic; font-weight:bold;}
	.publication li.etc{ border:0px solid red;display:inline; }
	.publication li.publicationthumbnail{ border:0px solid red; margin:0px auto 0px auto; text-align:center;}
	.publication li.publicationthumbnail img{ width:inherit !important; height: inherit !important;max-width:300px; max-height:150px; border:1px solid #ddd;box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);}

	.blue{ color:#0b5394 !important; font-style:normal; }
	.bold{ font-weight:bold !important}
	.italic{ font-style:italic !important}


	.patent{padding:0px 0px 30px 0px}
		
	/* dsk share */
	.sharedaddy{
		width:100%;
		border-top:0px solid red;
		margin:30px 0px 30px 0px !important;
		border-bottom: 1px solid #ddd;
		border-bottom:1px solid rgba(0,0,0,.13);
	}
	
	div.sharedaddy div.sd-block{
		padding:20px 0px 15px 0px !important;
	}
	
	
	/* dsk commnet */
	.site-header{}
	.comments-area{
	border-top:0px solid #dedede;
	margin: 50px 0;
	padding:50px 0;
	}

	.comment{
		font-size:12px;
		display:block;
		width:100%;
		float:left;
		border:0px solid red;
		position:relative;

	}
	.comment-content{
		border:0px solid red;
	}
	.comment p{
		width:100% !important;
		border:0px solid red;
		margin-bottom:8px !important;
		float: right !important;

	}
	.comments-area article header cite,	.comments-area article header time {
		margin-left:40px !important;
	}
	.comment p.edit-link{
		border:0px solid red;
		float:right;
		width:auto !important;
	}
	#respond{
		margin-bottom:50px;
		}
	li.comment{padding: 0;  margin:10px 0; border-bottom:1px solid #e8e8e8} 
	li.comment ol.children >li:last-child{ border-top:1px solid #e8e8e8; border-bottom:none;} 
	.comments-area:before{
		content:' ';
		display:block; border:1px solid #e8e8e8;
	}
	.reply > span{ display:none;}

	.comment .reply{
		position:absolute;
		top:10px;
		right:0px;
	}

	.comments-title{
		display:none;
	}
	.comment-author{
		border:0px solid red;
		float:left;
		padding:0px 0px 0px 0px !important;
		margin:0px 0px 5px 0px !important;
		font-size:9px !important;
	}

	.comment-author .fn{
		font-size:11px !important;
		color:#3b5998;
		font-weight:bold;
	}
	.comment-author .fn span{
		display:none;
	}
	.comments-area article header time{
		font-size:11px !important;
	}

	.comment-author img{
		width:30px;		
		height:30px;		
	}
	#reply-title{
		display:none;
	}	

























ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

html {
	overflow-y: scroll;
	font-size: 100%;

}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}


/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
}

/* Form fields, general styles first */
button,
input,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}
button,

textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */

input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
li.bypostauthor cite span {
	padding:10px 15px 12px 15px;
	font-size: 11px;
	font-size: 0.785714286rem;
	font-weight: normal;
	color: #fff;
	border:none

}
input[type="password" i]{ border-radius:0px;}
article.post-password-required input[type=submit]{	padding:8px 15px 9px 15px; border-radius:0px;}

p.form-submit{ text-align:right;}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
    cursor: default;
}


li.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 1px;
	/* box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);*/
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* Navigation */
.site-content nav {
	clear: both;
	overflow: hidden;
	margin:50px 0px;
	display:block;
}
.site-content nav > span a{
	font-weight:;
	font-size:1em;
	line-height:1.5em;
}
.site-content nav > span a > span{
	border:0px solid red;
	padding:4px 20px 7px 20px;
	font-size:0.8em;
	display: inline-block;
	border-radius:40px;
	clear:both;
	margin-bottom:10px;
	color:#fff;
}
.site-content nav > span a > span:hover{ color: #fff}
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous,
.previous-image {
	float: left;
	width: 50%;


}
.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
	
}

/* Author profiles */
.author .archive-header {

}
.author-info {
	border-top: 1px solid #ededed;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	overflow: hidden;
}
.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;

}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
	margin-top: 0;
}


/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */

body.custom-font-enabled {
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	left:0;

}

.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
	background-color:#2F7BE7;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 13px 23px 12px 23px ;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Page structure */

.site-content {
/*	margin: 24px 0 0;
	margin: 1.714285714rem 0 0; */
}
.widget-area {
/*	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;*/
}

/* Header */
.site-header {

}






/* Banner */
section[role="banner"] {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
}

/* Sidebar */
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	padding:20px 0px; 
	margin:20px 0px;
	word-wrap: break-word;
	display:block;
	
}
.widget-area .widget .widget-title {
	margin-bottom: 10px;
}

.widget-area .widget p {

}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}

.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}



/* Footer */

	#colophon {
		clear:left;
		font-size: 12px;
		font-size: 0.857142857rem;
		padding:0px;
		padding-top:40px; padding-bottom:40px;
		position: relative;
		bottom: 0;
		left: 0;
		width:100%;
	}
	#colophon a{ color:#fff;}
	#colophon a:hover{ }
		
	.copyright{
		padding-bottom:10px;
	}
	

	footer[role="contentinfo"] a {
		display:inline;
	}
	footer[role="contentinfo"] a:hover {
	}


/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {
	border:0px solid red;
	font-size:10px !important;
	text-align:right;
	text-transform:uppercase;
	position: relative;
	clear:both;
	color: #aaa !important;
}

.entry-meta a {
	color: #aaa;
}
.comments-link a:hover,
.entry-meta a:hover {
	color: #21759b;
}
.entry-header {
	position:relative;
/*	margin-bottom: 1.714285714rem; */
}
.entry-header img.wp-post-image {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}


.entry-header .entry-format {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-weight: normal;
}
.entry-header {
	margin:10px 0px 10px 0px;
	margin-bottom: 140px;
}


.comments-link {
	margin-top: 20px;
	font-size: 11px;
	font-size: 0.928571429rem;
	color: #757575;
	float:right;
	text-align:right;
	border:0px solid red;
}

.ratings{
	width:100%;
	margin-top: 24px;
	font-size: 13px;
	font-size: 0.928571429rem;

	color: #757575;
	border:0px solid red;
	padding:0px 0px 10px 0px;
	float:left;
}



article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;

	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
}

.comment-content h1 {
	font-size: 21px;
	font-size: 1.5rem;
	: 1.5;
}
.comment-content h2,
.mu_register h2 {
	font-size: 18px;
	font-size: 1.285714286rem;
	: 1.6;
}
.comment-content h3 {
	font-size: 16px;
	font-size: 1.142857143rem;

}
.comment-content h4 {
	font-size: 14px;
	font-size: 1rem;

}
.comment-content h5 {
	font-size: 13px;
	font-size: 0.928571429rem;

}
.comment-content h6 {
	font-size: 12px;
	font-size: 0.857142857rem;

}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	margin-bottom:4px;

}
	.memimg  p,	.memtxt  p{ margin:0px !important;}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: none;
}
.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 36px;
	margin: 0 0 0 2.571428571rem;
}
.entry-content blockquote,
.comment-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px;
	padding: 1.714285714rem;
	font-style: italic;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content code,
.comment-content code {
	font-size: 12px;
	font-size: 0.857142857rem;
}
.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-size: 12px;
	font-size: 0.857142857rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.entry-content pre code,
.comment-content pre code {
	display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address,
.comment-content address {
	display: block;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
img.alignleft {
	margin: 8px 15px 8px 0 !important;
}
img.alignright {
	margin: 8px 0 8px 15px !important;
}
img.aligncenter {
	margin-top: 8px;
	margin-bottom: 8px;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 0;
	margin-bottom: 0;
}
.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry-content dt,
.comment-content dt {
	font-weight: bold;
	: 1.714285714;
}
.entry-content dd,
.comment-content dd {
	: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}
#content{
	position:relative;
	margin-bottom: 20px;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	width:100%;
	padding:0 ;
	hyphens: auto;
	height:auto;
	margin:auto;
	margin-left:0;
}
.page-links {
	clear: both;
}
footer.entry-meta {
	font-size: 13px;
	font-size: 0.928571429rem;
	padding:10px 0px 10px 0px;
}
footer.entry-meta a{
	font-size: 11px;
	display:inline-block;
}
.single-author .entry-meta .by-author {
	display: none;
}
.mu_register h2 {
	color: #757575;
	font-weight: normal;
}


/* =Archives
-------------------------------------------------------------- */

.archive-header{
	padding-top:0px;
	padding-bottom:0px;
}
.archive-header .archive-title{
	font-size: 28px;
	font-weight: bold;
}
.page-header {
	margin-bottom: 0px;
	padding-bottom: 22px;
	padding-bottom: 1.571428571rem;
	border-bottom: 1px solid #ededed;
}
.archive-meta {
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	: 2;
	margin-top: 22px;
	margin-top: 1.571428571rem;
}


/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}
.image-attachment div.attachment {
	text-align: center;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}


/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
	text-decoration: none;
	color: #4d525a;
}
article.format-aside h1 a:hover {
	color: #2e3542;
}
article.format-aside .aside {
	padding: 24px 24px 0;
	padding: 1.714285714rem;
	background: #d2e0f9;
	border-left: 22px solid #a8bfe8;
}
article.format-aside p {
	font-size: 13px;
	font-size: 0.928571429rem;

	color: #4a5466;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
	margin-bottom: 0;
}
aside{ float:left;}

/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
article.format-image footer h1 {
	font-size: 13px;
	font-size: 0.928571429rem;

	font-weight: normal;
}
article.format-image footer h2 {
	font-size: 11px;
	font-size: 0.785714286rem;
	: 2.181818182;
}
article.format-image footer a h2 {
	font-weight: normal;
}

/* Link posts */
article.format-link header {
	padding: 0 10px;
	padding: 0 0.714285714rem;
	float: right;
	font-size: 11px;
	font-size: 0.785714286rem;
	: 2.181818182;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #848484;
	background-color: #ebebeb;
	border-radius: 3px;
}
article.format-link .entry-content {
	max-width: 80%;
	float: left;
}
article.format-link .entry-content a {
	font-size: 22px;
	font-size: 1.571428571rem;
	: 1.090909091;
	text-decoration: none;
}

/* Quote posts */
article.format-quote .entry-content p {
	margin: 0;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
	display: block;
	padding: 24px 24px 0;
	padding: 1.714285714rem 1.714285714rem 0;
	font-size: 15px;
	font-size: 1.071428571rem;
	: 1.6;
	font-style: normal;
	color: #6a6a6a;
	background: #efefef;
}

/* Status posts */
.format-status .entry-header {
	margin-bottom: 10px;
}
.format-status .entry-header header {
	display: inline-block;
}
.format-status .entry-header h1 {
	font-size: 15px;
	font-size: 1.071428571rem;
	font-weight: normal;
	: 1.6;
	margin: 0;
}
.format-status .entry-header h2 {
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	: 2;
	margin: 0;
}
.format-status .entry-header header a {
	color: #757575;
}
.format-status .entry-header header a:hover {
	color: #21759b;
}
.format-status .entry-header img {
	float: left;
	margin-right: 21px;
	margin-right: 1.5rem;
}


/* =Comments
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	: 1.42857143;
}
.comments-area article header time {
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;

}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.commentlist li{ margin:0px;}

/* Comment form */
#respond {
/*	margin-top: 48px;
	margin-top: 3.428571429rem;
*/
}
#respond form {
/*	margin: 24px 0;
	margin: 1.714285714rem 0;
*/
}
#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	: 1.5;
}

#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}

#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
	border:none;
	border-radius:1px;
	background:#f5f5f5;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}


/* =Front page template
-------------------------------------------------------------- */



/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
.widget_rss li {
	margin: 12px 0;
	margin: 0.857142857rem 0;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {

	font-size: 11px;
	font-size: 0.785714286rem;

}
#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	color: #686868;
	padding:0px;
}
#eo_calendar_widget-2_content{
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(64, 64, 64, 0.2);
	border:1px solid #ddd; 
	padding:10px;
	}
.eo_widget_calendar{ 


}
#wp-calendar th,
#wp-calendar td{
	text-align: center;
	font-size:11px;
	padding:3px 0px 3px 0px;
	margin:0px 0px 0px 0px;
}
#wp-calendar caption {
	font-size:15px;
	font-weight:bold;
	text-align:center;
	padding:0px 0px 10px 0px;
}
#wp-calendar thead {
	font-size:10px;
}
#wp-calendar td.event{ 
	font-size:10px;
	background:#FF0;
	border:0px solid red; 
}
#wp-calendar td.event a{
	font-weight:bold !important;
	text-decoration:none !important;
}

#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}
.widget_search label {
	display: block;
	font-size: 13px;
	font-size: 0.928571429rem;

}
.widget_twitter li {
	list-style-type: none;
}
.widget_twitter .timesince {
	display: block;
	text-align: right;
}


/* =Plugins
----------------------------------------------- */

img#wpstats {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 1.714285714rem;
}


	
		

.br-submenu{ border:0px solid red !important; float:right !important; width:auto !important; position:absolute !important; right: 0px ; bottom:0px;}
.topmenu .sub-menu{ padding:0px !important; margin: 0px !important }
.topmenu .sub-menu li { height:auto !important; padding:0px !important; margin:0px !important}
.br-submenu .sub-menu li a{ padding:5px 10px; float:left; font-size:13px; color:#fff;}
.br-submenu .sub-menu li.current-menu-item a, .br-submenu .sub-menu li.current-post-parent a { }
.topmenu .sub-menu li { border:none !important}



div.dot{ margin-bottom:10px}
.btn > a:hover {}
.goyear{ text-align:center !important}

.archive h3{ margin:0px !important;}
.archive h4{ margin:10px 0;}

	.represent{ background:#fcfdff !important; border:1px solid #dee9ff !important}		


#brgallerys{ margin-left:0px;}



.hrline{width: 40px;margin: 0 auto 20px auto;border-top: 5px solid; height:0px;}	

.scrollicon{ width:100%; height:100px;  position:absolute; bottom:0px; right:0; left:0;}
.scrollicon:before{
	font-family: "Material Icons";
    content: "\e313";
    display: inline-block;
    font-size: 4em;
    speak: none;
    color: #fff;
    top: .05em;
    right: .5rem;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    z-index: 1;
    transition: 0.1s all ease;
	left:0;
}	

.bounce {
  position:fixed;
  left:50%;
  bottom:30px;
  margin-top:-25px;
  margin-left:-25px;
  height:50px;
  width:50px;
  -webkit-animation:bounce 1s infinite;
}

@-webkit-keyframes bounce {
  0%       { bottom:30px; }
  50%      { bottom:40px; }
  100%     {bottom:30px;}
}
	
	
	
.member ul.member li{ text-align:center !important;}
.member ul.member li > .memimg{ width:100%; border:0px solid red; float:left; text-align:center; }	
.member ul.member li > .memtxt{ width:100%;}
.member ul.member li > .memimg > img{ float:none !important; margin-right:0px !important;}
ul.member{ margin-top:50px;}





.wp-pagenavi{ text-align:left; margin:30px; margin-left:0; margin-bottom:100px; }
.wp-pagenavi .pages{ display:none;}
.wp-pagenavi span, .wp-pagenavi a{ border:none; line-height:.5em; color:#222 !important; font-weight:500 !important;}

.wp-pagenavi span.current, .wp-pagenavi a.page{ 
line-height:2em; margin:0 2px;  text-decoration:none;
border-radius:5em; width:2.3em; height:2.3em; display:inline-flex;justify-content: center;
}
.wp-pagenavi span.current{ background:#2F7BE7; color:#fff !important}
.wp-pagenavi a.page:hover{background:#2F7BE7; color:#fff !important }

.toggled-on > li ul.sub-menu li > a{padding-left: 30px !important;}



.patentsum{ text-align:center;}


	/* rss */
	.widget_rss_links{ position:relative;}
	.widget_rss_links a{ padding-left:8px;}
	.widget_rss_links img{ position:absolute; top:3px; left:0px;}
	/* facebook */ 
	.widget_facebook_likebox {padding-bottom:10px !important; margin-left:-10px;}
	.widget_facebook_likebox iframe{ height:70px !important; background:#fff !important;}
	
	
	
	.leftmenu .sub-menu li a{ font-size:20px !important;}
	.fancybox{ float:none !important}
	
	.term-paper #primary h4{ margin-top:30px !important; }
	.despage{ margin-top:50px ; position:relative}
	.despage p{ text-align:left;}
	.despage h2{ font-size:35px !important}
	.despage h3 , .despage h4{ font-weight:bold !important;}
	.despage h3 { width:100%; border:0px solid red; text-align:left; padding-right:-30px;margin-bottom:20px; margin-top:20px;  }

	.despage p{ margin:20px 0px}
	.despage .textwidget{ text-align:right}	
	
	
	hgroup h1, h3.menu-toggle { padding-top:0px;padding-bottom:0px;}
	h1, h2, h3, h4{ padding:.25em  0.333em .25em 0; margin:0px;line-height:1.4em; }
	.uvideo, .entry-content img{margin-top:1rem !important; margin-bottom:1.5rem!important}
	.h1etc{ margin-bottom:20px}
	
	#vline{position:absolute; left:0px; width:2px;height:100%; margin-left:-50px; top: 50px;  right: 0;  bottom: 0;  left: 0; display:none}
	div.dot{ width: 10px; height: 10px; border-radius: 20px; margin-top:10px; margin-right:10px; float: left;  margin-bottom:40px; position:relative;}	
	div.dotr{ width: 10px; height: 10px; border-radius: 20px; margin-top:5px; margin-right:-30px; float: right;  margin-bottom:40px; position:relative ; display:none}	

	.edit-link{ position:absolute; right:0px; padding:2px 5px; z-index:99 ; color:#fff; background:#F30;top:0px;}
	.edit-link a{ text-decoration:none; color:#fff; float:left; display:block; position:relative; line-height:2em;}
	.edit-link a:hover{ text-decoration:none; color:#fff; }

	.edit-link{ display:none !important ; cursor:pointer; padding:.2rem .5rem .1rem .5rem !important; text-transform:uppercase;border-radius: 1px;position:absolute; top:0px; right:0px; font-size:12px; }
	body.home .edit-link{ top:14px;}
	.edit-link a{ color:#fff;}	.edit-link a:hover{ color:#fff;}	
	li:hover  .edit-link, li:hover > .edit-link, td:hover > .edit-link, div:hover > .edit-link,  article:hover > .edit-link{ display:block !important; z-index:99}
		
	body.single ul.recent-posts { background:#F9F9F9; padding:0px; float:left;}
	body.single ul.recent-posts  li{  padding:20px !important;  border-top:1px solid #fff; float:left; display:block;cursor:pointer;  }
	body.single ul.recent-posts  li a{display:block; width:100%; float:left; } 
	body.single ul.recent-posts  li:hover a, body.single ul.recent-posts  li:hover span.post-date{ color:#fff}
	body.single ul.recent-posts  li:first-child { border:none;}
	body.single ul.recent-posts  li span.post-date{ float:left;}
	body.single ul.recent-posts {}
	



/* =Print
----------------------------------------------- */

@media print {
	body {
		color: #000;
		font-size: 10pt;
	}
	.main-navigation ul.nav-menu{background:none}
	footer a[rel=bookmark]:link:after,
	footer a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	a {
		text-decoration: none;
	}
	.entry-content img,
	.comment-content img,
	.author-avatar img,
	img.wp-post-image {
		border-radius: 0;
		box-shadow: none;
	}
	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}

	#secondary{ display:none;}
	.author-avatar,
	#colophon,
	#respond,
	.commentlist .comment-edit-link,
	.commentlist .reply,
	.entry-header .comments-link,
	.entry-meta .edit-link a,
	.page-link,
	.site-content nav,
	.widget-area,
	img.header-image,
	.main-navigation {
	}
	.wrapper {
		border-top: none;
		box-shadow: none;
	}
	.site-content {
		margin: 0;
		width: auto;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.singular .site-content,
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular .comments-title {
		margin: 0;
		width: 100%;
	}
	.entry-header .entry-title,
	.entry-title,
	.singular .entry-title {
	}
	footer.entry-meta,
	footer.entry-meta a {
		color: #444;
		font-size: 10pt;
	}
	.author-description {
		float: none;
		width: auto;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.comments-area article header cite,
	.comments-area article header time {
		margin-left: 50px;
		margin-left: 3.57142857rem;
	}
}








/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (min-width: 768px) {



/* main navigation */


	.menu-toggle {

	}


	h3.toggled-on{ }
	
	
}



@media screen and (min-width: 992px) {



}

.wpressopopupbox{ max-width:1900px !important}
.home .recent-posts.recent-pubs > li {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.home .recent-posts.recent-pubs > li span.journal{ clear:both;}
.home .recent-posts.recent-pubs > li a:hover{ text-decoration:underline}
.home .recent-posts.recent-pubs > li a{text-decoration:underline}
.home .recent-posts.recent-pubs > li strong,
.home .recent-posts.recent-pubs > li a,
.home .recent-posts.recent-pubs > li span{ display:contents;}




.site-title a{transform: scale(1); transition: 0.5s all ease; transform-origin: 0 0%; padding-bottom:2px;}
.recentvideostart{ padding-top:60px}
.main-navigation li.current-menu-item > a{ color:#2F7BE7 !important}
nav.main-navigation{ background:rgba(255,255,255, .95) !important ; opacity:0; height:1px; overflow:hidden; margin-top:0px; position:fixed; top:0 ; left:0; right:0 ; padding:0px;transition-delay: 0s !important;transition: 0s all ease  !important; }
nav.main-navigation.toggled-on{  background:#fff; transition-delay: 0s all ease !important; height:100vh; transition: 0s all ; min-width:207px; max-width:207px; padding-left:32px;}
@media screen and (min-width: 576px) {
.menu-toggle {top: 42px;}
.site-title a{transform: scale(.8);}
}
@media screen and (min-width: 768px) {
.menu-toggle {top: 42px;}f
.site-title a{transform: scale(.9);}
}
@media screen and (min-width: 992px) {
nav.main-navigation{ position:relative; padding:0; padding-top:0px;transition-delay: 9s !important;transition: 0.5s all ease  !important;}
.site-title a{transform: scale(1);}
.recentvideostart{ padding-top:0px}
}
@media screen and (min-width: 1200px) {
}


.entry-header {margin:10px 0px 10px 0px;margin-bottom: 0;margin-top:30px !important;}
ul.categoryselect{ margin-bottom:4px;}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 992px) {
ul.categoryselect{ }
}
@media screen and (min-width: 1200px) {
}



/* popup  */
.wpressopopupbox.fixed{ max-width:500px !important;}

.wpressopopupbox, .wpressopopupbox div, .wpressopopupbox p, .wpressopopupbox div a { color:#000}
.wpressopopupbox.fixed label.cltext  { padding-right:45px !important;}
.wpressopopupbox.fixed{ border-top:5px solid #000 !important }


.movback{ position: fixed; height:100%; width:100%}
.movback video{
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.nextpostslink span, .previouspostslink span{ font-size:2em;padding: 3px 0px !important}
.nextpostslink, .previouspostslink { padding:0 !important;  }


@media screen and (min-width: 992px) {
}







/* etc */
body.single, body.single #content h1, body.single #content div, body.single #content p{ color:#222;}

.uvideo{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	box-shadow: 0 10px 15px rgb(0 0 5 / 20%); 
}
.uvideo iframe,
.uvideo object,
.uvideo embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


select::-ms-expand {
  display: none;
}
.categoryselect li:before { 
	content: "\e5c5"; 
	font-family: "Material Icons";
	position:absolute;
	top:8px;
	right:10px;
	font-size:1.5em;
}
.categoryselect{ position:relative}
.categoryselect, .categoryselect li{ display:inline-block; position:relative}
.categoryselect select{ padding:6px 40px 8px 25px; border-radius:50px; color:#fff; border:1px solid #fff;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:#000;
	width:200px;

}

/* Hide arrow icon in IE browsers */
.categoryselect select::-ms-expand {
	display: none;
}
/* Hover style */
.categoryselect select:hover {
	border-color: #888;
}
/* Focus style */
.categoryselect select:focus {
	border-color: #fff;
	/* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
	box-shadow: 0 0 0px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #fff; 
	outline: none;
	background:#000
}

/* Set options to normal weight */
.categoryselect select option {
	font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .categoryselect select, :root:lang(ar) .categoryselect select, :root:lang(iw) .categoryselect select {
	background-position: left .7em top 50%, 0 0;
	padding: 1em .8em 1em 1.4em;
}



.categoryselect select:disabled:hover, .categoryselect select[aria-disabled=true] {
	border-color: #fff;
}

#main.toggled-on{ opacity:.2}



.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}





/* /////////////////////////////////// */
/* /////////////////////////////////// */
/* home */
/* /////////////////////////////////// */
/* /////////////////////////////////// */

#main.max-wide-full{ padding:0;}
#primary h1{font-weight: 700; text-align:center; text-transform:uppercase; }	
#primary h2{ padding:0; line-height:1.2em; font-weight:800 }	
body.home .entry-content {padding-bottom:0px;}
a:hover{ text-decoration:underline}
.blue{-webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px);}
.backcolor {background:#f1f2ed; background: #f7f7f5;background: #fbfbfb  !important;}





.max-wide-full{ padding:0; width:100%;} 
.max-full{ padding-left:5%; padding-right:5%;width:100%;} 
.homeblock{ max-width:1900px; position:relative;  }
.homeblock .entry-title{ display:block; padding-top:180px; margin-bottom:40px;} 
.homeblock .entry-content.max-full{ margin:auto;} 

.backguide{ 
	position:absolute;left:0; right:0; top:0; bottom:0px; 
	margin-right: auto;margin-left:auto; z-index:0; pointer-events: none
}
.backguide2{ z-index:-1 !important; bottom:0 !important;  }
#primary .entry-title{ text-align:center}
#primary h1{font-size:2em ; padding-right: 0 !important; padding-left:0 !important;  position:relative; display:inline-block}
.backguide2 .rline{border-right: 1px solid rgba(0,0,0,.0) !important;}
.backguide2 .lline{border-right: 1px solid rgba(0,0,0,.0) !important;}
.backguide .rline{border-right: 1px solid rgba(0,0,0,.0) !important; }
.backguide .lline{border-left: 1px solid rgba(0,0,0,.0) !important;}
@media screen and (min-width: 768px) {
#primary .entry-title{ text-align:left}
#primary h1{font-size:3.5em ; text-align:left; text-transform:inherit; }
#primary h1:before{ display:none}
#primary h1:after{ display:none} 
.backguide2 .rline{border-right: 1px solid rgba(0,0,0,.05) !important;}
.backguide2 .lline{border-right: 1px solid rgba(0,0,0,.05) !important;}
.backguide .rline{border-right: 1px solid rgba(0,0,0,.05) !important;}
.backguide .lline{border-left: 1px solid rgba(0,0,0,.05) !important;}
}

.more a span{transition: 0.2s all ease;transform: rotate(0turn); text-decoration:none}
.more:hover a{ text-decoration:none}
.more:hover a span{transform: rotate(0.25turn);}

body.home .edit-link{ top:0;}

@media screen and (min-width: 576px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1200px) {
}







/* //////////////////////// */
/* home */
/* //////////////////////// */


#home.homeblock{  min-height:100vh; display:flex; align-items: center;justify-content: center; overflow:hidden; background:#2f7be7; background:#2f7be7}
#home .hmov{  width:100%; height:100%; z-index:0; opacity:.85}
#home .hmov video{  object-fit: cover;width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;}
#home .blue{ position:absolute; left:0; right:0; top:0; bottom:0}
#home .htext{ position:absolute; z-index:1; margin-left:10%; left:0; right:0; margin-right:10%; text-align:center; }
#home .htext .subtitle p{ font-size:0.889em; font-weight:400;}
#home .htext .subtitle p span{ display: inline-block}
#home .htext img{ max-width:100%;}
#home .htext .hloading{ position:relative;}
#home .htext .hloading:after { content:""; position:absolute; background:rgba(255,255,225, .2); width:1px; height:50vh; left:0; right:0; margin-left:auto; margin-right:auto;  top:50px;}
#home .htext .hloading .mt-3 { content:""; position:absolute; background:rgba(255,255,225, 1); width:1px; height:30px; left:0; right:0; margin-left:auto; margin-right:auto; top:30px;}

#home .htext .hloading .mt-3{
	animation-name: scroll;
	animation-duration: 2.2s;
	animation-timing-function: cubic-bezier(.15,.41,.69,.94);
	animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(400px); opacity: 0;}
}

@media screen and (min-width: 576px) {
#home .htext .subtitle p{ font-size:1.333em; }
}
@media screen and (min-width: 768px) {
#home .htext .subtitle p{ font-size:1.5em; }
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1200px) {
#home .htext .subtitle p span{ display:block}
}






/* //////////////////////// */
/* laboratory */
/* //////////////////////// */

#laboratory { overflow:hidden;  z-index:0}
#laboratory .backguide{ 
	position:absolute;left:0; right:0; top:0; bottom:0;
	margin-right: auto;margin-left:auto; z-index:9
}

#laboratory .backbasecolor{ position:absolute;left:0; right:0; bottom:0; height:100%; z-index:-1 ;background:rgba(45,121,231, .99) ;}

#laboratory .backguide{ pointer-events: none }
#laboratory .backguide .rline{border-right: 1px solid rgba(255,255,255,.1) !important; }
#laboratory .backguide.backguide2 .rline{border-right: 1px solid rgba(0,0,0,.1) !important; }
 

#laboratory .lslide{ display:flex; flex-wrap: nowrap}
#laboratory .lslide{}
#laboratory .control{position:absolute; bottom:0;pointer-events: fill; display:flex; margin-left:-81px; }
#laboratory .control div{ font-size:1.75em; min-width:80px; min-height:80px; background:#183889; margin-right:1px;  display:flex;align-items: center;justify-content: center;}
#laboratory .control div.swiper-num{ width:200px; color:#222; font-size:2em; font-weight:800}
#laboratory .control div.swiper-num .numgap{ font-size:.3em; padding-left:10px; padding-right:10px; color:#ccc;}

#laboratory .lslide  .swiper-slide{ display:flex;flex-direction: column;}
#laboratory .lslide  div.limg{ }
#laboratory .lslide  div.limg img{ width:100%; }
#laboratory .lslide  div.ltxt{ padding-left:30px;}
#laboratory .lslide  div.ltxt > div{ padding-right:1rem; overflow:hidden;}
#laboratory .lslide  div.ltxt .more{  float:right; display:flex; align-items: center; text-align:center;
	justify-content: center; background:#fff;margin:10px; margin-right:1rem; font-size:.875em; min-width:80px; min-height:80px;
}
#laboratory .lslide  div.ltxt .more span{ font-size:2em; display:block;}
#laboratory .lslide  div.ltxt .labintro{ max-height:15em; overflow:hidden}

#laboratory .lslide  div.ltxt.appear.on .more { margin-top:10px !important}


#laboratory .lslide  div.ltxt > div p{  height:10.5em;}
#laboratory .backguide{  bottom:0px;}
#laboratory .backbasecolor{  bottom:0px;}
@media screen and (min-width: 576px) {
}
@media screen and (min-width: 768px) {
#laboratory .lslide  .swiper-slide{ display:flex;flex-direction: row;}
#laboratory .lslide  div.ltxt .more span{ font-size:3em; }
}
@media screen and (min-width: 992px) {
#laboratory .lslide  div.ltxt .more{ margin-right:-1rem;}
#laboratory .lslide  div.ltxt > div p{  height:9em;}
}
@media screen and (min-width: 1200px) {
#laboratory .backguide{  bottom:100px;}
#laboratory .backbasecolor{  bottom:100px;}
}
@media screen and (min-width: 1400px) {
}
@media screen and (min-width: 1500px) {
#laboratory .lslide  div.ltxt > div p{  height:10.5em;}
}
@media screen and (min-width: 1600px) {
#laboratory .backguide{  bottom:130px;}
#laboratory .backbasecolor{  bottom:130px;}
}


#laboratory .control{margin-left:-161px; }
#laboratory .control div{  min-width:80px; min-height:80px; }
#laboratory .control div.swiper-num{ width:160px;}

body.home #laboratory .entry-content {padding-bottom:100px;}
@media screen and (min-width: 576px) {
}
@media screen and (min-width: 768px) {
#laboratory .control div{  min-width:80px; min-height:80px; }
#laboratory .control div.swiper-num{ width:200px;}
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1200px) {
#laboratory .control{margin-left:-81px; }
body.home #laboratory .entry-content {padding-bottom:200px;}
}
@media screen and (min-width: 1400px) {
body.home #laboratory .entry-content {padding-bottom:0px;}
}


/* //////////////////////// */
/* people */
/* //////////////////////// */

#people{  line-height:1.3em}
#people .row{ margin:auto;}
#people .entry-content.peoples hr { width: 100%;display: block; height:0; margin:0; display:none;}
#people .entry-content, #people .entry-content div{ transition: 0.2s all ease;}

#people .entry-content img{ margin:0 !important; width:100%;filter: grayscale(100%);}
#people .pmore{ position:absolute; right:0; top:0; width:80px; font-size:3em; height:80px; display:flex;justify-content: center;align-items: center; z-index:1}
#people .name{ font-size:1.25em; font-weight:800; line-height:1.5em; }
#people .name span{  font-weight:400 }
#people .entry-content a{ color:#fff;}
#people .entry-content div.pthumb{ cursor:pointer; position:relative}
#people .entry-content div.pthumb.active{border: 10px solid #2d79e7; }
#people .entry-content div.pthumb .pthumbname{ font-size:2em;font-weight: 700; line-height:1.3em; position: absolute; bottom:.5em; left:.8em;opacity:.8}
#people .entry-content div.pthumb .pthumbname span{ display:block}
#people .entry-content div.pthumb.active .pthumbname{ opacity:0}
#people .entry-content div.pthumb.active:hover .pthumbname{ opacity:0}
#people .entry-content div.pthumb:hover .pthumbname{ opacity:1; color:#2D79E7}

#people .entry-content div.pinfo{ opacity:0; overflow:hidden; position:relative; display:flex;     align-items: center;  }
#people .entry-content div.pinfo.active{opacity:1; }
#people .entry-content div.pinfo .pinformation{ position:absolute; min-width:480px; }
#people .entry-content div.pinfo{ flex: 0 0 0%; }

#people .peoples .breaker { width: 100%;display: block; height:0; margin:0; }

/* layout of thumbnail */
#people{ line-height:1.2em}
#people .pmore{ right:10px; top:10px; width:2.5em; height:2.5em; font-size:1.5em;;}
#people .entry-content{ font-size:0.750em; }
#people .entry-content div.pinfo .pinformation{ position: relative; min-width:280px; }
#people .peoples .gapbreaker{ display:none;}	
#people .peoples .gapbreaker:nth-of-type(2){ display:block;}	
#people .peoples .breaker:nth-of-type(n) {display: none; }
#people .peoples .breaker:nth-of-type(3) {display: none; }
#people .peoples .breaker:nth-of-type(6) {display: none; }
#people .peoples .breaker:nth-of-type(10) {display: none; }
#people .entry-content div.pinfo.active{ flex: 0 0 100%; }

@media screen and (min-width: 576px) {
#people .entry-content div.pinfo .pinformation{ position: relative; min-width:360px; }
#people .peoples .gapbreaker{ display:none;}	
#people .peoples .gapbreaker:nth-of-type(2){ display:block;}	
#people .peoples .breaker:nth-of-type(n) {display: block; }
#people .peoples .breaker:nth-of-type(3) {display: block; }
#people .peoples .breaker:nth-of-type(6) {display: block; }
#people .peoples .breaker:nth-of-type(10) {display: block; }
#people .entry-content div.pinfo.active{ flex: 0 0 66.666666667%;max-width: 66.666666667%; }
#people .entry-content div.pthumb .pthumbname{ font-size:1em;}	
}
@media screen and (min-width: 768px) {
#people .entry-content{ font-size:1em; }
#people{  font-size:0.750em;line-height:1.3em}
#people .pmore{ right:0; top:0; width:3em; height:3em; font-size:1.5em;}
#people .peoples .breaker:nth-of-type(n) {display: none; }
#people .peoples .breaker:nth-of-type(4) {display: none; }
#people .peoples .breaker:nth-of-type(8) {display: none; }
#people .peoples .breaker:nth-of-type(11) {display: none; }
#people .entry-content div.pthumb .pthumbname{ font-size:1em;line-height:1.4em}	
#people .entry-content div.pinfo.active{ flex: 0 0 50%;max-width: 50%; }
}
@media screen and (min-width: 768px) {
#people{  font-size:.875em;}
} 
@media screen and (min-width: 992px) {
/* layout of thumbnail */
#people{  font-size:0.750em;line-height:1.3em}
#people .pmore{ right:0; top:0; width:1.5em; height:1.5em; font-size:3em;}
#people .entry-content div.pinfo .pinformation{ position:absolute;  }
#people .peoples .gapbreaker{ display:block;}	
#people .peoples .gapbreaker:last-child{ display:block;}	
#people .peoples .breaker:nth-of-type(n) {display: none; }
#people .peoples .breaker:nth-of-type(3) {display: block; }
#people .peoples .breaker:nth-of-type(6) {display: block;}
#people .peoples .breaker:nth-of-type(10) {display: block; }
#people .entry-content div.pinfo.active{ flex: 0 0 33.333333334%;max-width: 33.333333%; }

}
@media screen and (min-width: 1200px) {
#people{  font-size:0.875em;line-height:1.4em}
#people .name{ font-size:1.5em;  }
}
@media screen and (min-width: 1300px) {
}
@media screen and (min-width: 1400px) {
#people{  font-size:.969em;line-height:1.5em}
}



body.mini #people .entry-content div.pthumb{ margin-left: auto !important; margin-right: auto !important;}
body.mini #people .entry-content div.pinfo.active{ margin-left: auto !important; margin-right: auto !important;flex: 0 0 83.33333333% !important; }
body.mini #people .entry-content div.pthumbdummy, #people .entry-content div.pthumbdummy {flex: 0 0 0; border:none !important; margin-left:0 !important; margin-right:0 !important}
@media screen and (min-width: 576px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1200px) {
}





/* //////////////////////// */
/* News */
/* //////////////////////// */

#news{}
#news{ color:#222}
#news a, #news a u, #news p, #news span, #news div{ color:#222; font-weight:500}
#news a{ color:#2d79e7; font-weight:800; display:block;}
#news .newslink a span{ color:#2d79e7;}
#news .post:hover .newslink a span{ color:#2d79e7;}

#news .entry-content .post{ display:block; line-height:1.3em; position:relative;}

#news .newstitle{ font-size:1.25em; font-weight:800; line-height:1.3em; position:relative} 
#news .newspname{font-weight:700; } 
#news .newslabname{ font-weight:700; font-size:1.125em;} 
#news .newscontent{} 
#news .newsdate{font-weight:700;} 
#news .newslink{font-size:2.3em;  color:#19398A;  min-height:1em;} 
#news .newslink a{ position:absolute ;  right:-.2em; top:0em ;}
#news .newsthumb{} 
#news .newsthumb img{ margin-top:.5rem !important;  margin-bottom:.5rem !important} 


@media screen and (min-width: 576px) {
#news .newstitle{ font-size:1.5em;}
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1200px) {
}




/* single btn */	
.btn {background: #fff;border: 1px solid rgba(0,0,0,.7);color: #2e2e2e;margin-right: 4px;}
.btn {
	font-size: 1em;display: inline-block;position: relative;color: #fff;
    margin-right: 4px;padding: 0.7em 1.5em 0.6em 1.5em;padding: 0.4em 1.1em 0.4em 1.1em;border-radius: 50px;
    transition: 0.3s all ease;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;	
}
body.single #primary h1{ text-align:left !important; text-transform:inherit !important; line-height:120%}


/* single people */
body.single #people{ font-size:1em; min-height:50vh}
body.single #people .entry-title { }
body.single #people .pthumb { position:relative;}	
body.single #people .pthumb img { width:100%;}	
body.single #people .pmore { position: absolute; top:0;  right:0}


/* single laboratory */
body.single #laboratory{ font-size:1em; min-height:50vh}
body.single #laboratory .entry-title { }
body.single #laboratory .pthumb { position:relative;}	
body.single #laboratory .pthumb img { width:100%;}	
body.single #laboratory .pmore { position: absolute; top:0;  right:0}



@media screen and (min-width: 576px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1200px) {
}









/* Safari 9+ */

@supports (-webkit-touch-callout: none) {

	.onlyiapple{}


	
	@media screen and (min-width: 575px) {

	}	
	
	@media screen and (min-width: 768px) {
	}	
	@media screen and (min-width: 960px) {
	}



}



/* ipadpro  Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* ipadpro Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* ipadpro Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}