/*-- Google Font --*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Raleway');



h1,h2,h3,h4,h5,b,.btn,.heading,input,textarea{

  font-family: 'Lato', sans-serif !important;

}



p,a,li,label{



    font-family: 'Lato', sans-serif !important;

}



p{



  font-size: 15px;

   line-height: 200%;

}

.txt-cap{

  text-transform: capitalize !important;

}

a{

  text-decoration: none !important;

  cursor: pointer;

}

.text-theme{

  color: #6b1d7c;

}



.bg-theme{

  background-color: #6b1d7c !important;

  color:white !important;

  border: #6b1d7c !important;

}



.fbold{

font-weight: bold !important;

}



.txtup{

text-transform:uppercase !important;

}



.underline:before{

  content: "\f192";

  font-family: FontAwesome;

  color: #6b1d7c;

  font-size: 18px;

  position: absolute;

  margin-top:-11px;

margin-left:-13px;

}

.underline{

  width:90px;

  padding-top:15px;

  border-bottom:2.45px solid #ccc;

  margin-left: 15px;

}







.underline2{

  width:100px;

  padding-top:15px;

  border-bottom:2.45px solid #6b1d7c;

}



.underline2:before{

    content: "\f192";

    font-family: FontAwesome;

    color: #6b1d7c;

    font-size: 18px;

    position: absolute;

  margin-top:-11px;

  margin-left:-10px;

}







.margin-0{

  margin: 0px;

}





@media screen and (max-width: 700px) {

  .mobile-center{

    display: block;

    margin-left: auto;

    margin-right: auto ;

    text-align: center;

  }









}

.searchbar{

  background: #A460B3 !important;

  border:none !important;

  border-radius: 0px !important;

  font-size: 15px !important;

  color:white !important;

}

.searchbar-btn{

  background: #6b1d7c;

  border:none;

  color:white !important;

  font-size: 13px;



}

.searchbar-btn:hover{

  background: #6b1d7c;

  border:none;

  color: #9A9DA0;

}





.myinput{

  font-size: 15px !important;



  margin-bottom: 20px !important;

}



.myinput:focus{

  outline: 0 ;

}



.myinput::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: black;

  font-weight: bold;

}

.myinput::-moz-placeholder { /* Firefox 19+ */

  color: pink;

}

.myinput:-ms-input-placeholder { /* IE 10+ */

  color: pink;

}

.myinput:-moz-placeholder { /* Firefox 18- */

  color: pink;

}

.circle{

  width:150px;

  height:150px;

  border-radius: 250px;

  font-size: 33px;

  padding:10px 11px;

  padding-top: 6px;

  line-height: 5px;

  background-color:  white;

  color: #6b1d7c;

  border:1px solid  #dddddd;

}



.circle2{

    width:150px;

    height:150px;

    border-radius: 150px;

    font-size: 26px;

    padding:11px 16px;

    line-height: 5px;

    background-color:  white;

    color: #6b1d7c;

    border:1px solid  #dddddd;



}





.btn-circle {

  width: 30px;

  height: 30px;

  text-align: center;

  padding: 6px 0;

  font-size: 12px;

  line-height: 1.428571429;

  border-radius: 15px;

}

.btn-circle.btn-lg {

  width: 50px;

  height: 50px;

  padding: 10px 16px;

  font-size: 18px;

  line-height: 1.33;

  border-radius: 25px;

}

.btn-circle.btn-xl {

  width: 70px;

  height: 70px;

  padding: 10px 16px;

  font-size: 24px;

  line-height: 1.33;

  border-radius: 35px;

}





.sameline{

  margin-bottom: 0px ;

}

.sameline li{

display: inline;

}

.socialicons li{

  padding: 0px;

}





.btn-socialbtn{

 background-color: white;

 border-color: #fff;

 color:grey;

 font-size: 15px;

 border-radius: 0px;

 padding: 15px 13px;

}



.btn-socialbtn:hover{

 background-color: #6b1d7c;

 border-color: #6b1d7c;

 color:#fff;

}



