body {
	font-family: "Roboto", sans-serif;
	font-size: 1.3em;
	line-height: 1.8em;
	color: rgba(0, 0, 0, 1);
	background-color: rgba(0, 0, 0, 0);
	letter-spacing: 0.03em;
}

@media only screen and (max-width: 768px) {
	.prjct-wrt-right {
		font-size: 1.5em !important;
		top: 2% !important;
	}

	.modal-header-menu {
		border: 0;
		padding: 50% 30px 30px !important;
	}

	.open-menu-title {
		font-size: 1.8em !important;
		letter-spacing: 0.03em;
		line-height: 2em !important;
		font-weight: 600;
		color: rgba(255, 255, 255, 1);
		opacity: 0.2 !important;
	}

	.right-menu {
		float: right;
		margin-top: 48px !important;
		margin-right: 2% !important;
		font-family: Roboto;
		z-index: 1040;
	}

	.btn-primary-menu {
		color: rgba(0, 0, 0, 1);
		background-color: rgba(0, 0, 0, 0);
		border-color: rgba(0, 0, 0, 0);
		font-size: 15px !important;
		font-weight: 600 !important;
		z-index: 1040;
		font-family: roboto;
		letter-spacing: 0.03em !important;
	}

	.prjct-wrt-left {
		font-size: 1.5em !important;
		top: 2% !important;
	}

	.h1,
	h1 {
		font-size: 1.5em !important;
		max-width: 245px !important;
		margin: 0 auto;
	}

	.hero-bg {
		height: 70vh !important;
		padding-top: 40vh !important;
	}

	.h2,
	h2 {
		font-size: 1.1em !important;
	}

	.btn-allprojects {
		font-size: 0.9em !important;
	}

	.prjct-bg {
		margin-top: 3em !important;
		margin-bottom: 3em !important;
	}

	.img-prjct-logo {
		display: none !important;
	}

	.lg-col-wrt {
		font-size: 1em !important;
		padding: 3% !important;
	}

	.lg-col-wrt2 {
		font-size: 1em !important;
		padding: 3% !important;
	}

	.lg-col-wrt3 {
		font-size: 1em !important;
		padding: 3% !important;
		text-align: center !important;
	}

	.lg-col-ttl {
		font-size: 1.6em !important;
		padding-left: 3%;
	}

	.lg-col-ttl2 {
		font-size: 1.6em !important;
		padding-left: 3%;
	}

	.lg-col-ttl3 {
		font-size: 1.6em !important;
		padding-left: 0 !important;
		text-align: center !important;
	}

	.lg-col-bg {
		margin-top: 3em !important;
		margin-bottom: 3em !important;
	}

	.lg-col-bg2 {
		margin-top: 3em !important;
		margin-bottom: 0.5em !important;
	}

	.nav-ttl {
		top: 36px !important;
		font-size: 1.3em !important;
		position: absolute !important;
		left: 5% !important;
	}

	.right-menu {
		top: -17px !important;
		font-size: 14px !important;
		position: fixed !important;
		right: 0 !important;
		font-weight: 300;
		font-family: roboto;
		letter-spacing: 0.1em;
		background: rgba(0, 0, 0, 0) !important;
	}

	.img-hr-lg {
		height: 35px !important;
		width: 35px !important;
		margin-top: 27px !important;
		display: none;
	}

	.ftr-lnk {
		font-size: 1em !important;
		height: 3em !important;
		text-align: center !important;
		padding-left: 0 !important;
	}

	.ftr-lnk-on {
		font-size: 1em !important;
		height: 3em !important;
		text-align: center !important;
		padding-left: 0 !important;
	}

	.prjct-wrt-left-wrk {
		font-size: 1.5em !important;
		top: 9.5% !important;
	}

	.prjct-wrt-right-wrk {
		font-size: 1.5em !important;
		top: 9.5% !important;
	}

	.img-prjct-wrk {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.img-prjct-wrk:hover {
		padding-right: 0 !important;
		padding-left: 0 !important;
		border-radius: 0 !important;
	}

	.prjct-wrt-left-wrk-big {
		font-size: 1.5em !important;
		top: 9.5% !important;
	}

	.img-prjct-wrk-big {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.img-prjct-wrk-big:hover {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.img-prjct {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.img-prjct:hover {
		border-radius: 0 !important;
	}

	.works-hero-bg {
		height: 50vh !important;
		padding-top: 28vh !important;
	}

	.blog-hero-bg {
		padding-top: 31vh !important;
	}

	.lgs-bg {
		margin-top: 0 !important;
		margin-bottom: 0.6em !important;
	}

	.btn-ltstlk {
		padding: 3em !important;
		font-size: 1em !important;
	}

	.img-lg-col2 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.img-lg-col3 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.img-lg-col4 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.shw-cs2 {
		font-size: 1.4em !important;
	}

	.shw-cs {
		font-size: 1.1em !important;
	}

	.shw-cs3 {
		font-size: 1.1em !important;
		text-align: center !important;
		padding-left: 0 !important;
	}

	.shw-cs4 {
		font-size: 1.1em !important;
	}

	.shw-cs4-r {
		font-size: 1.1em !important;
	}

	.allprojects-bg {
		margin-bottom: 2em !important;
		margin-top: 2em !important;
	}

	.allprojects-lgs-bg2 {
		margin-bottom: 3.6em !important;
	}
}

.nav-ttl {
	font-size: 1.8em;
	font-family: "Roboto", sans-serif;
	letter-spacing: 0.03em;
	font-weight: 700;
	left: 5%;
	height: auto;
	position: absolute;
	top: 45px;
	z-index: 3;
}

.img-hr-lg {
	height: 40px;
	width: 40px;
	margin-left: 5%;
	margin-top: 35px;
	display: none;
}

a {
	color: rgba(16, 142, 31, 1);
}

a:hover {
	color: rgba(0, 0, 0, 1);
}

	{
	text-decoration: none;
}

.h1,
h1 {
	font-size: 3.1em;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.7em;
	font-family: "Roboto", sans-serif;
	color: rgba(0, 0, 0, 1);
}

.h2,
h2 {
	font-size: 1.6em;
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.7em;
	font-family: "Roboto", sans-serif;
	color: rgba(0, 0, 0, 1);
}

.h3,
h3 {
	font-size: 1.3em;
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.7em;
	color: rgba(153, 153, 153, 1);
	font-family: "Roboto", sans-serif;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
	margin-top: 0;
	margin-bottom: 0;
}

.hero-bg {
	background: rgba(0, 0, 0, 0);
	margin: 0 auto;
	text-align: center;
	height: 80vh;
	padding-top: 38.5vh;
}

.slider-bg {
	background: rgba(0, 0, 0, 0);
	margin: 0 auto;
	text-align: center;
	padding-top: 10em;
	padding-bottom: 3em;
}

.blog-hero-bg {
	background: rgba(0, 0, 0, 0);
	margin: 0 auto;
	text-align: center;
	height: 45vh;
	padding-top: 25vh;
}

.works-hero-bg {
	background: rgba(0, 0, 0, 0);
	margin: 0 auto;
	text-align: center;
	height: 65vh;
	padding-top: 30vh;
}

.footer-bg {
	margin-top: 5em;
	margin-bottom: 4.3em;
	height: 11em;
}

.ftr-lnk {
	font-size: 1.1em;
	letter-spacing: 0.04em;
	line-height: 1.7em;
	text-align: left;
	color: rgba(153, 153, 153, 1);
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	height: 2.5em;
	padding-left: 5%;
}

.ftr-lnk-on {
	font-size: 1.1em;
	letter-spacing: 0.04em;
	line-height: 1.7em;
	text-align: left;
	color: rgba(0, 0, 0, 1);
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	height: 2.5em;
	padding-left: 5%;
}

.ftr-lnk:hover {
	color: rgba(0, 0, 0, 1);
	text-decoration: none;
}

.lg-col-bg2 {
	background: rgba(0, 0, 0, 0);
	text-align: left;
	margin-bottom: 5em;
	margin-top: 5em;
}

.lg-col-bg {
	background: rgba(0, 0, 0, 0);
	text-align: left;
	margin-bottom: 5em;
	margin-top: 5em;
}

.lg-col-wrt2 {
	font-size: 1.3em;
	line-height: 1.8em;
	padding: 3%;
	letter-spacing: 0.04em;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	color: rgba(84, 84, 84, 1);
}

.lg-col-wrt3 {
	font-size: 1.3em;
	line-height: 1.8em;
	padding: 3%;
	letter-spacing: 0.04em;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	color: rgba(84, 84, 84, 1);
	text-align: center;
}

.lg-col-wrt {
	font-size: 1.3em;
	line-height: 1.8em;
	padding: 15%;
	letter-spacing: 0.04em;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	color: rgba(84, 84, 84, 1);
}

.lg-col-ttl2 {
	font-size: 2.7em;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.7em;
	font-family: "Roboto", sans-serif;
	color: rgba(0, 0, 0, 1);
}

.lg-col-ttl3 {
	font-size: 2.7em;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.7em;
	font-family: "Roboto", sans-serif;
	color: rgba(0, 0, 0, 1);
	text-align: center;
}

.lg-col-ttl {
	font-size: 2.7em;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.7em;
	font-family: "Roboto", sans-serif;
	color: rgba(0, 0, 0, 1);
}

.img-lg-col2 {
	border-radius: 0;
	max-width: 100%;
	height: auto;
	transition: all 0.5s ease;
	display: table;
	position: relative;
	padding-right: 2%;
	padding-left: 2%;
	animation: 3s animatebottom;
}

.img-lg-col3 {
	border-radius: 0;
	max-width: 100%;
	height: auto;
	transition: all 0.5s ease;
	display: table;
	position: relative;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0.5%;
	animation: 3s animatebottom;
}

.img-lg-col4 {
	border-radius: 0;
	max-width: 100%;
	height: auto;
	transition: all 0.5s ease;
	display: table;
	position: relative;
	padding-right: 0;
	padding-left: 0;
	animation: 3s animatebottom;
}

.img-lg-col {
	border-radius: 0;
	max-width: 100%;
	height: auto;
	transition: all 0.5s ease;
	display: table;
	position: relative;
}

.img-lg-col:hover {
	cursor: pointer;
	opacity: 0.7;
}

.lgs-bg {
	background: rgba(0, 0, 0, 0);
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

.prjct-bg {
	background: rgba(0, 0, 0, 0);
	margin-top: 5em;
	margin-bottom: 5em;
}

.allprojects-lgs-bg {
	width: auto;
	height: auto;
	text-align: center;
	margin-bottom: 5em;
	margin-top: 5em;
}

.allprojects-lgs-bg2 {
	width: auto;
	height: auto;
	text-align: center;
	margin-top: 5em;
}

.allprojects-bg {
	width: auto;
	height: auto;
	text-align: center;
	margin-bottom: 5em;
	margin-top: 5em;
}

.btn-ltstlk {
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 1);
	padding: 5em;
	font-size: 2em;
	width: 100%;
	display: inline-block;
	margin-bottom: 0;
	letter-spacing: 0.4em;
	text-align: center;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
	vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
	line-height: 1.8em;
	border-radius: 0;
	transition: all 0.5s ease;
}

.btn-ltstlk:hover {
	background-color: rgba(241, 241, 241, 1);
	color: rgba(0, 0, 0, 1);
	text-decoration: none;
}

.btn-ltstlk:focus {
	background-color: rgba(241, 241, 241, 1);
	color: rgba(0, 0, 0, 1);
	text-decoration: none;
}

.btn-allprojects {
	color: rgba(0, 0, 0, 1);
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(16, 142, 31, 1);
	padding: 8px 18px;
	font-size: 1em;
	display: inline-block;
	margin-bottom: 0;
	letter-spacing: 0.07em;
	text-align: center;
	font-weight: 400;
	font-family: "Roboto", sans-serif;
	vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
	line-height: 1.8em;
	border-radius: 0;
	transition: all 0.5s ease;
}

.btn-allprojects:hover {
	background-color: rgba(0, 0, 0, 1);
	color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(0, 0, 0, 1);
	text-decoration: none;
}

.img-prjct-lgs-big {
	border-radius: 0;
	width: 100%;
	height: auto;
	transition: all 0.5s ease;
	display: table;
	position: relative;
	padding-left: 1%;
	padding-right: 1%;
}

.img-prjct-lgs {
	border-radius: 0;
	max-width: 100%;
	height: auto;
	transition: all 0.5s ease;
	display: table;
	position: relative;
	padding-left: 2%;
	padding-right: 2%;
	animation: 3s animatebottom;
}

.shw-cs {
	font-size: 1.1em;
	font-weight: 300;
	letter-spacing: 0.06em;
	line-height: 1.7em;
	font-family: "Roboto", sans-serif;
	color: rgba(150, 150, 150, 1);
	padding-left: 5%;
	font-style: italic;
	padding-top: 1%;
}

.shw-cs4 {
	font-size: 1.2em;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.7em;
	font-family: "Roboto", sans-serif;
	color: rgba(0, 0, 0, 1);
	padding-left: 5%;
	padding-top: 2%;
	padding-right: 3%;
	max-width: 100%;
}

.shw-cs4-r {
	font-size: 1.2em;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.7em;
	font-family: "Roboto", sans-serif;
	color: rgba(0, 0, 0, 1);
	padding-left: 3%;
	padding-top: 3%;
	padding-right: 3%;
	max-width: 100%;
	float: right;
}

.shw-cs2 {
	font-size: 2em;
	color: rgba(0, 0, 0, 1);
	font-weight: 700;
	max-width: 100%;
	padding-left: 5%;
	padding-top: 3%;
}

.shw-cs3 {
	font-size: 1.1em;
	color: rgba(0, 0, 0, 1);
	font-weight: 400;
	max-width: 100%;
	padding-left: 5%;
	padding-bottom: 2%;
}

.blg-cs {
	font-size: 1.1em;
	font-weight: 300;
	letter-spacing: 0.06em;
	line-height: 1.7em;
	font-family: "Roboto", sans-serif;
	color: rgba(150, 150, 150, 1);
	padding-left: 5%;
	font-style: italic;
	padding-top: 1%;
}

.blg-cs4 {
	font-size: 1.2em;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.7em;
	font-family: "Roboto", sans-serif;
	color: rgba(0, 0, 0, 1);
	padding-left: 5%;
	padding-top: 2%;
	padding-right: 3%;
	max-width: 100%;
}

.blg-cs4-r {
	font-size: 1.2em;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.7em;
	font-family: "Roboto", sans-serif;
	color: rgba(0, 0, 0, 1);
	padding-left: 3%;
	padding-top: 3%;
	padding-right: 3%;
	max-width: 100%;
	float: right;
}

.blg-cs2 {
	font-size: 2em;
	color: rgba(0, 0, 0, 1);
	font-weight: 700;
	max-width: 100%;
	padding-left: 5%;
	padding-top: 3%;
}

.blg-cs3 {
	font-size: 1.1em;
	color: rgba(0, 0, 0, 1);
	font-weight: 400;
	max-width: 100%;
	padding-left: 5%;
	padding-bottom: 2%;
}

.img-prjct-wrk {
	border-radius: 0;
	max-width: 100%;
	height: auto;
	transition: all 0.5s ease;
	display: table;
	position: relative;
	padding-left: 2%;
	padding-right: 2%;
	animation: 3s animatebottom;
}

.img-prjct-wrk-big {
	border-radius: 0;
	max-width: 100%;
	height: auto;
	transition: all 0.5s ease;
	display: table;
	position: relative;
	padding-left: 2%;
	padding-right: 2%;
}

.img-prjct-wrk:hover {
	cursor: pointer;
	opacity: 0.7;
	transform: scale(0.92);
}

.prjct-wrt-right-wrk {
	position: absolute;
	right: 3%;
	top: 1%;
	font-size: 2.6em;
	color: rgba(0, 0, 0, 1);
	font-weight: 700;
	max-width: 100%;
}

.prjct-wrt-left-wrk {
	position: absolute;
	left: 3%;
	top: 12%;
	font-size: 2.6em;
	color: rgba(0, 0, 0, 1);
	font-weight: 700;
	max-width: 100%;
}

.prjct-wrt-left-wrk-big {
	position: absolute;
	left: 3%;
	top: 12%;
	font-size: 2.6em;
	color: rgba(0, 0, 0, 1);
	font-weight: 700;
	max-width: 100%;
}

.img-prjct-wrk-big:hover {
	cursor: pointer;
	opacity: 0.7;
}

.img-prjct {
	border-radius: 0;
	max-width: 100%;
	height: auto;
	transition: all 0.5s ease;
	display: table;
	position: relative;
	padding-left: 1em;
	padding-right: 1em;
	animation: 3s animatebottom;
}

.img-prjct:hover {
	cursor: pointer;
	opacity: 0.7;
	transform: scale(0.92);
}

.prjct-wrt-right {
	position: absolute;
	right: 3%;
	top: 2.4%;
	font-size: 2.6em;
	color: rgba(0, 0, 0, 1);
	font-weight: 700;
	max-width: 100%;
}

.prjct-wrt-left {
	position: absolute;
	left: 3%;
	top: 2.4%;
	font-size: 2.6em;
	color: rgba(0, 0, 0, 1);
	font-weight: 700;
	max-width: 100%;
}

.underline {
  border-bottom: 5px solid #108e1f;
}

.right-menu {
	float: right;
	margin-top: 45px;
	margin-right: 5%;
	font-family: Roboto;
	position: fixed;
	right: 0;
	z-index: 1040;
	background: rgba(0, 0, 0, 0);
}

.open-menu-title {
	font-size: 3.8em;
	letter-spacing: 0.03em;
	line-height: 2em;
	font-weight: 600;
	color: rgba(255, 255, 255, 1);
	opacity: 0.2;
}

.btn-primary-menu:focus {
	outline: none;
}

.modal {
	background-color: rgba(22, 22, 22, 0.62);
}

.btn-primary-menu {
	color: rgba(0, 0, 0, 1);
	background-color: rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, 0);
	font-size: 17px;
	font-weight: 600;
	z-index: 1040;
	font-family: roboto;
	letter-spacing: 0.03em;
	outline: none;
}

.btn-primary-menu:hover {
	color: rgba(153, 153, 153, 1);
	background-color: rgba(255, 255, 255, 1);
	border-color: rgba(255, 255, 255, 1);
	font-size: 17px;
	font-weight: 600;
	z-index: 1040;
	font-family: roboto;
	letter-spacing: 0.03em;
	outline: none;
}

.modal-backdrop {
	position: initial;
}

.modal-content {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
}

.modal-content {
	position: relative;
	background-color: rgba(0, 0, 0, 1);
	border: 0 solid rgba(0, 0, 0, 0.2);
	border-radius: 0;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0);
	background-clip: padding-box;
	outline: 0;
}

.modal-dialog {
	width: 100%;
	margin: 0 auto;
	background-color: rgba(0, 0, 0, 1);
	height: 100vh;
}

.menu-links {
	font-size: 1.5em;
	font-family: roboto;
	font-weight: 500;
	letter-spacing: 0.03em;
	color: rgba(255, 255, 255, 1);
	margin-top: 10px;
	text-align: center;
	line-height: 2em;
}

.menu-links-on {
	font-size: 1.5em;
	font-family: roboto;
	font-weight: 500;
	letter-spacing: 0.03em;
	color: rgba(153, 153, 153, 1);
	text-align: center;
	line-height: 2em;
}

.menu-links:hover {
	color: rgba(153, 153, 153, 1);
	text-decoration: none;
}

.menu-t {
	text-align: center;
}

.btn {
	outline: none !important;
}

.menu-close {
	float: none;
	font-size: 1.8em;
	font-weight: 100;
	line-height: 1;
	color: rgba(255, 255, 255, 1);
	text-shadow: 0 0 rgba(0, 0, 0, 0);
	opacity: 1;
	background: rgba(0, 0, 0, 0);
	border: 0;
	margin-top: 20px;
	outline: none;
}

.modal fade in {
	padding-right: 0;
}

.modal-header-menu {
	border: 0;
	padding: 20% 30px 30px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 0;
	padding-right: 0;
}

.preloading {
	animation-duration: 5s;
	animation-fill-mode: both;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fadeIn {
	animation-name: fadein;
	background: rgba(255, 255, 255, 1);
}

.carousel-indicators {
	bottom: -50px;
	z-index: 0;
}

.carousel-indicators li {
	background-color: rgba(213, 213, 213, 1);
	margin: 0;
	height: 12px;
	width: 12px;
}

.carousel-indicators .active {
	background-color: rgba(0, 0, 0, 1);
}

.carousel-control.left {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
	background-repeat: repeat-x;
}

.carousel-control.right {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
	background-repeat: repeat-x;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
	font-size: 21px;
}

.carousel-control {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 5%;
	opacity: 0.4;
	font-size: 20px;
	color: rgba(0, 0, 0, 1);
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
	background-color: rgba(255, 255, 255, 0.2);
	display: none;
}

.carousel-control:hover {
	color: rgba(0, 0, 0, 1);
}

.carousel-control:focus {
	color: rgba(0, 0, 0, 1);
}

.fade-anime-right {
	position: relative;
	animation: 3s animateright;
	max-width: 100%;
}

@keyframes animateright {
	0% {
		right: -300px;
		opacity: 0;
	}

	100% {
		right: 0;
		opacity: 1;
	}
}

.fade-anime-bottom {
	position: relative;
	animation: 3s animatebottom;
	max-width: 100%;
}

@keyframes animatebottom {
	0% {
		bottom: -300px;
		opacity: 0;
	}

	100% {
		bottom: 0;
		opacity: 1;
	}
}

.fade-anime-left {
	position: relative;
	animation: 3s animateleft;
	max-width: 100%;
}

@keyframes animateleft {
	0% {
		left: -300px;
		opacity: 0;
	}

	100% {
		left: 0;
		opacity: 1;
	}
}

.fade-anime-top {
	position: relative;
	animation: 3s animatetop;
	max-width: 100%;
}

@keyframes animatetop {
	0% {
		top: -300px;
		opacity: 0;
	}

	100% {
		top: 0;
		opacity: 1;
	}
}

.fade-anime-zoom {
	animation: 3s animatezoom;
}

@keyframes animatezoom {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

.fade-anime-fade {
	animation: 10s infinite fading;
}

@keyframes fading {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.fade-anime-opacity {
	animation: 3s opac;
}

@keyframes opac {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.carousel-inner {
	position: relative;
	overflow: hidden;
	width: 100%;
	animation: 3s animatebottom;
}