@import url(http://fonts.googleapis.com/css?family=Dosis:400,300,500);
.qtip {
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;
	max-width: 280px;
	min-width: 50px;
	font-size: 10.5px;
	line-height: 12px;
	direction: ltr;
	box-shadow: none;
	padding: 0
}
.qtip-content {
	position: relative;
	padding: 5px 9px;
	overflow: hidden;
	text-align: left;
	word-wrap: break-word
}
.qtip-titlebar {
	position: relative;
	padding: 5px 35px 5px 10px;
	overflow: hidden;
	border-width: 0 0 1px;
	font-weight: 700
}
.qtip-titlebar+.qtip-content {
	border-top-width: 0!important
}
.qtip-close {
	position: absolute;
	right: -9px;
	top: -9px;
	z-index: 11;
	cursor: pointer;
	outline: 0;
	border: 1px solid transparent
}
.qtip-titlebar .qtip-close {
	right: 4px;
	top: 50%;
	margin-top: -9px
}
* html .qtip-titlebar .qtip-close {
	top: 16px
}
.qtip-icon .ui-icon, .qtip-titlebar .ui-icon {
	display: block;
	text-indent: -1000em;
	direction: ltr
}
.qtip-icon, .qtip-icon .ui-icon {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none
}
.qtip-icon .ui-icon {
	width: 18px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	text-indent: 0;
	font: 400 bold 10px/13px Tahoma, sans-serif;
	color: inherit;
	background: -100em -100em no-repeat
}
.qtip-default {
	border: 1px solid #F1D031;
	background-color: #FFFFA3;
	color: #555
}
.qtip-default .qtip-titlebar {
	background-color: #FFEF93
}
.qtip-default .qtip-icon {
	border-color: #CCC;
	background: #F1F1F1;
	color: #777
}
.qtip-default .qtip-titlebar .qtip-close {
	border-color: #AAA;
	color: #111
}
.qtip-light {
	background-color: #fff;
	border-color: #E2E2E2;
	color: #454545
}
.qtip-light .qtip-titlebar {
	background-color: #f1f1f1
}
.qtip-dark {
	background-color: #505050;
	border-color: #303030;
	color: #f3f3f3
}
.qtip-dark .qtip-titlebar {
	background-color: #404040
}
.qtip-dark .qtip-icon {
	border-color: #444
}
.qtip-dark .qtip-titlebar .ui-state-hover {
	border-color: #303030
}
.qtip-cream {
	background-color: #FBF7AA;
	border-color: #F9E98E;
	color: #A27D35
}
.qtip-cream .qtip-titlebar {
	background-color: #F0DE7D
}
.qtip-cream .qtip-close .qtip-icon {
	background-position: -82px 0
}
.qtip-red {
	background-color: #F78B83;
	border-color: #D95252;
	color: #912323
}
.qtip-red .qtip-titlebar {
	background-color: #F06D65
}
.qtip-red .qtip-close .qtip-icon {
	background-position: -102px 0
}
.qtip-red .qtip-icon, .qtip-red .qtip-titlebar .ui-state-hover {
	border-color: #D95252
}
.qtip-green {
	background-color: #CAED9E;
	border-color: #90D93F;
	color: #3F6219
}
.qtip-green .qtip-titlebar {
	background-color: #B0DE78
}
.qtip-green .qtip-close .qtip-icon {
	background-position: -42px 0
}
.qtip-blue {
	background-color: #E5F6FE;
	border-color: #ADD9ED;
	color: #5E99BD
}
.qtip-blue .qtip-titlebar {
	background-color: #D0E9F5
}
.qtip-blue .qtip-close .qtip-icon {
	background-position: -2px 0
}
.qtip-shadow {
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.15);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,.15)
}
.qtip-bootstrap, .qtip-rounded, .qtip-tipsy {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}
.qtip-rounded .qtip-titlebar {
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0
}
.qtip-youtube {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;
	color: #fff;
	border: 0 solid transparent;
	background: #4A4A4A;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A), color-stop(100%,#000));
	background-image: -webkit-linear-gradient(top,#4A4A4A 0,#000 100%);
	background-image: -moz-linear-gradient(top,#4A4A4A 0,#000 100%);
	background-image: -ms-linear-gradient(top,#4A4A4A 0,#000 100%);
	background-image: -o-linear-gradient(top,#4A4A4A 0,#000 100%)
}
.qtip-youtube .qtip-titlebar {
	background-color: transparent
}
.qtip-youtube .qtip-content {
	padding: .75em;
	font: 12px arial, sans-serif;
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
	-ms-filter: "progid: DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
	"
}
.qtip-youtube .qtip-icon {
	border-color: #222
}
.qtip-youtube .qtip-titlebar .ui-state-hover {
	border-color: #303030
}
.qtip-jtools {
	background: #232323;
	background: rgba(0,0,0,.7);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#717171), to(#232323));
	background-image: -moz-linear-gradient(top,#717171,#232323);
	background-image: -webkit-linear-gradient(top,#717171,#232323);
	background-image: -ms-linear-gradient(top,#717171,#232323);
	background-image: -o-linear-gradient(top,#717171,#232323);
	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333
}
.qtip-jtools .qtip-titlebar {
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
	-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"
}
.qtip-jtools .qtip-content {
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
	-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"
}
.qtip-jtools .qtip-content, .qtip-jtools .qtip-titlebar {
	background: 0 0;
	color: #fff;
	border: 0 dashed transparent
}
.qtip-jtools .qtip-icon {
	border-color: #555
}
.qtip-jtools .qtip-titlebar .ui-state-hover {
	border-color: #333
}
.qtip-cluetip {
	-webkit-box-shadow: 4px 4px 5px rgba(0,0,0,.4);
	-moz-box-shadow: 4px 4px 5px rgba(0,0,0,.4);
	box-shadow: 4px 4px 5px rgba(0,0,0,.4);
	background-color: #D9D9C2;
	color: #111;
	border: 0 dashed transparent
}
.qtip-cluetip .qtip-titlebar {
	background-color: #87876A;
	color: #fff;
	border: 0 dashed transparent
}
.qtip-cluetip .qtip-icon {
	border-color: #808064
}
.qtip-cluetip .qtip-titlebar .ui-state-hover {
	border-color: #696952;
	color: #696952
}
.qtip-tipsy {
	background: #000;
	background: rgba(0,0,0,.87);
	color: #fff;
	border: 0 solid transparent;
	font-size: 11px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: 700;
	line-height: 16px;
	text-shadow: 0 1px #000
}
.qtip-tipsy .qtip-titlebar {
	padding: 6px 35px 0 10px;
	background-color: transparent
}
.qtip-tipsy .qtip-content {
	padding: 6px 10px
}
.qtip-tipsy .qtip-icon {
	border-color: #222;
	text-shadow: none
}
.qtip-tipsy .qtip-titlebar .ui-state-hover {
	border-color: #303030
}
.qtip-tipped {
	border: 3px solid #959FA9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #F9F9F9;
	color: #454545;
	font-weight: 400;
	font-family: serif
}
.qtip-tipped .qtip-titlebar {
	border-bottom-width: 0;
	color: #fff;
	background: #3A79B8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#3A79B8), to(#2E629D));
	background-image: -webkit-linear-gradient(top,#3A79B8,#2E629D);
	background-image: -moz-linear-gradient(top,#3A79B8,#2E629D);
	background-image: -ms-linear-gradient(top,#3A79B8,#2E629D);
	background-image: -o-linear-gradient(top,#3A79B8,#2E629D);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
	-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"
}
.qtip-tipped .qtip-icon {
	border: 2px solid #285589;
	background: #285589
}
.qtip-tipped .qtip-icon .ui-icon {
	background-color: #FBFBFB;
	color: #555
}
.qtip-bootstrap {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	padding: 1px;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box
}
.qtip-bootstrap .qtip-titlebar {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0
}
.qtip-bootstrap .qtip-titlebar .qtip-close {
	right: 11px;
	top: 45%;
	border-style: none
}
.qtip-bootstrap .qtip-content {
	padding: 9px 14px
}
.qtip-bootstrap .qtip-icon {
	background: 0 0
}
.qtip-bootstrap .qtip-icon .ui-icon {
	width: auto;
	height: auto;
	float: right;
	font-size: 20px;
	font-weight: 700;
	line-height: 18px;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	filter: alpha(opacity=20)
}
.qtip-bootstrap .qtip-icon .ui-icon:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: .4;
	filter: alpha(opacity=40)
}
.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar {
	filter: none;
	-ms-filter: none
}
.qtip .qtip-tip {
	margin: 0 auto;
	overflow: hidden;
	z-index: 10
}
.qtip .qtip-tip, x:-o-prefocus {
	visibility: hidden
}
.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas {
	position: absolute;
	color: #123456;
	background: 0 0;
	border: 0 dashed transparent
}
.qtip .qtip-tip canvas {
	top: 0;
	left: 0
}

strong {
    font-weight: bold;
} 

.center {
	text-align: center;
	position: relative;
    transform: translateY(-50%);
	
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
40% {
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
}
60% {
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
40% {
	-webkit-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
}
60% {
	-webkit-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
	opacity: 1;
}
25%, 75% {
	opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
	opacity: 1;
}
25%, 75% {
	opacity: 0;
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes pulse {
0% {
	-webkit-transform: scale(1);
	transform: scale(1);
}
50% {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
100% {
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
@keyframes pulse {
0% {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
50% {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
100% {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
	-webkit-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
	-webkit-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes swing {
20% {
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
}
40% {
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
}
60% {
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
}
80% {
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
100% {
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
}
@keyframes swing {
20% {
	-webkit-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg);
}
40% {
	-webkit-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
}
60% {
	-webkit-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
}
80% {
	-webkit-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
100% {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
}
.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}
@-webkit-keyframes tada {
0% {
	-webkit-transform: scale(1);
	transform: scale(1);
}
10%, 20% {
	-webkit-transform: scale(0.9) rotate(-3deg);
	transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
	-webkit-transform: scale(1.1) rotate(3deg);
	transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
	-webkit-transform: scale(1.1) rotate(-3deg);
	transform: scale(1.1) rotate(-3deg);
}
100% {
	-webkit-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
10%, 20% {
	-webkit-transform: scale(0.9) rotate(-3deg);
	-ms-transform: scale(0.9) rotate(-3deg);
	transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
	-webkit-transform: scale(1.1) rotate(3deg);
	-ms-transform: scale(1.1) rotate(3deg);
	transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
	-webkit-transform: scale(1.1) rotate(-3deg);
	-ms-transform: scale(1.1) rotate(-3deg);
	transform: scale(1.1) rotate(-3deg);
}
100% {
	-webkit-transform: scale(1) rotate(0);
	-ms-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes wobble {
0% {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
15% {
	-webkit-transform: translateX(-25%) rotate(-5deg);
	transform: translateX(-25%) rotate(-5deg);
}
30% {
	-webkit-transform: translateX(20%) rotate(3deg);
	transform: translateX(20%) rotate(3deg);
}
45% {
	-webkit-transform: translateX(-15%) rotate(-3deg);
	transform: translateX(-15%) rotate(-3deg);
}
60% {
	-webkit-transform: translateX(10%) rotate(2deg);
	transform: translateX(10%) rotate(2deg);
}
75% {
	-webkit-transform: translateX(-5%) rotate(-1deg);
	transform: translateX(-5%) rotate(-1deg);
}
100% {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
}
@keyframes wobble {
0% {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
15% {
	-webkit-transform: translateX(-25%) rotate(-5deg);
	-ms-transform: translateX(-25%) rotate(-5deg);
	transform: translateX(-25%) rotate(-5deg);
}
30% {
	-webkit-transform: translateX(20%) rotate(3deg);
	-ms-transform: translateX(20%) rotate(3deg);
	transform: translateX(20%) rotate(3deg);
}
45% {
	-webkit-transform: translateX(-15%) rotate(-3deg);
	-ms-transform: translateX(-15%) rotate(-3deg);
	transform: translateX(-15%) rotate(-3deg);
}
60% {
	-webkit-transform: translateX(10%) rotate(2deg);
	-ms-transform: translateX(10%) rotate(2deg);
	transform: translateX(10%) rotate(2deg);
}
75% {
	-webkit-transform: translateX(-5%) rotate(-1deg);
	-ms-transform: translateX(-5%) rotate(-1deg);
	transform: translateX(-5%) rotate(-1deg);
}
100% {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
	opacity: 0;
	-webkit-transform: scale(0.3);
	transform: scale(0.3);
}
50% {
	opacity: 1;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
70% {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
100% {
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
@keyframes bounceIn {
0% {
	opacity: 0;
	-webkit-transform: scale(0.3);
	-ms-transform: scale(0.3);
	transform: scale(0.3);
}
50% {
	opacity: 1;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
70% {
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}
100% {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	transform: translateY(-2000px);
}
60% {
	opacity: 1;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
}
80% {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	transform: translateY(-2000px);
}
60% {
	opacity: 1;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
}
80% {
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}
100% {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px);
}
60% {
	opacity: 1;
	-webkit-transform: translateX(30px);
	transform: translateX(30px);
}
80% {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}
100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	transform: translateX(-2000px);
}
60% {
	opacity: 1;
	-webkit-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform: translateX(30px);
}
80% {
	-webkit-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	transform: translateX(-10px);
}
100% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	transform: translateX(2000px);
}
60% {
	opacity: 1;
	-webkit-transform: translateX(-30px);
	transform: translateX(-30px);
}
80% {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}
100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	transform: translateX(2000px);
}
60% {
	opacity: 1;
	-webkit-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	transform: translateX(-30px);
}
80% {
	-webkit-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
}
100% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
	transform: translateY(2000px);
}
60% {
	opacity: 1;
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
}
80% {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}
100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	transform: translateY(2000px);
}
60% {
	opacity: 1;
	-webkit-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
}
80% {
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
}
100% {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
	-webkit-transform: scale(1);
	transform: scale(1);
}
25% {
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
}
50% {
	opacity: 1;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
100% {
	opacity: 0;
	-webkit-transform: scale(0.3);
	transform: scale(0.3);
}
}
@keyframes bounceOut {
0% {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
25% {
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
}
50% {
	opacity: 1;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
100% {
	opacity: 0;
	-webkit-transform: scale(0.3);
	-ms-transform: scale(0.3);
	transform: scale(0.3);
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
20% {
	opacity: 1;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}
100% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
	transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
20% {
	opacity: 1;
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
}
100% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	transform: translateY(2000px);
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
20% {
	opacity: 1;
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}
100% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
20% {
	opacity: 1;
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}
100% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	transform: translateX(-2000px);
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
20% {
	opacity: 1;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
}
100% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
20% {
	opacity: 1;
	-webkit-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	transform: translateX(-20px);
}
100% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	transform: translateX(2000px);
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
20% {
	opacity: 1;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}
100% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
20% {
	opacity: 1;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
}
100% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	transform: translateY(-2000px);
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}
@keyframes fadeIn {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
	opacity: 0;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}
100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
	opacity: 0;
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
}
100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	transform: translateY(-2000px);
}
100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	transform: translateY(-2000px);
}
100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
	opacity: 0;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
}
100% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
	opacity: 0;
	-webkit-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	transform: translateX(-20px);
}
100% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px);
}
100% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	transform: translateX(-2000px);
}
100% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
	opacity: 0;
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}
100% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
	opacity: 0;
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}
100% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	transform: translateX(2000px);
}
100% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	transform: translateX(2000px);
}
100% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}
100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
	opacity: 0;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
}
100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
	transform: translateY(2000px);
}
100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	transform: translateY(2000px);
}
100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
	opacity: 1;
}
100% {
	opacity: 0;
}
}
@keyframes fadeOut {
0% {
	opacity: 1;
}
100% {
	opacity: 0;
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
	transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	transform: translateY(2000px);
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	transform: translateX(-20px);
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	transform: translateX(2000px);
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	transform: translateY(-2000px);
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
	-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
	transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
}
0%, 40% {
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
40% {
	-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
	transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
}
50% {
	-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
	transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
80% {
	-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
	transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
}
80%, 100% {
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
100% {
	-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
	transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
}
}
@keyframes flip {
0% {
	-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
	-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
	transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
}
0%, 40% {
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
40% {
	-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
	-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
	transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
}
50% {
	-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
	-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
	transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
80% {
	-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
	-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
	transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
}
80%, 100% {
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
100% {
	-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
	-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
	transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0;
}
40% {
	-webkit-transform: perspective(400px) rotateX(-10deg);
	transform: perspective(400px) rotateX(-10deg);
}
70% {
	-webkit-transform: perspective(400px) rotateX(10deg);
	transform: perspective(400px) rotateX(10deg);
}
100% {
	-webkit-transform: perspective(400px) rotateX(0);
	transform: perspective(400px) rotateX(0);
	opacity: 1;
}
}
@keyframes flipInX {
0% {
	-webkit-transform: perspective(400px) rotateX(90deg);
	-ms-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0;
}
40% {
	-webkit-transform: perspective(400px) rotateX(-10deg);
	-ms-transform: perspective(400px) rotateX(-10deg);
	transform: perspective(400px) rotateX(-10deg);
}
70% {
	-webkit-transform: perspective(400px) rotateX(10deg);
	-ms-transform: perspective(400px) rotateX(10deg);
	transform: perspective(400px) rotateX(10deg);
}
100% {
	-webkit-transform: perspective(400px) rotateX(0);
	-ms-transform: perspective(400px) rotateX(0);
	transform: perspective(400px) rotateX(0);
	opacity: 1;
}
}
.flipInX {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0;
}
40% {
	-webkit-transform: perspective(400px) rotateY(-10deg);
	transform: perspective(400px) rotateY(-10deg);
}
70% {
	-webkit-transform: perspective(400px) rotateY(10deg);
	transform: perspective(400px) rotateY(10deg);
}
100% {
	-webkit-transform: perspective(400px) rotateY(0);
	transform: perspective(400px) rotateY(0);
	opacity: 1;
}
}
@keyframes flipInY {
0% {
	-webkit-transform: perspective(400px) rotateY(90deg);
	-ms-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0;
}
40% {
	-webkit-transform: perspective(400px) rotateY(-10deg);
	-ms-transform: perspective(400px) rotateY(-10deg);
	transform: perspective(400px) rotateY(-10deg);
}
70% {
	-webkit-transform: perspective(400px) rotateY(10deg);
	-ms-transform: perspective(400px) rotateY(10deg);
	transform: perspective(400px) rotateY(10deg);
}
100% {
	-webkit-transform: perspective(400px) rotateY(0);
	-ms-transform: perspective(400px) rotateY(0);
	transform: perspective(400px) rotateY(0);
	opacity: 1;
}
}
.flipInY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
	-webkit-transform: perspective(400px) rotateX(0);
	transform: perspective(400px) rotateX(0);
	opacity: 1;
}
100% {
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0;
}
}
@keyframes flipOutX {
0% {
	-webkit-transform: perspective(400px) rotateX(0);
	-ms-transform: perspective(400px) rotateX(0);
	transform: perspective(400px) rotateX(0);
	opacity: 1;
}
100% {
	-webkit-transform: perspective(400px) rotateX(90deg);
	-ms-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0;
}
}
.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
	-webkit-transform: perspective(400px) rotateY(0);
	transform: perspective(400px) rotateY(0);
	opacity: 1;
}
100% {
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0;
}
}
@keyframes flipOutY {
0% {
	-webkit-transform: perspective(400px) rotateY(0);
	-ms-transform: perspective(400px) rotateY(0);
	transform: perspective(400px) rotateY(0);
	opacity: 1;
}
100% {
	-webkit-transform: perspective(400px) rotateY(90deg);
	-ms-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0;
}
}
.flipOutY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
	-webkit-transform: translateX(100%) skewX(-30deg);
	transform: translateX(100%) skewX(-30deg);
	opacity: 0;
}
60% {
	-webkit-transform: translateX(-20%) skewX(30deg);
	transform: translateX(-20%) skewX(30deg);
	opacity: 1;
}
80% {
	-webkit-transform: translateX(0%) skewX(-15deg);
	transform: translateX(0%) skewX(-15deg);
	opacity: 1;
}
100% {
	-webkit-transform: translateX(0%) skewX(0);
	transform: translateX(0%) skewX(0);
	opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
	-webkit-transform: translateX(100%) skewX(-30deg);
	-ms-transform: translateX(100%) skewX(-30deg);
	transform: translateX(100%) skewX(-30deg);
	opacity: 0;
}
60% {
	-webkit-transform: translateX(-20%) skewX(30deg);
	-ms-transform: translateX(-20%) skewX(30deg);
	transform: translateX(-20%) skewX(30deg);
	opacity: 1;
}
80% {
	-webkit-transform: translateX(0%) skewX(-15deg);
	-ms-transform: translateX(0%) skewX(-15deg);
	transform: translateX(0%) skewX(-15deg);
	opacity: 1;
}
100% {
	-webkit-transform: translateX(0%) skewX(0);
	-ms-transform: translateX(0%) skewX(0);
	transform: translateX(0%) skewX(0);
	opacity: 1;
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
	-webkit-transform: translateX(0%) skewX(0);
	transform: translateX(0%) skewX(0);
	opacity: 1;
}
100% {
	-webkit-transform: translateX(100%) skewX(-30deg);
	transform: translateX(100%) skewX(-30deg);
	opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
	-webkit-transform: translateX(0%) skewX(0);
	-ms-transform: translateX(0%) skewX(0);
	transform: translateX(0%) skewX(0);
	opacity: 1;
}
100% {
	-webkit-transform: translateX(100%) skewX(-30deg);
	-ms-transform: translateX(100%) skewX(-30deg);
	transform: translateX(100%) skewX(-30deg);
	opacity: 0;
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
	-webkit-transform: rotate(-200deg);
	transform: rotate(-200deg);
	opacity: 0;
}
0%, 100% {
	-webkit-transform-origin: center center;
	transform-origin: center center;
}
100% {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
}
@keyframes rotateIn {
0% {
	-webkit-transform: rotate(-200deg);
	-ms-transform: rotate(-200deg);
	transform: rotate(-200deg);
	opacity: 0;
}
0%, 100% {
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}
100% {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}
0%, 100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
100% {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}
0%, 100% {
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
}
100% {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}
0%, 100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}
100% {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}
0%, 100% {
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
}
100% {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}
0%, 100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
100% {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}
0%, 100% {
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
}
100% {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}
0%, 100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}
100% {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}
0%, 100% {
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
}
100% {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
0%, 100% {
	-webkit-transform-origin: center center;
	transform-origin: center center;
}
100% {
	-webkit-transform: rotate(200deg);
	transform: rotate(200deg);
	opacity: 0;
}
}
@keyframes rotateOut {
0% {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
0%, 100% {
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}
100% {
	-webkit-transform: rotate(200deg);
	-ms-transform: rotate(200deg);
	transform: rotate(200deg);
	opacity: 0;
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
0%, 100% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}
100% {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
0%, 100% {
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
}
100% {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
0%, 100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}
100% {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
0%, 100% {
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
}
100% {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
100% {
	-transform-origin: left bottom;
	-transform: rotate(-90deg);
	opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
100% {
	-transform-origin: left bottom;
	-transform: rotate(-90deg);
	opacity: 0;
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
0%, 100% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
}
100% {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}
0%, 100% {
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
}
100% {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	transform: translateY(-2000px);
}
100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	transform: translateY(-2000px);
}
100% {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px);
}
100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	transform: translateX(-2000px);
}
100% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	transform: translateX(2000px);
}
100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	transform: translateX(2000px);
}
100% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	transform: translateX(-2000px);
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	transform: translateX(2000px);
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	transform: translateY(-2000px);
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
0%, 20%, 60% {
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}
20%, 60% {
	-webkit-transform: rotate(80deg);
	transform: rotate(80deg);
}
40% {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}
40%, 80% {
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}
80% {
	-webkit-transform: rotate(60deg) translateY(0);
	transform: rotate(60deg) translateY(0);
	opacity: 1;
}
100% {
	-webkit-transform: translateY(700px);
	transform: translateY(700px);
	opacity: 0;
}
}
@keyframes hinge {
0% {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
0%, 20%, 60% {
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}
20%, 60% {
	-webkit-transform: rotate(80deg);
	-ms-transform: rotate(80deg);
	transform: rotate(80deg);
}
40% {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
40%, 80% {
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}
80% {
	-webkit-transform: rotate(60deg) translateY(0);
	-ms-transform: rotate(60deg) translateY(0);
	transform: rotate(60deg) translateY(0);
	opacity: 1;
}
100% {
	-webkit-transform: translateY(700px);
	-ms-transform: translateY(700px);
	transform: translateY(700px);
	opacity: 0;
}
}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge;
}
@-webkit-keyframes rollIn {
0% {
	opacity: 0;
	-webkit-transform: translateX(-100%) rotate(-120deg);
	transform: translateX(-100%) rotate(-120deg);
}
100% {
	opacity: 1;
	-webkit-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0);
}
}
@keyframes rollIn {
0% {
	opacity: 0;
	-webkit-transform: translateX(-100%) rotate(-120deg);
	-ms-transform: translateX(-100%) rotate(-120deg);
	transform: translateX(-100%) rotate(-120deg);
}
100% {
	opacity: 1;
	-webkit-transform: translateX(0) rotate(0);
	-ms-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0);
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}
@-webkit-keyframes rollOut {
0% {
	opacity: 1;
	-webkit-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateX(100%) rotate(120deg);
	transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
	opacity: 1;
	-webkit-transform: translateX(0) rotate(0);
	-ms-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0);
}
100% {
	opacity: 0;
	-webkit-transform: translateX(100%) rotate(120deg);
	-ms-transform: translateX(100%) rotate(120deg);
	transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}
#container .pane-front-topmachines {
	background-color: none;
	padding-bottom: 6px;
}
#container .pane-front-topmachines .panel-col-first {
	background-color: #fff;
}
#container .pane-front-topmachines .panel-col-first .inside {
	padding: 0 15px;
}
#container .pane-front-topmachines .panel-col-last {
	background-color: #000;
}
#container .pane-front-topmachines .panel-col-last .inside {
	padding-top: 30px;
	padding-right: 30px;
}
#container .pane-front-topmachines .pane-topmachines {
	border-bottom: 30px solid transparent;
}
#container .pane-front-topmachines .pane-topmachines.center-content {
	margin-bottom: 40px;
}
#container .pane-front-topmachines .pane-topmachines .tweets-pulled-listing {
	margin: 0 auto;
	width: 100%;
	padding: 0;
}
#container .pane-front-topmachines .pane-topmachines .tweets-pulled-listing li {
	background-color: #E9EAEC;
	margin: 10px 10px 2% 10px;
	padding: 15px;
	color: #000;
	text-align: center;
	width: 30%;
	border: 1px solid #fff;
	display: block;
	float: right;
}

.tweet-time {
	font-weight: 700;
	margin-bottom: 10px;
}
#container .pane-front-topmachines .pane-topmachines .tweets-pulled-listing li .tweet-time a {
	color: #000;
	text-decoration: none;
  font-size: 18px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: 700;
}
#container .pane-front-topmachines .pane-topmachines .tweets-pulled-listing li .tweet-screenname a {
	color: #6B6A6A;
	text-decoration: none;
}
#container .pane-front-topmachines .pane-topmachines .tweets-pulled-listing li .tweet-text {
	font-size: 18px;
	line-height: 30px;
	font-weight: 200;
	padding: 10px 0;
}
#container .pane-front-topmachines .pane-topmachines .tweets-pulled-listing li .tweet-text a {
	color: #FFF;
}
#container .pane-front-topmachines .pane-topmachines .tweet-text, #container .pane-front-topmachines .pane-topmachines .tweet-screenname {
	padding-bottom: 2px;
}
#container .pane-front-topmachines .pane-wemadeyoulook-instagram #instafeed:hover img {
	opacity: 0.4;
}
#container .pane-front-topmachines .pane-wemadeyoulook-instagram #instafeed a {
	display: block;
	float: left;
	border-bottom: 30px solid transparent;
	border-left: 30px solid transparent;
	overflow: hidden;
	width: 33%;
}
#container .pane-front-topmachines .pane-wemadeyoulook-instagram #instafeed a img {
	border: 0 none;
	height: auto;
	display: block;
	width: 100%;
}
#container .pane-front-topmachines .pane-wemadeyoulook-instagram #instafeed a img:hover {
	transform: scale(1.2) rotate(7deg) !important;
	opacity: 1;
}
#container section.slideshow #logo-slide-wrapper {
	margin-top: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 3;
}
#container section.slideshow #logo-slide-wrapper #box {
	max-width: 1280px;
	margin: 0 auto;
	width: 100%;
}
#container section.slideshow #logo-slide-wrapper #box #logo-slide {
	width: 60%;
	opacity: 1;
	z-index: 400;
	position: relative;
	z-index: 2;
}
#container section.slideshow #views_slideshow_controls_text_slideshow-block {
	width: 100%;
	position: relative;
}
#container section.slideshow #views_slideshow_controls_text_slideshow-block #views_slideshow_controls_text_pause_slideshow-block {
	display: none;
}
#container section.slideshow #views_slideshow_controls_text_slideshow-block #views_slideshow_controls_text_previous_slideshow-block {
	position: absolute;
	top: 20px;
}
#container section.slideshow #widget_pager_bottom_slideshow-block {
	border: 0 none;
	height: 30px;
	position: absolute;
	text-align: center;
	z-index: 2222;
	display: inline-block;
	bottom: 56px;
}
#container section.slideshow #widget_pager_bottom_slideshow-block .views-slideshow-pager-field-item {
	background-color: #000;
	float: left;
	height: 25px;
	overflow: hidden;
	padding: 10px;
	text-indent: 1000000px;
	width: 25px;
	cursor: pointer;
}
#container section.slideshow #widget_pager_bottom_slideshow-block .views-slideshow-pager-field-item.active {
	background-color: #fff;
}
#container section.slideshow .region-slideshow, #container section.slideshow .region-slideshow .block, #container section.slideshow .region-slideshow .block .content, #container section.slideshow .region-slideshow .block .content div {
	height: 100%;
	position: relative;
	z-index: 2;
}
.views-slideshow-cycle-main-frame-row {
	width: 100% !important;
	height: 100% !important;
}
#container section.slideshow .region-slideshow .block .content .views-slideshow-controls-bottom {
	height: 30px;
	width: 100%;
	text-align: center;
	position: relative;
}
#container section.slideshow {
	height: 10%;
	width: 100%;
	padding-top: 0;
	position: fixed;
	top: 0;
	z-index: -1;
}
#container section.slideshow .slideshow-bg {
	background-size: cover;
	height: 100%;
	min-height: 103px;
	position: inherit !important;
	width: 100%;
}
.panel-2col .panel-col-last .inside, .panel-2col .panel-col-first .inside {
	margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
html {
	min-height: 100%;
	position: relative;
}
body {
	margin: 0;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	padding: 0;
	margin: 0;
	background-color: #FFF;
	-webkit-font-smoothing: antialiased;
	word-break: break-word;
}
body.toolbar-drawer header {
	top: 65px !important;
}
body.overflow-hidden {
	overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 200;
}
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
#container {
	width: 100%;
	position: relative;
	margin: 0 auto;
	min-height: 100%;
}

