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

body {padding: 0; margin: 0; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif  !important; /* font-family:  !important; */}
img {max-width: 100%;}
div,p,h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0;}
.buttons {padding: 10px 20px; color: #fff; background: #357cad; border: none; border-radius: 5px;}
.navActive {background: #02658f !important; -webkit-transition: ease-in .30s;}
.navActive {border-bottom: none !important;}
.nav-bg {background: #02658f !important;}
.nav-bg {border-bottom: none !important;}
.row {margin: 0 !important; }
.float-right li {float: right !important;}
.logo-nav, li {padding: 0 !important; margin: 0 !important;}
.top-20 {margin-top: 20px;}
.hm-banner {width: 100%; clear: both;}
.hm-banner img {width: 100%; height: 80%;}
.nav-a-bg {background: none !important; margin: 0 !important; box-shadow: none !important;}
.padding-none {padding: 0 !important; margin: 0 !important;}
.hm-para { text-align: center; margin: 15px 0; padding: 30px 10px; background: #fff;}
.hm-para h1 {font-size: 2em; text-transform: uppercase;}
.padding-20 {padding: 10px 10px !important; }
.hm-banner h1 {text-align: center; margin: auto; font-size: 2em;}
.upper-left-area {position: absolute !important; bottom: 30px; left: 50%; background: rgba(0, 0, 0, 0.53);
    width: 90% !important; height: 100px; margin-left: -45.5%; color: #fff; padding: 10px;}
.upper-left-area h2 {margin: 0; }
.hm-middle-area {padding: 0px 10px !important;}
.hm-middle-area {text-align: center; margin: auto; background: #fff;}
.middl-pd-area {border: 1px solid rgba(204, 204, 204, 0.37); height: 300px; position: relative; margin-bottom: 10px;  text-align: center;}
.middl-pd-area img {width: 100%; margin: 0;}

.pd-img-area {height: 40%; width: 100%;}
.pd-img-area img {width: 100%; height: 100%;}

.bottom-head {position: absolute; bottom: 0; width: 100%; background: #666258; color: #fff; height: 40%;}
.text-span {width: 100%; padding: 10px 5px;}
.icon-span {float: left; width: 10%; border-left: 1px solid rgba(255, 255, 255, 0.8); padding: 8px 0; color: #fff;}
.bottom-bt {width: 20%; margin: auto;}
.bottom-bt:hover {background: #444; color: #fff;}
.bottom-bt a:hover {color: #fff;}
.bottom-bt a {color: #444; text-decoration: none !important;}
.bottom-bt h4 {padding: 10px 30px; border: 1px solid #444;}


.home-product {width: 100%;}
.home-pd-img img {width: 100%;}
.pd-details-area h2 ,h3 {margin: 0 !important;}
.pd-details-area h3 {padding-bottom: 5px;}
.pd-details-area table thead {background: #ddd;}
.pd-details-area table tr td {border: 1px solid #ccc; padding: 5px;}
.width-auto {width: 50% !important;}
.home-pd-img span {float: left; width: 30%; margin-top: 20px;}
.home-pd-img span img {width: 40px; height: 40px; padding: 5px; background: #ccc; border-radius: 50px; margin-top: -10px;}
.padding-10 {padding: 10px;}

.about-us-home {margin-bottom: 20px;}
.about-us-home img {width: 100%;}
.hm-about-us {height: 300px; padding-top: 50px; background: url(../images/hm-bt-banner.png) no-repeat; background-size: 100% 100%;}
.hm-about-us h1 {border: 1px solid #fff; color: #fff; padding: 8px 10px; text-align: center;}
.hm-about-us .col-sm-4{padding: 10px !important;}
.hm-about-us p{text-align: justify; color: #fff;}
.right-icon {float: right; color: #fff; padding: 3px 10px 0 0;}

.pd-top-sct {}
.form-inqu input {padding-left: 40px !important; position: relative;}
.form-inqu ul li {position: relative !important;}
.form-inqu span {position: absolute !important; bottom: 10px; color: #000 !important; font-size: 20px;}
.padding-0-t {padding-top: 0 !important; margin-top: 0 !important;}
.about-bt-banner {height: 350px; width: 100%; background: url(../images/about-bt-banner.png) no-repeat; background-size: 100% 100%;}
.about-bt-banner form {margin: auto; text-align: center;}
.about-bt-banner form input, textarea {margin-bottom: 20px !important;}
.about-bt-banner form input {padding-left: 30px !important;}
.about-bt-banner h2 {margin: 0; padding: 20px 5px; color: #fff;}
.enqu-bt {width: 50%; color: #fff; background: #02658f; border: 1px solid #fff;}
.about-bt-banner ul li {position: relative;}
.about-bt-banner ul span {position: absolute; top: 10px; left: 10px; font-size: 16px; color: #666;}

.conta-div {padding: 20px 0;}
.cont-form {text-align: left;}
.cont-form h2 {margin: 0; padding: 10px 5px;}
.cont-form form input {border: 1px solid #ccc !important; float: left; margin-bottom: 10px !important; padding-left: 35px !important;}
.cont-form form textarea {border: 1px solid #ccc !important; margin-bottom: 10px !important;}
.cont-form ul li {position: relative; list-style: none;}
.cont-form ul li span {top: 30px; left: 10px; font-size: 18px;}
.cont-content {text-align: left;}
.cont-content ul li {list-style: none; position: relative; margin: 40px 0 !important;}
.cont-content img {margin-right: 10px;    float: left;    max-width: 5%;}
.cont-content span {}
.cont-form button {padding: 8px 50px; border-radius: 10px; background: #357cad; border: none; color: #fff;}


.load-item-left {position: absolute !important; left: 1% !important; top: 43% !important;}
.load-item-right {position: absolute !important; right: 1% !important; top: 43% !important;}
.nav-a-bg img {max-width: 100%;}
.header-strip {height: 40px; width: 100%; background: rgb(243, 243, 243); /*rgba(102, 98, 88, 1);*/}

.header-strip ul li{list-style: inline-block; float: left;}
.strip-menu ul li {padding: 5px 8px !important;
    margin-top: 5px !important;
    margin-right: 10px !important;}
	
.strip-menu ul li a {color: #444;}
.strip-menu ul li a:hover {color: #d8aa46;}


.live-chat {background: #357cad; border-radius: 50px; height: 38px; width: 250px; position: fixed; bottom: 10px;  right: 10px; z-index: 9999999;}
.live-chat img {width: 35px; height: 25px; margin: 7px 8px 0 20px; float: left;}
.live-chat h5 {color: #fff; margin: 13px 0 0 0;}

.yogi-header {padding: 0px;}
.yogi-header h1 {padding: 10px;
    text-align: center;
    margin: 0;
    margin-top: 0 !important;
    background: #357cad;
    color: #fff;
    font-size: 2em;
    font-weight: normal;
    text-transform: uppercase;}

.slider-horos {padding: 20px 10px 10px 10px; width: 100%; position: relative;}
.slider-horos .col-md-3 {border: 1px solid #ddd;}

.middl-pd-area h5 {padding: 20px 0;
    margin: 0;
    height: 20%;
    font-size: 1.5em; background: #fff;}

.left-arrow {position: absolute; top: 35%; left: 20px;}
.left-arrow img {width: 50px; height: 80px;}
.right-arrow img {width: 50px; height: 80px;}
.right-arrow {position: absolute; top: 35%; right: 20px;}

/*footer*/
footer {background: url(../images/footerbg.png) no-repeat; background-size: 100% 100%; width: 100%; height: 100%; oveflow: auto; color: #fff;}
footer div {padding: 20px 10px;}
footer ul li {list-style: none; background: url(../images/right-arrow.png) no-repeat left 6px; background-size: 10px 10px;
    padding-left: 16px !important;}
	footer ul li a {color: #fff;}
.social-call h2 {margin: 0; padding: 10px 0;}
.social-call img {width: 40px; height: 40px; }
.footer-link a {padding: 5px 15px;
    background: #666258;
    margin: 5% 1% !important;
    border-radius: 8px;
    color: #fff;
    line-height: 35px;}
.footer-tp {padding: 20px 0; background: #666258; clear: both;}
.footer-tp p, .footer-bt p {margin: 0; text-align: center;}
.footer-bt {padding: 20px 0; background: #666258; clear: both;}
/*footer*/

.bottom-slider {width: 100%; height: auto; background: #fff;}
.slider-div {position: absolute !important; top: 0px; left: 11%; z-index: 9999999 !important; color: #444;}
.slider-div .col-md-8 {margin-top: 50px;}
.slider-div h2 {color: #000;}
.slider-div p {font-size: 15px; line-height:22px;}
.slider-div .col-md-4 img {width: 60%; margin-top: 30px;}
.slider-div h2 {margin: 0; padding: 20px 0 5px 0;}
.banner .slider .dots {}

/*service page*/
.bg-1{background: #b7657b;}
.bg-2{background: #d47a79;}
.bg-3{background: #f1ad9a;}
.bg-4{background: #e96d61;}

.service-section .col-sm-6 img {width: 100px; height: 100px;}
.service-section .col-sm-6 {text-align: center; padding: 40px 0 0 20px !important;}
.service-section .col-sm-6 h2{ color: #fff; padding: 20px 0 20px 0;}
.service-div {margin: auto; padding: 0px 10px 50px 10px !important; text-align: center;}
.service-div h2 {margin: 0; padding: 10px 0;}
.service-div p {margin-bottom: 20px;}
.service-div a {border: 1px solid #444; padding: 10px 50px; color: #444;}
.service-div a:hover {background: #444; color: #fff;}
.service-icon {clear: both; margin: 0px 10px !important; background: rgba(204, 204, 204, 0.21); padding: 10px !important;}
.service-icon img {width: 60px; height: 60px; float: right; margin-right: 10px;}
.service-icon .col-md-6 .col-sm-10 {border-left: 2px solid #444;}
.service-icon .col-md-6 {margin: 3% 0; overflow: auto;}
.service-bottom {margin: 10px;
    background: rgb(245, 245, 245);
    padding: 30px !important;
    border-radius: 5px;}
.service-bottom h5{ padding: 5px 0;     margin-bottom: 0;}
.service1 p {font-weight: bold;}
.service-icon>p {color: #357cad;}
/*service page*/

.about1 {background: url(../images/about2.jpg) no-repeat; background-size: 100% 100%; padding: 0 !important; margin: 0 !important;}
.about2 {background: url(../images/about1.jpg) no-repeat; background-size: 100% 100%; padding: 0 !important; margin: 0 !important;}
.about-content {background: rgba(0, 0, 0, 0.61); width: 100%; height: 100%; color: #fff; padding: 30px !important; text-align: justify; margin: 10px;}
.background-none {background: none;}
.service-sun {margin: 20px 0; padding: 20px; background: rgba(243, 243, 243, 0.49);}
.service-sun h4 {text-align: center;}
.service-hd {margin: 10px; padding: 10px; text-align: center; color: #357cad; border-radius: 5px; font-size: 2em;}
.link-heading h3 {padding: 20px 10px; text-align: center; color: #357cad; margin: 0; }
.link-area {text-align: center;}
.link-area ul li {list-style: none; position: relative; text-align: left !important;}
.link-area ul li input {width: 20px; height: 20px; }
.link-area ul li span {position: absolute; top: 5px; left: 30px; }
.link-area h5 {padding: 10px 2px !important; font-size: 2em; text-align: left !important; text-transform: uppercase; color: #357cad}
.link-area textarea {clear: both; width: 80%; margin: 20px 0; border: 1px solid #ddd; border-radius: 10px; padding: 20px;}
.palm-div {padding: 20px 0;}
.palm-div h3 {color: #357cad;
    padding: 10px 0;}

	.dream-analysis h5 { margin: 0;}
	
	.dream-analysis textarea {padding: 10px; margin-top: 20px; background: #ffc; border-radius: 10px; border: 1px solid #ddd; width: 100%;}
	.align-right {float: right;}
	.heading-palm {margin: 0; padding-bottom: 10px;}
	.heading-radios ul li {position: relative; list-style: none; padding: 5px !important;}
	.heading-radios {background: #f3f3f3; border-radius: 15px; padding: 20px 0; margin-top: 20px;}
	.heading-radios ul li span {position: absolute; top: 6px; left: 30px;}
	.heading-radios h4 {margin: 0;
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #dc6328;}
	
	.padding-none {padding: 0 !important;}
	.LR-padding-none {padding-left: 0 !important; padding-right: 0 !important;}
	.all-links  {padding: 20px 10px; background: #f3f3f3; margin: 20px 0 !important; border-radius: 10px;}
	.all-links h2 {padding: 10px 0; margin: 0; text-align: center;}
	.contact-lnk ul li {list-style: none;
    padding: 5px !important;
    background: #357cad;
    border-radius: 5px;
    margin: 10px !important;
    padding-left: 10px !important;}
	.contact-lnk ul li a {color: #fff;}
	.contact-li { margin-left: 50px;}