@charset "UTF-8";
/* CSS Document */


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

.gem-icon-with-text-text>:last-child, .gem-icon-with-text-content>:last-child{
	margin-bottom: 0
}
.gem-icon-with-text-text>:first-child, .gem-icon-with-text-content>:first-child {
	margin-top: 0
}

.gem-icon {
	position: relative;
	font-weight: normal;
	font-family: 'ElegantIcons';
	font-size: 24px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 3px;
	border-color: #ffe27c;
}
.gem-icon.gem-icon-pack-material {
	font-family: 'MaterialDesignIcons'
}
.gem-icon.gem-icon-pack-fontawesome {
	font-family: 'FontAwesome'
}
.gem-icon.gem-icon-pack-userpack {
	font-family: 'UserPack'
}
.gem-icon-centered {
	display: block;
	margin: 0 auto
}
.gem-icon-inner {
	position: relative;
	height: 100%;
	border-radius: 50%;
	width: 46px;
	height: 46px;
	line-height: 46px;
	margin: -1px
}
.gem-icon-size-small {
	font-size: 24px;
	border-style: solid;
	border-width: 3px;
	height: 50px
}
.gem-icon-size-small .gem-icon-inner {
	width: 46px;
	height: 46px;
	line-height: 46px
}
.gem-icon.gem-simple-icon {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border: 0 none
}
.gem-icon.gem-simple-icon .gem-icon-inner {
	width: 100%;
	height: 100%;
	line-height: inherit;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0
}
.gem-icon-shape-square, .gem-simple-icon {
	border-radius: 3px
}
.gem-icon-shape-square .gem-icon-inner {
	border-radius: 0
}
.gem-icon-size-medium {
	font-size: 48px;
	border-width: 4px;
	height: 80px
}
.gem-icon-size-medium .gem-icon-inner {
	width: 74px;
	height: 74px;
	line-height: 74px
}
.gem-icon-size-medium.gem-simple-icon {
	width: 48px;
	height: 48px;
	line-height: 48px
}
.gem-icon-size-medium.gem-icon-shape-square, .gem-icon-size-medium.gem-simple-icon {
	border-radius: 3px
}
.gem-icon-size-large {
	font-size: 96px;
	border-width: 7px;
	height: 160px
}
.gem-icon-size-large .gem-icon-inner {
	width: 148px;
	height: 148px;
	line-height: 148px
}
.gem-icon-size-large.gem-simple-icon {
	width: 96px;
	height: 96px;
	line-height: 96px
}
.gem-icon-size-large.gem-icon-shape-square, .gem-icon-size-large.gem-simple-icon {
	border-radius: 6px
}
.gem-icon-size-xlarge {
	font-size: 144px;
	border-width: 13px;
	height: 240px
}
.gem-icon-size-xlarge .gem-icon-inner {
	width: 216px;
	height: 216px;
	line-height: 216px
}
.gem-icon-size-xlarge.gem-simple-icon {
	width: 144px;
	height: 144px;
	line-height: 144px
}
.gem-icon-size-xlarge.gem-icon-shape-square, .gem-icon-size-xlarge.gem-simple-icon {
	border-radius: 9px
}
.gem-icon .gem-icon-half-1, .gem-icon .gem-icon-half-2 {
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center
}
.gem-icon .gem-icon-half-1 {
	margin-left: -50%
}
.gem-icon .gem-icon-half-2 {
	margin-right: -50%
}
.gem-icon.angle-45deg-l .gem-icon-half-1, .gem-icon.angle-45deg-l .gem-icon-half-2 {
	transform: skew(45deg, 0);
	-o-transform: skew(45deg, 0);
	-ms-transform: skew(45deg, 0);
	-moz-transform: skew(45deg, 0);
	-webkit-transform: skew(45deg, 0)
}
.gem-icon.angle-45deg-r .gem-icon-half-1, .gem-icon.angle-45deg-r .gem-icon-half-2 {
	transform: skew(-45deg, 0);
	-o-transform: skew(-45deg, 0);
	-ms-transform: skew(-45deg, 0);
	-moz-transform: skew(-45deg, 0);
	-webkit-transform: skew(-45deg, 0)
}
.gem-icon .back-angle {
	display: block;
	position: relative;
	width: 200%;
	height: 100%;
}

.home .gem-icon .back-angle {
	top:16%
}
.gem-icon .gem-icon-half-2 .back-angle {
	left: -100%;
}
.gem-icon.angle-45deg-l .back-angle {
	transform: skew(-45deg, 0);
	-o-transform: skew(-45deg, 0);
	-ms-transform: skew(-45deg, 0);
	-moz-transform: skew(-45deg, 0);
	-webkit-transform: skew(-45deg, 0)
}
.gem-icon.angle-45deg-r .back-angle {
	transform: skew(45deg, 0);
	-o-transform: skew(45deg, 0);
	-ms-transform: skew(45deg, 0);
	-moz-transform: skew(45deg, 0);
	-webkit-transform: skew(45deg, 0)
}

