html {
	-webkit-scroll-behavior: smooth !important;
	scroll-behavior: smooth !important
}

body {
	font-family: "Merriweather", serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow-x: hidden;
	overflow-y: scroll;
	transition: all 7s ease-out;
	transition-property: color, background-color;
	transition-duration: 10s
}

.icon {
	filter: invert(1);
	display: inline-block;
	background: url(../img/decorations/sprites.png) no-repeat
}

.icon:hover {
	position: relative;
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.icon.black {
	filter: none
}

.icon.form {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.flask {
	width: 31px;
	height: 33px;
	background-position: -54px -0
}

.pencil {
	width: 35px;
	height: 35px;
	background-position: -209px -0
}

.home {
	width: 37px;
	height: 35px;
	background-position: -559px -0
}

.map_marker {
	width: 27px;
	height: 35px;
	background-position: -0 -0
}

.paper_plane {
	width: 35px;
	height: 35px;
	background-position: -244px -0
}

.linkedin {
	width: 31px;
	height: 33px;
	background-position: -85px -0
}

.github {
	width: 35px;
	height: 35px;
	background-position: -279px -0
}

.phone {
	width: 35px;
	height: 35px;
	background-position: -314px -0
}

.user {
	width: 31px;
	height: 33px;
	background-position: -116px -0
}

.skype {
	width: 31px;
	height: 33px;
	background-position: -147px -0
}

.viber {
	width: 35px;
	height: 35px;
	background-position: -349px -0
}

.youtube {
	width: 31px;
	height: 33px;
	background-position: -178px -0
}

.arrow_down {
	width: 35px;
	height: 35px;
	background-position: -384px -0
}

.briefcase {
	width: 35px;
	height: 35px;
	background-position: -419px -0
}

.arrow_up {
	width: 35px;
	height: 35px;
	background-position: -454px -0
}

.envelope {
	width: 35px;
	height: 35px;
	background-position: -489px -0
}

.facebook {
	width: 35px;
	height: 35px;
	background-position: -524px -0
}

.file_download {
	width: 27px;
	height: 35px;
	background-position: -27px -0
}

a, .btn {
	color: #17A2B8;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	text-decoration: none;
	font-family: "Robboto", serif
}

a:hover, .btn {
	color: #000
}

.btn {
	color: #fff;
	background: #745B86;
	border: 0;
	border-bottom: 2px solid rgba(10, 10, 10, 0.1);
	border-radius: 5px;
	text-transform: uppercase;
	padding: 15px 25px
}

.btn:hover {
	background: #17A2B8
}

.btn i {
	margin-right: 15px
}

.bg-transparent {
	border: 2px solid #745B86;
	color: #1A242D;
	font-weight: 400 !important
}

.bg-transparent:hover {
	border: 2px solid #fff;
	color: #fff
}

.bg-transparent2 {
	background: #fff;
	border: 2px solid #745B86;
	color: #1A242D;
	font-weight: 400 !important
}

.bg-transparent2:hover {
	background: #fff;
	border: 2px solid #17A2B8;
	color: #17A2B8 !important
}

.transparent {
	color: #1A242D !important;
	font-weight: 800 !important
}

.no-gutters {
	margin-right: 0;
	margin-left: 0
}

.no-gutters>.col, .no-gutters>[class*=col-] {
	padding-right: 0;
	padding-left: 0
}

.center {
	text-align: center
}

.inline {
	display: inline-block
}

section h3 {
	color: #fff;
	font-size: 30px
}

.author {
	font-family: "Roboto", Sans-serif;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	line-height: 1em;
	letter-spacing: 5px;
	width: 100%
}

.main-title {
	font-family: "Roboto", Sans-serif;
	font-size: 120px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	line-height: 1em;
	letter-spacing: 5px;
	width: 100%
}

.main-subtitle {
	color: #fff !important;
	font-family: "Josefin Sans", Sans-serif;
	font-size: 42px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.2em;
	letter-spacing: 2px
}

.section-title {
	left: 10%;
	position: relative;
	text-align: left
}

.heading-title {
	font-family: "Josefin Sans", Sans-serif;
	font-size: 13.2px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 2.4em;
	letter-spacing: 1.2px
}

.description {
	color: #c6c6c6;
	font-family: 'Lora', Sans-serif;
	font-size: 15px;
	line-height: 28px
}

.title {
	color: #fff !important;
	font-family: "Josefin Sans", Sans-serif;
	font-size: 42px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.2em;
	letter-spacing: 2px;
	left: -10%;
	position: absolute
}

.subtitle {
	color: #242937 !important;
	font-family: "Josefin Sans", Sans-serif;
	font-size: 130px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.2em;
	letter-spacing: 2px
}

.text {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 800;
	line-height: 30px
}

.textBTN {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 100;
	text-transform: uppercase
}

.top {
	transition: all 5s ease-out;
	position: relative;
	z-index: 1
}

.top a {
	background: rgba(0, 0, 0, 0.4);
	border-radius: 50%;
	width: 35px;
	height: 35px;
	bottom: 5%;
	right: 3%;
	position: fixed
}

.top a:hover {
	transform: scale(1.3)
}

.header {
	background: #1B2C3C;
	color: #FEDD41;
	position: relative;
	z-index: 3
}

.header .arrow {
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translate(-50%, 0);
	text-decoration: none;
	z-index: 4
}

.header .arrow_down {
	-webkit-font-smoothing: antialiased
}

.header .arrow_down:hover {
	opacity: .5
}

.header .bounce {
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-30px)
	}

	60% {
		-webkit-transform: translateY(-15px)
	}

}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0)
	}

	40% {
		-moz-transform: translateY(-30px)
	}

	60% {
		-moz-transform: translateY(-15px)
	}

}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-o-transform: translateY(0)
	}

	40% {
		-o-transform: translateY(-30px)
	}

	60% {
		-o-transform: translateY(-15px)
	}

}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0)
	}

	40% {
		transform: translateY(-30px)
	}

	60% {
		transform: translateY(-15px)
	}

}

.header .cover-two {
	background: #222 url(../img/background/22bg.jpg) no-repeat center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding-top: 25%;
	padding-bottom: 25%;
	position: relative;
	overflow-x: hidden;
	height: 100vh
}

@media all and (max-width:725px) {
	.header .cover-two {
		padding-top: 30%;
		padding-bottom: 30%
	}

}

.header .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-image: linear-gradient(185deg, rgba(0, 0, 0, 0) 0%, #1A242D 101%);
	opacity: 1;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s
}

.header .clouds {
	position: absolute;
	top: 0;
	left: 0;
	width: 250.625em;
	height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	background: url(../img/decorations/clouds.png) 0px 100% repeat-x;
	-webkit-animation: cloudsLoop 80s linear infinite;
	animation: cloudsLoop 80s linear infinite;
	z-index: 3
}

@media all and (max-width:700px) {
	.header .clouds {
		display: none
	}

}

@-webkit-keyframes cloudsLoop {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0)
	}

}

@keyframes cloudsLoop {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0)
	}

}

.navbar {
	background-color: rgba(255, 255, 255, 0.1) !important;
	font-family: 'Roboto', sans-serif;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	text-transform: uppercase;
	width: 100%;
	z-index: 9
}

.navbar .active>.nav-link {
	color: #000 !important;
	font-weight: bold
}

.navbar .nav-item>.nav-link {
	color: #fff;
	padding: 20px 10px;
	font-weight: 200
}

.navbar .sicon {
	color: #fff;
	padding: 20px 15px
}

.navbar .sicon:hover {
	transform: scale(1.4);
	transition: all 0.5s ease-out
}

#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 10
}

#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: #222
}

#loader-wrapper .loader-section.section-left {
	left: 0
}

#loader-wrapper .loader-section.section-right {
	right: 0
}

.loaded #loader-wrapper .loader-section.section-left {
	position: relative;
	transform: translateX(-100%);
	transition: all 0.6s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.loaded #loader-wrapper .loader-section.section-right {
	position: relative;
	transform: translateX(100%);
	transition: all 0.6s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.loaded #loader-wrapper {
	visibility: hidden;
	transform: translateX(-50%);
	transition: all 0.1s 0.1s ease-out
}

.about {
	background: #1A242D;
	color: #5D7E9E;
	z-index: 1
}

.about h2 {
	color: #745B86
}

.about .name {
	color: #fff
}

.about .profession {
	color: #5D7E9E
}

.about a {
	color: #fff
}

.about .btn-default {
	color: #fff;
	background-color: rgba(102, 102, 102, 0.32)
}

