* {
	margin: 0;
	padding: 0;
}

.revealOnScroll { opacity: 0; }




body {
	background: #FFF;
	width:auto;
	height: 100%;
	font-size: 15px;
	color: #474747;
	line-height: 1.6em;
	overflow-x: hidden;

}



.jumbotron {
    padding: 0px 0;
}






.wrapper
{
 width:100%;
}













a:hover {
	text-decoration: underline;
}



h1{
/*	font-family: 'Hobo Std Medium';*/
	color:#ffff;
    font-size: 102px;
}

ul
{
	list-style-type:none;
	text-align: center;
	margin:auto;
	padding-left:10px;
}

li{
 float:left;
 text-align: center;
}



.top-ethinos
{
		color:#ffff;
    font-size: 102px;
}







@-webkit-keyframes wink {
    from { background-position: -500px; }
    to { background-position: 0px; }
}

@-moz-keyframes wink {
    from { background-position: -500px; }
    to { background-position: 0px; }
}

@keyframes wink {
    from { background-position: -500px; }
    to { background-position: 0px; }
}

.hi {
	margin-top:20px;
    width: 100px;
    height: 100px;
    background-image: url("http://thetestsite.in/ethinoslovesyou/img/snake-loop.png");
	margin: 0 auto;
    
    -webkit-animation: wink .8s steps(10, end) infinite;
    -moz-animation: wink .8s steps(10, end) infinite;
    animation: wink .8s steps(10, end) infinite;
}​
















.slideLeft{
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}










.ethinos-love
{

font-size:100px;
position:absolute;
top:290px;
left:232px;
}
.ethinos-love1
{

font-size:100px;
position:absolute;
top:290px;
right:171px;
}

.love
{
position:absolute;
padding-left:43%;
	top:303px;
}

/*media queries for top content1 section*/
@media (max-width:1024px)
{
	

.ethinos-love
{

font-size:70px;
position:absolute;
top:260px;
left:97px;
}
.ethinos-love1
{

font-size:70px;
position:absolute;
top:260px;
right:123px;
}
.love
{
position:absolute;
padding-left:13%;
	top:253px;
	left:12px;
}
}
@media (max-width:980px)
{
	

.ethinos-love
{

font-size:70px;
position:absolute;
top:260px;
left:97px;
}
.ethinos-love1
{

font-size:70px;
position:absolute;
top:-165px;
right:-681px;
}
.love
{
position:absolute;
padding-left:13%;
	top:182px;
	left:12px;
}
}

@media (max-width:800px)
{
	

.ethinos-love
{

font-size:50px;
position:absolute;
top:268px;
left:67px;
}
.ethinos-love1
{

font-size:50px;
position:absolute;
top:-131px;
right:-555px;
}

.love
{
position:absolute;
padding-left:13%;
	top:202px;
	left:12px;
}



}

@media (max-width:768px)
{
	

.ethinos-love
{

font-size:50px;
position:absolute;
top:218px;
left:67px;
}
.ethinos-love1
{

font-size:50px;
position:absolute;
top:-185px;
right:-528px;
}

.love
{
position:absolute;
padding-left:13%;
	top:152px;
	left:12px;
}



}

@media (max-width:640px)
{
	

.ethinos-love
{

font-size:50px;
position:absolute;
top:77px;
left:15px;
}
.ethinos-love1
{

font-size:50px;
position:absolute;
top:-329px;
right:-456px;
}

.love
{
position:absolute;
padding-left:13%;
	top:2px;
	left:12px;
}



}
@media (max-width:480px)
{
	

.ethinos-love
{

font-size:50px;
position:absolute;
top:5px;
left:138px;
}
.ethinos-love1
{

font-size:50px;
position:absolute;
top:-196px;
right:-177px;
}

.love
{
position:absolute;
padding-left:13%;
	top:2px;
	left:-17px;
}



}

@media (max-width:375px)
{
	

.ethinos-love
{

font-size:50px;
position:absolute;
top:5px;
left:107px;
}
.ethinos-love1
{

font-size:50px;
position:absolute;
top:-196px;
right:-135px;
}

.love
{
position:absolute;
padding-left:13%;
	top:2px;
	left:-17px;
}



}





