*{
	max-width:100%;

}

body{
	width:100%;
	margin: 0%;
	
	background-color:#131313;

}

.linkss{
	text-decoration:none; 
	    color: #1c1a16;

}

.container{
	padding:0px;
}

.gm-style .gm-style-iw {
	background-color: #fff;
	padding: 15px;

}

.fw-branding{
	opacity: 0 !important;

}



.linkss:hover{
color:inherit;
	
}

::selection {
  background: #d29b31; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #d29b31; /* Gecko Browsers */
}

.canvas3{
	margin:0;
width:100%;
	height:auto;
 background-color:#dddada;
/* background-color:#fff;*/
position:relative;
top:-60px;
clear:both;

}
.canvas3-inner{
width:74%;
	padding-top:25px;
	margin-left:0;
	margin-right:0;

}
.canvas4{
position:relative;
top:-60px;
width:100%;
height:450px;
	background-image: url('../images/sancyouth1.jpg');
background-repeat:no-repeat;
		background-color:#000;
		background-size: cover;
		overflow-x:hidden;
background-position:50% 50%;
background-attachment: fixed;

}

.over-canvas4{
	width:100%;
	z-index:11;
height:inherit;
opacity:.5;
background-color:#eee;
position: absolute;
top:0;


}
.wall-caption1{

	margin-left:auto;
	margin-right:auto;
	width:86%;
	height:auto;
	
	position:relative;
top:25%;
}

.canvas5{

width:100%;
height:auto;
padding-bottom:60px;
background-color:#131313;
text-align:center;
}

.canvas6{

width:100%;
height:75px;
position:relative;
 background-color:#1c1a16;

}

.canvas7{
width:100%;
height:auto;
background-color:#efefef;
position:relative;
top:-60px;

}

#sanc-map {
		width:100%;
        height:400px;
  }
.canvas8{

width:100%;
height:470px;

	background-image: url('../images/sanc_nature.jpg');
background-repeat:no-repeat;
		background-color:#000;
		background-size: cover;
		overflow-x:hidden;
background-position:50% 50%;
background-attachment: fixed;

}

.youthMin{
	width:70%;
	height:150px;
	border:4px solid #fff;
	opacity:0.9;
	background-color:#fd6f28;

}

.canvas9{

width:100%;
height:auto;
margin:0;
position:relative;
background-color:#fff;
padding-bottom:80px;
top:-60px;
}

.canvas9-inner{

width:74%;
    margin-left: 0;
    margin-right: 0;

}

.canvas13{
	width:100%;
height:500px;
background-color:#efefef;
position:relative;
top:-60px;
}



.row4{
width:74%;
padding-top:10%;
margin-left: 0;
margin-right: 0;


}
.WoMin{
	width:70%;
	height:150px;
	border:4px solid #fff;
	background-color: #20c3ff;
	opacity:0.9;

}


.outMin{
	width:70%;
	height:150px;
	border:4px solid #fff;
	background-color: #9bc766;
	opacity:0.9;

}

.choirMin{
	width:70%;
	height:150px;
	border:4px solid #fff;
	background-color: #d29b31;
	opacity:0.9;
	position: relative;
	top:5px;
}

.propMin{
width:70%;
	height:150px;
	border:4px solid #fff;
	background-color: #694a74;
	opacity:0.9;
	position: relative;
	top:5px;

}

.canvasInner{

	padding-top:7%;
	padding-left:20px;	
}

.inner-col-4{

	min-width:103%;
}

.marketing{
	width:100%;
 	height:auto;
 	background-color:#131313;
 	position: relative;
 	top:-60px;

}
.row-alpha{width:74%; padding-top:25px; margin-left:0; margin-right:0;}

.img-frame{width:296px; /*height:128px; border:4px solid #fff; opacity:0.9;*/overflow:hidden;}

.parta{
border-left:1px solid #fff;

}

/*****Video******************/
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/************Slider Images*****************/
.backimage{
width:100%;
	height:100%;
position:relative;
	background-image: url('../images/sanc-back2c.jpg');
background-repeat:no-repeat;
		background-color:#000;
		background-size: cover;
		overflow-x:hidden;
background-position:50% 20%;


}
.overlay {
    right: 0;
    width: 100%;
    content: '';
    background-size: cover;
    background-position: center center;
    background-color:#000;
    position:absolute;
}