.about .image-container {
	position: relative;
	background: url(../img/me/colorMe.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: 3s all ease-out
}

.about .color {
	border-style: outset;
	background-color: #745B86;
	border-width: 7px;
	outline-offset: -15px;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	transition: 3s all ease-out;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1)
}

.about .hover {
	opacity: 0;
	transition: 3s all ease-out;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1)
}

.about .Roman_Matviy {
	border-style: outset;
	border-color: #fbdb65;
	border-width: 7px;
	outline-offset: -15px;
	transition: 3s all
}

.about .black {
	position: absolute;
	top: -471px
}

.social {
	position: absolute;
	top: 50%;
	left: 100%
}

.progress {
	background-color: #ffffff12
}

.cart {
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition: transform 0.3s ease-out;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.cart:hover {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
	transform: scale(1.01);
	transition: transform 0.3s ease-out;
	z-index: 10
}

.cart img {
	border: 1px solid rgba(0, 0, 0, 0.5)
}

.languages {
	color: #fff;
	background: #1A242D;
	-webkit-background-size: contain;
	background-size: contain;
	background-position: 50% 0;
	background-repeat: no-repeat
}

.world {
	-webkit-animation: rotation 50s infinite linear;
	animation: rotation 50s infinite linear
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}

}

@keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}

}

@-webkit-keyframes beat {
	to {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

}

@keyframes beat {
	to {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

}

.projects {
	background: #fff;
	color: #222;
	overflow-x: hidden
}

.projects h3 {
	color: #222
}

.projects .head {
	height: 110%;
	position: absolute;
	z-index: 8
}

.projects .foot {
	height: 50%
}

.projects .carousel-indicators li {
	border: 1px solid #000
}

.projects .imgProjectCarousel {
	-webkit-background-size: cover;
	background-size: cover;
	margin-left: 4%;
	position: relative;
	z-index: 4
}

.infoProject {
	position: relative
}

.infoProject .description b {
	font-weight: bold;
	margin-bottom: 10px
}

i.screenshot {
	background-color: #745B86;
	border-radius: 5px 5px 0 0;
	color: #fff;
	font-weight: bold;
	padding: 14px 14px 5px 14px;
	position: relative;
	left: 30px;
	top: 4px
}

.infoProject .full-screenshot, .infoProject .small-screenshot {
	background: #745b86;
	margin: 0 auto
}

.infoProject .frame {
	position: absolute
}

.all b, .first b {
	font-weight: bold;
	font-size: 20px
}

.imgProject {
	position: relative
}

.imgProject .desctop {
	width: 73%
}

.imgProject .frame {
	position: absolute;
	top: 1%;
	left: -2%;
	height: 111%
}

.intro {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 50%;
	left: 0;
	padding: 0 15px;
	z-index: 11;
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
	transform: translate(0%, -50%)
}

.portfolio-image a img {
	width: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}

.portfolio-image a:hover img {
	opacity: 0.5
}

.skillset h2 {
	color: #1A242D
}

.skillset {
	background: #433E62;
	color: #96956F
}

.progress-bar {
	background: #38354A !important
}

.certificates {
	background: #fff;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #d8dadc;
	-webkit-background-size: cover;
	background-size: cover;
	padding-top: 25%;
	padding-bottom: 25%
}

.certificate {
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition: transform 0.3s ease-out;
	overflow: hidden;
	text-overflow: ellipsis
}

.certificate:hover {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
	transform: scale(1.01);
	transition: transform 0.3s ease-out;
	z-index: 10
}

.certificate img {
	border: 1px solid rgba(0, 0, 0, 0.5)
}

.materials {
	background-image: linear-gradient(141deg, #9fb8ad 0%, #1fc8db 51%, #2cb5e8 75%)
}

.material {
	background-image: linear-gradient(141deg, #9fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	max-width: fit-content;
	padding: 1%;
	transition-property: linear-gradient, color, background-color;
	transition-duration: 10s
}

.material:hover {
	background-image: linear-gradient(141deg, #2cb5e8 0%, #1fc8db 51%, #9fb8ad 75%);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
	transform: scale(1.1);
	z-index: 1;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}

.material a {
	color: #006
}

.material strong:empty {
	display: none
}

.progress-bar {
	width: 0;
	display: inline;
	animation: progress 1.5s ease-in-out forwards
}

.hideBar {
	animation: progress 1.5s ease-in-out forwards
}

@keyframes progress {
	to {
		width: 0
	}

}

.showBar {
	animation: progress 1.5s ease-in-out forwards
}

.showBar .number {
	opacity: 0;
	animation: progress 0.35s forwards ease-in-out 0.5s
}

@keyframes progress {
	from {
		width: 0
	}

}

.contact {
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #d8dadc;
	display: block;
	transform: translateY(-2px);
	line-height: 28px;
	line-height: 1.75rem;
	margin: 0 0 20px;
	margin: 0 0 1.25rem
}

.contact a {
	color: #17A2B8;
	text-decoration: none
}

.contact a:focus, .contact a:hover {
	color: #17A2B8
}

.form__control {
	position: relative;
	max-height: 150px;
	margin: 0 0 20px;
	margin: 0 0 1.25rem
}

.form__input {
	height: 45px
}

.form__input, .form__textarea {
	box-sizing: border-box;
	border-radius: 0;
	width: 100%;
	border: 1px solid #000;
	transition: border 0.5s;
	padding: 10px 10px 10px 55px;
	font-size: 16px;
	line-height: 17px
}

.form__input:focus+.form__label, .form__textarea:focus+.form__label {
	background: #17A2B8
}

.form__input:focus, .form__textarea:focus {
	border: 1px solid #17A2B8;
	outline: none
}

.form__textarea {
	height: 150px;
	resize: none
}

.form__label {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 45px;
	height: 45px;
	margin: 0;
	background: #745B86;
	transition: background-color 0.5s
}

.menu__content, .section--outcomes .section__background {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.form__error {
	display: block
}

button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color
}

input[type=email]:required:invalid, input[type=email]:focus:invalid {
	background: url("http://www.markhillard.com/images/locked.png");
	background-image: url("http://www.markhillard.com/fonts/lock-new.svg");
	background-position: right 8px center;
	background-repeat: no-repeat;
	background-size: 23px 23px;
	box-shadow: none
}

input[type=email]:required:valid, input[type=email]:focus:valid {
	background: url("http://www.markhillard.com/images/unlocked.png");
	background-image: url("http://www.markhillard.com/fonts/unlock-new.svg");
	background-position: right 8px center;
	background-repeat: no-repeat;
	background-size: 23px 23px
}

.invalid, .success, .error, .reset {
	display: none;
	float: left;
	margin: 9px 0 0 13px;
	position: absolute;
	top: 360px
}

.invalid, .error {
	color: #f5b2b6
}

.success, .reset {
	color: #d7f5b2
}

.footer {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	color: #999;
	text-align: center;
	font-size: 13px;
	box-shadow: 0 0 21px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 0 0 21px rgba(0, 0, 0, 0.65);
	-webkit-box-shadow: 0 0 21px rgba(0, 0, 0, 0.65);
	background-color: #1A242D;
	-webkit-background-size: contain;
	background-size: contain
}

.footer a:hover {
	color: #fff !important
}

.footer .left, .footer .center, .footer .right {
	border: 1px solid #313A42;
	height: 300px;
	text-align: left
}

.footer .left, .footer .center {
	border: 1px solid #1A242D;
	height: 300px;
	text-align: left
}

.footer .left li, .footer .center li, .footer .right li {
	font-family: "Roboto", Sans-serif;
	font-size: 15px;
	list-style: none;
	margin-left: 10px;
	margin-bottom: 10px
}

.footer .left li:hover, .footer .center li:hover, .footer .right li:hover {
	list-style: circle
}

.footer .heading-title {
	color: #745B86;
	position: absolute;
	top: 25%
}

.footer .main-subtitle {
	background: #1A242D;
	padding: 0 10px;
	position: absolute;
	top: -23% !important;
	left: 5%
}

.footer .social-icon {
	background: #fff7;
	color: #1A242D;
	border-radius: 50%;
	font-size: 35px;
	margin-right: 10px;
	padding: 20px 25px;
	position: relative
}

.footer .social-icon:hover {
	opacity: 1
}

.footer .icon.central {
	position: relative;
	top: 5px
}

.footer .copyright {
	background: #313A42;
	color: #999;
	font-weight: 300;
	text-align: center;
	text-transform: lowercase;
	width: 100%
}

.footer .copyright .link {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	opacity: .7
}

.footer .copyright .link:hover {
	opacity: 1
}

.footer #map {
	height: 200px;
	width: 98%;
	background-color: #000;
	transition: transform 0.3s ease-out
}

.skill .btn {
	display: flex;
	align-items: center;
	font-size: 18px;
	font-family: "Lato", arial, sans-serif;
	font-weight: 400;
	background: #fff;
	color: #252525;
	border-radius: 40px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in
}

.skill .btn:hover {
	box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.6);
	transform: translateY(-3px)
}

.progress {
	color: #000
}

@media all and (max-width:991px) {
	content #desc {
		position: absolute;
		top: 10px;
		left: 240px
	}

}

@media all and (min-width:768px) {
	.subtitle {
		font-size: 90px
	}

}

@media all and (max-width:767px) {
	.title {
		position: relative;
		text-align: center;
		font-size: 2rem
	}

}

@media all and (max-width:368px) {
	content .title img {
		position: relative;
		left: 85px
	}

	content #desc {
		position: relative;
		top: 0;
		left: 100px
	}

}

.test {
	margin-top: 10px;
	position: absolute;
	top: 0
}

.single-chart {
	width: 33%;
	justify-content: space-around
}

.circular-chart {
	display: block;
	margin: 10px auto;
	max-width: 80%;
	max-height: 250px
}

.circle-bg {
	fill: none;
	stroke: #ffffff12;
	stroke-width: 3.8
}

.circle {
	fill: none;
	stroke-width: 2.8;
	stroke-linecap: round;
	animation: progress 1s ease-out forwards
}

@keyframes progress {
	0% {
		stroke-dasharray: 0 100
	}

}

.circular-chart.orange .circle {
	stroke: #ffc107
}

.circular-chart.green .circle {
	stroke: #28a745
}

.circular-chart.blue .circle {
	stroke: #007bff
}

.percentage {
	fill: #b3bc20;
	font-family: sans-serif;
	font-size: 6px;
	text-anchor: middle
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

.tt-text-intro {
	margin: 4em auto 3em
}

.tt-headline {
	font-size: 3rem;
	line-height: 1.2;
	color: #fff
}

@media only screen and (min-width:1170px) {
	.tt-headline {
		font-size: 7rem
	}

}

@media all and (max-width:767px) {
	#loader-wrapper, #loader-wrapper .loader-section, #loader-wrapper .loader-section.section-left, #loader-wrapper .loader-section.section-right {
		display: none
	}

	.tt-headline {
		font-size: 4.4rem;
		font-weight: 300
	}

}

@media all and (max-width:550px) {
	.tt-headline {
		font-size: 2rem
	}

}

@media all and (max-width:400px) {
	.tt-headline {
		font-size: 1.7rem
	}

}

@media all and (max-width:349px) {
	.tt-headline {
		font-size: 1.6rem
	}

}

.tt-sub-intro {
	font-size: 24px;
	line-height: 35px;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 50px;
	letter-spacing: 10px
}

.tt-words-wrapper {
	display: inline-block;
	position: relative;
	text-align: center;
	width: 100% !important
}

.tt-words-wrapper b {
	display: inline-block;
	position: absolute;
	white-space: nowrap;
	left: 0;
	right: 0;
	top: 0;
	font-weight: 800;
	text-transform: uppercase
}

.tt-words-wrapper b.is-visible {
	position: relative
}

.no-js .tt-words-wrapper b {
	opacity: 0
}

.no-js .tt-words-wrapper b.is-visible {
	opacity: 1
}

.tt-headline.rotate-1 .tt-words-wrapper {
	-webkit-perspective: 300px;
	-moz-perspective: 300px;
	perspective: 300px
}

.tt-headline.rotate-1 b {
	opacity: 0;
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg)
}

