/* Add here all your CSS customizations */
.mass {
	color: #fff;
	font-size: 1.7em;
	font-weight: 700;
}

.mass span {
	color: #CCCC33;

}
.mass a:hover {
	text-decoration: none;

}

.btn-secondary {
	color: #fff;
	background-color: #ff931e;
	border-color: #ff931e;
}

.btn-secondary:hover {
	color: #FFF;
	background-color: #ff6600;
	border-color: #ff6600;
}

html section.section-secondary {
	background-color: #eef4f2 !important;
	border-color: #eef4f2 !important;
}

html section.section-quaternary {
	color: #264440;
	background-color: #f9ECE3 !important;
	border-color: #f9ECE3 !important;
}


table.level td{
padding: 4px;
font-size:1.1em;
}

table.level .grade{
	font-size: 1.2em;
	font-weight: 600;
	vertical-align: top;
}


/* Spacements */
/* spacement top & bottom */
.m-none {
	margin: 0 !important;
}

.m-auto {
	margin: 0 auto !important;
}

.m-xs {
	margin: 5px !important;
}

.m-sm {
	margin: 10px !important;
}

.m-md {
	margin: 15px !important;
}

.m-lg {
	margin: 20px !important;
}

.m-xl {
	margin: 25px !important;
}

.m-xlg {
	margin: 30px !important;
}

/* spacement top	*/
.mt-none {
	margin-top: 0 !important;
}

.mt-xs {
	margin-top: 5px !important;
}

.mt-sm {
	margin-top: 10px !important;
}

.mt-md {
	margin-top: 15px !important;
}

.mt-lg {
	margin-top: 20px !important;
}

.mt-xl {
	margin-top: 25px !important;
}

.mt-xlg {
	margin-top: 30px !important;
}

/* spacement bottom	*/
.mb-none {
	margin-bottom: 0 !important;
}

.mb-xs {
	margin-bottom: 5px !important;
}

.mb-sm {
	margin-bottom: 10px !important;
}

.mb-md {
	margin-bottom: 15px !important;
}

.mb-lg {
	margin-bottom: 20px !important;
}

.mb-xl {
	margin-bottom: 25px !important;
}

.mb-xlg {
	margin-bottom: 30px !important;
}

/* spacement left	*/
.ml-none {
	margin-left: 0 !important;
}

.ml-xs {
	margin-left: 5px !important;
}

.ml-sm {
	margin-left: 10px !important;
}

.ml-md {
	margin-left: 15px !important;
}

.ml-lg {
	margin-left: 20px !important;
}

.ml-xl {
	margin-left: 25px !important;
}

.ml-xlg {
	margin-left: 30px !important;
}

/* spacement right	*/
.mr-none {
	margin-right: 0 !important;
}

.mr-xs {
	margin-right: 5px !important;
}

.mr-sm {
	margin-right: 10px !important;
}

.mr-md {
	margin-right: 15px !important;
}

.mr-lg {
	margin-right: 20px !important;
}

.mr-xl {
	margin-right: 25px !important;
}

.mr-xlg {
	margin-right: 30px !important;
}

.txt-white {
	color: #ffffff}

.txt-green {
	color: #4F692E}

.txt-orange {
	color: #d14701}

.txt-bigger {font-size:110%}


.table-bordered td, .table-bordered th {
	border: 1px solid #7f7c7c;
}
	
/*
* CUSTOM ANIMATIONS
*/
@-webkit-keyframes customFadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, -50%, 0) rotate(45deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
	}
}
@-moz-keyframes customFadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translate3d(-100%, -50%, 0) rotate(45deg);
	}
	100% {
		opacity: 1;
		-moz-transform: translate3d(0, -50%, 0) rotate(45deg);
	}
}
@keyframes customFadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, -50%, 0) rotate(45deg);
		-moz-transform: translate3d(-100%, -50%, 0) rotate(45deg);
		-ms-transform: translate3d(-100%, -50%, 0) rotate(45deg);
		-o-transform: translate3d(-100%, -50%, 0) rotate(45deg);
		transform: translate3d(-100%, -50%, 0) rotate(45deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
		-moz-transform: translate3d(0, -50%, 0) rotate(45deg);
		-ms-transform: translate3d(0, -50%, 0) rotate(45deg);
		-o-transform: translate3d(0, -50%, 0) rotate(45deg);
		transform: translate3d(0, -50%, 0) rotate(45deg);
	}
}
.customFadeInLeft {
	-webkit-animation-name: customFadeInLeft;
	-moz-animation-name: customFadeInLeft;
	animation-name: customFadeInLeft;
}

@-webkit-keyframes customFadeInLeftNoRotate {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, -50%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -50%, 0);
	}
}
@-moz-keyframes customFadeInLeftNoRotate {
	0% {
		opacity: 0;
		-moz-transform: translate3d(-100%, -50%, 0);
	}
	100% {
		opacity: 1;
		-moz-transform: translate3d(0, -50%, 0);
	}
}
@keyframes customFadeInLeftNoRotate {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, -50%, 0);
		-moz-transform: translate3d(-100%, -50%, 0);
		-ms-transform: translate3d(-100%, -50%, 0);
		-o-transform: translate3d(-100%, -50%, 0);
		transform: translate3d(-100%, -50%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -50%, 0);
		-moz-transform: translate3d(0, -50%, 0);
		-ms-transform: translate3d(0, -50%, 0);
		-o-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
}
.customFadeInLeftNoRotate {
	-webkit-animation-name: customFadeInLeftNoRotate;
	-moz-animation-name: customFadeInLeftNoRotate;
	animation-name: customFadeInLeftNoRotate;
}

