@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'astroheading';
	src: url('../fonts/swish.eot?v=4.6.3');
	src: url('../fonts/swish.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/swish.woff2?v=4.6.3') format('woff2'), url('../fonts/swish.woff?v=4.6.3') format('woff'), url('../fonts/swish.ttf?v=4.6.3') format('truetype'), url('../fonts/swish.svg?v=4.6.3#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
a{text-decoration: none !important}

* {font-family:'astroheading'}
.navbar {
	border-radius:0px;
	margin:0px
}
.contact{ display:none; font-size:1.2em}
.BGpurple {
	background-color:rgb(178,6,172);
	border:none
}
.BGpurple .navbar-nav > li > a {
	color: #ffffff;
}
.BGpurple .navbar-nav > li > a:hover {
	color: #ffffff;
	background-color:#790475;
}
.carousel-inner > .item > img,  .carousel-inner > .item > a > img {
	width: 100%;
	margin: auto;
}
.carousel-caption {
	text-align:left;
	float:left;
	left:9%;
	top:15%;
	text-shadow:none
}
.carousel-caption h1 {
	color:#ffffff;
	margin-top:0px;
	text-transform: uppercase;
	font-size:2.5em
}
.carousel-caption h2 {
	color:#ffffff;
	margin-top:0px;
	text-transform: uppercase;
	font-size:2.5em
}
.carousel-caption p {
	color:#ffffff;
	margin-top:0px;
	
	font-size:1.0em
}

.well {
	margin:10px;
}
.normalPadding {
	padding:0px
}
.midPadding {
	padding:5px
}
.profile {
}
.profile p{

}
.profile img {
	margin:5px
}
.navbar-toggle{ background:#ffffff;}
.navbar-toggle span{
color:#790475
}

.btn-top-nav {
	background:#ffffff;
	height:30px;
	width:30px;
	
	
	border-radius:40px;
	margin-left:5px;
	padding:0px;
	border:none;
	color:#ffffff;
}

.btn-top-nav:hover {
	background:none;
	border:none;
	color:#ff0000;
}
.btn-top-nav span {
color:rgb(178,6,172);
}
.btn-top-nav span:hover {
	background:none;
	
}
.btn-top-nav:hover span {
	background:none;
	border:none;
	color:#ffffff
}
.profile h3 {
	color:rgb(223, 35, 33)
}
.profile h3 span {
	color:rgb(178, 6, 172)
}
 .birthsign a{ color:#F00; font-weight:bold}
.colorpink{color:#FF0080}
.zodicsign{ position:relative}
.zodicsign a { color:#FF6080; font-weight:bold; width:80px; height:80px; display:block;
 background-image:url(../image-astro/zodic-zone1.png);
 background-repeat: no-repeat ;
 margin:20px 0px 0px 10px;
 background-color:transparent;
 
   -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  margin:0 auto;
  display:inline-block;
  text-align:center;
  vertical-align:center;
 }



 .zodicsign a:hover{ -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2); /* IE 9 */ 
  transform: scale(.9);
  font-weight:bold;
 }
  

   .zodicsign a:hover span{ display:block; z-index:100}
.zodicsign .aries{ background-position:1px  }
.zodicsign .taurus{ background-position:-85px  }
.zodicsign .gemini{ background-position:-168px  }
.zodicsign .cancer{ background-position:-253px  }
.zodicsign .leo{ background-position:-338px  }
.zodicsign .virgo{ background-position:-423px  }
.zodicsign .libra{ background-position:-507px  }
.zodicsign .capricorn{ background-position:-592px  }
.zodicsign .sagittarius{ background-position:-677px  }
.zodicsign .scorpio{ background-position:-760px  }
.zodicsign .aquarius{ background-position:-845px  }
.zodicsign .pisces{ background-position:-934px  }
#horosmall{ display:none}

.tarotcard span{ color:#FF6080; font-weight:bold; width:80px; height:80px; display:block;
 background-image:url(../image-astro/zodic-zone1.png);
 background-repeat: no-repeat ;
 margin:20px 0px 0px 10px;
 background-color:transparent;
 
   -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  margin:0 auto;

  text-align:center;
  vertical-align:center;
  width:80px;
  height:80px;
 }
 
 .row.no-gutter [class*='col-']:not(:first-child):not(:last-child) {
  padding-right:5px;
  padding-left:5px;
}
 
.tarotcard a{ text-decoration:none; font-size:1emr; color:#666;font-size:.8emr }
.tarotcard a i{ color:#C00}
.tarotcard a:hover{ text-decoration:none; font-size:1emr}

.tarotcard .aries { background-position:1px  }
.tarotcard .taurus { background-position:-85px  }
.tarotcard .gemini { background-position:-168px  }
.tarotcard .cancer { background-position:-253px  }
.tarotcard .leo { background-position:-338px  }
.tarotcard .virgo { background-position:-423px  }
.tarotcard .libra { background-position:-507px  }
.tarotcard .capricorn { background-position:-592px  }
.tarotcard .sagittarius{ background-position:-677px  }
.tarotcard .scorpio { background-position:-760px  }
.tarotcard .aquarius { background-position:-845px  }
.tarotcard .pisces { background-position:-934px  }
#horosmall{ display:none}

.productbox {
width:32.2%;
margin:.5%;
border:1px solid #ccc;
float:left;
min-height:300px;
position:relative;
object-fit:cover;
	
}
.img-circle{border-radius:50%; widht:160px; height:160px; float:left; margin:5px; border:3px solid #ccc}
.productbox > h5{ color:#fff; background:rgb(197,2,124); font-weight:normal; padding:3px; text-align:center; margin:0px;}
.productbox .price{ width:60px; height:60px; border-radius:50%; background-color:#FF9900; font-weight:bold; font-family:astroheading; display:block; position:absolute; right:10px; top:60px; 
tex-align:center; line-height:45px; text-align:center; font-size:15px; color:#ffffff; border:2px solid  #ffffff}
.productbox p a{ margin:0 auto; background-color:#F2F2F2; border:1px solid #CCC; padding:5px; display:block; width:100px; margin-top:10px; text-align:center}
.productbox a span{ color:#000; padding:5px; border-radius:50%}

.productbox  li{ padding:5px; font-size:15px; word-wrap:break-word;}
.productbox  li a{ padding:5px 0px; font-size:12px; white-space:pre-wrap }
.productbox  li a:hover{ color:#C9115B; background:#EBE5E5; font-weight:bold;}
.img-circle{border-radius:50%; widht:160px; height:160px; float:left; margin:5px; border:3px solid #ccc; }
.productbox > h5{ color:#fff; background:rgb(197,2,124); font-weight:normal; padding:3px; text-align:center; margin:0px}
.productbox img{ width:100%; height:150px; }

.astro-services img{width:100%; height:auto}
.astro-product img{}
.Service li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	padding:0px 0px 8px 18px;
	background:url(../images/listicon.jpg) no-repeat left 3px;
}
p {
	padding:5px;
	margin:0px;
	text-align:justify
}
.extrasmall{ font-size:.9rem}
.FloatLeft{ float:left}
.FloatRight{ float:right}
.borderlight{ border:1px solid #CCC}
.shadowsm{box-shadow:0px 0px 5px #999 }
.margintp-sm{ margin-top:1rem}
.margintb-sm{ margin-top:1rem;margin-bottom:1rem}
.marginlf-sm{ margin-left:1rem;margin-right:1rem}
.paddingNormal{ padding:1rem} 
.pandmnone{ padding:0; margin:0} 

.bg-warning{
	
    background-color:#F2DCDD !important;
}
.inner-banner-h{height: 200px; padding: 20px; margin-bottom: 10px; background-repeat: no-repeat;background-size: cover; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;   }
.inner-banner-h h1{}



.hilight-counter-wrap ul{ list-style-type: none; display: flex;  background: #ff0000; padding: 0}


.hilight-counter-wrap ul li{ width: 33.33%; height: 100%; padding: 30px 0px; text-align: center; transition: 0.2s liner}
.hilight-counter-wrap ul li:hover{  transform: scale(1.1); box-shadow: 0px 0px 7px 2px #888888; border-radius: 5px}
.hilight-counter-wrap ul li:nth-child(1){ background: #f5f5f5}
.hilight-counter-wrap ul li:nth-child(2){ background: #ececec}
.hilight-counter-wrap ul li:nth-child(3){ background: #f5f5f5}
.hilight-counter-wrap ul li:nth-child(4){ background: #ececec}
.hilight-counter-wrap ul li p.number{ font-size: 40px; text-align: center}
.hilight-counter-wrap ul li p{ font-size: 18px; text-align: center;}
.hilight-counter-wrap ul li p small{ font-size: 13px; text-align: center;}
.hilight-counter-wrap ul li i{ font-size: 10px; text-align: center; color: #ECBD1D}
.hilight-counter-wrap ul li  span{ background: #ff0000; height: 1px; display: block; margin: 0 auto; width:80px}


.servicebg{ background-image:url("../image-astro/asttrology-bg.jpg") ; background-size: cover}
.heading hr{    background-color: #eb4f56;
    opacity: 1;
    width: 110px;
    height: 1.5px;
margin: 0 auto}
hr:not([size]) {
    height: 1px;
}
@media only screen and (max-width: 600px) {
.hilight-counter-wrap ul{ flex-wrap: wrap }
  .hilight-counter-wrap ul li.item{ width: 50%;  padding: 5px 0px;}

	.hilight-counter-wrap ul li p small{ display: none}
}




.offcanvas-header {flex-direction: column !important; }