/*#############################################################
Nimodesignstudio.com
COMMON STYLES 
#############################################################*/

body {
	background-color: #000000;
	margin: 0 auto;
	min-width:1280px;
}
body.index-page {
	overflow: hidden;
	width: 1330px;
	min-width: 1330px;
	height: 1040px;
}

ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	width: auto;
}

.alpha {
	padding-left: 0;
}

.omega {
	padding-right: 0;
}

.smallNavButton {
	display: none;
	visibility: hidden;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.reveal-modal {
	z-index: 9999999999;
}


.reveal-modal img {
	max-width: 100%;
}


.loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 9999999999999999999;
	height: 100%;
}

.loader img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-o-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
}








/*#############################################################
PARALLAX HAND SECTION STYLES 
#############################################################*/




.elementsContainer {
	position: relative;
	width: 100%;
	height: 100%;
}

.sceneContainer {
	z-index: 20000000;
	margin: 0 auto;
	padding: 0;
}

.sceneContainer {
	position: absolute;
	margin: 0 auto;
}

.elementsContainer li img, .sceneContainer li img {
	width: auto;
	height: auto;
	margin: 0 auto;
}




.scene-sky {
	z-index: 99988;
	left: 1%;
	top: -2%;
	-webkit-transform: translate(-1%, -2%) !important;
	-moz-transform: translate(-1%, -2%) !important;
	-o-transform: translate(-1%, -2%) !important;
	-ms-transform: translate(-1%, -2%) !important;
	transform: translate(-1%, -2%) !important;
}

/* 
.scene-clouds {
	z-index: 99989;
	left: 1%;
	top: 10%;
	-webkit-transform: translate(-1%, -10%) !important;
	-moz-transform: translate(-1%, -10%) !important;
	-o-transform: translate(-1%, -10%) !important;
	-ms-transform: translate(-1%, -10%) !important;
	transform: translate(-1%, -10%) !important;
}


.scene-grass {
	z-index: 99990;
	left: 1%;
	top: 70%;
	-webkit-transform: translate(-1%, -70%) !important;
	-moz-transform: translate(-1%, -70%) !important;
	-o-transform: translate(-1%, -70%) !important;
	-ms-transform: translate(-1%, -70%) !important;
	transform: translate(-1%, -70%) !important;
} */

.scene-hay {
	z-index: 99993;
	left: -4%;
	top: 90%;
	-webkit-transform: translate(-4%, -90%) !important;
	-moz-transform: translate(-4%, -90%) !important;
	-o-transform: translate(-4%, -90%) !important;
	-ms-transform: translate(-4%, -90%) !important;
	transform: translate(-4%, -90%) !important;
}





.scene-one {
	z-index: 99992;
	left: -1%;
	top: -1.4%;
	-webkit-transform: translate(-1%, -1.4%) !important;
	-moz-transform: translate(-1%, -1.4%) !important;
	-o-transform: translate(-1%, -1.4%) !important;
	-ms-transform: translate(-1%, -1.4%) !important;
	transform: translate(-1%, -1.4%) !important;
}


.scene-two {
	z-index: 999994;
	left: 73%;
	top: 18%;
	-webkit-transform: translate(-73%, -18%);
	-moz-transform: translate(-73%, -18%);
	-o-transform: translate(-73%, -18%);
	-ms-transform: translate(-73%, -18%);
	transform: translate(-73%, -18%);
}


.scene-three {
z-index: 999995;
	left: 71%;
	top: 43%;
	-webkit-transform: translate(-71%, -43%);
	-moz-transform: translate(-71%, -43%);
	-o-transform: translate(-71%, -43%);
	-ms-transform: translate(-71%, -43%);
	transform: translate(-71%, -43%);
}


.scene-four {
z-index: 999996;
	left: 7%;
	top: -150px;
	-webkit-transform: translate(-7%, -150px); /* left, top */
	-moz-transform: translate(-7%, -150px);
	-o-transform: translate(-7%, -150px);
	-ms-transform: translate(-7%, -150px);
	transform: translate(-7%, -150px);
}