#logo-set{
	width:115px;
	margin-top:-2%;
}


.backimage2{
width:100%;
	height:100%;
position:relative;
	background-image: url('../images/banner12c.jpg');
background-repeat:no-repeat;
		background-color:#000;
		background-size: cover;
		overflow-x:hidden;
background-position:20% 20%;


}

.backimage3{
width:100%;
	height:100%;
position:relative;
	background-image: url('../images/sanc-back5.jpg');
background-repeat:no-repeat;
		background-color:#000;
		background-size: cover;
		overflow-x:hidden;
background-position:50% 20%;

}

/********************************************************************/

.sanctum_slide1{
width:640px
height:340px;
     
}

#sanc_banner{
position:relative;
	    width: 100%;
	    
    padding: 0px;
}

.moveLeft{
position:relative;
left:30%;

}

.main-title{
font-family: 'Cabin Sketch', cursive;
font-size:4.5em;

}

h1{
	font-family: 'Raleway', sans-serif;
	font-size:3.5em;
	font-weight: bold;
}
.scriber-title{
	font-family: 'Muli', sans-serif;
	line-height:45px;
	font-size:4.1em;
	letter-spacing:-2px;
	opacity:0.9;

}
.scriber-title2{
	font-family: 'Muli', sans-serif;
	line-height:75px;
	font-size:4.1em;
	letter-spacing:-2px;
	opacity:0.9;

}
#intro-title{
position:relative; 
top:-64px; 
left:-8%;

}

#intro-para{
position: relative;
    left: -8%;
    font-size: 17px;
    top: -62px;
}

#intro-para3{

    position: relative;
    left: -6.5%;
    font-size: 17px;
    top: -133px;
}

#intro-title2{
position:relative; 
top:-127px; 
left:-8%;

}

#intro-title3{
	
position:relative; 
top:-87px; 
left:-8%;

}



.scriber{

font-family: 'Gloria Hallelujah', cursive;
font-size: 4.8em;
color:#fff;
font-kerning:30px;
}

.scriber2{

	font-family: 'Cabin Sketch', cursive;

	/*font-family: 'Signika', sans-serif;*/
	font-size:30px;
	color:#d29b31;

}
.scriber4{

font-family: 'Gloria Hallelujah', cursive;
font-size: 1.5em;
color:#fff;

}

.scriber5{

	font-family: 'Cabin Sketch', cursive;

	/*font-family: 'Signika', sans-serif;*/
	font-size:30px;
	color:#fff;

}

.scriber-small{
	font-family: 'Hind', sans-serif;
	font-size:13px;
	word-spacing: 3px;

}

.scriber-chibi{
	font-family: 'Hind', sans-serif;
	font-size:13px;
	word-spacing: 0px;

}

.scriber-mini{

font-family: 'Gloria Hallelujah', cursive;
font-size: 1.8em;
color:#fff;

}

.scriber-whim{

	font-family: 'Muli', sans-serif;;
	font-size:3em;
	color:#fff;
	word-spacing:2px;
	line-height:67%;
	font-weight: bold;
}

.bol-white{
	
	color:#f2f2d0;
	word-spacing: 2px;
}

.btn-new{
	border:2px solid #D29B31;

}
.btn-bold{
	background-color:#730c29;
	position:relative;
	left:-8%;
	top:-41px;
	border-radius:0px;
}
.btn-bold2{
	background-color:#730c29;
	position:relative;
	left:-8%;
	top:-120px;
	border-radius:0px;
}
.btn-more{

	background-color:#730c29;
	border-radius:0px;
}

.btn-clear{

	background-color:none;
	border: 1px solid #730c29;
	color:#000;
	transition: background 0.1s linear;
}

.btn-clear:hover{
	color:#fff;
	background-color:#3b5998;
	border: 1px solid #3b5998;
	

}

.btn-clear2{

	background-color:#f8f8f8;
	border: 1px solid #730c29;
	color:#000;
	transition: background 0.1s linear;
	border-radius:0;
}

.btn-clear2:hover{

	background-color:#730c29;
	border: 1px solid #730c29;
	color:#fff;
	transition: background 0.1s linear;
}