h3.block-click a {
    cursor: pointer;
    display: inline-block;
    color: #fff;
    line-height: 1;
    padding: 0.6em 0.8em;
	text-decoration:underline;
}
h3.block-click a:hover {
    cursor: pointer;
    display: inline-block;
    color: #000;
    line-height: 1;
    padding: 0.6em 0.8em;
	text-decoration: none;
	background: #fff;
}

.block-click {
	position: relative;
	background: #E74C3C;
	border: 2px solid #4d5961;
}
.block-click a:hover  {
	position: relative;
	background: #fff;
}
.block-click:after, .block-click:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.block-click:after {
	border-color: rgba(231, 76, 60, 0);
	border-left-color: #E74C3C;
	border-width: 30px;
	margin-top: -30px;
}
.block-click:before {
	border-color: rgba(77, 89, 97, 0);
	border-left-color: #4d5961;
	border-width: 33px;
	margin-top: -33px;
}

.novinky div:nth-child(2n) {
    background-color: rgba(209, 224, 45, 0.7);
}
.novinky div {
    padding: 4px 20px;
}

.node-page ul.links {
	display: none;
}
.field-name-body a {
	color: #8B34B1;
	text-decoration: none;
}
.field-name-body a:hover {
	color: #ffffff;
}
section.title {
	background-color: transparent;
	padding: 40px 0 0;
}
section.title h1 {
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
	color: #333333;
	text-align: left;
	text-transform: uppercase;
	font-size: 36px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	line-height: 50px;
}
body.not-front section.title {
	background-color: #FFF;
	color: #fff;
	margin-bottom: -85px;
	margin-top: 95px;
}
body.not-front section.title h1 {
	color: #fff;
	width: 50%;
	color: #000;
}
body.not-front section.main-content {
	margin-top: 5px !important;
}
.gray-bg {
	padding: 40px 0;
	background-color: #F5F5F5;
}
.offwhite-bg {
	padding: 40px 0;
	background-color: #F6F6F6;
}
.pod-bg {
	padding: 40px 0;
}
.black-bg {
	padding: 40px 0;
	background-color: #000;
}
.black-bg h1.pane-title {
	display: none;
	color: #fff;
}
.Yellow-bg .field-content {
	background-color: #ffffff;
}
.Purple-bg .field-content {
	background-color: #8B34B1;
}
.Cyan-bg .field-content {
	background-color: #64FDEB;
}
.Rosa-bg .field-content {
	background-color: #FDA1C8;
}
.gray-border-top {
	background-color: #fff;
	border-top: 1px solid #e3e3e3;
	padding: 40px 0;
}
body.not-front section.main-content, #container .center-content, footer .center-content, .pane-center-content .pane-content {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}
body.not-front.no-page-title section.title {
	display: none;
}
body.not-front.full-width section.main-content {
	max-width: inherit;
}
body.not-front.no-top-padding section.main-content {
	padding-top: 0;
}
#container .center-text {
	text-align: center;
}
section.main-content {
	padding: 40px 0;
	position: relative;
	z-index: 2;
}
#container .pane-block#front-top-text {
	max-width: 1100px;
	margin: 88px auto 0 auto;
}
#container .pane-block#front-top-text h1.pane-title {
	display: none;
	font-size: 40px;
	line-height: normal;
	font-weight: 400;
	margin-bottom: 0;
	text-align: left;
	width: 50%;
	text-transform: uppercase;
	color: #000;
}
#container .pane-block#front-top-text h1 {
	font-size: 40px;
	line-height: normal;
	font-weight: 400;
	margin-bottom: 0;
	text-align: left;
	text-transform: uppercase;
	color: #000;
}
#container .pane-block#front-top-text .field-name-body {
	font-size: 20px;
	font-weight: 200;
	margin: 0 auto;
	max-width: 1170px;
}
#container .pane-block#front-top-text .field-name-body .field-items {
	margin: 0;
	width: 56%;
}
.icon-line {
	border-bottom: 1px solid #fff;
	display: block;
	width: 70%;
	margin: 40% auto;
}
.theme-purple .slideshow {
	background: #fff;
}
.theme-purple .home {
	background: transparent;
}
.theme-purple .cd-primary-nav {
	background: rgba(254,81,0,0.9);
}
.theme-purple .cd-header {
	background: rgba(254,81,0,0.9);
}
.theme-purple .cd-header .cd-primary-nav-trigger {
	background: #FE5100;
}
.theme-yellow .slideshow {
	background: #ffffff;
}
.theme-yellow .home {
	background: transparent;
}
.theme-yellow .cd-primary-nav {
	background: rgba(254,82,0,0.95);
}
.theme-yellow .cd-header {
	background: rgba(254,82,0,0.9);
}
.theme-yellow .cd-header .cd-primary-nav-trigger {
	background: #FE5200;
}
nav#mobile-navigation, header#mobile {
	display: none;
}
header.regular, header.sticky {
	-webkit-transform: translate3d(0px,0px,0px);
	transform: translate3d(0px,0px,0px);
	-webkit-transition: all 0.2s ease 0s, background 0.2s ease 0s;
	transition: all 0.2s ease 0s, background 0.2s ease 0s;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
	top: 0;
	width: 100%;
	z-index: 10;
	position: fixed;
	background-color: rgba(255,255,255,0.95);
	overflow-y: hidden;
	padding: 15px 0;
}
header.regular .container, header.sticky .container {
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
}
header.regular .container #logo, header.sticky .container #logo {
	float: left;
	width: 162px;
	padding-top: 2px;
}
header.regular .container #logo img, header.sticky .container #logo img {
	display: block;
}
header.regular .container #navigation, header.sticky .container #navigation {
	float: left;
	width: calc(100% - 162px);
}
header.regular .container #navigation ul.menu, header.sticky .container #navigation ul.menu {
	margin: 0;
	width: 100%;
	padding: 0;
	text-align: center;
}
header.regular .container #navigation ul.menu li, header.sticky .container #navigation ul.menu li {
	list-style: none;
	display: inline-block;
	margin-left: 0.1em;
	
}
header.regular .container #navigation ul.menu li ul.menu, header.sticky .container #navigation ul.menu li ul.menu {
	display: none;
}
header.regular .container #navigation ul.menu li:first-child, header.sticky .container #navigation ul.menu li:first-child {
	margin-left: 0;
}
header.regular .container #navigation ul.menu li a, header.sticky .container #navigation ul.menu li a {
	text-decoration: none;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Dosis', sans-serif;
	color: #000;
	font-weight: 400;
}
header.regular .container #navigation ul.menu li a:hover, header.sticky .container #navigation ul.menu li a:hover {

}
body.front header.regular #logo {
	display: none;
}
body.front header.regular #navigation {
	width: 100%;
}
body.front header.regular.unsticky {
	padding-top: 40px;
	position: fixed;
	top: 0;
	height: auto;
	background-color: transparent;
	box-shadow: none;
}
body.front header.regular.unsticky .container #navigation ul li a {
	color: #fff;
}
.red {
	background-color: #E74C3C;
	line-height: normal; 
	margin-bottom: 10px;
}
.red a {
    padding: 10px 11px 10px 11px;
   
	background-color: #E74C3C;
	line-height: normal;
}
.red a:hover {
	background-color: #C62E69;
	padding: 10px 11px 10px 11px;
	line-height: normal;
}
.yelow {
	background-color: #F7E626;
	line-height: normal; 
	margin-bottom: 10px;
	color:#000000;
}
.yelow a {
    padding: 10px 11px 10px 11px;
	background-color: #F7E626;
	line-height: normal;
	color:#000000!important;
}
.yelow a:hover {
	background-color: #E8B413;
	padding: 10px 11px 10px 11px;
	line-height: normal;
	color:#FFFFFF!important;
}
.green{
	background-color: #D1E02D;
	line-height: normal; 
	margin-bottom: 10px;
	color:#000000;
}
.green a {
    padding: 10px 11px 10px 11px;
	background-color: #D1E02D;
	line-height: normal;
	color:#000000!important;
}
.green a:hover {
	background-color: #85B53C;
	padding: 10px 11px 10px 11px;
	line-height: normal;
	color:#FFFFFF!important;
}
.blue {
	background-color: #15BBEB;
	line-height: normal; 
	margin-bottom: 10px;
}
.blue a {
    padding: 10px 11px 10px 11px;
   
	background-color: #15BBEB;
	line-height: normal;
}
.blue a:hover {
	background-color: #028EC3;
	padding: 10px 11px 10px 11px;
	line-height: normal;
}


