.opacity-7
{
	opacity:0.7;
}

.opacity-5
{
	opacity: 0.5;
}


.landing-options img
{
	width:90px;
	height:90px;
}


.stretched
{
	width:100%;
}


.light-front
{
    color: #fff;
}
.light-back
{
    background-color: #fff;
}

.main-back
{
    background-color: #ABFF4F;
}

.main-front
{
    color:#ABFF4F;
}

.sub-back
{
    background-color: #212121;
}

.sub-front
{
    color: #212121;
}

.carousel-container .carousel-item
{
	float: left;
    width: 100%;
}

.carousel-container .carousel-items .images-container
{
	width: 100%;
    height: 50vh;
}


.landing-options a:hover
{
	cursor: pointer;
	color:#ABFF4F;
	text-decoration: underline;
}

.carousel-container .carousel-items .headings-container .heading,
.carousel-container .carousel-items .contents-container .contents,
.carousel-container .carousel-items .images-container .image
{
	-webkit-transition:transform 1s ease;
	-o-transition:transform 1s ease;
	-moz-transition:transform 1s ease;
	-ms-transition: transform 1s ease;
	-kthtml-transition: transform 1s ease;
	transition: transform 1s ease;
	padding:15px 0;
}

/*.carousel-container .carousel-items .contents-container .contents.off .container
{
    height: 0;
    overflow: hidden;
}*/

.carousel-container .carousel-items .headings-container .heading
{
	float:left;
}

.carousel-container .carousel-items .contents-container .contents
{
	float:left;
}


.carousel-container .carousel-items .images-container .image
{
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	float:left;
}

.carousel-items
{
	margin-left:-15px;
}
#rr-projects .carousel-nav
{
	position:absolute;
	top:0;
	bottom:0;
	width:100px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40px 60px;
	cursor: pointer;
	opacity: 0.4;
}

img.welcome
{
	width: 100%;
	max-width: 550px;
}

img.home-island
{
	max-width: 350px;
	width:100%;
}

#mini-slider > label.mini-scroll
{
    margin: 0 6px;
    padding: 1px 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #212121;
    background-color: rgba(255, 255, 255, 0.39);
	cursor: pointer;
}

#mini-slider > label.mini-scroll.selected
{
	background-color: #ABFF4F;
}

#mini-slider > label.on
{
	background-color: #ABFF4F;
}

#rr-projects .carousel-nav.scrollPrev
{
	background-image: url(../img/back.svg);
	left:100px
}

#rr-projects .carousel-nav.scrollNext
{
	background-image: url(../img/next.svg);
	right:100px;
}

div.scene {
    position: relative;

}

div#scene-3 {
    z-index: 500;
}

div.scene.hidden {
	display: hidden;
}

div[class^="debris-"],
div[class*=" debris-"] {
    position: absolute;
    z-index: 0;
    height: 150px;
    width: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    text-align: center;
    line-height: 150px;
    font-size: 40px;
    color: #ABFF4F;
}

div.debris {
    display: none;
}

div[class^="position-small-"],
div[class*=" position-small-"] {
    font-size: 15px;
}

div.debris-1 {
    background-image: url("../img/Debree-01.svg");
}

div.debris-2 {
	background-image: url("../img/Debree-02.svg");
}

div.debris-3 {
	background-image: url("../img/Debree-03.svg");
}

div.debris-4 {
	background-image: url("../img/Debree-04.svg");
}

div.debris-5 {
	background-image: url("../img/Debree-05.svg");
}

div.debris-6 {
	background-image: url("../img/Debree-06.svg");
}

div.debris-7 {
	background-image: url("../img/Debree-07.svg");
}

.landing-options .disabled
{
	opacity: 0.3;
}

.landing-options .disabled *
{
	pointer-events: none;
}

