/*
Theme Name:   SSQTG-Blue
Theme URI:    http://quant-trans.org/
Description:  基調色 Navy Blue（#003171）/ リンクカラー Lightning Yellow（#F5AB35）/ Japanese Triandra（#F5AB35）
Version:      1.0
Author:       INHAUS*DS
*/

/*-----------------------------------------------------------------------------------*/
/*	COMMON
/*-----------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

a, input, select, textarea {
	vertical-align:top;
	outline:none !important;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
textarea {
	resize: none;
}
img {
	outline:0;
	vertical-align:top;
	border:0;
	max-width:100.1%;
	height:auto;
}
a {
	color:#505050;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
a:hover, a:focus {
	text-decoration:none;
	color:#F5AB35;
}
ul {
	padding:0;
	margin:0;
}
li {
	padding:0;
	margin:0;
	list-style:none;
}
p {
	margin:0 0 20px;
}
h1, h2, h3, h4, h5, h6 {
	margin-top:0;
	font-family:'Source Sans Pro', 'Noto Sans Japanese', sans-serif;
	text-transform:none;
	font-weight:100;
	color:#333;
}
h1 {
	margin:0 0 26px;
	line-height:30px;
	font-size:28px;
}
h2 {
	position:relative;
	margin:0 0 27px;
	line-height:30px;
	font-size:27px;
}
h3 {
	margin:0 0 15px;
	line-height:30px;
	font-size:24px;
}
h4 {
	margin:0 0 15px;
	line-height:26px;
	font-size:19px;
}
h5 {
	line-height:18px;
	font-size:16px;
}
h6 {
	line-height:16px;
	font-size:14px;
}
figure {
	background-color:#fff;
	margin:0 0 10px;
	padding:5px 5px;
}
figcaption {
	padding:5px 0;
}
strong {
	font-family:'Oswald', 'Noto Sans Japanese', sans-serif;
	font-weight:300;
}
::selection {
	background: #1a69d6;
	color:#fff;
}
a:hover ::selection {
	background: #1a69d6;
	color:#F5AB35;
}
::-moz-selection {
	background: #8697ac; /* Firefox */
	color:#fff;
}
body {
	/* background: #0d1d32 url(../images/bg.png); */
	background: #224c78 url(../images/bg.png);
	overflow-x:hidden;
	position:relative;
	margin: 0;
	padding:0;
	font-family:'Source Sans Pro', 'Oswald', 'Noto Sans Japanese', sans-serif;
	font-weight:300;
	font-size: 14px;
	line-height: 26px;
	color: #797979;
}
#page {
	
}
section {
	padding-bottom: 70px;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
}
.color_text {color:#8697ac;}
.color_dark {color:#505050;}
.color_light {color:#979797;}
.color_white {color:#fff;}

.color_bg {display:inline-block; padding-left:2px; padding-right:2px; background:#333; color:#fff;}

.margbot0 {margin-bottom:0;}
.margbot5 {margin-bottom:5px !important;}
.margbot10 {margin-bottom:10px;}
.margbot20 {margin-bottom:20px;}
.margbot25 {margin-bottom:25px;}
.margbot30 {margin-bottom:30px;}
.margbot40 {margin-bottom:40px;}
.margbot50 {margin-bottom:50px;}
.margbot60 {margin-bottom:60px;}
.margbot70 {margin-bottom:70px;}

.pad0 {padding:0;}
.padbot0 {padding-bottom:0;}
.padbot10 {padding-bottom:10px;}
.padbot20 {padding-bottom:20px;}
.padbot30 {padding-bottom:30px;}
.padbot40 {padding-bottom:40px;}
.padbot50 {padding-bottom:50px;}
.padbot60 {padding-bottom:60px;}
.padbot70 {padding-bottom:70px;}
.padbot80 {padding-bottom:80px;}
.padtop0 {padding-top:0;}
.padtop10 {padding-top:10px;}

.full_width {
	position:relative;
	margin-left:-30px;
	margin-right:-30px;
}
.overlay {
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color: rgba(241,233,10,0.43);
}
.relative_block {
	position:relative;
	z-index:2;
}

.center { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }

.page_block {
	overflow-x:hidden;
	background-color:#efefef;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.wrapper {
	padding-left: 15px;
	padding-right: 15px;
}

.ui-widget {
	font-family:'Source Sans Pro', 'Oswald', 'Noto Sans Japanese', sans-serif;
}
.pagetop {
    position: fixed;
    bottom: 30px;
    right: 20px;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	z-index:10;
}
a.pagetop {
	color:#aaa;
}
a.pagetop:hover {
	color:#F9690E;
    background-color: #333;
	transition:background-color 1s ease-in-out 0;
}
.disappear { display:none; }

/* __________ Buttons __________ */
.btn {
	position:relative;
	margin: 0;
	padding: 7px 25px;
	border:0;
	border-radius: 0;
	box-shadow: none;
	text-transform:uppercase;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color:#fff;
	text-shadow: none;
	background-image: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.btn-active:before,
.btn:before {
	content:'';
	position:absolute;
	left:3px;
	top:3px;
	right:3px;
	bottom:3px;
	border-style:solid;
	border-width:2px;
	border-color:transparent;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.btn-active:before,
.btn:hover:before {
	border-color:#8697ac;
}
.btn:focus,
.btn:hover {
	color:#8697ac;
	background-color: #333;
}
.btn span {padding-left:8px;}
.btn-white {
	color:#333;
	background:#fff;
}
.btn-light {
	color:#333;
	background:#ddd;
}
.btn-dark {
	color:#fff;
	background:#333;
}
.btn-dark:hover,
.btn-white:hover {
	color: #fff;
	background: #8697ac;
}
.btn-default { background:#333; }
.btn-active { background-color:#333; color:#8697ac; }

.btn-lg {
	padding:14px 32px;
	font-weight:300;
	font-size:15px;
}
.btn-md {
	padding:5px 20px;
	font-weight:300;
	font-size:13px;
}
.btn-sm {
	padding: 3px 15px;
	font-size:11px;
}
.btn-xs {
	padding: 2px 10px;
	font-size:11px;
}
.btn-sm:before, .btn-xs:before { border-width:1px; }

.ie .btn { filter:transparent !important; }


/* _________ //Buttons _________ */

/* __________ Table __________ */

table th, table td {
	background-color:#fff;
}


/* __________ //Table __________ */



/*-----------------------------------------------------------------------------------*/
/*	HEADER
/*-----------------------------------------------------------------------------------*/
.logo {
/*
	background:url(../images/logo_j_n128.png) left center no-repeat;
	padding-left:128px;
*/
	color:#aaa;
	font-weight:100;
	padding-top:5px;
}
.logo a {
	text-transform:none;
	line-height:75px;
	font-size:38px;
	color:#dadada;
}
#site_title {
	
}
.top_subtitle {
	color:rgba(245,171,53,0.65);
	font-size:12px;
	font-family: 'Oswald';
	font-weight:300;
}

/* __________ TOP LINE __________ */
#top_line {
	background-color:#132c4b;
	padding-left:30px;
	padding-right:30px;
	border-bottom:1px solid #ededed;
}
#top_line p {margin-bottom:0; padding:9px 0 13px;}

/* __________ TOP Description __________ */
.top_description {
	
}




/*-----------------------------------------------------------------------------------*/
/*	MENU
/*-----------------------------------------------------------------------------------*/
.menu_block {padding-left:30px; padding-right:30px; background-color:#0d1d32;}
.is-sticky .menu_block {
	z-index:9999;
	width:1170px;
	background-color:#0d1d32;
}

.navbar-collapse {padding-right:0; padding-left:0; border:0; box-shadow:none;}
.navbar-nav {float:none;}
.navbar-nav li {
	position:relative;
	float:none;
	display:inline-block;
	margin:0;
	text-align:center;
}
.navbar-nav li:before {content:'|'; position:absolute; right:-4px; top:13px; color:#dadada;}
.navbar-nav li.last:before {display:none;}
.navbar-nav li a {
	display:block;
	margin:0;
	padding:14px 22px 13px;
	text-transform:uppercase;
	line-height:20px;
	font-size:13px;
	color:#dadada;
	text-shadow: none;
	border:0;
}
.navbar-nav li a:hover,
.navbar-nav li a:focus,
.navbar-nav li.active a {
	background: none;
	color:#f5ab35;
}
.navbar-nav li.active li a {
	color:#fafafa;
}
.navbar-nav li.active li.active a {
	color:#f5ab35;
}
.navbar-nav li.active li.active a:hover {
	color:#fff;
}
.navbar-nav li.first a {padding-left:0;}

/* __________ Submenu __________ */

.sub-menu ul {
	display: none;
	position: absolute;
	z-index: 99999;
	min-width: 185px;
	left: 0;
	top: 100%;
	padding: 0;
	margin: 0;
	background:#6c7a89;
	/* #8697ac; */
}
.sub-menu.last ul {right:0; left:auto;}
.sub-menu ul li  {
	margin:0;
	padding:0;
	width:100%;
	border-top: 0;
}
.sub-menu ul li:before,
.sub-menu li.last:after  {
	display:none;
}
.sub-menu ul li a {
	margin: 0 !important;
	padding: 7px 5px 7px 30px !important;
	text-transform: none;
	text-align:left !important;
	color:#ccc;
	text-shadow: none;
	border:0 !important;
}
.sub-menu ul li a:hover {
	background-color:#F5AB35;
	color:#fafafa;
}
/* #8697ac */
.sub-menu ul li a span {display:none !important;
}

/* _________ //Submenu _________ */

/* __________ Fixed Menu Style __________ */
.fixed-menu {
	position:fixed;
	z-index:99999;
	left:50%;
	top:-100px;
	width:100%;
	background:#fff;
	opacity: 0;
	filter: alpha(opacity=0);
	border-bottom:2px solid #ececec;
	transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.fixed-menu #top_line {display:none !important;}
.fixed-menu.fixed_show {
	top:0px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.fixed-menu-wrapper {
	padding: 20px 0;
}
.fixed-menu .logo a {
	line-height:50px;
	font-size:40px;
}
.fixed-menu .navbar-nav li a {
	padding-top:15px;
	padding-bottom:15px;
}
.fixed-menu .sub-menu ul li a {
	padding-top:7px;
	padding-bottom:7px;
}

/* _________ //Fixed Menu Style _________ */




/*-----------------------------------------------------------------------------------*/
/*	JUMBOTRON
/*-----------------------------------------------------------------------------------*/
.container .jumbotron {
	margin-bottom:0;
	padding:67px 30px 44px;
	font-weight:400;
	font-size:14px;
	line-height:26px;
	background-color:transparent;
}
.jumbotron h3 {margin-bottom:11px;}
.jumbotron_text {width:80%;}
.jumbotron_text .color_bg {padding-bottom:3px;}
.jumbotron .btn {margin-top:15px; margin-bottom:12px ;}
.jumbotron p {
	font-size:14px;
	line-height:26px;
}




/*-----------------------------------------------------------------------------------*/
/*	FOOTER
/*-----------------------------------------------------------------------------------*/
footer {
	color:#eee;
	background-color:#93a6b7;
	/* background-color:#132c4b;*/
	overflow:hidden;
	padding:25px 24px 30px;
	border-top: 2px solid #132c4b;
}
footer a {color:#979797;}
footer h2 {font-size:21px; font-weight:300; color:#f2f1e6; display:none;}
footer h3 {margin-bottom:11px; text-transform:uppercase; font-size:16px; color:#8697ac;}

.contact_info li span {text-transform:uppercase; font-size:14px; color:#e2e1e1;}

.copyright {
	font-size:11px;
	color:#999;
	background-color:#0d1d32;
	text-align:center;
	padding:25px 30px 20px;
}




/*-----------------------------------------------------------------------------------*/
/*	UI
/*-----------------------------------------------------------------------------------*/
.breadcrumbs_block {
	margin-bottom:60px;
	padding:25px 30px;
	background-color: #275588;
	color:#fff;
	z-index:20;
}
.breadcrumbs_content {position:relative; z-index:2;}
.breadcrumbs_block h1,
.breadcrumbs_block h2 {
	color:#fff;
	font-size:27px;
	margin-bottom:0;
}
.breadcrumb {
	margin:0;
	background: none;
	border-radius:0;
	padding:0;
}
.breadcrumb > li + li:before {color:#fff;}
.breadcrumb li a {
	font-weight:700;
	color:#fff;
}
.breadcrumb li:last-child a {
	font-weight: 300;
	color: #fff;
	cursor: default;
}

/* __________ Accordion __________ */	
#accordion .ui-accordion-header,
.shortcode_toggles_item_title {
	position:relative;
	margin-bottom:0;
	padding: 17px 30px 16px;
	font-weight:400;
	font-size:14px;
	color:#fff;
	background:#003171;
	cursor:pointer;
	outline:none !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
#accordion .ui-accordion-header:hover,
#accordion .ui-accordion-header.ui-accordion-header-active,
.shortcode_toggles_item_title:hover,
.shortcode_toggles_item_title .ui-state-active {
	background:#8697ac;
	color:#F5AB35;
}
#accordion .ui-accordion-header .ui-icon,
.shortcode_toggles_item_title .ui-icon {
	position:absolute;
	top: 26px;
	right:20px;
	vertical-align:top;
	width:20px;
	height:20px;
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	font-size:12px;
}
#accordion .ui-accordion-header .ui-icon:before {
	position:absolute;
	content: "\e080";
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
#accordion .ui-accordion-header.ui-accordion-header-active .ui-icon:before {
	transform: rotate(90deg);
}

.shortcode_toggles_item_title .ui-icon:before {
	position:absolute;
	content: "\e114";
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.shortcode_toggles_item_title.ui-state-active .ui-icon:before {
	transform: rotate(-90deg);
}

.shortcode_toggles_item_body {padding-bottom:20px;}
.shortcode_toggles_shortcode .ip,
#accordion .ui-accordion-content {
	padding:17px 10px 8px 30px;
}

#sidebar div.ui-helper-reset {
	color:#797979;
	font-size:14px;
	font-weight:300;
	line-height:1.7;
}

/* _________ //Accordion _________ */

/* __________ Tab __________ */
.nav-tabs {border: 0;}
.nav-tabs li a {
	padding:10px 17px 12px;
	text-transform:uppercase;
	line-height:20px;
	font-size:14px;
	color:#505050;
	border-radius: 0;
	border: 0;
	border-bottom:3px solid #fff;
	background-color:#f4f4f4;
}
.nav-tabs li a:hover {
	color:#8697ac;
	background:#f4f4f4;
	border-bottom:3px solid #fff;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
	color:#505050;
	background:#f4f4f4;
	border: 0;
	border-bottom:3px solid #f4f4f4;
}
.tab-content {
	padding:26px 30px 29px;
	background:#f4f4f4;
	border-bottom:2px solid #ededed;
}
.tab-content .left_block {width:45%;
}
.tab-content .right_block {width:49%;
}
.tab-content iframe {height:159px;
}
.tab-content .list4 li {
	padding:0 0 5px;
}
/* _________ //Tab _________ */

/* __________ Image Scale Effect __________ */
.scale {
	box-sizeing:border-box;
	overflow: hidden;
}
.scale img {
	-moz-transition: -moz-transform 0.2s ease-in-out;
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	-o-transition: -o-transform 0.2s ease-in-out;
	-ms-transition: -ms-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
}
.scale img:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
/* __________ //Image Scale Effect __________ */



/*-----------------------------------------------------------------------------------*/
/*	ABOUT
/*-----------------------------------------------------------------------------------*/








/*-----------------------------------------------------------------------------------*/
/*	EQUIPMENT
/*-----------------------------------------------------------------------------------*/

#equipment .hover_img {
	margin-bottom:10px;
}




/*-----------------------------------------------------------------------------------*/
/*	MEMBERS
/*-----------------------------------------------------------------------------------*/

#members .contenthover {
	text-align:left;
	padding:10px;
}
#members .ch_hover {
	overflow:scroll !important;
}
a.btn-profile {
	margin:10px 0;
}
a.btn-profile:hover {
	color:#f5ab35;
}
.person-theme .glyphicon-eye-open,
.person-pref .glyphicon-star,
.person-hobby .glyphicon-thumbs-up,
.person-comment .glyphicon-comment,
.person-ma .glyphicon-envelope,
.person-link .glyphicon-user {
	padding-right:7px;
}



/*-----------------------------------------------------------------------------------*/
/*	RESULTS
/*-----------------------------------------------------------------------------------*/

#results ul { margin-left:15px; }
#results ul li span.glyphicon-record { color:#003171; }
#results ul li a p { margin-left:0; transition:margin-left 0.3s ease-in-out 0; }
#results ul li a:hover p { margin-left:15px; }

#results .ui-helper-reset,
#results_papers .ui-helper-reset,
#results_bookds .ui-helper-reset,
#results_activities .ui-helper-reset {
	line-height:1.7;
}
#results_thesis h2 {
	border-left:6px solid #0b1e64;
	margin:15px 0;
	padding-left:9px;
}
#results_activities h3 {
	font-family:'Oswald', 'Noto Sans Japanese', sans-serif;
	font-weight:200;
	border-left:6px solid #0b1e64;
	margin:15px 0 0;
	padding-left:9px;
	padding-bottom:5px;
}
#results_activities h4.eng-name {
	font-family:'Oswald', sans-serif;
	font-weight:200;
}
.book-author {
	font-size: 15px;
}
.book-chapter-title {
	display:block;
	font-size: 18px;
	font-weight: 200;
}
.book-chapter {

}
.book-title {
	display:block;
	font-size: 18px;
	font-weight: 400;
}
.book-publisher {
	font-size: 13px;
}
.book-publisher:before {
	content:" (";
}
.book-publisher:after {
	content:") ";
}




/*-----------------------------------------------------------------------------------*/
/*	NEWS
/*-----------------------------------------------------------------------------------*/

.jumbotron .shortcode_toggles_item_body {
	padding:5px 15px 25px;
}
a.btn-news {
	margin:10px 0;
	padding:10px 15px;
}
a.btn-news:hover {
	color:#f5ab35;
}
.date-iso {
	padding-right:15px;
	margin-right:15px;
	border-right:1px solid #5D8CAE;
}



/*-----------------------------------------------------------------------------------*/
/*	LINKS
/*-----------------------------------------------------------------------------------*/

#links .element div {
	border:1px solid #89C4F4;
}
#links h4 {
	margin-bottom:0;
}
#links h4 a {
	color:#505050;
	background-color:#ecefef;
	display:block;
	font-weight:300;
	min-height:160px;
	padding:30px 10px;
}
#links h4 a:hover {
	color:#fff;
	background-color:#48929B;
	transition: color 1s ease-in-out 0, background-color 0.5s ease-in-out 0;
}




/*-----------------------------------------------------------------------------------*/
/*	SCIENCE OF HYBRID QUANTUM SYSTEM
/*-----------------------------------------------------------------------------------*/
#hybridqs .row h2 {
	text-align:center;
	border-bottom:2px solid #3e1586;
	padding-bottom:7px;
}
#hybridqs .row h2 span {
	border-bottom:5px solid #0b1e64;
	padding-bottom:1px;
}
#hybridqs #topics h3 {
	border-left:6px solid #0b1e64;
	margin:15px 0 0;
	padding-left:9px;
	padding-bottom:5px;
}




/*-----------------------------------------------------------------------------------*/
/*	404 ERROR
/*-----------------------------------------------------------------------------------*/
.block_404 {padding:0;}
.block_404 .btn {padding:11px 25px;}





/*-----------------------------------------------------------------------------------*/
/*	TYPOGRAPHY
/*-----------------------------------------------------------------------------------*/
.list1 li {
	list-style:disc inside;
	color:#505050;
}
.list2 li {
	list-style:circle inside;
	color:#505050;
}
.list3 li {
	list-style:decimal inside;
	color:#505050;
	padding-left:1em;
	text-indent:-1em;
}
.list4 li b.glyphicon {
	padding-right:15px;
	line-height:18px;
	color:#505050;
	font-size:9px;
}
.list1 li span, .list2 li span, .list3 li span {
	color:#979797;
}

.dropcap {
    display: block;
    float: left;
	margin:0 13px 0 0;
	text-transform:uppercase;
	font-weight:600;
    font-size: 43px;
    line-height: 55px;
    padding-top: 0;
}
.dropcap.type4 {
    display: block;
    float: left;
	text-transform:uppercase;
	font-weight:400;
    font-size: 43px;
    line-height: 55px;
    padding: 0 22px 0 21px;
}

blockquote {
	position:relative;
	padding-top:0 !important;
	padding-left:40px !important;
	border: 0 !important;
}
/*
blockquote:before {
	content:'"';
	position:absolute;
	left:0;
	top:0;
	line-height:70px;
	font-size:90px;
}
*/
blockquote.pull-right {
	padding-right: 0 !important;
	margin-left: 20px !important;
}
blockquote.type1:before {color:#505050;
}
blockquote.type2:before {color:#979797;
}
blockquote p {
	margin-bottom:10px;
	font-weight:inherit;
	line-height: inherit;
	font-size: inherit;
}
blockquote.pull-right p, blockquote.pull-right small {text-align:left !important;
}
blockquote .author {color:#cecece;
}



/*-----------------------------------------------------------------------------------*/
/*	SHORTCODES
/*-----------------------------------------------------------------------------------*/
.example_col [class^="col-"] {
	padding-top:15px;
	padding-bottom:15px;
	background:#f9f9f9;
	border:1px solid #ddd;
}

hr {border-color:#ececec;}
.divider_light {border-color:#979797;}
.divider_dark {border-color:#505050;}
.divider_colored {border-color:#8697ac;}

.alert {
	background-image: inherit !important;
	border: 0;
	box-shadow: none;
	text-shadow: none;
	border-radius: 0;
}
.close {
	font-weight:400;
	opacity: 1;
	filter: alpha(opacity=100);
	text-shadow: none;
}

.frame340 iframe {
	width:340px;
	height:191px;
	margin:7px 21px 10px 0;
}
.pull-right.frame340 iframe {
	margin:7px 0 10px 21px;
}

/* __________ Icons __________ */
.icons_block li {
	float:left;
	width: 20%;
	padding-bottom:3px;
}
.icons_block li span {
	padding-right:7px;
	color:#444;
}
/* _________ //Icons _________ */





/*-----------------------------------------------------------------------------------*/
/*	BLOG
/*-----------------------------------------------------------------------------------*/
.blog_post,
.post {padding-bottom:30px;
}
.portfolio_post h2,
.blog_post h2,
.post h2 {
	margin-bottom:6px;
}
h2 .glyphicon {
	vertical-align:top;
	padding:2px 7px 0 0;
	font-size:15px;
}
.post p {margin-bottom:7px;
}
.post_meta {
	padding-bottom:13px;
}
span.sep {
	padding:0 8px;
}
.post_img {margin-bottom:12px;
}
.post_img iframe {
	height:350px;
}

/* __________ Comments __________ */
#comments ol {
	padding:0;
	margin:0;
	list-style:none;
}
#comments li {
	padding:0 0 20px 0;
}
.avatar {
	margin-right:11px;
}
.comment_right {display:table;	
}
.comment_info {
	padding-bottom:7px;
	color:#b9b9b9;	
}

#comments ol li ul li {
	padding:20px 0 0 30px;
	margin:0;
}

.leave_comment input[type="text"] {width:32.8%;
}
.leave_comment textarea {
	width:99.5%;
	min-height: 130px;
}
/* _________ //Comments _________ */

/* __________ Sidebar __________ */
.sidepanel {
	margin-bottom:35px;
}

/* Flickr */
.flickrs {margin-right:-10px;
}
.FlickrImages li {
	margin:2px 5px 3px 0 !important;
	padding:0 !important;
	float:left;	
	border:0 !important;
}
.FlickrImages li a {
	overflow:hidden;
	display:block;
	width:60px;
	height:60px;
	background-color:#8697ac;
}
.FlickrImages li a img {
	width:60px;
	height:60px;
	border:0;
	opacity: 0.86;
	filter: alpha(opacity=86);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.FlickrImages li a:hover img {
	opacity: 0.17;
	filter: alpha(opacity=17);
}

footer .FlickrImages {padding-right:70px;}
footer .FlickrImages li a {
	width:63px;
	height:63px;
}
footer .FlickrImages li a img {
	width:64px;
	height:auto;
}

/* _________ //Sidebar _________ */





/*-----------------------------------------------------------------------------------*/
/*	CONTACTS
/*-----------------------------------------------------------------------------------*/
#map {
	margin-top:-60px;
	margin-bottom:40px;
}
.contacts_info li {padding:0 0 6px;}

.top_form  input[type="text"],
.top_form textarea {width:99%;
}




/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO
/*-----------------------------------------------------------------------------------*/
/* __________ Isotope Styles __________ */
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}

/* __________ Filter __________ */

#filter li {
	display:inline-block;
	margin-bottom:4px;
	box-shadow:#888 0 1px 2px;
}
#filter li a {
	display:block;
	padding:6px 12px;
	border: 0;
	background-color:#f4f4f4;
}
#filter li a.selected {background-color:#f5ab35; color:#fff;}
#projects .columns1 .project {
	width:100%;
}
#projects .columns1 .hover_img {margin-bottom:10px;
}

