@import url('../css-1');
@import url('../css-2');
@import url('../css-3');
@import url('../css2');
body {
font-family: 'Poppins', sans-serif;
}
.desktop-show {
display: block;
}
.mobile-show {
display:none;
}
.topsection {
width:100%;
position:absolute;
z-index:1000;
top:0;
left:0;
background-color:#000;
border-bottom:.1vw solid rgba(255, 255, 255, 0.3);
padding:.8vw;
color:#FFF;
}
.topsection li {
font-family: 'Lora', serif;
font-size:1.1vw;
font-style:italic;
list-style:none;
display:inline-block;
margin-right:1vw;
color:#FFF;
font-weight:600;
text-decoration:none;
}
.topsection li a {
font-family: 'Lora', serif;
color:#FFF;
font-weight:600;
text-decoration:none;
}
.topsection li a:hover {
font-family: 'Lora', serif;
color: #FFFF00;
text-decoration:none;
}
.topsection li i {
margin-right:.5vw;
font-size:1.3vw;
}
#main, body, html {
height: 100%
}
#main {
width: 100%;
position: absolute;
top: 0;
right: 0;
opacity: 1
}
.section-spce {
padding-left:4vw;
padding-right:4vw;
}
.top-space {
margin-top:35px!important;
}
.bottom-space {
margin-bottom:35px !important;
}
#wrapper, .content-holder {
float: left;
width: 100%;
position: relative;
height: 100%
}
#wrapper {
z-index: 4
}
.content-holder {
vertical-align: top;
left: 0;
top: 0;
right: 0;
z-index: 2
}
header {
position: fixed;
width: 100%;
z-index: 22;
top: 0;
left: 0;
background: rgba(255, 255, 255, 1)
}
.top-section {
background-color:#FFF;
padding:1vw;
display:block;
}
.logo img {
width:37%;
}
.icon-box {
float: left;
width: 3vw;
height: 3vw;
border: .1vw solid #ededed;
text-align: center;
line-height: 4vw;
font-size: 1.5vw;
color: #f01d25;
margin-top:.4vw;
}
.icon-box i {
line-height: 3vw;
}
.add-box {
float: left;
padding-top:0.8vw;
padding-left:1vw;
}
.add-box h5 {
font-size: 1vw;
color: #000000;
font-weight:400;
line-height:.5;
}
.add-box p {
font-size:1.1vw;
font-weight:300;
}
.btn-box {
margin-top:1.3vw;
}
.tr-header {
background:#1d5a6f;
height:3vw;
margin-top:5.8vw;
}
header.tr-header.sticky {
margin-top:0;
}
.nav-holder {
position: relative;
top:0;
left: 0;
width: 100%
}
.logo-holder {
position: absolute;
left: 0;
z-index: 10;
width:30%;
}
.transition {
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear
}
header.tr-header.sticky {
position: fixed;
left: 0;
right: 0;
top: 0;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
z-index: 999;
}
ul {
list-style: outside none none;
margin: 0;
padding: 0;
margin-bottom:0;
}
.title-content {
position:absolute;
bottom:-3vw;
left:0;
width:100%;
}
.title-content h1 {
font-family: 'Poppins', sans-serif;
display: block;
text-align:center;
color:#FFF;
text-shadow: 2px 2px 5px #000;
font-size: 2.5vw;
text-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
font-weight: 600;
padding-left:10%;
padding-right:10%;
}
.title-content p {
font-family: 'Poppins', sans-serif;
color:#fed23f;
font-size:2.5em;
font-weight:500;
line-height:1em;
text-align:center;
text-shadow:2px 2px 5px #000;
padding-top:0;
padding-bottom:1.5vw;
}
.title-content h5 a {
background-color:#f01d25;
font-size: 1.3em;
font-weight:400;
color: #FFF;
padding-top: 0;
text-decoration: none;
padding:20px 30px;
border-radius:7px;
margin: 0 auto;
}
.title-content h5 a:hover {
color: #FFF;
background-color:#111b61;
}
.title-content h5 a i {
position: relative;
top:3px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.btn-appointment {
width:100%;
font-family: 'Poppins', sans-serif;
color: #000;
background-color: #fed23f;
font-weight:700;
text-transform:uppercase;
border-color: #fed23f;
padding:0.7vw 1vw;
font-size:0.9vw;
text-decoration:none;
border-radius:5px;
}
.btn-appointment:hover {
color: #fff;
background-color: #000;
border-color: #000;
text-decoration:none;
}
.btn-more {
font-family: 'Poppins', sans-serif;
color: #fff;
background-color: #f01d25;
font-weight:400;
text-transform:uppercase;
border-color: #f01d25;
padding:5% 8%;
font-size:1.5em;
text-decoration:none;
border-radius:30px;
}
.btn-more:hover {
color: #fff;
background-color: #219bdb;
border-color: #219bdb;
text-decoration:none;
}
.section-bg {
background: url(../images/sign_bg.jpg) 50% 0 repeat-y;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
float: left;
width: 100%;
height: auto;
}
.team-bg {
background: url(../images/team-bg.html) 50% 0 repeat-y;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
float: left;
width: 100%;
}
.service-section {
float: left;
width: 100%;
position: relative;
}
.service-grid {
float: left;
width: 100%;
padding:2vw;
border: .1vw solid #1d5a6f;
border-top: 0;
background:#1d5a6f;
}
.service-grid h2 {
font-size: 1.2vw;
font-weight: bold;
color:#fff;
}
.service-grid h5 a {
font-size: 1.3vw;
color: #f01d25;
padding-top:0;
float: left;
text-decoration:none;
color:#fff;
}
.service-grid h5 a:hover {
color: #000;
text-decoration:none;
color:#ffea00;
}
.service-grid h5 a i {
position: relative;
top:.1vw;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.service-grid p {
font-size: 0.9vw;
font-weight:400;
color:#fff;
}
.service-img {
float: left;
width: 100%;
position: relative;
}
.service-img img {
width: 100%;
}
.no-padding {
padding: 0 !important;
}
.white-bg {
background:#fff;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
.welcome-section {
background-color: #f5f5f5 !important;
padding: 4vw;
}
.welcome-box {
background-color: #FFF;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
.line-bg {
background-image: url(../images/line-bg.png);
background-repeat: repeat;
background-position: center top;
background-size: 100%;
}
.scope-bg {
background-image: url(../images/counter-bg.png);
padding:2vw;
}
.home-section {
background-color: #1d5a6f;
padding:2vw;
width:100%;
}
.home-box {
padding: 2vw;
border: .1vw solid #fed23f;
}
.home-box h1 {
font-size: 1.8vw;
font-weight: 700;
color: #fff;
width:100%;
}
.home-box h2 {
font-size: 1.2vw;
font-weight: 400;
color: #fff;
line-height:1.3em;
width:100%;
padding-bottom:15px;
}
.home-box h3 {
font-size: 1.8vw;
font-weight: 400;
color: #fff;
width:100%;
}
.home-box h4 {
font-size: 2.2vw;
font-weight: 400;
color: #fff;
width:100%;
}
.home-box h4 span {
font-weight: 700;
}
.about-section {
float: left;
width: 100%;
padding:3vw;
}
.about-box {
float: left;
width: 100%;
display: inline-block;
text-align: center;
padding-bottom:0;
}
.about-box h2 {
font-size:3vw;
font-weight: 100;
color: #000;
text-transform: uppercase;
}
.about-box p {
font-size:1.1vw;
}
.about-box h2 span {
font-weight: bold;
}
.about-box h4, .about-box p {
padding-top: 0vw;
}
.about-box h4 span {
width: 1vw;
height: 1vw;
background: #f01d25;
display: inline-block;
position: relative;
}
.about-box h4 span:before {
content: '';
border: .1vw solid #d8d8d8;
width: 2vw;
position: absolute;
right: 1.5vw;
top: .5vw;
}
.about-box h4 span:after {
content: '';
border: .1vw solid #d8d8d8;
width: 2vw;
position: absolute;
left:1.5vw;
top:.5vw;
}
.about-img {
margin-top:0vw;
}
.about-img img {
width: 100%;
border-radius:0.8vw;
}
.about-text {
padding:3vw;
}
.about-text h2 {
font-size:2vw;
font-weight: 700;
color: #1d5a6f;
padding-top:0vw;
}
.about-text h1 {
font-size: 4vw;
font-weight: bold;
color: #f01d25;
padding-top: 1vw;
padding-bottom:1vw;
}
.about-text h3 {
font-size: 2vw;
font-weight: bold;
color: #000000;
padding-top: 1vw;
}
.about-text h4 {
padding-top: 1vw;
}
.about-text h4 span {
width: 1vw;
height: 1vw;
background: #f01d25;
display: inline-block;
position: relative;
}
.about-text h4 span:before {
content: '';
border: .1vw solid #d8d8d8;
width: 2vw;
position: absolute;
right: 1.5vw;
top: .5vw;
}
.about-text h4 span:after {
content: '';
border: .1vw solid #d8d8d8;
width: 2vw;
position: absolute;
left:1.5vw;
top:.5vw;
}
.about-text p {
font-size:1vw;
padding-bottom:0.4vw;
line-height:1.7em;
}
.about-text li {
font-size: 1vw;
list-style: none;
font-weight: 400;
padding-bottom: 7px;
padding-left: 6px;
}
.about-text1 {
padding:0 0 0 1vw;
}
.about-text1 h2 {
font-size:2vw;
font-weight: 400;
color: #000;
line-height:1.3em;
padding-top:0vw;
}
.about-text1 h2 span {
font-weight: 700;
}
.about-text1 h3 {
font-size:2vw;
font-weight: 700;
color: #f01d25;
line-height:1.3em;
}
.about-text1 p {
font-size:1.1vw;
}
.about-text1 li {
font-size:1vw;
list-style:none;
font-weight: 700;
padding-bottom:7px;
color:#000;
}
.margin-bottom {
margin-top:4vw;
}
.zodiac-bg {
width:100%;
margin:0 auto;
}
.zodiac-bg img {
width:100%;
}
.zodiac-box {
float: left;
width:5.7vw;
height:5.7vw;
border: .5vw solid rgba(0, 0, 0, 0.0784313725490196);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
margin-right:1.5vw;
}
.zodiac-box i {
width:4.7vw;
height:4.7vw;
float: left;
text-align: center;
line-height:4.7vw;
background: #f01d25;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.zodiac-box i:hover {
background: #fed23f;
cursor:pointer;
}
.zodiac-box i img {
width:100%;
}
.zodiac-text {
float:left;
margin-top:1.5vw;
}
.zodiac-text h5 {
font-size: 1.6vw;
color: #000000;
font-weight:600;
line-height: .5;
}
.zodiac-text p {
font-size: 1.1vw;
font-weight: 300;
}
img {
max-width: 100%;
}
.filtermenu {
margin: 0 auto;
text-align: center;
display: inline-block;
margin-top:4vw;
margin-bottom:1vw;
border: .1vw dashed #cecece;
}
.filtermenu li {
padding:.8vw 1.5vw;
display: inline-block;
border-right:.1vw dashed #cecece;
cursor: pointer;
font-size:1.3vw;
}
.filtermenu li.active {
background: #f01d25;
color:#FFF;
}
.filtermenu li:nth-child(3) {
border-right:0;
}
.containers {
display: flex;
flex-wrap: wrap;
margin-top:2vw;
}
.post {
float: left;
width: 100%;
text-align: center;
padding:0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
margin-bottom:0;
}
.yellow-bg {
background:#fff5c8;
}
.post-thumb {
display: inline-block;
border: .1vw dashed #cecece;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
padding: 1vw;
margin-bottom:0;
}
.post-thumb-circle {
position: relative;
width: 5vw;
height: 5vw;
text-align: center;
line-height: 5vw;
border: .1vw dashed #cecece;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
float: left;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.post-thumb-circle img {
width:100%;
}
.post-thumb-circle h2 {
font-size:3vw;
color: #f01d25;
line-height:4.8vw;
font-weight: bold;
text-transform: uppercase;
padding-bottom:1vw;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.post-thumb-circle i {
font-size:2.5vw;
color: #f01d25;
line-height:4.8vw;
font-weight: bold;
text-transform: uppercase;
padding-bottom:1vw;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.post-title {
padding:2vw;
}
.post-title h2 {
font-size: 1.6vw;
color: #1d5a6f;
font-weight: bold;
text-transform: uppercase;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.post-title p {
font-size:1vw;
color: #000;
font-weight:400;
text-decoration:none;
}
.post-title p a {
font-size:1.1vw;
color: #000;
font-weight:700;
text-decoration:none;
}
.post-title p a:hover {
color: #f01d25;
font-weight:700;
text-decoration:none;
}
.post-title h5 a {
font-size: 1.3vw;
color: #f01d25;
padding-top:0;
text-decoration:none;
}
.post-title h5 a:hover {
color: #000;
text-decoration:none;
}
.post-title h5 a i {
position: relative;
top:.1vw;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.counter-main-wrapper {
float: left;
width: 100%;
text-align: center;
}
.counter-border {
border-left: 1px dashed #cecece;
}
.counter-wrapper {
display: inline-block;
float:left;
width:20%;
padding-top: 2vw;
padding-bottom: 2vw;
background: #ffffff;
border: .1vw dashed #cecece;
border-left: 0;
}
.counter-cycle-main {
display: inline-block;
border: .1vw dashed #cecece;
width:6vw;
height:6vw;
padding-top:.625vw;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.counter-cycle-main span {
width:4.5vw;
height: 4.5vw;
line-height: 4.5vw;
text-align: center;
font-size: 2vw;
color: #f01d25;
font-weight: bold;
border: .1vw dashed #cecece;
display: inline-block;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.con1, .con2, .con3, .con4 {
font-size:1.5vw;
color: #000000;
margin-top:2vw;
}
.section {
padding:3vw 0 1vw 0;
}
.pd-space {
padding-left:2vw;
padding-right:2vw;
}
.pd-space-left {
padding-left:6vw;
}
.pd-space-left1 {
padding-left:4vw;
}
#footer {
width:100%;
padding:0.7vw;
background-color:#FFF;
color: #000;
font-weight:400;
}
.pull-right {
font-family: 'Poppins', sans-serif;
font-weight:400;
line-height: 1.5em;
text-align: right;
font-size: 1.1vw;
color:#000;
font-weight:500;
}
.link {
font-family: 'Poppins', sans-serif;
font-weight:400;
text-align: left;
font-size: 1vw;
color:#000;
}
.link a {
font-family: 'Poppins', sans-serif;
font-size: 1vw;
font-weight:500;
color: #000;
text-decoration:none;
}
.link a:hover {
font-family: 'Poppins', sans-serif;
font-size: 1vw;
font-weight:500;
color: #f01d25;
text-decoration:none;
}
.pull-right {
font-family: 'Poppins', sans-serif;
color: #000;
font-weight:500;
font-size: 1vw;
}
.footer-wrapper {
width: 100%;
background: #faefc2;
}
.footer-logo {
width: 100%;
margin:0 auto;
text-align: center;
padding-left:2vw;
padding-right:2vw;
}
.footer-logo:before {
content: '';
border: 1px solid rgba(255, 255, 255, 0.1);
height:260px;
position: absolute;
top:0;
right: -15px;
}
.footer-logo img {
width:57%;
margin: 0 auto;
}
.footer-logo p {
font-size:1vw;
color: #000;
font-weight:400;
padding-top:1vw;
}
.footer-logo h4 a {
font-size: 1.3vw;
color: #f01d25;
padding-top:0;
text-decoration:none;
}
.footer-logo h4 a:hover {
color: #FFF;
text-decoration:none;
}
.footer-logo h4 a i {
position: relative;
top:.1vw;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.footer-help {
float: left;
width: 100%;
text-align: center;
padding-top:0vw;
padding-left:2vw;
padding-right:2vw;
position: relative;
}
.footer-help:before {
content: '';
border: 1px solid rgba(255, 255, 255, 0.1);
height:260px;
position: absolute;
top:0;
right: -15px;
}
.footer-help h2 {
font-size:1.8vw;
color: #000;
text-transform: uppercase;
font-weight:400;
}
.footer-help h2 span {
color: #000;
font-weight: bold;
}
.footer-help p {
font-size:1vw;
color: #000;
font-weight:400;
padding:0 0 1vw 0;
}
.btn-quote {
width:100%;
font-family: 'Poppins', sans-serif;
color: #000;
background-color: #fed23f;
font-weight:700;
text-transform:uppercase;
border-color: #fed23f;
padding:1vw 2vw;
font-size:1.1vw;
text-decoration:none;
border-radius:8px;
}
.btn-quote:hover {
color: #fff;
background-color: #000;
border-color: #000;
text-decoration:none;
}
.footer-contact {
float: left;
width: 100%;
padding-top:0vw;
padding-right:2vw;
text-align: center;
}
.footer-contact h2 {
font-size:1.8vw;
color: #000;
text-transform: uppercase;
font-weight:400;
}
.footer-contact h2 span {
color: #000;
font-weight: bold;
}
.footer-contact p {
font-size:1vw;
color: #000;
font-weight:400;
padding:0vw;
text-decoration:none;
margin-bottom: 0;
}
.footer-contact p a {
color: #000;
font-weight:700;
text-decoration:none;
}
.footer-contact p a:hover {
color: #f01d25;
font-weight:700;
text-decoration:none;
}
.footer-contact p span {
color: #f01d25;
}
.footer-contact ul {
display: inline-block;
margin-top:.5vw;
}
.footer-contact li:first-child {
margin-left: 0;
}
.footer-contact li {
float: left;
margin-left: .5vw;
}
.footer-contact li a {
float: left;
width: 3vw;
height: 3vw;
line-height: 3vw;
text-align: center;
background: #000;
color: #fdf5db;
font-size:1.2vw;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.footer-contact li a:hover {
background: #f01d25;
color: #FFF;
}
.footer-contact li i {
line-height:3vw;
}
.to-top {
position: fixed;
bottom: 6vw;
right: 1vw;
width: 45px;
height: 45px;
color: #fff;
line-height: 40px;
background-image: url(../images/astro-logo.png);
z-index: 100;
cursor: pointer;
display: none;
}
.to-top:hover {
background-image: url(../images/astro-logo-hover.png);
}
.banner {
width:100%;
background:url(../images/numerology-header.html);
background-repeat:no-repeat;
padding:4vw;
}
.banner h1 {
font-family: 'Poppins', sans-serif;
color: #fff;
font-size:2vw;
font-weight:700;
text-align:center;
}
.banner img {
width:100%;
}
.contact-header {
background-image:url(../images/contact-header-bg.jpg);
background-size:100%;
width:100%;
background-color:#000;
padding:7vw 0 3vw 0;
}
.contact-header h2 {
position:relative;
z-index:10;
color:#FFF;
font-size: 2vw;
font-weight: 100;
text-transform: uppercase;
padding:0 0 0 0;
text-align:center;
width:100%;
}
.contact-header h2 span {
font-weight: bold;
}
.enquiry-header {
background-image:url(../images/enquiry-header-bg.jpg);
background-size:100%;
width:100%;
background-color:#000;
padding:7vw 0 3vw 0;
}
.enquiry-header h2 {
position:relative;
z-index:10;
color:#FFF;
font-size: 2vw;
font-weight: 100;
text-transform: uppercase;
padding:0 0 0 0;
text-align:center;
width:100%;
}
.enquiry-header h2 span {
font-weight: bold;
}
.shubh-header {
background-image:url(../images/shubh-header-bg.jpg);
background-size:100%;
width:100%;
background-color:#000;
padding:7vw 0 3vw 0;
}
.shubh-header h2 {
position: relative;
z-index:10;
color:#FFF;
font-size: 2vw;
font-weight: 100;
text-transform: uppercase;
padding:0 0 0 0;
text-align:center;
width:100%;
}
.shubh-header h2 span {
font-weight: bold;
}
.numerology-header {
background-image:url(../images/numerology-header-bg.jpg);
background-size:100%;
width:100%;
background-color:#000;
padding:7vw 0 3vw 0;
}
.numerology-header h2 {
position: relative;
z-index:10;
color:#FFF;
font-size: 2vw;
font-weight: 100;
text-transform: uppercase;
padding:0 0 0 0;
text-align:center;
width:100%;
}
.numerology-header h2 span {
font-weight: bold;
}
.astro-header {
background-image:url(../images/astro-header-bg.jpg);
background-size:100%;
width:100%;
background-color:#000;
padding:7vw 0 3vw 0;
}
.astro-header h2 {
position: relative;
z-index:10;
color:#FFF;
font-size: 2vw;
font-weight: 100;
text-transform: uppercase;
padding:0 0 0 0;
text-align:center;
width:100%;
}
.astro-header h2 span {
font-weight: bold;
}
.about-header {
background-image:url(../images/about-header-bg.jpg);
background-size:100%;
width:100%;
background-color:#000;
padding:7vw 0 3vw 0;
}
.about-header h2 {
position: relative;
z-index:10;
color:#FFF;
font-size: 2vw;
font-weight: 100;
text-transform: uppercase;
padding:0 0 0 0;
text-align:center;
width:100%;
}
.about-header h2 span {
font-weight: bold;
}
.google-map iframe {
width:100%;
height:25vw;
}
.form-wrapper {
float: left;
width: 100%;
margin-top:2vw;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom:.5vw;
font-weight: bold;
}
.form-wrapper input {
width: 100%;
height:3.5vw;
border: .1vw solid #e7e7e7;
padding-left: 1vw;
padding-right: 1vw;
}
.form-wrapper select {
width: 100%;
height:3.5vw;
border: .1vw solid #e7e7e7;
padding-left: 1vw;
padding-right: 1vw;
}
.form-wrapper textarea {
width: 100%;
border: .1vw solid #e7e7e7;
padding:1vw;
}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
textarea {
overflow: auto;
}
.form-wrapper input[type="submit"] {
background: #f01d25;
width:20%;
margin:0 auto;
border-radius: 2vw;
display: block;
color: #FFF;
font-size:1.5vw;
font-weight:700;
text-transform:uppercase;
border:none;
outline: none;
cursor: pointer;
text-align:center;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.form-wrapper input[type="submit"]:hover {
background:#faefc2;
color:#000;
}
.form-pop {
float: left;
width: 100%;
margin-top:2vw;
}
.form-pop input[type="submit"] {
width: 100%;
padding:1vw 2vw;
background: #f01d25;
margin:0 auto;
border-radius: 0.2vw;
display: block;
color: #FFF;
font-size:1.5vw;
font-weight:400;
text-transform:uppercase;
border:none;
outline: none;
cursor: pointer;
text-align:center;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.form-pop input[type="submit"]:hover {
background:#000;
color:#FFF;
}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
z-index:10000;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.popup {
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 40%;
position: relative;
transition: all 5s ease-in-out;
z-index:0;
}
.popup h2 {
font-size:2.5vw;
font-weight: 100;
color: #000000;
text-transform: uppercase;
text-align:center;
padding-top:1vw;
}
.popup h2 span {
font-weight:bold;
}
.popup p {
text-align:center;
margin-bottom:0;
}
.popup .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.popup .close:hover {
color: #ec1f26;
}
.popup .content {
max-height: 30%;
overflow: auto;
}

/* Media Queries
--------------------------------------------- */











@media (min-width:992px) and (max-width:1080px) {
.post-title {
padding: 10px;
}
.about-text p {
font-size: 18px;
}
.mobile-hide {
display:none;
}
.logo img {
width:100%;
}
.top-section {
display:block;
}
header {
position: relative;
width: 100%;
z-index: 22;
top: 0;
left: 0;
background: rgba(255, 255, 255, 1);
}
header.tr-header.sticky {
position: relative;
left: 0;
right: 0;
top: 0;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
z-index: 9999999;
}
.tr-header {
height: auto;
margin-top:0;
}
.logo-holder {
width:100%;
position:relative;
margin:0 auto;
}
.title-content {
display: block;
}
.title-content h1 {
font-size:3em;
padding-bottom:10px;
}
.title-content p {
font-size:2em;
padding-bottom:10px;
}
.btn-more {
font-family: 'Poppins', sans-serif;
color: #fff;
background-color: #f01d25;
font-weight:600;
text-transform: uppercase;
border-color: #f01d25;
padding:2% 4%;
font-size:2.5em;
text-decoration: none;
border-radius: 30px;
}
.section {
padding:20px 0;
}
.btn-box {
width:100%;
margin:0 auto;
margin-bottom:20px;
margin-top:20px;
}
.btn-appointment {
font-size:11px;
}
.home-box h1 {
font-size:1.5em;
}
.home-box h2 {
font-size: 1em;
}
.btn-quote {
font-size:12px;
}
.btn-size {
font-size: 2em;
}
.top-space {
margin-top:12px!important;
}
.bottom-space {
margin-bottom:10px !important;
}
.home-box h3 {
font-size: 1.2em;
width:100%;
}
.post-title h2 {
font-size: 20px;
}
.about-text1 {
padding: 0 0 0 0;
}
.about-text1 h2 {
font-size:22px;
}
.about-text1 p {
font-size:12px;
}
.about-text li {
font-size:12px;
padding-bottom: 2px;
}
.about-text1 li {
font-size:12px;
padding-bottom: 4px;
}
.link {
font-size:10px;
text-align:left;
}
.link a {
font-size:10px;
}
.pull-right {
float:none;
font-size:10px;
text-align:right;
}
.pd-space-left {
padding-left: 0;
}
.pd-space {
padding-left: 20px;
padding-right: 20px;
}
.service-grid {
margin-bottom:20px;
padding:20px;
}
.service-grid h2 {
font-size:16px;
}
.service-grid p {
font-size:12px;
font-weight: 400;
}
.service-grid h5 a {
font-size:14px;
}
.section-spce {
padding-left:0;
padding-right: 0;
}
.about-box h2 {
font-size:25px;
}
.about-box h4 span {
width: 8px;
height: 8px;
}
.about-box h4 span::before {
border: 1px solid #d8d8d8;
width: 12px;
position: absolute;
right:15px;
top:3px;
}
.about-box h4 span::after {
border: 1px solid #d8d8d8;
width: 12px;
position: absolute;
left:15px;
top:3px;
}
.about-section {
padding: 1em;
}
.about-box p {
font-size:14px;
}
.about-text h2 {
font-size:20px;
}
.about-text p {
font-size:12px;
width:100%;
}
.about-text h3 {
font-size:18px;
}
.about-text h1 {
font-size:25px;
}
.filtermenu {
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
border:1px dashed #cecece;
width:95%;
}
.filtermenu li {
padding: 10px 20px;
display: inline-block;
border-right:1px dashed #cecece;
cursor: pointer;
font-size:12px;
}
.post {
float: left;
width: 100%;
text-align: center;
border:1px dashed #cecece;
padding: 20px 20px 10px 20px;
margin-bottom: 20px;
}
.post-thumb {
display: inline-block;
border:1px dashed #cecece;
padding:10px;
margin-bottom:20px;
}
.post-thumb-circle {
position: relative;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border:1px dashed #cecece;
}
.post-title h2 {
font-size:18px;
}
.post-title p {
font-size:14px;
}
.post-title h5 a {
font-size:14px;
}
.counter-wrapper {
display: inline-block;
float: left;
width:50%;
padding-top:20px;
padding-bottom: 20px;
border:1px dashed #cecece;
}
.counter-cycle-main {
display: inline-block;
border:1px dashed #cecece;
width:60px;
height:60px;
padding-top:7px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.counter-cycle-main span {
width:45px;
height:45px;
line-height:45px;
text-align: center;
font-size: 20px;
color: #f01d25;
font-weight: bold;
border:1px dashed #cecece;
}
.con1, .con2, .con3, .con4 {
font-size:20px;
color: #000000;
margin-top:20px;
}
.counter-main-wrapper {
float:none;
width:95%;
margin:0 auto;
text-align: center;
}
.footer-logo {
padding-left:20px;
padding-right:20px;
}
.footer-logo img {
width:50%;
margin: 0 auto;
}
.footer-logo p {
font-size:14px;
padding:10px;
}
.footer-logo::before {
display:none;
}
.footer-logo h4 a {
font-size:14px;
}
.footer-help {
margin-bottom:20px;
}
.footer-help h2 {
font-size:20px;
}
.footer-help p {
font-size:14px;
padding:0;
}
.footer-contact h2 {
font-size:15px;
}
.footer-help::before {
display:none;
}
.footer-contact p {
font-size:13px;
padding:0;
}
.footer-contact li a {
width:40px;
height: 40px;
line-height: 40px;
font-size:15px;
margin-top:10px;
margin-right:5px;
}
.footer-contact li i {
line-height: 40px;
}
.post-thumb-circle h2 {
font-size:30px;
color: #f01d25;
line-height:45px;
font-weight: bold;
text-transform: uppercase;
padding-bottom:10px;
}
.form-wrapper select {
width: 100%;
height:40px;
border:1px solid #e7e7e7;
padding-left:10px;
padding-right:0;
margin-bottom:10px;
}
.form-wrapper input[type="submit"] {
background: #f01d25;
width:50%;
margin: 0 auto;
border-radius:20px;
display: block;
color: #FFF;
font-size:16px;
}
.post-thumb-circle i {
font-size:30px;
color: #f01d25;
line-height:45px;
}
.post-title p a {
font-size:12px;
}
.form-pop input[type="submit"] {
width: 100%;
padding: 10px 20px;
border-radius:20px;
font-size:14px;
}
.box {
width:100%;
}
.popup {
width:90%;
padding:10px;
margin:20px auto;
}
.popup h2 {
font-size:25px;
padding-top:20px;
}
.popup .close {
position: absolute;
top: 10px;
right: 10px;
transition: all 200ms;
font-size: 30px;
}
.popup p {
text-align: center;
margin-bottom:20px;
}
.popup .content {
max-height:100%;
overflow: auto;
}
}
@media (min-width:813px) and (max-width:991px) {
.about-text li {
font-size: 1em;
}
.about-text1 {
padding: 1em 0 0 0;
}
.sectiontitle h2 {
font-size: 2em!important;
}
.post-title {
padding: 10px;
}
.post-title h2 {
font-size: 18px!important;
}
.post-title p {
font-size: 13px!important;
}
.section-bg {
background: #faefc2!important;
}
.mt-5, .my-5 {
margin-top: 0!important;
}
.btn-appointment {
color: #000;
font-weight: 600;
}
.about-section {
padding: 2em 0em 2em 0em;
}
.btn-quote {
padding: 10px 20px;
font-size: 13px;
margin-left: 0;
}
#main {
top: 30px;
}
.desktop-show {
display: none;
}
.mobile-show {
display:block;
}
.logo img {
width:100%;
}
.top-section {
display:block;
padding: 10px;
padding-top: 40px;
}
header {
position: relative;
width: 100%;
z-index: 22;
top: 0;
left: 0;
background: rgba(255, 255, 255, 1);
}
header.tr-header.sticky {
position: relative;
left: 0;
right: 0;
top: 0;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
z-index: 9999999;
}
.tr-header {
height: auto;
margin-top:0;
}
.logo-holder {
width:100%;
position:relative;
margin:0 auto;
}
.title-content {
display: block;
}
.title-content h1 {
font-family: 'Fjalla One', sans-serif;
display: block;
height: auto;
font-size:4em;
font-weight: 600;
line-height: 1.4em;
padding-bottom:0;
margin-bottom:0;
}
.title-content p {
color: #fed23f;
font-size:3em;
font-weight: 500;
line-height: 1.5em;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
text-shadow: 2px 2px 5px #000;
padding-top: 0;
padding-bottom:30px;
}
.btn-more {
font-family: 'Poppins', sans-serif;
color: #fff;
background-color: #f01d25;
font-weight:600;
text-transform: uppercase;
border-color: #f01d25;
padding:2% 4%;
font-size:2.5em;
text-decoration: none;
border-radius: 30px;
}
.section {
padding:20px 0;
}
.btn-box {
width:100%;
margin:40px auto;
margin-bottom:20px;
margin-top:20px;
text-align:center;
}
.btn-appointment {
width: 100%;
margin:5px auto;
font-family: 'Poppins', sans-serif;
color: black;
background-color: #fed23f;
font-weight: 400;
text-transform: uppercase;
border-color: #219bdb;
padding: 7px 13px;
font-size: 15px;
text-decoration: none;
border-radius:5px;
}
.home-box h1 {
font-size: 4vw;
font-weight: 700;
color: #fff;
width:100%;
}
.home-box h4 {
font-size:26px;
}
.home-box h2 {
font-size:17px;
padding-bottom:12px;
}
.topsection {
width: 100%;
position: relative;
z-index: 1000;
top: 0;
left: 0;
border-bottom: .1vw solid rgba(255, 255, 255, 0.3);
padding:2px;
color: #FFF;
background-color:#1d5a6f;
}
.topsection li {
font-size:20px;
margin-right:10px;
padding-top:0;
color:#FFF;
}
.topsection li a {
color: #FFF;
text-decoration: none;
}
.topsection li a:hover {
color:#000;
text-decoration: none;
}
.topsection li i {
margin-right:5px;
font-size: 18px;
}
.btn-size {
font-size:4em;
padding:20px 40px 20px 40px;
}
.top-space {
margin-top:12px!important;
}
.bottom-space {
margin-bottom:10px !important;
}
.home-box h3 {
font-size: 1.4em;
width: 100%;
margin-left:0;
}
.about-text1 h2 {
font-size:1.3em;
padding-top:0;
}
.about-text1 h3 {
font-size:22px;
}
.about-text1 p {
font-size:16px;
}
.about-text1 li {
font-size:16px;
}
.form-wrapper {
float: left;
width: 100%;
margin-top:2vw;
margin-left:5px;
}
.form-wrapper input {
height: 40px;
}
.form-wrapper textarea {
width: 100%;
border: .1vw solid #e7e7e7;
padding:1vw;
}
.monogram {
display:none;
}
#footer a {
font-weight:600;
}
.link {
font-size:14px;
text-align:center;
font-weight:600;
}
.link a {
font-size:14px;
text-align:center;
font-weight:600;
}
.pull-right {
float:none!important;
font-size:13px;
text-align:center;
font-weight:600;
}
.pd-space-left {
padding-left: 0;
}
.pd-space {
padding-left: 20px;
padding-right: 20px;
}
.service-grid {
margin-bottom:20px;
padding:20px;
}
.service-grid h2 {
font-size:20px;
font-weight: bold;
padding-bottom: .5vw;
}
.service-grid p {
font-size:14px;
font-weight: 400;
}
.service-grid h5 a {
font-size:14px;
}
.section-spce {
padding-left:0;
padding-right: 0;
}
.about-box h2 {
font-size:25px;
}
.about-box h4 span::before {
border: 1px solid #d8d8d8;
width: 12px;
position: absolute;
right:15px;
top:3px;
}
.about-box h4 span::after {
border: 1px solid #d8d8d8;
width: 12px;
position: absolute;
left:15px;
top:3px;
}
.about-box p {
font-size:14px;
}
.about-text h2 {
font-size: 28px;
}
.about-text p {
font-size:16px;
}
.about-text h3 {
font-size:18px;
}
.about-text h1 {
font-size:25px;
}
.section-bg {
background:#f9f9f9;
height:auto;
}
.zodiac-box {
float: left;
width:85px;
height:85px;
border:8px solid rgba(0, 0, 0, 0.0784313725490196);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
margin-right:20px;
}
.zodiac-box i {
width:70px;
height:70px;
float: left;
text-align: center;
line-height:70px;
}
.zodiac-text {
float: left;
margin-top:30px;
}
.zodiac-text h5 {
font-size:18px;
}
.zodiac-text p {
font-size:14px;
}
.filtermenu {
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
border:1px dashed #cecece;
width:95%;
}
.filtermenu li {
padding: 10px 20px;
display: inline-block;
border-right:1px dashed #cecece;
cursor: pointer;
font-size:12px;
}
.post {
float: left;
width: 100%;
text-align: center;
border:1px dashed #cecece;
padding: 20px 20px 10px 20px;
margin-bottom: 20px;
}
.post-thumb {
display: inline-block;
border:1px dashed #cecece;
padding:10px;
margin-bottom:20px;
}
.post-thumb-circle {
position: relative;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border:1px dashed #cecece;
}
.post-title h2 {
font-size:24px;
}
.post-title p {
font-size:14px;
}
.post-title h5 a {
font-size:14px;
}
.counter-wrapper {
display: inline-block;
float: left;
width:50%;
padding-top:20px;
padding-bottom: 20px;
border:1px dashed #cecece;
}
.counter-cycle-main {
display: inline-block;
border:1px dashed #cecece;
width:60px;
height:60px;
padding-top:7px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.counter-cycle-main span {
width:45px;
height:45px;
line-height:45px;
text-align: center;
font-size: 20px;
color: #f01d25;
font-weight: bold;
border:1px dashed #cecece;
}
.con1, .con2, .con3, .con4 {
font-size:20px;
color: #000000;
margin-top:20px;
}
.counter-main-wrapper {
float:none;
width:95%;
margin:0 auto;
text-align: center;
}
.footer-help {
padding-left: 0;
padding-right: 0;
}
.footer-logo {
padding-left:0px;
padding-right:0px;
}
.footer-logo img {
width:40%;
margin: 0 auto;
}
.footer-logo p {
font-size:14px;
padding:10px;
}
.footer-logo::before {
display:none;
}
.footer-logo h4 a {
font-size:14px;
}
.footer-help {
margin-bottom:20px;
}
.footer-help h2 {
font-size:20px;
}
.footer-help p {
font-size:14px;
padding:0;
}
.footer-contact h2 {
font-size:20px;
}
.footer-help::before {
display:none;
}
.footer-contact p {
font-size:16px;
padding:0;
}
.footer-contact li a {
width:40px;
height: 40px;
line-height: 40px;
font-size:15px;
margin-top:10px;
margin-right:5px;
}
.footer-contact li i {
line-height: 40px;
}
.post-thumb-circle h2 {
font-size:30px;
color: #f01d25;
line-height:45px;
font-weight: bold;
text-transform: uppercase;
padding-bottom:10px;
}
.form-wrapper select {
width: 100%;
height:40px;
border:1px solid #e7e7e7;
padding-left:10px;
padding-right:0;
margin-bottom:10px;
}
.form-wrapper input[type="submit"] {
background: #f01d25;
width:50%;
margin: 0 auto;
border-radius:20px;
display: block;
color: #FFF;
font-size:16px;
}
.post-thumb-circle i {
font-size:30px;
color: #f01d25;
line-height:45px;
}
.post-title p a {
font-size:14px;
}
.form-pop input[type="submit"] {
width: 100%;
padding: 10px 20px;
border-radius:20px;
font-size:14px;
}
.box {
width:100%;
}
.popup {
width:90%;
padding:10px;
margin:20px auto;
}
.popup h2 {
font-size:25px;
padding-top:20px;
}
.popup .close {
position: absolute;
top: 10px;
right: 10px;
transition: all 200ms;
font-size: 30px;
}
.popup p {
text-align: center;
margin-bottom:20px;
}
.popup .content {
max-height:100%;
overflow: auto;
}
}
@media all and (max-width : 812px) {
.about-text li {
font-size: 1em;
}
.about-text1 {
padding: 1em 0 0 0;
}
.sectiontitle h2 {
font-size: 2em!important;
}
.post-title {
padding: 10px;
}
.post-title h2 {
font-size: 18px!important;
}
.post-title p {
font-size: 13px!important;
}
.section-bg {
background: #faefc2!important;
}
.mt-5, .my-5 {
margin-top: 0!important;
}
.btn-appointment {
color: #000;
font-weight: 600;
}
.about-section {
padding: 2em 0em 2em 0em;
}
.btn-quote {
padding: 10px 20px;
font-size: 13px;
margin-left: 0;
}
#main {
top: 30px;
}
.desktop-show {
display: none;
}
.mobile-show {
display:block;
}
.logo img {
width:100%;
}
.top-section {
display:block;
padding: 10px;
padding-top:40px;
}
header {
position: relative;
width: 100%;
z-index: 22;
top: 0;
left: 0;
background: rgba(255, 255, 255, 1);
}
header.tr-header.sticky {
position: relative;
left: 0;
right: 0;
top: 0;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
z-index: 9999999;
}
.tr-header {
height: auto;
margin-top:0;
}
.logo-holder {
width:100%;
position:relative;
margin:0 auto;
}
.title-content {
display: block;
}
.title-content h1 {
font-family: 'Fjalla One', sans-serif;
display: block;
height: auto;
font-size:4em;
font-weight: 600;
line-height: 1.4em;
padding-bottom:0;
margin-bottom:0;
}
.title-content p {
color: #fed23f;
font-size:3em;
font-weight: 500;
line-height: 1.5em;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
text-shadow: 2px 2px 5px #000;
padding-top: 0;
padding-bottom:30px;
}
.btn-more {
font-family: 'Poppins', sans-serif;
color: #fff;
background-color: #f01d25;
font-weight:600;
text-transform: uppercase;
border-color: #f01d25;
padding:2% 4%;
font-size:2.5em;
text-decoration: none;
border-radius: 30px;
}
.section {
padding:20px 0;
}
.btn-box {
width:100%;
margin:40px auto;
margin-bottom:20px;
margin-top:20px;
text-align:center;
}
.btn-appointment {
width: 100%;
margin:5px auto;
font-family: 'Poppins', sans-serif;
color: black;
background-color: #fed23f;
font-weight: 400;
text-transform: uppercase;
border-color: #219bdb;
padding: 7px 13px;
font-size: 15px;
text-decoration: none;
border-radius:5px;
}
.home-box h1 {
font-size: 4vw;
font-weight: 700;
color: #fff;
width:100%;
}
.home-box h4 {
font-size:26px;
}
.home-box h2 {
font-size:17px;
padding-bottom:12px;
}
.topsection {
width: 100%;
position: relative;
z-index: 1000;
top: 0;
left: 0;
border-bottom: .1vw solid rgba(255, 255, 255, 0.3);
padding:2px;
color: #FFF;
background-color:#1d5a6f;
}
.topsection li {
font-size:20px;
margin-right:10px;
padding-top:0;
color:#FFF;
}
.topsection li a {
color: #FFF;
text-decoration: none;
}
.topsection li a:hover {
color:#000;
text-decoration: none;
}
.topsection li i {
margin-right:5px;
font-size: 18px;
}
.btn-size {
font-size:4em;
padding:20px 40px 20px 40px;
}
.top-space {
margin-top:12px!important;
}
.bottom-space {
margin-bottom:10px !important;
}
.home-box h3 {
font-size: 1.4em;
width: 100%;
margin-left:0;
}
.about-text1 h2 {
font-size:1.3em;
padding-top:0;
}
.about-text1 h3 {
font-size:22px;
}
.about-text1 p {
font-size:16px;
}
.about-text1 li {
font-size:16px;
}
.about-header {
padding: 3em 0 2em 0;
}
.about-header h2 {
font-size:18px;
}
.astro-header {
padding: 3em 0 2em 0;
}
.astro-header h2 {
font-size:18px;
}
.numerology-header {
padding: 3em 0 2em 0;
}
.numerology-header h2 {
font-size:18px;
}
.shubh-header {
padding: 3em 0 2em 0;
}
.shubh-header h2 {
font-size:18px;
}
.enquiry-header {
padding: 3em 0 2em 0;
}
.enquiry-header h2 {
font-size:18px;
}
.contact-header {
padding: 3em 0 2em 0;
}
.contact-header h2 {
font-size:18px;
}
.form-wrapper {
float: left;
width: 100%;
margin-top:2vw;
margin-left:5px;
}
.form-wrapper input {
height: 40px;
}
.form-wrapper textarea {
width: 100%;
border: .1vw solid #e7e7e7;
padding:1vw;
}
.monogram {
display:none;
}
#footer a {
font-weight:600;
}
.link {
font-size:14px;
text-align:center;
font-weight:600;
}
.link a {
font-size:14px;
text-align:center;
font-weight:600;
}
.pull-right {
float:none!important;
font-size:13px;
text-align:center;
font-weight:600;
}
.pd-space-left {
padding-left: 0;
}
.pd-space {
padding-left: 20px;
padding-right: 20px;
}
.service-grid {
margin-bottom:20px;
padding:20px;
}
.service-grid h2 {
font-size:20px;
font-weight: bold;
padding-bottom: .5vw;
}
.service-grid p {
font-size:14px;
font-weight: 400;
}
.service-grid h5 a {
font-size:14px;
}
.section-spce {
padding-left:0;
padding-right: 0;
}
.about-box h2 {
font-size:25px;
}
.about-box h4 span::before {
border: 1px solid #d8d8d8;
width: 12px;
position: absolute;
right:15px;
top:3px;
}
.about-box h4 span::after {
border: 1px solid #d8d8d8;
width: 12px;
position: absolute;
left:15px;
top:3px;
}
.about-box p {
font-size:14px;
}
.about-text h2 {
font-size: 28px;
}
.about-text p {
font-size:16px;
}
.about-text h3 {
font-size:18px;
}
.about-text h1 {
font-size:25px;
}
.section-bg {
background:#f9f9f9;
height:auto;
}
.zodiac-box {
float: left;
width:85px;
height:85px;
border:8px solid rgba(0, 0, 0, 0.0784313725490196);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
margin-right:20px;
}
.zodiac-box i {
width:70px;
height:70px;
float: left;
text-align: center;
line-height:70px;
}
.zodiac-text {
float: left;
margin-top:30px;
}
.zodiac-text h5 {
font-size:18px;
}
.zodiac-text p {
font-size:14px;
}
.filtermenu {
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
border:1px dashed #cecece;
width:95%;
}
.filtermenu li {
padding: 10px 20px;
display: inline-block;
border-right:1px dashed #cecece;
cursor: pointer;
font-size:12px;
}
.post {
float: left;
width: 100%;
text-align: center;
border:1px dashed #cecece;
padding: 20px 20px 10px 20px;
margin-bottom: 20px;
}
.post-thumb {
display: inline-block;
border:1px dashed #cecece;
padding:10px;
margin-bottom:20px;
}
.post-thumb-circle {
position: relative;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border:1px dashed #cecece;
}
.post-title h2 {
font-size:24px;
}
.post-title p {
font-size:14px;
}
.post-title h5 a {
font-size:14px;
}
.counter-wrapper {
display: inline-block;
float: left;
width:50%;
padding-top:20px;
padding-bottom: 20px;
border:1px dashed #cecece;
}
.counter-cycle-main {
display: inline-block;
border:1px dashed #cecece;
width:60px;
height:60px;
padding-top:7px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.counter-cycle-main span {
width:45px;
height:45px;
line-height:45px;
text-align: center;
font-size: 20px;
color: #f01d25;
font-weight: bold;
border:1px dashed #cecece;
}
.con1, .con2, .con3, .con4 {
font-size:20px;
color: #000000;
margin-top:20px;
}
.counter-main-wrapper {
float:none;
width:95%;
margin:0 auto;
text-align: center;
}
.footer-help {
padding-left: 0;
padding-right: 0;
}
.footer-logo {
padding-left:0px;
padding-right:0px;
}
.footer-logo img {
width:40%;
margin: 0 auto;
}
.footer-logo p {
font-size:14px;
padding:10px;
}
.footer-logo::before {
display:none;
}
.footer-logo h4 a {
font-size:14px;
}
.footer-help {
margin-bottom:20px;
}
.footer-help h2 {
font-size:20px;
}
.footer-help p {
font-size:14px;
padding:0;
}
.footer-contact h2 {
font-size:20px;
}
.footer-help::before {
display:none;
}
.footer-contact p {
font-size:16px;
padding:0;
}
.footer-contact li a {
width:40px;
height: 40px;
line-height: 40px;
font-size:15px;
margin-top:10px;
margin-right:5px;
}
.footer-contact li i {
line-height: 40px;
}
.post-thumb-circle h2 {
font-size:30px;
color: #f01d25;
line-height:45px;
font-weight: bold;
text-transform: uppercase;
padding-bottom:10px;
}
.form-wrapper select {
width: 100%;
height:40px;
border:1px solid #e7e7e7;
padding-left:10px;
padding-right:0;
margin-bottom:10px;
}
.form-wrapper input[type="submit"] {
background: #f01d25;
width:50%;
margin: 0 auto;
border-radius:20px;
display: block;
color: #FFF;
font-size:16px;
}
.post-thumb-circle i {
font-size:30px;
color: #f01d25;
line-height:45px;
}
.post-title p a {
font-size:14px;
}
.form-pop input[type="submit"] {
width: 100%;
padding: 10px 20px;
border-radius:20px;
font-size:14px;
}
.box {
width:100%;
}
.popup {
width:90%;
padding:10px;
margin:20px auto;
}
.popup h2 {
font-size:25px;
padding-top:20px;
}
.popup .close {
position: absolute;
top: 10px;
right: 10px;
transition: all 200ms;
font-size: 30px;
}
.popup p {
text-align: center;
margin-bottom:20px;
}
.popup .content {
max-height:100%;
overflow: auto;
}
}
@media (min-width:640px) and (max-width:767px) {
.about-text li {
font-size: 1em;
}
.about-text1 {
padding: 1em 0 0 0;
}
.sectiontitle h2 {
font-size: 2em!important;
}
.post-title {
padding: 10px;
}
.post-title h2 {
font-size: 18px!important;
}
.post-title p {
font-size: 13px!important;
}
.section-bg {
background: #faefc2!important;
}
.mt-5, .my-5 {
margin-top: 0!important;
}
.btn-appointment {
color: #000;
font-weight: 600;
}
.about-section {
padding: 2em 0em 2em 0em;
}
.btn-quote {
padding: 10px 20px;
font-size: 13px;
margin-left: 0;
}
#main {
top: 30px;
}
.desktop-show {
display: none;
}
.mobile-show {
display:block;
}
.logo img {
width:100%;
}
.top-section {
display:block;
padding: 10px;
}
header {
position: relative;
width: 100%;
z-index: 22;
top: 0;
left: 0;
background: rgba(255, 255, 255, 1);
}
header.tr-header.sticky {
position: relative;
left: 0;
right: 0;
top: 0;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
z-index: 9999999;
}
.tr-header {
height: auto;
margin-top:0;
}
.logo-holder {
width:100%;
position:relative;
margin:0 auto;
}
.title-content {
display: block;
}
.title-content h1 {
font-family: 'Fjalla One', sans-serif;
display: block;
height: auto;
font-size:4em;
font-weight: 600;
line-height: 1.4em;
padding-bottom:0;
margin-bottom:0;
}
.title-content p {
color: #fed23f;
font-size:3em;
font-weight: 500;
line-height: 1.5em;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
text-shadow: 2px 2px 5px #000;
padding-top: 0;
padding-bottom:30px;
}
.btn-more {
font-family: 'Poppins', sans-serif;
color: #fff;
background-color: #f01d25;
font-weight:600;
text-transform: uppercase;
border-color: #f01d25;
padding:2% 4%;
font-size:2.5em;
text-decoration: none;
border-radius: 30px;
}
.section {
padding:20px 0;
}
.btn-box {
width:100%;
margin:40px auto;
margin-bottom:20px;
margin-top:20px;
text-align:center;
}
.btn-appointment {
width: 100%;
margin:5px auto;
font-family: 'Poppins', sans-serif;
color: black;
background-color: #fed23f;
font-weight: 400;
text-transform: uppercase;
border-color: #219bdb;
padding: 7px 13px;
font-size: 15px;
text-decoration: none;
border-radius:5px;
}
.home-box h1 {
font-size: 4vw;
font-weight: 700;
color: #fff;
width:100%;
}
.home-box h4 {
font-size:26px;
}
.home-box h2 {
font-size:17px;
padding-bottom:12px;
}
.topsection {
width: 100%;
position: relative;
z-index: 1000;
top: 0;
left: 0;
border-bottom: .1vw solid rgba(255, 255, 255, 0.3);
padding:2px;
color: #FFF;
background-color:#1d5a6f;
}
.topsection li {
font-size:20px;
margin-right:10px;
padding-top:0;
color:#FFF;
}
.topsection li a {
color: #FFF;
text-decoration: none;
}
.topsection li a:hover {
color:#000;
text-decoration: none;
}
.topsection li i {
margin-right:5px;
font-size: 18px;
}
.btn-size {
font-size:4em;
padding:20px 40px 20px 40px;
}
.top-space {
margin-top:12px!important;
}
.bottom-space {
margin-bottom:10px !important;
}
.home-box h3 {
font-size: 1.4em;
width: 100%;
margin-left:0;
}
.about-text1 h2 {
font-size:1.3em;
padding-top:0;
}
.about-text1 h3 {
font-size:22px;
}
.about-text1 p {
font-size:16px;
}
.about-text1 li {
font-size:16px;
}
.form-wrapper {
float: left;
width: 100%;
margin-top:2vw;
margin-left:5px;
}
.form-wrapper input {
height: 40px;
}
.form-wrapper textarea {
width: 100%;
border: .1vw solid #e7e7e7;
padding:1vw;
}
.monogram {
display:none;
}
#footer a {
font-weight:600;
}
.link {
font-size:14px;
text-align:center;
font-weight:600;
}
.link a {
font-size:14px;
text-align:center;
font-weight:600;
}
.pull-right {
float:none!important;
font-size:13px;
text-align:center;
font-weight:600;
}
.pd-space-left {
padding-left: 0;
}
.pd-space {
padding-left: 20px;
padding-right: 20px;
}
.service-grid {
margin-bottom:20px;
padding:20px;
}
.service-grid h2 {
font-size:20px;
font-weight: bold;
padding-bottom: .5vw;
}
.service-grid p {
font-size:14px;
font-weight: 400;
}
.service-grid h5 a {
font-size:14px;
}
.section-spce {
padding-left:0;
padding-right: 0;
}
.about-box h2 {
font-size:25px;
}
.about-box h4 span::before {
border: 1px solid #d8d8d8;
width: 12px;
position: absolute;
right:15px;
top:3px;
}
.about-box h4 span::after {
border: 1px solid #d8d8d8;
width: 12px;
position: absolute;
left:15px;
top:3px;
}
.about-box p {
font-size:14px;
}
.about-text h2 {
font-size: 28px;
}
.about-text p {
font-size:16px;
}
.about-text h3 {
font-size:18px;
}
.about-text h1 {
font-size:25px;
}
.section-bg {
background:#f9f9f9;
height:auto;
}
.zodiac-box {
float: left;
width:85px;
height:85px;
border:8px solid rgba(0, 0, 0, 0.0784313725490196);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
margin-right:20px;
}
.zodiac-box i {
width:70px;
height:70px;
float: left;
text-align: center;
line-height:70px;
}
.zodiac-text {
float: left;
margin-top:30px;
}
.zodiac-text h5 {
font-size:18px;
}
.zodiac-text p {
font-size:14px;
}
.filtermenu {
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
border:1px dashed #cecece;
width:95%;
}
.filtermenu li {
padding: 10px 20px;
display: inline-block;
border-right:1px dashed #cecece;
cursor: pointer;
font-size:12px;
}
.post {
float: left;
width: 100%;
text-align: center;
border:1px dashed #cecece;
padding: 20px 20px 10px 20px;
margin-bottom: 20px;
}
.post-thumb {
display: inline-block;
border:1px dashed #cecece;
padding:10px;
margin-bottom:20px;
}
.post-thumb-circle {
position: relative;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border:1px dashed #cecece;
}
.post-title h2 {
font-size:24px;
}
.post-title p {
font-size:14px;
}
.post-title h5 a {
font-size:14px;
}
.counter-wrapper {
display: inline-block;
float: left;
width:50%;
padding-top:20px;
padding-bottom: 20px;
border:1px dashed #cecece;
}
.counter-cycle-main {
display: inline-block;
border:1px dashed #cecece;
width:60px;
height:60px;
padding-top:7px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.counter-cycle-main span {
width:45px;
height:45px;
line-height:45px;
text-align: center;
font-size: 20px;
color: #f01d25;
font-weight: bold;
border:1px dashed #cecece;
}
.con1, .con2, .con3, .con4 {
font-size:20px;
color: #000000;
margin-top:20px;
}
.counter-main-wrapper {
float:none;
width:95%;
margin:0 auto;
text-align: center;
}
.footer-help {
padding-left: 0;
padding-right: 0;
}
.footer-logo {
padding-left:0px;
padding-right:0px;
}
.footer-logo img {
width:40%;
margin: 0 auto;
}
.footer-logo p {
font-size:14px;
padding:10px;
}
.footer-logo::before {
display:none;
}
.footer-logo h4 a {
font-size:14px;
}
.footer-help {
margin-bottom:20px;
}
.footer-help h2 {
font-size:20px;
}
.footer-help p {
font-size:14px;
padding:0;
}
.footer-contact h2 {
font-size:20px;
}
.footer-help::before {
display:none;
}
.footer-contact p {
font-size:16px;
padding:0;
}
.footer-contact li a {
width:40px;
height: 40px;
line-height: 40px;
font-size:15px;
margin-top:10px;
margin-right:5px;
}
.footer-contact li i {
line-height: 40px;
}
.about-header h2 {
position: absolute;
z-index: 10;
color: #FFF;
font-size:20px;
}
.post-thumb-circle h2 {
font-size:30px;
color: #f01d25;
line-height:45px;
font-weight: bold;
text-transform: uppercase;
padding-bottom:10px;
}
.form-wrapper select {
width: 100%;
height:40px;
border:1px solid #e7e7e7;
padding-left:10px;
padding-right:0;
margin-bottom:10px;
}
.form-wrapper input[type="submit"] {
background: #f01d25;
width:50%;
margin: 0 auto;
border-radius:20px;
display: block;
color: #FFF;
font-size:16px;
}
.post-thumb-circle i {
font-size:30px;
color: #f01d25;
line-height:45px;
}
.post-title p a {
font-size:14px;
}
.form-pop input[type="submit"] {
width: 100%;
padding: 10px 20px;
border-radius:20px;
font-size:14px;
}
.box {
width:100%;
}
.popup {
width:90%;
padding:10px;
margin:20px auto;
}
.popup h2 {
font-size:25px;
padding-top:20px;
}
.popup .close {
position: absolute;
top: 10px;
right: 10px;
transition: all 200ms;
font-size: 30px;
}
.popup p {
text-align: center;
margin-bottom:20px;
}
.popup .content {
max-height:100%;
overflow: auto;
}
}
@media (min-width:480px) and (max-width:639px) {
nav ul li {
display:block;
width: 100%;
}
.clearfix {
clear:both;
}
.mobile-hide {
display:none;
}
.logo img {
width:100%;
}
.top-section {
display:block;
}
header {
position: relative;
width: 100%;
z-index: 22;
top: 0;
left: 0;
background: rgba(255, 255, 255, 1);
}
header.tr-header.sticky {
position: relative;
left: 0;
right: 0;
top: 0;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
z-index: 9999999;
}
.tr-header {
height: auto;
margin-top:0;
}
.logo-holder {
width:100%;
position:relative;
margin:0 auto;
}
.title-content {
display: block;
bottom: -25vw;
}
.title-content h1 {
font-family: 'Fjalla One', sans-serif;
display: block;
height: auto;
font-size:5em;
font-weight: 600;
line-height: 1.4em;
}
.title-content p {
color: #FFF;
font-size:4.2em;
font-weight: 300;
line-height: 1.5em;
text-align: center;
color: #FFF;
letter-spacing: 1px;
text-transform: uppercase;
text-shadow: 2px 2px 5px #000;
padding-top: 0;
padding-bottom:30px;
}
.btn-more {
font-family: 'Poppins', sans-serif;
color: #fff;
background-color: #f01d25;
font-weight:600;
text-transform: uppercase;
border-color: #f01d25;
padding:2% 4%;
font-size:2.5em;
text-decoration: none;
border-radius: 30px;
}
.section {
padding:20px 0;
}
.btn-box {
width:100%;
margin:0 auto;
margin-bottom:20px;
margin-top:20px;
}
.btn-appointment {
width: 100%;
margin:0 auto;
font-family: 'Poppins', sans-serif;
color: white;
background-color: #fed23f;
font-weight: 400;
text-transform: uppercase;
border-color: #219bdb;
padding: 10px 30px;
font-size: 14px;
text-decoration: none;
border-radius:20px;
}
.home-box h1 {
font-size: 4vw;
font-weight: 700;
color: #fff;
width:100%;
}
.home-box h2 {
font-size: 4vw;
font-weight: 400;
color: #fff;
line-height:1.3em;
width:90%;
text-align:center;
margin:auto;
}
.btn-quote {
width:100%;
font-family: 'Poppins', sans-serif;
color: #000;
background-color: #fed23f;
font-weight:700;
text-transform:uppercase;
border-color: #fed23f;
margin-left:10px;
font-size:4vw;
text-decoration:none;
border-radius:8px;
margin-bottom:20px;
}
.top-space {
margin-top:12px!important;
}
.bottom-space {
margin-bottom:10px !important;
}
.home-box h3 {
font-size: 4.2vw;
font-weight: 400;
color: #fff;
width:90%;
text-align:center;
margin-left:19px;
}
.about-text1 p {
font-size:5vw;
}
.about-text1 li {
font-size:5vw;
list-style:none;
font-weight: 700;
padding-bottom:7px;
color:#000;
}
.form-wrapper {
float: left;
width: 100%;
margin-top:2vw;
margin-left:5px;
}
.form-wrapper textarea {
width: 93%;
border: .1vw solid #e7e7e7;
padding:1vw;
}
.monogram {
display:none;
}
#footer a {
font-weight:600;
}
.link {
font-size:14px;
text-align:center;
font-weight:600;
}
.link a {
font-size:14px;
text-align:center;
font-weight:600;
}
.pull-right {
float:none!important;
font-size:13px;
text-align:center;
font-weight:600;
}
.pd-space-left {
padding-left: 0;
}
.pd-space {
padding-left: 20px;
padding-right: 20px;
}
.service-grid {
margin-bottom:20px;
padding:20px;
}
.service-grid h2 {
font-size:20px;
font-weight: bold;
padding-bottom: .5vw;
}
.service-grid p {
font-size:14px;
font-weight: 400;
}
.service-grid h5 a {
font-size:14px;
}
.section-spce {
padding-left:0;
padding-right: 0;
}
..about-box h2 {
font-size:25px;
}
.about-box h4 span {
width: 8px;
height: 8px;
}
.about-box h4 span::before {
border: 1px solid #d8d8d8;
width: 12px;
position: absolute;
right:15px;
top:3px;
}
.about-box h4 span::after {
border: 1px solid #d8d8d8;
width: 12px;
position: absolute;
left:15px;
top:3px;
}
.about-box p {
font-size:14px;
}
.about-text h2 {
font-size: 27px;
margin-left:10px;
}
.about-text p {
font-size:18px;
width:90%;
margin-left:10px;
}
.about-text h3 {
font-size:18px;
}
.about-text h1 {
font-size:25px;
}
.section-bg {
background:#f9f9f9;
height:auto;
}
.zodiac-box {
float: left;
width:85px;
height:85px;
border:8px solid rgba(0, 0, 0, 0.0784313725490196);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
margin-right:20px;
}
.zodiac-box i {
width:70px;
height:70px;
float: left;
text-align: center;
line-height:70px;
}
.zodiac-text {
float: left;
margin-top:30px;
}
.zodiac-text h5 {
font-size:18px;
}
.zodiac-text p {
font-size:14px;
}
.filtermenu {
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
border:1px dashed #cecece;
width:95%;
}
.filtermenu li {
padding: 10px 20px;
display: inline-block;
border-right:1px dashed #cecece;
cursor: pointer;
font-size:12px;
}
.post {
float: left;
width: 100%;
text-align: center;
border:1px dashed #cecece;
padding: 20px 20px 10px 20px;
margin-bottom: 20px;
}
.post-thumb {
display: inline-block;
border:1px dashed #cecece;
padding:10px;
margin-bottom:20px;
}
.post-thumb-circle {
position: relative;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border:1px dashed #cecece;
}
.post-title h2 {
font-size:24px;
}
.post-title p {
font-size:14px;
}
.post-title h5 a {
font-size:14px;
}
.counter-wrapper {
display: inline-block;
float: left;
width:50%;
padding-top:20px;
padding-bottom: 20px;
border:1px dashed #cecece;
}
.counter-cycle-main {
display: inline-block;
border:1px dashed #cecece;
width:60px;
height:60px;
padding-top:7px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.counter-cycle-main span {
width:45px;
height:45px;
line-height:45px;
text-align: center;
font-size: 20px;
color: #f01d25;
font-weight: bold;
border:1px dashed #cecece;
}
.con1, .con2, .con3, .con4 {
font-size:20px;
color: #000000;
margin-top:20px;
}
.counter-main-wrapper {
float:none;
width:95%;
margin:0 auto;
text-align: center;
}
.footer-logo {
padding-left:20px;
padding-right:20px;
}
.footer-logo img {
width:100%;
margin: 0 auto;
}
.footer-logo p {
font-size:14px;
padding:10px;
}
.footer-logo::before {
display:none;
}
.footer-logo h4 a {
font-size:14px;
}
.footer-help {
margin-bottom:20px;
}
.footer-help h2 {
font-size:20px;
}
.footer-help p {
font-size:14px;
padding:0;
}
.footer-contact h2 {
font-size:15px;
}
.footer-help::before {
display:none;
}
.footer-contact p {
font-size:13px;
padding:0;
}
.footer-contact li a {
width:40px;
height: 40px;
line-height: 40px;
font-size:15px;
margin-top:10px;
margin-right:5px;
}
.footer-contact li i {
line-height: 40px;
}
.post-thumb-circle h2 {
font-size:30px;
color: #f01d25;
line-height:45px;
font-weight: bold;
text-transform: uppercase;
padding-bottom:10px;
}
.form-wrapper input {
width: 100%;
height:40px;
border:1px solid #e7e7e7;
margin-bottom:10px;
}
.form-wrapper select {
width: 100%;
height:40px;
border:1px solid #e7e7e7;
padding-left:10px;
padding-right:0;
margin-bottom:10px;
}
.form-wrapper input[type="submit"] {
background: #f01d25;
width:50%;
margin: 0 auto;
border-radius:20px;
display: block;
color: #FFF;
font-size:16px;
}
.post-thumb-circle i {
font-size:30px;
color: #f01d25;
line-height:45px;
}
.post-title p a {
font-size:14px;
}
.form-pop input[type="submit"] {
width: 100%;
padding: 10px 20px;
border-radius:20px;
font-size:14px;
}
.box {
width:100%;
}
.popup {
width:90%;
padding:10px;
margin:20px auto;
}
.popup h2 {
font-size:25px;
padding-top:20px;
}
.popup .close {
position: absolute;
top: 10px;
right: 10px;
transition: all 200ms;
font-size: 30px;
}
.popup p {
text-align: center;
margin-bottom:20px;
}
.popup .content {
max-height:100%;
overflow: auto;
}
}
.visible-xs{
	display: none;
}
@media (min-width:320px) and (max-width:479px) {

.visible-xs{
	display: inherit!important;
}

nav ul li {
display:block;
width: 100%;
}
.clearfix {
clear:both;
}
.mobile-hide {
display:none;
}
.logo img {
width:100%;
}
.top-section {
display:block;
}
header {
position: relative;
width: 100%;
z-index: 22;
top: 0;
left: 0;
background: rgba(255, 255, 255, 1);
}
header.tr-header.sticky {
position: relative;
left: 0;
right: 0;
top: 0;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
z-index: 9999999;
}
.tr-header {
height: auto;
margin-top:0;
}
.logo-holder {
width:100%;
position:relative;
margin:0 auto;
}
.title-content {
display: block;
bottom: -25vw;
}
.title-content h1 {
font-family: 'Fjalla One', sans-serif;
display: block;
height: auto;
font-size:5em;
font-weight: 700;
line-height: 1.4em;
padding-left:5px;
padding-right:5px;
}
.title-content p {
color: #fed23f;
font-size:4em;
font-weight: 700;
}
.btn-more {
font-family: 'Poppins', sans-serif;
color: #fff;
background-color: #f01d25;
font-weight:600;
text-transform: uppercase;
border-color: #f01d25;
padding:2% 4%;
font-size:2.5em;
text-decoration: none;
border-radius: 30px;
}
.section {
padding:20px 0;
}
.btn-box {
width:100%;
margin:0 auto;
margin-bottom:20px;
margin-top:20px;
}
.btn-appointment {
width: 100%;
margin:0 auto;
font-family: 'Poppins', sans-serif;
color: #000;
font-weight: 400;
text-transform: uppercase;
border-color: #219bdb;
padding: 10px 30px;
font-size: 14px;
text-decoration: none;
border-radius:20px;
}
.btn-appointment:hover {
color: #fff;
}
.home-box {
padding: 1em;
}
.home-box h1 {
font-size:1.2em;
font-weight: 700;
color: #fff;
width:100%;
}
.home-box h2 {
font-size:14px;
}
.top-space {
margin-top:12px!important;
}
.bottom-space {
margin-bottom:10px !important;
}
.home-box h3 {
font-size: 4.2vw;
font-weight: 400;
color: #fff;
width:90%;
text-align:center;
margin-left:19px;
}
.about-text1 h2 {
font-size:18px;
}
.about-text1 p {
font-size:16px;
}
.about-text1 li {
font-size:14px;
}
.astro-header h2 {
position: absolute;
z-index: 10;
color: #FFF;
top: 4em;
font-size: 20px;
}
.numerology-header h2 {
position: absolute;
z-index: 10;
color: #FFF;
top: 4em;
font-size: 20px;
}
.shubh-header h2 {
position: absolute;
z-index: 10;
color: #FFF;
top: 4em;
font-size: 20px;
}
.enquiry-header h2 {
position: absolute;
z-index: 10;
color: #FFF;
top: 4em;
font-size: 20px;
}
.contact-header h2 {
position: absolute;
z-index: 10;
color: #FFF;
top: 4em;
font-size: 20px;
}
.form-wrapper {
float: left;
width: 100%;
margin-top:2vw;
margin-left:5px;
}
.form-wrapper textarea {
width: 100%;
border: .1vw solid #e7e7e7;
padding:1vw;
}
.monogram {
display:none;
}
#footer a {
font-weight:600;
}
#footer {
padding:1em;
}
.link {
font-size:12px;
text-align:center;
font-weight:600;
}
.link a {
font-size:12px;
text-align:center;
font-weight:600;
}
.pull-right {
float:none!important;
font-size:12px;
text-align:center;
font-weight:600;
}
.pd-space-left {
padding-left: 0;
}
.pd-space {
padding-left: 20px;
padding-right: 20px;
}
.service-grid {
margin-bottom:20px;
padding:20px;
float: left;
width: 100%;
border: 0.1vw solid #1d5a6f;
}
.service-grid h2 {
font-size:25px;
font-weight: bold;
padding-bottom: .5vw;
}
.service-grid p {
font-size:15px;
font-weight: 400;
}
.service-grid h5 a {
font-size:14px;
}
.section-spce {
padding-left:0;
padding-right: 0;
}
.about-box h2 {
font-size:22px;
}
.about-box h4 span {
width: 8px;
height: 8px;
}
.about-box h4 span::before {
border: 1px solid #d8d8d8;
width: 12px;
position: absolute;
right:15px;
top:3px;
}
.about-box h4 span::after {
border: 1px solid #d8d8d8;
width: 12px;
position: absolute;
left:15px;
top:3px;
}
.about-box p {
font-size:14px;
}
.about-text {
padding: 1em;
}
.about-text h2 {
font-size: 20px;
}
.about-text p {
font-size:14px;
width:100%;
}
.about-text h3 {
font-size:18px;
}
.about-text h1 {
font-size:25px;
}
.section-bg {
background:#f9f9f9;
height:auto;
}
.zodiac-box {
float: left;
width:85px;
height:85px;
border:8px solid rgba(0, 0, 0, 0.0784313725490196);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
margin-right:20px;
}
.zodiac-box i {
width:70px;
height:70px;
float: left;
text-align: center;
line-height:70px;
}
.zodiac-text {
float: left;
margin-top:30px;
}
.zodiac-text h5 {
font-size:18px;
}
.zodiac-text p {
font-size:14px;
}
.filtermenu {
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
border:1px dashed #cecece;
width:95%;
}
.filtermenu li {
padding: 10px 20px;
display: inline-block;
border-right:1px dashed #cecece;
cursor: pointer;
font-size:12px;
}
.post {
float: left;
width: 100%;
text-align: center;
border:1px dashed #cecece;
padding: 20px 20px 10px 20px;
margin-bottom: 20px;
}
.post-thumb {
display: inline-block;
border:1px dashed #cecece;
padding:10px;
margin-bottom:20px;
}
.post-thumb-circle {
position: relative;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border:1px dashed #cecece;
}
.post-title h2 {
font-size:15px;
}
.post-title p {
font-size:19px;
}
.post-title h5 a {
font-size:14px;
}
.counter-wrapper {
display: inline-block;
float: left;
width:50%;
padding-top:20px;
padding-bottom: 20px;
border:1px dashed #cecece;
}
.counter-cycle-main {
display: inline-block;
border:1px dashed #cecece;
width:60px;
height:60px;
padding-top:7px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.counter-cycle-main span {
width:45px;
height:45px;
line-height:45px;
text-align: center;
font-size: 20px;
color: #f01d25;
font-weight: bold;
border:1px dashed #cecece;
}
.con1, .con2, .con3, .con4 {
font-size:20px;
color: #000000;
margin-top:20px;
}
.counter-main-wrapper {
float:none;
width:95%;
margin:0 auto;
text-align: center;
}
.footer-logo {
padding-left:20px;
padding-right:20px;
}
.footer-logo img {
width:100%;
margin: 0 auto;
}
.footer-logo p {
font-size:14px;
padding:10px;
}
.footer-logo::before {
display:none;
}
.footer-logo h4 a {
font-size:14px;
}
.footer-help {
margin-bottom:20px;
}
.footer-help h2 {
font-size:20px;
}
.footer-help p {
font-size:14px;
padding:0;
}
.footer-contact h2 {
font-size:15px;
}
.footer-help::before {
display:none;
}
.footer-contact p {
font-size:14px;
padding:0;
}
.footer-contact li a {
width:40px;
height: 40px;
line-height: 40px;
font-size:15px;
margin-top:10px;
margin-right:5px;
}
.footer-contact li i {
line-height: 40px;
}
.about-header h2 {
position: absolute;
z-index: 10;
color: #FFF;
top:4em;
font-size:20px;
}
.post-thumb-circle h2 {
font-size:30px;
color: #f01d25;
line-height:45px;
font-weight: bold;
text-transform: uppercase;
padding-bottom:10px;
}
.form-wrapper input {
width: 100%;
border:1px solid #e7e7e7;
margin-bottom:10px;
}
.form-wrapper select {
width: 100%;
height:40px;
border:1px solid #e7e7e7;
padding-left:10px;
padding-right:0;
margin-bottom:10px;
}
.form-wrapper input[type="submit"] {
background: #f01d25;
width:50%;
margin: 0 auto;
border-radius:20px;
display: block;
color: #FFF;
font-size:16px;
}
.post-thumb-circle i {
font-size:30px;
color: #f01d25;
line-height:45px;
}
.post-title p a {
font-size:14px;
}
.form-pop input[type="submit"] {
width: 100%;
padding: 10px 20px;
border-radius:20px;
font-size:14px;
}
.box {
width:100%;
}
.popup {
width:90%;
padding:10px;
margin:20px auto;
}
.popup h2 {
font-size:25px;
padding-top:20px;
}
.popup .close {
position: absolute;
top: 10px;
right: 10px;
transition: all 200ms;
font-size: 30px;
}
.popup p {
text-align: center;
margin-bottom:20px;
}
.popup .content {
max-height:100%;
overflow: auto;
}
}