.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.col-xs-15 {width: 20%;float: left;}
@media (min-width: 768px) {
    .col-sm-15 {width: 20%;float: left;}
}
@media (min-width: 992px) {
    .col-md-15 {width: 20%;float: left;}
}
@media (min-width: 1200px) {
    .col-lg-15 {width: 20%;float: left;}
}
.img-responsive { float:none; display:inline-block;}
.thumbnail{ box-shadow:3px 3px 10px rgba(3,3,0,0.2); padding:10px;}
.row.divider > [class*='col-']:before,.row.divider > [class*='col-']:after {background: #ddd; bottom: 0; content: " "; left: 0; position: absolute; width: 1px; top: 0;}
.row.divider > [class*='col-']:before {left: 0;}
.row.divider > [class*='col-']:after {right:-1px;left:auto;}
.row.divider > [class*='col-']:first-child:before,.row.divider > [class*='col-']:last-child:after {display: none;}

/****************************************************************************/
body { background:#fff; color:#505050; font-family:"Source Sans Pro", sans-serif; font-size:20px; font-weight:300; line-height:34px; margin:0px; padding:0px;}

p{margin-bottom:20px;}
ul {list-style-type:disc}

p a{}

a, a:hover { text-decoration:none;}

.btn { text-decoration:none !important;}

.radio input[type=radio]{margin-top:10px;}

.container {position:relative;}
.no-gutter {margin-left:0px!important;margin-right:0px!important;}
.no-gutter div[class^="col"]{padding-left:0px!important;padding-right:0px!important;}

.gutter-xs {margin-left:-5px!important;margin-right:-5px!important;}
.gutter-xs div[class^="col"]{padding-left:5px!important;padding-right:5px!important;}

.gutter-sm {margin-left:-10px!important;margin-right:-10px!important;}
.gutter-sm div[class^="col"]{padding-left:10px!important;padding-right:10px!important;}

.gutter-lg {margin-left:-30px!important;margin-right:-30px!important;}
.gutter-lg div[class^="col"]{padding-left:30px!important;padding-right:30px!important;}

textarea.form-control{resize:none;min-height:100px;}
.form-horizontal .form-control { height:40px; font-size:18px;}
.form-horizontal .control-label { font-weight:400;}

.btn-default { border:2px solid #000; color:#000; font-size:15px; font-weight:400; letter-spacing:2px; padding:0px 22px; line-height:40px; text-transform:uppercase }
.btn-default:hover{color:#000;}
.btn-primary { background:#662d91; border-radius:30px !important; border:0; color:#fff; font-size:16px; line-height:60px; padding:0px 50px; text-transform:uppercase }

.btn{ border-radius:0px; moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.bg-blue { background-color:#00a2ff !important}
.bg-light { background-color:#f3f3f3 !important}

h1, h2, h3, h4, h5, h6{font-family: Poppins, san-serif; font-weight:200;}
h1{font-size:70px; text-transform:uppercase}
h2{font-size:55px;}
h3{font-size:45px;}
h4{font-size:42px;}
h5{font-size:25px;}
h6{font-size:22px;}

.breadcrumb { background-color:#f3f3f3;}
.breadcrumb a {color:#ce64ff;}

/******* Slider ********************************************************************/
#MainBanner .cycle-slideshow .slide { position:relative; height:740px; width:100%; }
#MainBanner .cycle-slideshow .slide img { position: absolute; max-width: none; left: 50%; top: 0%; -webkit-transform: translateY(-0%) translateX(-50%); }
#MainBanner h1 { color:#fff; text-shadow: 2px 2px #000000;}

/******* Inner Banner ********************************************************************/
#InnerBanner .cycle-slideshow .slide { position:relative; height:600px; width:100%; }
#InnerBanner .cycle-slideshow .slide img { position: absolute; max-width: none; left: 50%; top: 0%; -webkit-transform: translateY(-0%) translateX(-50%); }

/******* Header ********************************************************************/
#Header { position:absolute; top:0px; left:0px; right:0px; z-index:9999}
.navbar-brand { margin:0px; padding:0px;}

/********** Welcome ********************************************/
.Welcome p{ font-size:22px;}
.Welcome h2 span { font-size:45px;}

/********** Mission ********************************************/
.Mission { background:url(../images/bg-mission.jpg) no-repeat; height:746px; }
.Mission .container { height:746px; position:relative}
.Mission .container .Overlay { background:#fff; position:absolute; bottom:0px; left:15px; width:555px;}

/********** Sunday School ********************************************/
.SundaySchool { background:url(../images/bg-sunday-school.jpg) no-repeat; height:746px; }
.SundaySchool .container { height:746px; position:relative}
.SundaySchool .container .Overlay { background:#fff; position:absolute; top:0px; right:15px; width:555px;}

.SundaySchool1 { background:url(../images/bg-home-thre.jpg) no-repeat center; height:746px; }
.SundaySchool1 .container { height:746px; position:relative}
.SundaySchool1 .container .Overlay { background:#fff; position:absolute; top:0px; right:15px; width:555px;}

/********** Resources *************************************************************/
.Resources { font-family:Poppins, san-serif; font-weight:200; line-height:2}
.Resources h3 { color:#000; font-size:40px;}
.Resources p{ color:#3d2a2a; font-size:20px; min-height:200px; }
.Resources a { color:#000; font-size:20px; font-weight:600; }
.Resources a span{ color:#00a2ff; font-weight:400; }

/********** Donate *************************************************************/
.Donate { background:#efe8db;}
.Donate p{ font-size:17px; line-height:2; font-weight:400;}
.Donate .Bg { background:url(../images/bg-donate.jpg) no-repeat top left;}
.Donate h6 { font-weight:500; line-height:1.6;}

/********** Contact *************************************************************/
.Contact, .Contact a { color:#fff;}
.Contact h6 { color:#fff; font-size:24px; font-weight:400;}
.Contact .social-icons i{ color:#fff;}
.Contact .list-inline:last-child .list-inline-item { font-size:26px; margin-left:2rem;}
.Contact .Details { font-size:20px;}
.Contact .Details i{ font-size:30px;}


/********** Inner pages *************************************************************/
.CMS { padding-bottom:50px;}
.CMS h1 { color:#ce64ff}
.txt-red { color:#da0043}
.box { box-shadow:10px 10px 30px rgba(0,0,0,0.4)}

/********** Footer ******************************************** ******************************************************/
#Footer { background:#0c1824; color:#fff; }
#Footer ul > li a { color:#fff; font-family: Poppins, san-serif; font-size:16px; font-weight:300; text-transform:uppercase; line-height:3;}
#Footer .Copyright, #Footer .Copyright a{ color:#747f8a; font-size:18px; font-weight:300; }
#Footer .Copyright span { color:#e3c32f}
#Footer form .form-control { background-color:transparent; border:none; border-bottom:1px solid #344250; color:#fff; padding:10px 0px;}
#Footer .Links li a.active{color: #d068fe !important;}

.navbar-toggler{ background-color:#fff; padding: .20rem .5rem; font-size: 1.2rem;}
.navbar{ padding:0px;}
.navbar-light .navbar-nav .nav-link { color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:1px; padding:0 2.0rem;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-item.active .nav-link { color:#ce64ff; }
.dropdown-submenu { position: relative; }
.dropdown-submenu a::after { transform: rotate(-90deg); position: absolute; right: 10px; top: 1.4em;}
.dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-left: .1rem; margin-right: .1rem; }

.dropdown-menu{ background-color:#0d3f65; margin:0px; min-width:200px; padding:0px;}
.dropdown-menu .dropdown-item, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active { background-color:#0d3f65; border-bottom:1px solid #004e89; color:#fff; padding:0.5rem;}
.dropdown-menu .dropdown-item:hover {  background-color:#0568b3; }
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color:#fff;}
textarea.wpcf7-form-control.wpcf7-textarea.form-control {height: 100px;}

.logo {height: 280px;transform: translateY(50%);}



@media (max-width: 767.98px) {
.Mission .container .Overlay, .SundaySchool .container .Overlay { top:auto; bottom:0px; left:0px; right:0px; margin:auto; width:90%;}
}

@media (max-width: 991.98px) {
#Header { border-bottom:none; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .menu-item .nav-link { background-color:#ce64ff; color:#fff; padding:0.6rem; margin-bottom:1px;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .menu-item.active .nav-link { background-color:#e3c32f; color:#fff;}
.navbar-toggler { border:none; right: 0px; position: absolute; top: 0px;}
.navbar-collapse { margin-top:40px;}
	div#navbarNavDropdown{position:absolute;top:20px;width:100%;text-align: center;}
	
}

.accordion .card-header::after { font-family: 'FontAwesome'; content: "\f068"; float: right; }
.accordion .card-header.collapsed::after { content: "\f067"; }
.accordion .card-block{ background-color:#f9f7ee; padding: 1.25rem;}
.accordion .card-title{ font-size:22px;}
.accordion .card-header{ background-color:#f3f2e9; border-color:#d6d2c1}


.dropdown-menu { margin-left:0px !important}
.dropdown-menu > .dropdown > .dropdown-menu { margin-left:0px !important; left:175px !important; top:55px !important}