@media (max-width:360px)
{
	

.ethinos-love
{

font-size:50px;
position:absolute;
top:115px;
left:88px;
}
.ethinos-love1
{

font-size:50px;
position:absolute;
top:-99px;
right:-124px;
}

.love
{
position:absolute;
padding-left:13%;
	top:116px;
	left:-17px;
}



}
@media (max-width:320px)
{
	

.ethinos-love
{

font-size:50px;
position:absolute;
top:115px;
left:53px;
}
.ethinos-love1
{

font-size:50px;
position:absolute;
top:-71px;
right:-103px;
}

.love
{
position:absolute;
padding-left:13%;
	top:116px;
	left:-17px;
}



}

.txtalign{padding-right: 105px;}


/*media queries for top content1 section ends*/

.look-around
{
	font-size:65px;
	margin-left: 235px;
	/*position:relative;
	right:-644px;*/
}
.look-around1
{
	font-size:35px;

}

.red-button
{
	background-color: #FF5A5A;
	margin:2% 0;
	padding:2% 6%;
	 border: none;
	 color:#fff;
}


.right-snake
{
	float:right;
	margin-right:-15px;
	margin-top: -107px;
}

.section2
{
	padding-top:12%;
}



/*media queries for top content2 section*/
@media (max-width:1280px)
{
.look-around
{
	font-size:48px;
	position:relative;
	right:-609px;
}
}

@media (max-width:1024px)
{
	.look-around
{
	font-size:48px;
	position:relative;
	right:-483px;
}
.section2
{
	padding-top:8%;
}

}

@media (max-width:980px)
{
.look-around
{
	font-size:48px;
	position:relative;
	right:-953px;
}
	.section2
{
	padding-top:0%;
}
.snake-sec-2
{
	width:20%;
}

}

@media (max-width:800px)
{
	.section2
{
	padding-top:0%;
}

.look-around
{
	font-size:48px;
	position:relative;
	right:-772px;
}

.look-around1
{
	font-size:34px;

}

.right-snake
{
	float:right;
	margin-right:-15px;
	margin-top: -133px;
}

.red-button
{
	background-color: #FF5A5A;
	margin:2% 0;
	padding:2% 6%;
	 border: none;
	 color:#fff;
}	
}

@media (max-width:768px)
{
.look-around
{
	font-size:48px;
	position:relative;
	right:-745px;
}

.look-around1
{
	font-size:34px;

}

.right-snake
{
	float:right;
	margin-right:-15px;
	margin-top: -133px;
}

.red-button
{
	background-color: #FF5A5A;
	margin:2% 0;
	padding:2% 6%;
	 border: none;
	 color:#fff;
}
	
}

@media (max-width:640px)
{
	.sec-2-left
{
	positon:relative;
	top:-22px;
}

.look-around
{
	font-size:40px;
	position:relative;
	right:-609px;
}

.look-around1
{
	font-size:28px;
}

.right-snake
{
	float:right;
	margin-right:-15px;
	margin-top: -128px;
}

.red-button
{
	background-color: #FF5A5A;
	margin:2% 0;
	padding:2% 6%;
	 border: none;
	 color:#fff;
}

.section2
{
	padding-top:0%;
}

.snake-sec-2
{
	width:30%;
}

	
}
@media (max-width:600px)
{
.sec-2-left
{
	positon:relative;
	top:0px;
}
.look-around
{
	font-size:40px;
	position:relative;
	right:-570px;
}

.look-around1
{
	font-size:28px;
}

.right-snake
{
	float:right;
	margin-right:-15px;
	margin-top: -128px;
}

.red-button
{
	background-color: #FF5A5A;
	margin:2% 0;
	padding:2% 6%;
	 border: none;
	 color:#fff;
}
.section2
{
	padding-top:0%;
}

.snake-sec-2
{
	width:70%;
}


	
}
@media (max-width:480px)
{
	.sec-2-left
{
	positon:relative;
	top:0px;
}


.look-around
{
	font-size:44px;
	position:relative;
	right:-454px;
}

.look-around1
{
	font-size:32px;
}

.right-snake
{
	float:right;
	margin-right:-15px;
	margin-top: -128px;
}

.red-button
{
	background-color: #FF5A5A;
	margin:2% 0;
	padding:2% 6%;
	 border: none;
	 color:#fff;
}

.section2
{
	padding-top:0%;
}

.snake-sec-2
{
	width:70%;
}



	
}


@media (max-width:375px)
{
.look-around
{
	font-size:44px;
	position:relative;
	right:-349px;
}	
}