.btn-subs{

	background-color:none;
	border: 1px solid #fff;
	color:#000;
	border-radius:0px;
	opacity:0.8;

}



.scriber_links{
font-family: 'Signika', sans-serif;
font-weight:300;
text-transform:uppercase;

}
.scriber_black{

	color:#1b1816;
	line-height:24px;
	font-family: 'Signika', sans-serif;
	font-weight:300;
}

.scriber_black2{

	font-family: 'Hind', sans-serif;
	color:#000;
	font-weight:lighter;
	letter-spacing: 0.5px;
}
.scriber_yell{

	color:#f2f2d0;
	line-height:24px;
	font-family: 'Hind', sans-serif;
	font-weight:400;
	font-size:1.2em;
	text-transform: uppercase;
}


.scriber3{
font-family: 'Signika', sans-serif;
font-weight:100;
text-transform:uppercase;

}

.scriber_white2{

	font-family: 'Hind', sans-serif;
	color:#fff;
	font-weight:lighter;
	letter-spacing: 0.2px;
	
}
.scriber_ash{
	font-size:1.6em;
	color:#1c1a16;
}

.scriber_ashmini{
	
	font-size:1.2em;

}




.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	color:#730c29;
	opacity:0;
}

.zero_style{
list-style: none;

}

/***************Navs*******************/

.navbarfront{

	background-color:#fff;
}

.navbar-toggle{
 background-color:#1b1816;

}
.navbar-inverse .navbar-toggle {


}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {

	background-color:#1b1816;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {

color:#730c29;
background-color:transparent;
}

.navbar-inverse .navbar-nav>li>a:hover {
		color:#730c29;

}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
	
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	background-color:#fff;
	color:#730c29;

	}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {

	background-color:#fff;

}

.dropdown-menu>li>a {

	color:#9d9d9d;
	font-family: 'Signika', sans-serif;
font-weight:300;

}

.dropdown-menu>li>a:hover {

	color:#730c29;
	background-color:transparent;

}

.dMonth{
	width:100%;
	position:relative;
	top:0;
	color:#000;
}


	.col-md-4 {
	
    top:-57px;
 height:auto;
    overflow: hidden;
}

.col-md-4:hover{

	/*overflow:auto;*/
}



.monthBox{

	display:none;
	
}

.info-event{
			position:relative;
			left:-17px;
			height:auto;
			/*border-bottom:1px dashed #cccccc;*/
			clear:both;
			
			
		}
		
.day-event{
		
		 	width:50px;
		 	height:50px;
		 	border:0px solid #000;
		 	border-radius:50%;
			margin:10px;
			float:left;
			top:10px;

			
		}
		
.info-info{
	width:75%;
	height:auto;
	border:0px solid #000;
	position:relative;
	top:5px;
	float:left;
	border-radius:3px;
	padding-left:2px;
 	padding-right:2px;
 	border-bottom:1px dashed #cccccc;
		
	}

.calendar-day{

	font-family:inherit;
	color:#730c29;
	font-weight:bold;
	font-size: 17px;
	padding:10px;
}


.calendar-day:hover{

	color:#fff;
}

.worship-wrapper{
width:100%;
height:35px;
position:relative;
top:-60px;
background-color:#730c29;
padding:10px;
}

.verseBox{

	display:none;
}

.pod-box{

	position:relative;
	top:-57px;
}

.sm-iconz{

	
	width:40px;
	height:40px;
	border:1px solid #fff;
	border-radius:50%;
	padding-top:13px;
	background-color:none;
	color:#fff;
	display:inline-block;
	vertical-align:middle;
	-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent;
	position:relative;
	overflow:hidden;
	-webkit-transition-property:color;
	transition-property:color;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	transition: transform 190ms ease-in;

	opacity:0.8;
}

.sm-iconz:hover{
border:1px solid #fff;
	background-color:none;
	color:#fff;
	border-radius:80%;
	-webkit-transform:scale(2);transform:scale(2);
	transition: transform 190ms ease-in;
}

.video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.video iframe {
    position: absolute;
    z-index: 10000;
    width: 100%;
    height: 100%;
}