.scene-five {
z-index: 9999201;
	left: -63%;
	top: 78%;
	-webkit-transform: translate(-63%, -78%);
	-moz-transform: translate(-63%, -78%);
	-o-transform: translate(-63%, -78%);
	-ms-transform: translate(-63%, -78%);
	transform: translate(-63%, -78%);
}



.scene-six {
z-index: 9999200;
	left: 28%;
	top: 70%;
	-webkit-transform: translate(-28%, -70%);
	-moz-transform: translate(-28%, -70%);
	-o-transform: translate(-28%, -70%);
	-ms-transform: translate(-28%, -70%);
	transform: translate(-28%, -70%);
}


.scene-seven {
z-index: 9999100;
	left: 5%;
	top: 48%;
	-webkit-transform: translate(-5%, -48%);
	-moz-transform: translate(-5%, -48%);
	-o-transform: translate(-5%, -48%);
	-ms-transform: translate(-5%, -48%);
	transform: translate(-5%, -48%);
}

.scene-eight {
z-index: 999999;
	left: -3%;
	top: 550px;
	-webkit-transform: translate(-3%, -528px);
	-moz-transform: translate(-3%, -528px);
	-o-transform: translate(-3%, -528px);
	-ms-transform: translate(-3%, -528px);
	transform: translate(-3%, -528px);
}

.scene-nine {
z-index: 9999102;
	left: 52%;
	top: 43%;
	-webkit-transform: translate(-52%, -43%);
	-moz-transform: translate(-52%, -43%);
	-o-transform: translate(-52%, -43%);
	-ms-transform: translate(-52%, -43%);
	transform: translate(-52%, -43%);
}

.scene-ten {
z-index: 9999103;
	left: 75%;
	top: -150px;
	-webkit-transform: translate(-75%, -120px);
	-moz-transform: translate(-75%, -120px);
	-o-transform: translate(-75%, -120px);
	-ms-transform: translate(-75%, -120px);
	transform: translate(-75%, -120px);
}

.scene-eleven {
z-index: 9999104;
	left: 40%;
	top: 9%;
	-webkit-transform: translate(-40%, -9%);
	-moz-transform: translate(-40%, -9%);
	-o-transform: translate(-40%, -9%);
	-ms-transform: translate(-40%, -9%);
	transform: translate(-40%, -9%);
}


.scene-twelve {
z-index: 9999105;
	left: 33%;
	top: 25%;
	-webkit-transform: translate(-33%, -25%);
	-moz-transform: translate(-33%, -25%);
	-o-transform: translate(-33%, -25%);
	-ms-transform: translate(-33%, -25%);
	transform: translate(-33%, -25%);
	z-index: 999999;
}



















/*#############################################################
RESPONSIVE WITH MEDIA QUERIES
#############################################################*/


