/* ===========================

Author: MH Rafi
Website: http://themegret.com

============================== */

/* ==================== CSS Structure ==================== 
1. COMMON STYLES
	- Reset Styles
	- Common Classes
	- Pre Loader Styles
	
2. HTML ELEMENTS STYLE
	- Button Styles

3. HEADER SECTION
	- Main Navigation Styles
	- Home section
	
4. FEATURE SECTION
5. SERVICE SECTION
6. STEP SECTION
7. Video SECTION

8. SCREENSHOT SECTION
	- ScreenShots hover effect style

9. TESTIMONIAL SECTION
10. PRICING SECTION
	- Folding Effect

11. SUBSCIBE SECTION
12. DOWNLOAD SECTION
13. CONTACT SECTION
14. FOOTER SECTION
========================================================== */


/* --------------- Reset Styles --------------- */
body {
	font-family: 'Istok Web', sans-serif;

}





/* --------------- Pre Loader Styles --------------- */
#preloader {
	position:fixed;
	top: 0;
	left: 0;
	background-color:#FFF;
	width: 100%;
	height: 100%;
	z-index: 10050;
}

.loading-circle {
	position: absolute;
	left: 49%;
	top: 49%;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	border-top: 2px solid #7F8C8D;
	border-right: 2px solid rgba(0,0,0, 0);
	border-bottom: 2px solid #7F8C8D;
	border-left: 2px solid rgba(0,0,0, 0);
}


#begin
{
	color:#FFFFFF;
	font-family: 'Istok Web', sans-serif;
	text-align: center;
	margin-top: 50px;

}
#begin img{
	border: 1px solid rgba(44,174,171,0.6);
	margin: 5px;
	max-width:20%;
}

#introductionpad {
	/*width:100%;*/
	height:70px;
	/*	min-height: 100%px;*/
	margin-top: -25px;

	background: rgba(0,0,0, .6);

	
}
#introduction {
	/*width:100%;*/
	height:100%;
		min-height: 300px;
    /*margin-top: -25px;*/
	background: rgba(0,0,0, .6);
	padding-bottom: 75px;
	
}

#introduction .amandatitle{
	color:#ffffff;
	font-family: 'Istok Web', sans-serif;

}

.amandatitle h1 {
      font-size: 10vw;
    }
.amandatitle h2 {
      font-size: 4.0vw;
    }
.amandatitle h3 {
      font-size: 2.8vw;
    }
#begin h4 {
      font-size: 2.25vw;
    }
.amandatitle p {
      font-size: 2.5vw;
    }

#introductiontofeatured{
height:10px;
width:100%;
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,0,0, .6) 0%, rgba(44,174,171, .6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0, .6) 0%,rgba(44,174,171, .6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0, .6) 0%,rgba(44,174,171, .6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2caeab',GradientType=0 ); /* IE6-9 */

}

#featured {
	width:100%;
	min-height: 300px;
 
	background: rgba(44,174,171, .6);
	font-family: 'Istok Web', sans-serif;
}
#justbook {
	width:100%;
	/*min-height: 300px;*/

	background: rgba(44,174,171, .6);
	font-family: 'Istok Web', sans-serif;
}
#justbookpad {
	/*width:100%;*/
	height:20px;
	/*	min-height: 100%px;*/
	margin-top: -25px;

	background: rgba(44,174,171, .6);

	
}

#featuredtoabout{
height:10px;
width:100%;
background: rgb(44,174,171); /* Old browsers */
background: -moz-linear-gradient(top, rgba(44,174,171,.6) 0%, rgba(255,255,255, .6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(44,174,171,.6) 0%,rgba(255,255,255, .6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(44,174,171,.6) 0%,rgba(255,255,255, .6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2caeab', endColorstr='#ffffff',GradientType=0 );
}

#about {
	width:100%;
	min-height: 300px;
 	padding-top: 20px;
	background: rgba(255,255,255, .6);
	font-family: 'Istok Web', sans-serif;
}

#abouttocontact{
height:10px;
width:100%;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(200,200,255, .6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,.6) 0%,rgba(200,200,255, .6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,.6) 0%,rgba(200,200,255, .6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8c8f',GradientType=0 );
}

#contact,#send {
	width:100%;
	min-height: 300px;
 padding-top: 20px;
	background: rgba(200,200,255, .6);
	font-family: 'Istok Web', sans-serif;
}
#send {
	height:100%;
}
#sendpad {
	/*width:100%;*/
	height:100px;
	/*	min-height: 100%px;*/
	margin-top: -25px;

	background: rgba(200,200,255, .6);

	
}

#contactoutsidewidgets{
height:10px;
width:100%;
background: rgb(200,200,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(200,200,255,.6) 0%, rgba(255,255,200, .6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(200,200,255,.6) 0%,rgba(255,255,200, .6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(200,200,255,.6) 0%,rgba(255,255,200, .6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8f', endColorstr='#ffffc8',GradientType=0 );
}

#outsidewidgets {
	width:100%;
	min-height: 300px;
 	padding-top: 20px;
	background: rgba(255,255,200, .6);
	font-family: 'Istok Web', sans-serif;
}