@font-face {
  font-family: 'icomoon';
  src: url("../fonts/social/icomoon.eot");
  src: url("../fonts/social/icomoon.eot?#iefix") format("embedded-opentype"), 
  		url("../fonts/social/icomoon.woff") format("woff"), 
  		url("../fonts/social/icomoon.ttf") format("truetype"), 
  		url("../fonts/social/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; 
}

.icon-dribbble:before, .icon-twitter:before, .icon-facebook:before, .icon-pinterest:before,
.icon-flickr:before, .icon-google-plus:before, .icon-tumblr:before, .icon-github:before,
.icon-dribbble:after, .icon-twitter:after, .icon-facebook:after, .icon-pinterest:after,
.icon-flickr:after, .icon-google-plus:after, .icon-tumblr:after, .icon-github:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; 
 }

.icon-dribbble:before, .icon-dribbble:after {
  content: "\e00a"; 
 }

.icon-twitter:before, .icon-twitter:after {
  content: "\e00b"; 
 }

.icon-facebook:before, .icon-facebook:after {
  content: "\e007"; 
  }

.icon-pinterest:before, .icon-pinterest:after {
  content: "\e000"; 
}

.icon-flickr:before, .icon-flickr:after {
  content: "\e001"; 
 }

.icon-google-plus:before, .icon-google-plus:after {
  content: "\e003"; 
 }

.icon-tumblr:before, .icon-tumblr:after {
  content: "\e002"; 
 }

.icon-github:before, .icon-github:after {
  content: "\e004"; 
 }


ul.social {
	text-align: center; 
 }
ul.social li {
	display: inline-block;
	width: 60px;
	height: 60px;
	overflow: hidden;
	line-height: 60px;
	/* background: #ADADAD; */
	/*border-radius: 100%;*/
	margin-bottom:.5em;
	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	transition-duration: 0.7s; 
}
ul.social li:hover {
/*
	background: #81A748;
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.3); 
*/
}
ul.social li:hover a {
    top: -60px; 
}
ul.social li a {
	display: block;
	width: 100%;
	height: 200%;
	position: relative;
	top: 0;
	color:	#81A748;
	-webkit-transition: top 0.7s;
	-moz-transition: top 0.7s;
	-o-transition: top 0.7s;
	transition: top 0.7s; 
}
ul.social li a:after {
	text-align: center;
	position: absolute;
	width: inherit;
	height: 50%;
	left: 0;
	bottom: 0;
	line-height: 60px;
	color: #ff5952; 
}
/*-------image------*/
.ch-grid, .ch-grid-larger {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after, .ch-grid-larger:after, .ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after, .ch-grid-larger:after {
	clear: both;
}

.ch-grid li, .ch-grid-larger li {
	width: 220px;
	height: 220px;
	display: inline-block;
	margin: 50px;
}

.ch-grid-larger li {
	width: 300px;
	height: 300px;
}

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 1px 10px rgba(180, 166, 145, 0.1);
	cursor: default;
}

.ch-info-wrap {
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;

	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	top: 20px;
	left: 20px;
	background: #f9f9f9;
	box-shadow: 
		0 0 0 20px rgba(255,255,255,0.2), 
		inset 0 0 3px rgba(115,114, 23, 0.8);

}
.ch-info-wrap-larger {
	position: absolute;
	width: 260px;
	height: 260px;
	border-radius: 50%;

	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	top: 20px;
	left: 20px;
	background: #f9f9f9;
	box-shadow: 
		0 0 0 20px rgba(255,255,255,0.2), 
		inset 0 0 3px rgba(115,114, 23, 0.8);

}

.ch-info, .ch-info-larger {
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
		
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

}
.ch-info-larger {
	width: 260px;
	height: 260px;
}

.ch-info > div, .ch-info-larger > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ch-info .ch-info-back, .ch-info-larger .ch-info-back {
	-webkit-transform: rotate3d(0,1,0,180deg);
	-moz-transform: rotate3d(0,1,0,180deg);
	-o-transform: rotate3d(0,1,0,180deg);
	-ms-transform: rotate3d(0,1,0,180deg);
	transform: rotate3d(0,1,0,180deg);
	
	background: #A09D97;
}
/*art*/
.ch-img-1 { 
	background-image: url(../img/logo1.png);
	background-size: 250px;
	background-position: center center;
}

