/*
Table of Contents:

1) General
2) Typography
3) Buttons
4) Dividers
5) Parallax and
6) Lightbox 
7) Footer
8) Navigation
9) Carousels
10) Back to top
11) Breadcrumb
*) Misc

*/

/* ==== 1) General ==== */



/* ==== 2) Typography ==== */

.light {
	color: #fff;
}

.smoke {
	color: #aaa;
}

.text-white a{
	color:#fff;
    text-decoration: underline;
}

p {
	margin: 0 0 15px 0;
}

p:last-child {
	margin: 0;
}



a:hover,a:focus, a:active {
	color: #999;
}


a.transparent{
	color:#6a6a6a;
}


h1, h2, h3, h4 {
	margin: 0 0 15px 0;
}

h1 {
	font-size: 48px;
	letter-spacing: -1px;
}

h2 {
	font-size: 38px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

h5 {
	font-size: 19px;
	line-height: 1.48;
	margin: 0 0 15px 0;
}

@media (max-width: 768px) {
	h1 {
		font-size: 42px;
		letter-spacing: 0;
	}
	h2 {
		font-size: 32px;
	}
}

@media (max-width: 568px) {
	h1 {
		font-size: 36px;
	}
	h2 {
		font-size: 26px;
	}
}


.txt56 {
  font-size: 430%;
}
.txt30 {
  font-size: 230%;
}
.txt22 {
  font-size: 167%;
}
.txt19 {
  font-size: 146%;
}
.txt17 {
  font-size: 131%;
}
.txt15 {
  font-size: 116%;
}
.txt14 {
  font-size: 108%;
}
.txt13 {
  font-size: 100%;
}
.txt12 {
  font-size: 93%;
}

.txt11 {
  font-size: 85%;
}
.txt10 {
  font-size: 77%;
}

@media (max-width: 768px) {
	.txt56 {
		font-size: 42px;
	}
}

@media (max-width: 480px) {
	.txt56 {
		font-size: 28px;
	}
}

h1.header{
	font-size: 72px;
	text-align: center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;
	letter-spacing: -2px;
	color:#fff;
	text-shadow: 0 0 10px #000;
}

@media (max-width: 768px) {
	h1.header{
		font-size: 48px;
		letter-spacing: -2px;
	}
}

@media (max-width: 480px) {
	h1.header{
		font-size: 36px;
		letter-spacing: -1px;
	}
}

.enthick{
	font-family: 'Open Sans Condensed','Open Sans', sans-serif;
	font-weight:300;
	line-height: 1;
}
.uppercase{
	text-transform: uppercase;
}

.ftb{
font-weight:bold;

}
/*

.fa {
	display: inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
}

.fa-angle-left:before {content:'«'; padding:0px 15px}
.fa-angle-right:before {content:'»';}

*/

.caret-right {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 2px;
 border-top:   solid 4px transparent;
  border-left:  solid 4px #777;
  border-bottom: solid 4px transparent;
}
.break{
word-wrap: break-word;
}

.text-gray{
color:#868e96;

}

/* ==== 3) Buttons ==== */


/*
.btn, .btn:hover, .btn:focus, .btn:active, .btn:active:focus {
	background: #008cba;
	color: #fff;
	font-size: 13px;
	line-height: 1;
	padding: 14px 25px;
	margin: 15px 0 0 0;
	border-radius: 2px !important;
	border: 1px solid transparent;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.btn:hover {
	background: #00a0dc;
}


*/

.btn.btn-link, .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .btn.btn-link:active:focus {
	font-size: 13px;
	padding: 14px 25px;
	background: transparent;
	color: #008cba;
	border: 1px solid #008cba;
	border-bottom:2px solid #0078a1;
}

.btn.btn-link:hover {
	background: #008cba;
	color: #fff;
}



/* ==== 4) Dividers ==== */

.divide-xs {
	padding-top: 7px;
	padding-bottom: 8px;
}

.divide-sm {
	padding-top: 30px;
	padding-bottom: 30px;
}

.divide-md {
	padding-top: 45px;
	padding-bottom: 45px;
}

.divide-lg {
	padding-top: 60px;
	padding-bottom: 60px;
}

.divide-xl {
	padding-top: 90px;
	padding-bottom: 90px;
}

@media (max-width: 768px) {
	.divide-md {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
.mat0{margin-top:0px;}
.mat5{margin-top:5px;}
.mat15{margin-top:15px;}
.mat30{margin-top:30px;}
.mab0{margin-bottom:0px;}
.mab5{margin-bottom:5px;}
.mab15{margin-bottom:15px;}
.mab30{margin-bottom:30px;}

.pat15{padding-top:15px;}
.pat30{padding-top:30px;}
.pab0{padding-bottom:0px;}
.pab15{padding-bottom:15px;}
.pab30{padding-bottom:30px;}
.pal30{padding-left:30px;}
.pal15{padding-left:15px;}
.par0{padding-right:0px;}
.par5{padding-right:5px;}
.pal0{padding-left:0px;}
.pal5{padding-left:5px;}


hr {
	margin-top: 15px;
	margin-bottom: 15px;
}

hr.title-divider {
	border-width: 2px 0 0 0;
	max-width: 180px;
}
hr.title-divider-right {
	border-width: 2px 0 0 0;
	width: 100px;
	text-align: left;
	margin-left: 0;
}

.exthick {
    clear: both;
    background: url("../images/hr-exthick.png") repeat-x 50% 50%;
    border-top:1px solid #fff;
    margin: 0px 0;
    height: 25px;
}

.exthick .in-header{
	background:#FCFCFC;
	display:inline-block;
	margin-left:1em;
	padding:0em 1em;
}

.hr_double {
    height: 3px;
    border-top: 1px solid #a98642;
    border-bottom: 1px solid #a98642;
    
    margin-top: 4px;
}

hr.thick { clear: both; position: relative; width: 100%; margin: 30px 0; border-top: 3px double #E5E5E5; }

hr.thin {
    border-top:1px solid #e5e5e5;
}
hr.exthin {
    border-top:1px solid #f0f0f0;
}

.border-gray-200 {
  border-color: #e9ecef !important; }

.border-gray-500 {
  border-color: #adb5bd !important; }



.square-r{
border-right:1px solid #DCDCDC;
}


.squared {
	padding-top: 100%;
	overflow: hidden;
	position: relative;
}

.squared, .squared-content {
	padding-left: 0;
	padding-right: 0;
}

.squared-content {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (max-width: 991px) and (min-width: 768px) {
	.squared {
		padding-top: 133%;
	}
}

@media (max-width: 767px) {
	.squared {
		padding-top: 0;
	}
	.squared .squared-content {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
}


.deep_orange{

border-color:#E64A19
}
.ygreen{

border-color:#8CBA00;
}

.cyan{
	border-color:#41bece;
}
.blue{
	border-color:#008cba;
}

/* ==== 5)  Parallax and ==== */
.parallax {
	background-attachment: fixed;
}

@media screen and (max-device-width: 1024px) {
	.parallax {
		background-attachment: scroll;
	}
}

.sheader{
	-webkit-background-size: cover;
	background-size: cover;
}


/*
.float-content {
	position: absolute;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.section-overlay {
	background: rgba(0, 0, 0, .5);
	position: absolute;
	width: 100%;
	height: 100%;
}

*/

/* ==== 6) Lightbox ==== */
.modal{
	opacity: 0.8;
	background-color: #000;

}
.modal.whitebg{
	background: #fff;
	opacity: 1;
}

.modal-backdrop.in {
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	opacity: 0.8;
	background-color: #000;
}

.ekko-lightbox .modal-content {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: none;
	background-color: transparent;
}

.ekko-lightbox .modal-header {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	border: 0;
}

.ekko-lightbox .modal-header .close {
	font-size: 42px;
	font-weight: 100;
	color: #fff;
	text-shadow: none;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	float: none;
}

.ekko-lightbox .modal-header .close:hover {
	-webkit-opacity: .8;
	-moz-opacity: .8;
	opacity: .8;
	filter: alpha(opacity=80);
}

.ekko-lightbox .modal-body {
	padding: 0;
}



.ekko-lightbox .modal-footer {
	-webkit-opacity: 0.9;
	-moz-opacity: 0.9;
	opacity: 0.9;
	border: 0;
	padding: 0;
}
.close-icon {
	width: 30px;
	height: 30px;
	opacity: 1 !important;
}

.close-icon:after, 
.close-icon:before {
	background-color: #000;
	display: block;
	content: '';
	height: 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


.close-icon:before {
	-webkit-transform: translateY(15px) rotate(-45deg);
	-moz-transform: translateY(15px) rotate(-45deg);
	transform: translateY(15px) rotate(-45deg);
}

.close-icon:after {
	-webkit-transform: translateY(13px) rotate(45deg);
	-moz-transform: translateY(13px) rotate(45deg);
	transform: translateY(13px) rotate(45deg);
}

.close-icon:hover:before {
	-webkit-transform: translateY(15px) rotate(0deg);
	-moz-transform: translateY(15px) rotate(0deg);
	transform: translateY(15px) rotate(0deg);
}

.close-icon:hover:after {
	-webkit-transform: translateY(13px) rotate(0deg);
	-moz-transform: translateY(13px) rotate(0deg);
	transform: translateY(13px) rotate(0deg);
}




/* ==== 7) Footer ==== */


#footer {
	background: #008cba url("../images/Outdoor-compound-H-trio-on-the-rope-2002-Oct.jpg") no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	box-shadow: 0 7px 6px -8px #000000;

}
#footer a{
	color:#f2f2f2;
}
#footer ul {
list-style: none;
}
#footer ul.menu li a {
display: block;
border-bottom: 1px solid #e2e7e7;
padding: 7px 0px 7px 10px;
color: #fbfbfb;
}
#footer ul.menu li a:hover , #footer ul.fga li:hover{
color: #fff;
background-color: #3f3057;
cursor: pointer;
}

#footer ul.fga li img {
width: 80px;
height: 80px;
background-color: #e2e7e7;
margin: 5px;
padding: 3px;
border: 1px solid #fff;
float:left;
}

#copyrights {
padding: 5px;
margin: auto;
text-align: center;

background-color: #01204d;
color:#fff;


}

/* ==== 9) Carousels ==== */

@media not all, (-webkit-transform-3d) {
	.carousel-inner>.item {
		-webkit-backface-visibility: initial;
		backface-visibility: initial;
	}
}


.carousel-control.left, .carousel-control.right {
	background-image: none;
	background: rgba(255, 255, 255, .3);
	opacity: 1;
	width: 10%;
	height: 10%;
	top: 45%;
	padding: 0;
	border: none;
	text-shadow: none;
	color: #111;
	z-index: 3;
}

.carousel-control.btn:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.carousel {
	opacity: 1;
}

.carousel .item {
	position: absolute;
	display: block !important;
	width: 100%;
	top: 0;
	left: 0 !important;
	opacity: 0;
	z-index: -1;
	-moz-transition: opacity ease-in-out .6s;
	-o-transition: opacity ease-in-out .6s;
	-webkit-transition: opacity ease-in-out .6s;
	transition: opacity ease-in-out .6s;
}

.carousel .item:first-child {
	position: relative;
	top: auto;
}

.carousel .item.active {
	opacity: 1;
	z-index: 0;
	-moz-transition: opacity ease-in-out .4s;
	-o-transition: opacity ease-in-out .4s;
	-webkit-transition: opacity ease-in-out .4s;
	transition: opacity ease-in-out .4s;
}

/* ==== 10) Back to top button ==== */

.go-top {
	position: fixed;
	bottom: 1em;
	right: 1em;
	text-decoration: none;
	color: #fff;
	padding: 1.5em;
	background: rgba(0, 0, 0, 0.3) url(/assets/images/go-top.png) no-repeat 50% 50%;

}

.go-top:hover {
	background: rgba(0, 0, 0, 0.4) url(/assets/images/go-top.png) no-repeat 50% 50%;
	color: #fff;
}


/* ==== 11) Breadcrumb ==== */

.breadcrumb-wrap{
background:#88A3CF url('../images/breadcrumb-bg.gif');
padding:5px 0px;
box-shadow: 0 7px 6px -8px #000000 inset;
color:#fff;
font-family: 'Open Sans Condensed', Meiryo, メイリオ, sans-serif;

}



/* ==== ) On this day... : then-and-now ==== */


#then-and-now .then{
padding-right:0px;
}
#then-and-now .now{
padding-left:0px;
}

