/****************************************/
/* MULTIPLE USAGE CLASSES				*/
/****************************************/

/* Clear fix */
.clearfix { 
	clear: both; 
}
.clearfix-after:after {
	display: block;
	content: '';
	clear: both;
}
/***/


/* Fonts  and texts */
.stronger {
	font-weight: bold;
}
.letter-spaced {
	letter-spacing: 0.1em;
	text-align: center;
}
.larger {
	font-size: 1.6em;
	line-height: 1em;
}
.compact {
	white-space: nowrap;
}
/***/

/* Alignments */
/***/

/* Text colors */
.c-green,
a.c-green:hover{
	color: #0db14b;
}
.c-white,
a.c-white:hover {
	color: #fff;
}
/***/


/* Device based visibility */
@media only screen and (max-width : 479px) {
	/* xxs */
	.xs-visible {
		display: none !important;
	}
}

@media only screen and (max-width : 767px) {
	/* < sm */
	.sm-visible {
		display: none !important;
	}
}
@media only screen and (min-width : 768px) {
	/* >= sm */
	.sm-invisible {
		display: none !important;
	}
}

@media only screen and (max-width : 991px) {
	/* xxs + xs + sm */
	.md-visible {
		display: none !important;
	}
}
@media only screen and (min-width : 992px) {
	/* md + lg + xl + xxl */
	.md-invisible {
		display: none !important;
	}
}
@media only screen and (max-width : 1199px) {
	/* xxs + xs + sm */
	.lg-visible {
		display: none !important;
	}
}
@media only screen and (min-width : 1200px) {
	/* md + lg + xl + xxl */
	.lg-invisible {
		display: none !important;
	}
}
/***/


/* Decorations */
.slash-heading {
	min-height: 212px;
	padding-right: 60px;
	background: url(../img/deco-slash.png) no-repeat 100% 0;
}
.side-deco {
	padding-left: 40px;
}
.side-deco > img {
	margin-right: -40px;
	margin-bottom: 60px;
}
/***/


/* Some boxes */
.box,
.block {
	display: block;
}
.closed-box {
	overflow: hidden;	
}
.special-box {
	padding: 8px 9px;
	background: #fff;
}
.special-box > div {
	width: 100%;
	height: 100%;
	border: 6px solid #00748e;
	padding: 2px;
	background: #fff;
}
.special-box > div > div{
	width: 100%;
	height: 100%;
	border: 2px solid #00748e;
	padding: 60px 20px;
	background: #fff;
	color: #00748e;
	text-align: center;
}
/***/


/* Labels and slashes */
.trailing-slashes {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}
.trailing-slashes > .slashes {
}
/***/


/* Images */
img.block-img {
	display: block;
	width: 100%;
}
img.full-img {
	display: block;
	max-width: none;
}
.twin-thumbs {
	margin: 0 -6px;
}
.twin-thumbs > img {
	display: block;
	width: 50%;
	float: left;
	padding: 0 6px;
}

.right-figure {
	width: 50%;
	float: right;
	padding-left: 7%;
}
.left-figure {
	width: 50%;
	float: left;
	padding-right: 7%;
}
.right-figure > img,
.left-figure > img {
	display: block;
	width: 100%;
	margin-top: 0.4em;
}
/***/


/* Side small headings */
.right-marker,
.left-marker {
}
.right-marker > div,
.left-marker > div {
	white-space: nowrap;
	text-align: center;	
}
.right-marker > div {
	float: right;
	margin-right: -30px;
	-webkit-transform: rotate(270deg);
	   -moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		 -o-transform: rotate(270deg);
			transform: rotate(270deg);	
	-webkit-transform-origin: 100% 0;
	   -moz-transform-origin: 100% 0;
		-ms-transform-origin: 100% 0;
		 -o-transform-origin: 100% 0;
			transform-origin: 100% 0;	
}
.left-marker > div {
	float: left;
	margin-left: -30px;
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		 -o-transform: rotate(90deg);
			transform: rotate(90deg);	
	-webkit-transform-origin: 0 0;
	   -moz-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		 -o-transform-origin: 0 0;
			transform-origin: 0 0;	
}
.right-marker > div > span, 
.left-marker > div > span {
	display: inline-block;
	border-top: 4px solid #454545;
}
.right-marker > div > span.c-white, 
.left-marker > div > span.c-white {
	border-top-color: #fff;
}

@media only screen and (min-width : 1200px) {
	.right-marker,
	.left-marker {
	}
	.right-marker > div,
	.left-marker > div {
		padding-top: 50%;
		padding-bottom: 50%;
		-webkit-transform-origin: 50% 50%;
		   -moz-transform-origin: 50% 50%;
			-ms-transform-origin: 50% 50%;
			 -o-transform-origin: 50% 50%;
				transform-origin: 50% 50%;	
	}
	.right-marker > div {
		margin-right: 1.5em;
		margin-left: -1.5em;
	}
	.left-marker > div {
		margin-right: 0em;
		margin-left: 0em;
	}
	.lg-table .right-marker > div,
	.lg-table .left-marker > div	{

	}
}
/***/


/* Vertical spaces */
.v-space-medium {
	width: 100%;
	height: 90px;
}
.v-space-large {
	width: 100%;
	height: 300px;
}

.v-special-space-small {
	height: 240px;
}

/***/


/* Misc */
.hr {
	clear: both;
	width: 100%;
	height: 2px;
	border-top: 1px solid #454545;
}
/***/


/* Special positioning */
.special-positioned {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-top: 32%;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 32px;
}
@media only screen and (min-width : 480px) {
	.v-special-space-small {
		height: 280px;
	}
	.special-positioned {
		padding-left: 60px;
		padding-right: 60px;
	}
	.special-positioned > * {
		max-width: 420px;
		margin: 0 auto;
	}
}
@media only screen and (min-width : 768px) {
	.special-positioned {
		margin-top: 316px;
	}
}

@media only screen and (min-width : 1200px) {
	.v-special-space-small {
		display: none;
	}
	.special-positioned {
		position: relative;
		margin-top: 0;
		padding: 0;
	}
	.special-positioned > * {
		max-width: none;
	}
}


/****************************************/