@media (max-width:360px)
{
	.sec-2-left
{
	positon:relative;
	top:0px;
}

.look-around
{
	font-size:44px;
	position:relative;
	right:-330px;
}

.look-around1
{
	font-size:32px;
}

.right-snake
{
	float:right;
	margin-right:-15px;
	margin-top: -74px;
}

.red-button
{
	background-color: #FF5A5A;
	margin:2% 0;
	padding:2% 6%;
	 border: none;
	 color:#fff;
}

.section2
{
	padding-top:0%;
}

.snake-sec-2
{
	width:70%;
}






	
}



@media (max-width:320px)
{

.sec-2-left
{
	positon:relative;
	top:0px;
}
.look-around
{
	font-size:35px;
	position:relative;
	right:-290px;	
}

.look-around1
{
	font-size:25px;
}

.right-snake
{
	float:right;
	margin-right:-15px;
	margin-top: -58px;
}

.red-button
{
	background-color: #FF5A5A;
	margin:2% 0;
	padding:2% 6%;
	 border: none;
	 color:#fff;
}

.section2
{
	padding-top:0%;
}


}


/*section-3 starts here*/

.sec-3-basic
{
	color:#fff;
	padding-top: 140px;
}


.sec-3-text
{
	color:#fff;
	padding-top: 50px;
}


.sec-3
{
	padding-top:7%;
}
.sec3-snake
{
	position:relative;
	top:-314px;
}











@media (max-width:1280px)
{
	
}



@media (max-width:1024px)
{
	.sec-3-basic
{
	color:#fff;
	padding-top: 138px;
}	
}


@media (max-width:980px)
{
	
}


@media (max-width:800px)
{
	
}@media (max-width:768px)
{
	.sec-3-basic
{
	color:#fff;
	padding-top: 72px;
}
.imgresponsive
{
	width:40%;
}
.sec3-snake
{
	position:relative;
	top:66px;
}
	
}

@media (max-width:640px)
{
	.sec-3-basic
{
	color:#fff;
	padding-top: 0px;
}
.imgresponsive
{
	width:40%;
}
.sec3-snake
{
	position:relative;
	top:-9px;
}
	
}

@media (max-width:480px)
{
	.sec-3-basic
{
	color:#fff;
	padding-top: 12px;
}

.sec-3
{
	padding-top:0%;
}
.sec3-snake
{
	position:relative;
	top:0px;
}
.imgresponsive
{
	width:65%;
}

}

@media (max-width:360px)
{
.sec-3-basic
{
	color:#fff;
	padding-top: 0px;
}
	
}

@media (max-width:320px)
{
	.sec-3-basic
{
	color:#fff;
	padding-top: 0px;
}

.sec-3
{
	padding-top:0%;
}
.sec3-snake
{
	position:relative;
	top:px;
}
.imgresponsive
{
	width:90%;
}
}

/*section-3 ends here*/

/*section-4 starts here*/
.sec-4-basic
{

	padding-top: 52px;

}
.text-style
{
	font-size:57px;color:#C6F711
}

.text-style1
{
	font-size:20px;color:#C6F711
}








@media (max-width:640px)
{
.sec-4-basic
{
	color:#fff;
	padding-top: 60px;
}	
}




@media (max-width:600px)
{
.sec-4-basic
{
	color:#fff;
	padding-top: 10px;
}
.sec-4-basic
{
	color:#fff;
	padding-top: 30px;
}	
}






@media (max-width:360px)
{
.sec-4-basic
{
	color:#fff;
	padding-top: 30px;
}
.text-style
{
	font-size:36px;color:#C6F711
}

.text-style1
{
	font-size:20px;color:#C6F711
}	
}



@media (max-width:320px)
{
.sec-4-basic
{
	color:#fff;
	padding-top: 0px;
}
.text-style
{
	font-size:47px;color:#C6F711
}

.text-style1
{
	font-size:20px;color:#C6F711
}
}





/*section-4 ends here*/


/*section-5 starts here*/
.focus
{
	position:relative;
	top:-60px;
}
.focus1
{
	position:relative;
	top:149px;
	left:0px;
}

.sec-5-basic
{
	padding-top:150px;
}


@media (max-width:1024px)
{
.focus
{
	position:relative;
	top:78px;
	left:0px;
}
.focus1
{
	position:relative;
	top:302px;
	left:0px;
}

.focus-width
{
	width:100%;
}



.powerpoint
{
	padding:0px;
}


.sec-5-basic
{
	padding-top:0px;
}	
}


@media (max-width:980px)
{

.focus-width
{
	width:15%;
}
.focus
{
	position:relative;
	top:78px;
	left:0px;
}
.focus1
{
	position:relative;
	top:302px;
	left:0px;
}



.powerpoint
{
	padding:20px;
}


.sec-5-basic
{
	padding-top:0px;
}	
}