.btn-theme{

  background-color: #6b1d7c;

  border-color: #6b1d7c;

  color:white;

  border-radius: 100px;

  padding:10px  25px;

}



.btn-theme:hover{

  background-color: white;

  border-color:  #6b1d7c;

  color:#6b1d7c ;

}



.btn-theme:focus{

  background-color: #6b1d7c;

  border-color: #6b1d7c;

  color:white;

  outline: 0;

}





.btn-white{

  background-color: transparent;

  border-color: white;

  color:white;

  border-radius: 100px;

}



.btn-white:hover{

    background-color: white;

    border-color:  #6b1d7c;

    color:#6b1d7c ;

}



.btn-grey{

  background-color: transparent;

  border:2px solid #ccc;

  color:black;

  border-radius: 100px;

}



.btn-grey:hover{

    background-color:#6b1d7c ;

    border-color:  #6b1d7c;

    color:white;

}



.btn-invert{

  background-color: white;

  border:2px solid white  ;

  color:#6b1d7c ;

  border-radius: 100px;

  padding: 10px 25px;

  font-weight: bold;

}

.btn-invert:hover{

  background-color: transparent;

  border-color: white;

  color:white;



}







/**************** slider *******************/



.jssorb05 {

    position: absolute;

}

.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {

    position: absolute;

    /* size of bullet elment */

    width: 16px;

    height: 16px;

    background: url('../img/b05.png') no-repeat;

    overflow: hidden;

    cursor: pointer;

}

.jssorb05 div { background-position: -7px -7px; }

.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }

.jssorb05 .av { background-position: -67px -7px; }

.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }





.highcharts-credits{

  display: none;

}

.jssora22l, .jssora22r {

    display: block;

    position: absolute;

    /* size of arrow element */

    width: 40px;

    height: 58px;

    cursor: pointer;

    background: url('../img/a22.png') center center no-repeat;

    overflow: hidden;

}

.jssora22l { background-position: -10px -31px; }

.jssora22r { background-position: -70px -31px; }

.jssora22l:hover { background-position: -130px -31px; }

.jssora22r:hover { background-position: -190px -31px; }

.jssora22l.jssora22ldn { background-position: -250px -31px; }

.jssora22r.jssora22rdn { background-position: -310px -31px; }

.jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }

.jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }



.sliderparallax{

  min-height:650px;

  max-height:auto;

  transition: ease-in-out 1s !important;

  background-attachment: absolute;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */

}

/*************** slider **************/





/******** affix *******/

  .affix {

      top:0;

      width: 100%;

      z-index: 9999 !important;

  }

  .affix ~ .container-fluid {

     position: relative;

     top: 50px;

  }

/******** affix *******/



/************* navbar **********/

.navbar-brand{

  display: none;

}

.navbar{

  border-radius: 0px;

  border-color: #fff;

  margin:0px;

  background-color: #fff;

  box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;

  border: none;

}

.navbar li {

margin: 0px 5px;

}

.navbar li a{



  color:grey !important;

  text-transform: capitalize;

  font-size: 15px;

}





.navbar-default .navbar-nav>.active>a,

.navbar-default .navbar-nav>.active>a:focus,

.navbar-default .navbar-nav>li:hover a,

.navbar-default .navbar-nav>.active>a:hover{

    background-color: #E0CAE5 ;

    color: #fff;

}



li.dropdown:hover > .dropdown-menu {

    display: block;

}





.dropdown-menu {

  background-color: #333333  !important;

  width:200px;

}

.dropdown-menu li{

  background-color: #333333  !important;



}

.dropdown-menu li  a{

  background-color: #333333 !important;

  margin-bottom: 5px;

  padding: 10px;

  color:#fff !important;

}



.dropdown-menu li:hover  a{

  background-color: #852B99 !important;

}













/************** ipad screen collapse**************/

