/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
.wrapper {
 /* background-color:#2fa22f !important; */
}


/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}


/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media () {
  .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    display: block;
    padding: 70px 10px 20px;
    
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-left: -10px;
  margin-right: -11px; /* 20px padding + 1px border */
  margin-bottom: 20px;
}
.nav-sidebar > li > a {
  padding-left: 10px;
  padding-right: 10px;
}
.nav-sidebar > .active > a {
  color: #fff;
  background-color: #428bca;
}


/*
 * Main content
 */

.main {
  padding: 20px;
}
@media () {
  .main {
    padding-left: 20px;
    pading-right: 20px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  border-radius: 50%;
}
.colourg{
background-color:#090 !important;
}
.tooltip-inner {
    white-space:pre-wrap;
}
@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}
.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
.well1{
background-color: #c4e17f !important;

}
.well2{
background-color: #f7fdca !important;
}
.well3{
background-color: #fecf71 !important;
}
.well4{
background-color: #f0776c !important;
min-height:900px !important;
}
.well5{
background-color: #db9dbe !important;
}
.well6{
background-color: #c49cde !important;
}
.well7{
background-color: #669ae1 !important;
}
.well8{
background-color: #2fa22f !important;
}
.well9{
background-color: #8ad7ed !important;
}
.footer{
background-color: #000 !important;
}
.headline {
	display: block;
	margin: 10px 0 25px 0;
	border-bottom: 1px dotted #e4e9f0;
}
.headline h2, 
.headline h3, 
.headline h4 {
	color: #585f69;
	margin: 0 0 -2px 0;
	padding-bottom: 5px;
	display: inline-block;
	border-bottom: 2px solid #40BBC5;
}
.headline h2 {
	font-size: 23px;
}

.headline-md h2 {
	font-size: 21px;
}

.headline-md {
	margin-bottom: 15px;
}
.headline h2, 
.headline h3, 
.headline h4 {
	border-bottom:2px solid #40BBC5;
}
.purchase a.btn-buy {
	background:#72c02c;
	text-shadow:0 1px 0 #5fb611;
}
.purchase a.btn-buy:hover {
	background:#5fb611;
} 

/* Testimonials */
.testimonials {
	margin-bottom: 10px;
}

.testimonials .testimonial-info {
	color: #2fa22f;
	font-size: 16px;
	padding: 0 15px;
	margin-top: 18px;
}

.testimonials .testimonial-info span {
	top: 3px;
	position: relative;
}

.testimonials .testimonial-info em {
	color: #777;
	display: block;
	font-size: 13px;
}

.testimonials .testimonial-info img {
	width: auto;
	float: left;
	height: 60px;
	padding: 2px;
	margin-right: 15px;
	border: solid 1px #ccc;
	border-radius: 50% !important;	
}

.testimonials .testimonial-author {
	overflow: hidden;
}

.testimonials .carousel-arrow {
	top: -65px;
	position: relative;
}

.testimonials .carousel-arrow i {
	color: #777;
	font-size: 20px;
	padding: 2px 8px; 
	background: #fafafa;
}

.testimonials .carousel-arrow i:hover {
	color: #fff;
	background: #2fa22f;
}

.testimonials .carousel-control {
	opacity: 1;
	width: 100%;
	text-align: right;
	text-shadow: none;
	position: absolute;
}

.testimonials .carousel-control.left {
	right: 27px;
	left: auto;
}
.testimonials .carousel-control.right {
	right: 0px;
}

.testimonials.testimonials-v1 .item p {
	padding: 15px;
	font-size: 14px;
	font-style: italic;
	position: relative;
	background: #fafafa;
}

.testimonials.testimonials-v1 .item p:after,
.testimonials.testimonials-v1 .item p:before {
	width: 0; 
	height: 0;
	left: 80px;
	content: " "; 
	bottom: -20px;
	display: block; 
	position: absolute;
}

.testimonials.testimonials-v1 .item p:after {
	border-top: 22px solid #fafafa;	
	border-left: 0 solid transparent;
	border-right: 22px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-right-style: inset; /*FF fixes*/
}

.testimonials.testimonials-v2 .testimonial-info {
	padding: 0 20px;
}

.testimonials.testimonials-v2 p {
	padding: 15px;
	font-size: 14px;
	font-style: italic;
	background: #fafafa;
	padding-bottom: 15px;
}

.testimonials.testimonials-v2 .carousel-arrow {
	top: -55px;	
}

.testimonials.testimonials-v2 .item p:after,
.testimonials.testimonials-v2 .item p:before {
	width: 0; 
	height: 0;
	left: 8%;
	content: " "; 
	bottom: 45px;
	display: block; 
	position: absolute;
}

