@font-face {
  font-family: 'Ubuntu';
  src: url(Ubuntu-R.ttf) format('truetype');
}

/*
@font-face {
  font-family: 'GreatVibes';
  src: url(GreatVibes-Regular.otf) format('opentype');
}
*/

@font-face {
  font-family: 'Skranji';
  src: url(Skranji-Regular.ttf) format('opentype');
}

@font-face {
  font-family: 'Kranky';
  src: url(Kranky-Regular.ttf) format('opentype');
}


*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:focus { outline: none;}

body, html {
	margin:0px;
	height:100%;
	width:100%;
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #FFAB0A url(../images/bg.jpg) 50% -40px no-repeat;
	background-size:cover;
	background-attachment:fixed;
	color:#222;

}

input:-webkit-autofill {
	-webkit-box-shadow:0 0 0 50px white inset;
	-webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
	-webkit-box-shadow: ,0 0 0 50px white inset;
	-webkit-text-fill-color: #333;
}

h1,h2,h3{
	margin:0;
}

h1{
	font-size:170%;
	padding-bottom: 5px;
	border-bottom: 1px solid #006B5C;
	font-weight: normal;
	color: #006B5C;
	margin-bottom:10px;
}


img{
	border:0;
	max-width: 100%;
}

ul {
  list-style: none;
	padding:0;
}


a{
	color:#006B5C;
	text-decoration:none;
	cursor:pointer;
	transition: 0.5s all;
	-webkit-transition: 0.2s all;
}
a:hover{
	text-decoration:underline;
	color:#00736F;
}


input[type="text"],
input[type="password"],
textarea
{
	background-color:#FFFFFF;
	border:1px solid #DDDDDD;
	padding: 5px;
  width:250px;
	border-radius:4px;
}

select{
  border:1px solid #DDDDDD;
  padding:5px;
  width:250px;
}

a.Button,
input[type="submit"],
input[type="button"]
{
	padding: 3px 15px;
	margin: 0;
	background: #42118c;
	border:0;
	border-radius:4px;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 120%;
	font-family: 'Source Sans Pro';
}
a.Button:hover,
input[type="submit"]:hover,
input[type="button"]:hover
{
	background: #00B5B5;
	text-decoration:none;
}