.video .overlay {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; /* you were also missing a semi-colon here, which was breaking this and the background rule */
    background: url(../img/overlay-pattern.png) repeat;

}
/*******************MISC************************************/

.squish0{

	line-height: 13px;
	position:absolute; 
	top:15px;
	 padding-left:24px;

}

.squish1{

	line-height: 13px;
position:absolute;
 top:33px;
  padding-left:24px;
   font-size:11px;

}
.myline{

	position:relative;
			left:-17px;
			height:auto;
			border-bottom:1px dashed #cccccc;
			clear:both;
			top:-10px;
}

.gcse-searchbox {
	    font-family: Arial, sans-serif;
    background-color:transparent;
    border: 1px solid #ffffff;
}


.tkf-main-embedded .viewerArea__nav .navbar{

	display: none;
}

/**********************************************************/


/*********************Shepherd page*************************/

.canvas10{

width:100%;
height:auto;
margin:0;
position:relative;
background-color:#f8f8f8;
padding-bottom:80px;
top:-60px;
}
.canvas11{
	width:100%;
height:auto;
margin-left:auto;
margin-right:auto;
position:relative;
background-color:#f8f8f8;
padding:20px;
top:-60px;
}


.band-wrapper{
width:100%;
height:150px;
position:relative;
background-color:#272727;
/*background-color:#730c29;*/
padding:10px;
margin-top:25px;
}

.row-beta{
	    width: 70%;
    padding-top: 25px;
    margin-left: auto;
    margin-right: auto;
}
.sancpage-title{
	font-family: 'Muli', sans-serif;
	line-height:45px;
	font-size:3.5em;
	letter-spacing:-2px;
	opacity:0.9;
position:relative;
top:-20px;
}
.scriber_black_chibi{

	font-family: 'Hind', sans-serif;
	color:#000;
	font-weight:lighter;
	letter-spacing: 0.5px;
	font-size:11px;
}
/**********************************************************/

/******************Accordion********************************/


button.sanc-accordion {
    background-color:#f8f8f8;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border:1px solid #730c29;
    outline: none;
    transition: 0.4s;
}
button.sanc-accordion.active, button.sanc-accordion:hover {
    background-color: #ddd;
}

button.sanc-accordion:after {
    content: '\02795 ';
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.sanc-accordion.active:after {
    content: "\2796"; 
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height:0;
    overflow:hidden;
    transition:max-height 0.2s ease-out;
    
    
}

#note{
	position:relative;
	top:72px;

}

.col-sm-4{

	position:relative;

	
}
/**********************************************************/

/********************MEDIA QUERIES************************/
@media (max-width: 767px){
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #730c29;
}

}
@media (max-width: 760px){

#logo-set{
	margin-top:-5%;
}
.parta{

	border:none;

}



}

@media (max-width: 480px){

#intro-title3{
	
	font-size:2.9em;
	opacity:0.9;

}

.backimage2 {
    background-position: 80% 20%;
}

.backimage3 {
    background-position: 70% 20%;
}

#logo-set{
	margin-top:-11%;
}
#intro-title{
	font-size:2.9em;
	top:-108px;
	width:125%;
	line-height:33px;
}

#intro-para{
position: relative;
    left: -8%;
    font-size: 17px;
    top: -96px;
}

#intro-title2{
	font-size:2.9em;
	top:-103px;
	left:-12%;
	width:125%;
	line-height:33px;
}

.btn-bold{

	top:-72px;
	}

.btn-bold2{
	background-color:#730c29;
	position:relative;
	left:-12%;
	top:-96px;
	border-radius:0px;
}
.squish0{

  padding-left:0px;

}

.squish1{

  padding-left:0px;
  font-size:10px;

}

.dMonth{
	top:14px;
}
.inner-col-4{

	min-width:136%;
}

.arrCent{

	position:relative;
	left:13%;
}

.monthBox{
	min-height:200px;
	position:relative;
	top:10px;
}

.scriber-whim{

	font-size:2.8em;
	
}

.scriber_links{
	width:167px;

}

.info-info {
	width:62%;
	padding-left:0px;
	min-height:100px;

	}

.row4{
	width:100%;
}

.col-sm-4{

	position:relative;
	
	
}


}