@media (max-width:800px)
{
.focus-width
{
	width:20%;
}


.focus-width
{
	width:15%;
}




.powerpoint
{
	padding:0px;
}


.sec-5-basic
{
	padding-top:0px;
}
.focus
{
	position:relative;
	top:279px;
	left:241px;
}
.focus1
{
	position:relative;
	top:168px;
	left:80px;
}


	
}






@media (max-width:768px)
{

.focus-width
{
	width:20%;
}

.focus
{
	position:relative;
	top:279px;
	left:241px;
}
.focus1
{
	position:relative;
	top:168px;
	left:80px;
}

.powerpoint
{
	padding:20px;
}


.sec-5-basic
{
	padding-top:0px;
}
	
}




@media (max-width:640px)
{
.focus
{
	position:relative;
	top:186px;
	left:183px;
}
.focus1
{
	position:relative;
	top:68px;
	left:80px;
}
.focus-width
{
	width:20%;
}




.powerpoint
{
	padding:20px;
}


.sec-5-basic
{
	padding-top:0px;
}
	
}


@media (max-width:600px)
{
.focus
{
	position:relative;
	top:130px;
	left:0px;
}
.focus-width
{
	width:40%;
}

.focus1
{
	position:relative;
	top:-15px;
	left:0px;
}


.powerpoint
{
	padding:20px;
}


.sec-5-basic
{
	padding-top:0px;
}
}


.powerpoint
{
	padding:35px 20px;
}

	
}





@media (max-width:480px)
{
	.focus
{
	position:relative;
	top:-110px;
	left:159px;
}
.focus-width
{
	width:30%;
}
.focus1
{
	position:relative;
	top:149px;
	left:0px;
}

}


@media (max-width:360px)
{

.focus
{
	position:relative;
	top:130px;
	left:30px;
}
.focus1
{
	position:relative;
	top:-15px;
	left:30px;
}
.focus-width
{
	width:30%;
}




.powerpoint
{
	padding:20px;
}


.sec-5-basic
{
	padding-top:110px;
}



}


@media (max-width:320px)
{
	.focus
{
	position:relative;
	top:24px;
	left:0px;
}
.focus-width
{
	width:50%;
}
.focus1
{
	position:relative;
	top:149px;
	left:0px;
}


.sec-5-basic
{
	padding-top:110px;
}
}


/*section-5 ends here*/



/*section-6 starts here*/



.section-6-basic
{
	padding-top:5%;
}

.ranking
{
	font-size:57px;
}


.ranking1
{
	font-size:27px;
}

.love-ranking
{
	font-size:65px;
		position:relative;
/*	right:-644px*/
}


.right-snake1
{
	float:right;
	margin-right:-30px;
	margin-top: -107px;
}


@media (max-width:1024px)
{


.right-snake1
{
	float:right;
	margin-right:-30px;
	margin-top: -114px;
}
.love-ranking
{
	font-size:55px;
	position:relative;
/*	right:-495px;	*/
}
.ladder
{
	width:60%;
}	
}


@media (max-width:980px)
{


.right-snake1
{
	float:right;
	margin-right:-30px;
	margin-top: -114px;
}
.love-ranking
{
	font-size:35px;
	position:relative;
/*	right:-980px;	*/
}
.ladder
{
	width:30%;
}	
}







@media (max-width:800px)
{


.right-snake1
{
	float:right;
	margin-right:-30px;
	margin-top: -114px;
}
.love-ranking
{
	font-size:35px;
	position:relative;
/*	right:-809px;	*/
}
.ladder
{
	width:40%;
}	
}


@media (max-width:768px)
{


.right-snake1
{
	float:right;
	margin-right:-30px;
	margin-top: -114px;
}
.love-ranking
{
	font-size:35px;
	position:relative;
/*	right:-768px;	*/
}
.ladder
{
	width:40%;
}	
}




@media (max-width:640px)
{


.right-snake1
{
	float:right;
	margin-right:-30px;
	margin-top: -114px;
}
.love-ranking
{
	font-size:35px;
	position:relative;
/*	right:-646px;	*/
}
.ladder
{
	width:40%;
}	
}





@media (max-width:480px)
{
.section-6-basic
{
	padding-top:55%;
}


.right-snake1
{
	float:right;
	margin-right:-30px;
	margin-top: -114px;
}
.love-ranking
{
	font-size:35px;
	position:relative;
/*	right:-483px;	*/
}
.ladder
{
	width:40%;
}	
}


