
/*////////////////////////////////////////////////////////////////////////*/
/*---eageTutor mobile css structure----*/
/*////////////////////////////////////////////////////////////////////////*/

.content{
	margin-left:20px;
	margin-right:20px;
}

.container{	
	margin-bottom:20px;
}

body{
	/*background-image:url(../images/body-bg.png);*/
	background:#f8f8f8;
	-webkit-font-smoothing: antialiased;
	
}


/*//////////////////////////////////////////////////////////////*/
/*---Framework CSS Images And Editable Styles----*/
/*//////////////////////////////////////////////////////////////*/


h1 > a						{	color:#333333; 		font-family: 'Arial', sans-serif;	}
h2 > a						{	color:#333333; 		font-family: 'Arial', sans-serif;	}
h3 > a						{	color:#333333; 		font-family: 'Arial', sans-serif;	}
h4 > a						{	color:#333333;		font-family: 'Arial', sans-serif;	}
h5 > a						{	color:#333333; 		font-family: 'Arial', sans-serif;	}
h1, h2, h3, h4, h5			{	color:#5b5a5a; 		font-family: 'Arial', sans-serif;	}
span						{	color:#333333;		font-family: 'Arial', sans-serif;	}
body						{	color:#444444;		font-family: 'Arial', sans-serif;	}
input						{						font-family: 'Arial', sans-serif;	}
li, ul						{	color:#9a9a9a;		}
a							{	color:#444;/*e34e47*/		}
em							{	color:#9a9a9a;		}
blockquote					{	color:#9a9a9a!important;}
.filtrable-caption			{	color:#9a9a9a;}
.portfolio-tem-full-width a	{	color:#9a9a9a;}
.portfolio-item-thumb a		{	color:#9a9a9a;}
.dropcaps					{	color:#333333;}
.field-title				{	color:#9a9a9a;}

/*////////////////////////////////*/
/*----Background Color Styles-----*/
/*////////////////////////////////*/
.icon{			background-color:#4c585e;										}
.bg-orange{		background-color:#e34e47;			color:#FFFFFF!important;	}
.bg-yellow{		background-color:#ffd100;			color:inherit;				}
.bg-green{		background-color:#518900;			color:#FFFFFF!important;	}
.bg-gray{		background-color:#424242;			color:#FFFFFF!important;	}
.bg-light-gray{	background-color:rgba(0,0,0,0.1); 	color:#333333!important;	}
.bg-dark-gray{	background-color:rgba(0,0,0,0.7);	color:#FFFFFF!important;	}



/*//////////////////////////////////////////////////////////////////////////////////////*/
/*-------------------------Header Notification------------------------------------------*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
.header-notification{			background-color:#000000;	font-size:12px;	text-align:left;	color:#FFFFFF;}
.header-notification strong{ 	color:#666;}
.warning-notification em{		background-image:url(../images/lists/warning_16.png);}
.close-notification em{			background-image:url(../images/lists/delete_16.png);}
.heart-notification em{			background-image:url(../images/lists/heart_16.png);}
.calendar-notification em{		background-image:url(../images/lists/calendar_16.png);}
.info-notification em{			background-image:url(../images/lists/info_16.png);}


/*//////////////////////////////////////////////////////////////////////////////////////*/
/*-------------------------------CSS3 Buttons-------------------------------------------*/
/*//////////////////////////////////////////////////////////////////////////////////////*/

.fullscreen-button{
	width:100%;
	display:block;
	text-align:center;
}

.button, .button-minimal{
	margin-top:10px;
	margin-bottom:13px;	
}


.demo-button{
	margin-right:3px;
	margin-left:3px;
}

/*//////////////////////////////////////////////////////////////////////////////////////*/
/*---------------------------Regular Image Slider---------------------------------------*/
/*//////////////////////////////////////////////////////////////////////////////////////*/


.slider-heading{
	color:#5b5a5a;	
	padding-bottom:2px;
	margin-top:-10px;
	line-height:20px;
	font-size:12px;
	text-transform:uppercase;
}

/*.slider-wrapper{
	border:solid 1px rgba(0,0,0,0.1);
}

.slider-container{
	border:solid 6px #FFFFFF;
	
}


.swipe-img{
	max-width:100%!important;
	display:block!important;
}

.swipe-text{
	font-size:10px!important;
	color:#FFFFFF;
	background-color: rgba(0, 0, 0, 0.4);
	text-shadow:none;
	color:#FFF!important;
	position:relative;
	padding-top:6px;
	z-index:9999;
	margin-top:-50px;
	padding-bottom:15px;
	font-weight:400;
}*/

/*////////////////////////////////////////////////////////////////////////////////*/
/*--------------------------------Mobile Detectors--------------------------------*/
/*////////////////////////////////////////////////////////////////////////////////*/

.no-detected-background{background-image:none!important;}
.iphone-detected{	background-image:url(../images/icon/mobile/iphone4.png); 				background-size:45px 45px; background-position:4px 4px!important;	background-repeat:no-repeat;}
.ipod-detected{		background-image:url(../images/icon/electrical/ipodclassic.png);	    background-size:45px 45px; background-position:4px 4px!important;	background-repeat:no-repeat;}
.android-detected{	background-image:url(../images/icon/mobile/android.png);	   			background-size:45px 45px; background-position:4px 4px!important;	background-repeat:no-repeat;}
.ipad-detected{		background-image:url(../images/icon/electrical/ipad2.png);	   		background-size:45px 45px; background-position:4px 4px!important;	background-repeat:no-repeat;}


/*///////////////////////////////////////////////////////////////////////////////*/
/*----------------------------Classic Notifications------------------------------*/
/*///////////////////////////////////////////////////////////////////////////////*/

.small-notification{	margin-bottom:20px;	}

.green-notification p{		background-image:url(../images/lists/tick_16.png);	background-repeat:no-repeat;		display:inline-block;	height:16px;	padding-left:30px;	color:#060;}
.red-notification p{		background-image:url(../images/lists/delete_16.png);	background-repeat:no-repeat;	display:inline-block;	height:16px;	padding-left:30px;	color:#C00;}
.blue-notification p{		background-image:url(../images/lists/info_16.png);	background-repeat:no-repeat;	display:inline-block;	height:16px;	padding-left:30px;	color:#039;}
.yellow-notification p{		background-image:url(../images/lists/warning_16.png);	background-repeat:no-repeat;	display:inline-block;	height:16px;	padding-left:30px;	color:#F90;}


/*/////////////////////////////////////////////*/
/*------------------Twitter--------------------*/
/*/////////////////////////////////////////////*/


#twitter-feed {
	font-size: 10px;
	color: #333333;
}

#twitter-feed .tweet {
	border-bottom: 1px dotted #ccc;
}

#twitter-feed .tweet .time {
	font-size: 10px;
	font-style: italic;
	color: #666666;
}

#twitter-feed h1{margin-bottom:-10px;}
#twitter-feed h2{margin-bottom:-10px;}
#twitter-feed h3{margin-bottom:-10px;}
#twitter-feed h4{margin-bottom:-10px;}
#twitter-feed h5{margin-bottom:-10px;}

/*/////////////////////////////////////////////*/
/*-------------Contact Form--------------------*/
/*/////////////////////////////////////////////*/

.contactField{
	background-color:rgba(255,255,255,0.4);
	font-size:12px;
	color:#666;
	border:solid 1px #acabab;
}

.contactTextarea{
	background-color:rgba(255,255,255,0.4);
	font-size:12px;
	border:solid 1px #acabab;
	color: #666;
}

/*/////////////////////////////////////////////*/
/*-------------Sign In Form--------------------*/
/*/////////////////////////////////////////////*/

.sign-in-form{
	background-color:#FFFFFF;
	border:solid 1px #acabab;
	-webkit-box-shadow: inset 0px 0px 0px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 		inset 0px 0px 0px 5px rgba(0, 0, 0, 0.1);
	margin-bottom:20px;
}

.username-password-field{
	width:100%;
	display:block;
	border:solid 1px #acabab;
	margin-bottom:10px;
	height:30px;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	color:#9a9a9a;
}


/*//////////////////////////////////////////////////////////////////////////////////////*/
/*-----------------------------Page Divider---------------------------------------------*/
/*//////////////////////////////////////////////////////////////////////////////////////*/

.decoration{
	margin-bottom:20px;
	height:1px;
	display:block;
	background-color:rgba(0,0,0,0.5);
}

/*//////////////////////////////////////////////////////////////////////////////////////*/
/*-----------------------------Pre Styling----------------------------------------------*/
/*//////////////////////////////////////////////////////////////////////////////////////*/

.code{
	border:solid 1px #cacaca;
	font-size:12px;
	margin-bottom:30px;
}

.wline{
	display:block;
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
}

.code > span:last-child{
	border-bottom:none;
}

.gline{
	border-top:solid 1px rgba(0,0,0,0.1);
	border-bottom:solid 1px rgba(0,0,0,0.1);
	display:block;
	background-color:#f1f1f1;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
}	

/*//////////////////////////////////////////////////////////////////////////////////////*/
/*-----------------------------Portfolio Styles-----------------------------------------*/
/*//////////////////////////////////////////////////////////////////////////////////////*/

/*Filtrable Styles*/

.filtrable-caption{
	font-size:10px!important;
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:0px!important;
	text-align:center;
	background-color:#3c3c3c;
	text-transform:uppercase;
}

/*Fullwidth portfolio Styles*/

.portfolio-item-full-width a{
	background-color:#FFFFFF;
	padding:5px;
	border:solid 1px #cacaca;
	font-size:10px;
	text-align:center;
	line-height:18px;
	text-transform:uppercase;
	margin-bottom:10px;
}

/*Thumbnail Portfolio Styles*/

.portfolio-item-thumb a{
	background-color:#FFFFFF;
	padding:5px;
	border:solid 1px #cacaca;
	text-align:center;
	font-size:10px;
	line-height:18px;
	margin-bottom:10px;
	text-transform:uppercase;
}


/*//////////////////////////////////////////////////////////////////////////////////////*/
/*-----------------------------Blog Posts-----------------------------------------------*/
/*//////////////////////////////////////////////////////////////////////////////////////*/


@media screen and (orientation:portrait) {
	.post-image img{	display:block;	max-width:100%;	}
}

@media screen and (orientation:landscape) {
	.post-image{		float:left;		width:130px;		margin-right:10px;	}
}

.post-details{
	display:block;
	width:100%;
}

.blog-post-image{
	margin-top:10px;
	margin-bottom:10px;
	display:block;
	max-width:100%;
	overflow:visible!important;
	background-color:#FFFFFF;
	padding:4px;
	border:solid 1px #cacaca;
}

.blog-post p{
	margin-bottom:10px;
}


.posted-by{
	background-image:url(../images/blog/user.png);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-right:20px;
	padding-left:25px;
	margin-bottom:5px;
	font-size:10px;
	float:left;
	color:#333;
	text-shadow:0px 1px 0px #FFFFFF;
}

.posted-at{
	background-image:url(../images/blog/time.png);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-right:20px;
	padding-left:25px;
	margin-bottom:5px;
	font-size:10px;
	float:left;
	color:#333;
	text-shadow:0px 1px 0px #FFFFFF;
}

.posted-cat{
	background-image:url(../images/blog/cat.png);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-right:20px;
	padding-left:25px;
	margin-bottom:5px;
	font-size:10px;
	float:left;
	color:#333;
	text-shadow:0px 1px 0px #FFFFFF;
}

.posted-tag{
	background-image:url(../images/blog/tag.png);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-right:20px;
	padding-left:25px;
	margin-bottom:5px;
	font-size:10px;
	float:left;
	color:#333;
	text-shadow:0px 1px 0px #FFFFFF;
}

.posted-more{
	background-image:url(../images/blog/more.png);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-right:20px;
	padding-left:25px;
	margin-bottom:5px;
	font-size:10px;
	float:left;
	color:#333;
	text-shadow:0px 1px 0px #FFFFFF;
}

.ads img{
	background-color:#FFFFFF;
	padding:3px;
	border:solid 1px #cacaca;
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}

.ads{
	width:290px;
	margin:auto;
}

.recent-post img{
	width:90px;
	height:90px;
	background-color:#FFFFFF;
	padding:3px;
	border:solid 1px #cacaca;
	float:left;
	margin-right:10px;
}

.recent-post strong{
	display:inline-block;
	padding-bottom:5px;
	font-size:12px;
	
}

.recent-post a{
	padding-top:5px;
	display:inline-block;
	float:right;
}


/*///////////////////////////*/
/*-------Speach Bubble------*/
/*///////////////////////////*/


.speach-left{	background-color:#FFFFFF;	border:solid 1px #cacaca;}
.speach-right{	background-color:#FFFFFF;	border:solid 1px #cacaca;}

.speach-left-title{		color:#000000;	text-shadow:0px 1px 0px #FFFFFF;}
.speach-right-title{	color:#000000;	text-shadow:0px 1px 0px #FFFFFF;}

/*/////////////////////////////////////////////////////////////*/
/*---------------------DROPDOWN MENU---------------------------*/
/*/////////////////////////////////////////////////////////////*/

.dropdown-deploy{	color:#333333;	background-color:#FFFFFF;	background-repeat:no-repeat;		border:solid 1px #cacaca;	border-bottom:none!important;}
.dropdown-hidden{	color:#333333;	background-color:#FFFFFF;	background-repeat:no-repeat;		border:solid 1px #cacaca;	border-bottom:none!important;}
.dropdown-item{		border:solid 1px #cacaca;	border-bottom:none!important;}
