/* fade in image when loaded */
.banner-cell {
  transition: opacity 0.3s;
  opacity: 0;
}

.banner-cell.flickity-lazyloaded,
.banner-cell.flickity-lazyerror {
  opacity: 1;
}

/** PIC AND ROLL **/
section#sec-picandroll {width:100%; height:400px;display:flex;justify-content: center;flex-direction: row;margin:75px 0 75px 0;}
section#sec-picandroll > div:first-child {flex:50%;}
section#sec-picandroll > div:nth-child(2) {display:flex;flex:40%;padding:2% 5% 2% 5%;flex-direction:column;}
section#sec-picandroll > div:nth-child(2) > div:first-child {font-family: 'Advent Pro', sans-serif; font-size:34pt;color:#ffffff;text-align:center;width:100%;padding:20px 0 20px 0;border-bottom:1px solid #f2f4f7;margin:20px 0 35px 0;line-height: 32pt;}
section#sec-picandroll > div:nth-child(2) > div:nth-child(2) {font-family: 'Montserrat', sans-serif;font-size:16pt;font-weight:bold;color:#ffffff;text-align:center;width:100%;padding:20px 0 20px 0;}

/** ROLL AND PIC **/
section#sec-rollandpic {width:100%; height:400px;display:flex;justify-content: center;flex-direction: row;margin:75px 0 75px 0;}
section#sec-rollandpic > div:first-child {display:flex;flex:40%;padding:2% 5% 2% 5%;flex-direction:column;}
section#sec-rollandpic > div:first-child > div:first-child {font-family: 'Advent Pro', sans-serif; font-size:34pt;color:#ffffff;text-align:center;width:100%;padding:20px 0 20px 0;border-bottom:1px solid #f2f4f7;margin:20px 0 35px 0;line-height: 32pt;}
section#sec-rollandpic > div:first-child > div:nth-child(2) {font-family: 'Montserrat', sans-serif;font-size:16pt;font-weight:bold;color:#ffffff;text-align:center;width:100%;padding:20px 0 20px 0;}
section#sec-rollandpic > div:nth-child(2) {flex:50%;}


/** TOP BAR **/
section#sec-topbar {width:100%; background-color:#383838;display:flex;justify-content:center;}
section#sec-topbar #topbar-con {width:100%; max-width:1200px;padding:12px 0 7px 0;display:flex;justify-content: space-between;flex-wrap: wrap;}
#topbar-con a:link, #topbar-con a:visited, #topbar-con a:active {color:#c9c9c8;font-family: 'Source Sans Pro', sans-serif; font-size: 11pt;margin-right:10px;}
#topbar-con a:hover {color:#ffffff;}

/** SPECIAL EVENTS LIST ON HOME PAGE **/
section#sec-specialevents {width:100%; background-color:#ffffff;display:flex;justify-content:center;padding:30px 0 70px 0;}
section#sec-specialevents #specialevents-con {width:100%; height:100%;max-width:1400px;}
#specialevents-con .specialeventsholder {display:flex;align-items: center;flex-wrap: wrap;text-direction:row;}
#specialevents-con .event-cell {width:50%;display:flex;background-color:#f3f3f3;box-sizing: border-box;border:10px solid #ffffff; min-height:200px;margin:10px 0 0 0;}
#specialevents-con .event-cell:hover {cursor:pointer;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border:10px solid white;}
#specialevents-con .event-cell .card-image {padding:5px 8px 0 5px;width:50%;}
#specialevents-con .event-cell .card-image img {padding:5px 0 0 5px;width:100%;}
#specialevents-con .event-cell .details {padding:10px 0 0 0;position:relative; width:100%;flex-direction:column;}
#specialevents-con .event-cell .details .title {font-family: 'Montserrat', sans-serif;font-size:13pt;font-weight:bold;color:black;text-align:left;}
#specialevents-con .event-cell .details .blurb {font-family: 'Advent Pro', sans-serif; font-size:16pt;color:#626161;font-weight:bold;text-align:left;padding:3px 0 0 6px;}
#specialevents-con .event-cell .details .host {font-family:OpenSans-Regular;font-size:11pt;color:#626161;text-align:left;padding:3px 0 0 6px;}
#specialevents-con .event-cell .bottom {position:absolute; bottom:0;text-align:left;font-family:OpenSans-Regular;font-size:11pt;color:#7f7e7e;padding:0 10px 5px 8px;}
#specialevents-con .event-cell .bottom img {width:15px;padding:0 10px 0 0;}