.ch-img-2 { 
	background-image: url(../img/panda1.png);
	background-size: 305px;
	background-position: center center;
}

.ch-img-3 { 
	background-image: url(../img/poster1.jpg);
	background-size: 220px;
	background-position: center center;
}

.ch-img-4 { 
	background-image: url(../img/sw111.jpg);
	background-size: 275px;
	background-position: center center;
}

.ch-img-5 { 
	background-image: url(../img/sw131.jpg);
	background-size: 440px;
	background-position: center center;
}

.ch-img-6 { 
	background-image: url(../img/sw141.jpg);
	background-size: 285px;
	background-position: center center;
}

.ch-img-7 { 
	background-image: url(../img/coming1.png);
	background-size: 250px;
	background-position: center center;
}

.ch-img-8 { 
	background-image: url(../img/girl11.jpg);
	background-size: 300px;
	background-position: center center;
}

.ch-img-9 { 
	background-image: url(../img/cat1.jpg);
	background-size: 220px;
	background-position: center center;
}

.ch-img-10 { 
	background-image: url(../img/jj1.jpg);
	background-size: 280px;
	background-position: center center;
}

.ch-img-11 { 
	background-image: url(../img/link1.jpg);
	background-size: 280px;
	background-position: center center;
}
.ch-img-12 { 
	background-image: url(../img/sky1.jpg);
	background-size: 370px;
	background-position: center center;
}

.ch-img-13 { 
	background-image: url(../img/dream1.jpg);
	background-size: 250px;
	background-position: center center;
}

.ch-img-14 { 
	background-image: url(../img/monkey1.jpg);
	background-size: 300px;
	background-position: center center;
}

.ch-img-15 { 
	background-image: url(../img/venus1.jpg);
	background-size: 370px;
	background-position: center center;
}

.ch-img-16 { 
	background-image: url(../img/absent1.jpg);
	background-size: 310px;
	background-position: center;
}

.ch-img-17 { 
	background-image: url(../img/hp1.jpg);
	background-size: 260px;
	background-position: center;
}
.ch-img-18 { 
	background-image: url(../img/fmla1.png);
	background-size: 220px;
	background-position: center;
}
.ch-img-19 { 
	background-image: url(../img/state1.jpg);
	background-size: 220px;
	background-position: center;
}
.ch-img-20 { 
	background-image: url(../img/robots1.jpg);
	background-size: 220px;
	background-position: center;
}
/*coding*/
.ch-img-cs1 {
	background-image: url(../img/logomcgill.png);
	background-size: 250px;
	background-position: center;
}
.ch-img-cs2 {
	background-image: url(../img/gm.png);
	background-size: 310px;
	background-position: center;

} 
.ch-img-cs3 {
	background-image: url(../img/coming1.png);
	background-size: 300px;
	background-position: center;

}
/*personal*/
.ch-img-nyc1 {
	background-image: url(../img/personal/nyc1s.jpg);
	background-size: 300px;
	background-position: center;
}

.ch-img-nyc2 {
	background-image: url(../img/personal/nyc2s.jpg);
	background-size: 500px;
	background-position: center;
}
.ch-img-nyc3 {
	background-image: url(../img/personal/nyc3s.jpg);
	background-size: 350px;
	background-position: center;
}
.ch-img-paris1 {
	background-image: url(../img/personal/paris1s.jpg);
	background-size: 300px;
	background-position: center;
}


.ch-img-paris3 {
	background-image: url(../img/personal/paris3s.jpg);
	background-size: 350px;
	background-position: center;
}
.ch-img-paris4 {
	background-image: url(../img/personal/paris4.jpg);
	background-size: 350px;
	background-position: center;
}