@media (max-width: 1023px) {
#then-and-now .then, #then-and-now .now{
	padding-left:15px;
	padding-right:15px;
	}
}
/* ====  Masonry ==== */

.cell-wrap .cell{
	background-color: #fff;
	padding:5px 15px;
	border: 1px solid #e9ecef;
	border-top:3px solid;
	outline:7px solid #f8f9fa;
}

.cell-wrap .cell:hover{
	background: rgba(241, 241, 241, 0.3);
}

.cell-wrap .cell .thumb{
	border:3px double;
} 

.cell-wrap .cell h6.title{color:#432B1F;}


.cell-wrap .cell_blue h6.title:first-letter{
	color:#008cba !important;
}
.cell-wrap .cell_blue, .cell-wrap .cell_blue img.thumb{
	border-top-color:#008cba;
} 

.cell-wrap .cell_cyan, .cell-wrap .cell_cyan .thumb{
	border-top-color:#41bece;
} 
.cell-wrap .cell_cyan h6.title:first-letter, .cell-wrap .cell_cyan .btn.btn-link{
	color:#41bece;

}
.cell-wrap .cell_cyan .btn.btn-link{
	border: 1px solid #41bece;
	border-bottom:2px solid #41bece;

}

.cell-wrap .cell_cyan .btn.btn-link:hover{
	background-color:  #41bece;
	color: #fff;
}

.cell-wrap .cell_orange, .cell-wrap .cell_orange .thumb{
	border-top-color:#ba4f00;
} 
.cell-wrap .cell_orange h6.title:first-letter, .cell-wrap .cell_orange .btn.btn-link{
	color:#ba4f00;
}
.cell-wrap .cell_orange .btn.btn-link{
	border: 1px solid #ba4f00;
	border-bottom:2px solid #ba4f00;

}
.cell-wrap .cell_orange .btn.btn-link:hover{
	background-color:  #ba4f00;
	color: #fff;
}
.cell-wrap .cell_ygreen, .cell-wrap .cell_ygreen .thumb{
	border-top-color:#cde35b;
} 
.cell-wrap .cell_ygreen h6.title:first-letter, .cell-wrap .cell_ygreen .btn.btn-link{
	color:#cde35b;
	border: 1px solid #cde35b;
	border-bottom:2px solid #cde35b;

}

..cell-wrap cell_ygreen .btn.btn-link:hover{
	background-color:  #cde35b;
	color: #fff;
}

.cell-wrap .cell_dyellow, .cell-wrap .cell_dyellow .thumb{
	border-top-color:#ffcc27;
} 
.cell-wrap .cell_dyellow h6.title:first-letter, .cell-wrap .cell_dyellow .btn.btn-link{
	color:#ffcc27;

}
.cell-wrap .cell_dyellow .btn.btn-link{
	border: 1px solid #ffcc27;
	border-bottom:2px solid #ffcc27;

}

.cell-wrap .cell_dyellow .btn.btn-link:hover{
	background-color:  #ffcc27;
	color: #fff;
}

.cell-wrap .cell_green, .cell_green .thumb{
	border-top-color:#8cba00;
} 
.cell-wrap .cell_green .title:first-letter, .cell-wrap .cell_green .btn.btn-link{
	color:#8cba00;
}
.cell-wrap .cell_green .btn.btn-link{
	color:#8cba00;
	border: 1px solid #8cba00;
	border-bottom:2px solid #8cba00;
}

.cell-wrap .cell_green .btn.btn-link:hover{
	background-color:  #8cba00;
	color: #fff;
} 
.cell-wrap .cell_purple, .cell-wrap .cell_purple .thumb{
	border-top-color:#9441ce;
} 
.cell-wrap .cell_purple h6.title:first-letter, .cell-wrap .cell_purple .btn.btn-link{
	color:#9441ce;

}
.cell-wrap .cell_purple .btn.btn-link{
	border: 1px solid #9441ce;
	border-bottom:2px solid #9441ce;

}

.cell-wrap .cell_purple .btn.btn-link:hover{
	background-color:  #9441ce;
	color: #fff;
} 
/* ==== Friends  ==== */

#friends {
/*	background-image: url("/ai/photos/top/friends/apes-bg-square-kupri-yoko-200.jpg");*/
	background-image: url("/ai/photos/top/friends/bg/IMG_5768.jpg");
	-webkit-background-size: cover;
	background-size: cover;

}
#Bossou {
background-image: url("/ai/photos/videos/bg/bossou-f.jpg");
	-webkit-background-size: cover;
	background-size: cover;

}