.tt-headline.rotate-1 b.is-visible {
	opacity: 1;
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
	-webkit-animation: tt-rotate-1-in 1.2s;
	-moz-animation: tt-rotate-1-in 1.2s;
	animation: tt-rotate-1-in 1.2s
}

.tt-headline.rotate-1 b.is-hidden {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg);
	-webkit-animation: tt-rotate-1-out 1.2s;
	-moz-animation: tt-rotate-1-out 1.2s;
	animation: tt-rotate-1-out 1.2s
}

@-webkit-keyframes tt-rotate-1-in {
	0% {
		-webkit-transform: rotateX(180deg);
		opacity: 0
	}

	35% {
		-webkit-transform: rotateX(120deg);
		opacity: 0
	}

	65% {
		opacity: 0
	}

	100% {
		-webkit-transform: rotateX(360deg);
		opacity: 1
	}

}

@-moz-keyframes tt-rotate-1-in {
	0% {
		-moz-transform: rotateX(180deg);
		opacity: 0
	}

	35% {
		-moz-transform: rotateX(120deg);
		opacity: 0
	}

	65% {
		opacity: 0
	}

	100% {
		-moz-transform: rotateX(360deg);
		opacity: 1
	}

}

@keyframes tt-rotate-1-in {
	0% {
		-webkit-transform: rotateX(180deg);
		-moz-transform: rotateX(180deg);
		-ms-transform: rotateX(180deg);
		-o-transform: rotateX(180deg);
		transform: rotateX(180deg);
		opacity: 0
	}

	35% {
		-webkit-transform: rotateX(120deg);
		-moz-transform: rotateX(120deg);
		-ms-transform: rotateX(120deg);
		-o-transform: rotateX(120deg);
		transform: rotateX(120deg);
		opacity: 0
	}

	65% {
		opacity: 0
	}

	100% {
		-webkit-transform: rotateX(360deg);
		-moz-transform: rotateX(360deg);
		-ms-transform: rotateX(360deg);
		-o-transform: rotateX(360deg);
		transform: rotateX(360deg);
		opacity: 1
	}

}

@-webkit-keyframes tt-rotate-1-out {
	0% {
		-webkit-transform: rotateX(0);
		opacity: 1
	}

	35% {
		-webkit-transform: rotateX(-40deg);
		opacity: 1
	}

	65% {
		opacity: 0
	}

	100% {
		-webkit-transform: rotateX(180deg);
		opacity: 0
	}

}

@-moz-keyframes tt-rotate-1-out {
	0% {
		-moz-transform: rotateX(0);
		opacity: 1
	}

	35% {
		-moz-transform: rotateX(-40deg);
		opacity: 1
	}

	65% {
		opacity: 0
	}

	100% {
		-moz-transform: rotateX(180deg);
		opacity: 0
	}

}

@keyframes tt-rotate-1-out {
	0% {
		-webkit-transform: rotateX(0);
		-moz-transform: rotateX(0);
		-ms-transform: rotateX(0);
		-o-transform: rotateX(0);
		transform: rotateX(0);
		opacity: 1
	}

	35% {
		-webkit-transform: rotateX(-40deg);
		-moz-transform: rotateX(-40deg);
		-ms-transform: rotateX(-40deg);
		-o-transform: rotateX(-40deg);
		transform: rotateX(-40deg);
		opacity: 1
	}

	65% {
		opacity: 0
	}

	100% {
		-webkit-transform: rotateX(180deg);
		-moz-transform: rotateX(180deg);
		-ms-transform: rotateX(180deg);
		-o-transform: rotateX(180deg);
		transform: rotateX(180deg);
		opacity: 0
	}

}

.tt-headline.type .tt-words-wrapper {
	vertical-align: top;
	overflow: hidden
}

.tt-headline.type .tt-words-wrapper::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 90%;
	width: 1px;
	background-color: #aebcb9
}

.tt-headline.type .tt-words-wrapper.waiting::after {
	-webkit-animation: tt-pulse 1s infinite;
	-moz-animation: tt-pulse 1s infinite;
	animation: tt-pulse 1s infinite
}

.tt-headline.type .tt-words-wrapper.selected {
	background-color: #aebcb9
}

.tt-headline.type .tt-words-wrapper.selected::after {
	visibility: hidden
}

.tt-headline.type .tt-words-wrapper.selected b {
	color: #0d0d0d
}

.tt-headline.type b {
	visibility: hidden
}

.tt-headline.type b.is-visible {
	visibility: visible
}

.tt-headline.type i {
	position: absolute;
	visibility: hidden
}

.tt-headline.type i.in {
	position: relative;
	visibility: visible
}

@-webkit-keyframes tt-pulse {
	0% {
		-webkit-transform: translateY(-50%) scale(1);
		opacity: 1
	}

	40% {
		-webkit-transform: translateY(-50%) scale(.9);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(-50%) scale(0);
		opacity: 0
	}

}

@-moz-keyframes tt-pulse {
	0% {
		-moz-transform: translateY(-50%) scale(1);
		opacity: 1
	}

	40% {
		-moz-transform: translateY(-50%) scale(.9);
		opacity: 0
	}

	100% {
		-moz-transform: translateY(-50%) scale(0);
		opacity: 0
	}

}

