body {
	background-image:url(../_img/home-back-01-portrait.jpg), url(../_img/home-back-02-portrait.jpg), url(../_img/home-back-03-portrait.jpg);
	background-size: 32.4% 100%, 35.5% 100%, 32.4% 100%;
	background-position: left bottom, center bottom, right bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.background-container {
	display: none;
	position: fixed;
	top:0;
	left:0;
}

section{
	width:100%;
	position: relative;
	background-repeat: repeat-y;
	background-size:100% auto;
	padding-top:1px;
	background-repeat: repeat;
	min-height:600px;
}

section#section-01 {
	background-image: url(../_img/screen-02.png);
}

section#section-02 {
	background-image: url(../_img/screen-02.png);
}

section#section-03 {
	background-image: none;
}

section#section-04 {
	background-image: url(../_img/screen-01.png);
}

section#section-05 {
	background-color: #ffffff;
}

.home section.last-section {
	padding-bottom: 0;
}

.arrow-down {
	position: fixed;
	height:59px;
	width:59px;
	background-repeat: no-repeat;
	background-image:url(../_img/round-arrow-down.png);
	bottom:5%;
	left:50%;
	margin-left: -30px;
	z-index: 9000;
	opacity:.8;
}

.arrow-down:hover {
	opacity:1;
	cursor:pointer;
}

h1 {
	position: absolute;
	font-size: 4.8em;
	line-height: 1em;
	top:50%;
	margin-top:-2em;
	text-align: center;
	text-transform: uppercase;
	color:#ffb60f;
	font-weight: 700;
	width:100%;


}

h1 .white {
	color:#ffffff;
	font-weight: 500;
}


p.vertical-frame {
	color:#ffffff;
	font-size: 2.1em;
	line-height:1.14em;
	font-wight:500;
	width:700px;
	border-left:13px solid #fdba31;
	border-right:13px solid #fdba31;
	padding:25px 20px;
}


p.vertical-frame::before { 
    content: "";
	background-repeat:no-repeat;
    color: red;
    width:735px;
    position: absolute;
   	top:-13px;
    left:-13px;
    height:13px;
    background-image: url(../_img/border-frame.png);
    display: block;
    font-weight: bold;
    background-size: 100% 12px;
    width:100%;   
      border-left: 13px solid #fdba31;
  border-right: 13px solid #fdba31;
	background-position:left top;    
}

p.vertical-frame::after { 
    content: "";
	background-repeat:no-repeat;
    color: red;
    width:735px;
    position: absolute;
    bottom:-12px;
    left:-13px;
    height:13px;
    background-image: url(../_img/border-frame.png);
    display: block;
    font-weight: bold;
  	background-size: 100% 12px;
    width:100%;
      border-left: 13px solid #fdba31;
  border-right: 13px solid #fdba31;
    background-position:left bottom;    
}

.achievements {
	background: rgba(255, 182, 15, .7);
	text-align: center;
	padding-top:30px;
}

.achievements .achievement {
	float:left;
	box-sizing : border-box;
	padding: 0 44px;
}

.achievement-01 {
	width:32.1%;
}

.achievement-02 {
	width:35.5%;
}

.achievement-03 {
	width:32.4%;
}

.achievements .h3 {
	color:#ffffff;
	font-size: 4.5em;
	line-height: .5em;
	font-weight: 400;
	margin-bottom: 20px;
}

.achievements p {
	text-transform: uppercase;
	font-weight: 700;
	margin:0 auto;
	max-width:260px;
	color:#1b232a;
	font-size: 2em;
	line-height: 1.15em;
	padding-bottom:28px;
}

.slideshow {
	width: 870px;
	margin-left:-435px;
	left:50%;
	height:540px;
	position: absolute;
	top:50%;
	margin-top: -320px;
}

.slideshow .arrow-button {
	position: absolute;
	top:50%;
	height:59px;
	width:59px;
	margin-top: -30px;
	background-image: url(../_img/round-arrow-down.png);
	opacity:.7;
}

.slideshow .arrow-button.prev-slide {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    left:-74px;
}

.slideshow .arrow-button.next-slide {
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
    right:-74px;
}

.slideshow .arrow-button:hover {
	opacity:1;
	cursor: pointer;
}

.slideshow .indicators {
	position: absolute;
	top: 567px;
	color:#ffffff;
	left:50%;
	margin-left: -37px;
	list-style-type: none;
	z-index: 9001;
}

.slideshow .indicator {
	float:left;
	margin-right: 15px;
	height:14px;
	width:15px;
	background-image: url(../_img/indicator-off.png);
	cursor: pointer;
}

.slideshow .indicator.active, .slideshow .indicator:hover {
	background-image: url(../_img/indicator-on.png);
}

.slideshow .inner-slideshow {
	width:100%;
	height:100%;
	overflow: hidden;
}

.slideshow .inner-slideshow .slide-animate {
	position: relative;
	top:0;
	left:0;
}
.slideshow .inner-slideshow .slide {
	float:left;
	height:540px;
	width:870px;
	background-color:#ffffff;
}

.slideshow .inner-slideshow .slide .blue-back {
	background-color: #00a8e1;
}

.slideshow .inner-slideshow .slide .yellow-back {
background-color:#ffbc3e;
}

.slideshow .inner-slideshow .slide .green-back {
background-color:#77b800;
}