.ch-img-paris5 {
	background-image: url(../img/personal/paris5s.jpg);
	background-size: 220px;
	background-position: center;
}
.ch-img-paris6 {
	background-image: url(../img/personal/paris6s.jpg);
	background-size: 350px;
	background-position: center;
}
.ch-img-paris7 {
	background-image: url(../img/personal/paris7s.jpg);
	background-size: 350px;
	background-position: center;
}

.ch-img-paris8 {
	background-image: url(../img/personal/paris8s.jpg);
	background-size: 320px;
	background-position: center;
}
.ch-img-paris9 {
	background-image: url(../img/personal/paris9s.jpg);
	background-size: 350px;
	background-position: center;
}
.ch-img-paris13 {
	background-image: url(../img/personal/paris13.jpg);
	background-size: 230px;
	background-position: center;
}
.ch-img-swiss1 {
	background-image: url(../img/personal/swiss1s.jpg);
	background-size: 320px;
	background-position: center;
}
.ch-img-swiss2 {
	background-image: url(../img/personal/swiss2s.jpg);
	background-size: 220px;
	background-position: center;
}
.ch-img-swiss3 {
	background-image: url(../img/personal/swiss3s.jpg);
	background-size: 220px;
	background-position: center;
}

.ch-img-jp1 {
	background-image: url(../img/personal/jp1s.jpg);
	background-size: 250px;
	background-position: center;
}
.ch-img-jp2 {
	background-image: url(../img/personal/jp2s.jpg);
	background-size: 380px;
	background-position: center;
}
.ch-img-jp3 {
	background-image: url(../img/personal/jp3s.jpg);
	background-size: 220px;
	background-position: center;
}

.ch-img-jp4 {
	background-image: url(../img/personal/jp4s.jpg);
	background-size: 220px;
	background-position: center;
}
.ch-img-jp5 {
	background-image: url(../img/personal/jp5s.jpg);
	background-size: 350px;
	background-position: center;
}
.ch-img-jp6 {
	background-image: url(../img/personal/jp6s.jpg);
	background-size: 330px;
	background-position: center;
}
.ch-img-jp7 {
	background-image: url(../img/personal/jp7s.jpg);
	background-size: 220px;
	background-position: center;
}

.ch-img-jp8 {
	background-image: url(../img/personal/jp8s.jpg);
	background-size: 350px;
	background-position: center;
}
.ch-img-jp9 {
	background-image: url(../img/personal/jp9s.jpg);
	background-size: 330px;
	background-position: center;
}
.ch-img-jp10 {
	background-image: url(../img/personal/jp10s.jpg);
	background-size: 330px;
	background-position: center;
}
.ch-img-jp11 {
	background-image: url(../img/personal/jp11s.jpg);
	background-size: 330px;
	background-position: center;
}

.ch-img-tw1 {
	background-image: url(../img/personal/tw1s.jpg);
	background-size: 300px;
	background-position: center;
}
.ch-img-tw2 {
	background-image: url(../img/personal/tw2s.jpg);
	background-size: 380px;
	background-position: center;
}
.ch-img-tw3 {
	background-image: url(../img/personal/tw3s.jpg);
	background-size: 280px;
	background-position: center;
}

.ch-img-tw4 {
	background-image: url(../img/personal/tw4s.jpg);
	background-size: 220px;
	background-position: center;
}
.ch-img-tw5 {
	background-image: url(../img/personal/tw5s.jpg);
	background-size: 330px;
	background-position: center;
}
.ch-img-tw6 {
	background-image: url(../img/personal/tw6s.jpg);
	background-size: 400px;
	background-position: center;
}
.ch-img-tw7 {
	background-image: url(../img/personal/tw7s.jpg);
	background-size: 380px;
	background-position: center;
}

.ch-img-tw8 {
	background-image: url(../img/personal/tw8s.jpg);
	background-size: 400px;
	background-position: center;
}
.ch-img-tw9 {
	background-image: url(../img/personal/tw9s.jpg);
	background-size: 330px;
	background-position: center;
}
.ch-img-tw10 {
	background-image: url(../img/personal/tw10s.jpg);
	background-size: 250px;
	background-position: center;
}