#Kumasan {
background-image: url("/ai/photos/top/ks/KS-overview.jpg");
	-webkit-background-size: cover;
	background-size: cover;

}


.friends-item {
	padding: 0;
}

.friends-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	color:transparent;
	text-align:center;
	padding:10%;
	line-height: 0.9;

}

.friends-overlay:hover {
	background: rgba(0, 0, 0, .7);
}

.age-37 .friends-overlay:hover {
color:#9441ce;
}
.age-37 img{
border:3px double #9441ce;
}

.age-25 .friends-overlay:hover {
color:#049cdb;
}
.age-25 img{
border:3px double #049cdb;
}

.age-13 .friends-overlay:hover {
color:#82cc33;
}
.age-13 img{
border:3px double #82cc33;
}
.age-nnow .friends-overlay:hover {
color:#fff;
}
.age-nnow img{
border:3px double #c8c6ce;
}


#friends p.header, .friends p.header{
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	color:#fff;
	text-shadow: 0 0 10px #000;
}

/* ==== Professor Tetsuro Matsuzawa  ==== */
#Matsuzawasensei{
	/*background-image: url("/ai/photos/top/tm/bg/P1b-Participation-observation-based-on-the-triadic-relationship-of-chimpanzee-mother,-infant-and-the-tester.jpg");*/
	background-image: url("/ai/photos/top/tm/bg/photo-2011-12-23-Bossou-126.jpg");
	-webkit-background-size: cover;
	background-size: cover;

}
#Matsuzawasensei .inner-col, .inner-lightcol{
background:rgba(255,255,255,0.8)
}
#Matsuzawasensei .col-right{
margin-left:5px;padding-left:5px; border-left:1px solid #fff;
}