/** (WHAT'S HAPPENING) WEEKLY EVENTS SLIDER ON HOME PAGE **/
section#sec-productslider {width:100%; background-color:#fbfbfb;display:flex;justify-content:center;padding:30px 0 70px 0;}
section#sec-productslider #productslider-con {width:100%; height:100%;max-width:1200px;display:flex;justify-content: center;flex-direction: column;}
#productslider-con .main-carousel {width:100%; text-align:center;}
#productslider-con .carousel-cell {width:25%;min-height:400px;margin:10px 0 25px 0;padding:0;color:black;background-color:#f3f3f3;box-sizing: border-box;border:10px solid #fbfbfb;}
#productslider-con .carousel-cell:hover {cursor:pointer;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);box-sizing: border-box;border:10px solid #ffffff;}
#productslider-con .carousel-cell .top {padding:5px 10px 0 10px;}
#productslider-con .carousel-cell .top div {padding:3px 0 0 0;text-align:center}
#productslider-con .carousel-cell .bottom {position:absolute; bottom:0;text-align:left;font-family:OpenSans-Regular;font-size:11pt;color:#7f7e7e;padding:15px 10px 5px 15px;}
#productslider-con .carousel-cell img {width:100%;}
#productslider-con .carousel-cell .title {font-family: 'Montserrat', sans-serif;font-size:13pt;font-weight:bold;color:black;text-align:left;}
#productslider-con .carousel-cell .blurb {font-family:OpenSans-Regular;font-size:11pt;color:#626161;text-align:left;}
#productslider-con .carousel-cell .bottom img {width:15px;padding:0 10px 0 0;}
#productslider-con .carousel-cell a:link, #carousel-con .carousel-cell a:visited, #carousel-con .carousel-cell a:active {color:black;}
#productslider-con .carousel-cell:hover a:link, #carousel-con .carousel-cell:hover a:visited, #carousel-con .carousel-cell:hover a:active {color:#c6242c;}

/** (WEEKLY EVENTS LIST) ON EVENTS PAGE THAT STYLES BOTH THE WEEKLY AND SPECIAL EVENT CARDS **/
section#sec-productsgrid {width:100%; background-color:#fbfbfb;display:flex;justify-content:center;padding:30px 0 70px 0;}
section#sec-productsgrid #productsgrid-con {width:100%; max-width:1200px;display:flex;justify-content: center;flex-direction: column;}
#productsgrid-con .container {width:100%;display:flex;flex-direction:row;flex-wrap: wrap;}
#productsgrid-con .carousel-cell {position:relative;width:33%;min-height:450px;margin:10px 0 25px 0;padding:0 0 50px 0;color:black;background-color:#f8f7f7;box-sizing: border-box;border:10px solid #fbfbfb;}
#productsgrid-con .carousel-cell:hover {cursor:pointer;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);box-sizing: border-box;border:10px solid #ffffff;}
#productsgrid-con .carousel-cell .top {padding:5px 10px 0 15px;}
#productsgrid-con .carousel-cell .top div {padding:3px 0 0 0;}
#productsgrid-con .carousel-cell .bottom {position: absolute;
  bottom: 10px;width:100%;text-align:left;font-family:OpenSans-Regular;font-size:11pt;color:#7f7e7e;padding:15px 10px 5px 15px;}
#productsgrid-con .carousel-cell img {width:100%;}
#productsgrid-con .carousel-cell .title {font-family: 'Montserrat', sans-serif;font-size:13pt;font-weight:bold;color:black;text-align:left;}
#productsgrid-con .carousel-cell .blurb {font-family:OpenSans-Regular;font-size:11pt;color:#626161;text-align:left;}
#productsgrid-con .carousel-cell .bottom img {width:15px;padding:0 10px 0 0;}
#productsgrid-con .carousel-cell a:link, #productsgrid-con .carousel-cell a:visited, #productsgrid-con .carousel-cell a:active {color:black;}
#productsgrid-con .carousel-cell a:hover {color:#c6242c;}