@media screen and (max-width: 1280px) {

	#next2, #next1 {
		right: 20px;
		background-color: #fff;
		width: 40px;
		height: 40px;
		background-repeat: no-repeat;
		background-position: center center;
		border-radius: 25px;
	}

	#prev2, #prev1 {
		left: 20px;
		background-color: #fff;
		width: 40px;
		height: 40px;
		background-repeat: no-repeat;
		background-position: center center;
		border-radius: 25px;
	}


	
	

	
	#scenesky {
		left: 1%;
	}
	#sceneclouds{
		left: 1%;
	}
	#scenegrass {
		left: 1%;
	}
	
	#scenehay {
		left: -3%;
	}
	
	
	
	#scene {
		left: 1%;
	}

	#scene2 {
		left: 42%;
	}

	#scene3 {
		left: 15%;
	}

	#scene4 {
		left: 7%;
	}

	#scene12 {
		left: -30%;
	}
	#scene11_b {
		left: -30%;
	}
	#scene13 {
		left: 25%;
	}

	#scene18 {
		top: 10%;
		left: 18%;
	}

	#scene23 {
		top: 53%;
	}

	#scene34 {
		top: 60%;
	}

	#scene35 {
		top: 40%;
	}

	#scene36 {
		top: 35%;
	}

	#scene37 {
		top: 75%;
	}

	#scene38 {
		top: 50%;
	}

	#scene39 {
		top: 95%;
	}

	/* #scene5, #scene6, #scene7, #scene8, #scene9, #scene10, #scene11, #scene11_b, #scene24, #scene25, #scene26, #scene27, #scene28, #scene29, #scene30, #scene31, #scene32, #scene33, #parallaxBanner .row .large-6, #inspiringHeader .row .large-6, #scene14, #scene15, #scene16, #scene17, #scene19{
		display: none;
		visibility: hidden;
	}
 */
	.addHolder {
		padding-left: 45px;
		padding-right: 45px;
	}

	.servicesHolders > div {
		margin: 0 39px;
	}

	#parallaxBanner .row .large-6, #inspiringHeader .row .large-6 {
		padding-left: 45px;
		padding-right: 0px;
	}

	#pricing .row .large-5 img {
		left: auto;
		max-width: 100%;
	}

	.aboutInfo h1, .reveal-modal h2 {
		
	}

	.reveal-modal .row .large-6 {
		width: 100%;
	}

	.article, #parallaxBanner, #appFeatures, #iLander, #inspiringHeader {
		background-attachment: scroll;
		overflow: hidden;
	}
}







@media screen and (max-width: 900px) {
	.description p {
		display: none;
		visibility: hidden;
	}



	#scene12 {
		left: -45%;
	}





}








@media screen and (max-width: 700px) {
	.description > span {
		width: 100%;
		background-image: none;
	}

	.imageRotator button.rotate-left {
		left: 20px;
		z-index: 50;
		z-index: 999999999;
	}

	.imageRotator button.rotate-right {
		right: 20px;
		z-index: 999999999;
	}

	#mainNavigation {
		width: 100%;
		margin-bottom: 25px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		-ms-transition: all 0.3s;
		transition: all 0.3s;
	}

	.smallNavButton {
		display: block;
		visibility: visible;
		background-color: transparent;
		border-color: #a60c0c;
		text-align: center;
		text-transform: uppercase;
		padding: 10px 5px;
		box-shadow: none;
		font-family: 'Roboto', sans-serif;
		letter-spacing: 2px;
		font-weight: 400;
		background-color: #fff;
		color: #6e6d6d;
		width: 100%;
	}

	#mainNavigation li {
		display: block;
		padding: 10px 5px;
		border-bottom: 1px solid #a60c0c;
		background-color: #fff;
		border-left: 1px solid #a60c0c;
		border-right: 1px solid #a60c0c;
	}

	.smallNavButton:hover {
		color: #6e6d6d;
		background-color: #fff;
	}

	#mainNavigation li a {
		text-align: center;
		display: block;
	}
	
	.disabledNav {
		height: 0;
		overflow: hidden;
	}

	.servicesHolders > div span {
		opacity: 1;
	}

	.servicesHolders > div:hover span {
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
	
	#scene13 {
		left: 0;
	}

	#scene12 {
		left: -140%;
	}

	.description > span {
		display: none;
		visibility: hidden;
	}

	.description {
		padding: 0;
	}

	.description h2 {
		position: absolute;
		top: 40%;
		left: 50%;
		-webkit-transform: translate(-50%);
		-moz-transform: translate(-50%);
		-o-transform: translate(-50%);
		-ms-transform: translate(-50%);
		transform: translate(-50%);
		margin: 0;
	}

	.list_carousel li a {
		width: 100%;
	}

	.caroufredsel_wrapper {
		height: 1700px !important;
	}

	#contact .large-6 > p {
		font-size: 18px;
	}

	.list_carousel img {
		width: 100%;
	}
}

@media screen and (max-width: 500px) {
	.caroufredsel_wrapper {
		height: 1200px !important;
	}
}

@media screen and (max-width: 400px)  {
	.caroufredsel_wrapper {
		height: 1000px !important;
	}
}