#newsevent .newsrow div.col-sm-12{
border-bottom:1px solid #ddd;
margin-top:15px;

}

/*==Portfolio - Showcase==*/

#showcase,#showcase .cell{
padding-left:0px;
padding-right:0px;
margin-bottom:0px;
margin-top:0px;
}
#showcase{
  margin-right: 1px;
}

#showcase .cell .caption::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 98%;
}

#showcase .cell:hover .caption::before {
	background: rgba(0,140,186,0.7);
}

#showcase .cell span.btn-link {


	background: rgba(0,140,186,0.7);
	color: #fff;
	border: 1px solid #008cba;
	position: absolute;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display:inline-block;
}
#showcase .cell:hover span.btn-link{
	background: rgba(255,255,255,0.5);
	color: #008cba;
}

#showcase .cell h6 {
	color: #fff;
	position: absolute;
	width: 100%;
	top: 60%;
	-webkit-transition: -webkit-transform 0.35s;
	-moz-transition: -moz-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);

	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;

	max-height:30px; 
	overflow:hidden;
}

#showcase .cell:hover h6 {
	-webkit-transform: translate3d(0,-20px,0);
	-moz-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	overflow:visible;
}

#showcase .cell span.sub {
	position: absolute;
	width: 100%;
	font-size:90%;
	color:#f7f7f7;
	bottom: 0;
	left: 0;
	opacity: 0;
	transform: translate3d(0,0,0);
	transition: opacity 0.35s, transform 0.35s;
}