@media (max-width:375px)
{
.section-6-basic
{
	padding-top:80%;
}

}


@media (max-width:360px)
{

.section-6-basic
{
	padding-top:1%;
}


	.right-snake1
{
	float:right;
	margin-right:-30px;
	margin-top: -74px;
}
	.ladder
{
	width:50%;
}
.love-ranking
{
	font-size:35px;
	position:relative;
/*	right:-362px;	*/
}
.ladder
{
	width:60%;
}
.section-6-basic
{
	padding-top:15%;
}	
}





@media (max-width:320px)
{

.section-6-basic
{
	padding-top:1%;
}



	.right-snake1
{
	float:right;
	margin-right:-30px;
	margin-top: -74px;
}
	.ladder
{
	width:50%;
}
.love-ranking
{
	font-size:35px;
	position:relative;
/*	right:-323px;	*/
}
.ladder
{
	width:60%;
}
.section-6-basic
{
	padding-top:69%;
}

.focus1
{
	position:relative;
	top:-100px;
	left:0px;
}	
}




/*section-6 ends here*/

/*section-7 starts here*/


.section-7
{
	padding:20px 200px;
}
.section-7-basic
{
color:#464646;
padding-top: 100px;
}

.section7-left
{
	font-size:27px;
}
.section7-left1
{
	background-color:#FF5A5A; 
	color:#fff;
	padding:10px;
}



@media (max-width:800px)
{

.section-7
{
	padding:0px 0px;
}	
.section7-right
{
	width:100%;
}
	
}



@media (max-width:768px)
{

.section-7
{
	padding:0px 0px;
}	
.section7-right
{
	width:60%;
}
	
}





@media (max-width:480px)
{

.section-7
{
	padding:0px 0px;
}	
.section7-right
{
	width:20%;
}
	
}










@media (max-width:360px)
{

.section-7
{
	padding:0px 0px;
}	
.section7-right
{
	width:20%;
}
	
}




@media (max-width:320px)
{
.section-7-basic
{
color:#464646;
padding-top: 70px;
}

.section-7
{
	padding:0px 0px;
}	
.section7-right
{
	width:20%;
}
	
}

/*section-7 ends here*/


/*section-8 starts here*/

.section-8-basic
{
	padding:20px 200px;
}


.facebook
{
font-size:47px;
color:#000;
}

.facebook1
{
	font-size:27px;
	color:#000;
}


.section-8-snake
{
position:absolute;
top:64;
right:-215px;
}








@media (max-width:800px)
{
.section-8-basic
{
	padding:52px 0px;
}
.facebook
{
font-size:27px;
}

.facebook1
{
	font-size:17px;
}
.section-8-snake
{
position:absolute;
top:64;
right:-15px;
}

}

}

@media (max-width:768px)
{
.section-8-basic
{
	padding:0px;
}
.facebook
{
font-size:27px;
}

.facebook1
{
	font-size:17px;
}
.section-8-snake
{
position:absolute;
top:64;
right:-15px;
}

}

}


@media (max-width:600px)
{
.section-8-basic
{
	padding:0px;
}
.facebook
{
font-size:27px;
}

.facebook1
{
	font-size:17px;
}

}

@media (max-width:480px)
{
.section-8-basic
{
	padding:0px;
}
.facebook
{
font-size:27px;
}

.facebook1
{
	font-size:17px;
}
.section-8-snake
{
position:absolute;
top:64;
right:-15px;
}

}





@media (max-width:360px)
{
.section-8-basic
{
	padding:0px;
}
.facebook
{
font-size:27px;
}

.facebook1
{
	font-size:17px;
}
.section-8-snake
{
position:absolute;
top:64;
right:-15px;
}

}

@media (max-width:320px)
{
.section-8-basic
{
	padding:0px;
}
.facebook
{
font-size:27px;
}

.facebook1
{
	font-size:17px;
}
.section-8-snake
{
position:absolute;
top:64;
right:-15px;
}


}






/*section-8-ends here*/


/*OR button section starts here*/

.or-button-sec4
{
	margin-top: -127px;
}


.or-button-sec6
{
margin-top: -149px;
}

.or-button-sec7
{
margin-top: -127px;
}

.or-button-sec8
{
margin-top: -127px;
}

@media (max-width:480px)
{
.or-button-sec4
{
	margin-top: -123px;
}


.or-button-sec6
{
margin-top: -177px;
}

.or-button-sec7
{
margin-top: -170px;
}

.or-button-sec8
{
margin-top: -249px;
}	
}