@keyframes tt-pulse {
	0% {
		-webkit-transform: translateY(-50%) scale(1);
		-moz-transform: translateY(-50%) scale(1);
		-ms-transform: translateY(-50%) scale(1);
		-o-transform: translateY(-50%) scale(1);
		transform: translateY(-50%) scale(1);
		opacity: 1
	}

	40% {
		-webkit-transform: translateY(-50%) scale(.9);
		-moz-transform: translateY(-50%) scale(.9);
		-ms-transform: translateY(-50%) scale(.9);
		-o-transform: translateY(-50%) scale(.9);
		transform: translateY(-50%) scale(.9);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(-50%) scale(0);
		-moz-transform: translateY(-50%) scale(0);
		-ms-transform: translateY(-50%) scale(0);
		-o-transform: translateY(-50%) scale(0);
		transform: translateY(-50%) scale(0);
		opacity: 0
	}

}

.tt-headline.rotate-2 .tt-words-wrapper {
	-webkit-perspective: 300px;
	-moz-perspective: 300px;
	perspective: 300px
}

.tt-headline.rotate-2 i, .tt-headline.rotate-2 em {
	display: inline-block;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.tt-headline.rotate-2 b {
	opacity: 0
}

.tt-headline.rotate-2 i {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-20px) rotateX(90deg);
	-moz-transform: translateZ(-20px) rotateX(90deg);
	-ms-transform: translateZ(-20px) rotateX(90deg);
	-o-transform: translateZ(-20px) rotateX(90deg);
	transform: translateZ(-20px) rotateX(90deg);
	opacity: 0
}

.is-visible .tt-headline.rotate-2 i {
	opacity: 1
}

.tt-headline.rotate-2 i.in {
	-webkit-animation: tt-rotate-2-in .4s forwards;
	-moz-animation: tt-rotate-2-in .4s forwards;
	animation: tt-rotate-2-in .4s forwards
}

.tt-headline.rotate-2 i.out {
	-webkit-animation: tt-rotate-2-out .4s forwards;
	-moz-animation: tt-rotate-2-out .4s forwards;
	animation: tt-rotate-2-out .4s forwards
}

.tt-headline.rotate-2 em {
	-webkit-transform: translateZ(20px);
	-moz-transform: translateZ(20px);
	-ms-transform: translateZ(20px);
	-o-transform: translateZ(20px);
	transform: translateZ(20px)
}

.no-csstransitions .tt-headline.rotate-2 i {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
	opacity: 0
}

.no-csstransitions .tt-headline.rotate-2 i em {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.no-csstransitions .tt-headline.rotate-2 .is-visible i {
	opacity: 1
}

@-webkit-keyframes tt-rotate-2-in {
	0% {
		opacity: 0;
		-webkit-transform: translateZ(-20px) rotateX(90deg)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateZ(-20px) rotateX(-10deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateZ(-20px) rotateX(0)
	}

}

@-moz-keyframes tt-rotate-2-in {
	0% {
		opacity: 0;
		-moz-transform: translateZ(-20px) rotateX(90deg)
	}

	60% {
		opacity: 1;
		-moz-transform: translateZ(-20px) rotateX(-10deg)
	}

	100% {
		opacity: 1;
		-moz-transform: translateZ(-20px) rotateX(0)
	}

}

@keyframes tt-rotate-2-in {
	0% {
		opacity: 0;
		-webkit-transform: translateZ(-20px) rotateX(90deg);
		-moz-transform: translateZ(-20px) rotateX(90deg);
		-ms-transform: translateZ(-20px) rotateX(90deg);
		-o-transform: translateZ(-20px) rotateX(90deg);
		transform: translateZ(-20px) rotateX(90deg)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateZ(-20px) rotateX(-10deg);
		-moz-transform: translateZ(-20px) rotateX(-10deg);
		-ms-transform: translateZ(-20px) rotateX(-10deg);
		-o-transform: translateZ(-20px) rotateX(-10deg);
		transform: translateZ(-20px) rotateX(-10deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateZ(-20px) rotateX(0);
		-moz-transform: translateZ(-20px) rotateX(0);
		-ms-transform: translateZ(-20px) rotateX(0);
		-o-transform: translateZ(-20px) rotateX(0);
		transform: translateZ(-20px) rotateX(0)
	}

}

@-webkit-keyframes tt-rotate-2-out {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(-20px) rotateX(0)
	}

	60% {
		opacity: 0;
		-webkit-transform: translateZ(-20px) rotateX(-100deg)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateZ(-20px) rotateX(-90deg)
	}

}

@-moz-keyframes tt-rotate-2-out {
	0% {
		opacity: 1;
		-moz-transform: translateZ(-20px) rotateX(0)
	}

	60% {
		opacity: 0;
		-moz-transform: translateZ(-20px) rotateX(-100deg)
	}

	100% {
		opacity: 0;
		-moz-transform: translateZ(-20px) rotateX(-90deg)
	}

}

@keyframes tt-rotate-2-out {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(-20px) rotateX(0);
		-moz-transform: translateZ(-20px) rotateX(0);
		-ms-transform: translateZ(-20px) rotateX(0);
		-o-transform: translateZ(-20px) rotateX(0);
		transform: translateZ(-20px) rotateX(0)
	}

	60% {
		opacity: 0;
		-webkit-transform: translateZ(-20px) rotateX(-100deg);
		-moz-transform: translateZ(-20px) rotateX(-100deg);
		-ms-transform: translateZ(-20px) rotateX(-100deg);
		-o-transform: translateZ(-20px) rotateX(-100deg);
		transform: translateZ(-20px) rotateX(-100deg)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateZ(-20px) rotateX(-90deg);
		-moz-transform: translateZ(-20px) rotateX(-90deg);
		-ms-transform: translateZ(-20px) rotateX(-90deg);
		-o-transform: translateZ(-20px) rotateX(-90deg);
		transform: translateZ(-20px) rotateX(-90deg)
	}

}

.tt-headline.loading-bar span {
	display: inline-block;
	padding: .2em 0
}

.tt-headline.loading-bar .tt-words-wrapper {
	overflow: hidden;
	vertical-align: top
}

.tt-headline.loading-bar .tt-words-wrapper::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 0;
	background: #2ecc71;
	z-index: 2;
	-webkit-transition: width .3s -.1s;
	-moz-transition: width .3s -.1s;
	transition: width .3s -.1s
}

.tt-headline.loading-bar .tt-words-wrapper.is-loading::after {
	width: 100%;
	-webkit-transition: width 3s;
	-moz-transition: width 3s;
	transition: width 3s
}

.tt-headline.loading-bar b {
	top: .2em;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s
}

.tt-headline.loading-bar b.is-visible {
	opacity: 1;
	top: 0
}

.tt-headline.slide span {
	display: inline-block;
	padding: .2em 0
}

.tt-headline.slide .tt-words-wrapper {
	overflow: hidden;
	vertical-align: top
}

.tt-headline.slide b {
	opacity: 0;
	top: .2em
}

.tt-headline.slide b.is-visible {
	top: 0;
	opacity: 1;
	-webkit-animation: slide-in .6s;
	-moz-animation: slide-in .6s;
	animation: slide-in .6s
}

.tt-headline.slide b.is-hidden {
	-webkit-animation: slide-out .6s;
	-moz-animation: slide-out .6s;
	animation: slide-out .6s
}

@-webkit-keyframes slide-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100%)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(20%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}

}

@-moz-keyframes slide-in {
	0% {
		opacity: 0;
		-moz-transform: translateY(-100%)
	}

	60% {
		opacity: 1;
		-moz-transform: translateY(20%)
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}

}

@keyframes slide-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(20%);
		-moz-transform: translateY(20%);
		-ms-transform: translateY(20%);
		-o-transform: translateY(20%);
		transform: translateY(20%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

}

@-webkit-keyframes slide-out {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}

	60% {
		opacity: 0;
		-webkit-transform: translateY(120%)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(100%)
	}

}

@-moz-keyframes slide-out {
	0% {
		opacity: 1;
		-moz-transform: translateY(0)
	}

	60% {
		opacity: 0;
		-moz-transform: translateY(120%)
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(100%)
	}

}

@keyframes slide-out {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

	60% {
		opacity: 0;
		-webkit-transform: translateY(120%);
		-moz-transform: translateY(120%);
		-ms-transform: translateY(120%);
		-o-transform: translateY(120%);
		transform: translateY(120%)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%)
	}

}

.tt-headline.clip span {
	display: inline-block;
	padding: .2em 0
}

.tt-headline.clip .tt-words-wrapper {
	overflow: hidden;
	vertical-align: top
}

