@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
body{font-family: 'Open Sans', sans-serif;font-size: 14px;margin: 0px;padding: 0px;/*transition: all .2s linear;*/line-height: 20px;font-family: "Poppins", Helvetica, sans-serif;}
h1 {
    font-size: 20px;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #ffffff;
}
h1 span{text-align: center;
    background: #1c4454;
    padding: 7px 25px;
    border-radius: 10px;
    font-weight: 600;
    color:#fff;
}.single-widget-area .single-latest-post .sermons-meta-data {
    padding-bottom: 15px;
}

 .single-widget-area{
         background: aliceblue;
    padding: 20px;
 }
.section-padding-100 {
    padding-top: 30px;
    padding-bottom: 30px;
}
  .about-page .opening-hours-location {
    position: relative;
    z-index: 1; }
    .about-page .opening-hours-location .opening-hours {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      border-right: 1px solid #ebebeb;
      padding-right: 30px; }
      .about-page .opening-hours-location .opening-hours p {
        margin-bottom: 0; }
    .about-page .opening-hours-location .location {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;

   }
      .about-page .opening-hours-location .location p {
        margin-bottom: 0; }


#footer a {
    color: #b7b7b7;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
h1::before{background:url(../images/left-heading.png) center no-repeat;width:264px;height:40px;background-size:contain; content: ""; position:absolute ;margin-top:-8px; margin-left:-265px;}
h1::after{background:url(../images/right-heading.png) center no-repeat;width:264px;height:40px;background-size:contain; content: ""; position:absolute ; margin-top:-9px;}

h2{font-size:25px;font-weight:600!important;}