.testimonials.testimonials-v2 .item p:after {
	border-top: 20px solid #fafafa;	
	border-left: 25px solid transparent;
	border-right: 0px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-right-style: inset; /*FF fixes*/
}
@font-face {
	font-family: 'myfont' !important;
	src: url('fonts/Scriptina Pro.eot');
	src: local('☺'), url('fonts/Scriptina Pro.woff') format('woff'), url('fonts/Scriptina Pro.ttf') format('truetype'), url('fonts/Scriptina Pro.svg') format('svg');
	font-weight: bold !important;
	font-style: normal;
}
.scrollside {
    overflow: scroll;
    height: 900px;
}
.pic{
max-width:150px;max-height:150px; background:rgba(216,216,216,.92);position:relative;overflow:hidden;display:inline-block;animation:anima 2s;-webkit-animation:anima 2s;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.pic-3d{
-webkit-perspective:500;-webkit-transform-style:preserve-3d}
.pic-caption{
cursor:default;position:absolute;width:100%;height:100%;background:rgba(216,216,216,.92);text-align:center;-webkit-opacity:0;-moz-opacity:0;opacity:0}
.pic-image{
-webkit-transform:scale(1.0);-ms-transform:scale(1.0);transform:scale(1.0)}
.pic:hover .pic-image{
-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.pic-title{
font-size:1.8em}
.pic .pic-image,
.pic-caption,
.pic:hover .pic-caption,
.pic:hover img,
a,
a:hover{
-webkit-transition:all .5s ease;transition:all .5s ease}
.pic:hover .bottom-to-top,
.pic:hover .come-left,
.pic:hover .come-right,
.pic:hover .left-to-right,
.pic:hover .open-down,
.pic:hover .open-left,
.pic:hover .open-right,
.pic:hover .open-up,
.pic:hover .right-to-left,
.pic:hover .rotate-in,
.pic:hover .rotate-out,
.pic:hover .top-to-bottom{
-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,
0,
0,
0)}
.bottom-to-top{
top:50%;left:0}
.pic:hover .bottom-to-top{
top:0;left:0}
.top-to-bottom{
bottom:50%;left:0}
.pic:hover .top-to-bottom{
left:0;bottom:0}
.left-to-right{
top:0;right:50%}
.pic:hover .left-to-right{
right:0;top:0}
.right-to-left{
top:0;left:50%}
.pic:hover .right-to-left{
left:0;top:0}
.rotate-in{
-webkit-transform:rotate(90deg) scale(.1);-ms-transform:rotate(90deg) scale(.1);transform:rotate(90deg) scale(.1);top:0;left:0}
.pic:hover .rotate-in{
-webkit-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}
.rotate-out{
-webkit-transform:rotate(90deg) scale(3);-ms-transform:rotate(90deg) scale(3);transform:rotate(90deg) scale(3);top:0;left:0}
.pic:hover .rotate-out{
-webkit-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}
.open-down{
-webkit-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);transform:rotateX(-180deg);top:0;left:0}
.pic:hover .open-down{
-webkit-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}
.open-up{
-webkit-transform:rotateX(180deg);-ms-transform:rotateX(180deg);transform:rotateX(180deg);top:0;left:0}
.pic:hover .open-up{
-webkit-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}
.open-left{
-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);left:0;top:0}
.pic:hover .open-left{
-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}
.open-right{
-webkit-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);left:0;top:0}
.pic:hover .open-right{
-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}
.come-left{
-webkit-transform:rotateY(90deg) rotateX(90deg);-ms-transform:rotateY(90deg) rotateX(90deg);transform:rotateY(90deg) rotateX(90deg);left:0;top:0}
.pic:hover .come-left{
-webkit-transform:rotateY(0) rotateX(0);-ms-transform:rotateY(0) rotateX(0);transform:rotateY(0) rotateX(0)}
.come-right{
-webkit-transform:rotateY(-90deg) rotateX(-90deg);-ms-transform:rotateY(-90deg) rotateX(-90deg);transform:rotateY(-90deg) rotateX(-90deg);left:0;top:0}
.pic:hover .come-right{
-webkit-transform:rotateY(0) rotateX(0);-ms-transform:rotateY(0) rotateX(0);transform:rotateY(0) rotateX(0)}
@media screen and (max-width:560px){
.pic{
max-width:400px;max-height:300px;display:block;-webkit-animation:none;animation:none;margin:10px auto}
}
a.thumbnail {
	padding: 0;
	border: none;
	margin-bottom: 15px;
}

.thumbnail-style { 
	padding: 5px;
	margin-bottom: 10px;
    overflow:hidden;	
}
.overflow-hidden{
	overflow:hidden;
	
}
.thumbnail-style:hover { 
	box-shadow: 0 0 8px #ddd; 
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.thumbnail-style h3 {
	margin: 5px 0 0 0;
}
.thumbnail-style h3 a {
	font-size: 20px;
}
.thumbnail-style h3 a:hover {
	color: #72c02c;
	text-decoration: none;
}
.thumbnail-style 
.thumbnail-img {
	position: relative;
	margin-bottom: 10px;
	
}

.thumbnail-style a.btn-more {
	right: -10px;
	bottom: 10px;
	color: #fff;
	padding: 1px 6px;
	position: absolute;
	background: #72c02c;
	display: inline-block; 
}
.thumbnail-style a.btn-more:hover {
	text-decoration: none;
	box-shadow: 0 0 0 2px #377500;
}
.thumbnail-style:hover a.btn-more {
	right: 10px;
}

.thumbnail-kenburn img {
	left: 10px;
	margin-left: -10px;
	position: relative;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}
.thumbnail-kenburn:hover img {
   -webkit-transform: scale(1.2) rotate(2deg);
   -moz-transform: scale(1.2) rotate(2deg);
   -o-transform: scale(1.2) rotate(2deg);
   -ms-transform: scale(1.2) rotate(2deg);
   transform: scale(1.2) rotate(2deg);
}