h1,h2,h3,h4,h5,h6 {
	font-family: 'Oswald', sans-serif;
	/* text-transform: uppercase; */
	font-weight: bold;
	color: #000;
}

h3 {
	font-size: 20px;
}
h4 {
	font-size: 16px;
}

a,
a:hover,
a:focus {
	color: #4b9b4e;
}

p {
	color: #707070;
	font-size: 16px;
}

strong.vis-succes { color: #5cb85c; font-weight: normal; }
strong.vis-danger { color: #d9534f; font-weight: normal; }


.heading {
	position: relative;
	margin: 30px 0;
	text-align: center;
	color: #707070;
}
.heading > div {
	text-transform: uppercase;
	font-weight: normal;
}
.heading h1 {
	font-weight: bold;
	font-size: 30px;
}
.heading p {
	font-size: 16px;
	width: 80%;
	margin: 0 auto;
}

.divider {
	text-align: center;
	margin-bottom: 10px;
}
.divider > span {
	display: inline-block;
	width: 170px;
	background: #4b9b4e;
	height: 2px;
}

.green .heading,
.green h1, .green h2, .green h3, .green h4, .green h5, .green h6,
.green p {
	color: #fff;
}
.green a,
.green a:hover,
.green a:focus {
	color: #acdc9a;
}

.table-item1 h2, .table-item1 h3, .table-item1 h4, 
.table-item2 h3 {
	color: #4b9b4e;
}
.table-item1 a, .table-item1 a:hover, .table-item1 a:focus {
	color: #d0ebc6;
}

.pos-relat {
	position: relative
}
.no-display {
	display: none;
}
.mar-top-100 {
	margin-top: 100px;
}
.mar-top-50 {
	margin-top: 50px;
}
.mar-top-25 {
	margin-bottom: 25px;
}
.pad-top-30 {
	padding-top: 30px;
}
.pad-bot-50 {
	padding-bottom: 50px;
}
.row {
	margin-bottom: 40px;
}

.align-left, .td_l {
	text-align: left;
}
.align-center, .td_c {
	text-align: center;
}
.align-right, .td_r {
	text-align: right;
}
.align-justify, .td_j {
	text-align: justify;
}
.align-vertical, .td_vm {
	top:50%; transform:translate(0,50%);
}

.font-s {
	font-size: 14px;
}
.font-m {
	font-size: 16px;
}
.font-l {
	font-size: 20px;
}
.font-darkgreen {
	color: #4b9b4e;
}
.font-lightgreen {
	color: #d0ebc6;
}
/********************************************
	BUTTONS
********************************************/
.btn {
	border-radius: 0;
	padding: 10px 35px;
	font-size: 15px;
}

.btn-primary {
	color: #fff;
	background: #4b9b4e;
	border: 1px solid #4b9b4e;
	display: inline-block;
	margin: 10px;
	position: relative;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	border: none;
}
.btn-primary:hover {
	background: #4b9b4e;
	color: #fff;
	border: none;
}
.btn-primary:before {
	content: '';
	position: absolute;
	border: #4b9b4e solid 4px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: top, right, bottom, left;
	transition-property: top, right, bottom, left;
}
.btn-primary:hover:before {
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
}

.go-to {
	background: #4b9b4e;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: 0;
	line-height: 60px;
	text-align: center;
	width: 60px;
	height: 60px;
	display: block;
	color: #fff;
}
.go-to:hover {
	color: #fff;
}
.go-to .fa {
	line-height: 60px;
}
/********************************************
	SHAPES
********************************************/
.circle {
	background: #4b9b4e;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
}
.circle-l {
	width: 105px;
	height: 105px;
}
.circle-l .fa {
	line-height: 105px;
	color: #fff;
}

.square-l {
	background: #d0ebc6;
	color: #fff;
	vertical-align: middle;
}

.square-l {
	width: 60px;
	height: 60px;
	display: inline-block
}
.square-l .fa {
	line-height: 60px;
	color: #fff;
}

.percent {
	display: block;
	font-size: 35px;
	letter-spacing: -3px;
	line-height: 130px;
	
	position: absolute;
	text-align: center;
	top: 5px;
	width: 90%;
	z-index: 10;
}
/********************************************
				Animation
********************************************/
/*
anime-up
anime-left
anime-right
anime-animate
*/
.animate {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.delay1 {
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}
.delay2 {
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

.delay3 {
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}
.delay4 {
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
}
.delay5 {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-40px);
		transform: translateX(-40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-40px);
		-ms-transform: translateX(-40px);
		transform: translateX(-40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40px);
		transform: translateX(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40px);
		-ms-transform: translateX(40px);
		transform: translateX(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		transform: translateY(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0%{
		opacity:0;
		-webkit-transform:translateY(40px);
		-ms-transform:translateY(40px);
		transform:translateY(40px);
	}
	
	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0%{
		opacity:0;
		-webkit-transform:translateY(-40px);
		-ms-transform:translateY(-40px);
		transform:translateY(-40px);
	}
	
	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

.goup,
.godown{
	overflow: hidden;
}

.godown span,
.goleft span,
.goup span {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
	left: 0;
	top: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: center;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: all 0.6s cubic-bezier(0.05, 0.06, 0.05, 0.95);
	transition: all 0.6s cubic-bezier(0.05, 0.06, 0.05, 0.95);
}

.goup span span:nth-of-type(1) { top: 0px;}
.goup span span:nth-of-type(2) { top: 60px;}
.goup span span:nth-of-type(3) { top: 120px;}
.goup span span:nth-of-type(4) { top: 180px;}
.goup span span:nth-of-type(5) { top: 240px;}
.goup span span:nth-of-type(6) { top: 320px;}

.goup:hover > span {
	top: -240px;
}

.godown span span:nth-of-type(1) { top: 320px;}
.godown span span:nth-of-type(2) { top: 240px;}
.godown span span:nth-of-type(3) { top: 180px;}
.godown span span:nth-of-type(4) { top: 120px;}
.godown span span:nth-of-type(5) { top: 60px;}
.godown span span:nth-of-type(6) { top: 0px;}

.godown > span{
	top: -320px;
}
.godown:hover > span{
	top: -60px;
}

.goleft{
	left: -30px;
}

.goleft span span:nth-of-type(1) { left: 0px;}
.goleft span span:nth-of-type(2) { left: 30px;}

.goleft:hover > span{
	left: -30px;
}

.lb_wrap {
	width: 100%;
	height: 100%;
	display: inline-block !important;
}
.lb_wrap .lb_label.left {
	left: 0;
}
.lb_label {} .lb_label.active {
	color: #FFF;
}
.thumb-wrap{
	margin-bottom: 50px;
}
/********************************************
********************************************/
/******
Images
*******/
.grayscale{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
}

.grayscale:hover,
.grayscale:focus{
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter …\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
	filter: none;
}
/********************************************
	ADMIN
********************************************/
.panel-login {
  border-color: #d0ebc6;
}
.panel-login > .panel-heading {
  color: #4b9b4e;
  background-color: #e9f6e4;
  border-color: #d0ebc6;
}
.panel-login .panel-heading .panel-title {
  font-size: 30px;
}
.panel-login > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d0ebc6;
}
.panel-login > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d0ebc6;
}

.panel-login-bottom-line {
  padding-top: 10px;
  font-size: 85%;
  border-top: 1px solid #d0ebc6;
}