.load_more_cont {
	width:100%;
	padding:10px 0 0;
}






/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO
/*-----------------------------------------------------------------------------------*/
#album #menu li {
	margin-bottom:20px;
	box-shadow:#888 0 1px 2px;
}
#album #menu li a {
	color:#505050;
	background-color:#f4f4f4;
	font-size:14px;
	display:block;
	padding:6px 12px;
	border: 0;
}
#album #menu li a:hover {
	color:#f5ab35;
}

#album #menu li.selected a {
	background-color:#f5ab35;
	color:#fff;
}

#album #menu li a.btn-album {
	display:block;
}



/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE STYLES
/*-----------------------------------------------------------------------------------*/

@media (max-width: 1024px) and (-webkit-min-device-pixel-ratio:0) {
	
	#sidebar input {width:100%;}
	#sidebar .search_btn {width:100%;}

}

@media (max-width: 1024px) {
	
	.block_404 {min-height:300px !important;}
	.wrapper404 {padding-top:97px !important; padding-bottom:97px !important;}
	
	#sidebar .search_form .btn, #sidebar input[type="text"] {width:100%;}
	
}

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

/* __________ Menu __________ */
	.is-sticky .menu_block {width:970px;}
	
/* _________ //Menu _________ */

/* __________ Index Page __________ */
	.jumbotron h3 {font-size:20px;}
	
	.service_item p{padding-top:20px;}
	
	
	.projects_block .project_item {width:200px; height:200px;}
	.projects_block .project_item .hover_img {height:282px; margin-left:88px;}
	.projects_block .project_item a.zoom {top:17px; margin-left:17px;}
	.projects_block .project_item a.link {bottom:17px;}
	
	
	.testimonials_txt {padding-left:15px; padding-right:15px;}
	
