/*go to top starts*/
.scrollTop {
    position: fixed;
    right: 20px;
    bottom: 40px;
    font-size: 14px;
    font-weight: normal;
    height: 45px;
    width: 35px;
    line-height: 41px;
    text-align: center;
    cursor: pointer;
    z-index: 999;
}
/*go to top ends*/

/*page loader starts*/
#page {
    display: none;
}
#loading {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: #900d0d;
    background-image: url("../images/loader.gif");
    background-repeat: no-repeat;
    background-position: center;
        background-size: 20%;
}
/*page loader ends*/

/*top header text animation starts*/
#rectangle {
    position: relative;
    background-color: transparent;
        color: #fff;
    text-align: center;
}
#rectangle > span {
    position: absolute;
    top: -2px;
    right: 0;
    height: 25px;
    background-color: #900d0d;
    animation: Fwrite 4s steps(100, start) infinite, Wbar 0.5s step-end infinite;
    -webkit-animation: Fwrite 4s steps(100, start) infinite, Wbar 0.5s step-end infinite;
}
#rectangle > p:hover {
    animation-play-state: paused;
}
@keyframes Fwrite {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes Wbar {
  0% {
    border-left-color: transparent;
  }
  50% {
    border-left-color: black;
  }
  100% {
    border-left-color: transparent;
  }
}
@-webkit-keyframes Fwrite {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@-webkit-keyframes Wbar {
  0% {
    border-left-color: transparent;
  }
  50% {
    border-left-color: black;
  }
  100% {
    border-left-color: transparent;
  }
}
/*top haeder text animation ends*/

/*navigation dropdown starts*/
*{margin:0;padding:0;}
.navbarsExampleDefaulttwo,.navbarsExampleDefaulttwo ul, .navbarsExampleDefaulttwo ul li, .navbarsExampleDefaulttwo ul li a, 
.navbarsExampleDefaulttwo .head-mobile {
    display:block;
    position:relative;
}
.navbarsExampleDefaulttwo:after, .navbarsExampleDefaulttwo > ul:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
}
.navbarsExampleDefaulttwo #head-mobile {
    display:none;
}
.navbarsExampleDefaulttwo > ul > li:hover, .navbarsExampleDefaulttwo ul li.active:hover, 
.navbarsExampleDefaulttwo ul li.active,.navbarsExampleDefaulttwo ul li.has-sub.active:hover {
   -webkit-transition:background .3s ease;
   -ms-transition:background .3s ease;
   transition:background .3s ease;
}
.navbarsExampleDefaulttwo > ul > li.has-sub > a:after {
    position:absolute;
    top:22px;
    right:11px;
    width:8px;
    height:2px;
    display:block;
    content:'';
}
.navbarsExampleDefaulttwo > ul > li.has-sub > a:before {
    position:absolute;
    top:19px;
    right:14px;
    display:block;
    width:2px;
    height:8px;
    content:'';
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
    transition:all .25s ease;
}
.navbarsExampleDefaulttwo ul ul {
    position:absolute;
    left:-9999px;
}
.navbarsExampleDefaulttwo ul ul li {
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
    transition:all .25s ease;
}

.navbarsExampleDefaulttwo li:hover > ul {
    left: auto;
    z-index: 2;
    background: #f0e98a;
    width: max-content;
        font-size: 14px;
}
.navbarsExampleDefaulttwo li a {
  cursor: pointer;
}
.navbarsExampleDefaulttwo li:hover > ul > li > a {
    padding: 10px 15px;
}
.navbarsExampleDefaulttwo ul ul ul {
    margin-left: 93%;
    top:0;
}
.navbarsExampleDefaulttwo ul ul li.has-sub > a:after {
    position:absolute;
    top:16px;
    right:11px;
    width:8px;
    height:2px;
    display:block;
    content:'';
}
.navbarsExampleDefaulttwo ul ul li.has-sub > a:before {
    position:absolute;
    top:13px;
    right:14px;
    display:block;
    width:2px;
    height:8px;
    content:'';
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
    transition:all .25s ease;
}
.navbarsExampleDefaulttwo ul ul > li.has-sub:hover > a:before {
    top:17px;
    height:0;
}
.navbarsExampleDefaulttwo ul .drop-submenu a {
  color: #000;
}
/*navigation dropdown ends*/