@media (max-width:375px)
{
.or-button-sec4
{
	margin-top: -103px;
}


.or-button-sec6
{
margin-top: -177px;
}

.or-button-sec7
{
margin-top: -172px;
}

.or-button-sec8
{
margin-top: -173px;
}	
}



@media (max-width:360px)
{
.or-button-sec4
{
	margin-top: -103px;
}


.or-button-sec6
{
margin-top: -177px;
}

.or-button-sec7
{
margin-top: -234px;
}

.or-button-sec8
{
margin-top: -200px;
}	
}






@media (max-width:320px)
{
.or-button-sec4
{
	margin-top: -103px;
}


.or-button-sec6
{
margin-top: -177px;
}

.or-button-sec7
{
margin-top: -185px;
}

.or-button-sec8
{
margin-top: -200px;
}	
}













.content1{
	background-color: #002b58;
/*	padding: 140px 200px;*/
	height: 650px;
	color:#fff;
}




@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

.content2{
	background-color: #FFE948;
	background: url("../img/section2.jpg")  scroll 0 0 / 100% auto;
	    background-repeat:no-repeat;
    background-size:cover;
	padding: 10px 0px;
	height: 850px;
	color:#000;
animation: animatedBackground 5s linear infinite;


}
.content3{
	background-color: #ffffff;
	background: url("../img/background2.jpg")  scroll 0 0 / 100% auto;
	    background-repeat:no-repeat;
    background-size:cover;
	padding: 40px 0px;
	height: 770px;
}

.content4{
	background-color: #3B3D3D;
	background: url("../img/background3.jpg")  scroll 0 0 / 100% auto;
	background-repeat:no-repeat;
	background-size:cover;
	padding: 40px 0px;
	height: 770px;
	
}

.content5{
	background-color: #FF5A5A;
	background: url("../img/office-bg.jpg")  scroll 0 0 / 100% auto;
	background-repeat:no-repeat;
	background-size:cover;
	padding: 40px 0px;
	height: 770px;
}

.content6{
	background-color: #FFF8D4;
	background: url("../img/background4.jpg")  scroll 0 0 / 100% auto;
	background-repeat:no-repeat;
	background-size:cover;
/*	padding: 40px 200px;*/
	height: 770px;
}
.content7{
	background-color: #FFE948;
/*	padding: 40px 200px;*/
	height: 706px;
	background: url("../img/background7.jpg")  scroll 0 0 / 100% auto;
	background-repeat:no-repeat;
	background-size:cover;
}
.content8{
	background-color: #FF7D50;
/*	padding: 40px 200px;*/
	height: 650px;
	background: url("../img/background8.jpg")  scroll 0 0 / 100% auto;
	background-repeat:no-repeat;
	background-size:cover;
}
.content9{
	background-color: #3C3C3B;
/*	padding: 40px 200px;*/
		height: 650px;
	background: url("../img/leaves.jpg")  scroll 0 0 / 100% auto;
	background-repeat:no-repeat;
	background-size:cover;
}


/*media queries for all content classes*/
@media (width:1500px)
{
.content5{
	background-color: #FF5A5A;
	background: url("../img/office-bg.jpg")  scroll 0 0 / 100% auto;
	background-repeat:no-repeat;
	background-size:cover;
	padding: 40px 0px;
	height: 800px;
}

}



@media (max-width:1024px)
{
.content1{
	background-color: #FF5A5A;
/*	padding: 140px 200px;*/
	height: 600px;
	color:#fff;
}
.content2{
	background-color: #FFE948;
	padding: 10px 0px;
	height: 650px;
}
.content3{
	background-color: #FF7D50;
	padding: 40px 0px;
	height: 650px;
}

.content4{
	background-color: #3B3D3D;
	padding: 40px 0px;
	height: 830px;
	
}

.content5{
	background-color: #FF5A5A;
	padding: 40px 0px;
	height: 717px;
}

.content6{
	background-color: #FFF8D4;
/*	padding: 40px 200px;*/
	height: 717px;
}
.content7{
	background-color: #FFE948;
/*	padding: 40px 200px;*/
	height: 687px;
}
.content8{
	background-color: #FF7D50;
/*	padding: 40px 200px;*/
	height: 617px;
}
.content9{
	background-color: #3C3C3B;
/*	padding: 40px 200px;*/
		height: 620px;
}





}
