#showcase .cell:hover span.sub {
	opacity: 1;	
	transform: translate3d(0,-130px,0);
}
@media (min-width: 1200px) and (max-width: 1500px) {
	#showcase .cell:hover span.sub {
		transform: translate3d(0,-80px,0);
	}
}

/* essays-thumbnails*/
.essays-wrap .thumb{
	background:rgba(255,255,255,0.7);padding:10px;position:relative;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
.essays-wrap .thumb .number{
	color: #fff;position: absolute;top: 30%; left: 35%;display:inline-block;
}
.essays-wrap .title{
	display:block;width:100%; background: #008cba;color: #fff; padding:7px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;

}
.essays-wrap .title .caret-right{
border-left-color:#fff
}


/*Type*/

div.copy{
	
	padding-left: 55px;
	padding-top: 15px;
	line-height: 1.5em;
	background: transparent url(../images/quote.png) no-repeat scroll top left;
	background-position: top left;
	min-height:40px;
}


img.link-frame {
padding: 5px;
background-color: #fff;
-moz-box-shadow: 0px 0px 6px #c6c6c6;
-webkit-box-shadow: 0px 0px 6px #c6c6c6;
box-shadow: 0px 0px 6px #c6c6c6;
}


/* ==== ) Publications ==== */

a.pub_link:hover{
background:transparent url(../images/link_bg.png);
}

.pub_title{
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	font-weight:800;
}

/*

Pub-articles
*/

.article_title_en {
    font-size:2rem;
    font-family: 'Open Sans',sans-serif;
    font-weight: 800;
    color:#432b1f;
}
.article_h5_title_en {
    font-family: 'Open Sans',sans-serif;
    font-weight: 800;

}


ul #intra_data_list{
line-height:2rem;
}
ul#intra_data_list li{
list-style:none;
padding-bottom:1rem;

}
ul#intra_data_list li a{
 text-decoration: underline; 
}