@media (max-width: 991px) {

    .navbar-header {

        float: none;

    }

    .navbar-toggle {

        display: block;

    }

    .navbar-collapse {

        border-top: 1px solid transparent;

        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

    }

    .navbar-collapse.collapse {

        display: none!important;

    }

    .navbar-nav {

        float: none!important;

        margin: 7.5px -15px;

    }

    .navbar-nav>li {

        float: none;

    }

    .navbar-nav>li>a {

        padding-top: 10px;

        padding-bottom: 10px;

    }

    .navbar-text {

        float: none;

        margin: 15px 0;

    }

    /* since 3.1.0 */

    .navbar-collapse.collapse.in {

        display: block!important;

    }

    .collapsing {

        overflow: hidden!important;

    }

}

/************** ipad screen collapse**************/









/************* navbar *********/





/********** index **********/

.indexcardbg{

  height:200px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  background-attachment: relative;

}



.spacializepadding{

  padding: 40px;

}



@media screen and (max-width: 768px) {





  .spacializepadding{

    padding: 0px;

  }

}









.bgcolor{

  background-color: rgba(133, 43, 153,.9);

  width:100%;

  height: 100%;

}

.bgcolor2{

  background-color: rgba(107, 29, 124,.9);

  width:100%;

  height: 100%;

}

.bgcolor3{

  background-color: rgba(255,255,255,.6);

  width:100%;

  height: 100%;

}



.aboutusbg{

  height:550px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  background-attachment: relative;


}



.galleryalbum{

  height:110px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  background-attachment: relative;

}



.calltoaction{

  height:100px;

  border-radius: 1px !important;

  background-attachment: relative;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  margin: 0px !important;

}

.calltoaction .centeralign .btn{

  font-size:15px;

  padding:10px 20px;

  margin-top:25px;

}

@media screen and (max-width: 767px) {



  .calltoaction{

    height:200px;

  }

  .calltoaction .centeralign{

    text-align: center !important;

  }

  .calltoaction .centeralign .btn{

    margin-top:0px;

  }

}





/********** footer ***********/

.footer1 label,

.footer1  p{

 color: #A9ABAC !important;

}



.footer1 .socialbtn {

  padding-left: 0px;

}



.footer1 .socialbtn i{

 line-height: 17px;

}



.footer1 .servicelist{

  padding-left: 0px;

  list-style: none;

}



.footer1 .servicelist li{

  margin-bottom: 12px;

  font-weight: bold;

  color: #A9ABAC !important;

  font-size: 14px;

}





/******************** image hover effect *****************/





/*************expanding serach bar ************/







.expanding input {

	outline: none;



}

.expanding  input[type=search] {

	-webkit-appearance: textfield;

	-webkit-box-sizing: content-box;

	font-family: inherit;



	font-size: 100%;

}

.expanding  input::-webkit-search-decoration,

.expanding input::-webkit-search-cancel-button {

	display: none;

}





.expanding input[type=search] {

	background: #a460b3 url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;

	border: solid 1px #a460b3;

	padding: 9px 10px 9px 32px;

	width: 55px;



	-webkit-border-radius: 0em;

	-moz-border-radius: 0em;

	border-radius: 0em;



	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	transition: all .5s;

}

.expanding input[type=search]:focus {

	width: 130px;

	background-color: #fff;

	border-color: #66CC75;



	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);

	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);

	box-shadow: 0 0 5px rgba(109,207,246,.5);

}





.expanding input:-moz-placeholder {

	color: #999;

}

.expanding input::-webkit-input-placeholder {

	color: #999;

}



/* Demo 2 */

#demo-2 input[type=search] {

	width: 15px;

	padding-left: 10px;

	color: transparent;

	cursor: pointer;

}

#demo-2 input[type=search]:hover {

	background-color: #fff;

}

#demo-2 input[type=search]:focus {

	width: 130px;

	padding-left: 32px;

	color: #000;

	background-color: #fff;

	cursor: auto;

}

#demo-2 input:-moz-placeholder {

	color: transparent;

}

#demo-2 input::-webkit-input-placeholder {

	color: transparent;

}



/*************expanding serach bar ************/







/********** fade in slider ***********/







@media screen and (width: 768px) {

  #slide-container

{

      height:500px !important;

}

  #slides{

      height:500px !important;

  }

  .slide

    {



      height:500px !important;



    }

    .slideroverlay{

      height:600px !important;

    }



    /****** index page *********/

      .aligncentertab{

        text-align:center;

      }

    /******** index page ********/

}