@media (max-width:768px)
{
.content1{
	background-color: #FF5A5A;
/*	padding: 140px 200px;*/
	height: 550px;
	color:#fff;
}
.content2{
	background-color: #FFE948;
	padding: 10px 0px;
	height: 670px;
}
.content3{
	background-color: #FF7D50;
	padding: 40px 0px;
	height: 650px;
}

.content4{
	background-color: #3B3D3D;
	padding: 40px 0px;
	height: 730px;
	
}

.content5{
	background-color: #FF5A5A;
	padding: 40px 0px;
	height: 714px;
}

.content6{
	background-color: #FFF8D4;
/*	padding: 40px 200px;*/
	height: 730px;
}
.content7{
	background-color: #FFE948;
/*	padding: 40px 200px;*/
	height: 617px;
}
.content8{
	background-color: #FF7D50;
/*	padding: 40px 200px;*/
	height: 617px;
}
.content9{
	background-color: #3C3C3B;
/*	padding: 40px 200px;*/
		height: 620px;
}





}
@media (max-width:640px)
{
.content1{
	background-color: #FF5A5A;
/*	padding: 140px 200px;*/
	height: 400px;
	color:#fff;
}
.content2{
	background-color: #FFE948;
	padding: 10px 0px;
	height: 650px;
}
.content3{
	background-color: #FF7D50;
	padding: 40px 0px;
	height: 650px;
}

.content4{
	background-color: #3B3D3D;
	padding: 40px 0px;
	height: 830px;
	
}

.content5{
	background-color: #FF5A5A;
	padding: 40px 0px;
	height: 617px;
}

.content6{
	background-color: #FFF8D4;
/*	padding: 40px 200px;*/
	height: 680px;
}
.content7{
	background-color: #FFE948;
/*	padding: 40px 200px;*/
	height: 700px;
}
.content8{
	background-color: #FF7D50;
/*	padding: 40px 200px;*/
	height: 842px;
}
.content9{
	background-color: #3C3C3B;
/*	padding: 40px 200px;*/
		height: 620px;
}





}


@media (max-width:375px)
{
.content1{
	background-color: #FF5A5A;
/*	padding: 140px 200px;*/
	height: 608px;
	padding-top:219px;
	color:#fff;
}
.content2{
	background-color: #FFE948;
	padding: 10px 0px;
	height: 514px;
}
.content3{
	background-color: #FF7D50;
	padding: 40px 0px;
	height: 514px;
}

.content4{
	background-color: #3B3D3D;
	padding: 40px 0px;
	height: 584px;
	
}

.content5{
	background-color: #FF5A5A;
	padding: 40px 0px;
	height: 617px;
}

.content6{
	background-color: #FFF8D4;
/*	padding: 40px 200px;*/
	height:716px;
}
.content7{
	background-color: #FFE948;
/*	padding: 40px 200px;*/
	height: 733px;
}
.content8{
	background-color: #FF7D50;
/*	padding: 40px 200px;*/
	height: 700px;
}
.content9{
	background-color: #3C3C3B;
/*	padding: 40px 200px;*/
		height: 620px;
}





}



@media (max-width:360px)
{
.content1{
	background-color: #FF5A5A;
/*	padding: 140px 200px;*/
	padding-top:25px;
	height: 514px;
	color:#fff;
}
.content2{
	background-color: #FFE948;
	padding: 10px 0px;
	height: 514px;
}
.content3{
	background-color: #FF7D50;
	padding: 40px 0px;
	height: 514px;
}

.content4{
	background-color: #3B3D3D;
	padding: 40px 0px;
	height: 584px;
	
}

.content5{
	background-color: #FF5A5A;
	padding: 40px 0px;
	height: 617px;
}

.content6{
	background-color: #FFF8D4;
/*	padding: 40px 200px;*/
	height:716px;
}
.content7{
	background-color: #FFE948;
/*	padding: 40px 200px;*/
	height: 733px;
}
.content8{
	background-color: #FF7D50;
/*	padding: 40px 200px;*/
	height: 700px;
}
.content9{
	background-color: #3C3C3B;
/*	padding: 40px 200px;*/
		height: 620px;
}





}





