
/********* Bean CSS **********/
		
a{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/** text **/
p{
	margin: 0 0 15px;
}

.desc { font-size: 1.1em; }
.lead { font-size: 1.2em; }

mark{
	padding: 0 4px 1px;
	color: #333;
	background: #C9CB49;
}

.text-theme{
	color: #428d8c;
}

.bg-theme, .bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger{
	padding: 8px 20px 11px;
}
	.bg-theme{
		color: #fefefe;
		background-color: #428d8c;
	}

	
.bs-callout {
	padding: 15px 20px;
	margin: 20px 0;
	background-color: #fefefe;
}
	.bs-callout-theme   { border-left: 5px solid #428d8c; }
	.bs-callout-primary { border-left: 5px solid #337ab7; }
	.bs-callout-success { border-left: 5px solid #5cb85c; }
	.bs-callout-info    { border-left: 5px solid #5bc0de; }
	.bs-callout-warning { border-left: 5px solid #f0ad4e; }
	.bs-callout-danger  { border-left: 5px solid #d9534f; }
	
	
blockquote, code, pre{
	font-size: 0.9em;
	background-color: #fafafa;
}
	blockquote{
		margin: 0 0 10px;	
		padding: 15px 20px;	
		word-break: break-all;
		word-wrap: break-word;	
		border: 1px solid #eee;
		border-radius: 4px;
	}
	code, pre{
		display: block;
		padding: 18px 20px 12px;
		color: #555;
		line-height: 1.7em;
	    border: 1px dashed #cacaca;
	}​


/** button  **/
button, input[type=button], input[type=submit], .btn{
	display: inline-block;
	padding: 7px 20px;
	color: rgba(255,255,255,.9);
	background-color: #428d8c;
	border-radius: 3px;	
	box-shadow: inset 0 -2px 0 rgba(0,0,0,.10);
	line-height: 1.42857143;
	text-shadow: 0 1px 1px rgba(0,0,0,.20); 
	border: none;
	outline: none;
	white-space: nowrap;
}
	button:hover, input[type=button]:hover, input[type=submit]:hover, .btn:hover{
		color: rgba(255,255,255,1);
		opacity: 0.8;
		background-position: 0;
	}
	
	button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus, .btn:focus,
	button:active, input[type=button]:active, input[type=reset]:active, input[type=submit]:active , .btn:active{
		color: rgba(255,255,255,0.9);
	}

	form button, form input[type=button], form input[type=submit]{
		margin-top: 15px;
	}
	
	.btn-default{
		color: #333;
		background-color: #fff !important; 
		border: 1px solid #ccc;
	}
		.btn-default:hover, .btn-default:active, .btn-default:focus{
			color: #333;
		}
		
		.btn-primary{ background-color: #337ab7 !important; }	
		.btn-success{ background-color: #5cb85c !important; }
		.btn-info   { background-color: #5bc0de !important; }
		.btn-warning{ background-color: #f0ad4e !important; }
		.btn-danger { background-color: #d9534f !important; }
		
		.btn-lg{
			padding: 9px 25px 11px;
			font-size: 23px;
		}
		.btn-sm{
			padding: 5px 20px 7px;
			font-size: 15px; 
		}

/** Image  **/		

.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
	.img-rounded { border-radius: 6px; }
	.img-circle  { border-radius: 50%; }
	

/** input  **/		
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], textarea{
	display: block;
	width: 100%;	
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background: rgba(255,255,255,.5);
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
	#main input[type='text'], #main input[type='email']{
		height: 34px;
	}
	#main textarea{
		height: 180px;
	}
	
/** icon  **/	
i{
	font-size: 20px;
	vertical-align: -15%;
}	
	i.md{
		font-size: 25px;
	}	
	i.lg{
		font-size: 30px;
	}	

/** contact7  **/	
img.ajax-loader{
	position: absolute;
}

/** list  **/	
ol li{
	list-style: inherit;
}

/** widgets  **/	
.widget_search .search-form label{
	float: left;
	width: 70%;
}
	.widget_search .search-form .search-field{
	    width: 100%;
	}
.widget_search input.search-submit{
	display: inline-block;
	width: 30%;
	margin: 0;
	border-radius: 0;
}
.widget {
    font-size: 16px;
}
	
/* Seed Grid */
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.col-10,
.col-15,
.col-20,
.col-25,
.col-30,
.col-35,
.col-40,
.col-45,
.col-50,
.col-55,
.col-60,
.col-65,
.col-70,
.col-75,
.col-80,
.col-85,
.col-90,
.col-33,
.col-66,
.col-16,
.col-100 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .col-10,
  .col-15,
  .col-20,
  .col-25,
  .col-30,
  .col-35,
  .col-40,
  .col-45,
  .col-50,
  .col-55,
  .col-60,
  .col-65,
  .col-70,
  .col-75,
  .col-80,
  .col-85,
  .col-90,
  .col-33,
  .col-66,
  .col-16,
  .col-100 {
    float: left;
  }
  .col-10 {width: 10%;}
  .col-15 {width: 15%;}
  .col-20 {width: 20%;}
  .col-25 {width: 25%;}
  .col-30 {width: 30%;}
  .col-35 {width: 35%;}
  .col-40 {width: 40%;}
  .col-45 {width: 45%;}
  .col-50 {width: 50%;}
  .col-55 {width: 55%;}
  .col-60 {width: 60%;}
  .col-65 {width: 65%;}
  .col-70 {width: 70%;}
  .col-75 {width: 75%;}
  .col-80 {width: 80%;}
  .col-85 {width: 85%;}
  .col-90 {width: 90%;}
  .col-100 {width: 100%;}
  .col-33 {width: 33.33333333%;}
  .col-66 {width: 66.66666667%;}
  .col-16 {width: 16.66666667%;}
}