@-webkit-keyframes customFadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, -50%, 0) rotate(45deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
	}
}
@-moz-keyframes customFadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translate3d(100%, -50%, 0) rotate(45deg);
	}
	100% {
		opacity: 1;
		-moz-transform: translate3d(0, -50%, 0) rotate(45deg);
	}
}
@keyframes customFadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, -50%, 0) rotate(45deg);
		-moz-transform: translate3d(100%, -50%, 0) rotate(45deg);
		-ms-transform: translate3d(100%, -50%, 0) rotate(45deg);
		-o-transform: translate3d(100%, -50%, 0) rotate(45deg);
		transform: translate3d(100%, -50%, 0) rotate(45deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
		-moz-transform: translate3d(0, -50%, 0) rotate(45deg);
		-ms-transform: translate3d(0, -50%, 0) rotate(45deg);
		-o-transform: translate3d(0, -50%, 0) rotate(45deg);
		transform: translate3d(0, -50%, 0) rotate(45deg);
	}
}
.customFadeInRight {
	-webkit-animation-name: customFadeInRight;
	-moz-animation-name: customFadeInRight;
	animation-name: customFadeInRight;
}

@-webkit-keyframes customFadeInRightNoRotate {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, -50%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -50%, 0);
	}
}
@-moz-keyframes customFadeInRightNoRotate {
	0% {
		opacity: 0;
		-moz-transform: translate3d(100%, -50%, 0);
	}
	100% {
		opacity: 1;
		-moz-transform: translate3d(0, -50%, 0);
	}
}
@keyframes customFadeInRightNoRotate {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, -50%, 0);
		-moz-transform: translate3d(100%, -50%, 0);
		-ms-transform: translate3d(100%, -50%, 0);
		-o-transform: translate3d(100%, -50%, 0);
		transform: translate3d(100%, -50%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -50%, 0);
		-moz-transform: translate3d(0, -50%, 0);
		-ms-transform: translate3d(0, -50%, 0);
		-o-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
}
.customFadeInRightNoRotate {
	-webkit-animation-name: customFadeInRightNoRotate;
	-moz-animation-name: customFadeInRightNoRotate;
	animation-name: customFadeInRightNoRotate;
}

@-webkit-keyframes header-reveal {
	0% {
		top: -150px;
	}
	100% {
		top: 0;
	}
}
@-moz-keyframes header-reveal {
	0% {
		top: -150px;
	}
	100% {
		top: 0;
	}
}
@-o-keyframes header-reveal {
	0% {
		top: -150px;
	}
	100% {
		top: 0;
	}
}
@keyframes header-reveal {
	0% {
		top: -150px;
	}
	100% {
		top: 0;
	}
}

.img-thumbnail {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

/*
* CUSTOM DEMO CLASSES
*/
.custom-box-shadow {
	box-shadow: 0px 0px 60px -10px rgba(139, 139, 139, 0.5);
}

.custom-box-shadow-2 {
	box-shadow: 0px 0px 20px -2px rgba(139, 139, 139, 0.3);
}

.custom-border-1 {
	border: 8px solid #FFF;
}

.custom-overflow-hidden {
	overflow: hidden;
}

.custom-position-relative {
	position: relative;
}

.custom-img-fluid-center {
	margin: 0 auto;
}

.custom-section-padding-1 {
	padding: 70px 0 80px !important;
}

.custom-section-padding-2 {
	padding: 110px 0 !important;
}

.custom-section-padding-3 {
	padding: 60px 0 180px !important;
}
@media (max-width: 767px) {
	.custom-section-padding-3 {
		padding: 60px 0 120px !important;
	}
}

.custom-section-padding-4 {
	padding: 78px 0 !important;
}

.custom-margin-1 {
	margin-left: 95px;
}

.custom-negative-margin-1 {
	margin: -90px 0 60px !important;
}

.custom-negative-margin-2 {
	margin-top: -180px !important;
}
@media (max-width: 767px) {
	.custom-negative-margin-2 {
		margin-top: -90px !important;
	}
}


.custom-small-square {
	position: absolute;
	width: 192px;
	height: 192px;
	top: 50%;
	border: 10px solid #FFF;
	backface-visibility: hidden;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.custom-small-square.left-pos {
	left: 3vw;
	top: 66%;
}
.custom-small-square.left-pos-2 {
	left: 250px;
}
.custom-small-square.right-pos {
	right: 3vw;
	top: 66%;
}

.custom-big-square {
	position: absolute;
	width: 312px;
	height: 312px;
	top: 43%;
	border: 10px solid #FFF;
	backface-visibility: hidden;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.custom-big-square.left-pos {
	left: -50px;
}
.custom-big-square.left-pos-2 {
	left: 35px;
}
.custom-big-square.right-pos {
	right: -50px;
}

.custom-box-squares {
	position: relative;
	min-height: 300px;
	margin-top: 38px;
}
.custom-box-squares .custom-cloud {
	height: 100%;
}
.custom-box-squares .custom-big-square {
	width: 250px;
	height: 250px;
}
.custom-box-squares .custom-small-square {
	width: 155px;
	height: 155px;
}

@media (max-width: 991px) {
	.custom-small-square {
		width: 102px;
		height: 102px;
		border: 5px solid #FFF;
	}
	.custom-small-square.left-pos {
		left: 4vw;
	}
	.custom-small-square.right-pos {
		right: 4vw;
		top: 54%;
	}

	.custom-big-square {
		width: 232px;
		height: 232px;
		border: 5px solid #FFF;
	}
}