@font-face {
font-family: 'Museo300';
src: url(//janikaayurveda.com/wp-content/themes/janika/fonts/Museo300-Regular-webfont.woff2) format('woff2'),
url(//janikaayurveda.com/wp-content/themes/janika/fonts/Museo300-Regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'icomoon';
src:  url(//janikaayurveda.com/wp-content/themes/janika/fonts/icomoon.eot?p3w9ce);
src:  url(//janikaayurveda.com/wp-content/themes/janika/fonts/icomoon.eot?p3w9ce#iefix) format('embedded-opentype'),
url(//janikaayurveda.com/wp-content/themes/janika/fonts/icomoon.ttf?p3w9ce) format('truetype'),
url(//janikaayurveda.com/wp-content/themes/janika/fonts/icomoon.woff?p3w9ce) format('woff'),
url(//janikaayurveda.com/wp-content/themes/janika/fonts/icomoon.svg?p3w9ce#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-facebook:before {
content: "\ea91";
}
.icon-instagram:before {
content: "\ea92";
}
.icon-twitter:before {
content: "\ea96";
}
.icon-youtube:before {
content: "\ea9d";
} article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body{
background: #fff;
font-family: 'Museo300';
}
.wrapper{
display: block;
margin-left: 275px;
width: calc(100% - 275px);
box-sizing: border-box;
float: left;
}
.wrapper section{
display: block;
float: left;
width: 100%;
clear: both;
padding: 70px 0;
}
.wrapper section.gray{
background: #fafafa;
}
.wrapper section .container {
width: calc(100% - 400px);
padding: 0 130px;
}
.wrapper section.banInner {
padding-bottom: 0;
}
.content p{
font-size: 17px;
line-height: 30px;
color: #656565;
font-family: 'Open Sans';
}
.content p:first-child{
color:#4a4a4a;
font-size:25px;
line-height:40px;
font-family: 'Museo300';
}
.img-responsive{
width: 100%;
}
h2 {
font-size: 75px;
font-weight: normal;
color: #9e4399;
}
h3{
font-size: 44px;
font-weight: normal;
color: #5c5c5c;
}
.about h2,
.banInner h2{
margin: 0;
}
h2.headtop{
margin: 0;
color: #5c5c5c;
}
header{
display: block;
width: 275px;
height: 100%;
top:0;
bottom:0;
left: 0;
position:fixed;
background: #fff url(//janikaayurveda.com/wp-content/themes/janika/img/header-bg.svg) no-repeat left top;
background-size:cover;
text-align: center;
padding: 40px 0;
box-sizing: border-box;
}
header #menuMain{
margin: 35px 0 0 0;
padding: 0;
}
header #menuMain li{
display:block;
padding: 0 10px;
clear: both;
box-sizing: border-box;
}
header #menuMain li a{
display:block;
padding: 5px 0;
text-decoration: none;
color: #000;
}
header #menuMain li.current-menu-item a{
display:block;
padding: 5px 0;
text-decoration: none;
color: #9e4399;
}
header .copy {
position: absolute;
bottom: 20px;
z-index: 10;
left: 50%;
width: 100%;
transform: translateX(-50%);
font-size: 13px;
color: #6f6f6f;
letter-spacing: .4px;
}
header .quick{
position: absolute;
bottom: 55px;
z-index: 10;
left: 50%;
width: 100%;
transform: translateX(-50%);
}
.quick h4 {
font-size: 12px;
color: #6f6f6f;
font-weight: normal;
letter-spacing: .5px;
margin: 0;
}
.quick a {
font-size: 25px;
color: #9e4399;
text-decoration: none;
padding: 6px 0 0 0;
display: inline-block;
}
.quick a.email {
font-size: 18px;
margin-top: 5px;
}
ul.social {
margin: 35px 0  0 0;
padding: 0;
}
ul.social li {
display: inline-block;
}
ul.social li a {
font-size: 13px;
padding: 4px;
color: #333;
text-decoration: none;
}
ul.social li a:hover {
color: #9e4399;
} .banner .rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.banner .rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.banner .rslides li:first-child {
position: relative;
display: block;
float: left;
}
.banner .rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
.banner .rslides img.bannerMob{
display: none;
} .wrapper > section#banner{
padding: 0;
display: block;
float: left;
height: 100vh;
width: 100%;
}
.banner .rslides li {
width: 100%;
height: 100vh;
background-size: cover;
}
ul.rslides_tabs {
position: absolute;
z-index: 1000;
right: 35px;
bottom: 35px;
}
ul.rslides_tabs {
position: absolute;
z-index: 800;
right: 107px;
bottom: 23px;
}
ul.rslides_tabs li {
float: left;
display: block;
margin:0 4px;
}
ul.rslides_tabs li.rslides_here a {
background: #9e4399;
}
ul.rslides_tabs li a{
width: 8px;
height: 8px;
background: #fff;
font-size: 0;
text-indent: -999999px;
float: left;
border-radius: 50%;
border: solid 3px #9e4399;
}
.slideContent {
display: block;
position: absolute;
top: 26vh;
left: 115px;
}
.slideContent h1 {
font-size: 55px;
line-height: 75px;
color: #9e4399;
margin-bottom: 50px;
font-weight: normal;
}
.slideContent a {
background: #fff;
padding: 20px 35px;
border-radius: 5px;
letter-spacing: .3px;
text-decoration: none;
color: #9e4399;
cursor: pointer;
transition: all .5s ease;
}
.slideContent a:hover {
color: #d7b146;
}
.partnersWrap > div{
display: block;
background: #fff;
border-radius: 8px;
padding: 30px;
box-shadow:1px 1px 6px rgba(10,10,10,.02);
}
.partnersWrap h4{
color: #9e4399;
font-size: 20px;
font-weight: normal;
margin: 0;
padding-bottom: 12px;
}
.partnersWrap p {
font-size: 17px;
margin: auto;
letter-spacing: .2px;
}
article.pro {
display: block;
width: 100%;
margin-bottom: 30px;
float: left;
clear: both;
}
.pro .image {
width: 350px;
float: left;
margin-right: 45px;
}
.pro .cont {
width: calc(100% - 400px);
float: left;
display: block;
}
.pro h3 a{
text-decoration: none;
color: #5c5c5c;
}
.pro h3 a:hover{
color: #9e4399;
}
.pro h3 {
margin: 10px 0 15px 0;
}
.contactForm .row {
display: block;
clear: both;
margin: 0 -15px;
}
.contactForm .row .col-md-6 {
display: block;
width: 50%;
float: left;
padding: 0 15px;
box-sizing: border-box;
}
.contactForm .row .col-md-12 {
display: block;
width: 100%;
float: left;
padding: 0 15px;
box-sizing: border-box;
}
.contactForm input.form-control {
width: 100%;
padding: 8px;
height: 48px;
box-sizing: border-box;
border: solid  1px #d4d3d3;
}
.contactForm textarea.form-control{
width: 100%;
padding: 8px;
box-sizing: border-box;
border: solid  1px #d4d3d3;
}
.contactForm input.form-control:focus,
.contactForm textarea.form-control:focus,
.contactForm input.form-control:hover,
.contactForm textarea.form-control:hover{
border:solid 1px #ebd8a2;
outline:none;
}
.contactForm label {
display: block;
padding-bottom: 8px;
letter-spacing: .5px;
color: #000;
}
.contactForm .form-group {
padding-bottom: 25px;
display: block
}
.contactForm .form-group br{
display:none;
}
input.wpcf7-submit {
padding: 17px 34px;
background: #9e4399;
border: none;
color: #fff;
outline: none;
transition: all .3s ease;
}
input.wpcf7-submit:hover {
background: #d7b146;
}
.address {
width: 300px;
float: left;
padding-right: 40px;
}
.address h5 {
font-size: 25px;
line-height: 34px;
margin: 0 0 8px 0;
font-weight: normal;
color: #9e4399;
}
.address p {
line-height: 27px;
letter-spacing: .4px;
}
.teamWrapper img.avatar {
width: 50%;
}
.teamWrapper article {
width: 50%;
display: block;
float: left;
padding: 0 25px 50px 25px;
box-sizing: border-box;
}
.teamWrapper {
margin: 0 -25px;
display: block;
position: relative;
}
.teamWrapper h5 {
font-size: 28px;
font-weight: normal;
letter-spacing: .4px;
margin: 25px 0 0 0;
color: #9e4399;
}
.teamWrapper h6 {
font-size: 19px;
letter-spacing: .5px;
font-weight: normal;
margin: 18px 0 23px 0;
display: block;
color: #a5a5a5;
}
.teamWrap {
display: block;
width: 100%;
clear: both;
float: left;
}
article.serv {
display: block;
width: 50%;
padding: 0 25px 50px 25px;
box-sizing: border-box;
}
.serWrap {
display: block;
float: left;
margin: 0 -25px;
display: flex;
flex-wrap: wrap;
}
.serWrap h3 a {
text-decoration: none;
color: #9e4399;
font-size: 30px;
letter-spacing: .5px;
padding: 0;
}
.serWrap h3 {
margin: 0;
padding: 10px 0 0 0;
}
.serWrap .image {
overflow: hidden;
width: 90%;
float: left;
padding-right: 45px;
max-height: 250px;
overflow: hidden;
box-sizing: border-box;
}
.serWrap .image img {
transition: all .3s ease;
}
.serWrap .image a:hover img {
transform: scale(1.1);
}
.address a {
color: #000;
text-decoration: none;
clear: both;
line-height: 27px;
letter-spacing: .4px;
transition:all .3s ease;
}
.address a:hover {
color: #9e4399;
}
.formsectiomn {
display: block;
float: left;
width: calc(100% - 340px);
}
.serviceDis .image {
width: 38%;
padding: 0 35px 15px 0;
box-sizing: border-box;
float: left;
}
.serviceDis .row{
clear:both;
}
.include {
display: block;
margin: 0 -20px;
clear: both; }
.inPack {
display: block;
float: left;
width: 100%;
padding: 20px;
box-sizing: border-box;
}
.inPack .head {
display: block;
clear: both;
}
.inPack .head h5 {
font-size: 25px;
margin: 0;
padding: 20px 0 15px 0; cursor: pointer;
font-weight: normal;
color: #9e4399;
}
.inPack .desce {
width: 100%;
clear: both;
float: left;
overflow: hidden;
}
.content .inPack p {
font-size: 16px;
line-height: 28px;
letter-spacing: .2px;
color: #4a4a4a;
margin-top: 0;
}
.allpage h3{
padding-bottom:30px;
}
.blogWrap {max-width: 800px;}
.blogWrap .image {
width: 100%;
clear: both;
margin-bottom: 22px;
}
.blogWrap h2 {
font-size: 46p;
}
.blogWrap h2, .blogWrap h3 {
clear: both;
}
.blogWrap h4 {
font-size: 20px!important;
line-height: 28px!important;
color: #656565!important;
font-family: 'Open Sans'!important;
}
ul.blogWraps {
display: block;
margin: 0 -15px;
padding: 0;
}
ul.blogWraps li {
width: 50%;
padding: 0 15px 30px 15px;
display: block;
box-sizing: border-box;
float: left;
font-size: 15px!important;
line-height: 28px!important;
color: #656565!important;
font-family: 'Open Sans'!important;
}
.blogWraps .image {
height: 350px;
overflow: hidden;
}
.blogWraps .image img {
width: 100%;
height: 100%;
object-fit: cover
}
.blogWraps  h3 {
font-size: 29px;
padding: 20px 0 0 0;
margin: 0; }
.blogWraps h3 a {
color: #333;
text-decoration: none;
padding: 0;
}
.blogWraps h3 a:hover {
color: #9e4399;
}
.testimonial article{
display: block;
float: left;
width: 100%;
clear: both;
padding: 0 0 40px 0;
}
.test {
background: #fafafa;
padding: 15px 30px;
font-size: 16px;
line-height: 24px;
letter-spacing: .4px;
position: relative;
box-sizing: border-box;
width: 100%;
}
.test:after {
content: "";
position: absolute;
display: block;
bottom: -13px;
left: 35px;
border-top: solid 14px #fafafa;
border-left: solid 12px transparent;
border-right: solid 12px transparent;
}
.testDet{
display: block;
width: 100%;
padding: 30px 0;
}
.testDet .img-fluid{
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
}
.testDet .photo{
margin-right: 25px;
float: left;
overflow: hidden;
}
span.det {
color: #656565;
font-family: 'Open Sans';
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
}
.testDet h5{
color: #9e4399;
font-size: 23px;
margin: 0;
letter-spacing: .3px;
font-weight: normal;
padding: 21px 0 6px 0;
} .menuFloat{
position: fixed;
z-index: 1000;
background: #fff;
padding: 25px;
right: 0;
top: 0;
display: none;
}
.mobilelogo{
position: absolute;
z-index: 500;
padding: 25px;
left: 10px;
top: 0;
display: none;
}
.mobilelogo img {
width: 66px;
}
#menuToggle
{
display: block;
position: relative;
cursor: pointer;
}
#menuToggle span
{
display: block;
width: 33px;
height: 4px;
margin-bottom: 5px;
position: relative; 
background: #9e4399;
border-radius: 3px;
z-index: 1;
transform-origin: 4px 0px; 
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
opacity 0.55s ease;
}
#menuToggle span:first-child{
transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2){
transform-origin: 0% 100%;
}
.showmMenu #menuToggle  span
{
opacity: 1;
transform: rotate(45deg) translate(-8px, -16px);
background: #232323;
}
.showmMenu #menuToggle span:nth-last-child(3)
{
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
.showmMenu #menuToggle  span:nth-last-child(2)
{
transform: rotate(-45deg) translate(-3px, 12px);
} .teamCont{
margin-bottom: 25px;
padding-bottom: 0;
}
@media (max-width: 1400px) {
header, .banner .rslides li{
min-height: 580px;
}
.slideContent {
top: 14vh;
left: 100px;
}
.slideContent h1 {
font-size: 40px;
line-height: 56px;
margin-bottom: 30px;
}
.slideContent a {
padding: 15px 27px;
}
.wrapper section .container {
width: calc(100% - 260px);
}
h2 {
font-size: 50px;
}
.content p:first-child {
font-size: 20px;
line-height: 33px;
}
.content p {
font-size: 15px;
line-height: 28px;
}
h3 {
font-size:39px
}
.wrapper section{
padding: 50px 0;
}
}
@media (max-width:1026px) {
header{
}
.wrapper {
margin-left: 0;
width: 100%;
position: relative;
transition: all .5s ease;
}
header{
transition: all .5s ease;
z-index: 900;
left: -275px;
}
.showmMenu header{
left: 0;
} .banner .rslides li{
background-position: center center; 
}
.slideContent {
top: auto;
bottom: 20vh;
left: 0;
right: 0;
text-align: center;
}
.slideContent h1 {
color: #fff;
text-shadow: 1px 1px 8px rgba(0,0,0,.1);
}
ul.rslides_tabs {
right: 50%;
transform: translateX(50%);
}
.wrapper.innerPage {
display: block;
padding-top: 74px;
}
.mobilelogo, .menuFloat{
display: block;
}
.address, .formsectiomn{
width: 100%;
clear: both;
margin-bottom: 25px;
}
.serviceDis .image{
width: 100%;
}
}
@media (max-width:992px) {
.serWrap .image {
width: 80%;
padding: 15px 0 15px 0;
}
.serWrap .text{
clear: both;
}
ul.blogWrap li {
width: 100%;
}
.teamWrapper article {
width: 100%;
padding-bottom: 25px;
}
}
@media (max-width:768px) {
.wrapper section .container {
width: 100%;
box-sizing: border-box;
padding: 0 30px;
}
.pro .image {
width: 100%;
}
.pro .cont {
width: 100%;
clear: both;
}
.contactForm .row .col-md-6 {
width: 100%;
}
.serviceDis .image {
padding-right: 30%;
width: 100%;
}
.inPack {
width: 100%;
}
h2 {
font-size: 38px;
}
span.det {
font-size: 12px;
letter-spacing: 1px;
}
.test{
letter-spacing: 1px;
}
.testDet .img-fluid {
width: 75px;
height: 75px;
}
.test:after{
left: 25px;
}
.testDet .photo{
margin-right: 15px;
}
.testDet h5 {
font-size: 21px;
padding: 10px 0 6px 0;
}
header #menuMain{
margin: 10px 0 0 0;
}
ul.social {
margin: 5px 0  0 0;
}
}