/* Background colors */

.bblack{
	background: #222 !important;
	color: #fff !important;
	border:0px !important;
}

.blightblue{
	background:#52b9e9 !important;
	color: #fff !important;
	border: 0px !important;
}

.bblue{
	background:#1171a3 !important;
	color: #fff !important;	
	border: 0px !important;
}

.bgreen{
	background: #43c83c !important;
	color: #fff !important;	
	border: 0px !important;
}

.borange{
	background:#f88529 !important;
	color: #fff !important;	
	border: 0px !important;	
}

.bred{
	background: #fa3031 !important;
	color: #fff !important;	
	border: 0px !important;
}

.bviolet{
	background: #932ab6 !important;
	color: #fff !important;	
	border: 0px !important;
}

.blightblue h2,.blightblue h3, .blightblue h4, .blightblue h5, .blightblue h6,
.bblue h2,.bblue h3, .bblue h4, .bblue h5, .bblue h6,
.bgreen h2,.bgreen h3, .bgreen h4, .bgreen h5, .bgreen h6,
.bred h2,.bred h3, .bred h4, .bred h5, .bred h6,
.bviolet h2,.bviolet h3, .bviolet h4, .bviolet h5, .bviolet h6,
.borange h2,.borange h3, .borange h4, .borange h5, .borange h6{
	color: #fff !important;
}
 

/* Text colors */

.lightblue{
	color:#52b9e9 !important;
}

.blue{
	color:#1171a3 !important;
}

.green{
	color: #43c83c !important;
}

.orange{
	color:#f88529 !important;
}

.red{
	color: #fa3031 !important;
}

.violet{
	color: #932ab6 !important;
}


/* Hero */

.hero{
	margin: 20px 0px;
}

.hero-left{
	float: left;
	width: 60px;
}

.hero-right{
	margin-left: 70px;
}

.hero i{
	display: block;
	font-size: 23px;
	line-height: 50px;
	width: 50px;
	height: 50px;
	text-align: center;
	border: 3px solid #52b9e9;
	border-radius: 100px !important;
	margin-top: 10px;
}

.hero .hero-title{
	font-size: 24px;
	line-height: 34px;
}

.hero p{
	line-height: 28px;
}



/* Big box */

.big-box{
	margin:20px 0px;
}

.big-box .big-box-left{
	width: 45%;
	float: left;
	height: 270px;
}

.big-box .big-box-mid{
	width: 25%;
	float: left;
	height: 270px;
}

.big-box .big-box-right{
	width: 30%;
	float: right;
	height: 270px;
}

.big-box .big-box-left .box-content{
	padding: 25px;
}

.big-box .big-box-left .box-title{
	font-size: 32px;
	line-height: 45px;
	margin-bottom: 10px;
}

.big-box .big-box-left p{
	font-size: 16px;
	line-height: 26px;
}

a.btn-box{
	padding: 10px 12px !important;
	margin-top: 10px;
	font-size: 15px !important;
}

.big-box .big-box-left .box-links a{
	margin-right: 10px;
	color: #fff;
	font-size: 15px;
}

.big-box .big-box-left .box-links a:hover{
	color: #fff;
}

.big-box .big-box-right .box-content{
	padding: 15px;
}

.big-box .big-box-right{
	font-size: 15px;
}

.big-box .big-box-right h4{
	color: #aaa;
	margin-top: 20px !important; 
	line-height: 10px !important;
}

.big-box .big-box-right .box-title{
	font-size: 20px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
}



/* Clients */

.clients{
	padding:10px;
	text-align:center;
	margin:5px 0px 10px 0px;
}

.clients p{
	max-width:800px;
	margin: 10px auto;
	font-style: italic;
	font-size: 16px;
	line-height: 28px;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	color: #777;
}

.clients i{
	margin: 0px 5px;
	position: relative;
	top: -7px;
	font-size: 10px;
}

.clients img{
	max-width: 120px;
	margin:10px 14px;
}

/* features page styles */

.h1_heading{
	color:#0297d9;
	margin-bottom:10px;
	margin-top:0px;
	font-size:20px;
	font-weight:normal !important;
}
.h2_heading{
	color:#f58634;
	margin-bottom:10px;
	margin-top:0px;
	font-size:16px;
	font-weight:normal !important;
}


.bs-callout{
	padding:20px;
	margin:10px 0 5px 0;
	border:1px solid #eee;
	border-left-width:5px;
	border-radius:10px;
}
.bs-callout-danger{
	border-left-color: #d9534f;
}
.bs-callout-info{
	border-left-color:#5bc0de;
}
.bs-callout-gray{
	border-left-color:#eee;
}


/* Footer */


footer{
	background: #333;
	color: #999;
	font-size: 13px;
	line-height: 23px;
}

footer a{
	color: #0CF;
}

footer a:hover{
	color: #fff;
}

footer h4{
	color: #FFF;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #aeeb83;
}

footer hr{
	margin-top: 4px !important;
	margin-bottom: 4px !important;
}

footer ul{
	list-style-type: none;
	margin-left: 0px;
}