/*section matrimonial starts*/
.panel-wrapper {
  position: relative;
  text-align: center;
}
.panel-wrapper .btn {
        padding: 0px 5px;
    background: #900d0d;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #ffffff;
    margin-top: 16px;
}
.panel-wrapper .show, .panel-wrapper .hide {
      position: absolute;
    bottom: -2em;
    z-index: 100;
    margin-left: auto;
    margin-right: auto;
    left: 0px;
    right: 0px;
    width: 25%;
}
.hide {
  display: none;
}
.show:target {
  display: none;
}
.show:target ~ .hide {
  display: block;
}
.show:target ~ .panel, .show:target ~ .panel2 {
  max-height: 2000px;
}
.show:target ~ .fade {
  
}
.panel-wrapper .panel, .panel-wrapper .panel2 {
  position: relative;
  max-height: 260px;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.panel-wrapper .fade {
  background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 1) 75%);
  height: 100px;
  margin-top: -100px;
  position: relative;
}
.nameofpriest h5 {
    font-size: 14px;
    text-align: center;
    padding-top: 6px;
    color: #002b45;
    margin-bottom: 0px;
    height: 40px;
    font-weight: bold;
}
.nameofpriest p {
         font-size: 13px;
    color: #150000;
    text-align: center;
    font-weight: bold;
}

@media (max-width: 1024px) and (min-width: 768px) {
.panel .col-md-2, .panel2 .col-md-2 {
    flex: unset !important;
    max-width: 25% !important;
}
.panel-wrapper .panel, .panel-wrapper .panel2 {
    max-height: 224px;
  }
}
@media (max-width: 414px) and (min-width: 410px) {
.panel-wrapper .show, .panel-wrapper .hide {
        width: 34%;
    }
    .panel-wrapper .btn {
      padding: 1px 10px;
    }
      .show:target ~ .panel, .show:target ~ .panel2 {
      max-height: fit-content;
  }
}
@media (max-width: 411px) and (min-width: 374px) {
  .panel-wrapper .show, .panel-wrapper .hide {
        width: 34%;
    }
    .panel-wrapper .btn {
      padding: 1px 10px;
    }
      .show:target ~ .panel, .show3:target ~ .panel2 {
      max-height: fit-content;
  }
}
@media (max-width: 375px) and (min-width: 359px) {

}
@media (max-width: 360px) and (min-width: 319px) {
  .panel-wrapper .show, .panel-wrapper .hide {
        width: 45%;
    }
    .panel-wrapper .btn {
      padding: 1px 10px;
    }
      .show:target ~ .panel, .show3:target ~ .panel2 {
      max-height: fit-content;
  }
}

.panel-wrapper {
  margin-bottom: 53px;
}
/*section matrimonial ends*/



/*section success-story slider starts*/
#mixedSlider {
  position: relative;
}
#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 5%;
}
#mixedSlider .MS-content .item {
  display: inline-block;
  width: 33.3333%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  padding: 0 10px;
}
@media (max-width: 991px) {
  #mixedSlider .MS-content .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-content .item {
    width: 100%;
  }
}
#mixedSlider .MS-controls button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 50px;
  top: 95px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.15s linear;
}
#mixedSlider .MS-controls button:hover {
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 992px) {
  #mixedSlider .MS-controls button {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls button {
    font-size: 20px;
  }
}
#mixedSlider .MS-controls .MS-left {
  left: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-left {
    left: -10px;
  }
}
#mixedSlider .MS-controls .MS-right {
  right: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-right {
    right: -10px;
  }
}
#basicSlider { position: relative; }

#basicSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 2%;
  height: 50px;
}

#basicSlider .MS-content .item {
  display: inline-block;
  width: 20%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  line-height: 50px;
  vertical-align: middle;
}
@media (max-width: 991px) {

#basicSlider .MS-content .item { width: 25%; }
}
@media (max-width: 767px) {

#basicSlider .MS-content .item { width: 35%; }
}
@media (max-width: 500px) {

#basicSlider .MS-content .item { width: 50%; }
}