.tt-headline.clip .tt-words-wrapper::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	height: 100%;
	background-color: #aebcb9
}

.tt-headline.clip b {
	opacity: 0
}

.tt-headline.clip b.is-visible {
	opacity: 1
}

.tt-headline.zoom .tt-words-wrapper {
	-webkit-perspective: 300px;
	-moz-perspective: 300px;
	perspective: 300px
}

.tt-headline.zoom b {
	opacity: 0
}

.tt-headline.zoom b.is-visible {
	opacity: 1;
	-webkit-animation: zoom-in .8s;
	-moz-animation: zoom-in .8s;
	animation: zoom-in .8s
}

.tt-headline.zoom b.is-hidden {
	-webkit-animation: zoom-out .8s;
	-moz-animation: zoom-out .8s;
	animation: zoom-out .8s
}

@-webkit-keyframes zoom-in {
	0% {
		opacity: 0;
		-webkit-transform: translateZ(100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateZ(0)
	}

}

@-moz-keyframes zoom-in {
	0% {
		opacity: 0;
		-moz-transform: translateZ(100px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateZ(0)
	}

}

@keyframes zoom-in {
	0% {
		opacity: 0;
		-webkit-transform: translateZ(100px);
		-moz-transform: translateZ(100px);
		-ms-transform: translateZ(100px);
		-o-transform: translateZ(100px);
		transform: translateZ(100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes zoom-out {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateZ(-100px)
	}

}

@-moz-keyframes zoom-out {
	0% {
		opacity: 1;
		-moz-transform: translateZ(0)
	}

	100% {
		opacity: 0;
		-moz-transform: translateZ(-100px)
	}

}

@keyframes zoom-out {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateZ(-100px);
		-moz-transform: translateZ(-100px);
		-ms-transform: translateZ(-100px);
		-o-transform: translateZ(-100px);
		transform: translateZ(-100px)
	}

}

.tt-headline.rotate-3 .tt-words-wrapper {
	-webkit-perspective: 300px;
	-moz-perspective: 300px;
	perspective: 300px
}

.tt-headline.rotate-3 b {
	opacity: 0
}

.tt-headline.rotate-3 i {
	display: inline-block;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.is-visible .tt-headline.rotate-3 i {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0)
}

.tt-headline.rotate-3 i.in {
	-webkit-animation: tt-rotate-3-in .6s forwards;
	-moz-animation: tt-rotate-3-in .6s forwards;
	animation: tt-rotate-3-in .6s forwards
}

.tt-headline.rotate-3 i.out {
	-webkit-animation: tt-rotate-3-out .6s forwards;
	-moz-animation: tt-rotate-3-out .6s forwards;
	animation: tt-rotate-3-out .6s forwards
}

.no-csstransitions .tt-headline.rotate-3 i {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
	opacity: 0
}

.no-csstransitions .tt-headline.rotate-3 .is-visible i {
	opacity: 1
}

@-webkit-keyframes tt-rotate-3-in {
	0% {
		-webkit-transform: rotateY(180deg)
	}

	100% {
		-webkit-transform: rotateY(0)
	}

}

@-moz-keyframes tt-rotate-3-in {
	0% {
		-moz-transform: rotateY(180deg)
	}

	100% {
		-moz-transform: rotateY(0)
	}

}

@keyframes tt-rotate-3-in {
	0% {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg)
	}

	100% {
		-webkit-transform: rotateY(0);
		-moz-transform: rotateY(0);
		-ms-transform: rotateY(0);
		-o-transform: rotateY(0);
		transform: rotateY(0)
	}

}

@-webkit-keyframes tt-rotate-3-out {
	0% {
		-webkit-transform: rotateY(0)
	}

	100% {
		-webkit-transform: rotateY(-180deg)
	}

}

@-moz-keyframes tt-rotate-3-out {
	0% {
		-moz-transform: rotateY(0)
	}

	100% {
		-moz-transform: rotateY(-180deg)
	}

}

@keyframes tt-rotate-3-out {
	0% {
		-webkit-transform: rotateY(0);
		-moz-transform: rotateY(0);
		-ms-transform: rotateY(0);
		-o-transform: rotateY(0);
		transform: rotateY(0)
	}

	100% {
		-webkit-transform: rotateY(-180deg);
		-moz-transform: rotateY(-180deg);
		-ms-transform: rotateY(-180deg);
		-o-transform: rotateY(-180deg);
		transform: rotateY(-180deg)
	}

}

.tt-headline.scale b {
	opacity: 0
}

.tt-headline.scale i {
	display: inline-block;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}

.is-visible .tt-headline.scale i {
	opacity: 1
}

.tt-headline.scale i.in {
	-webkit-animation: scale-up .6s forwards;
	-moz-animation: scale-up .6s forwards;
	animation: scale-up .6s forwards
}

.tt-headline.scale i.out {
	-webkit-animation: scale-down .6s forwards;
	-moz-animation: scale-down .6s forwards;
	animation: scale-down .6s forwards
}

.no-csstransitions .tt-headline.scale i {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 0
}

.no-csstransitions .tt-headline.scale .is-visible i {
	opacity: 1
}

@-webkit-keyframes scale-up {
	0% {
		-webkit-transform: scale(0);
		opacity: 0
	}

	60% {
		-webkit-transform: scale(1.2);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1);
		opacity: 1
	}

}

@-moz-keyframes scale-up {
	0% {
		-moz-transform: scale(0);
		opacity: 0
	}

	60% {
		-moz-transform: scale(1.2);
		opacity: 1
	}

	100% {
		-moz-transform: scale(1);
		opacity: 1
	}

}

@keyframes scale-up {
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 0
	}

	60% {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

}

@-webkit-keyframes scale-down {
	0% {
		-webkit-transform: scale(1);
		opacity: 1
	}

	60% {
		-webkit-transform: scale(0);
		opacity: 0
	}

}

@-moz-keyframes scale-down {
	0% {
		-moz-transform: scale(1);
		opacity: 1
	}

	60% {
		-moz-transform: scale(0);
		opacity: 0
	}

}

@keyframes scale-down {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	60% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 0
	}

}

.tt-headline.push b {
	opacity: 0
}

.tt-headline.push b.is-visible {
	opacity: 1;
	-webkit-animation: push-in .6s;
	-moz-animation: push-in .6s;
	animation: push-in .6s
}

.tt-headline.push b.is-hidden {
	-webkit-animation: push-out .6s;
	-moz-animation: push-out .6s;
	animation: push-out .6s
}

@-webkit-keyframes push-in {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(10%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}

}

@-moz-keyframes push-in {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100%)
	}

	60% {
		opacity: 1;
		-moz-transform: translateX(10%)
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0)
	}

}

@keyframes push-in {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(10%);
		-moz-transform: translateX(10%);
		-ms-transform: translateX(10%);
		-o-transform: translateX(10%);
		transform: translateX(10%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}

}

@-webkit-keyframes push-out {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}

	60% {
		opacity: 0;
		-webkit-transform: translateX(110%)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(100%)
	}

}

@-moz-keyframes push-out {
	0% {
		opacity: 1;
		-moz-transform: translateX(0)
	}

	60% {
		opacity: 0;
		-moz-transform: translateX(110%)
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(100%)
	}

}

@keyframes push-out {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}

	60% {
		opacity: 0;
		-webkit-transform: translateX(110%);
		-moz-transform: translateX(110%);
		-ms-transform: translateX(110%);
		-o-transform: translateX(110%);
		transform: translateX(110%)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%)
	}

}

.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
	clip: rect(auto, auto, auto, auto)
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
	position: absolute;
	border: .08em solid #307bbb;
	width: .84em;
	height: .84em;
	clip: rect(0, 0.5em, 1em, 0);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.c100 {
	position: relative;
	font-size: 120px;
	width: 1em;
	height: 1em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	float: left;
	margin: 0 .1em .1em 0;
	background-color: #ccc
}

.c100 *, .c100 *:before, .c100 *:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.c100.center {
	float: none;
	margin: 0 auto
}

.c100.big {
	font-size: 240px
}

.c100.small {
	font-size: 80px
}