.ch-img-cn1 {
	background-image: url(../img/personal/cn1s.jpg);
	background-size: 320px;
	background-position: center;
}
.ch-img-cn2 {
	background-image: url(../img/personal/cn2.jpg);
	background-size: 300px;
	background-position: center;
}
.ch-img-cn3 {
	background-image: url(../img/personal/cn3s.jpg);
	background-size: 350px;
	background-position: center;
}

.ch-img-cn4 {
	background-image: url(../img/personal/cn4s.jpg);
	background-size: 350px;
	background-position: center;
}
.ch-img-cn5 {
	background-image: url(../img/personal/cn5s.jpg);
	background-size: 350px;
	background-position: center;
}
.ch-img-cn6 {
	background-image: url(../img/personal/cn6s.jpg);
	background-size: 360px;
	background-position: center;
}
.ch-img-cn10 {
	background-image: url(../img/personal/cn10.jpg);
	background-size: 320px;
	background-position: center;
}

.ch-img-cn8 {
	background-image: url(../img/personal/cn8s.jpg);
	background-size: 400px;
	background-position: center;
}
.ch-img-cn9 {
	background-image: url(../img/personal/cn9.jpg);
	background-size: 280px;
	background-position: center;
}
.ch-img-cn7 {
	background-image: url(../img/personal/cn7.jpg);
	background-size: 300px;
	background-position: center;
}
.ch-info h3, .ch-info-larger h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	margin: 0 10px;
	padding: 40px 0 0 0;
	height: 75px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}
.ch-info-larger h3 {
	font-size: 16px;
	margin: 0 25px;
	padding: 60px 0 0 0;
	height: 125px;
}

.ch-info h4, .ch-info-larger h4 {
	color: white;
	letter-spacing: 2px;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0;
	font-family: 'Quicksand-Light', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}



.ch-info p, .ch-info-larger p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a, .ch-info-larger p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}
.largelink {
	font-size: 14px !important;
}

.ch-info p a:hover, .ch-info-larger p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover .ch-info-wrap, .ch-item:hover .ch-info-wrap-larger  {
	box-shadow: 
		0 0 0 0 rgba(255,255,255,0.8), 
		inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item:hover .ch-info, .ch-item:hover .ch-info-larger {

	/*transition: -webkit-transform 700ms cubic-bezier(.29,1.44,.86,1.06);
	-webkit-transition: -webkit-transform 700ms cubic-bezier(.29,1.44,.86,1.06);
	-moz-transition: -webkit-transform 700ms cubic-bezier(.29,1.44,.86,1.06);
	-ms-transition: -webkit-transform 700ms cubic-bezier(.29,1.44,.86,1.06);
	-o-transition: -webkit-transform 700ms cubic-bezier(.29,1.44,.86,1.06);*/
	-webkit-transform: rotate3d(0,1,0,180deg);
	-moz-transform: rotate3d(0,1,0,180deg);
	-o-transform: rotate3d(0,1,0,180deg);
	-ms-transform: rotate3d(0,1,0,180deg);
	transform: rotate3d(0,1,0,180deg);
	display:block;

}
.bubble {
	position: relative;
	width: 200px;
	height: 70px;
	padding: 1px;
	background: #F5F5F5;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 1.25em;
	margin-top: -4em;
}

.bubble:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 25px 15px 0;
	border-color: #F5F5F5 transparent;
	display: block;
	width: 0;
	z-index: 1;
	margin-left: -15px;
	bottom: -25px;
	left: 72%;
}
/*addthis*/
.at300bs {
	background: none;
}
.year {
	padding-top: 100px;
	background-image: url(../img/calendar.png);
	background-repeat: no-repeat;
	background-size: 200px;
	background-position: center;
}
.year:not(.firstyear) {
	margin-top: -25em;
	padding-bottom: 5em;
}
.year h2 {
	margin-top:1em;
	font-size: 4.3em;
}
.firstyear h2 {
	padding-bottom: 2em;
}