#basicSlider .MS-content .item a {
  line-height: 50px;
  vertical-align: middle;
}

#basicSlider .MS-controls button { position: absolute; }

#basicSlider .MS-controls .MS-left {
  top: 35px;
  left: 10px;
}

#basicSlider .MS-controls .MS-right {
  top: 35px;
  right: 10px;
}
/*section success-story slider ends*/



/*section responsive header starts*/
*{margin:0;padding:0;}
header{position:relative;width:100%;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{
  -webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}

#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background: #f1e985;transition:all .25s ease;padding: 15px 0px;}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul li ul li a {
  color: #000;
}

@media screen and (max-width:1000px){
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none;}
#cssmenu ul li{width:100%;text-align: center;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;color: #fff;font-size: 18px;padding: 10px 0px;cursor: pointer;}
#cssmenu > ul > li{float:none;    margin-bottom: 20px;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;margin-top: 5px;}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,
#cssmenu ul ul > li.has-sub > a:before{display:none;}
#cssmenu #head-mobile{display:block;}
#cssmenu .button{
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 12399994;
        margin-left: 5px;
    margin-right: auto;
        margin-top: 10px;
}
.button:after{
  position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;content:''}
.button:before{
      transition: all .3s ease;
    position: absolute;
    display: block;
    height: 28px;
    width: 40px;
    content: '';
}
.button.menu-opened:after{
  -webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{
  -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{
  position:absolute;z-index:99;right:0;top:0;display:block;height:32px;width:32px;cursor:pointer;}

#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{
    position: absolute;
    top: 12px;
    right: 16px;
    width: 8px;
    height: 2px;
    display: block;
    content: '\25BC';
    color: #cb8d12;
}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button:before{position:absolute;top:12px;right:22px;display:block;width:2px;height:8px;content:'\25BC';color: #f1e986;}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
}
/*section responsive header ends*/


/*page otherProgramme tab toggling starts*/
.tab-slider-nav {
    width: 100%;
    float: left;
}
.tab-slider-tabs {
    text-align: center;
}
.tab-slider-tabs:after {
    content: "";
    width: 50%;
    background: #345f90;
    top: 0;
    left: 0;
    transition: all 250ms ease-in-out;
    border-radius: 35px;
}
.tab-slider-tabs.slide:after {
    left: 50%;
}
.tab-slider-trigger {
    text-transform: uppercase;
    z-index: 2;
    cursor: pointer;
    display: inline-block;
    transition: color 250ms ease-in-out;
    user-select: none;
    background: #950004;
    padding: 4px 17px;
    border-radius: 20px;
    color: #fff;
    font-size: 13px;
    margin-bottom: 10px;
}
.tab-slider-container, .tab-slider-body {

}
.programme-img img {
    box-shadow: 6px 6px 0px #ee3f1d6b;
    width: 100%;
}
/*page otherProgramme tab toggling ends*/

/*video gallery popup starts*/
.product-header a:not(.lightbox-close) {
    display: inline-block;
    background: #d62c1a00;
    height: 220px;
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
}
.lightbox {
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.lightbox .lightbox-video {
    width: 100%;
    padding-bottom: 56%;
}
.lightbox iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
}
.lightbox img {
    display: block;
    margin: 0 auto;
}
.lightbox .lightbox-close {
    position: absolute;
    display: block;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 26px;
    height: 40px;
    width: 40px;
    background: rgba(255, 255, 255, 0);
    border: 3px solid #fff;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
}
.lightbox .lightbox-container {
    max-width: 1024px;
    margin: 25px auto 25px;
}
/*video gallery popup ends*/

/*Section matrimonial Profile hover effect starts*/
.box {
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.box img {
    position: absolute;
    left: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.box .overbox {
    background-color: #560000b8;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    opacity: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
}
.box:hover .overbox { 
    opacity: 1; 
}
.box .overtext {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
}
.box .title {
    opacity: 0;
    transition-delay: 0.1s;
    transition-duration: 0.2s;
    line-height: 20px;
}
.box:hover .title, .box:focus .title {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

.box .tagline {
    opacity: 0;
    transition-delay: 0.2s;
    transition-duration: 0.2s;
}
.box:hover .tagline, .box:focus .tagline {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}
/*Section matrimonial Profile hover effect starts*/


























/*for delete*/
#navbarsExampleDefaulttwo,#navbarsExampleDefaulttwo ul, #navbarsExampleDefaulttwo ul li, #navbarsExampleDefaulttwo ul li a, 
#navbarsExampleDefaulttwo .head-mobile {
    display:block;
    position:relative;
}
#navbarsExampleDefaulttwo:after, #navbarsExampleDefaulttwo > ul:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
}
#navbarsExampleDefaulttwo #head-mobile {
    display:none;
}
#navbarsExampleDefaulttwo > ul > li:hover, #navbarsExampleDefaulttwo ul li.active:hover, 
#navbarsExampleDefaulttwo ul li.active,#navbarsExampleDefaulttwo ul li.has-sub.active:hover {
   -webkit-transition:background .3s ease;
   -ms-transition:background .3s ease;
   transition:background .3s ease;
}
#navbarsExampleDefaulttwo > ul > li.has-sub > a:after {
    position:absolute;
    top:22px;
    right:11px;
    width:8px;
    height:2px;
    display:block;
    content:'';
}
#navbarsExampleDefaulttwo > ul > li.has-sub > a:before {
    position:absolute;
    top:19px;
    right:14px;
    display:block;
    width:2px;
    height:8px;
    content:'';
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
    transition:all .25s ease;
}
#navbarsExampleDefaulttwo ul ul {
    position:absolute;
    left:-9999px;
}
#navbarsExampleDefaulttwo ul ul li {
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
    transition:all .25s ease;
}