/** BANNER FOR A SPECIFIC EVENT CARD **/
section#sec-singleeventbanner {width:100%;}
section#sec-singleeventbanner #singleeventbanner-con {width:100%;}
.singleeventbanner-carousel {width:100%;height:525px;}
.singleeventbanner-cell {width:100%;height:100%;background-position: center;position:relative;background-repeat: no-repeat;background-size:cover;display:flex;justify-content: center;align-items: flex-end;}
.singleeventbanner-cell > div {height:250px;width:1000px;margin:0 0 20px 0;display:flex;background-image: url("https://www.dhandzplumbing.com/images/interface/trans-bg.png");padding: 25px 0 0 0;}
.singleeventbanner-cell > div .left {width:35%;justify-content:center;display:flex;}
.singleeventbanner-cell > div .left > div {height:100px;max-width:250px;background-color:white;align-items:top;padding:15px 15px 15px 15px;display:flex;justify-content:center;margin:0 0 0 0;flex-direction:column;}
.singleeventbanner-cell > div .left > div > div:first-child {font-family: 'Montserrat', sans-serif;font-size:18pt;color:#000000;justify-content:center;text-align:center;margin:0 0 10px 0;}
.singleeventbanner-cell > div .left > div > div:nth-child(2) {font-family: 'Montserrat', sans-serif;font-size:14pt;color:#ed1c24;justify-content:center;text-align:center;}
.singleeventbanner-cell > div .right {width:65%;justify-content:left;display:flex;flex-direction:column;margin:0;}
.singleeventbanner-cell > div .right > div:first-child {font-family: 'Montserrat', sans-serif;font-size:24pt;color:#ffffff;font-weight:bold;line-height:24pt;}
.singleeventbanner-cell > div .right > div:nth-child(2) {font-family: 'Advent Pro', sans-serif; font-size:19pt;color:#f7f6f6;margin:15px 0 30px 0;}
.singleeventbanner-cell > div .right > div:nth-child(3) {font-family: 'Montserrat', sans-serif;font-size:15pt;color:#ffffff;}
.singleeventbanner-cell > div .right > div:nth-child(4) {font-family: 'Montserrat', sans-serif;font-size:12pt;color:#ffffff;color:#f7f6f6;margin:10px 0 0 0;}

/** BASIC BANNER FOR A SUBPAGE **/
section#sec-subpagebanner {width:100%;}
section#sec-subpagebanner #subpagebanner-con {width:100%;}
#subpagebanner-con .container {width:100%;height:525px;}
#subpagebanner-con .subpagebanner-cell {width:100%;height:100%;background-position: center;position:relative;background-repeat: no-repeat;background-size:cover;display:flex;justify-content: center;align-items: flex-end;}
#subpagebanner-con .subpagebanner-cell > div {height:250px;width:1000px;margin:0 0 20px 0;display:flex;align-items:center;background-image: url("https://www.dhandzplumbing.com/images/interface/trans-bg.png");}
#subpagebanner-con .subpagebanner-cell > div .title {width:100%;justify-content:center;display:flex;font-family: 'Montserrat', sans-serif;font-size:38pt;color:#ffffff;font-weight:bold;line-height:34pt;text-transform: uppercase;text-align:center;}



/** GENERAL CONTENT STYLING SECTION ****************************************/
section#sec-content {width:100%; background-color:#ffffff;margin:5px 0 0 0;padding:1% 0 1% 0;min-height:1000px;}
section#sec-content #content-con {width:95%; max-width:1200px; margin:25px auto 25px auto;}


/** PICTURES FLOATING IN CONTENT STYLING **/
.imgleft {width:40%;float:left; margin:0 20px 10px 0;}
.imgright {width:40%;float:right; margin:0 0 10px 30px;}

/** GENERAL STYLING **/
a:link, a:visited, a:active {text-decoration:none;}
#content-con {font-family:OpenSans-Regular;font-size:13pt;color:#696969;line-height:17pt;text-align:justify; margin:0 0 20px 0;}
#content-con a:link, p a:visited, p a:active {text-decoration:none;color:#ed1c24;}
#content-con a:hover {text-decoration:underline;}
#content-con > strong {font-weight:bold;}
p b {font-weight:bold;}
p i {font-style:italic;}
p strong {font-weight:bold;}

/** BULLETED LISTS STYLING **/
#content-con ul {list-style-type: circle;margin:0 0 15px 40px;font-family:OpenSans-Regular;font-size:12pt;color:black;}
#content-con ul > li {padding:2px 0 2px 0;}
#content-con ul > li a:link, #content-con p ~ ul > li a:visited, #content-con p ~ ul > li a:active {text-decoration:none;color:#ed1c24;}
#content-con ul > li a:hover {text-decoration:underline;color:#0c4d91;}
#content-con ul strong {font-weight:bold;}
#content-con ul i {font-style:italic;}

/** END GENERAL CONTENT STYLING SECTION ****************************************/

/** FOOTER **/
section#sec-footer {width:100%; background-color:#32302f;display:flex;justify-content:center;}
section#sec-footer #footer-con {width:100%; max-width:1200px;padding:25px 0 7px 0;display:flex;justify-content: space-between;}
#footer-con > div:first-child div {padding:2px 0 2px 0;}
#footer-con > div:first-child {}
#footer-con > div:first-child a:link:first-child {font-family:OpenSans-Regular;font-size:11pt;color:#bcbcbb;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;}
#footer-con > div:first-child a:hover:first-child {color:white;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;}
#footer-con div a:link {transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;}
#footer-con div a:link:hover {color:white;}
#footer-con > div:nth-child(2) {text-align:left;font-family:OpenSans-Regular;font-size:11pt;color:#bcbcbb;}
#footer-con > div:nth-child(2) > div:first-child > a img {width:300px;text-align:left;}
#footer-con > div:nth-child(2) > div:nth-child(2) {padding:0 0 0 10px;}
#footer-con > div:nth-child(2) > div:nth-child(3) {padding:0 0 0 10px;line-height:12pt;}
#footer-con > div:nth-child(2) > div:nth-child(3) img {padding:8px 10px 0 0;}
#footer-con > div:nth-child(2) > div:nth-child(4) {padding:0 0 0 10px;}
#footer-con > div:nth-child(2) > div:nth-child(4) img {padding:2px 10px 0 0;}
#footer-con > div:nth-child(2) > div:nth-child(5) {padding:8px 0 0 10px;line-height:12pt;}
#footer-con > div:nth-child(2) > div:nth-child(6) {padding:15px 0 0 10px;line-height:12pt;}
#footer-con > div:nth-child(2) > div:nth-child(6) img {padding:0 10px 0 0;opacity: 0.7;}
#footer-con > div:nth-child(2) > div:nth-child(6) img:hover {opacity: 1.0;}

/** HEADER **/
section#sec-header {width:100%; background-color:#f3f3f2;display:flex;justify-content:center;}
section#sec-header #header-con {width:100%; height:100%;max-width:1200px;display:flex;justify-content: space-between;align-items: center; padding:15px 0 15px 0;}
#header-con .right {display:flex;flex-grow:1;justify-content:right;}
section#sec-header .logo img {width:100%; max-width:275px;}

/** HEADER NAVIGATION STYLING **/
.new-nav {flex-shrink: 0;overflow: hidden; display:flex; justify-content: space-between;flex-basis: 545px;align-self: flex-end;padding:0 0 45px 75px;}
.new-nav .dropdown-content {display: none;  position: absolute;  background-color: #eeeeee;  width: 100%;  left: 0;  margin-top:0px;  z-index: 1;}
.new-nav a:link, .new-nav a:visited, .new-nav a:active {font-family: 'Advent Pro', sans-serif; font-size:22pt;color:#3a3a3a;}
.new-nav a:hover {color:#EA0029;}
.dropdown-content .container { display:flex; width:900px; padding:10px 0 10px 0;justify-content:center;}
.dropdown-content .container > div {padding:10px 2% 10px 2%; display:flex; flex-direction: column;text-align:center;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;}
.dropdown-content .container > div:hover {background-color:#ffffff;border-radius:10px;}
.t {padding:0 0 10px 0;font-family: 'Montserrat', sans-serif;font-size:12pt; text-align: justify;color:#686868;}
.t a:link, .t a:visited, .t a:active {font-family: 'Montserrat', sans-serif;font-size:11pt; text-align: center;color:#686868;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;}
.t a:hover {color:#3a6aaa;}
.dropdown-content .container > div a:link {padding:0 0 10px 0;color:#000000;font-family: 'Montserrat', sans-serif;font-size:12pt; text-align: center;color:#686868;}
.dropdown-content .container > div:hover a:link {color:#ea0029;}
.mobile-hamburger {display:none;}

/* Show the dropdown menu on hover */
.new-nav > .dropdown:hover .dropdown-content {
  display: flex;
  justify-content:center;
}

/** HEADER GIVE BOX STYLING **/
#header-con .give div:first-child {background-color:#EA0029;padding:8px 10px 8px 10px;border-radius:10px;margin:0 5px 20px 0;width:160px; text-align:center;}
#header-con .give div:first-child:hover {background-color:#B2062B;}
#header-con .give img {margin:0 3px 20px 0;}
#header-con .give a:link {font-family: 'Source Sans Pro', sans-serif; font-size:18pt;color:#ffffff;font-weight:bold;}

/** WORSHIP WITH US SECTION **/
section#sec-homepagecircles {width:100%; background-color:#ffffff;display:flex;justify-content:center;padding:30px 0 70px 0;}
section#sec-homepagecircles #homepagecircles-con {width:100%; height:100%;max-width:1200px;display:flex;justify-content: center;flex-direction: column;}
#homepagecircles-con a:link, #homepagecircles-con a:visited, #homepagecircles-con a:active {color:#3a3a3a;}
#homepagecircles-con a:hover {color:#000000;}
#homepagecircles-con .circles {width:100%;display:flex;flex-wrap: wrap;}
#homepagecircles-con .circles div {font-family: 'Montserrat', sans-serif;font-size:13pt; width:25%;text-align:center;}
#homepagecircles-con .circles div span {font-family: 'Montserrat', sans-serif;font-size:12pt; text-align: justify;color:#686868;padding:0 2% 0 2%;}
#homepagecircles-con .circles div img {width:70%;border-radius:50%;text-align:center;margin:0 0 15px 0;border:6px solid #c6c6c4;}
#homepagecircles-con .circles div img:hover {border:6px solid #EA0029;}

/** DISCIPLE **/
.parallax-window {min-height: 400px;width:100%;background: transparent;background-position-y:50%;display:flex;justify-content: center;align-items: center;}
.parallax-window-mobile {min-height: 400px;width:100%;display:flex;justify-content: center;background-position-y:50%;align-items: center;background-image: url('https://hopkinscountyplumbing.com/images/interface/parallaxpic.jpg');display:none;align-self: center}

/** WAY OF LIFE **/
section#sec-wayoflife {width:100%; height:500px;background-color:#ffffff;display:flex;justify-content: center;flex-direction: row;}
#sec-wayoflife > div:first-child {background-image: url("https://www.dhandzplumbing.com/images/interface/wayoflife-1.jpg");background-size:cover;flex: 50%;text-align:center;padding:10% 0 0 0;}
#sec-wayoflife div:nth-child(2) {flex: 45%;padding:0 0 0 2%;flex-direction:column;}
#sec-wayoflife div:nth-child(2) .title {font-family: 'Advent Pro', sans-serif; font-size:30pt;color:#3a3a3a;border-bottom 1px solid black;margin:10px 0 10px 0;}
#sec-wayoflife div:nth-child(2) .blurb {font-family:OpenSans-Regular;font-size:11pt; color:#686868;padding:0 0 0 3px;line-height:19pt;}
#sec-wayoflife div:nth-child(2) .image {text-align:left;padding:40px 0 0 0;}

/** BLOQS STYLING ****************************/
/**CONTENT FULL PAGE PIC **/
.pic-full-width {width:100%; margin:2% 0 2% 0;}
.pic-full-width img {width:100%;}

/** HEADERS STYLING **/
h1 {font-family: 'Advent Pro', sans-serif; font-size:30pt;color:#3a3a3a;text-align:center;width:100%;padding:20px 0 20px 0;border-bottom:1px solid #f2f4f7;margin:20px 0 35px 0;}
h2 {font-family: 'Montserrat', sans-serif;font-size:16pt;color:#575757;border-bottom:1px solid #f2f4f7;padding:0 0 7px 0;margin:20px 0 15px 0;}
h3 {font-family: 'Montserrat', sans-serif;font-size:14pt;color:#777777;border-bottom:1px solid #f2f4f7;padding:0 0 7px 0;margin:20px 0 15px 0;}
h4 {font-family:Open Sans Condensed;font-size:16pt;color:#575757;background-color:#f3f3f2;padding:1%;width:98%;margin:0 0 20px 0;}

/** RESPONSIVE VIDEO STYLING **/
.video-container {    position: relative;    padding-bottom: 56.25%;    padding-top: 30px; height: 0; overflow: hidden;    margin:0 0 30px 0;}
 .video-container iframe,
.video-container object,
.video-container embed {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}

/** RESPONSIVE SERMON STYLING **/
.sermon-container {    position: relative;    padding-bottom: 10.25%;    padding-top: 0; height: 0; overflow: hidden;    margin:0 0 0 0;}
 .sermon-container iframe,
.sermon-container object,
.sermon-container embed {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100px;}
/** END BLOQS STYLING ****************************/

/** MISC *************************************/
/** LOAD FONT **/
@font-face {font-family: 'OpenSans-Regular';src: url('/fonts/OpenSans-Regular.eot');src: url('/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans.woff') format('woff'),
         url('/fonts/OpenSans.ttf') format('truetype'),
         url('/fonts/OpenSans.svg#OpenSans') format('svg');    font-weight: normal;    font-style: normal;}

/** OBJECT TRANSITION EFFECTS **/
.trans {transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;}

/** CLEARS **/
.clear {clear:both;}
section {width:100%;}
/** END MISC *************************************/

/** FORM STYLING **/
.form-label {font-family:Open Sans Condensed; font-size:14pt;color:black;padding:0 0 10px 0;}
.form-control {font-family:arial; font-size:14pt;color:black;padding:8px 8px 8px 8px;}
.btn, .btn-success {  font-family:Open Sans Condensed;  font-size:26pt;  background-color: #0c4d91;  border: none;  color: white;  padding: 16px 32px;  text-decoration: none;  margin: 4px 2px;  cursor: pointer;  border-radius: 15px;}
.btn:hover, .btn-success:hover { background-color: #1874d4;}

/** MOBILE MENU STYLING **/
.header {background:#ffffff;font-size: 10px;font-weight: bold;color: #fff;line-height: 0px;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 0px;padding: 0 0px;}
.mm-spn span, .mm-spn span a, .mm-spn a {font-family:Open Sans Condensed; font-size:14pt;color:#0c4d91;font-weight:bold;}
.mm-spn li::after {border-top:1px solid #6b6a6a;}
.mm-spn.mm-spn--navbar ul::before {border-top:1px solid #6b6a6a;}
#menu {display: none;}

/** MASONRY HOME STYLING **/
section#sec-masonryhome {width:100%; background-color:#fbfbfc;padding:2% 0 3% 0;}
section#sec-masonryhome #masonryhome-con {width:100%; max-width:1200px;margin-left:auto; margin-right:auto;}
#carousel-con .grid {width:100%; text-align:center;}
.grid-sizer, .grid-item { width: 33%;}
.grid-item img {width:98%;text-align:center;}

/** BANNER SLIDER STYLING **/
section#sec-slider {width:100%;}
section#sec-slider #slider-con {width:100%;}
.banner-carousel {width:100%;height:468px;}
.banner-cell {width:100%;height:100%;background-position: center;position:relative;background-repeat: no-repeat;background-size:cover;}
.float-block-1 {width:450px;height:235px;background-color:rgba(255, 255, 255, .8);left:13%;top:80px;position:relative;padding:20px 25px 20px 25px;}
.float-block-1 .head {font-family: 'Montserrat', sans-serif;font-size:16pt;font-weight:bold;color:black;border-bottom:1px solid #cdcdcd;padding:0 0 10px 0;}
.float-block-1 .title {font-family: 'Montserrat', sans-serif;font-size:24pt;font-weight:bold;color:#9a191e;padding:10px 0 20px 0;color:#074987}
.float-block-1 .text {font-family: 'Montserrat', sans-serif;font-size:12pt;color:black;line-height:16pt;}
.float-block-1 .button {margin:15px 0 0 0;text-align:center;}
.float-block-1 .button div {background-color:#074987;padding:15px;color:white;font-family: 'Montserrat', sans-serif;font-size:14pt;max-width:200px;font-weight:bold;}
.homeblurb p {text-align:center;font-size:14pt;max-width:1000px;margin-left:auto;margin-right:auto;line-height:18pt;}

/** KEEP HEADER ON TOP **/
.stickiness {position: sticky;top:0;z-index:9;}

.unimgleft {width:40%;float:left; margin:0 20px 15px 0;}
.unimgright {width:40%;float:right; margin:0 0 15px 20px;}

/** MOBILE TOP **/
.mobiletop {display:none;height:53px;background:#074987;padding:5px 15px 0 15px;-webkit-box-shadow: -1px -1px 20px black;-moz-box-shadow: -1px -1px 20px black;box-shadow: -1px -1px 20px black;}
.mobiletop .mobileleft {float:left;}
.mobiletop .mobileright {float:right;color:white;font-family:IMPACT;font-size:18pt;padding:10px 0 0 0;}
.mobilemenu {display:none;background-color:#f2f4f7;-webkit-box-shadow: -1px -1px 20px black;-moz-box-shadow: -1px -1px 20px black;box-shadow: -1px -1px 20px black;padding:10px 0 10px 0;}

.mobileright .quicklinks .links {color:white;font-family:arial;font-size:14pt;margin:2px 5px 0 0;float:right;}
.mobileright .quicklinks .phone {color:white;font-family:impact;font-size:16pt;margin:2px 0 0 0;float:right;}
.mobileright .quicklinks a, .mobileright .quicklinks a:link, .mobileright .quicklinks a:link, .mobileright .quicklinks a:link {color:white;font-size:12pt;}
.mobileright .quicklinks a:hover {text-decoration:underline;}

/** SUBPAGE TOP STYLING **/
section#sec-subtop {width:100%; background-color:#f2f4f7;margin:0px 0 0 0;padding:5px 0 5px 0;}
section#sec-subtop #subtop-con {width:100%; height:100%;max-width:1200px; margin-left:auto; margin-right:auto;font-family:OpenSans-Regular;font-color:#3a6aaa;font-size:8pt;}
#subtop-con a:link, #subtop-con a:visited, #subtop-con a:active {font-family:OpenSans-Regular;color:#3a6aaa;font-size:10pt;}
#subtop-con a:hover {text-decoration:underline;}

/** BANNER STYLING **/
section#sec-banner {width:100%; background-color:#f2f4f7;padding:1% 0 2% 0;margin: 6px 0 0 0;}
section#sec-banner #banner-con {width:100%; height:100%;max-width:1200px; margin-left:auto; margin-right:auto;}

@media (max-width:1250px)
{
section#sec-topbar {width:96%;padding:0 2% 0 2%;}
section#sec-header {width:96%;padding:0 2% 0 2%;}
section#sec-homepagecircles {width:96%;padding:30px 2% 70px 2%;}
section#sec-productslider {width:96%;padding:30px 2% 70px 2%;}
section#sec-specialevents {width:96%;padding:30px 2% 70px 2%;}
section#sec-productsgrid {width:96%;padding:30px 2% 70px 2%;}
section#sec-content {width:96%; padding:0 2% 0 2%;}
section#sec-banner {width:96%; padding:1% 2% 1% 2%;}
section#sec-blocks {width:96%; padding:1% 2% 1% 2%;}
section#sec-plans {width:96%; padding:1% 2% 1% 2%;}
section#sec-footer {width:96%; padding:0 2% 1% 2%;}
section#sec-subtop {width:96%; padding:1% 2% 1% 2%;}
section#sec-logos {width:96%; padding:1% 2% 1% 2%;}
section#sec-newmenu {width:96%; padding:1% 2% 1% 2%;}
section#sec-footer #footer-con {width:96%; height:100%;max-width:1200px;margin:0 auto 0 auto;padding:10px 0 10px 0;}
section#sec-communities1 {width:96%; padding:1% 2% 1% 2%;}
section#sec-carousel {padding:2% 0 2% 0;}

section#sec-picandroll > div:nth-child(2) > div:nth-child(2) {font-size:12pt;padding: 0px 0 10px 0;}
section#sec-rollandpic > div:first-child > div:nth-child(2) {font-size:12pt;padding: 0px 0 10px 0;}
section#sec-picandroll > div:nth-child(2) {padding: 1% 2% 1% 2%;flex:46%;}
section#sec-rollandpic > div:first-child {padding: 1% 2% 1% 2%;flex:46%;}
}

@media (max-width:1170px)
{
.new-nav {flex-basis: 495px;}
.new-nav a:link, .new-nav a:visited, .new-nav a:active {font-size:18pt;}
.dropdown-content .container > div a:link {font-size: 10pt;}
#productslider-con .carousel-cell {width:50%;min-height:475px;}
#productsgrid .carousel-cell {width:50%;min-height:475px;}
#specialevents-con .event-cell {width:100%;}
.singleeventbanner-cell > div .left > div > div:first-child {font-size:16pt;}
.singleeventbanner-cell > div .left > div > div:nth-child(2) {font-size:12pt;}
.singleeventbanner-cell > div .right > div:first-child {font-size:20pt;}
.singleeventbanner-cell > div .right > div:nth-child(2) {font-size:16pt;}
.singleeventbanner-cell > div .right > div:nth-child(3) {font-size:12pt;}
.singleeventbanner-cell > div .right > div:nth-child(4) {font-size:11pt;}
.singleeventbanner-cell > div {width:800px;}
.singleeventbanner-cell > div .left {width:40%;padding:0 2% 0 3%;}
.singleeventbanner-cell > div .right {width:51%;padding:0 2% 0 2%;}
}

@media (max-width:1000px)
{
.new-nav {display:none;}
#homepagecircles-con .circles div span {font-size:11pt;}
#productslider-con .carousel-cell {min-height:450px;}
#productsgrid-con .carousel-cell {min-height:450px;}
.mobile-hamburger {display:block;}
#menu {display: block;}
.sermon-container {padding-bottom: 15.25%;}

section#sec-footer #footer-con {flex-direction:column;}
#footer-con > div:nth-child(2) {margin:35px 0 0 0;}
#footer-con > div:first-child {text-align:center;font-size:10pt;}

#homepagecircles-con .circles div {width:50%;margin:15px 0 0 0;}
.give {display:none;}

.imgleft {width:50%;}
.imgright {width:50%;}
}

@media (max-width:850px)
{
.singleeventbanner-cell > div {margin:0;}
.singleeventbanner-carousel {width: 100%;height: 450px;}
#subpagebanner-con .container {height:400px;}
#subpagebanner-con .subpagebanner-cell > div {height:150px;}
}

@media (max-width:800px)
{
.parallax-window {display:none;min-height: 250px;}
.parallax-window img {width:95%;}
.parallax-window-mobile {display:flex;}
.parallax-window-mobile img {width:95%;}
#productslider-con .carousel-cell {min-height:450px;}
#productsgrid-con .carousel-cell {min-height:450px;}
.sermon-container {padding-bottom: 20.25%;}
}

@media (max-width:700px)
{
#productslider-con .carousel-cell {min-height:415px;}
#productsgrid-con .carousel-cell {min-height:415px;}
#topbar-con > div:first-child {width:100%;}
section#sec-topbar #topbar-con {justify-content:center;}
#topbar-con > div:first-child {text-align:center;}
}

@media (max-width:650px)
{
#productslider-con .carousel-cell {width:100%;min-height:535px;}
#productsgrid-con .carousel-cell {width:100%;min-height:200px;}
#specialevents-con .event-cell > div:first-child {padding:5px 8px 0 5px;width:100%;}
#specialevents-con .event-cell {flex-direction: column;}
#specialevents-con .event-cell .bottom {position: relative;margin-top:20px;}
#specialevents-con .event-cell .details {padding: 10px 0 0 15px;}
#specialevents-con .event-cell > div:first-child {padding: 0px 0px 0 0px;}
#specialevents-con .event-cell > div:first-child > img {padding:0;}

#productsgrid-con .carousel-cell .bottom {position:relative;margin-top:20px;}
#productsgrid-con .carousel-cell {padding-bottom:0;}

section#sec-picandroll {flex-direction:column;height:500px;}
section#sec-rollandpic {flex-direction:column;height:500px;}
}

@media (max-width:640px)
{
.banner-carousel {width:100%;height:368px;}
.float-block-1 {width:100%;background-color:rgba(255, 255, 255, .8);  position: absolute; width: 75%;padding:20px 25px 10px 25px;left: 50%;transform: translateX(-50%);}
.singleeventbanner-cell > div .right > div:nth-child(2) {margin: 10px 0 10px 0;}
.singleeventbanner-cell > div .right > div:nth-child(4) {margin: 3px 0 0 0;}
#subpagebanner-con .container {height:315px;}
#subpagebanner-con .subpagebanner-cell > div {height:125px;}

section#sec-picandroll > div:nth-child(2) > div:first-child {padding: 10px 0 10px 0;margin: 10px 0 10px 0;}
section#sec-picandroll > div:first-child {flex:40%;}
section#sec-picandroll > div:nth-child(2) {flex: 50%;}
section#sec-rollandpic > div:nth-child(2) {flex:40%;}
section#sec-rollandpic > div:first-child > div:first-child {padding: 10px 0 10px 0;margin: 10px 0 10px 0;}
}

@media (max-width:570px)
{
#productslider-con .carousel-cell {width:100%;min-height:475px;}
#productsgrid-con .carousel-cell {width:100%;min-height:475px;}
#homepagecircles-con .circles div {width:100%;}
#homepagecircles-con .circles div img {width:60%;}

.imgleft {width:100%; margin:15px 0 15px 0;float:none;}
.imgright {width:100%;margin:15px 0 15px 0;float:none;}

.singleeventbanner-cell > div .left > div > div:first-child {font-size:14pt;}
.singleeventbanner-cell > div .left > div > div:nth-child(2) {font-size:12pt;}
.singleeventbanner-cell > div .right > div:first-child {font-size:15pt;line-height:15pt;}
.singleeventbanner-cell > div .right > div:nth-child(2) {font-size:13pt;}
.singleeventbanner-cell > div .right > div:nth-child(3) {font-size:10pt;}
.singleeventbanner-cell > div .right > div:nth-child(4) {font-size:9pt;}
.singleeventbanner-cell > div {height:200px;}
.singleeventbanner-carousel {height:350px;}
.sermon-container {padding-bottom: 25.25%;}
}

@media (max-width:500px)
{
.float-block-1 .head {font-size:12pt;font-weight:bold;color:black;border-bottom:1px solid #cdcdcd;padding:0 0 7px 0;}
.float-block-1 .title {font-size:20pt;font-weight:bold;color:#074987;padding:10px 0 10px 0;}
.float-block-1 .text {font-size:10pt;color:black;line-height:16pt;}
.float-block-1 .button div {background-color:#074987;padding:12px;color:white;font-family: 'Montserrat', sans-serif;font-size:14pt;max-width:200px;font-weight:bold;}
.parallax-window {min-height: 200px;}
.logo img {width:200px;margin-left:25px;}
}

@media (max-width:470px)
{
#productslider-con .carousel-cell {width:100%;min-height:425px;}
#productsgrid-con .carousel-cell {width:100%;min-height:425px;}
}