/* HExagonal Shape */.gem-icon-shape-hexagon {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 0;
	position: relative
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back {
	display: block;
	-webkit-transform: rotate(-30deg) skewX(30deg);
	-ms-transform: rotate(-30deg) skewX(30deg);
	-o-transform: rotate(-30deg) skewX(30deg);
	transform: rotate(-30deg) skewX(30deg);
	overflow: hidden;
	position: relative;
	z-index: 1;
	font-size: 0;
	line-height: 1
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back .gem-icon-shape-hexagon-back-inner, .gem-icon-shape-hexagon .gem-icon-shape-hexagon-back .gem-icon-shape-hexagon-back-inner-before {
	display: block;
	width: inherit;
	height: inherit;
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	border-radius: inherit;
	overflow: hidden
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back .gem-icon-shape-hexagon-back-inner {
	-webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
	-ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
	-o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
	transform: skewX(-30deg) rotate(60deg) skewX(30deg)
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back .gem-icon-shape-hexagon-back-inner-before {
	-webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
	-ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
	-o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
	transform: skewX(-30deg) rotate(60deg) skewX(30deg)
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top {
	display: block;
	-webkit-transform: rotate(-30deg) skewX(30deg);
	-ms-transform: rotate(-30deg) skewX(30deg);
	-o-transform: rotate(-30deg) skewX(30deg);
	transform: rotate(-30deg) skewX(30deg);
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	font-size: 0;
	line-height: 1
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top .gem-icon-shape-hexagon-top-inner, .gem-icon-shape-hexagon .gem-icon-shape-hexagon-top .gem-icon-shape-hexagon-top-inner-before {
	display: block;
	width: inherit;
	height: inherit;
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	border-radius: inherit;
	overflow: hidden
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top .gem-icon-shape-hexagon-top-inner {
	-webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
	-ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
	-o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
	transform: skewX(-30deg) rotate(60deg) skewX(30deg)
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top .gem-icon-shape-hexagon-top-inner-before {
	-webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
	-ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
	-o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
	transform: skewX(-30deg) rotate(60deg) skewX(30deg)
}
.gem-icon-shape-hexagon .gem-icon-inner {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: none !important;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	margin: 0
}
.gem-icon-shape-hexagon.gem-icon-size-small, .wpb_column>.wpb_wrapper>.gem-icon-shape-hexagon.gem-icon-size-small:last-child {
	margin: 3px 0
}
.gem-icon-shape-hexagon.gem-icon-size-small .gem-icon-shape-hexagon-back {
	width: 59px;
	height: 49px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
.gem-icon-shape-hexagon.gem-icon-size-small .gem-icon-shape-hexagon-top {
	width: 55px;
	height: 45px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	left: 2px;
	top: 2px
}
.gem-icon-shape-hexagon.gem-icon-size-small .gem-icon-inner {
	line-height: 49px
}
.gem-icon-shape-hexagon.gem-icon-size-medium, .wpb_column>.wpb_wrapper>.gem-icon-shape-hexagon.gem-icon-size-medium:last-child {
	margin: 5px 0
}
.gem-icon-shape-hexagon.gem-icon-size-medium .gem-icon-shape-hexagon-back {
	width: 91px;
	height: 77px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px
}
.gem-icon-shape-hexagon.gem-icon-size-medium .gem-icon-shape-hexagon-top {
	width: 85px;
	height: 71px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	left: 3px;
	top: 3px
}
.gem-icon-shape-hexagon.gem-icon-size-medium .gem-icon-inner {
	line-height: 77px
}
.gem-icon-shape-hexagon.gem-icon-size-large, .wpb_column>.wpb_wrapper>.gem-icon-shape-hexagon.gem-icon-size-large:last-child {
	margin: 11px 0
}
.gem-icon-shape-hexagon.gem-icon-size-large .gem-icon-shape-hexagon-back {
	width: 181px;
	height: 153px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}
.gem-icon-shape-hexagon.gem-icon-size-large .gem-icon-shape-hexagon-top {
	width: 169px;
	height: 141px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	left: 6px;
	top: 6px
}
.gem-icon-shape-hexagon.gem-icon-size-large .gem-icon-inner {
	line-height: 153px
}
.gem-icon-shape-hexagon.gem-icon-size-xlarge, .wpb_column>.wpb_wrapper>.gem-icon-shape-hexagon.gem-icon-size-xlarge:last-child {
	margin: 16px 0
}
.gem-icon-shape-hexagon.gem-icon-size-xlarge .gem-icon-shape-hexagon-back {
	width: 267px;
	height: 227px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 12px
}
.gem-icon-shape-hexagon.gem-icon-size-xlarge .gem-icon-shape-hexagon-top {
	width: 243px;
	height: 203px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	left: 12px;
	top: 12px
}
.gem-icon-shape-hexagon.gem-icon-size-xlarge .gem-icon-inner {
	line-height: 227px
}




/* ANIMATION * /

/* première étape */
.gem-icon-mov:hover, .gem-icon-mov:focus {

color: black;
animation-name: ico-mov; /* nom de l'animation */
animation-duration: 4s; /* temps de l'animation (4s) */
animation-iteration-count: infinite; /* nombre de boucles (infinie) */
animation-timing-function: linear; /* accelération de l'animation (constant) */
}
/* deuxième étape */
@keyframes ico-mov {
  0% { transform: rotate(0deg) translate(10px) rotate(0deg); }
  100% { transform: rotate(360deg) translate(10px) rotate(-360deg); }
}