#navbarsExampleDefaulttwo li:hover > ul {
    left: auto;
    z-index: 2;
    background: #f0e98a;
    width: max-content;
        font-size: 14px;
}
#navbarsExampleDefaulttwo li a {
  cursor: pointer;
}
#navbarsExampleDefaulttwo li:hover > ul > li > a {
    padding: 10px 15px;
}
#navbarsExampleDefaulttwo ul ul ul {
    margin-left: 93%;
    top:0;
}
#navbarsExampleDefaulttwo ul ul li.has-sub > a:after {
    position:absolute;
    top:16px;
    right:11px;
    width:8px;
    height:2px;
    display:block;
    content:'';
}
#navbarsExampleDefaulttwo ul ul li.has-sub > a:before {
    position:absolute;
    top:13px;
    right:14px;
    display:block;
    width:2px;
    height:8px;
    content:'';
    -webkit-transition:all .25s ease;
    -ms-transition:all .25s ease;
    transition:all .25s ease;
}
#navbarsExampleDefaulttwo ul ul > li.has-sub:hover > a:before {
    top:17px;
    height:0;
}
#navbarsExampleDefaulttwo ul .drop-submenu a {
  color: #000;
}
#navbarsExampleDefaulttwo li:hover > ul > li:hover, #navbarsExampleDefaultthree li:hover > ul > li:hover {
    background: #900d0d;
}
#navbarsExampleDefaulttwo ul .drop-menu:hover, .drop-menu a:hover, #navbarsExampleDefaultthree ul .drop-menu:hover {
  color: #fff !important;
}
#navbarsExampleDefaulttwo ul .drop-submenu:hover a, .drop-submenu a:hover, #navbarsExampleDefaultthree ul .drop-submenu:hover a {
  color: #fff !important;
}
.age-input input, .to-input input, .col-md-4 input, .age-input textarea, .to-input textarea, .col-md-4 textarea
{
      width: 100%;
    height: 32px;
    border: 1px solid #8c000763;
    padding-left: 10px;
    background-color: #fff1cb75;
    box-shadow: 2px 3px 3px 0px #9001054a;
    font-size: 12px;
}
.age-input textarea, .to-input textarea, .col-md-4 textarea {
    height:auto;
}

.col-md-4 label {
margin-bottom: 0px;
  color: #424242;
    font-weight: bold;
        font-size: 13px;
}
/*for delete*/