/* bootstrap fluid fix */


/*----------intial declartaion of css----------*/

* { padding: 0; margin: 0; list-style: none; }
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
html { -webkit-text-size-adjust: none; height: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; }
/* remember to define focus styles! */

:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a:focus { outline: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
/* End hide from IE Mac */

.none { display: none; }
/* End Clearfix */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
img { max-width: 100%; }
/* For modern browsers */

.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
/*.cf{*zoom:1;}*/


/* For IE 6/7 (trigger hasLayout) */

body { font-family: 'Raleway', sans-serif; font-style: normal;  font-size: 16px; color: #000; overflow-x: hidden; -webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke: 1px transparent; height: 100%; background:#FEE7EF url(/images/cover5.jpg) 90% 0% fixed no-repeat; background-size:cover; }
@media (max-width:767px) {
	body { background-attachment:scroll; }
}
.wrapper { background:rgba(26,22,20,0); padding:0 0 70px; }
p { font-size: 20px; color: #000; line-height: 20px; font-family: 'Raleway', sans-serif; margin-bottom: 15px;  }
h1,h2,h3,h4,h5,h6{font-family: 'Raleway', sans-serif;}
.preload {display:none;}
/*--------------------*/

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding-left: 7.5px; padding-right: 7.5px; }
.row { margin-left: -7.5px; margin-right: -7.5px; }

@media (max-width:767px) { .notmobile {display:none;} }

.merch { background:#F8F8F8 url(/images/merchpromo.jpg) center no-repeat; background-size:cover; margin-top:6px; padding-bottom:60%; position:relative; }
.merch h2 { text-align:center; font-size:26px; width:200px; margin:0 auto; padding-top:30px; }
.merch h2 span { display:none; }
.merch a.buttonmerch { border-radius:100%; width:110px; height:110px; display:block; position:absolute; font-family: 'Raleway', sans-serif; text-align:center; color:#fff; font-size:20px; padding-top:35px; }
.merch a.buttonmerch1 { background:#ff5500; bottom:20px; left:25px; }
.merch a.buttonmerch2 { background:#62C2CC; bottom:20px; right:180px; }
.merch a.buttonmerch:hover { background:#413732; }
@media (max-width:1199px) {
.merch h2 { font-size:22px; padding-top:22px; width:170px; }
.merch a.buttonmerch1 { left:15px; }
.merch a.buttonmerch2 { right:120px; }
}
@media (max-width:991px) {
.merch h2 { font-size:26px; width:200px; padding-top:40px; }
.merch a.buttonmerch1 { left:25px; }
.merch a.buttonmerch2 { right:220px; }
}
@media (max-width:767px) {
.merch h2 { font-size:18px; padding-top:5%; width:150px; }
.merch a.buttonmerch { width:85px; height:85px; font-size:17px; padding-top:22px; }
.merch a.buttonmerch1 { left:5px; }
.merch a.buttonmerch2 { right:5px; }
}

#content { background:rgba(0,0,0,0.70); margin:6px 0 0; padding:30px 30px 10px; }
@media (max-width:479px) { .containercontent { /*padding-left:0; padding-right:0;*/ } #content.containercontent { padding:30px 15px 10px; } }
#content img.homeright { float:right; width:53%; border:0; margin:-30px -30px 10px 15px; }
#content { margin-top:0; }
@media (max-width:1199px) { #content img.homeright { width:45%; } }
@media (max-width:991px) { #content img.homeright { width:34.8%; margin-bottom:0; } #content { margin-top:40px; }}
@media (max-width:680px) { #content img.homeright { width:45%; margin-bottom:10px; } }
@media (max-width:479px) { #content img.homeright { display:none; } }

.linkssections { margin-bottom:6px; }
.linkssections h2 { display:inline-block; font-size:18px; line-height:1.2; color:#fff; margin:6px 6px 0 0; background:#000; padding:19px 15px 0; height:53px; float:left; letter-spacing: 1px; font-family: 'Raleway', sans-serif; font-weight: bold; text-transform: uppercase;  }
.linkssections h3, .leftcol h3, h3.videotitle { display:inline-block; clear:both; font-size:18px; line-height:1.2; color:#fff; padding:4px 8px; background:#000; margin:40px 0 0 0; letter-spacing: 1px; font-family: 'Raleway', sans-serif; font-weight: bold; text-transform: uppercase; }
.leftcol h3, h3.videotitle { margin:24px 0 6px; }
@media (max-width:630px) {
    .linkssections h2 { width:100%; text-align: center; padding:9px 15px 0; height:33px; }
}
.linkssections a { display:inline-block; height:53px; margin:6px 6px 0 0; float:left; padding:0 15px; }
.linkssections a.logo-facebook   { background-color:#3b5998; padding:12px 10px 0 10px; } .linkssections a.logo-facebook    img { height:27px; }
.linkssections a.logo-youtube    { background-color:#ffffff; padding:9px  10px 0 10px; } .linkssections a.logo-youtube     img { height:35px; }
.linkssections a.logo-youtubemusic { background-color:#000000; padding:12px  10px 0 10px; } .linkssections a.logo-youtubemusic img { height:29px; }
.linkssections a.logo-spotify    { background-color:#000000; padding:9px  10px 0 10px; } .linkssections a.logo-spotify     img { height:35px; }
.linkssections a.logo-bandcamp   { background-color:#ffffff; padding:16px 10px 0 8px ; } .linkssections a.logo-bandcamp    img { height:22px; }
.linkssections a.logo-soundcloud { background-color:#000000; padding:14px 10px 0 10px; } .linkssections a.logo-soundcloud  img { height:23px; }
.linkssections a.logo-amazon     { background-color:#000000; padding:11px 10px 0 10px; } .linkssections a.logo-amazon      img { height:31px; }
.linkssections a.logo-google     { background-color:#000000; padding:11px 10px 0 10px; } .linkssections a.logo-google      img { height:31px; }
.linkssections a.logo-itunes     { background-color:#000000; padding:12px 10px 0 10px; } .linkssections a.logo-itunes      img { height:29px; }
.linkssections a.logo-itunesold  { background-color:#000000; padding:12px 10px 0 10px; } .linkssections a.logo-itunesold   img { height:29px; }
.linkssections a.logo-proost     { background-color:#ffffff; padding:12px 10px 0 10px; } .linkssections a.logo-proost      img { height:29px; }
.linkssections a.logo-cdbaby     { background-color:#ffffff; padding:12px 10px 0 10px; } .linkssections a.logo-cdbaby      img { height:29px; }
.linkssections a.logo-tidal      { background-color:#000000; padding:11px 10px 0 10px; } .linkssections a.logo-tidal       img { height:31px; }
.linkssections a.logo-deezer     { background-color:#000000; padding:11px 10px 0 10px; } .linkssections a.logo-deezer      img { height:31px; }
.linkssections a.logo-facebook:hover   { background-color:#e8315e; }
.linkssections a.logo-youtube:hover    { background-color:#e8315e; }
.linkssections a.logo-youtubemusic:hover { background-color:#e8315e; }
.linkssections a.logo-spotify:hover    { background-color:#e8315e; }
.linkssections a.logo-bandcamp:hover   { background-color:#e8315e; }
.linkssections a.logo-soundcloud:hover { background-color:#e8315e; }
.linkssections a.logo-amazon:hover     { background-color:#e8315e; }
.linkssections a.logo-google:hover     { background-color:#e8315e; }
.linkssections a.logo-itunes:hover     { background-color:#e8315e; }
.linkssections a.logo-itunesold:hover  { background-color:#e8315e; }
.linkssections a.logo-proost:hover     { background-color:#FFECB2; }
.linkssections a.logo-cdbaby:hover     { background-color:#fe9001; }
.linkssections a.logo-tidal:hover      { background-color:#e8315e; }
.linkssections a.logo-deezer:hover     { background-color:#e8315e; }
.linkssections form { background-color:#ffffff; padding:10px 10px 0 10px; display:inline-block; height:53px; margin:6px 6px 0 0; float:left; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.linkssections form:hover { background-color:#d8d2cc; }
.linkssections input[type='image'] { height:33px; }


.playerholder { height:75px; overflow:hidden; margin: 0 0; }

.latestvideo { padding:6px 0 0; clear:both; }
.latestvideo h2 { font-size:24px; line-height:1; color:#fff; text-align:center; margin:0; }

/* bootstrap fluid fix */

body { overflow-x: hidden; }
/*-------header------*/

header { padding: 80px 0 80px; }
.logo { width:40%; margin:0 auto; }
@media (max-width:1199px) {	.logo { width:50%; } }
@media (max-width:991px) { .logo { width:60%; } }
@media (max-width:767px) { .logo { width:60%; } header { padding:10% 0; } }
.logo h1 {margin:0; padding:0;}
.logo a { display: block; }
.mob-logo {display:none;}
.church-logo { padding-top: 25px; }
.church-logo a {display:inline-block;}
/*Default menu styles*/
nav { /*border-top: 2px solid #d4d5d5; border-bottom: 2px solid #d4d5d5;*/ background:#ddd; margin-top: 14px; }
@media (max-width:767px) {
nav { border-top: 2px solid #d4d5d5; border-bottom: 2px solid #d4d5d5; background:#fff; margin-top: 14px; }
}
.menu-icon { display: none; cursor: pointer; color: #fff;  text-align: center; font-weight: bold; line-height: 33px; font-size: 0; padding: 10px 0; }
.menu-icon .menu-box { width: 50px; height: 38px; margin-right:15px; padding: 5px; position: absolute; right: 0; }
.menu-icon .menu-box span { width: 100%; height: 4px; margin-bottom: 6px; background: #7E4A82; display: block; border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ma-transition: all 0.5s; -o-transition: all 0.5s; }
.menu-icon.active span:nth-child(1), .left-panel-btn.active span:nth-child(1) { transform: rotate(45deg) translateY(8px) translateX(8px); -webkit-transform: rotate(45deg) translateY(8px) translateX(8px); }
.menu-icon.active span:nth-child(2), .left-panel-btn.active span:nth-child(2) { opacity: 0; }
.menu-icon.active span:nth-child(3), .left-panel-btn.active span:nth-child(3) { transform: rotate(-45deg) translateY(-7px) translateX(6px); -webkit-transform: rotate(-45deg) translateY(-7px) translateX(6px); }
.enumenu_ul .caret { color: #fff; margin-left: 7px; }
.enumenu_ul { padding: 0px; list-style: none; }
.enumenu_ul > li { display: inline-block; vertical-align: top; position: relative; text-transform: capitalize; transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; -webkit-transition: 0.3s ease; float: left; }
.enumenu_ul li a { font-size: 16px; color: #000000; padding: 11px 20px; display: block; font-family: 'Raleway', sans-serif;   }
.enumenu_ul li a:hover, .enumenu_ul li.active a{color:#7f4f84; opacity: 0.8; }
@media (min-width:768px) {
.enumenu_ul > li:first-child a{ padding-left: 0; }
/*.enumenu_ul > li:last-child a { padding-right: 0; }*/
}
.enumenu_ul > li:hover, .enumenu_ul > li.active { text-decoration: none; }
.enumenu_ul > li ul { display: none }
.enumenu_ul ul li { width: 100%; margin: 0; list-style: none; position: relative; }
.enumenu_ul.desk ul { top: 100%; z-index: 999; list-style: none; left: 33px; background: rgba(127,76,132,0.94); position: absolute; min-width: 255px; }
.enumenu_ul.desk ul.dropdown-child-first { left:13px; }
.enumenu_ul.desk ul:before { content: ""; top: -10px; left: 20px; border-bottom: 11px solid #7f4c84; border-left: 11px solid transparent; border-right: 11px solid transparent; position: absolute; width: 0; height: 0; }
/*Sub menu styles*/
.menu.submenu-ul-level1 li a { background: rgba(0,0,0,0); color: #fff; padding-left: 90px; }
.enumenu_ul.desk li:hover > ul { display: block; opacity: 1; }
/*.enumenu_ul.desk > li >.sb-menu {border-right: 2px solid #fff;}*/
.enumenu_ul.desk > li  .sb-menu  .sb-menu{left: 100%; top: 0;}
.enumenu_ul.desk .sb-menu .sb-menu { left: 100%; top: -10px;  }
.enumenu_ul.desk ul li:last-child { border-bottom: 0; }
/*.enumenu_ul.desk ul {padding:10px 0;}*/

.enumenu_ul ul.sb-menu li a{ border-right: 2px solid #fff; }
.enumenu_ul ul.sb-menu ul li a{ border-right:0; }
@media (min-width:768px) {
.enumenu_ul ul.sb-menu ul li a { padding-bottom: 10px !important; padding-top: 10px !important; }
.enumenu_ul ul.sb-menu li:first-child a{ padding-top: 18px; }
.enumenu_ul ul.sb-menu ul li:first-child a{ padding-top: 13px !important; }
.enumenu_ul ul.sb-menu li:last-child a{ padding-bottom: 18px; }
.enumenu_ul ul.sb-menu ul li:last-child a{ padding-bottom: 13px !important; }
}
.enumenu_ul.desk ul li a { padding: 8px 20px; display: block; color: rgba(255,255,255,1); font-size: 13px; text-align: left; line-height: 16px;   font-family: 'Raleway', sans-serif; }
.enumenu_ul.desk ul li:hover > a { color:rgba(255,255,255,0.8); text-decoration: none; }
.enumenu_ul .arrow { bottom: 0; cursor: pointer; height: 0; margin: auto; position: absolute; right: 6px; top: 0px; width: 0; z-index: 999; border-top: 4px solid #7f4c84; border-left: 4px solid transparent; border-right: 4px solid transparent; }
.enumenu_ul ul.sb-menu li .arrow { bottom: 0; cursor: pointer; height: 0; margin: auto; position: absolute; right: 11px; top: -8px; width: 0; z-index: 999; border-left: 4px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
@media (min-width:768px) {
.enumenu_ul ul.sb-menu li:first-of-type .arrow { top: 0; }
}
.enumenu_ul ul.sb-menu li:hover .arrow { border-left: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 6px solid transparent; }
.enumenu_ul .arrow.up { background: url(/images/minus.png) no-repeat center center; }
.enumenu_ul ul.sb-menu ul:before { display: none; }
@media (max-width:1199px) { .enumenu_ul.desk ul { left: 10px; min-width: 180px; } .enumenu_ul.desk ul.dropdown-child-first { left:0; } .enumenu_ul li a { padding: 11px 15px; } .enumenu_ul .arrow { right: 4px; } }
@media (max-width:991px) { .enumenu_ul.desk ul { left: 10px; min-width: 150px; } .enumenu_ul li a { padding: 11px 12px; font-size: 14px; } .enumenu_ul .arrow { right: 2px; } }

.stickyHeader nav {position:fixed; width:100%; top:0; margin-top:0; z-index:9999; background:#D4D5D5;}
.slideDown{
            animation: slideDown 0.4s linear 0s;
            -webkit-animation: slideDown 0.4s linear 0s;
        }
        @keyframes slideDown{
            0%{
                transform: translateY(-100%)
            }
            100%{
                transform: translateY(0%)
            }
        }
        @-webkit-keyframes slideDown{
            0%{
                -webkit-transform: translateY(-100%)
            }
            100%{
                -webkit-transform: translateY(0%)
            }
        }
        .slideUp{
            animation: slideUp 0.8s linear 0s;
            -webkit-animation: slideUp 0.8s linear 0s;
        }
        @keyframes slideUp{

            0%{
                opacity: 0;
            }
            100%{
                opacity: 1
            }
        }
        @-webkit-keyframes slideUp{
  
             0%{
                opacity: 0;
            }
            100%{
                opacity: 1
            }
        }
/*---contact-home-search---*/
.search-strip { background: #d4d5d5; padding: 0px 0 3px 0; }
ul.home-contact-link { padding: 0; margin: -1px 0 0 0; list-style: none; font-family: 'Raleway', sans-serif; }
ul.home-contact-link li { font-size: 14px; color: #413732; display: inline-block;   margin-right: 13px; position:relative; top:0;}
ul.home-contact-link li a { color: #413732; }
ul.home-contact-link li a:hover, ul.home-contact-link li.active a { color: #000; }
ul.home-contact-link li i.home { width: 18px; height: 20px; background: url(/images/home-icon.png) 0 0 no-repeat; background-size: contain; display: inline-block; position: relative; top: 5px; left: 0; margin-right: 5px; }
ul.home-contact-link li i.mail { width: 23px; height: 17px; background: url(/images/mail-icon.png) 0 0 no-repeat; background-size: contain; display: inline-block; position: relative; top: 4px; margin-right: 5px; left: 0; }
/*------google search-------*/
.google-search { display: inline-block; color: #413732; font-size: 14px; font-family: 'Raleway', sans-serif; width: 90%; min-height: 26px; text-align: right; float: right; margin-right:15px; margin-top:-3px; }
.google-search span { font-size: 14px; color: #413732;   display: inline-block; position: relative; top:8px; right: 5px; }
.chrome.google-search span {top:5px;}
.ie.google-search span {top:6px;}
.gsc-search-box-tools .gsc-search-box .gsc-input { box-shadow: none; font-family: 'Raleway', sans-serif; color: #413732; position: relative; font-size: 14px; line-height:20px;}
.gsc-search-box-tools .gsc-input-box { height: 22px; border:0;}
.google-search .gsib_a { padding: 0 5px; }
.google-search .cse input.gsc-search-button input.gsc-search-button-v2, .google-search input.gsc-search-button-v2 { padding: 11px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; position: relative; top: 2px; border: 0; background-size: 14px 13px; background-image: url(/images/search-icon.png); background-color: #413732; background-repeat: no-repeat; background-position: center center; cursor: pointer; border-radius: 0; left: -2px; border: 0; box-shadow: none; }
.chrome .google-search .cse input.gsc-search-button input.gsc-search-button-v2 , .google-search input.gsc-search-button-v2 {margin-top:1px;}
.google-search .cse input.gsc-search-button input.gsc-search-button-v2:hover, .google-search input.gsc-search-button-v2:hover, .google-search .cse input.gsc-search-button input.gsc-search-button-v2:focus, .google-search input.gsc-search-button-v2:focus { background-color: #2b2b2b; background-image: url(/images/search-icon.png); background-repeat: no-repeat; background-position: center center; border: 0; box-shadow: none; }
#gsearchbox { display: inline-block; width: 75%; float: right; margin-top: 3px; height:25px;}
.ie9 .google-search .cse input.gsc-search-button input.gsc-search-button-v2:hover, .ie9 .google-search input.gsc-search-button-v2:hover, .ie9 .google-search .cse input.gsc-search-button input.gsc-search-button-v2:focus, .ie9 .google-search input.gsc-search-button-v2:focus { background-image: url(/images/search-icon.png) !important; }
.google-search .gsc-search-box-tools .gsc-search-box .gsc-input { padding: 0; }
.google-search form.gsc-search-box, .google-search table.gsc-search-box { margin: 0; }
.gsc-search-box .gsc-input > input:focus, .gsc-input-box-focus { box-shadow: none !important; }
.google-search .gsst_a .gscb_a { color: #a1b9ed; cursor: pointer; position: relative; top:-1px; padding: 0; }
.safari .google-search .gsst_a .gscb_a { top: -2px; }
/*------------banner css-----------*/
.banner-twit-section {margin:6px 0;}
.owl-carousel { overflow: hidden; }
.owl-carousel .item { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 574px;  width: 100%; overflow: hidden; position: relative; z-index: 1; }
.owl-controls { bottom: 4px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; width: 100%; z-index: 98; }
.banner .owl-nav { display: none; }
.owl-pagination .owl-page span { width: 10px; width: 10px; background: #000; border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%;}
.owl-dots, .owl-dot { display: inline-block; }
.owl-theme .owl-dots .owl-dot span { background: #fff none repeat scroll 0 0; border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; display: block; height: 12px; margin: 0 3px; transition: opacity 200ms ease 0s; width: 12px; transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; -webkit-transition: 0.3s ease; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: rgba(255,255,255,0.3); }
.banner-txt { bottom: 0; position: absolute; left: 0; right: 0; padding: 20px 30px 30px;; background: rgba(36,36,36,0.6); overflow: hidden; }
.item .banner-txt h2 { font-size: 30px; color: #fff;  padding-bottom: 10px;  font-family: 'Raleway', sans-serif;  }
.item .banner-txt p { font-size:19px; color: #fff; font-family: 'Raleway', sans-serif;  }
.item .banner-txt a { color:#fff; font-family: 'Raleway', sans-serif;   }
.item .banner-txt a:hover { opacity:0.7; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel1 .item {height:auto; margin-bottom:6px;}
@-webkit-keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
 @keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
 @-webkit-keyframes fadeOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
 @keyframes fadeOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}

 @keyframes fadeOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
 @-o-keyframes fadeOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
 @keyframes fadeOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
.fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; }
/*--twitter-section---*/
.twitter-section { overflow: hidden; }
.twitter-box { background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: #1a1614; min-height: 188px; margin-bottom: 5px; width: 100%; position: relative; }
.twitter-section  .twitter-box:last-child {margin-bottom:0;}
.twitter-box .twitter-overlay { background-color:rgba(0,0,0,0.45); position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index:1; }
.twitter-box .twitter-detail { padding: 19px 15px 13px 20px; z-index:2; position:relative; }
.twitter-detail .twitter-img { width: 42px; height: 42px; border-radius: 6px; float: left; margin: 0 10px 10px 0; overflow: hidden; }
.twitter-box .twitter-detail i { color:#fff; font-size:14px;  position:relative; top:-3px;}
.twitter-detail .twitter-img img { width: 100%; }
.poster-name { font-family: 'Raleway', sans-serif; color: #fff;  font-size: 18px; display: inline-block; margin-top: -1px; }
.poster-name span { background: url(/images/twitt-icon.png) left top no-repeat; padding-left: 22px; font-size: 16px; text-transform: none; font-family: 'Raleway', sans-serif;  background-size: 19px 15px; display: block; line-height: 16px; }
.img-name { display: block; float: left; width: 100%; }
.poster-name a { color: #fff; }
.poster-name a:hover { color: #bbf7b5; }
.twitter-box p { font-family: 'Raleway', sans-serif;  color: #fff; font-size: 14px; padding: 0 0 10px 0; margin: 0; clear: both; line-height: 18px; }
.twitter-box p a { color: #bbf7b5; }
.twitter-box .time { color: #bbf7b5; font-size: 16px; display: block; font-style: italic; position: absolute; bottom: 13px; left: 20px; z-index:3; }
.twitter-box p a:hover { color: #fff; }
/*video wrapper in twitter*/
.twitter-box .videoWrapper { margin:-12px 0 26px; }
@media (max-width:991px) { .twitter-box .videoWrapper { margin:-12px 0 10px; } }
@media (max-width:767px) { .twitter-box .videoWrapper { margin:-12px 0 0; } }
.twitter-box .videoWrapper .twitter-video { width:100%; min-width:0 !important; }
.twitter-box .videoWrapper blockquote.twitter-video, #content .twitter-box .videoWrapper blockquote.twitter-video { height:0; width:0; overflow:hidden; padding:0; margin:0; background-color:transparent; border:0; border-radius:none; }
.twitter-box .videoWrapper blockquote.twitter-video:before, #content .twitter-box .videoWrapper blockquote.twitter-video:before { display:none; }

/*--history-section---*/

.history-section{margin:0;}

.history-section {
display:block;
width:100%;
float:left;
position:relative;
}

.history-section .container{
position:relative;
}

.history-section  .col-md-2{
width:20%;
margin:0 0px 6px 0;
height:auto;
}
.history-section .col-md-2:nth-child(5n){margin-right:0;}


.history-section  .gray-box{
min-height:150px;
padding:29px 23px 18px 30px;
display:inline-block;
background:#bababa;
transition:ease 0.3s;
-moz-transition:ease 0.3s;
-o-transition:ease 0.3s;
-ms-transition:ease 0.3s;
-webkit-transition:ease 0.3s;
display:block;
width:100%;
}

.history-section .gray-box:hover {background:#D4D5D5; }
.history-section h2 {color:#7e4a82; font-size:16px;  font-family: 'Raleway', sans-serif;   margin-bottom:10px; line-height:19px;}
.history-section h2 a {display:block; color:#7e4a82;}
.history-section h2 a:hover {color:#000000;}
.history-section p { font-size:18px; color:#000000; font-family: 'Raleway', sans-serif;  padding-bottom:0;}
.history-section .gray-box .history-detail {display:table; vertical-align:top; }



/*---upcoming events----*/
.upcoming-event {
display:table;
width:100%;
margin:0px 0 6px 0;
}

.upcoming-event .event-date {
display:table-cell;width:31%;
vertical-align:middle; background:#413732;
padding:20px;
font-family: 'Raleway', sans-serif;
color:#fff;

text-align:center;
}

.upcoming-event .event-date span.date { font-size:80px; display:block; line-height:60px; padding-top:20px;}
.upcoming-event .event-date span.month{  font-size:30px; display:block; line-height:36px; }
.upcoming-event .event-date span.year { font-size:30px; display:block; line-height:36px; }

.event-detail {display:table-cell; background:rgba(242,239,237,0.75); padding:20px 33px 10px 33px; font-family: 'Raleway', sans-serif;}
.event-detail  h3 { font-size:20px; color:#1a1614;   margin-bottom:8px;  }
.event-detail  h4 {font-size:36px; color:#1a1614;  margin-bottom:0px; }
.event-detail  h4 a {color:#ff5500;}
.event-detail  h4 a:hover {color:#62C2CC;}
.event-detail  p {font-size:14px; font-family: 'Raleway', sans-serif;  color:#000000; padding-bottom:0; margin:0 0 6px;}
.event-detail a.view-all{display:inline-block; color:#1a1614;font-size:14px;  }
.event-detail a.view-all:hover{ color:#000;}


/*----signup------*/
.signup-form{ background:#413732; padding:27px 27px 30px 27px; display:block; margin:0 0 6px 0; }
#content .signup-form{ background-image:url(/images/logofaint.png); background-position:top right; background-repeat:no-repeat; background-size:50%;}
.signup-form  h3, #content .signup-form  h3 { font-size:24px; color:#fff;   margin-bottom:6px;  margin-top:0;}

.signup-form  p, #content .signup-form p {font-size:14px; font-family: 'Raleway', sans-serif;  color:#fff; padding-bottom:6px; margin-bottom:0; line-height:20px;}
.signup-form  form .form-area{max-width:363px;}
.signup-form  form input {font-size:14px; color:rgba(255,255,255,0.8); font-family: 'Raleway', sans-serif;  height:28px;  margin:0 1px 5px 0; background:rgba(242,239,237,0.75);  padding:3px 15px 2px; width:99.99%; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.signup-form  form input:hover , .signup-form  form input:focus{background:#ff5500; color:#FFF; }
.signup-form  form .form-area .first-name , .signup-form  form .form-area .last-name { width:49.4%; margin-right:4px; float:left;}
.signup-form  form .form-area .last-name  {margin-right:0;}
.signup-form  form  button, .signup-form  form input[type="button"], .signup-form  form  input[type="submit"] {font-family: 'Raleway', sans-serif;  color:#fff; background:#ff5500;  padding:3px 17px; border:0; box-shadow:none;  transition:ease 0.3s; -moz-transition:ease 0.3s; -ms-transition:ease 0.3s; -o-transition:ease 0.3s; -webkit-transition:ease 0.3s; position:relative; top:-2px; margin-right:5px;}
.signup-form span {font-size:11px; color:#fff;  font-family: 'Raleway', sans-serif; line-height:14px; max-width:68%; display:inline-block; position:relative; top:5px; transition:ease 0.3s;}
.signup-form span a {color:#cde8d8}
.signup-form span a:hover , .signup-form span a:focus{color:#fff}
.signup-form  form  button:hover, .signup-form  form input[type="button"]:hover, .signup-form  form  input[type="submit"]:hover,.signup-form  form  button:focus, .signup-form  form input[type="button"]:focus, .signup-form  form  input[type="submit"]:focus { background:rgba(242,239,237,0.75); } 
.successmsg { color: #fff;   font-size: 15px; font-weight: normal; margin-top: 8px; display: none;}
/*---ERROR MESSAGE CSS----*/
input.textbox.error,.texarea.error { background: url("/images/input_arrow_fail.png") no-repeat scroll right center #ffffff; border: 2px solid #ff0000;border:2px solid red;transition:border 0.3s }

input.valid {background:url("/images/input_arrow_success.png") no-repeat scroll right center #ffffff}

.successmsg { color: #fff; font-family: 'Raleway', sans-serif;  font-size: 15px; font-weight: normal; margin-top: 8px; display: none; background:#4ba82e; padding:5px; text-align:center;}

div.error{color:red;margin-top:-18px;font-size:13px;}
.signup-form span.error {top:-5px;}

/*=============== PLAACEHOLDER COLOR ==============
::-webkit-input-placeholder {
color:rgba(255,255,255,0.8);
 opacity:1;
}
 
:-moz-placeholder {
color:rgba(255,255,255,0.8);
 opacity:1;
}

::-moz-placeholder {
color:rgba(255,255,255,0.8);
 opacity:1;
}
:-ms-input-placeholder {
color:rgba(255,255,255,0.8);
 opacity:1;
}*/

/*---case study----*/
.case-study {
display:table;
width:100%;
margin:0px 0 6px 0;
}

.case-study .case-study-img{
display:table-cell;width:44%;
vertical-align:middle; 
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}


.case-study-detail {display:table-cell; background:#bababa; padding:27px 27px 34px 27px; font-family: 'Raleway', sans-serif;}
.case-study-detail  h3 { font-size:18px; color:#1a1614;   margin-bottom:10px;  }
.case-study-detail  h4 {font-size:24px; color:#000000;  margin-bottom:5px; }
.case-study-detail  h4 a {color:#000000;}
.case-study-detail  h4 a:hover {color:#1a1614;}
.case-study-detail  p {font-size:16px; font-family: 'Raleway', sans-serif;  color:#000000;}
.case-study-detail a.view-all{display:inline-block; color:#1a1614;font-size:14px;   }
.case-study-detail a.view-all:hover{ color:#000;}


/*-blog post--*/
.blog-post {
background:#7e4a82;
padding:24px 24px 45px 24px;
font-family: 'Raleway', sans-serif;
margin-bottom:6px;
}

#content h4.blogcredit { margin-top:27px; color:#11623d; }
.blog-post h3 { font-size:24px; color:#fff;   margin-bottom:10px;   display:inline-block; float:left; }
.bloger-detail { display:block; width:100%; float:left;}
.bloger-img { width:63px; height:63px; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; display:inline-block; overflow:hidden; margin:14px 10px 7px 10px; float:left; background-size:cover; background-repeat:no-repeat; background-position:center; }
#content .listitemright h3 a {color:#413732;}
.listitemright .bloger-img { border:2px solid rgba(102,102,102,0.50); margin:3px 10px 0 0; }
.contentprofile { border:2px solid rgba(102,102,102,0.50); width:100px; height:100px; margin:5px 10px 0 0; }
.bloger-name {width:80%; display:inline-block; margin:17px 0 10px 10px;}
 .bloger-name h4 {font-size:16px; color:#fff;  margin-bottom:10px; font-family: 'Raleway', sans-serif;  }
 .bloger-name h4 a{color:#fff;}
  
  .bloger-name  span {color:#fff; font-style:italic; font-size:14px; font-family: 'Raleway', sans-serif;  }
    .bloger-name  span > span {font-style:normal; padding:0 3px 0 5px;}
  .blog-post p {font-size:16px; color:#fff; clear:both; padding-bottom:6px;}
  .blog-post p a,  .blog-post a {color:#d3b1d6;}
    .blog-post p a:hover,    .blog-post a:hover {color:#fff;}
  .blog-post a.next-prev-btn {  font-family: 'Raleway', sans-serif;  color:#fff; font-size:14px;  display:inline-block; float:right; position:relative; top:6px; }
    .blog-post a.next-prev-btn:hover , .bloger-name h4 a:hover{color:#d3b1d6;}

/*comments*/
.blog_comment { background:#e5e5e5; margin:0 0 10px; padding:12px 20px; }
#content p.comment_body { clear:both; display:block; margin:4px 0 0; }
#content p.comment_author { border-bottom:2px solid #bbb; display:block; margin:0; font-size:14px; color:#413732; line-height:18px; }

  /*--footer-*/
  footer {
  background:#e1e2e2;
  padding-top:0;
  }
  
    footer .ftr-logo-section {display:table; width:100%; padding-top:13px;}
      footer .ftr-logo-section a.church-growth-logo{
        background-position:top center;
        background-repeat:no-repeat;
        width:270px;
        height:120px;
        display:block;
        transition:none;
        -webkit-transition:none;
        -ms-transition:none;
        -o-transition:none;
        -moz-transition:none;
      }
      
       footer .ftr-logo-section a.church-growth-logo:hover{
          background-position:bottom center;
       }
      
      
  footer .ministry-ttl{
  font-size:24px; color:#000;
  
  text-align:right;font-family: 'Raleway', sans-serif;  
  
	  float: right
  }
  
    footer .ministry-ttl a {
    color:#000;
    display:inline-block;
    margin-top:66px;
    }
     footer .ministry-ttl a:hover {color:#413732;}
    
  /*-copyright section--*/
  .copyright-section{
  background:#7e4a82;
  color:#fff;
  padding:17px 0 10px 0;
  }
 .copyright-section .ftr-links {
 font-size:14px;
 
 margin-bottom:10px;
 font-size:14px;
 }
 
 .copyright-section .ftr-links  a {color:#fff;}
 .copyright-section .ftr-links  a:hover {color:#d3b1d6;}
  .copyright-section .designby{font-size:12px; }
    .copyright-section .designby a {color:#fff;}
    .copyright-section .designby a:hover {color:#d3b1d6;}


/*------inne page-------*/
aside  , article {margin:25px 0; display:block;}
/*---sidebar--*/


.left-right-space{
padding:0 22px 20px 10px;
}

aside h2{
 font-family: 'Raleway', sans-serif; 
 
 font-size:24px;
 color:#1a1614;
 	
 padding-left:10px;
 }
aside h2 a{ color:#1a1614; }
aside ul{
padding:0;
margin:16px 0;
list-style:none;
font-family: 'Raleway', sans-serif; 
border-top:2px solid #d4d5d5;
}

aside ul li{
font-size:16px;
color:#000;

border-bottom:2px solid #d4d5d5;
line-height:16px;
}

aside ul li a{
color:#000;
padding:10px 0 10px 10px;
display:block;
}

aside ul li a:hover ,  aside ul li a.active{
color:#449570;
}


aside ul li ul {
margin:0;
padding:0 0 0 10px;
list-style:none;
	border-top: 0;
}

aside ul li ul li{
font-size:14px;
color:#449570;
border:0;
background:url(/images/bullet-list-icon.png) left 10px no-repeat;
background-size:12px 12px;
padding:0 0 0 18px;
line-height:14px;
}

aside ul ul li a{
color:#449570;
padding-left:0;
}

aside ul ul li a:hover , aside ul ul li a.active{
color:#1a1614;
}

/*--article--*/
article h2{
font-size:30px;
color:#7e4a82;

font-family: 'Raleway', sans-serif;
 
 margin-bottom:5px;
}

.resources-section{
display:block;

}

.common-resource {position:relative; overflow:hidden;}

.common-resource .social-media{
position:absolute;
bottom:10px;
width:35px;
margin-left:0px;
overflow:hidden;
display:block
}

.common-resource .social-media ul {
margin:0;
padding:10px;
list-style:none;
position:relative;
left:-35px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
background:rgba(0,0,0,0.6);
}

.common-resource:hover  .social-media ul{ 
left:0px;
z-index:999;
}



.common-resource .social-media ul li{
display:block;
margin:0 0 5px 0;
}

.common-resource .social-media ul li a {
display:block;
line-height:1px;
}
.fa{transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;}
.fa-twitter { color:#42c8f4;}
.fa-facebook { color:#4767ab;}
.fa-google-plus { color:#dc4e41;}
.fa-linkedin-square { color:#0066a1;}

.common-resource .social-media ul li a:hover .fa {color:#fff;}


.resource-section{
margin:13px 0;
}
.resource-box {
margin-bottom:6px;
width:100%;
position:relative;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
min-height:265px;
display:block;
font-family: 'Raleway', sans-serif;
overflow:hidden;
}

.resource-card1, .resource-card5, .resource-card9, .resource-card13 { background-color:#413732; }
.resource-card2, .resource-card6, .resource-card10, .resource-card14 { background-color:#11623d; }
.resource-card3, .resource-card7, .resource-card11, .resource-card15 { background-color:#7f4c84; }
.resource-card4, .resource-card8, .resource-card12, .resource-card16 { background-color:#aaaaaa; }

.resource-box  .resuorces-ttl{
display:block;
background:rgba(0,0,0,0.6);
position:relative;
color:#fff;

padding:10px 65px 10px 20px;
	z-index: 2;
}

.resource-box  .resuorces-ttl h3{

font-size:18px;
}

.resource-box  .resuorces-ttl i{
position:absolute;
right:10px; top:10px;
display:block;
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
width:27px;
height:20px;
}

.resource-box  .resuorces-ttl .moreoption{
position:absolute;
top:100%;
right:10px;
background:rgba(0,0,0,0.6);
border-radius:0 0 8px 8px;
-moz-border-radius:0 0 8px 8px;
-ms-border-radius:0 0 8px 8px;
-o-border-radius:0 0 8px 8px;
-webkit-border-radius:0 0 8px 8px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
display:block;
padding:5px 10px;
color:#fff;
font-size:11px;

font-family: 'Raleway', sans-serif;

}


.resource-box .resources-detail{
position:absolute;
right:0;
bottom:-160px;
background:rgba(0,0,0,0.6);
color:#fff;
width:90%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}


.resource-box .resources-detail p , .audio-section p{
    color: #fff;
    font-size: 14px;
    
    padding: 20px;
	margin-bottom:0;
}

.common-resource .social-media{
position:absolute;
bottom:6px;
width:35px;
margin-left:0px;
overflow:hidden;
display:block
}


.audio-section{
position:absolute;
right:3px;
bottom:6px;
color:#fff;
width:89%;
overflow:hidden;

}


.audio-section .audio-detail{
 transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
background:rgba(0,0,0,0.6);
bottom:-150px;
position:relative;
visibility:hidden;
}



.common-resource:hover .audio-section .audio-detail{
bottom:0px;
opacity:1;
visibility:visible;
}

.common-resource:hover .resource-box .resuorces-ttl .moreoption{
padding:10px 10px 5px 10px;
}



.common-resource:hover .resource-box .resources-detail{
bottom:0;
}

@media (min-width:768px) {
}

/* upgrade browser */
p.browsermessage { text-align: center; margin: 0; padding: 20px; background: #a7e581; color: #000; font-size: large; position: absolute; z-index: 9999; width: 100%; }
p.browsermessage a { color: #0f00d0; }
p.browsermessage a:hover { text-decoration: underline; }
/* embedded video aspect ratio adjustment */

.expandable { padding: 5px 0; border: 0; }
.videoWrapper, .videoWrapper4by3, .videoWrapper3by1, .videoWrapper1by1 { position: relative; height: 0; margin: 0 0 20px; border: 0; }
.videoWrapper { padding-bottom: 56.25%; }
.videoWrapper4by3 { padding-bottom: 75%; }
.videoWrapper3by1 { padding-bottom: 33.33%; }
.videoWrapper1by1 { padding-bottom: 100%; }
.videoWrapper iframe, .videoWrapper4by3 iframe, .videoWrapper3by1 iframe, .videoWrapper1by1 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.history-section .owl-controls{ position:absolute; top:0; width:100%; top: 50%; left: 0; right: 0; bottom: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.history-section .owl-controls .owl-next{ background:url(/images/right-arrow1.png) no-repeat; top:50%; right:15px; width:25px; background-size:25px; height:25px; font-size:0; text-indent:-999px; display:inline-block; position:absolute; opacity:0.5; transition:0.25s ease-in-out; -webkit-transition:0.25s ease-in-out; -moz-transition:0.25s ease-in-out; -ms-transition:0.25s ease-in-out; -o-transition:0.25s ease-in-out; background-position:center center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.history-section .owl-controls .owl-prev{ background:url(/images/left-arrow1.png) no-repeat; top:50%; left:15px; width:25px; height:25px; background-size:25px; font-size:0; text-indent:-999px; display:inline-block; position:absolute; opacity:0.5; transition:0.25s ease-in-out; -webkit-transition:0.25s ease-in-out; -moz-transition:0.25s ease-in-out; -ms-transition:0.25s ease-in-out; -o-transition:0.25s ease-in-out; background-position:center center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.history-section .owl-controls div:hover{ opacity:1; transition:0.25s ease-in-out; -webkit-transition:0.25s ease-in-out; -moz-transition:0.25s ease-in-out; -ms-transition:0.2;  -o-transition:0.25s ease-in-out; }
.history-section .owl-controls i{ color: #7e4a82; }
.history-section .owl-controls .owl-dots{ position: absolute;    bottom: 0;    left: 0;    right: 0;}
.audiojs embed{height:0 !important}

/* pagination */
.pagination-centered { margin:0 auto; text-align:center; clear:both; }
#content ul.pagination { margin:0; }
#content .pagination > li { background:none; padding:0; }
#content .pagination > li > a { text-decoration:none; }
#content .pagination > span { display:inline-block; float:left; padding:6px 5px; }
#content .pagination > li > a, #content .pagination > li > span { font-family:'Raleway', sans-serif; text-decoration:none; padding:4px 10px; margin:0 2px 3px 1px; color:#fff; border:0; background-color:#7E4A82;  font-size:22px; }
#content .paginationBlog > li > a, #content .paginationBlog > li > span { font-size:16px; padding:8px 7px; }
#content .pagination > li:first-child > a, #content .pagination > li:first-child > span { margin-left:0; padding:5px 10px 11px; }
#content .pagination > li:last-child > a, #content .pagination > li:last-child > span { padding:5px 10px 11px; }
#content .pagination > li > a:hover, #content .pagination > li > span:hover, #content .pagination > li > a:focus, #content .pagination > li > span:focus { background-color:#21406F; color:#fff; }
#content .pagination > .active > a, #content .pagination > .active > span, #content .pagination > .active > a:hover, #content .pagination > .active > span:hover, #content .pagination > .active > a:focus, #content .pagination > .active > span:focus { color:#ffffff; background-color:#21406F; }
#content .pagination > .disabled > span, #content .pagination > .disabled > a, #content .pagination > .disabled > a:hover, #content .pagination > .disabled > a:focus { color:#999; background-color:#ccc; pointer-events:none; }

/* shop/blog search */
.shopsearchcontainer { margin:0; padding:6px 10px 10px; background:#ccc; }
.shopsearchcontainer h4 { font-size: 16px; line-height: 1.2; margin: 0; color: #11623d; font-family: 'Raleway', sans-serif;   }
#shopsearch .shopsearch { background:#fff; width:75%; font-size:18px; padding:4px 7px 3px; border:none; float:left; line-height:1.2; }
#shopsearch .shopsearchbutton { background:url(/images/shop/searchglass.png) center no-repeat; background-color:#11623d; width:25%; float:left; transition:all 0.2s linear; padding:4px 6px 3px; border:0; text-indent:-5000px; }
#shopsearch .shopsearchbutton:hover { background-color:#413732; transition:all 0.2s linear; }

/* list and single views */
#content h2.blogdate { margin-bottom:-10px; }
.listitemright .csbuttonfixed { position:absolute; right:0; bottom:-2px; }
.tagslist {min-height:23px;}
.calendarwrap { background:#80A5B2; padding:20px 20px 10px; margin-bottom:30px; }
.listitem { margin:15px 0 20px; border:2px solid #ccc; background-color:rgba(255,255,255,0.65); }
.eventcontent-area .listitem { margin-top:42px; }
.listitemleftholder { width:0; float:left; position:relative; border-right:2px solid #ccc; }
.listitemleftfeatured { background:url(/images/tab-featured.png); width:105px; height:105px; position:absolute; top:0; left:0; z-index:1; }
.listitemleft { background-size:cover; width:100%; height:100%; background-position:center center; position:absolute; left:0; top:0; }
.listitemright { padding:15px 20px 25px; position:relative; }
.listitemfull { padding:15px 20px 20px; position:relative; }
#content .listitemright p { margin:0; }
.listitem h3, .listitem h4, .listitem p { margin:0 !important; }
.listitem p.listitemsummary { margin-bottom:6px !important; display:block; float:none; }
.listitem h4 { color:#888 !important; }
#content .listitem h3 a, #content .listitemtype h3 a { text-decoration:none; }
.listwrapper .col-sm-6 { margin-left:-15px; margin-right:-15px; } 
#content .listwrapper img { border:none; box-shadow:none; padding:0; }
.listitemtype { margin:10px 0 20px; }
@media \0screen { .listitemtype { min-height:340px; height:340px; overflow:hidden; margin:10px 0; } }
.listitemimagewrapper { position:relative; background-size:cover; background-position:center center; padding-bottom:80%; height:0; }
.listitemimagewrapper h4 { position:absolute; background:rgba(0,0,0,0.40); display:block; width:100%; bottom:0; left:0; margin:0; padding:8px 15px 12px; color:#fff; }
.listitemimagewrappervideo { padding-bottom:55.5%; }
.listitemtype h2 { margin:10px 0 0; line-height:1.2; }
#content .listitemtype p.listsummary { margin:8px 0 0; font-size:14px; }
#content .listitemtype p.csbutton { float:right; margin:0 0 0 10px; text-align:right; }
#content .listitemtypevideo p.csbutton { float:none; }
#content .listitemtype p.csbutton a { margin:0 0 5px; }
#content .listitemtype p.csbutton a:hover { margin:0; padding-top:10px; }
#content .listitemtype h3 { margin:0 0 5px; }
.listitemsimple { margin:10px 0 30px; }
#content .listitemsimple h3 a { text-decoration:none; }
#content .listitemsimple h3, #content .listitemsimple p { margin:0; }
#content p.listitemdate { margin:0 !important; font-family:'Raleway', sans-serif;  color:#11623D;  }
#content .listitemsimple p { line-height:1.4; }
#content .listitemsimple p.csbutton { margin:0; }
.singleitemcontent { margin:0 0 20px; }
.singleitemcontent .videoWrapper { margin-top:5px; }
.singleitemcontent h3 { margin-top:20px; }
#content .singleitemcontent img.right { width:100%; }
.socialmediafloat:before { content:"Share this on:"; font-size:13px; color:#444; display:block; }
.socialmediafloat { clear:both; margin:20px 0 3px; }
#content .socialmediafloat img { display:inline-block; border:none; float:none; margin:0; padding:0; box-shadow:0; width:auto; }
@media (min-width:768px) {
.eventcontent-area .listitem { margin-top:15px; }
#content .listitemright p, #content .listitemfull p, .content-below .listitemright p { font-size:14px; line-height:18px; }
.listitemleftholder { width:120px; height:200px; }
.listitemright { padding:15px 20px 15px 140px; height:200px; }
.content-below .listitemright, .content-below .listitemleftholder { height:145px; }
.listwrapper .col-sm-6 { margin-left:0; margin-right:0; }
.listwrapper .col-sm-6:nth-of-type(2n+1) { padding-left:0; clear:both; }
.listwrapper .col-sm-6:nth-of-type(2n+2) { padding-right:0; }
#content .singleitemcontent img.right { width:50%; }
}
@media (min-width:992px) {
#content .listitemright p, #content .listitemfull p, .content-below .listitemright p { font-size:16px; line-height:20px; }
.listitemleftholder { width:200px; height:200px; }
.listitemright { padding:15px 20px 15px 220px; height:200px; }
.content-below .listitemright, .content-below .listitemleftholder { height:135px; }
.listwrapper .col-sm-6:nth-of-type(2n+1) { clear:none; }
.listwrapper .col-sm-6:nth-of-type(2n+2) { padding-right:10px; }
.listwrapper .col-md-4:nth-of-type(3n+1) { padding-left:0; padding-right:14px; clear:both; }
.listwrapper .col-md-4:nth-of-type(3n+2) { padding-left:7px; padding-right:7px; }
.listwrapper .col-md-4:nth-of-type(3n+3) { padding-left:14px; padding-right:0; }
}