footer {
	background: none repeat scroll 0 0 #131313;
	height: auto;
	color: #fff;
	font-size: 0.9em;
	line-height: 1.4em;
	padding: 3em 1em 3em;
	width: 100%;
	position: relative;
	z-index: 11;
}
footer .panel-2col .panel-col-first .pane-content, footer .panel-2col .panel-col-last .pane-content {
	min-height: 140px;
}
footer .panel-2col .panel-col-first {
	width: 40%;
	font-size: 18px;
	font-weight: 200;
	line-height: 30px;
	position: relative;
}
footer .panel-2col .panel-col-first .field-item a {
	color: #ffffff;
	font-size: 28px;
}
footer .panel-2col .panel-col-first .field-item ul {
	margin: 0;
	position: absolute;
	bottom: 0;
	padding: 0;
}
footer .panel-2col .panel-col-first .field-item ul li {
	list-style: none;
	display: inline-block;
	margin-right: 5px;
}
footer .panel-2col .panel-col-last {
	width: 60%;
	font-size: 18px;
	text-align: right;
	font-weight: 200;
	line-height: 30px;
}
footer .panel-2col .panel-col-last img {
	display: none;
	height: auto;
	width: 80%;
	margin-top: 2em;
}
body.page-cases section.main-content {
	max-width: inherit;
	width: 100%;
	padding-bottom: 0;
}
body.page-cases .isotope-options {
	background-color: transparent;
}
body.page-cases .isotope-options .isotope-filters {
	margin: 0;
	padding: 0;
}
body.page-cases .isotope-options .isotope-filters li {
	list-style: none;
	display: none;
	float: left;
	min-width: 12%;
	padding: 10px 10px 10px 0;
}
body.page-cases .isotope-options .isotope-filters li a {
	color: #BCBCBE;
	text-decoration: none;
}
body.page-cases .isotope-options .isotope-filters li a.selected, body.page-cases .isotope-options .isotope-filters li a:hover, body.page-cases .isotope-options .isotope-filters li a:active {
	color: #000;
}
body.page-cases section.main-content {
	padding-top: 0;
	max-width: inherit;
}
body.page-cases .view-portfolio .view-footer .clients-logos {
	padding-bottom: 50px;
	background-color: #fff !important;
}
body.page-cases .view-portfolio .view-footer .clients-logos h2 {
	padding: 20px 0;
	text-align: center;
	color: #7A797E;
}
body.page-cases .view-portfolio .view-footer .clients-logos ul {
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
body.page-cases .view-portfolio .view-footer .clients-logos ul li {
	list-style: none;
	display: inline-block;
	margin: 0 35px;
}
body.page-cases .view-portfolio .view-footer .clients-logos ul li img {
	width: auto;
	height: 40px;
	opacity: 0.5;
	vertical-align: middle;
}
body.page-cases .view-portfolio .view-footer .clients-logos ul li img:hover {
	opacity: 1;
}
body.page-cases .view-portfolio .view-header .clients-logos {
	padding-bottom: 50px;
}
body.page-cases .view-portfolio .view-header .clients-logos h2 {
	padding: 20px 0;
	text-align: center;
	color: #7A797E;
}
body.page-cases .view-portfolio .view-header .clients-logos ul {
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
body.page-cases .view-portfolio .view-header .clients-logos ul li {
	list-style: none;
	display: inline-block;
	margin: 0 35px;
}
body.page-cases .view-portfolio .view-header .clients-logos ul li img {
	opacity: 0.5;
	vertical-align: middle;
}
body.page-cases .view-portfolio .view-header .clients-logos ul li img:hover {
	opacity: 1;
}
body.page-cases .view-portfolio .view-header .view-portfolio-filter {
	max-width: 1170px;
	width: 50%;
	margin: 0 auto;
}
body.page-cases .view-portfolio .view-header .filters {
	padding: 50px 0 0;
	width: 50%;
	margin: 0 auto;
}
body.page-cases .view-portfolio .view-header .filters .filter-by {
	display: inline-block;
	padding-left: 45px;
	text-transform: uppercase;
	color: #8b8b8b;
}
body.page-cases .view-portfolio .view-header .filters .filter-by:first-child {
	padding-left: 0px;
}
body.page-cases .view-portfolio .view-header .filters a {
	color: #BCBCBE;
	text-decoration: none;
}
body.page-cases .view-portfolio .view-header .filters a.active, body.page-cases .view-portfolio .view-header .filters a:hover, body.page-cases .view-portfolio .view-header .filters a:active {
	color: #000;
}
body.page-cases .view-portfolio .view-empty {
	background-color: #fff;
	padding: 50px 20px;
	text-align: center;
	color: #9e9e9e;
	font-size: 20px;
}
body.page-cases .view-portfolio .view-content {
	padding: 30px 30px;
	background-color: #000;
}
body.page-cases .view-portfolio .view-content #isotope-container {
	max-width: inherit;
	margin: 0 auto 50px;
}
body.page-cases .view-portfolio .view-content:after {
	content: '';
	display: block;
	clear: both;
}
body.page-cases .view-portfolio .view-content .isotope-element, body.page-cases .view-portfolio .view-content .views-row {
	background-color: #000;
	float: left;
	height: 600px;
	width: 25%;
	margin: 0;
	border: 15px solid #000;
}
body.page-cases .view-portfolio .view-content .isotope-element:nth-child(2n), body.page-cases .view-portfolio .view-content .views-row:nth-child(2n) {
	width: 50%;
	height: 600px;
}
body.page-cases .view-portfolio .view-content .isotope-element:nth-child(3n), body.page-cases .view-portfolio .view-content .views-row:nth-child(3n) {
	width: 25%;
	height: 300px;
}
body.page-cases .view-portfolio .view-content .isotope-element:hover .views-field-field-portfolio-image, body.page-cases .view-portfolio .view-content .views-row:hover .views-field-field-portfolio-image {
	opacity: 0.7;
}
body.page-cases .view-portfolio .view-content .isotope-element .views-field-field-portfolio-image, body.page-cases .view-portfolio .view-content .views-row .views-field-field-portfolio-image {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
body.page-cases .view-portfolio .view-content .isotope-element .views-field-field-portfolio-image div, body.page-cases .view-portfolio .view-content .views-row .views-field-field-portfolio-image div {
	width: 100%;
	height: 100%;
}
body.page-cases .view-portfolio .view-content .isotope-element .views-field-field-portfolio-image div.portfolio-bg, body.page-cases .view-portfolio .view-content .views-row .views-field-field-portfolio-image div.portfolio-bg {
	background-size: cover;
	background-position: center center;
}
body.page-cases .view-portfolio .view-content .isotope-element .views-field-title, body.page-cases .view-portfolio .view-content .views-row .views-field-title {
	line-height: 100%;
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
}
body.page-cases .view-portfolio .view-content .isotope-element .views-field-title a, body.page-cases .view-portfolio .view-content .views-row .views-field-title a {
	display: inline;
	background-color: #000;
	color: #fff;
	padding: 8px 10px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	margin: 0 auto;
}
body.page-cases .view-portfolio-filter {
	padding-bottom: 10px;
	min-height: 51px;
}
body.page-cases .view-portfolio-filter .view-content {
	background-color: transparent;
	padding: 0;
}
body.node-type-case header.unsticky {
	background: -moz-linear-gradient(top,black 0%,transparent 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,black), color-stop(100%,transparent));
	background: -webkit-linear-gradient(top,black 0%,transparent 100%);
	background: -o-linear-gradient(top,black 0%,transparent 100%);
	background: -ms-linear-gradient(top,black 0%,transparent 100%);
	background: linear-gradient(to bottom,black 0%,transparent 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=0);
}
body.node-type-case section.main-content {
	padding-bottom: 0;
}
body.node-type-case section.main-content .case-hero-image {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1;
}
body.node-type-case section.main-content .case-hero-image .hero-bg {
	height: 100%;
	background-size: cover;
	background-position: center bottom;
}
body.node-type-case section.main-content .case-hero-image .hero-bg .arrow-down {
	background-repeat: no-repeat;
	background-position: center center;
	width: 48px;
	height: 48px;
	position: absolute;
	bottom: 2%;
	width: 100%;
	cursor: pointer;
}
body.node-type-case section.main-content .field-name-field-case-headline {
	font-size: 36px;
	line-height: 46px;
	font-weight: 200;
	margin: 30px 0;
	padding: 40px 0;
}
body.node-type-case section.main-content .related-cases {
	background-color: #F5F5F5;
	padding: 20px 20px 0 20px;
	display: none;
	min-height: 240px;
}
body.node-type-case section.main-content .related-cases .views-row {
	background-color: #c1c1c1;
	float: left;
	height: 200px;
	margin-right: 30px;
	margin-bottom: 30px;
	width: 300px;
	opacity: 0;
	position: relative;
	left: -30px;
}
body.node-type-case section.main-content .related-cases .views-row .views-field-title {
	line-height: 100%;
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	transform: translateZ(50%);
}
body.node-type-case section.main-content .related-cases .views-row .views-field-title a {
	background-color: #000;
	color: #fff;
	display: inline;
	font-size: 16px;
	margin: 0 auto;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	width: 50%;
}
body.node-type-case section.main-content .pane-node-content {
	position: relative;
	z-index: 2;
	background-color: #FFF;
	margin-top: 100%;
	padding-top: 0;
	font-size: 20px;
	font-weight: 200;
	line-height: 34px;
}
body.node-type-case section.main-content .pane-node-content .field-name-field-case-headline, body.node-type-case section.main-content .pane-node-content .group-case-info .group-case-details, body.node-type-case section.main-content .pane-node-content .field-name-body {
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
body.node-type-case section.main-content .group-case-info {
	background-color: #000;
	color: #fff;
	padding: 20px 0;
}
body.node-type-case section.main-content .group-case-info .group-case-logo {
	float: left;
	width: 30%;
	margin-right: 5%;
	display: none;
}
body.node-type-case section.main-content .group-case-info .group-case-logo img {
	width: 100%;
	height: auto;
}
body.node-type-case section.main-content .group-case-info .group-case-details {
}
body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-client, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-framework, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-platform, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-misc, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-language, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-campaign {
	float: left;
	width: 12%;
	margin-left: 5%;
	font-size: 16px;
}
body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-client .field-label, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-framework .field-label, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-platform .field-label, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-misc .field-label, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-language .field-label, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-campaign .field-label {
	font-weight: 200;
}
body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-client .field-item, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-framework .field-item, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-platform .field-item, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-misc .field-item, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-language .field-item, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-campaign .field-item {
	color: #9c9c9c;
}
body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-client a, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-framework a, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-platform a, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-misc a, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-language a, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-campaign a {
	text-decoration: none;
	color: #9c9c9c;
}
body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-framework {
	margin-left: 0;
}
body.node-type-case section.main-content .field-name-body {
	padding-bottom: 80px;
}
body.node-type-case section.main-content .field-name-body h2 {
	font-size: 26px;
	font-weight: 300;
	line-height: 46px;
	margin-bottom: 60px;
}
body.node-type-case section.main-content .field-name-field-case-images {
	background-color: #000;
	padding: 40px 0;

}
body.node-type-case section.main-content .field-name-field-case-images .field-items {
	margin: 0 auto;
	max-width: 1170px;
	width: 100%;
}
body.node-type-case section.main-content .field-name-field-case-images .field-items:after {
	content: '';
	display: block;
	clear: both;
}
body.node-type-case section.main-content .field-name-field-case-images .field-label {
	width: 1170px;
}
body.node-type-case section.main-content .field-name-field-case-images .field-item {
	background-color: #000;
	float: left;
	width: 50%;
	margin: 0;
	border: 15px solid #000;
}
.btn-dark{
    background-color: #232323;
    color: #FFF;
    font-size: 14px;
    padding: 8px 14px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0px;
}
.even span a:hover{
    background-color: #FE5200 !important;
    color: #FFF;
    font-size: 14px;
    padding: 8px 14px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0px;
}
.even span{
float:right;
}
 .field-item img {
	height: auto;
	margin:5px;
}
body.page-blog section.title {
	margin-bottom: -30px;
}
body.page-blog section.main-content {
	background-color: #000;
	width: 100%;
	max-width: inherit;
	padding: 15px 0px;
}
body.page-blog section.main-content .view-blog {
}
body.page-blog section.main-content .view-blog .isotope-element {
	width: 33%;
	background-color: #fff;
	color: #000;
	font-size: 18px;
	font-weight: 200;
	margin: 0;
	border: 15px solid #000;
	line-height: 36px;
}
body.page-blog section.main-content .view-blog .isotope-element .views-field-field-teaser, body.page-blog section.main-content .view-blog .isotope-element .views-field-title, body.page-blog section.main-content .view-blog .isotope-element .views-field-created {
	padding: 0 30px 15px;
}
body.page-blog section.main-content .view-blog .isotope-element .views-field-created {
	color: #adadad;
	font-size: 14px;
	padding: 0 30px 0;
}
body.page-blog section.main-content .view-blog .isotope-element .views-field-title {
	padding-top: 30px;
	padding-bottom: 0;
}
body.page-blog section.main-content .view-blog .isotope-element .views-field-title a {
	color: #000 !important;
	font-size: 28px;
	display: block;
	font-weight: 300;
}
body.page-blog section.main-content .view-blog .isotope-element .views-field-field-teaser {
	padding-bottom: 30px;
}
.isotope-element img {
	width: 64%;
	display: block;
	height: auto;
	border:none;
    margin-left: auto;
    margin-right: auto
}
.isotope-element-home img {
	width: 86%;
	display: block;
	height: auto;
	border:none;
    margin-left: auto;
    margin-right: auto
}
.isotope-element-sm img {
	width: 40%;
	display: block;
	height: auto;
	border:none;
}
IMG.imagecenter{
    display: block;
    margin-left: auto;
    margin-right: auto;
	border:none;}
	
body.node-type-blog-post .pane-title {
	display: none;
}
body.node-type-blog-post .main-content .panel-2col {
	padding-top: 30px;
	font-size: 18px;
	font-weight: 200;
	line-height: 30px;
}
body.node-type-blog-post .main-content .panel-2col .panel-col-first {
	width: 80%;
}
body.node-type-blog-post .main-content .panel-2col .panel-col-first .pane-node-content {
	padding: 0 40px 0 0;
}
body.node-type-blog-post .main-content .panel-2col .panel-col-first .pane-node-content h2 {
	display: none;
}
body.node-type-blog-post .main-content .panel-2col .panel-col-first .pane-node-content .submitted {
	color: #adadad;
	padding-bottom: 20px;
	font-size: 14px;
}
body.node-type-blog-post .main-content .panel-2col .panel-col-first .pane-node-content .field-name-field-teaser {
	font-size: 22px;
	font-weight: 300;
}
body.node-type-blog-post .main-content .panel-2col .panel-col-first .pane-node-content img {
	max-width: 100%;
	height: auto;
}
body.node-type-blog-post .main-content .panel-2col .panel-col-last {
	width: 20%;
}
body.node-type-blog-post .main-content .panel-2col .panel-col-last img {
	width: 100%;
	height: auto;
}
body.front {
}
body.front section.main-content {
	background-image: url("../img/back.jpg");
    background-repeat: repeat-y;
	padding: 0;
}
body.front section.main-content #front-top-text {
	padding: 60px 0 40px 60px;
	color: #747378;
}
body.front section.main-content #front-top-text h2 {
	color: #333;
	margin-bottom: 50px;
}
body.front .pane-news {
	padding: 90px 0;
}
body.front .pane-news .view-news .views-row {
	float: left;
	width: 46%;
	background-color: #fff;
	position: relative;
}
body.front .pane-news .view-news .views-row.views-row-1 {
	margin-right: 8%;
}
body.front .pane-news .view-news .views-row .views-field-field-news-image div {
	height: 300px;
	background-size: cover;
	background-position: center top;
}
body.front .pane-news .view-news .views-row .views-field-title {
	color: #333333;
	text-decoration: none;
	font-size: 30px;
	font-weight: 4  00;
	padding: 10px 0;
	line-height: normal;
}
body.front .pane-news .view-news .views-row .views-field-body {
	padding: 0 0 10px;
	font-size: 18px;
	line-height: 30px;
	font-weight: 200;
	min-height: 270px;
}
body.front .pane-news .view-news .views-row .views-field-field-news-link {
	text-align: center;
	margin-top: 40px;
}
body.front .pane-news .view-news .views-row .views-field-field-news-link a {
	color: #FFF;
	font-size: 14px;
	padding: 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #000;
}
body.front .pane-news .view-news .views-row .views-field-field-news-link a:hover {
	background-color: #FFDC46;
	color: #fff;
}
body.front #container .pane-portfolio {
	padding-top: 80px;
}
body.front #container .pane-portfolio h2.pane-title {
	border-bottom: 0 none;
	font-size: 30px;
	font-weight: 100;
	margin: 20px auto 46px;
	padding-bottom: 2px;
	text-align: center;
	text-transform: uppercase;
	width: 26%;
}
body.front #container .pane-portfolio .view-portfolio {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}
body.front #container .pane-portfolio .view-portfolio .more-link {
	text-align: center;
	padding: 40px 0 0;
}
body.front #container .pane-portfolio .view-portfolio .more-link a {
	background-color: #232323;
	color: #fff;
	font-size: 14px;
	padding: 8px 14px;
	text-decoration: none;
	text-transform: uppercase;
}
body.front #container .pane-portfolio .view-portfolio .view-content:after {
	content: "";
	display: table;
	clear: both;
}
body.front #container .pane-portfolio .view-portfolio .view-footer {
	text-align: center;
	padding: 40px 0 0;
}
body.front #container .pane-portfolio .view-portfolio .view-footer a {
	background-color: #232323;
	color: #fff;
	font-size: 14px;
	padding: 8px 14px;
	text-decoration: none;
	text-transform: uppercase;
}
body.front #container .pane-portfolio .view-portfolio .view-footer a:hover {
	color: #000;
	background-color: #fff;
}
body.front #container .pane-portfolio .view-portfolio .views-row {
	float: left;
	overflow: hidden;
	position: relative;
	min-height: 300px;
	height: 300px;
}
body.front #container .pane-portfolio .view-portfolio .views-row:hover .views-field-field-portfolio-image .portfolio-bg {
	opacity: 1;
	cursor: pointer;
	background-color: #000;
}
body.front #container .pane-portfolio .view-portfolio .views-row:hover .views-field-title {
	top: 130%;
}
body.front #container .pane-portfolio .view-portfolio .views-row .views-field-field-portfolio-image, body.front #container .pane-portfolio .view-portfolio .views-row .views-field-field-portfolio-image div {
	height: 100%;
	width: 100%;
}
body.front #container .pane-portfolio .view-portfolio .views-row .views-field-field-portfolio-image .portfolio-bg {
	background-position: center center;
	background-size: cover;
	height: 100%;
	opacity: 0;
	width: 100%;
	transition: all 0.5s;
}
body.front #container .pane-portfolio .view-portfolio .views-row .views-field-title {
	line-height: normal;
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 14;
	transition: all 0.5s;
	transform: translateY(-50%);
}
div.field-content {
	display: block;
	margin: 0 auto;
	text-align: center;
	background-color: transparent;
	color: #FE4800;
    font-size: 20px;
    line-height: normal;
}
div.field-content a {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 20px;
	padding: 8px 10px;
	text-decoration: none;
	background-color: #000;
}
body.front #container .pane-portfolio .views-row, body.front #container .pane-portfolio .views-row-1 {
	width: 55%;
	margin-right: 2%;
}
body.front #container .pane-portfolio .views-row-2 {
	width: 43%;
	margin-right: 0;
}
body.front #container .pane-portfolio .views-row-3 {
	width: 38%;
	margin-top: 2%;
	margin-right: 2%;
}
body.front #container .pane-portfolio .views-row-4, body.front #container .pane-portfolio .views-row-5 {
	width: 29%;
	margin-top: 2%;
	margin-right: 2%;
}
body.front #container .pane-portfolio .views-row-5 {
	margin-right: 0;
}
body.node-type-page section.main-content {
	max-width: inherit;
	width: 100%;
	padding-bottom: 0;
}
body.node-type-page section.main-content .field-name-body {
	max-width: 1170px;
	margin: 0 auto;
	padding-bottom: 40px;
	font-size: 20px;
	font-weight: 200;
	line-height: 34px;
	text-align: justify;
	width: 50%;
}
.even {
	color: #000;
	margin:10px;
}
.eve {
	color: #000;
	margin:10px;
}
body.node-type-page section.main-content .field-name-field-body-sections .field-items .inner-wrap {
	font-size: 20px;
	font-weight: 200;
	line-height: 34px;
	margin: 0 auto;
	padding: 50px 0;
	text-align: justify;
	max-width: 1170px;
	width: 50%;
}
body.node-type-page section.main-content .field-name-field-body-sections .field-items .inner-wrap h3 {
	margin-bottom: -15px;
	padding: 0;
}
body.page-about-we-made-you-look section.title {
	display: none;
}
body.page-about-we-made-you-look section.main-content {
	width: 100%;
	max-width: inherit;
	padding-bottom: 0;
	padding-top: 0;
}
body.page-about-we-made-you-look section.main-content .pane-1 {
	position: relative;
}
body.page-about-we-made-you-look section.main-content .pane-1 #stefan {
	background-color: #000;
	height: 1.5%;
	left: 48%;
	min-height: 10px;
	opacity: 1;
	position: absolute;
	top: 39.2%;
	width: 5.5%;
	z-index: 1000;
}
body.page-about-we-made-you-look section.main-content .pane-1 #anna {
	background-color: #000;
	height: 1.5%;
	left: 43%;
	min-height: 10px;
	opacity: 1;
	position: absolute;
	top: 24.2%;
	width: 5.5%;
	z-index: 1000;
}
body.page-about-we-made-you-look section.main-content .pane-1 #viktor {
	background-color: #000;
	height: 1.5%;
	left: 70.5%;
	min-height: 10px;
	opacity: 1;
	position: absolute;
	top: 20.2%;
	width: 5.5%;
	z-index: 1000;
}
body.page-about-we-made-you-look section.main-content .pane-1 #alex {
	background-color: #000;
	height: 1.5%;
	left: 13.5%;
	min-height: 10px;
	opacity: 1;
	position: absolute;
	top: 22.2%;
	width: 5.5%;
	z-index: 1000;
}
body.page-about-we-made-you-look section.main-content .pane-1 img {
	width: 100%;
	position: relative;
	z-index: 1;
}
body.page-about-we-made-you-look section.main-content .pane-node table {
	border-style: hidden;
	border: 0;
}
body.page-about-we-made-you-look section.main-content .pane-node h1.pane-title {
	display: none;
}
body.page-about-we-made-you-look section.main-content .pane-node .field-name-body {
	width: 50%;
	margin: 0 auto;
	max-width: 1170px;
	font-size: 20px;
	font-weight: 200;
	line-height: 34px;
}
body.page-about-we-made-you-look section.main-content .pane-node .field-name-field-body-sections .even {
	background-color: #ffffff;
	padding: 30px 0;
}
body.page-about-we-made-you-look section.main-content .pane-node .field-name-field-body-sections .even .inner-wrap {
	width: 50%;
	max-width: 1170px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: 200;
	line-height: 30px;
}
body.page-about-we-made-you-look section.main-content .pane-node .field-name-field-body-sections .even .inner-wrap .two-col:after {
	content: "";
	display: table;
	clear: both;
}
body.page-about-we-made-you-look section.main-content .pane-node .field-name-field-body-sections .even .inner-wrap .col-1, body.page-about-we-made-you-look section.main-content .pane-node .field-name-field-body-sections .even .inner-wrap .col-2 {
	float: left;
	width: 50%;
}
.surikat {
	width: 200px;
	height: 200px;
	display: none;
	position: fixed;
	z-index: 99;
}
.right {
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	position: fixed;
	top: 200px;
	right: -200px;
}
.bottom {
	position: fixed;
	bottom: -200px;
	left: 50%;
}
.left {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	position: fixed;
	bottom: 200px;
	left: -200px;
}
.randomp {
	height: 200px;
	width: 200px;
	background-image: url(/sites/all/themes/wmyl/assets/images/surikat1.png);
	background-size: 200px;
	background-repeat: no-repeat;
	visibility: hidden;
	position: relative;
	margin-bottom: -100px;
	z-index: -1;
}
.animate {
	-webkit-animation: myfirst 5s;
	animation: myfirst 5s;
	visibility: visible;
	-webkit-animation: myfirst 5s;
	animation: myfirst 5s;
}
.randomp.visible {
	visibility: visible;
}
@-webkit-keyframes myfirst {
0% {
	left: 0px;
	top: 0;
}
25% {
	left: 0px;
	top: -150px;
	visibility: visible;
}
50% {
	lleft: 0px;
	top: -150px;
}
75% {
	left: 0px;
	top: 0px;
}
100% {
	left: 0px;
	top: 0px;
}
}
@keyframes myfirst {
0% {
	left: 0px;
	top: 0;
}
25% {
	left: 0px;
	top: -150px;
	visibility: visible;
}
50% {
	lleft: 0px;
	top: -150px;
}
75% {
	left: 0px;
	top: 0px;
}
100% {
	left: 0px;
	top: 0px;
}
}
.cd-header {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(255,220,70,0.9);
	height: 50px;
	width: 100%;
	z-index: 101 !important;
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.home {
	background: #FFDC46;
	text-indent: -9999px;
	display: block;
	width: 50px;
}
@media only screen and (min-width:768px) {
.cd-header {
	height: 80px;
	background: transparent;
	box-shadow: none;
}
.home {
	display: none;
}
}
@media only screen and (min-width:1170px) {
.cd-header {
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.cd-header.is-fixed {
	position: fixed;
	top: -80px;
	background-color: rgba(2,23,37,0.96);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
.cd-header.is-visible {
	-webkit-transform: translate3d(0,100%,0);
	-moz-transform: translate3d(0,100%,0);
	-ms-transform: translate3d(0,100%,0);
	-o-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
.cd-header.menu-is-open {
	background-color: rgba(2,23,37,0.96);
}
}
.cd-primary-nav-trigger {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50px;
	background-color: transparent;
	margin: 0;
}
.cd-primary-nav-trigger .cd-menu-text {
	color: white;
	text-transform: uppercase;
	font-weight: 700;
	display: none;
}
.cd-primary-nav-trigger .cd-menu-icon {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 18px;
	height: 2px;
	background-color: white;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: white;
	right: 0;
	-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
	-moz-transition: -moz-transform .3s, top .3s, background-color 0s;
	transition: transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav-trigger .cd-menu-icon::before {
	top: -5px;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
	top: 5px;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
	background-color: rgba(255,255,255,0);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
	background-color: white;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
	top: 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
	top: 0;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
}
@media only screen and (min-width:768px) {
.cd-primary-nav-trigger {
	width: 100px;
	padding-left: 1em;
	background-color: transparent;
	height: 30px;
	line-height: 30px;
	right: 2.2em;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cd-primary-nav-trigger .cd-menu-text {
	display: inline-block;
}
.cd-primary-nav-trigger .cd-menu-icon {
	left: auto;
	right: 1em;
	-webkit-transform: translateX(0) translateY(-50%);
	-moz-transform: translateX(0) translateY(-50%);
	-ms-transform: translateX(0) translateY(-50%);
	-o-transform: translateX(0) translateY(-50%);
	transform: translateX(0) translateY(-50%);
}
}
.cd-primary-nav {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	margin: 0;
	width: 100%;
	background: rgba(255,220,69,0.95);
	z-index: 100;
	text-align: center;
	padding: 80px 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.cd-primary-nav li {
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: .2em 0;
	text-transform: capitalize;
	list-style: outside none none;
}
.cd-primary-nav a {
	border-radius: 0.25em;
	color: #fff;
	display: inline-block;
	font-size: 28px;
	font-weight: 300;
	padding: 35px 1em 0.4em;
	text-decoration: none;
	text-transform: uppercase;
	transition: background 0.2s ease 0s;
}
.no-touch .cd-primary-nav a:hover {
	background-color: #e36767;
}
.cd-primary-nav .cd-label {
	color: #06446e;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	font-size: 0.875rem;
	margin: 2.4em 0 .8em;
}
.cd-primary-nav.is-visible {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
@media only screen and (min-width:768px) {
.cd-primary-nav {
	padding: 80px 0;
}
}
@media only screen and (min-width:1170px) {
.cd-primary-nav li {
	font-size: 30px;
	font-size: 1.875rem;
}
.cd-primary-nav .cd-label {
	font-size: 16px;
	font-size: 1rem;
}
}
.background {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-position: 50% 50% !important;
}
@media only screen and (min-width:568px) and (max-width:1024px) {
body.front #container section.main-content #front-top-text.pane-block {
	padding: 20px 20px 20px 2px;
}
body.front #container section.main-content #front-top-text.pane-block h1.pane-title, body.front #container section.main-content #front-top-text.pane-block h1 {
	font-size: 32px;
	width: 70%;
}
body.front #container section.main-content #front-top-text.pane-block .field-items {
	width: 70% !important;
}
body.front #container section.main-content .pane-news {
	padding-top: 15px;
}
body.front #container section.main-content .pane-news .view-news .views-row {
	float: none;
	width: 100%;
	padding: 15px;
	margin: 0 auto;
}
body.front #container section.main-content .pane-news .view-news .views-row-2 {
	display: none;
}
body.front #container section.main-content .pane-portfolio {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}
body.front #container section.main-content .pane-portfolio .views-row {
	height: 190px !important;
	min-height: inherit;
}
.isotope-element img {
	width: 100%;
}
body.page-cases .view-portfolio .view-content .isotope-element {
	height: 400px;
	width: 50% !important;
}
body.page-cases .view-portfolio .view-header .filters {
	width: 70%;
}
body.front section.main-content #front-top-text.pane-block {
	padding: 40px 30px;
}
body.front .pane-portfolio {
	padding-left: 30px;
	padding-right: 30px;
}
header.regular #navigation {
	width: 100% !important;
}
body.not-front section.main-content {
	margin-top: 0 !important;
}
body.not-front section.title {
	padding-top: 100px;
	margin-top: 0;
	margin-bottom: 30px !important;
}
body.not-front section.title h1 {
	width: 70%;
	padding: 0 15px;
}
footer {
	padding: 30px 30px 0;
}
footer .panel-2col#mini-panel-footer .panel-col-first, footer .panel-2col#mini-panel-footer .panel-col-last {
	float: right !important;
	width: 100%;
}
footer .panel-2col#mini-panel-footer .panel-col-first .inside {
	text-align: right;
	margin: 0;
}
footer .panel-2col#mini-panel-footer .panel-col-first .inside .field-item ul {
	right: -10px;
}
footer .panel-2col#mini-panel-footer .panel-col-last {
	font-size: 16px;
}
body.node-type-page section.main-content .field-name-field-body-sections .field-items .inner-wrap {
	width: 70%;
	padding: 45px 15px;
}
body.node-type-page section.main-content .field-name-body {
	width: 70%;
	padding: 0 15px;
}
body.page-cases .view-portfolio .view-header .filters {
	padding: 0 15px;
	width: 70%;
}
body.page-cases .view-portfolio .view-header .view-portfolio-filter {
	width: 70%;
}
body.page-cases .view-portfolio .view-header .view-portfolio-filter .view-content {
	margin: 0 15px;
}
body.node-type-case section.main-content .group-case-info .group-case-details {
	width: 100% !important;
}
body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-client, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-framework, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-platform, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-misc, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-language, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-campaign {
	float: left;
	width: 50%;
	padding: 0 15px 10px;
	margin: 0;
}
body.node-type-blog-post section.main-content {
	padding-top: 0;
}
body.node-type-blog-post section.main-content .panel-2col .panel-col-first {
	width: 70%;
	margin: 0 auto;
	float: none;
	padding: 0;
}
body.node-type-blog-post section.main-content .panel-2col .panel-col-first .pane-node-content {
	padding: 0 15px;
}
body.node-type-blog-post section.main-content .panel-2col .panel-col-first .pane-node-content img {
	width: 100% !important;
	height: auto !important;
}
body.node-type-blog-post section.main-content .panel-2col .panel-col-last {
	display: none;
}
}
@media only screen and (min-width:768px) and (max-width:1500px) {
#container .pane-front-topmachines .pane-wemadeyoulook-instagram #instafeed a: nth-child(5), #container .pane-front-topmachines .pane-wemadeyoulook-instagram #instafeed a: nth-child(6) {
	display: none;
}
.isotope-element-home img {
	width: 86%;
	display: block;
	height: 266px;;
	border:none;
    margin-left: auto;
    margin-right: auto
}
#container .pane-front-topmachines .pane-wemadeyoulook-instagram #instafeed a {
	width: 50%;
}
#container .pane-front-topmachines .pane-topmachines .tweets-pulled-listing li {
	display: none;
}
#container .pane-front-topmachines .pane-topmachines .tweets-pulled-listing li:nth-child(1), #container .pane-front-topmachines .pane-topmachines .tweets-pulled-listing li:nth-child(2), #container .pane-front-topmachines .pane-topmachines .tweets-pulled-listing li:nth-child(3) {
	display: block;
	float: none;
	width: 100%;
}

}
@media only screen and (min-width:320px) and (max-width:568px) {

.center {
	text-align: center;
	margin-top:-40%;
}

.col-xs-12{
	width:100%;
	margin: 0;
	position:relative;
    top: 1%;
    left: 14%;
    margin-right: -10%;
    margin-top: 25%;
    transform: translate(-5%, -5%) 
	
}
#container #front-top-text.pane-block h1 {
    font-size: 30px;
    line-height: normal;
    font-weight: 400;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #000;
}