.bgslider{

     /* Set a specific height */

     min-height: 500px;

     /* Create the parallax scrolling effect */

     background-attachment: relative;

     background-position: center center;

     background-repeat: no-repeat;

     background-size: cover;

}





#slide-container

  {

    position:relative;

    left:0px;

    width:100%;

    height:500px;

    background-color:#000;

  }



#slides

  {

    position:absolute;

    width:100%;

    height:100%;

    overflow:hidden;

    padding:0px;

    margin:0px;

  }



.slide

  {

    list-style:none;

    position:absolute;

    width:100%;

    height: 100%;

    opacity:1.0;

    background-size:cover;

    background-position:50% 50%;

    transition: all 1s linear; -webkit-transition: all 1s linear;

  }





.buried

  {

    opacity:0.0;

    visibility:hidden;

  }



.slidernav

  {

    position:absolute;

    z-index:99;

    top:45%;

    cursor:pointer;

    color:#fff;

    opacity:0.7;

    transition: all 0.66s ease; -webkit-transition: all 0.66s ease;

  }



/* .slidernav:hover { opacity:1.0; } */




#left {
  
  position: absolute;
  
  opacity: 1;

  left:3%;

}

#right {
  
  position: absolute;
  
  right:3%;

  opacity: 1;

 }



#vignette { position:absolute; left:0px; top:0px; z-index:9; width:100%; height:100%; }



.slideroverlay{

background-color: rgba(0,0,0,0.2);

position:absolute;

width:100%;

height:100%;

z-index:10;

}



.slidercardheading{

  color:grey;

  font-size:20px;

  font-weight:bold;

  margin-top:3px;

}

/********** fade in Slider **********/

.right-text1{
  margin-left: 48%;
  margin-right: -10%;
}

@media screen and (max-width: 700px) {
  .right-text1{
    margin-left: 6;
    /* margin-right: -10%; */
  }
}  

.white1{
  color: white;
}


@media screen and (max-width: 700px) {
  .image1{
    align-items: center;
    margin-left:10%; 
    width: 20%;
    border-radius: 50%;
  }
  .white1{
    margin-left: 10%;
    width: 100%;
  }
  .image2{
    margin-left: 17px;
    /* margin-bottom: -50%; */
    /* width: 90%;
    height: 60%; */
  }
} 

.image3.image4{
  margin-left: -10%;
  width: 20%;
}
.image4{
  margin-left: -10%;
}



.btn-white2{

  background-color: white;

  border-color: white;

  color:#6b1d7c;

  border-radius: 100px;

}



.btn-white2:hover{

    background-color: #6b1d7c;

    border-color:  #6b1d7c;

    color:white ;

}


.mark1{
 background-color: #852b99;
 color: white;
}

/* .lb-image {
  max-width: 30%; 
  max-height: 8vh; 
} */


.font1{
  font-size: 20px;
  font-weight: 500;
  color: #6b1d7c;
}
.photo-gallery {
  color:#313437;
  background-color:#fff;
  }

  .photo-gallery p {
  color:#7d8285;
  }

  .photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
  }

  @media (max-width:767px) {
  .photo-gallery h2 {
      margin-bottom:25px;
      padding-top:25px;
      font-size:24px;
  }
  }

  .photo-gallery .intro {
  font-size:14px;
  font-weight: 500;
  max-width:500px;
  margin-top: -10% ;
  margin-left: 27%;
  }

  @media (max-width:767px) {
    .photo-gallery .intro{
      margin-top: -30% ;
      margin-left: -4%;
    }
  }


  .photo-gallery .intro p {
  margin-bottom:0;
  }

  .photo-gallery .photos {
  padding-bottom:20px;
  }

  .photo-gallery .item {
  padding-bottom:30px;
  }

  .photo-gallery .item {
  transition: opacity 0.1s;
  }

  .photo-gallery .item:hover {
  opacity: 0.7; 
  }

  #lightbox-container-image img { width:auto; max-height:520px; }