@keyframes blinkBorder {
    0% {border: 2px solid #00B5B5}
    50% {border: 2px solid #E80000 }
    100% {border: 2px solid #00B5B5}
}

.blinkButton {
	border: 2px solid #FFFFFF;
    animation-name: blinkBorder;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}



label{
	display: block;
	position: relative;
}
label > i{
	position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  padding: 10px;
 	font-style: normal;
  color: #575748;
}
label > i.toright{
	right:5px;
	color:#ddd;
	left: auto;
	pointer-events: none;
}


p{
	/*color:#4200e3;*/
	/*color:#000080;*/
	color:#6600CC;
	text-align: justify;
}

li{
	/*color:#BD00FF;*/
	color:#8A00BA;
}


.listActivities {

	font-family: 'Skranji', cursive;
	font-size: 22px;
	color:#4200e3;
	text-transform: uppercase;
		
}

.listActivities > span {
	/*color:#BD00FF;*/
	color: #8A00BA;
}

.Site{
	display:table;
	height:100%;
	width:100%;
	margin:20px 0;
}

.Site > div
{

}



.Header > div,
.Body > div,
.Footer > div,
.FooterBottom > div
{
	width:950px;
	height:100%;
	margin: 0 auto;
}


.Header > div{
	border-radius:10px;

	/* background-color:#00B5B5; */

	/* background: #00B5B5; */ /* Old browsers */
	background-color:#660099;
	background: #660099;
	
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}


.TopNavigation{
	height:36px;
	color:#fff;
	padding:10px 20px;
	text-align:right;
	font-size:90%;

	border-top-left-radius:10px;
	border-top-right-radius:10px;

	background-color:#660099;
	background: #660099;


	/*background: #d8ffaf; */ /* Old browsers */
	/*background: -moz-linear-gradient(top,  #00E2E2 0%, rgba(9, 179, 185, 0.15) 76%); */ /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top,  #00E2E2 0%,rgba(9, 179, 185, 0.15) 76%); */ /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, #00E2E2 0%,rgba(9, 179, 185, 0.15) 76%); */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00E2E2', endColorstr='rgba(9, 179, 185, 0.15)',GradientType=0 ); */ /* IE6-9 */

}
.TopNavigation a{
	color:#fff;
}
.TopNavigation a:hover
{
	color:#00EFDB;
}
.TopNavigation i{
	color:#fff;
}



.Logo{
	height:100px;
}
.Logo a{
	display:block;
	height: 100%;
	background: url(../images/logo_ms.png) left 50% no-repeat;
	background-size: contain;
}

.Logo a:hover{
	text-decoration: none;
}


.TopSlider{
	width:300px;
	height: 300px!important;
	padding:10px 0;
}
.TopSlider img{
	padding: 0;
	float:left;
	top: 50%;
	transform: translateY(-50%);
	position: relative;
}
.caroufredsel_wrapper{
 height:300px!important;
}



.Menu{
	height:45px;
	width:100%;

	display:table;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;

}
.Menu a{

	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color:#FFF;
	font-size: 100%;

	text-shadow: 1px 1px 1px #006365;

	background:#00B5B5;

	background: #d8ffaf; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(216, 255, 175, 0.29) 0%, #00b5b5 76%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(216, 255, 175, 0.29) 0%,#00b5b5 76%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(216, 255, 175, 0.29) 0%,#00b5b5 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(216, 255, 175, 0.29)', endColorstr='#00b5b5',GradientType=0 ); /* IE6-9 */

}
.Menu a.curr,
.Menu a:hover{
	background:#4d1f5a;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00d6b6+0,006b5c+66 */
	background: #00d6b6; /* Old browsers */
	background: -moz-linear-gradient(top,  #00d6b6 0%, #006b5c 66%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #00d6b6 0%,#006b5c 66%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #00d6b6 0%,#006b5c 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d6b6', endColorstr='#006b5c',GradientType=0 ); /* IE6-9 */
	text-decoration:none;
}
.Menu a:first-child{
	border-bottom-left-radius:10px;
}
.Menu a:last-child{
	border-bottom-right-radius:10px;
}






.Body > div{
	background: #CCCCFF;
	padding:20px;
	margin-top: 10px;
	border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}



.HomeTable{
	display:table;
	width:100%;
}
.HomeTable > div{
	display:table-cell;
	vertical-align:top;
}
.HomeTable > div:nth-child(1){
	padding-right:5px;
}
.HomeTable > div:nth-child(2){
	width:300px;
}
.HomeTable > div:nth-child(2) > iframe{
	width:100%;
	border-radius: 10px;
}
p span{
	font-family: 'Kranky', sans-serif;
	font-size:150%;
	margin-right: 5px;
}

.DottiePhoto{
	float:left;
	margin:0 20px 20px 0;
	border-radius:50%;
	width: 30%;
	max-width:200px;
	min-width:100px;
}


.HomeTable ul{
	display:inherit;
}
.HomeTable li{
	margin-bottom:5px;
}

.HomeAudio{
	margin-top:40px;
	text-align:center;
	color:#4200e3;
}
.HomeAudio audio{
	margin-top:20px;
	width:300px;
}


.HomeMeditation{
	text-align: center;
	font-family: 'GreatVibes', sans-serif;
	color: #4200e3;
	font-weight: normal;
	font-size: 200%;
	display:block;
	margin-top:30px;
}
.HomeMeditation:hover{
	text-decoration:none;
}
.HomeMeditation img {
	width:100%;
	max-width: 300px;
}



.ShoppingCart{
	margin-left:20px;
	color: #6B3EE6;
}




.OrderList{
	display:table;
	border-collapse: collapse;
	background:#F9F9F9;
	width:100%;
}
.OrderList > div{
	display:table-row;
	padding:7px 5px;
	vertical-align:middle;
	border-bottom:4px solid #FFF;
}
.OrderList > div:nth-child(1) > div{
	text-align:center;
}
.OrderList > div:nth-child(1){
	background:#00B5B5!important;
	color:#FFFFFF;
	font-weight:bold;
	height:35px;
	border-bottom:3px solid #FFF;
}
.OrderList > div:last-child{
	background:#FFFFFF!important;
	font-weight:bold;
}
.OrderList > div:last-child > div{
	padding-top:20px;
	text-align:center;
}
.OrderList > div > div{
	display:table-cell;
	padding:5px;
	vertical-align:top;
}
.OrderList > div > div:nth-child(1){
	vertical-align:middle;
}
.OrderList > div > div:nth-child(2){
	padding-left:10px;
	width:80px;
	vertical-align: middle;
	text-align:right;
}
.OrderList > div > div:nth-child(3){
	text-align:center;
	vertical-align:middle;
	width:80px;
}
.OrderList > div:nth-child(2n+1){
	background:#FFFFFF;
}
.OrderList img {
	width: 150px;
	margin-right: 20px;
	float: left;
}
.OrderList h3 {
	margin: 0 0 5px 0;
	font-size: 110%;
	color: #BD00FF;
}
.OrderList p {
	margin: 3px 0;
}



.ContinueShopping{
	display:inline-block;
	margin-bottom:20px;
}

.ProceedToCheckout{
	display: inline-block;
	color:#FFFFFF;
	padding: 7px 14px;
	border: 0;
	font-size: 90%;
	text-align: center;
	cursor: pointer;
	background: #db3a1e;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}
.ProceedToCheckout:hover{
	color:#FFFFFF;
	background: #AF351E;
}




.Footer{
	color:#6c2c82;
}
.Footer > div{
	background: #00B5B5; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #00b5b5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#00b5b5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 1%,#00b5b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00b5b5',GradientType=0 ); /* IE6-9 */

	padding:50px 20px 0px 20px;
	margin-top:-1px;
	height: 220px;
	text-align:center;
}

.Footer > div > div{
	display:table;
	width:100%;
}
.Footer > div > div > div{
	display:table-cell;
	vertical-align:top;
}
.Footer > div > div > div:nth-child(1){
	font-size:85%;
	border-radius:10px;
	background-color: #FFF;
	color:#333;
	padding:5px 20px;
}
.Footer > div > div > div:nth-child(2){
	width:250px;
	padding-left:40px;
	text-align:center;
}
.Footer a,
.Footer p
{
	color:#0d6e6c;
}
.Footer  > div > div > div:nth-child(2) h2{
	font-weight:normal;
	font-size:100%;
}
.Footer > div > div > div:nth-child(2) h3{
	font-weight:normal;
	font-size:80%;
}
.Footer > div > div > div:nth-child(2) p{
	font-size:80%;
	margin:10px;
}
.Footer > div a:hover
{
	color:#6b3ee6;
}


.Footer ul{
	columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
}
.Footer li{
	padding-left:10px;
	margin-bottom:5px;
}
.Footer li:before{
	font-family: 'FontAwesome', sans-serif;
	content:"\f105";
	padding-right:10px;
	color: #000;
}

.Footer span{
	font-family: 'GreatVibes', sans-serif;
	font-size:150%;
	margin-right: 5px;
}




.FooterBottom{
	font-size:80%;
	color: #FFF;
}
.FooterBottom > div{
	background-color: #00B5B5;
	padding:0px 30px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;

	-webkit-box-shadow: 0 8px 6px -6px black;
			 -moz-box-shadow: 0 8px 6px -6px black;
						box-shadow: 0 8px 6px -6px black;
}
.FooterBottom > div > div{
	display:table;
	width:100%;
	border-top:1px solid #fff;
}
.FooterBottom > div > div > div{
	display:table-cell;
	padding-top:20px;
	padding-bottom:20px;
}
.FooterBottom > div > div > div:nth-child(2){
	text-align:right;
}
.FooterBottom a{
	color: #00EFDB;
}
.FooterBottom a:hover
{
	color:#FFF;
}






.GoogleMap{
	margin-top:50px;
	height:250px;
	background-color: transparent!important;
}


.PurchaseAudio{
	margin:20px 0 80px 0;
	text-align:center;
}
.PurchaseAudio a{
	display: block;
	margin-top:5px;
}




.Testimonials{
	margin-top:10px;
}
.Testimonials > div{
	margin-bottom: 30px;
	background: #D0FFFF;
	position: relative;
	padding: 15px;
	border-radius: 10px;
}
.Testimonials img.left{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	border-radius: 3px;
	width:150px;
}
.Testimonials img.right{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	border-radius: 3px;
	width:150px;
}
.Testimonials p{
	margin: 0px 0px 5px 0px;
	padding: 0px;
}



.bc{
	color:#4200e3;
}
.bc1{
	color:#BD00FF;
}


.Grid3 {
	clear: both;
	padding: 0px;
}
.Grid3:before,
.Grid3:after {
	content:""; display:table;
}
.Grid3:after { clear:both;}
.Grid3 { zoom:1;}

.Grid3 > div{
	display: block;
	float:left;
	margin: 0 0 2% 3%;
	width: 31.32%;
}
.Grid3 > div:nth-child(3n+1){ margin-left: 0!important; clear:both;}


@media only screen and (max-width: 799px) {
	.Grid3 > div {  margin: 1% 0 1% 0%; width: 100%; }
}



.tac{
	text-align:center;
}

.ell {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}


.Pagination{
	display:table;
	width:100%;
	background: #FAFAFA;
	font-size:12px;
	color: #333;
	margin-top:10px;
}
.Pagination > div{
  display:table-cell;
  vertical-align: middle;
  padding:5px 10px 5px 10px;
}
.Pagination > div:nth-child(2){
  text-align:right
}

.Pagination .formPager{
	width:50px;
}





.ToTop {
	background: #6b3ee6 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGREE3MzIwNjUwNTQxMUUzOUZFMjhCMDgzMjBERDcxQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGREE3MzIwNzUwNTQxMUUzOUZFMjhCMDgzMjBERDcxQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZEQTczMjA0NTA1NDExRTM5RkUyOEIwODMyMERENzFDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZEQTczMjA1NTA1NDExRTM5RkUyOEIwODMyMERENzFDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qJYk5AAAAOFJREFUeNpi/P//PwOtABMDDcGo4SPZ8La2NomKigpmojWA0jkxuL6+nv/jx4+7Tp061UisHqIUlZeXM9+5c2fOv3//gNz/57dt25ZMNcOvX78+GWTomjVrQqAuP7969epAig0/ffo02LDNmzfHwsRAvgCJLVq0yJVsww8dOlQKMmTPnj056MH05MmTFSC5adOmGZNs+Pbt20Hhev748ePV2OSrqqo4X716tRGkpq+vT51ow+fNm2cP0nT//v35+Hw2ceJErS9fvhx4+fLlupqaGh50ecbRInfU8BFgOECAAQCynuYBxSfXOAAAAABJRU5ErkJggg==') 50% 50%  no-repeat;
	width: 50px;
	height: 50px;
	right: 5px;
	bottom: 5px;
	text-indent: -9999em;
	position: fixed;
	cursor: pointer;
	z-index:999;
	border-radius:50%;
}
.ToTop:hover{
	background-color: #0d6e6c;
}




.MMenu{
	display:none;
	z-index: 9999;
	background: 5px center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	background-color: #8AB011;
	padding: 10px 10px 10px 40px;
	position: absolute;
	top: 10px;
	right: 10px;
	color:#FFFFFF;
}
.MMenu:hover{
	color:#FFFFFF;
}
#MMenu{
	background: #797979;
}
#MMenu > a{
	display:block;
	color:#FFFFFF;
	padding:7px 12px 7px 12px;
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	background:#8AB011;
	border-bottom: 1px solid #FFFFFF;
	text-align:right;

}
#MMenu > a:hover,
#MMenu> a.LinkActive{
	background:#333;
}



.mm-page{
	height:100%;
}


.mobileMenuIcon {
    display: none;
    cursor: pointer;
    float: left;
}

.bar1, .bar2, .bar3 {
    width: 18px;
    height: 3px;
    background-color: #FFFFFF;
    margin: 2px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-5px, 2px);
    transform: rotate(-45deg) translate(-5px, 2px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-5px, -2px);
    transform: rotate(45deg) translate(-5px, -2px);
}



@media screen and (max-width:1100px) {
	.Header > div,
	.Menu > div,
	.Body > div,
	.Footer > div,
	.FooterBottom > div
	{
		width:94%;
		height:100%;
		margin: 0 auto;
	}


	.HomeTable ul {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
}



@media screen and (max-width:799px) {

	.Menu {
		display: none;
	}

	.mobileMenuIcon {
	    display: none;
	    display: inline-block;
	}

	.HomeTable > div{
		display:block;		
	}

	.responsive {
		 display: block;
		 background:#00B5B5;
		 width:94%;
		 position: absolute;
	    left: 3%;
	    top: 60px;
		
	}
	
	.responsive a {
    	display: block;
    	background:#00B5B5;
    	padding:8px;
    	text-align: left;		
	}



}


@media screen and (max-width:600px) {

}

@media screen and (max-width:479px) {


}


.tableHeader {
	
	border-left:1px solid #006B5C;
	border-bottom: 1px solid #006B5C;

		
}

.tableDataLight {
	
	border-left:1px solid #006B5C;
	border-bottom: 1px solid #006B5C;

		
}

.tableDataDark {
	
	border-left:1px solid #006B5C;
	border-bottom: 1px solid #006B5C;

		
}