:root {
	--yellow:#ff5e00;
	--light-gray: #ebebeb;
	--m-gray: #999;
	--d-gray: #333;
	--black: #000;
	--l-yellow:#fda801;
}
@font-face {
  font-family: myFirstFont;
  src: url(https://indspiritual.com/assets/assets/fonts/SAMAN___.ttf);
}
.main-nav {background: #fff}
.gray {background: #ebebeb}
.nav-fixed-transformed .fixed-tranformed-bg-light .megatron .logo img {max-height: 50px}
.nav-fixed-transformed .fixed-tranformed-bg-light .megatron .logo {margin-bottom: 5px}
.main-menu > ul > li > a {position: relative;}
.main-menu > ul > li > a:after {content: ""; position: absolute; background: #ff5e00; height: 5px; width: 100%; left: 2px; bottom: 4px; opacity: 0; transition: .3s ease;z-index: -1}
.main-menu > ul > li > a:hover, .main-menu > ul > li.active > a  {color: #fff!important}
.main-menu > ul > li > a:hover:after, .main-menu > ul > li.active > a:after {height: 30px; opacity: 1; color: #fff!important}
.main-menu > ul > li:last-child > a {   color: #000!important}
.main-menu > ul > li:last-child > a:hover {background: transparent; color:#ff5e00!important }
.mobile-menu a img{max-width: 25px}
/*.main-menu > ul > li:last-child > a:after {height: 40px; bottom: 0;background: #333; opacity: 1}*/
.main-menu > ul > li:last-child > a:hover:after {display: none;}
.main-menu > ul > li.flag > a img{max-width: 35px; margin-left: 10px}
.main-menu > ul > li.cart > a {position: relative;}
.main-menu > ul > li.cart > a img{max-width: 26px; }
.main-menu > ul > li.cart > a  span {display: block; position: absolute; right: 0; top: 0; background: #ff5e00; width: 20px; height: 20px; border-radius: 100%; text-align: center; color: #fff; font-size: 12px; font-weight: 600; line-height: 20px}

.home-slider-1 h1.caption {color: #333; font-size: 70px; text-transform: uppercase; position: relative; letter-spacing: 0; line-height: 70px; font-family: 'myFirstFont'!important}
 
.home-slider-1 h3.caption {color: #333; font-size:40px; margin: 30px 0 10px; letter-spacing: 0!important;    }
.home-slider-1 .right-menu {position: absolute; right: 0; top: 175px ; width: 400px; z-index: 999}
.home-slider-1 p.caption {color: #000; font-size:18px; margin: 20px 0 10px; letter-spacing: 0!important; font-weight: 500    }
footer.page-footer {margin-top: -25px}
.home-slider-1 .right-menu ul {margin: 0; list-style: none;}
.home-slider-1 .right-menu ul li {margin: 25px 0; position: relative; padding-left: 75px}
.home-slider-1 .right-menu ul li img {max-width: 45px; position: absolute; left: 0; top: 0}
.home-slider-1 .right-menu ul li:nth-child(2) img {max-width: 35px}
.home-slider-1 .right-menu ul li:nth-child(1) img {top: 5px}
.home-slider-1 .right-menu ul li a {font-size: 20px; color: #fff; display: block; border-bottom: solid 2px #fff; padding-bottom: 15px}
.home-slider-1 p.quote {font-size: 20px; font-weight: 600; margin-top: 20px}
.home-slider-1 p.quote span {display: block; font-weight: 600; font-size: 16px; margin-top: 10px}
.about-home {background:url(../images/home/banner-2.jpg) 0 0 no-repeat #e4e4e4; padding: 100px 0  120px  ; margin-top: -25px; background-size:95%;}
  p.small{font-size: 16px; position: relative; text-transform: uppercase; font-weight:600}
 p.small:after {content: ""; width: 70px; height:2px; background: #333; display: inline-block; margin-left: 20px}
.about-home h2.smb {font-size: 38px; line-height: 38px; font-weight: 700; color: var(--black); letter-spacing: 0}
.about-home h2.smb span {color: #ff5e00}
.about-home p{letter-spacing: 0; font-size: 18px; line-height: 25px; margin: 10px 0}
.about-home p.quote {font-size: 20px; font-weight: 600; margin-top: 20px}
.about-home p.quote span {display: block; font-weight: 600; font-size: 16px; margin-top: 10px}
.about-home .cont {position: relative; text-align: center; margin-top: 100px; height: 300px}
.about-home .cont img{position: absolute;top:0; left: 0}
.about-home .cont span {font-size: 200px; display: block;  color: #fff; font-weight: 700;  position: absolute; z-index: 99; top: -100px; text-align: center; left: 30% }
.about-home .cont p {font-size: 42px; text-transform: uppercase; position: absolute; bottom: 10px; left: 6%; color: #4e6075}
 
.about-home.h1 { }
.about-home.h1 p.quote{font-size: 18px;}
.footer-widget-info   > div a {display: block; font-size: 14px;}
.home-slider-1  {margin-top: 80px}
.home-slider-1 .owl-carousel .item {   }
.home-slider-1 .owl-carousel .item img{max-width: 100%}
.home-slider-1 .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    left: 48%;
}
.owl-theme .owl-dots .owl-dot span {background: rgba(255,255,255,.3);}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #fff}
.home-slider-1 .owl-carousel .item .container{position: relative;}
.home-slider-1 .owl-carousel .item .overlay {position: absolute; z-index: 99; left: 30px; top: 0; height: 100%}
.home-slider-1 .owl-carousel .item .item1 {padding: 90px 0}
.home-slider-1 .owl-carousel .item p {line-height: 30px}
.home-slider-1 .owl-carousel .owl-item .item .overlay {opacity: 0}
.home-slider-1 .owl-carousel .owl-item.active .item .overlay {opacity: 1}
/*testimonials*/
.testimonials {background: #eee}
.testimonials .page-header {min-height: 100px; margin-top: 90px; padding-top: 15px;}
.testimonials .testi {min-height: 500px; height: 100%; padding-bottom: 50px}
.testimonials .page-header  .form-group {position: relative;}
.testimonials .page-header  .form-group input {width: 100%; border-radius: 20px;-webkit-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.28);-moz-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.28);box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.1); border:0; height: 40px; padding-left: 20px;  }
.testimonials .page-header  .form-group .btn {position: absolute; width: 50px; border-radius: 0 15px 15px 0; background: #FF6700; color: #fff; right: 0; height: 40px; line-height:10px; font-size: 16px; padding: 0}
.testimonials .page-header .btns {text-align: right;}
.testimonials .page-header .btns .btn {border-radius: 50px; padding: 10px 20px; font-weight: 600; margin-left: 10px; background: #fff; color: #333}
.testimonials .page-header .btns .btn.btn-white {background: #fff; color: #333}
.testimonials .page-header .btns .btn:hover {background: #333; color: #fff}
.testimonials .testi .box {-webkit-box-shadow: 3px 6px 13px 0px rgba(0,0,0,0.28);-moz-box-shadow: 3px 6px 13px 0px rgba(0,0,0,0.28);box-shadow: 3px 6px 13px 0px rgba(0,0,0,0.1); background: #fff; min-height: 180px; height: auto; width: 70%; position: relative; margin: 15px 0 50px}
.testimonials .testi .box .cont, .review .cont {padding: 25px 25px 10px; }
.testimonials .testi .box .cont p,   .review .cont p{line-height: 20px; color: #000;font-weight: 500;}
.testimonials .testi .box .cont .bottom .name,   .review .cont .bottom .name {float: right; font-size: 18px; font-weight: 600; line-height: 20px}
.testimonials .testi .box .cont .bottom .name span,   .review .cont .bottom .name span {display: block; font-size: 13px; font-weight: 500; line-height: 18px}
.testimonials   .cont .bottom .rating  {color: #ffbc00}
.testimonials  .cont .bottom .rating i {padding-right: 2px}
.testimonials   .cont .bottom .rating.four i:last-child {color: #999}
.testimonials   .cont .bottom .rating.three i:nth-child(4), .testimonials  .cont .bottom .rating.three i:nth-child(5)  {color: #999}
.testimonials  .cont .bottom .rating.two i:nth-child(4), .testimonials   .cont .bottom .rating.two i:nth-child(5),.testimonials   .cont .bottom .rating.two i:nth-child(3) {color: #999}
.testimonials   .cont .bottom .rating.one {color: #999}
.testimonials   .cont .bottom .rating.one i:first-child {color: #ffbc00}
.testimonials .testi .box.right {margin-left: 22%}
.testimonials .testi .box img{width: 180px; height: 180px; border-radius: 100%; background: #eee; padding: 10px; }
.testimonials .testi .box.right img {margin-right: -100px; float: right; margin-top: 10px}
.testimonials .testi .box.right .cont {width: 85%;}
.testimonials .testi .box.left {margin-left: 8%}
.testimonials .testi .box.left img {margin-left: -100px; float: left; margin-top: 10px}
.testimonials .testi .pagination {margin: 10px 0; text-align: center;}
.testimonials .testi .pagination .btn {width: 50px; height: 50px; font-size: 20px; background: #fff; color: #333; margin: 0 5px; border-radius: 50px; line-height: 45px; padding: 0}
.testimonials .testi .pagination .btn.disabled {opacity: .5; pointer-events: none;}

.popup {width: 100%; height: 100%; top: 0; left: 0;  background: rgba(0,0,0,0.7); position: fixed;z-index: 9999; display: none;}
.popup .popup-content {background: #fff; width: 800px; margin: 40px auto; min-height: 300px; height: auto; position: relative; border-radius: 10px}
.popup .popup-header {padding: 15px}
.popup .popup-header .popup-title {font-weight: 600; font-size: 20px;}
.popup .popup-header .close {background: transparent;position: absolute; right: 10px; top: 10px; border:solid 1px #999; line-height: 10px; font-weight: 600; font-size: 18px; padding: 0; width: 20px; height: 20px; border-radius: 15px; text-align: center; padding-bottom: 2px }
.popup .popup-body {padding:0 25px;}
.popup .popup-footer {padding: 10px 25px 25px; text-align: right;} 
.popup .popup-footer .btn {padding: 10px 50px; border-radius: 50px; font-size: 18px}
.popup .popup-body .form-control {height: 40px; margin-bottom: 10px; border-color: #ccc}
.popup .popup-body .form-group {margin: 0px}
.popup .popup-body textarea.form-control {height: 110px}
.popup .popup-body label {display: block; font-weight: 600}
.popup .popup-body label.radio{display: inline-block; margin-right: 20px; padding-top: 5px}
.popup .popup-body label.radio input {margin-right: 3px; float: left;margin-top: 8px}
 .review__rating {margin-top: -10px}
 .review__rating input {
  display: none;
}
.review__rating input:checked ~ label {
  color: #aaa;
}
.review__rating label {
  color: orange;
  font-size: 2rem; display: inline-block!important; font-size: 16px; margin-right: 5px
}

.form.review img {width: 120px; height: 120px; border-radius: 100%; z-index: 0; position: relative;}
.form.review .cont {padding: 0 0 25px}
.form.review .img input{display: none;}
.form.review .img {text-align: center;}
.form.review .img i {display: block; margin: 0 auto; width: 50px;height: 50px; border-radius: 50px; margin-top: -10px; font-size: 18px; background: #eee; line-height: 50px;z-index: 10; position: relative;}

.popup.small{z-index: 99999}
.popup.small .popup-content {width: 600px; margin: 150px auto; min-height: 100px; text-align: center; padding: 50px 0}
.popup.small p.bold {font-size: 18px; font-weight: 600;  }
.popup.small .popup-footer {text-align: center;}
.popup.small .popup-footer .btn {margin-left: 10px}
.popup.small img {margin-bottom: 10px; max-width: 100px}

/*faqs*/
.faqs {background: #eee; min-height: 500px; height: 100%}
.faqs .page-header {min-height: 50px; margin-top: 90px; padding-top: 18px; background: #ddd;}
.faqs .page-header h2 {line-height: 22px; font-weight: 600; font-size: 26px}
.faqs .cards {min-height: 500px; height: 100%; padding-bottom: 50px; padding-top: 30px}
.faqs .cards .box {-webkit-box-shadow: 3px 6px 13px 0px rgba(0,0,0,0.28);-moz-box-shadow: 3px 6px 13px 0px rgba(0,0,0,0.28);box-shadow: 3px 6px 13px 0px rgba(0,0,0,0.1); background: #fff;   height:auto;   position: relative; margin: 15px 0 ; border-radius: 10px 10px 0 0; padding-bottom: 10px; overflow: hidden;}
.faqs .cards .box img{max-width: 100%}
.faqs .cards .box h4 {margin: 15px; font-size: 24px; font-weight: 600}

.faqs .txt { color: #333; font-weight: 500; line-height:20px; font-size: 15px }
.faqs iframe {width: 100%; height: 450px; margin: 0px 0 25px}

.faqs .sidebar {background: #e3e3e3;  min-height:600px }
.faqs .sidebar ul {list-style: none; }
.faqs .sidebar ul li {line-height: 22px; padding: 15px  15px;border-bottom: solid 1px #ccc; margin-bottom: 0}
.faqs .sidebar ul li a {text-decoration: none; font-size: 16px; font-weight: 600; line-height: 20px; color: #333; }
.faqs .sidebar ul li.active   {background: #FF6700 }
.faqs .sidebar ul li.active a {color:#fff }
.faqs .tb-content h3 {font-weight: 600; font-size: 24px}
.faqs .tb-content .tb-cont {display: none;}
.faqs .tb-content .tb-cont.active {display: block;}


@media (max-width: 1400) {
	.horz_modal .modal-content .row {max-height: 500px; overflow-y: scroll;  }
}
 

@media (max-width: 800px){
	.megatron .logo {height: 45px}
	 .mobile-nav .megatron .logo {height: auto; width:200px}
	 .social.circle li a {padding-top: 0}
	 .home-slider-1 .right-menu {display: none;}
	 .home-slider-1 h1.caption {font-size: 30px; margin-top: 50px; line-height: 30px}
	 .home .block-caption-slider .caption-wrapper p{line-height: 20px; font-size: 20px; margin: 40px 0}
	 .home .block-caption-slider .__img-background {height: 320px; min-height: 320px; margin-top: 70px;}
	 .page-section {padding: 30px 0 40px }
	 .about-home p.small {font-size: 14px}
	 .about-home h2.smb{font-size: 30px}
	 .about-home p {margin: 15px 0}
	 .about-home p{font-size: 14px}
	 .about-home .cont{margin-top: 100px; height: 330px}
	 .about-home .cont span {  left:auto; top: 0px; position: relative;}
	 .about-home .cont p {position: relative;left: auto; bottom: 140px; }
	 .title {font-size: 36px;}
	 .sub-title{font-size: 16px}
	  .title1 {font-size: 24px;}
	 .sub-title1{font-size: 14px}
	  
	 .subscribe .news-letter {padding: 15px}	
	 .footer-widget-info .__content > div >  a, .footer-widget-contact .__content > div, .footer-widget-info   > p{  font-size: 14px;    }
	 .services.vertical {background-position: 100% 90%; padding-bottom: 0}
	 .common-header.large {height: 500px}
	 .page-header .cont {width: 90%; top: 40%}
	  .page-header.hs .cont {width: 90%; top: 50%}
	  .page-header.hs .cont p {margin-top: 10px}
	 .page-header .cont h1 {font-size: 30px; line-height: 40px}
	 .action-call {font-size: 50px; line-height: 50px}
	 .page-header .cont p {font-size: 16px; line-height: 24px}
	  
	   .contact-add {padding: 40px 0 50px; } 
	   .contact iframe {width: 100%; height: 400px}
	   .contact-3-info {padding: 30px 20px}
	   .about .sec1 {background-size: cover; background-position: 50% 0}
	  .about  .page-section.bg-gray-2.sec2 .col-md-5{margin-bottom: 50px}
	  .about .sec5 .social {margin-bottom: 50px}
	  .mobile-nav .social-area {display: none;}
	  .horz_modal .modal-content {width: 95%; left: 2.5%}
	 
	  .megatron .logo img {max-width: 135px;}

	}
@media (max-width: 640px){
	.megatron.inline .logo {margin-bottom: 0}
	.megatron .logo img {max-height: 80px!important; max-width: 180px; margin-top: -10px; margin-left: -10px}
 	.home-slider-1 h3.caption {font-size: 35px}
	.home-slider-1 h1.caption{font-size: 40px; margin-top: 20px}
 	.home .block-caption-slider .caption-wrapper p {font-size: 18px}
	.home .block-caption-slider .__img-background {min-height: 500px; background-size: 100%;background-repeat: no-repeat; background-position: 0 0 ; margin-top: 70px}
	.home .block-caption-slider .caption-wrapper {margin-top: 50%}
	.about .sec3.vis {background: rgb(42,42,42);  background: linear-gradient(0deg, rgba(42,42,42,1) 70%, rgba(255,255,255,1) 70%); margin-top: 30px; margin-bottom: 20px}
	.about .sec3.mis {background: rgb(42,42,42);  background: linear-gradient(0deg, rgba(42,42,42,1) 70%, rgba(255,255,255,1) 70%); margin-top: 0px}
    .about .sec3 .head {margin-top: 20px}
    .about .sec5 img {max-width: 200px;}
    .about .sec5 .msg {padding-top: 50px}
    .about .sec5 p {margin: 0; font-size: 18px; line-height: 24px;}
	.contact-header {padding: 20px 0}
	.contact-header img {max-width: 100%}
	.contact-3-info {padding:20px 0}
	.contact-header h6 {font-size: 16px}
	.contact-header h2 {font-size: 26px}
	.contact-add { padding: 40px 0 30px;}
	.downloads {padding:  0 0 30px; margin: 0}
	.common-header.download .cont {top: 55%}
	.downloads .block.last {padding-top: 0px;}
	.about-home {background: #e4e4e4}
	.about-home.h1 {background: #eee; padding: 50px 0}
	.about-home img{max-width: 100%}
	.home .block-caption-slider .caption-wrapper p {font-size: 14px!important; line-height: 20px!important; margin-top:20px; }
	.home-slider-1 {margin-top: 70px}
	 .home-slider-1 .owl-carousel .item .item1 {padding: 140px 0 0}
	 .home-slider-1 .owl-carousel .item p {font-size: 14px; line-height: 20px}
	 .home-slider-1 .owl-carousel .item .overlay {width: 85%}
	  .testimonials .testi .box.right {margin-left: 0}
	 .testimonials .testi .box.right img {margin-right: 0}
	   .testimonials .testi .box.left {margin-left: 0}
	 .testimonials .testi .box.left img {margin-left: 0}
	 .testimonials .page-header, .faqs .page-header {margin-top: 70px}
	 .testimonials .page-header .btns {margin: 15px 0}
	 .testimonials .testi .box {width: 100%; text-align: center; margin-top: 70px}
	 .testimonials .testi .box img {float: none!important; margin-top: -50px!important; max-width: 150px; height: 150px}
	 .testimonials .testi .box  .cont {width: 100%!important; text-align: left;}
	 .popup .popup-content {width: 95%!important; margin-top: 10px }
	 .popup .popup-header {padding-bottom: 0}
	 .popup .popup-body label.radio {padding-top: 0}
	 .popup .popup-body .form-control {margin-bottom: 5px}
	 .popup {overflow: hidden; overflow-y: auto;}
	 .popup.small p.bold {line-height: 24px;}
	 .popup.small .popup-footer .btn {margin-bottom: 10px}
	 .faqs .page-header h2 {font-size: 22px; line-height: 20px}
	 .faqs .sidebar {min-height: 100%; margin-bottom: 20px}
	 .faqs .sidebar ul li { line-height: 20px; padding: 10px 15px;}
	 .faqs .tb-content h3 {font-size: 20px;}
	 .faqs iframe {height: 300px}


}
@media (max-width: 460px){
	.slick-slider {padding-top: 35px}
	.home .block-caption-slider .__img-background {background-position: 0px 0;
    min-height:450px;
    background-size: 100%;
    /*height: 190px;*/
    margin-top: 35px;}
	.home-slider-1 h1.caption { font-size: 26px;  line-height: 20px;}
	.home .block-caption-slider .caption-wrapper p {  font-size: 16px; line-height: 18px;}
	.services {padding: 0 0 0px; background-size: 96%; background-position: 100% 22%;}
	.mrgn-top {margin-top: 200px!important}
	 .about-home .cont{margin-top: 100px; height:200px}
	.about-home .cont span {font-size: 150px; left:auto; top: -40px; position: relative;}
	.about-home .cont p {position: relative;left: auto; bottom: 140px; font-size: 30px}
	.subscribe .news-letter input[type=email]{width: 100%; margin-bottom: 10px} 
	.subscribe .news-letter .btn {width: 50%; padding: 10px 25px; margin: 0 auto; display: block;}
	.footer-preset-3 .footer-body .footer-widget-info, .footer-preset-3 .footer-body .footer-widget-contact{margin-top: 0; padding-top: 0}
	 /*inner pages*/
	 .common-header.large {height: 350px}

	.home-slider-1 h3.caption {font-size:20px; margin-top: 40px}
	.about-home p.quote {font-size: 16px;}
	.footer-preset-3 .footer-body {padding: 30px 0}
	.footer-foot-1 .text-left,.footer-foot-1 .text-right {text-align: center!important;}
	.footer-foot-1 p{line-height: 16px; margin-top: 10px}
	.home .block-caption-slider .caption-wrapper {margin-top: 58%}
	.home .block-caption-slider .caption-wrapper p {margin:10px 0 0}
	.home-slider-1 h1.caption {margin-bottom: 15px}
	.home .block-caption-slider .caption-wrapper p {font-size: 13px!important; line-height: 18px!important;}
	.home-slider-1 .owl-carousel .item p {margin-bottom: 10px; margin-top: 0}
	.home-slider-1 .owl-carousel .item .item1 {padding-top: 200px}
	.home-slider-1 .owl-carousel .item .item3 {padding-top: 260px}
	.home-slider-1 .owl-theme .owl-nav.disabled+.owl-dots{left: 40%}
	.faqs iframe {height: 200px}
}

@media (max-width: 400px){
	 .home .block-caption-slider .__img-background {background-position: 0px -60px;
    /*min-height: 165px;*/
    /*background-size: 110%;*/
    /*height: 180px;*/
    margin-top: 35px;}
	}

.error {
    color: #ff0000;
    font-size: 12px;
}