@keyframes wobble {
    0% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, 20%, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@media(min-width: 768px)
{
    div.scene
	{
    	float:none;
	}

	.full-height
	{
		min-height: 100%;
	}

	.full-screen
	{
		width: 100%;
		min-height: 100vh;
	}

	.contact-us {
		margin-bottom:200px;
	}

	.display-table
	{
		display: table;
		height: 100%;
	}

	.layout-cell
	{
		display: table-cell;
		vertical-align: middle;
	}

	.layout-cell .float-right
	{
		float:right !important;
	}

	div.debris {
        display: block;
    }

    div[class^="debris-"],
    div[class*=" debris-"] {
        -webkit-animation: wobble ease-in-out infinite;
        -moz-animation: wobble ease-in-out infinite;
        -ms-animation: wobble ease-in-out infinite;
        -o-animation: wobble ease-in-out infinite;
        animation: wobble ease-in-out infinite;
    }

    div.position-1 {
        animation-duration: 5s;
    }

    div.position-2 {
        animation-duration: 5s;
        animation-delay: -2s;
    }

    div.position-3 {
        animation-duration: 3s;
        animation-delay: -2s;
    }

    div.position-4 {
        animation-duration: 4s;
        animation-delay: -1.5s;
    }

    div.position-5 {
        animation-duration: 4s;
        animation-delay: -2.5s;
    }

    div.position-6 {
        animation-duration: 4s;
        animation-delay: -3.5s;
    }

    div.position-7 {
        animation-duration: 3s;
        animation-delay: -2.5s;
    }

    div.position-8 {
        animation-duration: 5s;
        animation-delay: -3.5s;
    }

    div.position-small-1 {
        animation-duration: 8s;
        animation-delay: -0.5s;
    }

    div.position-small-2 {
        animation-duration: 8s;
        animation-delay: -3.5s;
    }

    div.position-small-3 {
        animation-duration: 8s;
        animation-delay: -1.5s;
    }

    div.position-small-4 {
        animation-duration: 8s;
        animation-delay: -4.5s;
    }

    /*
        Scene Home debris positions
    */
	#particles div.position-1 {
		top: 40%;
		left: 5%;
	}

	#particles div.position-2 {
		top: 15%;
		right: 20%;
	}

	#particles div.position-3 {
		top: 15%;
		left: 25%;
	}

	#particles div.position-4 {
		top: 40%;
		right: 10%;
	}

	#particles div.position-5 {
		bottom: 10%;
		left: 15%;
	}

	#particles div.position-6 {
		bottom: 10%;
		right: 20%;
	}

	#particles div.position-small-1 {
		bottom: 25%;
		left: 35%;
	}

	#particles div.position-small-2 {
		bottom: 25%;
		right: 35%;
	}

	#particles div.position-small-3 {
		top: 25%;
		right: 35%;
	}

	/*
		Scene 1 Image Style
	*/
	#scene-1 .image-1
	{
		float: right;
		margin-top:-120px;
	}

    /*
        Scene 1 debris positions
    */
	#scene-1 div.position-1 {
		top: 50%;
		left: 10%;
	}

	#scene-1 div.position-2 {
		top: 15%;
		right: 25%;
	}

	#scene-1 div.position-3 {
		bottom: 10%;
		left: 20%;
	}

	#scene-1 div.position-4 {
		top: 40%;
		right: 10%;
	}

	#scene-1 div.position-5 {
		bottom: 5%;
		left: 35%;
	}

	#scene-1 div.position-small-1 {
		bottom: 30%;
		left: 30%;
	}

	#scene-1 div.position-small-2 {
		top: 30%;
		right: 30%;
	}

	/*
		Scene 2 content style
	*/
	#scene-2 .content-1
	{
		margin-top:-40%;
	}

    /*
        Scene 2 debris positions
    */
	#scene-2 div.position-1 {
		top: 0%;
		right: 5%;
	}

	#scene-2 div.position-2 {
		top: 10%;
		right: 20%;
	}

	#scene-2 div.position-3 {
		top: 25%;
		right: 5%;
	}

	#scene-2 div.position-4 {
		top: 15%;
		left: 20%;
	}

	#scene-2 div.position-5 {
		bottom: 40%;
		left: 10%;
	}

	#scene-2 div.position-6 {
		bottom: 20%;
		left: 30%;
	}

	#scene-2 div.position-7 {
		bottom: 10%;
		right: 20%;
	}

	#scene-2 div.position-8 {
		bottom: 5%;
		left: 10%;
	}

	#scene-2 div.position-small-1 {
		top: 5%;
		left: 10%;
	}

	#scene-2 div.position-small-2 {
		bottom: 25%;
		left: 50%;
	}

	#scene-2 div.position-small-3 {
		bottom: 30%;
		right: 20%;
	}

	#scene-2 div.position-small-4 {
		bottom: 35%;
		right: 10%;
	}

    /*
        Scene 3 debris positions
    */
	#scene-3 div.position-1 {
		top: 10%;
		right: 15%;
	}

	#scene-3 div.position-2 {
		top: 25%;
		right: 5%;
	}

	#scene-3 div.position-3 {
		top: 35%;
		left: 10%;
	}

	#scene-3 div.position-4 {
		bottom: 20%;
		left: 0%;
	}

	#scene-3 div.position-5 {
		bottom: 10%;
		right: 10%;
	}

	#scene-3 div.position-small-1 {
		top: 15%;
		left: 20%;
	}

	#scene-3 div.position-small-2 {
		top: 15%;
		left: 30%;
	}

	#scene-3 div.position-small-3 {
		bottom: 40%;
		left: 10%;
	}

	/*
		Scene 4 content style
	*/
	#scene-4 .content-1
	{
		margin-top:-50%;
	}

    /*
        Scene 4 debris positions
    */
	#scene-4 div.position-1 {
		top: 10%;
		left: 10%;
	}

	#scene-4 div.position-2 {
		top: 5%;
		left: 35%;
	}

	#scene-4 div.position-3 {
		top: 25%;
		right: 30%;
	}

	#scene-4 div.position-4 {
		top: 40%;
		right: 10%;
	}

	#scene-4 div.position-5 {
		bottom: 35%;
		left: 25%;
	}

	#scene-4 div.position-6 {
		bottom: 15%;
		left: 15%;
	}

	#scene-4 div.position-7 {
		bottom: 5%;
		left: 30%;
	}

	#scene-4 div.position-small-1 {
		top: 45%;
		left: 40%;
	}

	#scene-4 div.position-small-2 {
		top: 25%;
		right: 15%;
	}

	#scene-4 div.position-small-3 {
		bottom: 0%;
		right: 45%;
	}

	#scene-4 div.position-small-4 {
		bottom: 5%;
		right: 20%;
	}

    /*
        Scene 5 debris positions
    */
	#scene-5 div.position-1 {
		top: 15%;
		left: 20%;
	}

	#scene-5 div.position-2 {
		top: 15%;
		right: 20%;
	}

	#scene-5 div.position-3 {
		bottom: 40%;
		left: 45%;
	}

	#scene-5 div.position-4 {
		bottom: 10%;
		left: 15%;
	}

	#scene-5 div.position-5 {
		bottom: 25%;
		right: 25%;
	}

	#scene-5 div.position-small-1 {
		top: 40%;
		left: 35%;
	}

	#scene-5 div.position-small-2 {
		top: 40%;
		right: 25%;
	}

    /*
        Scene 6 debris positions
    */
	#scene-6 div.position-1 {
		top: 15%;
		left: 15%;
	}

	#scene-6 div.position-2 {
		top: 40%;
		left: 45%;
	}

	#scene-6 div.position-3 {
		top: 10%;
		right: 20%;
	}

	#scene-6 div.position-small-1 {
		top: 5%;
		left: 40%;
	}

	#scene-6 div.position-small-2 {
		top: 25%;
		left: 30%;
	}

	#scene-6 div.position-small-3 {
		top: 30%;
		right: 30%;
	}

	.icon-wrapper
	{
		text-align: right;
	}

	.rr-pty
	{
		text-align: left;
	}

}
.footer
{
	background-color: #3B3B3B;
	color:white;
	opacity:0.7;
}

.footer .contact-us
{
	text-align: center;
}

.contact-us a
{
	color:#fff !important;
	opacity: 0.7 !important;
}

.rr-pty
{
	text-align: center;
}

.icon-wrapper {
    width: 100%;
    display: inline-block;
	text-align: center;
}




.icon-wrapper .icon {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin: 0 10px;
}



.icon-wrapper a .github {
    background-image: url(../img/Footer_icons-01.svg);
}

.icon-wrapper a .facebook {
    background-image: url(../img/Footer_icons-02.svg);
}

.icon-wrapper a .linkedin {
    background-image: url(../img/Footer_icons-03.svg);
}

.icon-wrapper a .map {
    background-image: url(../img/Footer_icons-04.svg);
}

.green-stack {
	color: #ABFF4F;
}

.green-stack-1x {
    line-height: 3em;
}
.green-stack:hover > .green-stack-1x {
	color: #ABFF4F !important;
}

.green-stack-2x {
    font-size: 3em;
}
.green-stack:hover > .green-stack-2x {
	color: #fff !important;
}

.green-stack:hover > .green-stack-2x, .green-stack-1x {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}