/* _________ //Index Page _________ */
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
/* __________ Menu __________ */
	.is-sticky .menu_block {width:750px;}
	
	.navbar-nav li a {padding-left:25px; padding-right:25px;}
/* __________ Menu __________ */

/* __________ Index Page __________ */
	.jumbotron_text {width:72%;}
	
		
	.testimonials_txt {padding-left:15px; padding-right:15px;}

/* _________ //Index Page _________ */

}

@media (max-width: 767px) {
	#style-switcher {display:none !important;}

	.logo {
		background:none;
		padding-left:0;
	}
	.logo a {
		font-size:28px;
	}
	
	.top_subtitle {display:none;}
	ol.breadcrumb {display:none;}
	
/* __________ Menu __________ */
	.fixed-menu {display:none !important;}	
	.navbar-toggle {
		position:relative;
		z-index:100;
		display:block;
		margin: 21px 0 10px;
		padding:0;
		border:#cfcfcf 1px solid;
		border-radius:4px;
		box-shadow:inset #fbfbfb 0 1px 0;
		width:40px;
		height:40px;
		background-color:#efefef;
		background-image: linear-gradient(top, #f5f5f5, #e9e9e9);
		background-image: -webkit-linear-gradient(top, #f5f5f5, #e9e9e9);
		background-image: -moz-linear-gradient(top, #f5f5f5, #e9e9e9);
		background-image: -ms-linear-gradient(top, #f5f5f5, #e9e9e9);
		background-image: -o-linear-gradient(top, #f5f5f5, #e9e9e9);
	}
	.navbar-toggle:hover {
		background-color:#f5f5f5;
		background-image: linear-gradient(top, #e9e9e9, #f5f5f5);
		background-image: -webkit-linear-gradient(top, #e9e9e9, #f5f5f5);
		background-image: -moz-linear-gradient(top, #e9e9e9, #f5f5f5);
		background-image: -ms-linear-gradient(top, #e9e9e9, #f5f5f5);
		background-image: -o-linear-gradient(top, #e9e9e9, #f5f5f5);	
	}
	.navbar-toggle span {font-size:20px; line-height:24px;}
	.navbar-nav {float:none; text-align:left; margin:0 0 20px;}
	.navbar-nav li {width:100%; margin:0; padding-bottom:5px; text-align:left;}
	.navbar-nav li:before {display:none;}
	.navbar-nav li a {padding:0; display:inline-block; border:0;}
	.sub-menu ul {display:block !important; position:static; border:0; padding-top:4px; padding-left:0; background-color:transparent;}
	.sub-menu ul li a {border:0 !important; padding:0 !important; display:inline-block; color:#b7b7b7;}
	.sub-menu ul li a span {display:inline-block !important; padding:0 7px 0 3px;}

	.navbar-collapse.in {
		z-index:90;
	}
	/* Mega Menu */
	ul.mega_menu {width:100%;}
	ul.mega_menu h4, ul.mega_menu h5 {color:#b7b7b7;}
	
/* _________ //Menu _________ */

/* __________ Index Page __________ */
	.jumbotron_text {width:100%;}
	
	
	.service_item {min-height:110px;}
	
	
	.projects_block .row {width:380px; margin:0 auto;}
	.projects_block .project_item {margin-bottom:130px;}
	
	
	.testimonials_txt {padding-left:10px; padding-right:10px;}
	
/* _________ //Index Page _________ */

}

@media (max-width: 479px) {
	.breadcrumb {float:left !important; padding-top:10px;}
	
	.logo {float:none !important; text-align:center;}
	.top_subtitle {height:auto;padding:0;display:none;}
	#site_title {display:block; line-height:1.15; padding:15px 0;}
	
/* __________ Menu __________ */
	
	/* Mega Menu */
	ul.mega_menu li.col {width:100%; float:none; padding-bottom:10px;}
	
/* _________ //Menu _________ */
	
	
	ul.block_tabs li {width:62px;}

/* __________ Shortcodes __________ */
	.nav-tabs li {float:none; width:100%;}
	
	.frame340 iframe {width:260px;}
/* _________ //Shortcodes _________ */

/* _________ SCIENCE OF HTBRID QUANTUM SYSTEM __________ */
	#hybridqs .row h2 {
		text-align:center;
		border-bottom:2px solid #3e1586;
		padding-bottom:7px;
	}
	#hybridqs .row h2 span {
		border-bottom:none;
	}
/* ________ //SCIENCE OF HTBRID QUANTUM SYSTEM _________ */

	
	footer .latest_news_item .recent_post {float:left !important; margin-right:20px;}
	
/* _________ ALBUM FOOTER __________ */
	#album-page footer,
	#album-page div.copyright {
		display:none;
	}
/* ________ //ALBUM FOOTER _________ */	


/* __________ Bootstrap Style __________ */
	.col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-ss-10, .col-ss-11 {float: left;}
	.col-ss-12 {width: 100%;}
	.col-ss-11 {width: 91.66666666666666%;}
	.col-ss-10 {width: 83.33333333333334%;}
	.col-ss-9 {width: 75%;}
	.col-ss-8 {width: 66.66666666666666%;}
	.col-ss-7 {width: 58.333333333333336%;}
	.col-ss-6 {width: 50%;}
	.col-ss-5 {width: 41.66666666666667%;}
	.col-ss-4 {width: 33.33333333333333%;}
	.col-ss-3 {width: 25%;}
	.col-ss-2 {width: 16.666666666666664%;}
	.col-ss-1 {width: 8.333333333333332%;}

}

/* __________ flexslider __________ */
.flexslider.top_slider {min-height:430px;background-color:#505050;}

@media (min-width: 992px) and (max-width: 1199px) {
	.flexslider.top_slider {min-height:356px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.flexslider.top_slider {min-height:276px;}
}

@media (max-width: 767px) {
	.flexslider.top_slider {min-height:100%;}
}