.dotted-line{
	background-image: linear-gradient(to right, #ddd 40%, rgba(221, 221, 221, 0) 50%);
	background-position: bottom;
	background-size: 7px 1px;
	background-repeat: repeat-x;
	margin-bottom:0.7rem;
	height:1rem;
}

.opacity-8{
opacity:0.8;
}

@media (min-width: 1200px) {
  .social-aside {
    position: absolute;
    z-index: 1030;
    display: block !important;
    width: 4.5rem;
    margin-left: -4.5rem;
    text-align: right;
    padding-right: 0.5rem; } }

@media (max-width: 1199px) {
  .social-aside {
    display: inline-block;
    padding-bottom: 0.5rem; } }


.btn-icon {
  text-align: center;
  padding: 0 !important;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  position: relative;
  overflow: hidden; }
  .btn-icon i {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    line-height: inherit;
    border-radius: inherit;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
  .btn-icon.btn-social i:last-child {
    top: 100%; }
  .btn-icon.btn-social:hover i:first-child, .btn-icon.btn-social:focus i:first-child, .btn-icon.btn-social.active i:first-child {
    top: -100%; }
  .btn-icon.btn-social:hover i:last-child, .btn-icon.btn-social:focus i:last-child, .btn-icon.btn-social.active i:last-child {
    top: 0;
    color: #fff; }
  .btn-icon.btn-social-colored i:first-child {
    color: #fff; }

.img-responsive {
  max-width: 100%;
  height: auto; }

ul.num, ul.decimal{
	list-style:decimal;
}