html.homepage,
body.homepage {
	height: 100%;
}
body.homepage {
	background: #dfdfdf url(/ramerbg/images/homepage-background-gradient.png);
	background-repeat: repeat-x;
	padding: 0px;
}

#chapters {
	width: 100%;
}
.homepage-chapter {
	background: url('/ramerbg/images/chapters-down.png');
	text-align: center;
	position: relative;
	background-size: contain;
	cursor: pointer;
}
#chapters-horizontal {
	display: none;
}
.homepage-chapter.odd {
	background: url('/ramerbg/images/chapters-up.png');
	background-size: contain;
}
.homepage-chapter:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.homepage-chapter .content {
	position:  absolute;
	display: table-cell;
	vertical-align: middle;
	top: 28%;
	width: 50%;
	left: 23%;
	bottom: 43%;
	right: 0;
}
.homepage-chapter.odd .content {
	position:  absolute;
	display: table-cell;
	vertical-align: middle;
	top: 43%;
	width: 50%;
	left: 23%;
	bottom: 33%;
	right: 0;
}
.chapter-size-1 .homepage-chapter {
	width: 100%;
}
.chapter-size-2 .homepage-chapter {
	width: 50%;
}
.chapter-size-3 .homepage-chapter {
	width: 33.33%;
}
.chapter-size-4 .homepage-chapter {
	width: 25%;
}
.chapter-size-5 .homepage-chapter {
	width: 20%;
}
.chapter-size-6 .homepage-chapter {
	width: 16.6667%;
}
.homepage-chapter a {
	font-size: 15px;
	color: #6a6a6a;
	font-weight: bold;
	-webkit-transition: color 200ms ease;
	-moz-transition: color 200ms ease;
	-ms-transition: color 200ms ease;
	-o-transition: color 200ms ease;
	transition: color 200ms ease;
}

.homepage-chapter:hover {
	background: url('/ramerbg/images/chapter-down-hover-transparent.png');
	text-align: center;
	position: relative;
	background-size: contain;
}
.homepage-chapter:hover a {
	color: #88b544;
}
.homepage-chapter a:hover {
	text-decoration: none;
}
.homepage-chapter.odd:hover {
	background: url('/ramerbg/images/chapters-up-hover.png');
	background-size: contain;
}

.slogan {
	padding-bottom: 8%;
	display: inline-block;
}
.slogan a, 
.slogan:hover a , 
.slogan a:hover {
	color: #454545;
}
.slogan .line {
	position: relative;
	font-size: 16px;
	color: #7a7a7a;
	padding-top: 1%;
}
.slogan .company-name {
	font-size: 54px;
	line-height: 1.3;
	font-weight: bold;
}
.slogan .company-name a {
	color: #454545;
}
.slogan .company-name a:hover {
	text-decoration: none;
}

.slogan .hr {
	border-top: 1px solid #7a7a7a;
	height: 20px;
	margin-bottom: -30px;
}
.slogan .text {
	margin: 0 auto;
	display: inline-block;
	height: 20px;
	padding: 0 10px;
	line-height: 20px;
	background: #fff;
}

#lang-switch {
	padding-bottom: 5%;
}
#lang-switch li {
	float: left;
	margin-right: 20px;
}
#lang-switch img {
	max-height: 22px;
}
#lang-switch a {
	color: #555;
}
#lang-switch a:hover {
	color: #555;
	text-decoration: none;
}

/* View page main content */
#main > table {
	width: 100%;
}
#main > table td {
	vertical-align: top;
}

.sidebar {
	width: 180px;
}
.sidebar.left {
	width: 180px;
	float: left;
	margin-left: -200px;
}
.sidebar.right {
	width: 180px;
	float: right;
	margin-right: -200px;
}
.sidebar.left img,
.sidebar.right img {
	max-width: 180px;
}

.page-content {
	position: relative;
}
.page-content .row {
	padding-bottom: 15px;
}
.page-content .sidebar .banner:last-child {
	padding-bottom: 0px;
}
.page-block {
	display: inline-block;
	background: #ebebeb;
	padding: 10px 15px;
}
.page-block.even {
	background: #e9f7e0;
}

.page-block.block-width-1-1 {
	width: 100%;
}
.page-block.block-width-1-2 {
	width: 50%;
}
.page-block.block-width-1-3 {
	width: 33.33%;
}
.page-block.block-width-2-3 {
	width: 66.66%;
}
.page-block.block-width-1-4 {
	width: 25%;
}
.page-block.block-width-2-4 {
	width: 50%;
}
.page-block.block-width-3-4 {
	width: 75%;
}
/* ! View page main content */

/* View page footer */
#footer {
	margin-top: 15px;
	border-top: 5px solid #cadabe;
	background: #e6e6e6;
	padding: 10px 0 20px;
}
#copyrights {
	color: #acacac;
}
#footer-navigation li {
	display: inline-block;
	margin: 0 10px;
}
#footer-navigation a {
	color: #666666;
}
#footer-navigation a:hover {
	color: #5c9338;
	text-decoration: none;
}
/* ! View page footer */

/* Transitions */
#main-navigation a, 
#footer-navigation a, 
#chapters-nav a {
	-webkit-transition: color 150ms ease;
	-moz-transition: color 150ms ease;
	-ms-transition: color 150ms ease;
	-o-transition: color 150ms ease;
	transition: color 150ms ease;
}
/* ! Transitions */


/* Responsiveness */
/* - Homepage */
@media screen and (max-width: 700px) {
	#chapters-horizontal {
		display: block;
		margin: 0 auto;
	}
	#chapters-horizontal li {
		width: 100%;
		max-width: 200px;
		margin: 0 auto;
	}
	#chapters {
		display: none;
	}
}
/* ! - Homepage */
/* ! Responsiveness */

.homepage-chapter.odd {
	margin-top: -20px;
	background: url('/ramerbg/images/chapters-up.png');
	background-size: contain;
}
.homepage-chapter.even {
	background: url('/ramerbg/images/chapters-down.png');
	background-size: contain;
}
.homepage-chapter.odd.flipped {
	background: url('/ramerbg/images/flipped-chapters-up.png');
	background-size: contain;
}
.homepage-chapter.even.flipped {
	background: url('/ramerbg/images/flipped-chapters-down.png');
	background-size: contain;
}
.homepage-chapter.odd:hover {
	background: url('/ramerbg/images/chapters-up-hover.png');
	background-size: contain;
}
.homepage-chapter.even:hover {
	background: url('/ramerbg/images/chapters-down-hover.png');
	background-size: contain;
}
.homepage-chapter.odd.flipped:hover {
	background: url('/ramerbg/images/flipped-chapters-up-hover.png');
	background-size: contain;
}
.homepage-chapter.even.flipped:hover {
	background: url('/ramerbg/images/flipped-chapters-down-hover.png');
	background-size: contain;
}

.page-content a {
	color: #5c9338;
}

:focus {outline:none!important;}
::-moz-focus-inner {border:0!important;}

.jcarousel li.selected {
	border: 2px solid #E9F7E0;
	margin: 8px 3px;
}