body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	line-height:25px;
	
}
.clr{clear:both;}
.top_header{background:url(../images/header_back.jpg) no-repeat;width:100%;background-size:cover;}

.banner{ float:left; width:100%; position:relative;}
.position{ position:absolute; border:0; right:0; left:0;}
.mid_content{}

.gallery{ border:solid 3px #FF00A8; border-radius:3px; -moz-border-radius:3px; webkit-border-radius:3px; -o-border-radius:3px; float:left; width:100%; overflow:hidden; margin:20px 0;}
.gallery h1{ margin:0; text-align:center;  font-size:16px; font-weight:400; padding:15px 0; display:block; float:left; width:100%;}
.photo{ float:left; width:100%; height:200px; overflow:hidden;}

.welcome{background: rgba(0, 0, 0, 0) url("../images/wel_back.png") repeat ;
    bottom: 15px;
    float: left;
    left: 0;
    margin: 0 auto;
    padding: 12px;
    position: absolute;
    right: 0;
    width:1170px;
	z-index:900;}
.header_left{float:left;text-align:left;padding:13px 0;}
.header_right{text-align:right;}
.contact{margin-top:10px;}
.contact ul{margin:0px;padding:0px;}
.contact li{display:inline;}
.contact li a{color: #fff;
    font-size: 18px;
    padding: 8px;
    text-decoration: none;
	font-family: 'Helvetica CE 35 Thin R...'}
.face{padding:9px 2px;color:#fff;background:#4867aa;}
.face a{color:#fff;}
.wel{font-size:26; font-family: 'aphrodite_slim_proregular'; color:#fff;}
.loerm{font-size:17px;color:#ebebeb;line-height:2;font-family: 'Helvetica CE 35 Thin R...'; margin:0;}

.abt_head{font-size:26; font-family: 'aphrodite_slim_proregular'; color:#4e1f3f;font-weight:600;}
.abt_head img{text-align:center;}
.abt-cont{font-size:17px;margin-top:10px;margin-top:30px;color:#766c73;margin-bottom: 20px;font-family: 'Helvetica CE 35 Thin R...';}
.abt_cont{background:url(../images/abtback.jpg) no-repeat; width:100%;background-size:cover;}

.dropdown:hover > .dropdown-menu{
    display: block;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ background:none; color:#fff;}

.dropdown-menu{ width:200px; background:#FF00A8; margin:0; padding:0;}

.dropdown-menu > li > a{ padding: 9px 13px; color:#fff; font-family: 'Helvetica CE 35 Thin R...';}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background-color: #4C1F3D; color:#fff;}

.footer{background: #0f0f0f none repeat scroll 0 0;
    bottom: 0;
    padding: 8px;
    width: 100%;
	z-index:900;}
.footer1{background: #0f0f0f none repeat scroll 0 0;
    bottom: 0;
    margin-bottom: -40px;
    padding: 7px;
    width: 100%;}	
.footer-left{float:left;}
.footer-left span{color:#fff;font-size:13px;}
.footer-right{float:right;}
.footer-right span{color:#fff;font-size:13px;}

.footer-right a{text-decoration:none;color:#ff00a8;}

.cont_mid{background:#fff;border-radius:6px;padding:15px;margin-top:80px;box-shadow: 0 12px 26px #6d6d6d; float: left; margin-bottom: 44px;
    width: 100%;}
.cont_cont{background:url(../images/contback.jpg) no-repeat;height: 503px;width:100%;background-size:cover;}
.left_cont{text-align:left;}
.right_form{text-align:left;}
.navini{margin-top:30px;color:#4d203f;font-size:22px;}
.cont_con{margin-top:10px;}
.form-text {
    width: 100%;
	padding:10px;
}
.form-textarea{margin-top: 10px;
    height: 150px;
    width: 95%;
    margin-left: 14px;}
	
.btn{padding:10px;background:#481b39;color:#fff;margin:12px;}
.btn:hover{color:#fff;background:#0f0f0f;}	
.sub_btn ul{margin:0px;padding:0px;}
.sub_btn li{display:inline;}
.sub_btn li a{margin:0px;}	
.pane-title{margin-bottom:30px;font-family: 'aphrodite_slim_proregular';color:#481b39;font-weight:600;font-size:24px;border-bottom:1px solid #cecccc;line-height:2;}
.details{color:#A39999;margin-top:-18px;}
.navbar{
	margin:0px;}


.navbar .nav>li>a{
	float: none;
   padding: 22px 15px;
    color: #f0f0f0;
    text-decoration: none;
	font-size:19px;
	text-shadow:none;
	font-family: 'aphrodite_slim_proregular';}

.navbar .nav>li>a:hover{color:#C7383B;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ff00a8;
  background-color: transparent;
}









/* BOOTSTRAP 3.x GLOBAL STYLES
-------------------------------------------------- */
body {
  padding-bottom: 0px;
  color: #5a5a5a;
}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
 height:492px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 1;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 400px;
  background-color:#555;
}
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 530px;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
.featurette {
  padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
  overflow: hidden; /* Vertically center images part 2: clear their floats. */
}
.featurette-image {
  margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 40px;
}
.featurette-image.pull-right {
  margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}










<!--slider-->
.jk-slider{
    width:100%;
}
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}























/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remve the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

}

















@media screen and (min-width: 320px and max-width: 767px) {
	.abt_head img{width:100%;}	
	}








@media only screen and (max-width: 767px) {
    .navbar { background-color:#4c1f3e;  !important;  !important; overflow:hidden;
	}
    .nav {border-radius:5px !important; overflow:hidden;}
    .navbar-collapse.in {overflow:hidden !important; }
    .navbar-nav { margin:0px;}
    .navbar-nav > li > a {
    
}
.navbar .nav > li > a {font-size:14px;}
.nav > li > a {display:table-row;}
   /*#templatemo_header .pull-right { float:none !important;}
   .navbar-collapse{margin-top:50px;}*/
    .navbar { display: inline-block;
    margin-top: 6px;
    position:absolute;
    right: 0;
    width: 100%;
    z-index: 999; }
.header_left img{height:75px;width:100%;}	
.contact li a{font-size:12px;}
.contact li a img{display:none;}
.face{display:none;}
.welcome{width:98%;padding: 1px 20px;font-size: 12px;
    height: 251px;
    margin:auto;
    text-align: center;
	bottom:81px;}
.wel{font-size: 22px;
    text-align: justify;}
	
.footer{text-align:justify;}	
.footer-right{text-align:center;}