footer .panel-2col#mini-panel-footer .panel-col-first, footer .panel-2col#mini-panel-footer .panel-col-last {
	float: right !important;
	width: 100%;
}
footer .panel-2col#mini-panel-footer .panel-col-first .inside {
	text-align: right;
	margin: 0;
}
footer .panel-2col#mini-panel-footer .panel-col-first .inside .field-item ul {
	right: -10px;
}
footer .panel-2col#mini-panel-footer .panel-col-last {
	font-size: 16px;
}
body.not-front.page-blog section.title {
	margin-bottom: 30px;
}
body.not-front section.main-content {
	margin-top: 0 !important;
}
body.not-front section.title {
	padding-top: 100px;
	margin-top: 0;
	margin-bottom: -30px;
}
body.not-front section.title h1 {
	width: 100%;
	padding: 0 15px;
}
body.page-cases .view-portfolio .view-header .filters {
	padding: 50px 0 0 0;
	width: 100%;
	margin: 0;
}
body.page-cases .view-portfolio .view-header .filters .filter-by:first-child {
	padding-left: 15px;
	display: block;
}
body.page-cases .view-portfolio .view-header .filters .filter-by {
	padding-left: 15px;
	padding-top: 10px;
}
body.page-cases .view-portfolio .view-header .view-portfolio-filter {
	width: 100%;
	margin: 0 15px;
}
body.page-cases .view-portfolio .view-content {
	padding: 0;
}
body.page-cases .view-portfolio .view-content .isotope-element, body.page-cases .view-portfolio .view-content body.page-cases .view-portfolio .view-content .views-row {
	width: 100% !important;
	height: 280px !important;
}
body.page-cases .view-portfolio .view-footer {
	display: none;
}
body.node-type-case section.main-content .pane-node-content .field {
	width: 100%;
}
body.node-type-case section.main-content .field-name-field-case-images .field-item {
	width: 100%;
}
body.node-type-blog-post section.main-content {
	padding-top: 0;
}
body.node-type-blog-post section.main-content .panel-2col .panel-col-first {
	width: 100%;
	float: none;
	padding: 0;
}
body.node-type-blog-post section.main-content .panel-2col .panel-col-first .pane-node-content {
	padding: 0 15px;
}
body.node-type-blog-post section.main-content .panel-2col .panel-col-first .pane-node-content img {
	width: 100% !important;
	height: auto !important;
}
body.node-type-blog-post section.main-content .panel-2col .panel-col-last {
	display: none;
}
body.node-type-page section.main-content .field-name-field-body-sections .field-items .inner-wrap {
	width: 100%;
	padding: 45px 15px;
}
body.node-type-page section.main-content .field-name-body {
	width: 100%;
	padding: 0 15px;
}
body.front #container section.main-content {
	margin-top: 480px !important;
}
body.front #container section.main-content #front-top-text.pane-block {
	padding: 20px 20px 20px 2px;
}
body.front #container section.main-content #front-top-text.pane-block h1.pane-title {
	display: none;
	font-size: 30px;
	width: 100%;
	display: none;
}
.isotope-element img{
	width: 94%;
}
.isotope-element-home img{
	width: 94%;
}
body.front #container section.main-content #front-top-text.pane-block h1 {
	line-height: normal;
	color: #000;
	font-size: 25px;
	width: 94%;
}
body.front #container section.main-content #front-top-text.pane-block .field-items {
	width: 100% !important;
}
body.front #container section.main-content .pane-news {
	padding-top: 15px;
}
body.front #container section.main-content .pane-news .view-news .views-row {
	float: none;
	width: 100%;
	padding: 15px;
	margin: 0 auto;
}
body.front #container section.main-content .pane-news .view-news .views-row-2 {
	display: none;
}
body.front #container section.main-content .pane-portfolio {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
}
body.front #container section.main-content .pane-portfolio .views-row {
	float: none;
	width: 100%;
	margin-top: 15px;
	height: 230px;
	min-height: 230px;
}
body.front #container .slideshow {
	height: 480px !important;
}
#container .pane-front-topmachines .panel-col-first {
	float: none;
	width: 100%;
	background-color: #fff;
}
#container .pane-front-topmachines .panel-col-first .inside {
	padding: 0px;
}
#container .pane-front-topmachines .panel-col-last {
	float: none;
	width: 100%;
	background-color: #000;
}
#container .pane-front-topmachines .panel-col-last .inside {
	padding-top: 30px;
	padding-right: 30px;
}
.isotope-element {
	width: 100%;
}
body.page-blog section.main-content .view-blog .isotope-element .views-field-title a {
	font-size: 20px;
}
body.node-type-case section.main-content .pane-node-content {
	margin-top: 480px !important;
}
body.node-type-case section.main-content .case-hero-image {
	max-height: 480px !important;
}
body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-client, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-framework, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-platform, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-misc, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-language, body.node-type-case section.main-content .group-case-info .group-case-details .field-name-field-campaign {
	float: none;
	width: 100%;
	padding: 0 15px 10px;
	margin: 0;
}
body.node-type-case section.main-content .field-name-field-case-headline {
	padding: 20px 20px 20px 2px;
	font-size: 36px;
	font-weight: 300;
	text-align: left;
}
body.node-type-case section.main-content .field-name-body {
	padding-top: 0;
	border-top: 0;
}
body.node-type-case section.main-content .field-name-body .field-items {
	width: 100%;
	padding: 0 15px;
}
body.node-type-page section.main-content .field-name-body, body.node-type-page section.main-content .field-name-field-body-sections .field-items .inner-wrap {
	text-align: initial;
}
body.page-about-we-made-you-look section.main-content .pane-node .col-1, body.page-about-we-made-you-look section.main-content .pane-node .col-2 {
	float: none !important;
	width: 100% !important;
}
body.page-about-we-made-you-look section.main-content .pane-node .field-name-field-body-sections .even .inner-wrap, body.page-about-we-made-you-look section.main-content .pane-node .field-name-body {
	width: 100%;
	padding: 0 15px;
}
body.page-about-we-made-you-look section.main-content .employee-wrapper {
	margin-top: 50px;
}
body.page-about-we-made-you-look section.main-content .employee-wrapper .black-bar {
	transform: none !important;
	width: 100% !important;
	height: auto !important;
	position: relative !important;
	overflow: visible;
	left: inherit !important;
	top: inherit !important;
	color: #000;
	background-color: #fff;
	padding: 15px;
	font-size: 18px;
	font-weight: 200;
	border-bottom: 1px solid #ccc;
}
body.page-about-we-made-you-look section.main-content .employee-wrapper .black-bar .employee-data {
	margin-bottom: 6px;
}
body.page-about-we-made-you-look section.main-content .employee-wrapper .black-bar .employee-data .label {
	float: left;
	width: 40%;
}
body.page-about-we-made-you-look section.main-content .employee-wrapper .black-bar .employee-data .data {
	float: left;
	width: 60%;
}
body.page-about-we-made-you-look section.main-content .employee-wrapper .black-bar:hover {
	margin: 0;
	opacity: 1;
	transform: none;
	outline: inherit;
}
body.page-about-we-made-you-look section.main-content .employee-wrapper .black-bar h1 {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 5px;
}
body.page-about-we-made-you-look section.main-content .employee-wrapper .black-bar em {
	font-size: 18px;
	font-style: normal;
	color: #686868;
	display: block;
	margin-bottom: 10px;
}
body.page-about-we-made-you-look section.main-content .employee-wrapper .black-bar a {
	color: #8B34B1;
	text-decoration: none;
}
#container .pane-front-topmachines .pane-wemadeyoulook-instagram #instafeed a {
	display: none;
	width: 100%;
	float: none;
}
.arrow-down {
	display: none;
}
#container .pane-front-topmachines .pane-wemadeyoulook-instagram #instafeed a:nth-child(1), #container .pane-front-topmachines .pane-wemadeyoulook-instagram #instafeed a:nth-child(2), #container .pane-front-topmachines .pane-wemadeyoulook-instagram #instafeed a:nth-child(3), #container .pane-front-topmachines .pane-wemadeyoulook-instagram #instafeed a:nth-child(4) {
	display: block;
}
#container .pane-front-topmachines .pane-topmachines .tweets-pulled-listing li {
	display: none;
}
#container .pane-front-topmachines .pane-topmachines .tweets-pulled-listing li:nth-child(1), #container .pane-front-topmachines .pane-topmachines .tweets-pulled-listing li:nth-child(2), #container .pane-front-topmachines .pane-topmachines .tweets-pulled-listing li:nth-child(3) {
	display: block;
	float: none;
	width: 100%;
}
#container section.slideshow #logo-slide-wrapper #box #logo-slide {
	width: 89%;
}
#container.field-items {
	width: 90%;
}
body.front #instafeed a {
	display: inline-block;
	margin-right: 2%;
	overflow: hidden;
	width: 49%;
}
body.front #instafeed a:nth-child(2n) {
	margin-right: 0;
}
header.regular {
	display: none;
}
nav#mobile-navigation, header#mobile {
	display: block;
}
}
.background {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-position: 50% 50% 9 !important;
}
.parallax, .not-fullscreen, .parallax-frontpage {
	height: 63%;
	overflow: hidden;
	margin: 50px 0;
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) {
}
#container .pane-portfolio .views-row .views-field-field-portfolio-image {
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
#container #navigation .region-top-navigation ul li a {
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
	-webkit-transform: translateZ(0);
}
body.page-cases .view-portfolio .view-content .isotope-element .views-field-field-portfolio-image, body.page-cases .view-portfolio .view-content .views-row .views-field-field-portfolio-image, #instafeed img {
	-webkit-transition: all 0.45s ease-in-out 0s;
	-moz-transition: all 0.45s ease-in-out 0s;
	-ms-transition: all 0.45s ease-in-out 0s;
	-o-transition: all 0.45s ease-in-out 0s;
	transition: all 0.45s ease-in-out 0s;
}