.slideshow .inner-slideshow p {
	color:#828a8f;
	font-size: 2em;
	line-height: 1.2em;
	font-weight: 400;
	margin-left: 50px;
	margin-right:50px;
}

.slideshow .inner-slideshow p.slide-head {
	color:#84bd00;
	font-size: 5em;
	line-height: 1.05em;
}
.slideshow .inner-slideshow .blue-text p.slide-head   {
	color:#00a8e1;
}
.slideshow .inner-slideshow .slide .blue-back p,  .slideshow .inner-slideshow .slide .yellow-back p,  .slideshow .inner-slideshow .slide .green-back p{
	color:#ffffff;
}


.slideshow .inner-slideshow .slide .text-left p{
	margin-left:50px;
	width:245px;
}

.slideshow .inner-slideshow .slide  .img {
	float:left;
	position: relative;
}

.slideshow .inner-slideshow .slide  .tall-img {
	height:317px;
}

.slideshow .inner-slideshow .slide  .short-img {
	height:224px;
}

.text{
	box-sizing: border-box;
}

.text.tall-img {
	width:439px;
	padding-top:80px;
}

.text.short-img {
	width:362px;
	padding-top:40px;
}


.slideshow .inner-slideshow .slide  .text {
	float:left;
}


.slideshow .inner-slideshow .slide .img::after {
    content: "";
	background-repeat:no-repeat;
    width:27px;
    position: absolute;
    top:50%;
    height:27px;
    margin-top: -13px;  
    display: block;  
}

.slideshow .inner-slideshow .slide .img.left-point::after {
	right:-13px;
} 

.slideshow .inner-slideshow .slide .img.right-point::after { 
    left:-13px;


}

.slideshow .inner-slideshow .slide .img.green-arrow::after {
    background-image: url(../_img/slide-green-arrow.png);
} 

.slideshow .inner-slideshow .slide .img.white-arrow::after {
    background-image: url(../_img/slide-white-arrow.png);
} 


.slideshow .inner-slideshow .slide .img.blue-arrow::after {
    background-image: url(../_img/slide-blue-arrow.png);
} 


.slideshow .inner-slideshow .slide .img.white-inner-yellow-arrow::after {
    background-image: url(../_img/white-inner-yellow-arrow.png);
} 


.slideshow .inner-slideshow .slide .img.white-inner-green-arrow::after {
    background-image: url(../_img/white-inner-green-arrow.png);
} 

.slideshow .inner-slideshow .slide .short-img.img.green-arrow::after {
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);	
}


/************* SLIDE IMAGES **********/

.slide-01 .img.tall-img {
	background-image: url(../_img/slide-img-01.jpg);
	width:431px;
}


.slide-01 .img.short-img {
	background-image: url(../_img/slide-img-02.jpg);
	width:508px;
	
}

.slide-02 .img.tall-img {
background-image: url(../_img/slide-img-03.jpg);
width:508px;

}

.slide-02 .text.tall-img {
	width:362px;
}


.slide-02 .img.short-img {
background-image: url(../_img/slide-img-04.jpg);
width:431px;
}

.slide-02 .text.short-img {
	width:439px;
}


.slide-03 .img.tall-img {
background-image: url(../_img/slide-img-05.jpg);
width:431px;
}

.slide-03 .img.short-img {
background-image: url(../_img/slide-img-06.jpg);
width:508px;
}

.slide-03 img.flin-flon {
  width: auto;
  height: auto;
  display: block;
  position: absolute;
  vertical-align: bottom;
  left: 10%;
  top: 50%;
  margin-top: -95px;
}

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

.bottom-nav-group {
	margin-top: 60px;
}

.b-01 {
	background-image: url(../_img/b-01.jpg);
}

.b-02 {
	background-image: url(../_img/b-02.jpg);
}

.b-03 {
	background-image: url(../_img/b-05.jpg);
}

.b-04 {
	background-image: url(../_img/b-03.jpg);
}

.b-05 {
	background-image: url(../_img/b-04.jpg);
}

.b-06 {
	background-image: url(../_img/b-06.jpg);
}

.b-07 {
	background-image: url(../_img/b-07.jpg);
}

.b-08 {
	background-image: url(../_img/b-08.jpg);
}

.bottom-nav {
	float:left;
	height:250px;
	width:250px;
	background-repeat: no-repeat;
	margin-right: 8px;
	margin-bottom: 8px;
		background-size: cover;
	

}

.bottom-nav:nth-child(4n){
	margin-right: 0;
}

.bottom-nav a {
	display: block;
	position: relative;
	background-repeat: repeat;
	height:100%;
	text-decoration: none;
	background: rgba(0,0,0, 0.5);
}

.bottom-nav.blue a:hover {

	background: rgba(95, 206, 234, 0.5);
}

.bottom-nav.green a:hover {

	background: rgba(132, 189, 0, 0.5);
}

.bottom-nav.yellow a:hover {

	background: rgba(255, 182, 15, 0.5);
}

.bottom-nav a .words {
	font-size:2em;
	display: block;
	position: absolute;
	top:50%;
	margin-top: -1em;
	text-align: center;
	text-transform: uppercase;
	color:#ffffff;
	font-weight: 500;
	width:100%;
	box-sizing: border-box;
	padding:0 20px;
}

.arrow-up {
	top:30px;
	left:50%;
    opacity:0;
    position: absolute;
    bottom:auto;
    right:auto;
}