@media (max-width:320px)
{
.content1{
	background-color: #FF5A5A;
/*	padding: 140px 200px;*/
	padding-top:28px;
	height: 480px;
	color:#fff;
}
.content2{
	background-color: #FFE948;
	padding: 10px 0px;
	height: 480px;
}
.content3{
	background-color: #fff;
	padding: 40px 0px;
	height: 536px;
}

.content4{
	background-color: #3B3D3D;
	padding: 40px 0px;
	height: 680px;
	
}

.content5{
	background-color: #FF5A5A;
	padding: 40px 0px;
	height: 617px;
}

.content6{
	background-color: #FFF8D4;
/*	padding: 40px 200px;*/
	height: 617px;
}
.content7{
	background-color: #FFE948;
/*	padding: 40px 200px;*/
	height: 617px;
}
.content8{
	background-color: #FF7D50;
/*	padding: 40px 200px;*/
	height: 677px;
}
.content9{
	background-color: #3C3C3B;
/*	padding: 40px 200px;*/
		height: 600px;
}





}









.container  {
	min-width:900px;
	padding-top:359px;
	position:relative;
	width:100%;
/*	background-color: #fe5a59;*/
}
.maincontent {
	padding: 40px 200px;
}

.secondcontent {
	padding: 40px 200px;
	background-color: #ffe848;
}

.thirdcontent {
	padding: 40px 200px;
	background-color: #fe7e4f;
}

.fourthcontent {
	padding: 40px 200px;
	background-color: #3c3e3d;
}

.fifthcontent {
	padding: 40px 200px;
	background-color: #fe5a59;
}

.sixthcontent {
	padding: 40px 200px;
	background-color: #fef8d4;
}

.sevencontent {
	padding: 40px 200px;
	background-color: #ffe848;
}

.eightcontent {
	padding: 40px 200px;
	background-color: #fe7e4f;
}

.ninecontent {
	padding: 40px 200px;
	background-color: #3c3c3a;
}



.modal-footer  
{
	width:100%;
}



.modal-body 
{
	width:100%;
	border:none;
}

.modal-header
{
	width:100%;
	border:none;
}

.modal-content
{
	width:50%;
	margin: 10% auto;
	border:none;
}


@media (max-width:640px)
{
.modal-footer  
{
	width:100%;
}



.modal-body 
{
	width:100%;
}

.modal-header
{
	width:100%;
}

.modal-content
{
	width:90%;
}

}



.social-media
{
	padding-left:80px;	
}

@media (max-width:640px)
{
.social-media
{
	padding-left:00px;	
}	
}


@media (max-width:1280px)
{
.social-media
{
	padding-left:68px;	
}	
}

@media (max-width:1024px)
{
.social-media
{
	padding-left:27px;	
}	
}

@media (max-width:980px)
{
.social-media
{
	padding-left:px;	
}	
}




@media (max-width:800px)
{
.social-media
{
	padding-left:230px;	
}	
}
@media (max-width:768px)
{
.social-media
{
	padding-left:227px;	
}	
}

@media (max-width:640px)
{
.social-media
{
	padding-left:170px;	
}	
}
@media (max-width:480px)
{
.social-media
{
	padding-left:86px;	
}	
}

@media (max-width:375px)
{
.social-media
{
	padding-left:24px;	
}	
}


@media (max-width:360px)
{
.social-media
{
	padding-left:20px;	
}	
}
@media (max-width:320px)
{
.social-media
{
	padding-left:00px;	
}	
}



a.rollover {
	display: block;

	text-decoration: none;
	background: url("");
	}

a.rollover:hover {
	background-position: -150px 0;
	}

.displace {
	position: absolute;
	left: -5000px;

	}





.Library {
   background-image: url('img8.png');
   height: 70px;
   width: 120px;
   	z-index: 1000;
}

.Library:hover {
   background-image: url('../img/img8hover1.png');
   	z-index: 1000;
}



.foo img:last-child{display:none}
.foo:hover img:first-child{display:none}
.foo:hover img:last-child{display:inline-block}
.foo{animation-iteration-count: infinite;}







.stars, .twinkling, .clouds {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
}

.stars {
  background:#000 url(img/stars.png) repeat top center;
  z-index:0;
}

.twinkling{
  background:transparent url(img/twinkling.png) repeat top center;
  z-index:1;

  -moz-animation:move-twink-back 200s linear infinite;
  -ms-animation:move-twink-back 200s linear infinite;
  -o-animation:move-twink-back 200s linear infinite;
  -webkit-animation:move-twink-back 200s linear infinite;
  animation:move-twink-back 200s linear infinite;
}

.clouds{
    background:transparent url(img/clouds.png) repeat top center;
    z-index:3;

  -moz-animation:move-clouds-back 200s linear infinite;
  -ms-animation:move-clouds-back 200s linear infinite;
  -o-animation:move-clouds-back 200s linear infinite;
  -webkit-animation:move-clouds-back 200s linear infinite;
  animation:move-clouds-back 200s linear infinite;
}