h3{font-size:18px; font-weight:600;color: #ec6400;}
*{transition: all .2s linear;}
#header{height:110px;background:#f58634 url(../images/menu-bg.png) 10px center no-repeat;position:fixed;z-index:9999;width: 100%;top:30px;transition: all .2s linear;}
.shrink{top:0px!important;transition: all .2s linear;}
/*.shrink #menu{    position: relative;    top: 11px;}
.shrink #logo img{width:100px;transition: all .2s linear;}
.shrink #header-top{display:none;}*/
#logo{position: relative; top:0px; transition: all .2s linear; padding:15px 0px;}
#logo img{transition: all .2s linear;}
#header-top{padding-top: 10px;}
#header-top a{color:#fff;}
#header-top h3{font-size:18px;font-weight: 400}
#header-top small{display:block; color:#000; font-weight:600}
.margin-left{margin-left:20px;border-left: solid 1px rgba(255,255,255,.2);padding-left: 10px;}
#header-top img{position:relative;top:-10px;margin-right: 10px;}
#menu ul{margin:0px;padding: 0px;list-style: none;margin-top: 15px;}
#menu ul li{float:left;}
#menu ul li a{display:block;color: #fff;text-decoration: none;font-size: 13px;padding: 0px 14px 0px 21px;border-right: 1px solid gainsboro;}
#menu ul li a:hover{color:#000;}
#menu ul li ul{ position:absolute; list-style:none; padding:0; margin:0; z-index:9999; background:#1b485b; display:none; padding-top:20px;}
#menu ul li ul li{float:none;}
#menu ul li ul li a{ text-decoration:none; color:#fff; line-height:30px; padding:0 10px;}
#menu ul li ul li a:hover { color:#e59138;}
#menu ul li:hover ul {display: block;}

.slicknav_menu{ display:none;}	


.home-block{background-color: #f58634;padding: 40px 20px;text-align: center;color: #fff;height: 310px;}
.home-block:hover{transform:scale(1.1);position:relative;z-index: 99;box-shadow: 0px 0px 40px rgba(0,0,0,.2)}
.home-block h4{font-weight:700;margin-top: 10px;font-size: 16px;}
.home-block p{color:#fffc;}
.home-block a{color: #fff;}
.no-padding{padding:0px;}
.dark .home-block{background-color: #000000!important;}
#home-blocks{margin-top:-70px;position: relative;z-index: 9}
#about{/*background:#f8f8f8;*/padding:50px 0px; padding-bottom:0;}
#about p{color:#666}
#about h2{font-weight:300;margin-bottom: 30px;}
#about ul, ol li{margin-bottom:10px;}

.btn-warning{background:#f38001;color:#fff;}
.btn-custom{padding:10px 30px;border-radius: 50px;}
#benifits{background:#212529;padding:50px 0px;}
#benifits h2{color:#fff;font-weight: 300;text-align: center;margin-bottom: 70px;}
#benifits h2 span{display:block;font-size: 18px;margin-top: 10px;}
#benifits .b-block{width:100%;padding: 30px;color: #fff;background: #000000;min-height: 229px;}
#benifits .b-block strong{display:block;text-align: center;font-size: 60px;text-align: center;padding-bottom:30px;}
#benifits .b-block p{text-align:center;font-size: 14px;font-weight: 300}
#benifits .light{background: #051c24!important;}
.contact-add{ text-align:center;line-height:22px; margin-bottom:20px;background: #eae8e8;padding: 25px 0;height:256px;}
.contact-add p{text-align:center; font-size:14px; line-height:25px; margin-top:10px;}
.contact-add .fa-icon{border:#f78000 2px solid; border-radius:50%; width:80px; height:80px; line-height:80px; color:#f78000; font-size:35px; display:block; margin:auto;background: #f8f8f8;}

.contact {background:#F8F8F8; border: 1px solid #E4E4E4; padding: 30px 15px; margin-top: 20px;}

.login{ text-align:center;line-height:22px; margin-bottom:20px;background: #eae8e8;padding: 20px;overflow: hidden;}
.login .fa-user {
    background: #f5821f;
    color: #fff;
    font-size: 35px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
}
.login a{color:#333;}
.login h3 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 25px;
}
.btn-danger {
    color: #fff;
    background-color: #f58634;
    border-color: #f58634;
    border-radius: 0;
    padding: 8px 30px;
}
.btn-danger:hover{background-color: #343a40;border-color: #343a40;}

.d-inline-block h3{color:#fff;}
.table th {
    background: #f58634!important;
    color: #fff;
}
.table-bordered td, .table-bordered th{padding:10px;}

.pdf{ margin-bottom:25px; background:url(../images/pdf.png) left no-repeat; text-align:left height:50px; line-height:50px; color:#064c4c; font-size:14px; text-decoration:none; border:#ccc 1px solid; padding:5px;}
.pdf a{ color:#064c4c; text-decoration:none; padding-left:60px; font-weight:600;}
.pdf a:hover{ color:#d8a610;text-decoration:none;}

.gallery{
        background: radial-gradient(#6e6e6e,#2f2f2f);
        background: -webkit-radial-gradient(#6e6e6e,#2f2f2f);
        background: -moz-radial-gradient(#6e6e6e,#2f2f2f);
        color: #fff;
        position: relative;
        overflow:hidden;
        margin-bottom:25px;
        border: #fff 4px solid;
        outline: #d5d9dd 1px solid;
    }
    .gallery figure {
        position: absolute;
        text-align: center;
        /*padding: 10px 19px 19px 19px;*/
        width: 100%;
        height: 100%;
        transition: ease-in-out .5s;
        opacity: 0;
        transform: scale(2);
    }
    .gallery:hover figure {
        opacity: 1;
        transform: scale(1);
        background: rgba(0, 0, 0, 0.71);
    }
    .gallery figure a{
        color: #fff;
        font-size: 3em;
        top: 35%;
        position: relative;
    }
    .gallery img{
        height: 100%;
    }

.feedback{box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);margin-bottom:30px;}
.feedback h4{background:#f58634;font-size:20px;color:#fff;padding:10px;font-weight:600;}
.feedback .form{padding:20px;}
.feedback span.wpcf7-list-item {display: inline-block; margin: 0 0 0 1em;}

 .line {
    position: relative;
    width: 100px;
    height: 6px;
    background: #f58634;
    margin:auto;
	margin-bottom:20px;
	margin-top:-10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}

#footer{background:#343a40;padding: 40px 0px; color:#fff9; font-size:13px;}
#footer h3{color:#fff;font-weight: 700;font-size: 18px; margin-bottom: 30px;text-transform: uppercase;}
.links a{display:block; color:#fff9; margin-bottom: 5px;}
.links a:hover{color:#fff;}
.footer-bottom{color:#fff6; text-align: center}

/*****************************************
		Services css
*****************************************/
.services-wrap{background:url(../images/services-bg.jpg) no-repeat; background-size:cover; background-attachment:fixed; padding:60px 0 80px 0;margin-top:40px;}
.services-wrap .title{text-align:center;} 
.services-wrap .title h1{color:#fff;}
.services-wrap .title h1:before{left:50%; margin-left:-30px; background:#fff;}
.services-wrap ul{margin:0px; padding:0px;}
.services-wrap ul li{list-style:none;}
.services-wrap ul li{margin-top:30px;}
.serviceList h3{margin-top:0}
.serviceList h3 a{font-size:22px; font-weight:600; color:#2f2f2f; text-decoration:none;}
.serviceList h3 a:hover{color:#f89406;}
.serviceList{background:#fff; padding:20px;height: 221px;}
.services-wrap .readmore{margin-top:12px;}
.services-wrap .readmore a{padding:16px 18px;}

.serviceImg{overflow:hidden; position:relative;}
.services-wrap ul li 
.serviceImg img{transform: scale(1);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}


.services-wrap ul li:hover .serviceImg img{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}


.serviceImg:before{position: absolute; content:"";
    width: 100%;
    left: 0;
    height: 100%;
    top: 100%;
    background-color:rgba(165, 122, 32, 0.59);
    visibility: hidden;
    transition: all 0.4s ease-in-out 0s;
    text-align: center;}


.services-wrap ul li:hover .serviceImg:before{z-index:1000;
    visibility: visible;
    transition: all 0.4s ease-in-out 0s;
    top: 0px;
}

.readmore{margin-top:20px;}



.readmore a{position: relative; display:inline-block; text-decoration:none; background:#f58634; font-size:14px; text-transform:uppercase;
    padding: 16px 24px;
    font-weight: 700;
    z-index: 1;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    height: auto;
    line-height: 1;
    color: #fff;
    overflow: hidden;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);}
	
.readmore a i{padding-left:10px;}



.readmore a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4S ease-out;
    -moz-transition: all 0.4S ease-out;
    transition: all 0.4S ease-out;
}
.readmore a:before {
    background: #ddb650;
}
.readmore a:hover {
    background: transparent;
	
}
.readmore a:hover:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}

.title {margin-bottom:40px;}
.title h2{position:relative; font-size: 31px;color:#fff; font-weight:bold;}
/*.title h2:before{content:""; background:#00a2ff; height:2px; width:60px; position:absolute; bottom:-15px; left:0;}*/
.title h2 span{color:#fff; font-weight:bold;}
.title p{font-size: 18px; margin-top: 10px; font-weight:600;}

/*------------------------------------------------*/

.h4{font-size:18px; font-weight:600; padding:10px; border-bottom:1px solid #ccc; margin-bottom:15px;}

.features-table {width: 100%; margin: 0 auto; border-collapse: separate; border-spacing: 0; text-shadow: 0 1px 0 #fff; color: #2a2a2a; background: #fafafa; background-image: linear-gradient(top, #fff, #eaeaea, #fff);}
.features-table thead td{white-space: nowrap;}
.features-table td {height: 50px; line-height: 50px; padding: 0 20px; border-bottom: 1px solid #cdcdcd; box-shadow: 0 1px 0 white; text-align: center;}
.features-table tbody td {text-align: center; font: normal 12px Verdana, Arial, Helvetica;}
.features-table tbody td:first-child {width: auto; text-align: left; white-space: nowrap;}
.features-table td:nth-child(2), 
.features-table td:nth-child(3),.features-table td:nth-child(6){background: #efefef; background: rgba(144,144,144,0.15); border-right: 1px solid white;}
.features-table td:nth-child(4),.features-table td:nth-child(5) {background: #e7f3d4; background: rgba(184,243,85,0.3);border-right: 1px solid white;}
/*Header*/
.features-table thead td {
  font: bold 1.3em 'trebuchet MS', 'Lucida Sans', Arial;  
  border-radius-topright: 10px;
  border-radius-topleft: 10px; 
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top: 1px solid #eaeaea; 
}

.features-table thead td:first-child {
  border-top: none;
}

/*Footer*/
.features-table tfoot td {
  font: bold 1.4em Georgia;  
  border-radius-bottomright: 10px;
  border-radius-bottomleft: 10px; 
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid #dadada;
}

.features-table tfoot td:first-child {border-bottom: none;}

.liststyle_1 li{border-bottom:1px solid #0003; background-color:#fff; padding:8px 10px;}

.news{
border-right: 4px solid #2A3D7D;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
padding:20px 30px 10px 30px;
margin: 0 15px 30px 15px;
overflow: hidden;
position: relative;
}
.news:before{content: "";position: absolute;bottom: -4px;left: -17px;border-top: 25px solid #f58634;border-left: 25px solid transparent;border-right: 25px solid transparent;transform: rotate(45deg);}
.news:after{content: "";position: absolute;top: -4px;left: -17px;border-top: 25px solid #f58634;border-left: 25px solid transparent;border-right: 25px solid transparent;transform: rotate(135deg);}
.news .title{font-size:18px; color:#000; font-weight:600;}

.title_1 small{font-size:12px; letter-spacing:2px; color:#999; display:block;}
.sub_title_1{font-size:16px; color:#858585; letter-spacing:1px;}

.list-style_1,.list-style_1 li{padding:0px; margin:0px; list-style:none;}
.list-style_1{margin-left:30px;}
.list-style_1 li{line-height:30px; font-weight:500; letter-spacing:1px; color:#000; font-size:14px; display:flex;}
.list-style_1 li:before{content: "\f178"; font-family: 'FontAwesome'; color:#999; margin-right:10px;}

.p-style_1{font-size:14px; color:#222; line-height:26px; letter-spacing:1px;}
.p-style_2{font-size:15px; color:#222; line-height:32px; letter-spacing:2px;}


/*------------------------------------------------*/

@media (min-width:200px) and (max-width:768px)  {
    .newsletter { display: none;}
    #header{top:0; height:auto;}
    .slicknav_menu{position:fixed;}
    #logo{padding:0;}
    #logo img{width:200px;}
    .margin-left{display:none!important;}
    #menu{display:none;}
    .slicknav_menu {display: block;position:fixed!important; top: 0px;}
    #banner{margin-top:55px;}
    #home-blocks{margin:0;}
    .home-block{padding:20px 40px;}
    .home-block img{width:50px;}
    h1::before{display:none;}
    h1::after{display:none;}
    .home-block{height:auto;}
    .serviceList{height:auto;}
}

@media(min-width:769px) {
    .left-img{float:left; margin:0 20px 20px 0px; width:320px;}
}
@media(max-width:768px) {
    .left-img{width:100%; margin:0 0px 20px 0px;}
}


.gallery-block.grid-gallery{
  padding-bottom: 20px;
  padding-top: 0px;
}

.gallery-block.grid-gallery .heading{
    margin-bottom: 50px;
    text-align: center;
}

.gallery-block.grid-gallery .heading h2{
    font-weight: bold;
    font-size: 1.4rem;
    text-transform: uppercase;
}

.gallery-block.grid-gallery a:hover{
  opacity: 0.8;
}

.gallery-block.grid-gallery .item img{
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  transition: 0.4s;
}

.gallery-block.grid-gallery .item{
  margin-bottom: 20px;
}

@media (min-width: 576px) {

  .gallery-block.grid-gallery .scale-on-hover:hover{
    transform: scale(1.05);
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15) !important;
  }
}