@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Lora:400,700');

.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.col-xs-15 {width: 20%;float: left;}
@media (min-width: 768px) {
    .col-sm-15 {width: 20%;float: left;}
}
@media (min-width: 992px) {
    .col-md-15 {width: 20%;float: left;}
}
@media (min-width: 1200px) {
    .col-lg-15 {width: 20%;float: left;}
}

.img-responsive { float:none; display:inline-block;}
.thumbnail { box-shadow:4px 4px 0px #aaa; border-radius:0px; }
.row.divider > [class*='col-']:before,.row.divider > [class*='col-']:after {background: #ddd; bottom: 0; content: " "; left: 0; position: absolute; width: 1px; top: 0;}
.row.divider > [class*='col-']:before {left: 0;}
.row.divider > [class*='col-']:after {right:-1px;left:auto;}
.row.divider > [class*='col-']:first-child:before,.row.divider > [class*='col-']:last-child:after {display: none;}

/****************************************************************************/
body { font-family: "Open Sans", sans-serif; color:#2e3136; font-size:15px; font-weight:400; line-height:30px; margin:0px; padding:0px;}

p{margin-bottom:20px;}
ul {list-style-type:disc}

p a{text-decoration:underline;}

a { color:#2e3136;}

.radio input[type=radio]{margin-top:10px;}

.container {position:relative; width:1170px;}
.no-gutter {margin-left:0px!important;margin-right:0px!important;}
.no-gutter div[class^="col"]{padding-left:0px!important;padding-right:0px!important;}

.gutter-xs {margin-left:-5px!important;margin-right:-5px!important;}
.gutter-xs div[class^="col"]{padding-left:5px!important;padding-right:5px!important;}

.gutter-sm {margin-left:-10px!important;margin-right:-10px!important;}
.gutter-sm div[class^="col"]{padding-left:10px!important;padding-right:10px!important;}

.gutter-lg {margin-left:-30px!important;margin-right:-30px!important;}
.gutter-lg div[class^="col"]{padding-left:30px!important;padding-right:30px!important;}

textarea.form-control{resize:none;min-height:100px;}

.panel-primary {border-color:#00153a;}
.panel-primary .panel-heading{background-color:#1c5a85;font-weight:bold;}

.btn.btn-primary{background-color:#1bb4da;border-color:#0883a2;}

.thumbnail { box-shadow:5px 5px 14px rgba(0,0,0,0.3); padding:10px;}

hr.spacer{margin-top:0px;border-color:#cfcfcf;background-color:#cfcfcf;margin-bottom:30px;}

h1{font-family:font-size:60px; font-weight:300; margin:0px; }
h2{font-family:font-size:25px; font-weight:400; margin:0px 0px 15px;}
h3{font-family:color:#215393;font-size:20px; font-weight:700; margin:0px 0px 10px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:15px;}

h1.title{ color:#900; font-family:Lato, san-serif; font-size:35px; font-weight:400; margin:0px 0px 20px 0px; }

.highlight{color:#0699b8;font-weight:700;}

.nomargin{margin:0px!important;}

figure.pull-right img, img.pull-right{margin:10px 0px 10px 10px;}
figure.pull-left img, img.pull-left{margin:10px 10px 10px 0px;}

/******* Header ********************************************************************/
#Header { background:url(../images/bg_header.jpg) repeat-x bottom #fff;}
#Header .Phone { margin-top:2px;}
#Header .Phone a { color:#000; }
#Header .TopRight a.btn-warning { background-color:#900000; color:#fff; border-radius:4px; border:none; font-size:13px; font-weight: 700; margin:5px 0px; margin-right:20px;}
#Header .TopRight a.btn-warning:hover { background-color:#c90000;}
#Header .Phone span { display:inline-block; }
#Header .TopRight { text-align:right;}
#custom-search-input { background-color:#fff; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-shadow:inset 1px 1px 1px #a3a3a3; float:right; height:40px; margin-top:15px; padding: 3px; width:330px; }
#custom-search-input .search-query { background:transparent; border:none; }
#custom-search-input button { border: 0; background: none; padding:5px; margin-top: 2px; position: relative; left: 0px; margin-bottom: 0;  color:#a3a3a3; }
.search-query:focus + button { z-index: 3; }

/******* Slider ********************************************************************/
#MainBanner { position:relative; margin:10px 0px; }
.cycle-slideshow{ overflow:hidden; width:100%;}
.Slide { width:100%;}

/****************************************************************************/
.btn-default { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border:none; 
background: #ffbf35; /* Old browsers */
background: -moz-linear-gradient(top, #ffbf35 0%, #ffcc5f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffbf35 0%,#ffcc5f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffbf35 0%,#ffcc5f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf35', endColorstr='#ffcc5f',GradientType=0 ); /* IE6-9 */  font-size:14px; text-transform:uppercase; letter-spacing:1px; padding:10px 20px; color:#900 !important; font-weight:600; border:1px solid #df8300 !important; text-shadow:1px 1px 1px #fff;  }
.btn-default:hover { background:#900; border:1px solid #900 !important; color:#fff; color:#fff !important; text-shadow:none;  }

#Content { line-height:24px; margin-top:20px;}
#Content .home-title, #Content h2 { color:#900000; font-family:Lora, serif; font-size:25px; font-weight:700; margin:0px 0px 10px; }
.SubscribeHoroscope h2 {  margin:0px 0px 20px !important; font-size:21px !important;}
.SubscribeHoroscope .form-group {  margin-bottom:15px !important;}

.CMS .pull-left { margin:0px 20px 20px 0px; }
.CMS .pull-right { margin:0px 0px 20px 20px; }
.CMS .Slide { margin-bottom:30px; position:relative; z-index:-1;}
.Block { border:1px solid #b60000; border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; box-shadow:2px 2px 0px #d6d6d6; overflow:hidden; }
.Offer {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6dc6f+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f6dc6f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f6dc6f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f6dc6f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6dc6f',GradientType=0 ); /* IE6-9 */}
.Offer h2 { margin:0px !important;}
.Info { padding:20px;}
.Offer .Info { padding:12px 30px;}
.BeigeBlock { background-color:#f5ebc3; color:#8c0000; }

.Signs { border-bottom:1px solid #e0e0e0; margin-bottom:30px; padding-bottom:10px; }
.Signs ul { margin:0px; padding:0px; list-style:none; }
.Signs ul li { float:left; text-align:center; width:16.66%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Signs ul li a { color:#14114e; }
.Signs ul li img { max-width:100%; }

.Availability { font-size:17px; min-height:290px; position:relative; }
.Availability .Dates { font-size:14px; position:absolute; bottom:0px; left:0px; right:0px; }

.PremiumServices { margin-top:20px; }
.PremiumServices .Links { }
.PremiumServices .Links a { background:url(../images/link-dot.png) no-repeat left; border-bottom:1px solid #e0e0e0; display:block; line-height: 53px;padding-left: 15px;font-size: 18px; }

.WritesFor { margin-top:30px;}
.WritesFor .BeigeBlock { display:inline-block; float:left; padding:10px 30px; margin-right:20px; }
.WritesFor .BeigeBlock h3 { color:#900000; font-size:20px; margin:0px;}
.WritesFor .Brands { padding:10px;}
.WritesFor .Brands img { border:1px solid #e2e2e2; margin:2px;}

.MidServices {  margin-top:30px; }
.MidServices .row > div .Block { background:url(../images/block-bg.jpg) no-repeat top center; min-height:280px; border:none; position:relative; }
.MidServices .row > div p { border-bottom:1px solid #ffcd76; padding:0px; margin:0px; line-height:30px; }
.MidServices .row > div .btn { margin-top:20px; position:absolute; bottom:20px; left:0px; right:0px; text-align:center; margin:auto; width:130px;}

.SubscribeBlock { margin-top:30px;}
.SubscribeBlock .row > div .btn { margin-top:0px;}

#SectionTestimonial h2{margin-top:20px;}
.HomeTestimonial { background:url(../images/block-bg.jpg) no-repeat top center;min-height:200px; border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; line-height:30px;}
.HomeTestimonial .Quote { background:url(../images/left-quote.png) no-repeat left top; padding-left:40px; }
.HomeTestimonial .RightQuote { float:right;background:url(../images/right-quote.png) no-repeat right bottom; width:37px;height:22px;position:relative;top:-25px;}

.SubscribeHoroscope form .form-control { background-color:#f8f8f8; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px !important; box-shadow:inset 1px 1px 1px #a3a3a3;}

.CMS .AboutLinks { background-color:#f5ebc4; border-radius:10px; text-align:center; padding:10px; margin-bottom:30px; }
.CMS .AboutLinks .btn { padding:10px 15px; letter-spacing:2px; margin:3px; }

.form-horizontal .form-group { padding:0px 20px; margin-bottom:10px;}
.form-horizontal .input-group { width:100%;}
.form-horizontal .form-control { font-size:16px; height:auto; padding:10px;}
.form-horizontal .control-label { text-align:left;}

/********** Footer ******************************************************************/
#Footer { background-color:#640000; box-shadow:inset 0px 10px 10px #430000; color:#f6b4b4; font-size:14px; font-weight:400; line-height:22px; padding:20px 0px; margin-top:40px; }
#Footer a{ color:#f6b4b4; display:block; }
#Footer h3 { color:#fff; font-weight:700; font-size:17px; margin:15px 0px 5px; }
#Footer .Services img { margin-right:15px;}
#Footer .Services a { color:#fff; display:block; font-weight:600; font-size:18px; margin:10px 0px 20px 0px; text-decoration:none; }
#Copyright { background-color:#fff; font-size:13px; line-height:18px; padding:15px 0px; }
.Copyright a { color:#000; }

@media (max-width: 1179px) {
.container { width:100%; }
}

@media (max-width: 991px) {}

@media (max-width: 768px) {}

@media (max-width: 767px) {
#Header .TopRight { text-align:center;}
#Header #custom-search-input { float:none; margin:10px auto; width:100%; }
.WritesFor .BeigeBlock { display:block; float:none; text-align:center; margin-right:0px; }
.WritesFor .Brands { display:block;}
.Availability { min-height:auto;}
.Availability .Dates { position:static; }
.Offer, .Rahukaal, .Festivals { margin-top:30px;}
}

@media (max-width: 639px) {    
}

@media (max-width: 439px) {
.Signs ul li { border:1px solid #e2e2e2; float:none; text-align:left; padding:10px; margin-bottom:10px; width:100%; }
.Signs ul li br { display:none; }
.Signs ul li a { display:block; }
}

/* Side Category Navigation
***************************************************/
#SideNav{ margin:0px}
#SideNav .accordion-toggle:hover {text-decoration: none;}
#SideNav .glyphicon{ float:right}
#SideNav .panel-body{ padding:0px}
#SideNav .list-group{ margin:0px; padding:0px; list-style:none; width:100%; }
#SideNav .list-group-item{ border-radius:0px;border-color:#ccc;font-size:15px;}
#SideNav .list-group-item a{ color:#323232; text-decoration:none;}
#SideNav .list-group-item:first-child{border-top:0px}
#SideNav .panel-group .panel + .panel{ margin-top:0px}
#SideNav  .panel-group .panel{ border: none;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color:#fff;}
#SideNav .panel-default > .panel-heading{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcb5b+0,ffdd94+100 */
background: #ffcb5b; /* Old browsers */
background: -moz-linear-gradient(top, #ffcb5b 0%, #ffdd94 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffcb5b 0%,#ffdd94 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffcb5b 0%,#ffdd94 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb5b', endColorstr='#ffdd94',GradientType=0 ); /* IE6-9 */ border-radius:5px; color:#fff;font-size:16px; margin-bottom:5px;}
#SideNav .panel-default > .panel-heading .panel-collapse { background-color:#fec448; margin-top:10px;}
#SideNav .panel-default > .panel-heading .panel-title { color:#640000; font-size:14px; font-weight:600; display:block; text-shadow:1px 1px 1px #fff;}
#SideNav .panel-default > .panel-heading .panel-collapse a {  color:#640000; display:block; font-size:14px; font-weight:600; padding:5px 10px; text-decoration:none;text-shadow:1px 1px 1px #fff; }
#SideNav .panel-default > .panel-heading .panel-collapse a:hover { background-color:#fbab00}
#SideNav .glyphicon{ font-size:12px; margin-top:3px}

@media (max-width: 767px) 
{
	
}
.SunsignLeftNav { padding:0px; margin:0px; list-style:none; }
.SunsignLeftNav li { border-radius:4px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcb5b+0,ffdd94+100 */
background: #ffcb5b; /* Old browsers */
background: -moz-linear-gradient(top, #ffcb5b 0%, #ffdd94 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffcb5b 0%,#ffdd94 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffcb5b 0%,#ffdd94 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb5b', endColorstr='#ffdd94',GradientType=0 ); /* IE6-9 */ text-align:center; margin-bottom:5px; line-height:normal; }
.SunsignLeftNav li:hover { background: #fec448;  }
.SunsignLeftNav li a { color:#640000; display:block; font-weight:600; font-size:14px; padding:8px 10px 6px 10px; text-shadow:1px 1px 1px #fff; text-decoration:none; }

.txtHoroscope, .about-txt-box { border-radius:10px; color:#a00000; padding:30px; }
.txtHoroscope { background:url(../images/pattern.png) repeat-x top center #fff9eb;}
.about-txt-box { background:url(../images/pattern_about.png) repeat-x top center #fff9eb;}
.txtHoroscope strong { color:#a00000; }
.txtMaroon { color:#900;}
.LuckyNumber, .LuckyColour { padding:5px 10px; border-radius:5px; box-shadow:2px 2px 4px rgba(0,0,0,0.3); border:2px solid #fff; font-weight:700; }
.LuckyNumber { background-color:#ffe7bf; color:#a00000; }
.LuckyColour { background-color:#ffe7bf; color:#a00000; text-align:left; }

.txtHoroscope .table { border-right:1px solid #de0a0a; border-bottom:1px solid #de0a0a; }
.txtHoroscope .table > tbody > tr > td, 
.txtHoroscope .table > tbody > tr > th, 
.txtHoroscope .table > tfoot > tr > td, 
.txtHoroscope .table > tfoot > tr > th, .txtHoroscope .table > thead > tr > td, 
.txtHoroscope .table > thead > tr > th { 
	border-top:1px solid #de0a0a; 
	border-left:1px solid #de0a0a; 
}
.txtHoroscope .table > tbody > tr > td { }

.blueBg { background-color:#9ce1f8; }
.dataBlock { border-radius:5px; color:#00465d; font-family:Lato; san-serif; font-weight:400; font-size:13px; padding:30px; }
.dataBlock label { font-family:Lato; san-serif; font-weight:700; font-size:18px; }
.dataBlock small { font-size:13px; }
.dataBlock .form-control { border:1px solid #43a4c4; border-radius:0px; display:inline-block; height:35px; width:240px;}
.dataBlock.blueBg .panel { background-color:#8bd9f3; border:none; }
.dataBlock.blueBg .panel-body { padding:10px; }
.AccItem:first-child { border-top:none; }
.AccItem { border-bottom:1px solid #a6e5fa; border-top:1px solid #64b6d2; font-family:Lato; san-serif; font-weight:700; font-size:17px; padding: 20px 0px; }
.AccItem .btn { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1fa4e0+0,0e79b4+100 */
background: #1fa4e0; /* Old browsers */
background: -moz-linear-gradient(top, #1fa4e0 0%, #0e79b4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1fa4e0 0%,#0e79b4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1fa4e0 0%,#0e79b4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fa4e0', endColorstr='#0e79b4',GradientType=0 ); /* IE6-9 */ box-shadow:2px 2px 3px rgba(0,0,0,0.7); border-color:#0e79b4; font-family:Lato; san-serif; font-weight:700; font-size:16px; text-transform:uppercase; padding:6px 20px;}
.dataBlock .panel-heading {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1fa4e0+0,0e79b4+100 */
background: #1fa4e0; /* Old browsers */
background: -moz-linear-gradient(top, #1fa4e0 0%, #0e79b4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1fa4e0 0%,#0e79b4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1fa4e0 0%,#0e79b4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fa4e0', endColorstr='#0e79b4',GradientType=0 ); /* IE6-9 */ box-shadow:2px 2px 3px rgba(0,0,0,0.7); }
.dataBlock .panel-heading > .panel-title { color:#fff; display:block; font-size:19px; }
.dataBlock .panel-title > .small, .dataBlock .panel-title > .small > a, .dataBlock .panel-title > a, .dataBlock .panel-title > small, .dataBlock .panel-title > small > a { text-decoration:none; outline:none; display:block; }

/************* baby names *************/
.BabyChar .img { float:left; width:100px; }
.BabyChar ul { background:#ffcc99; list-style:none; width:100%; }
.BabyChar ul li { background:#fbc450; border-bottom:1px solid #ffcc99; border-right:1px solid #ffcc99; float:left; font-weight:700; height:50px;  text-align:center; padding:12px; width:7.1% }
.BabyChar ul li:hover, .BabyChar ul li.active { background:#ffad00; }

/************* festivals *************/
.Festivals ul { background:#ffcc99; list-style:none; margin:0px; padding:0px; width:100%; }
.Festivals ul li { background:#fbc450; border-bottom:1px solid #ffcc99; border-right:1px solid #ffcc99; float:left; font-weight:700; height:50px;  text-align:center; padding:12px; width:16.6666% }
.Festivals ul li:hover, .Festivals ul li.active {background:#ffad00; }
.Festivals .Info p { white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }

.HoroscopeTabs table { border-collapse:separate; border-spacing:2px;}
.HoroscopeTabs table td { background-color:#fff; width:14.28% }
.HoroscopeTabs table td:hover { background-color:#ffe7bf; }
.HoroscopeTabs table td a { color:#000; display:block; font-size:14px; }
.HoroscopeTabs table td span{ color:#a00000; display:block; font-size:25px; margin-bottom:10px; }

/*********** tabs ***********/
.CMS .tab-content { background-color: #f7da6d; }
.CMS .nav-tabs { border-bottom:none; }
.CMS .nav-tabs > li { background-color: #f5ebc4; border-bottom: 1px solid #fff; border-right: 1px solid #fff;margin-bottom: 0; }
.CMS .nav-tabs > li > a:focus, .CMS .nav-tabs > li > a:hover { background-color: #f7da6d; color:#900; }
.CMS .nav-tabs > li.active > a, .CMS .nav-tabs > li.active > a:focus, .CMS .nav-tabs > li.active > a:hover { background-color:#f7da6d; color:#900}

.left-banners { text-align:center;}
.left-banners .record { margin-top:10px; }

.premium_services .btn { letter-spacing:1px; padding:10px 20px;}

.txtblink{font-weight:bold;color:#ff0000;}
.Rahukaal .desc{height:125px;overflow:hidden;}
.Rahukaal .Panchang{height:145px;overflow:hidden;font-size:14px;line-height:20px;}

@media (max-width: 767px) 
{
	body{display:flex !important;display: -webkit-flex; flex-direction: column; }
	#Header {-webkit-order: 1;order: 1;}
	#MainBanner {-webkit-order: 2;order: 2;}
	#Content {-webkit-order: 3;order: 3;}
	#SecondNav {-webkit-order: 4;order: 4;}
	#SectionTestimonial {-webkit-order: 5;order: 5;}
	#MainFooter {-webkit-order: 6;order: 6;}
	#Content .CMS .row {display:flex !important;display: -webkit-flex; flex-direction: column;}
	#Content .CMS .col-sm-9{-webkit-order:8;order:8;}
	#Content .CMS .col-sm-3{-webkit-order:9;order:9;}
	
}