footer ul li{
	padding: 3px 0px;
}

footer .widgets{
	margin-top: 20px;
}

footer .copy{
	border-top: 0px solid #06F;
	padding: 10px 0px;
	margin-top: 10px;
}
footer .social{
	border-top: 0px solid #06F;
	padding: 10px 0px;
	margin-top: 10px;
}
footer .last-row{
	background-color:#000000;
}


.col-centered{
    float: none;
    margin: 0 auto;
}
.login-highlight{
	background-color:#FC0;
}

/* Responsive */

@media (max-width: 480px){
	.da-slide .das-head{
		font-size: 20px;
		line-height: 35px !important;
	}
	.da-slide p{
		height: 60%;
		top: 40px;
		left: 0px;
		width: 80%;
		font-size: 13px !important;
		line-height: 18px !important;
	}
    .price-a{
	   width:100%;
	   float:none;
	   margin-right:0px;
    }
    .price-b{
	   width:100%;
	   float:none;
    } 	
}

@media (max-width: 767px){
	.slidepanel,.da-slider,footer,.foot,.page-heading{
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.slidepanel .spara{
		padding-bottom: 0px;
	}
	.slidepanel .social{
		padding-bottom: 10px;
		float: none;
	}
	.slidepanel .social a{
		margin-left: 0px;
		margin-right: 7px;
	}
	header .logo .logo-image i{
		width: 38px;
		height: 38px;
		line-height: 38px;
		font-size: 38px;
		margin-top: 25px;
	}
	header .logo .logo-text{
		margin-left: 50px;
	}
	header .logo h1{
		padding-top: 25px;
		line-height: 20px;
		font-size: 35px;
	}
	header .logo-meta{
		line-height: 35px;
		font-size: 15px;
	}			
    .navi ul{ 
        display: none; 
    }
    .navis select { 
        display: inline-block; 
    }
    select{
        width:100%;
    }	
    .page-heading h2{
    	float: none;
    }
    .page-heading .heading-meta{
    	float: none;
    	line-height: 40px;
    }
	.da-slider{
		margin-top: 10px;
		margin-bottom: 10px;
	} 
	.da-slide .das-head{
		font-size: 20px;
		line-height: 35px;
	}
	.da-slide p{
		height: 60%;
		top: 40px;
		left: 0px !important;
		width: 80%;
		font-size: 13px;
		line-height: 18px;
	}	   	
 	.da-slide .da-img{
 		display: none;
 	}
 	.big-box .big-box-left{
 		width: 100%;
 		max-width: 500px;
 		height: auto;
 		float: none;
 		margin: 0 auto;
 	}
 	.big-box .big-box-mid{
 		width: 100%;
 		max-width: 500px;
 		height: auto;
 		float: none;
 		margin: 0 auto;
 	}
 	.big-box .big-box-right{
 		width: 100%;
 		max-width: 500px;
 		height: auto;
 		float: none;
 		margin: 0 auto;
 	} 	 
	.ctas .button{	
		margin-top: 5px;
	} 		
 	footer .fwidget{
 		margin-bottom: 15px;
 	}
}

@media (min-width: 768px) and (max-width: 979px){
	.slidepanel .spara{
		padding-bottom: 0px;
	}
	.slidepanel .social{
		padding-bottom: 10px;
		float: none;
	}
	.slidepanel .social a{
		margin-left: 0px;
		margin-right: 7px;
	}	
	header{
		height: 90px !important;
	}	
	header .logo .logo-image i{
		width: 38px;
		height: 38px;
		line-height: 38px;
		font-size: 38px;
		margin-top: 25px;
	}	
	header .logo .logo-text{
		margin-left: 50px;
	}
	header .logo h1{
		padding-top: 25px;
		line-height: 20px;
		font-size: 35px;
	}
	header .logo-meta{
		line-height: 35px;
		font-size: 13px;
	}
	.navi ul{ 
	    display: none; 
	}
	.navis select { 
	    display: inline-block;
	}
	select{
	    width:60%;
	    margin-left: 30px;
	    float: right;
	    margin-top: 30px;
	}	
	.da-slider{
		margin-top: 10px;
		margin-bottom: 10px;
	}	
	.da-slide p{
		left: 0px !important;
		width: 80%;
	}
 	.da-slide .da-img{
 		display: none;
 	} 
 	.big-box .big-box-left{
 		width: 500px;
 		height: auto;
 		float: none;
 		margin: 0 auto;
 	}
 	.big-box .big-box-mid{
 		width: 500px;
 		height: auto;
 		float: none;
 		margin: 0 auto;
 	}
 	.big-box .big-box-right{
 		width: 500px;
 		height: auto;
 		float: none;
 		margin: 0 auto;
 	}  	
}

@media (max-width: 979px){	
	header{
		height: 120px;
	}
	header .logo{
		height: 90px;
	}
}

.img-responsive-new{
	
	max-height:50px;
	max-width:50px;
}

[class*="img-responsive-new"] {
    width: 100%;
}

.fwidget ul{
	padding-left:0px; 
}