.c100>span {
	position: absolute;
	width: 100%;
	z-index: 1;
	left: 0;
	top: 0;
	width: 5em;
	line-height: 5em;
	font-size: .2em;
	color: #ccc;
	display: block;
	text-align: center;
	white-space: nowrap;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.c100:after {
	position: absolute;
	top: .08em;
	left: .08em;
	display: block;
	content: " ";
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background-color: whitesmoke;
	width: .84em;
	height: .84em;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-o-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function: ease-in
}

.c100 .slice {
	position: absolute;
	width: 1em;
	height: 1em;
	clip: rect(0, 1em, 1em, 0.5em)
}

.c100.p1 .bar {
	-webkit-transform: rotate(3.6deg);
	-moz-transform: rotate(3.6deg);
	-ms-transform: rotate(3.6deg);
	-o-transform: rotate(3.6deg);
	transform: rotate(3.6deg)
}

.c100.p2 .bar {
	-webkit-transform: rotate(7.2deg);
	-moz-transform: rotate(7.2deg);
	-ms-transform: rotate(7.2deg);
	-o-transform: rotate(7.2deg);
	transform: rotate(7.2deg)
}

.c100.p3 .bar {
	-webkit-transform: rotate(10.8deg);
	-moz-transform: rotate(10.8deg);
	-ms-transform: rotate(10.8deg);
	-o-transform: rotate(10.8deg);
	transform: rotate(10.8deg)
}

.c100.p4 .bar {
	-webkit-transform: rotate(14.4deg);
	-moz-transform: rotate(14.4deg);
	-ms-transform: rotate(14.4deg);
	-o-transform: rotate(14.4deg);
	transform: rotate(14.4deg)
}

.c100.p5 .bar {
	-webkit-transform: rotate(18deg);
	-moz-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
	-o-transform: rotate(18deg);
	transform: rotate(18deg)
}

.c100.p6 .bar {
	-webkit-transform: rotate(21.6deg);
	-moz-transform: rotate(21.6deg);
	-ms-transform: rotate(21.6deg);
	-o-transform: rotate(21.6deg);
	transform: rotate(21.6deg)
}

.c100.p7 .bar {
	-webkit-transform: rotate(25.2deg);
	-moz-transform: rotate(25.2deg);
	-ms-transform: rotate(25.2deg);
	-o-transform: rotate(25.2deg);
	transform: rotate(25.2deg)
}

.c100.p8 .bar {
	-webkit-transform: rotate(28.8deg);
	-moz-transform: rotate(28.8deg);
	-ms-transform: rotate(28.8deg);
	-o-transform: rotate(28.8deg);
	transform: rotate(28.8deg)
}

.c100.p9 .bar {
	-webkit-transform: rotate(32.4deg);
	-moz-transform: rotate(32.4deg);
	-ms-transform: rotate(32.4deg);
	-o-transform: rotate(32.4deg);
	transform: rotate(32.4deg)
}

.c100.p10 .bar {
	-webkit-transform: rotate(36deg);
	-moz-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	-o-transform: rotate(36deg);
	transform: rotate(36deg)
}

.c100.p11 .bar {
	-webkit-transform: rotate(39.6deg);
	-moz-transform: rotate(39.6deg);
	-ms-transform: rotate(39.6deg);
	-o-transform: rotate(39.6deg);
	transform: rotate(39.6deg)
}

.c100.p12 .bar {
	-webkit-transform: rotate(43.2deg);
	-moz-transform: rotate(43.2deg);
	-ms-transform: rotate(43.2deg);
	-o-transform: rotate(43.2deg);
	transform: rotate(43.2deg)
}

.c100.p13 .bar {
	-webkit-transform: rotate(46.8deg);
	-moz-transform: rotate(46.8deg);
	-ms-transform: rotate(46.8deg);
	-o-transform: rotate(46.8deg);
	transform: rotate(46.8deg)
}

.c100.p14 .bar {
	-webkit-transform: rotate(50.4deg);
	-moz-transform: rotate(50.4deg);
	-ms-transform: rotate(50.4deg);
	-o-transform: rotate(50.4deg);
	transform: rotate(50.4deg)
}

.c100.p15 .bar {
	-webkit-transform: rotate(54deg);
	-moz-transform: rotate(54deg);
	-ms-transform: rotate(54deg);
	-o-transform: rotate(54deg);
	transform: rotate(54deg)
}

.c100.p16 .bar {
	-webkit-transform: rotate(57.6deg);
	-moz-transform: rotate(57.6deg);
	-ms-transform: rotate(57.6deg);
	-o-transform: rotate(57.6deg);
	transform: rotate(57.6deg)
}

.c100.p17 .bar {
	-webkit-transform: rotate(61.2deg);
	-moz-transform: rotate(61.2deg);
	-ms-transform: rotate(61.2deg);
	-o-transform: rotate(61.2deg);
	transform: rotate(61.2deg)
}

.c100.p18 .bar {
	-webkit-transform: rotate(64.8deg);
	-moz-transform: rotate(64.8deg);
	-ms-transform: rotate(64.8deg);
	-o-transform: rotate(64.8deg);
	transform: rotate(64.8deg)
}

.c100.p19 .bar {
	-webkit-transform: rotate(68.4deg);
	-moz-transform: rotate(68.4deg);
	-ms-transform: rotate(68.4deg);
	-o-transform: rotate(68.4deg);
	transform: rotate(68.4deg)
}

.c100.p20 .bar {
	-webkit-transform: rotate(72deg);
	-moz-transform: rotate(72deg);
	-ms-transform: rotate(72deg);
	-o-transform: rotate(72deg);
	transform: rotate(72deg)
}

.c100.p21 .bar {
	-webkit-transform: rotate(75.6deg);
	-moz-transform: rotate(75.6deg);
	-ms-transform: rotate(75.6deg);
	-o-transform: rotate(75.6deg);
	transform: rotate(75.6deg)
}

.c100.p22 .bar {
	-webkit-transform: rotate(79.2deg);
	-moz-transform: rotate(79.2deg);
	-ms-transform: rotate(79.2deg);
	-o-transform: rotate(79.2deg);
	transform: rotate(79.2deg)
}

.c100.p23 .bar {
	-webkit-transform: rotate(82.8deg);
	-moz-transform: rotate(82.8deg);
	-ms-transform: rotate(82.8deg);
	-o-transform: rotate(82.8deg);
	transform: rotate(82.8deg)
}

.c100.p24 .bar {
	-webkit-transform: rotate(86.4deg);
	-moz-transform: rotate(86.4deg);
	-ms-transform: rotate(86.4deg);
	-o-transform: rotate(86.4deg);
	transform: rotate(86.4deg)
}

.c100.p25 .bar {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.c100.p26 .bar {
	-webkit-transform: rotate(93.6deg);
	-moz-transform: rotate(93.6deg);
	-ms-transform: rotate(93.6deg);
	-o-transform: rotate(93.6deg);
	transform: rotate(93.6deg)
}

.c100.p27 .bar {
	-webkit-transform: rotate(97.2deg);
	-moz-transform: rotate(97.2deg);
	-ms-transform: rotate(97.2deg);
	-o-transform: rotate(97.2deg);
	transform: rotate(97.2deg)
}

.c100.p28 .bar {
	-webkit-transform: rotate(100.8deg);
	-moz-transform: rotate(100.8deg);
	-ms-transform: rotate(100.8deg);
	-o-transform: rotate(100.8deg);
	transform: rotate(100.8deg)
}

.c100.p29 .bar {
	-webkit-transform: rotate(104.4deg);
	-moz-transform: rotate(104.4deg);
	-ms-transform: rotate(104.4deg);
	-o-transform: rotate(104.4deg);
	transform: rotate(104.4deg)
}

.c100.p30 .bar {
	-webkit-transform: rotate(108deg);
	-moz-transform: rotate(108deg);
	-ms-transform: rotate(108deg);
	-o-transform: rotate(108deg);
	transform: rotate(108deg)
}

.c100.p31 .bar {
	-webkit-transform: rotate(111.6deg);
	-moz-transform: rotate(111.6deg);
	-ms-transform: rotate(111.6deg);
	-o-transform: rotate(111.6deg);
	transform: rotate(111.6deg)
}

.c100.p32 .bar {
	-webkit-transform: rotate(115.2deg);
	-moz-transform: rotate(115.2deg);
	-ms-transform: rotate(115.2deg);
	-o-transform: rotate(115.2deg);
	transform: rotate(115.2deg)
}

.c100.p33 .bar {
	-webkit-transform: rotate(118.8deg);
	-moz-transform: rotate(118.8deg);
	-ms-transform: rotate(118.8deg);
	-o-transform: rotate(118.8deg);
	transform: rotate(118.8deg)
}

.c100.p34 .bar {
	-webkit-transform: rotate(122.4deg);
	-moz-transform: rotate(122.4deg);
	-ms-transform: rotate(122.4deg);
	-o-transform: rotate(122.4deg);
	transform: rotate(122.4deg)
}

.c100.p35 .bar {
	-webkit-transform: rotate(126deg);
	-moz-transform: rotate(126deg);
	-ms-transform: rotate(126deg);
	-o-transform: rotate(126deg);
	transform: rotate(126deg)
}

.c100.p36 .bar {
	-webkit-transform: rotate(129.6deg);
	-moz-transform: rotate(129.6deg);
	-ms-transform: rotate(129.6deg);
	-o-transform: rotate(129.6deg);
	transform: rotate(129.6deg)
}

.c100.p37 .bar {
	-webkit-transform: rotate(133.2deg);
	-moz-transform: rotate(133.2deg);
	-ms-transform: rotate(133.2deg);
	-o-transform: rotate(133.2deg);
	transform: rotate(133.2deg)
}

.c100.p38 .bar {
	-webkit-transform: rotate(136.8deg);
	-moz-transform: rotate(136.8deg);
	-ms-transform: rotate(136.8deg);
	-o-transform: rotate(136.8deg);
	transform: rotate(136.8deg)
}

.c100.p39 .bar {
	-webkit-transform: rotate(140.4deg);
	-moz-transform: rotate(140.4deg);
	-ms-transform: rotate(140.4deg);
	-o-transform: rotate(140.4deg);
	transform: rotate(140.4deg)
}

.c100.p40 .bar {
	-webkit-transform: rotate(144deg);
	-moz-transform: rotate(144deg);
	-ms-transform: rotate(144deg);
	-o-transform: rotate(144deg);
	transform: rotate(144deg)
}

.c100.p41 .bar {
	-webkit-transform: rotate(147.6deg);
	-moz-transform: rotate(147.6deg);
	-ms-transform: rotate(147.6deg);
	-o-transform: rotate(147.6deg);
	transform: rotate(147.6deg)
}

.c100.p42 .bar {
	-webkit-transform: rotate(151.2deg);
	-moz-transform: rotate(151.2deg);
	-ms-transform: rotate(151.2deg);
	-o-transform: rotate(151.2deg);
	transform: rotate(151.2deg)
}

.c100.p43 .bar {
	-webkit-transform: rotate(154.8deg);
	-moz-transform: rotate(154.8deg);
	-ms-transform: rotate(154.8deg);
	-o-transform: rotate(154.8deg);
	transform: rotate(154.8deg)
}

.c100.p44 .bar {
	-webkit-transform: rotate(158.4deg);
	-moz-transform: rotate(158.4deg);
	-ms-transform: rotate(158.4deg);
	-o-transform: rotate(158.4deg);
	transform: rotate(158.4deg)
}

.c100.p45 .bar {
	-webkit-transform: rotate(162deg);
	-moz-transform: rotate(162deg);
	-ms-transform: rotate(162deg);
	-o-transform: rotate(162deg);
	transform: rotate(162deg)
}

.c100.p46 .bar {
	-webkit-transform: rotate(165.6deg);
	-moz-transform: rotate(165.6deg);
	-ms-transform: rotate(165.6deg);
	-o-transform: rotate(165.6deg);
	transform: rotate(165.6deg)
}

.c100.p47 .bar {
	-webkit-transform: rotate(169.2deg);
	-moz-transform: rotate(169.2deg);
	-ms-transform: rotate(169.2deg);
	-o-transform: rotate(169.2deg);
	transform: rotate(169.2deg)
}

.c100.p48 .bar {
	-webkit-transform: rotate(172.8deg);
	-moz-transform: rotate(172.8deg);
	-ms-transform: rotate(172.8deg);
	-o-transform: rotate(172.8deg);
	transform: rotate(172.8deg)
}

.c100.p49 .bar {
	-webkit-transform: rotate(176.4deg);
	-moz-transform: rotate(176.4deg);
	-ms-transform: rotate(176.4deg);
	-o-transform: rotate(176.4deg);
	transform: rotate(176.4deg)
}

.c100.p50 .bar {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.c100.p51 .bar {
	-webkit-transform: rotate(183.6deg);
	-moz-transform: rotate(183.6deg);
	-ms-transform: rotate(183.6deg);
	-o-transform: rotate(183.6deg);
	transform: rotate(183.6deg)
}

.c100.p52 .bar {
	-webkit-transform: rotate(187.2deg);
	-moz-transform: rotate(187.2deg);
	-ms-transform: rotate(187.2deg);
	-o-transform: rotate(187.2deg);
	transform: rotate(187.2deg)
}

.c100.p53 .bar {
	-webkit-transform: rotate(190.8deg);
	-moz-transform: rotate(190.8deg);
	-ms-transform: rotate(190.8deg);
	-o-transform: rotate(190.8deg);
	transform: rotate(190.8deg)
}

.c100.p54 .bar {
	-webkit-transform: rotate(194.4deg);
	-moz-transform: rotate(194.4deg);
	-ms-transform: rotate(194.4deg);
	-o-transform: rotate(194.4deg);
	transform: rotate(194.4deg)
}

.c100.p55 .bar {
	-webkit-transform: rotate(198deg);
	-moz-transform: rotate(198deg);
	-ms-transform: rotate(198deg);
	-o-transform: rotate(198deg);
	transform: rotate(198deg)
}

.c100.p56 .bar {
	-webkit-transform: rotate(201.6deg);
	-moz-transform: rotate(201.6deg);
	-ms-transform: rotate(201.6deg);
	-o-transform: rotate(201.6deg);
	transform: rotate(201.6deg)
}

.c100.p57 .bar {
	-webkit-transform: rotate(205.2deg);
	-moz-transform: rotate(205.2deg);
	-ms-transform: rotate(205.2deg);
	-o-transform: rotate(205.2deg);
	transform: rotate(205.2deg)
}

.c100.p58 .bar {
	-webkit-transform: rotate(208.8deg);
	-moz-transform: rotate(208.8deg);
	-ms-transform: rotate(208.8deg);
	-o-transform: rotate(208.8deg);
	transform: rotate(208.8deg)
}

.c100.p59 .bar {
	-webkit-transform: rotate(212.4deg);
	-moz-transform: rotate(212.4deg);
	-ms-transform: rotate(212.4deg);
	-o-transform: rotate(212.4deg);
	transform: rotate(212.4deg)
}

.c100.p60 .bar {
	-webkit-transform: rotate(216deg);
	-moz-transform: rotate(216deg);
	-ms-transform: rotate(216deg);
	-o-transform: rotate(216deg);
	transform: rotate(216deg)
}

.c100.p61 .bar {
	-webkit-transform: rotate(219.6deg);
	-moz-transform: rotate(219.6deg);
	-ms-transform: rotate(219.6deg);
	-o-transform: rotate(219.6deg);
	transform: rotate(219.6deg)
}

.c100.p62 .bar {
	-webkit-transform: rotate(223.2deg);
	-moz-transform: rotate(223.2deg);
	-ms-transform: rotate(223.2deg);
	-o-transform: rotate(223.2deg);
	transform: rotate(223.2deg)
}

.c100.p63 .bar {
	-webkit-transform: rotate(226.8deg);
	-moz-transform: rotate(226.8deg);
	-ms-transform: rotate(226.8deg);
	-o-transform: rotate(226.8deg);
	transform: rotate(226.8deg)
}

.c100.p64 .bar {
	-webkit-transform: rotate(230.4deg);
	-moz-transform: rotate(230.4deg);
	-ms-transform: rotate(230.4deg);
	-o-transform: rotate(230.4deg);
	transform: rotate(230.4deg)
}

.c100.p65 .bar {
	-webkit-transform: rotate(234deg);
	-moz-transform: rotate(234deg);
	-ms-transform: rotate(234deg);
	-o-transform: rotate(234deg);
	transform: rotate(234deg)
}

.c100.p66 .bar {
	-webkit-transform: rotate(237.6deg);
	-moz-transform: rotate(237.6deg);
	-ms-transform: rotate(237.6deg);
	-o-transform: rotate(237.6deg);
	transform: rotate(237.6deg)
}

.c100.p67 .bar {
	-webkit-transform: rotate(241.2deg);
	-moz-transform: rotate(241.2deg);
	-ms-transform: rotate(241.2deg);
	-o-transform: rotate(241.2deg);
	transform: rotate(241.2deg)
}

.c100.p68 .bar {
	-webkit-transform: rotate(244.8deg);
	-moz-transform: rotate(244.8deg);
	-ms-transform: rotate(244.8deg);
	-o-transform: rotate(244.8deg);
	transform: rotate(244.8deg)
}

.c100.p69 .bar {
	-webkit-transform: rotate(248.4deg);
	-moz-transform: rotate(248.4deg);
	-ms-transform: rotate(248.4deg);
	-o-transform: rotate(248.4deg);
	transform: rotate(248.4deg)
}

.c100.p70 .bar {
	-webkit-transform: rotate(252deg);
	-moz-transform: rotate(252deg);
	-ms-transform: rotate(252deg);
	-o-transform: rotate(252deg);
	transform: rotate(252deg)
}

.c100.p71 .bar {
	-webkit-transform: rotate(255.6deg);
	-moz-transform: rotate(255.6deg);
	-ms-transform: rotate(255.6deg);
	-o-transform: rotate(255.6deg);
	transform: rotate(255.6deg)
}

.c100.p72 .bar {
	-webkit-transform: rotate(259.2deg);
	-moz-transform: rotate(259.2deg);
	-ms-transform: rotate(259.2deg);
	-o-transform: rotate(259.2deg);
	transform: rotate(259.2deg)
}

.c100.p73 .bar {
	-webkit-transform: rotate(262.8deg);
	-moz-transform: rotate(262.8deg);
	-ms-transform: rotate(262.8deg);
	-o-transform: rotate(262.8deg);
	transform: rotate(262.8deg)
}

.c100.p74 .bar {
	-webkit-transform: rotate(266.4deg);
	-moz-transform: rotate(266.4deg);
	-ms-transform: rotate(266.4deg);
	-o-transform: rotate(266.4deg);
	transform: rotate(266.4deg)
}

.c100.p75 .bar {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg)
}

.c100.p76 .bar {
	-webkit-transform: rotate(273.6deg);
	-moz-transform: rotate(273.6deg);
	-ms-transform: rotate(273.6deg);
	-o-transform: rotate(273.6deg);
	transform: rotate(273.6deg)
}

.c100.p77 .bar {
	-webkit-transform: rotate(277.2deg);
	-moz-transform: rotate(277.2deg);
	-ms-transform: rotate(277.2deg);
	-o-transform: rotate(277.2deg);
	transform: rotate(277.2deg)
}

.c100.p78 .bar {
	-webkit-transform: rotate(280.8deg);
	-moz-transform: rotate(280.8deg);
	-ms-transform: rotate(280.8deg);
	-o-transform: rotate(280.8deg);
	transform: rotate(280.8deg)
}

.c100.p79 .bar {
	-webkit-transform: rotate(284.4deg);
	-moz-transform: rotate(284.4deg);
	-ms-transform: rotate(284.4deg);
	-o-transform: rotate(284.4deg);
	transform: rotate(284.4deg)
}

.c100.p80 .bar {
	-webkit-transform: rotate(288deg);
	-moz-transform: rotate(288deg);
	-ms-transform: rotate(288deg);
	-o-transform: rotate(288deg);
	transform: rotate(288deg)
}

.c100.p81 .bar {
	-webkit-transform: rotate(291.6deg);
	-moz-transform: rotate(291.6deg);
	-ms-transform: rotate(291.6deg);
	-o-transform: rotate(291.6deg);
	transform: rotate(291.6deg)
}

.c100.p82 .bar {
	-webkit-transform: rotate(295.2deg);
	-moz-transform: rotate(295.2deg);
	-ms-transform: rotate(295.2deg);
	-o-transform: rotate(295.2deg);
	transform: rotate(295.2deg)
}

.c100.p83 .bar {
	-webkit-transform: rotate(298.8deg);
	-moz-transform: rotate(298.8deg);
	-ms-transform: rotate(298.8deg);
	-o-transform: rotate(298.8deg);
	transform: rotate(298.8deg)
}

.c100.p84 .bar {
	-webkit-transform: rotate(302.4deg);
	-moz-transform: rotate(302.4deg);
	-ms-transform: rotate(302.4deg);
	-o-transform: rotate(302.4deg);
	transform: rotate(302.4deg)
}

.c100.p85 .bar {
	-webkit-transform: rotate(306deg);
	-moz-transform: rotate(306deg);
	-ms-transform: rotate(306deg);
	-o-transform: rotate(306deg);
	transform: rotate(306deg)
}

.c100.p86 .bar {
	-webkit-transform: rotate(309.6deg);
	-moz-transform: rotate(309.6deg);
	-ms-transform: rotate(309.6deg);
	-o-transform: rotate(309.6deg);
	transform: rotate(309.6deg)
}

.c100.p87 .bar {
	-webkit-transform: rotate(313.2deg);
	-moz-transform: rotate(313.2deg);
	-ms-transform: rotate(313.2deg);
	-o-transform: rotate(313.2deg);
	transform: rotate(313.2deg)
}

.c100.p88 .bar {
	-webkit-transform: rotate(316.8deg);
	-moz-transform: rotate(316.8deg);
	-ms-transform: rotate(316.8deg);
	-o-transform: rotate(316.8deg);
	transform: rotate(316.8deg)
}

.c100.p89 .bar {
	-webkit-transform: rotate(320.4deg);
	-moz-transform: rotate(320.4deg);
	-ms-transform: rotate(320.4deg);
	-o-transform: rotate(320.4deg);
	transform: rotate(320.4deg)
}

.c100.p90 .bar {
	-webkit-transform: rotate(324deg);
	-moz-transform: rotate(324deg);
	-ms-transform: rotate(324deg);
	-o-transform: rotate(324deg);
	transform: rotate(324deg)
}

.c100.p91 .bar {
	-webkit-transform: rotate(327.6deg);
	-moz-transform: rotate(327.6deg);
	-ms-transform: rotate(327.6deg);
	-o-transform: rotate(327.6deg);
	transform: rotate(327.6deg)
}

.c100.p92 .bar {
	-webkit-transform: rotate(331.2deg);
	-moz-transform: rotate(331.2deg);
	-ms-transform: rotate(331.2deg);
	-o-transform: rotate(331.2deg);
	transform: rotate(331.2deg)
}

.c100.p93 .bar {
	-webkit-transform: rotate(334.8deg);
	-moz-transform: rotate(334.8deg);
	-ms-transform: rotate(334.8deg);
	-o-transform: rotate(334.8deg);
	transform: rotate(334.8deg)
}

.c100.p94 .bar {
	-webkit-transform: rotate(338.4deg);
	-moz-transform: rotate(338.4deg);
	-ms-transform: rotate(338.4deg);
	-o-transform: rotate(338.4deg);
	transform: rotate(338.4deg)
}

.c100.p95 .bar {
	-webkit-transform: rotate(342deg);
	-moz-transform: rotate(342deg);
	-ms-transform: rotate(342deg);
	-o-transform: rotate(342deg);
	transform: rotate(342deg)
}

.c100.p96 .bar {
	-webkit-transform: rotate(345.6deg);
	-moz-transform: rotate(345.6deg);
	-ms-transform: rotate(345.6deg);
	-o-transform: rotate(345.6deg);
	transform: rotate(345.6deg)
}

.c100.p97 .bar {
	-webkit-transform: rotate(349.2deg);
	-moz-transform: rotate(349.2deg);
	-ms-transform: rotate(349.2deg);
	-o-transform: rotate(349.2deg);
	transform: rotate(349.2deg)
}

.c100.p98 .bar {
	-webkit-transform: rotate(352.8deg);
	-moz-transform: rotate(352.8deg);
	-ms-transform: rotate(352.8deg);
	-o-transform: rotate(352.8deg);
	transform: rotate(352.8deg)
}

.c100.p99 .bar {
	-webkit-transform: rotate(356.4deg);
	-moz-transform: rotate(356.4deg);
	-ms-transform: rotate(356.4deg);
	-o-transform: rotate(356.4deg);
	transform: rotate(356.4deg)
}

.c100.p100 .bar {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}

.c100:hover {
	cursor: default
}

.c100:hover>span {
	width: 3.33em;
	line-height: 3.33em;
	font-size: .3em;
	color: #307bbb
}

.c100:hover:after {
	top: .04em;
	left: .04em;
	width: .92em;
	height: .92em
}

.c100.dark {
	background-color: #777
}

.c100.dark .bar, .c100.dark .fill {
	border-color: #c6ff00 !important
}

.c100.dark>span {
	color: #777
}

.c100.dark:after {
	background-color: #666
}

.c100.dark:hover>span {
	color: #c6ff00
}

.c100.green .bar, .c100.green .fill {
	border-color: #4db53c !important
}

.c100.green:hover>span {
	color: #4db53c
}

.c100.green.dark .bar, .c100.green.dark .fill {
	border-color: #5fd400 !important
}

.c100.green.dark:hover>span {
	color: #5fd400
}

.c100.orange .bar, .c100.orange .fill {
	border-color: #dd9d22 !important
}

.c100.orange:hover>span {
	color: #dd9d22
}

.c100.orange.dark .bar, .c100.orange.dark .fill {
	border-color: #e08833 !important
}

.c100.orange.dark:hover>span {
	color: #e08833
}