/* ## Banner Effects Slideshow ## */
/* 
powered by Cycle2 - http://jquery.malsup.com/cycle2/
some of these styles will be set by the plugin (by default) but setting them here
helps avoid flash-of-unstyled-content
*/

.bannerEffects .slideItem { display:block; width:100%; }
.bannerEffects .slideItem img { width:100% !important; display:block; position:absolute; top:0; left:0; padding: 0; }

/* in case script does not load */
.bannerEffects img:first-child { position: static; z-index: 100; }


/* pager */
/*.bannerEffects .cycle-pager { text-align:center; width:100%; z-index:500; position:absolute; bottom:10px; overflow:hidden; }
.bannerEffects .cycle-pager span { display:inline-block; width:16px; height:16px; color:#ddd; font-family: arial; font-size: 50px; line-height:16px; cursor: pointer; }*/
.bannerEffects .cycle-pager span.cycle-pager-active { color:#D69746; }
.bannerEffects .cycle-pager > * { cursor: pointer; }

.bannerEffects .cycle-pager-number span { width:auto; height:auto; padding:0 3px; font-size:1em; }

.bannerEffects .cycle-pager-image span { width:50px; height:auto; margin:0 7px; font-size:1em; }
.bannerEffects .cycle-pager-image span img { border:2px solid #fff; }
.bannerEffects .cycle-pager-image span.cycle-pager-active img { border-color:#D69746; }

.bannerEffects .cycle-pager-text span { width:auto; height:auto; padding:0 3px; font-size:1em; }

/* Start Banner Main */

.banner-home-all, .banner-interior-all {
	color:#000;
	position: relative;
	width: 100%;
}

.banner-home-all .banner-image-bg {
    min-width: 940px; 
    max-width: 100%; 
    height: 450px; 
    background-repeat: no-repeat; 
    background-position: center center; 
    margin-left: auto; 
    margin-right: auto;

}

.banner-interior-all .banner-image-bg {
    min-width: 940px; 
    max-width: 100%; 
    height: 450px; 
    background-repeat: no-repeat; 
    background-position: center center; 
    margin-left: auto; 
    margin-right: auto;

}

.banner-home-all .banner-home-edge {
    position: relative; 
    width: 100%; 
    height: 452px;
    top: -452px;
}

.banner-interior-all .banner-home-edge {
    position: relative; 
    width: 100%; 
    height: 451px;
    top: -452px;
}

.banner-home-all .banner-home-edge:before, .banner-interior-all .banner-home-edge:before {
    background: url(/cms/images/layout/sprite-1.png);
    background-position: 0px -90px;
    background-repeat: repeat-x;
    content: " ";
    position: absolute;
    height: 15px;
    width: 100%;
    margin: 0px 0px 0px 0px; 
    display: none;   
}


.banner-home-all .banner-home-edge:after, .banner-interior-all .banner-home-edge:after {
    background: url(/cms/images/layout/sprite-1.png);
    background-position: 0px -98px;
    background-repeat: repeat-x;
    content: " ";
    position: absolute;
    height: 15px;
    width: 100%;
    margin: 0px 0px 0px 0px;
    bottom: -2px;
}

.history.banner-home-all .banner-home-edge:after, .history.banner-interior-all .banner-home-edge:after {
    background: url(/cms/images/layout/sprite-1.png);
    background-position: 0px -455px;
    background-repeat: repeat-x;
    content: " ";
    position: absolute;
    height: 15px;
    width: 100%;
    margin: 0px 0px 0px 0px;
    bottom: -2px;
}
.banner-home-all .slideOver {
    position: relative; 
    width: 100%; 
    height: 450px; 
    -moz-box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.6), inset 0 -15px 15px -15px rgba(0,0,0,0.6);
    -webkit-box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.6), inset 0 -15px 15px -15px rgba(0,0,0,0.6);
    box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.6), inset 0 -15px 15px -15px rgba(0,0,0,0.6);
}

.banner-interior-all .slideOver {
    position: relative; 
    width: 100%; 
    height: 450px; 
    -moz-box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.6), inset 0 -15px 15px -15px rgba(0,0,0,0.6);
    -webkit-box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.6), inset 0 -15px 15px -15px rgba(0,0,0,0.6);
    box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.6), inset 0 -15px 15px -15px rgba(0,0,0,0.6);
}

.banner-home-all .banner-content-all, .banner-interior-all .banner-content-all {
    position: absolute;
    top: 24%;
    left: 50%;
}




.banner-home-all .banner-content { 
    position: relative;
    left: -50%;
    height: 450px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.banner-home-all .banner-border-sides,
.banner-home-all .banner-border-top-bottom {
    height: 0px;
}
.banner-home-all .banner-content h2,
.banner-home-all .banner-content h1 {
    margin: 0px 0px 2px 0px; 
    font-family: 'Roboto', 'Arial', sans-serif;
    font-weight: 700; 
    font-size: 3.50em; 
    text-transform: uppercase; 
    line-height: 0.94em;
    letter-spacing: -2px;
    color: #fff;
}
.banner-home-all .banner-content p {
    margin: 0px 0px 30px 0px; 
    font-family: 'Roboto', 'Arial', sans-serif;
    font-weight: 700; 
    font-size: 3.50em;
    text-transform: uppercase; 
    line-height: 0.94em;
    letter-spacing: -2px;
    color: #fff;
}
.banner-home-all.adjusted.slick-slider {
    margin: 0;
    overflow: hidden;
}
.banner-home-all.adjusted .banner-content-all {
    top: 85px;
}
.banner-home-all.adjusted .banner-image-bg {
    position: relative;
    min-width: auto;
}
.banner-home-all.adjusted .banner-content p {
    white-space: nowrap;
}
.banner-home-all .banner-content p span {
    display: block;
    font-family: 'Courgette', 'Comic Sans MS', cursive;
    font-size: 0.63em;
    line-height: 40px;
    font-weight: 300;
    letter-spacing: 0px;
    text-transform: none;
}

.banner-interior-all .banner-content { 
    position: relative;
    left: -50%;
    height: 600px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.banner-interior-all .banner-content h2,.banner-interior-all .banner-content h1 {
    margin: 0px 0px 30px 0px; 
    font-weight: 500; 
    font-size: 3.50em; 
    text-transform: normal; 
    line-height: 0.94em;
    letter-spacing: 0px;
    color: #fff;
    font-family: 'Roboto', 'Arial', sans-serif;
}
.banner-interior-all .banner-content p {
    margin: 10px 0px 20px 0px; 
    font-family: 'Roboto', 'Arial', sans-serif;
    font-weight: 700; 
    font-size: 3.50em;
    text-transform: uppercase; 
    line-height: 0.94em;
    letter-spacing: -2px;
    color: #fff;
}
.banner-interior-all .banner-content p span {
    display: none;
}

.banner-subtext {
    font-family: 'Roboto', 'Arial', sans-serif;
    font-size: 1.125em;
    color: #fff;
    text-transform: uppercase;
}


.banner-home-all .banner-content p span:before, .banner-interior-all .banner-content p span:before {
    background: url(/cms/images/layout/sprite-1.png);
    background-position: 0px -30px;
    width: 80px;
    margin: 6px 0px 0px -85px;
    background-repeat: no-repeat;
    content: " ";
    position: absolute;
    height: 20px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    
    .banner-home-all .banner-content p span:before, .banner-interior-all .banner-content p span:before {
        background-position: 168px -30px;
        width: 280px;
        margin-left: 0px;     
    }

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    ::i-block-chrome,.banner-home-all .banner-content p span:before, .banner-interior-all .banner-content p span:before {
        background-position: 168px -30px;
        width: 280px;
        margin-left: 0px;     
    }
}


.banner-home-all .banner-content p span:after, .banner-interior-all .banner-content p span:after {
    background: url(/cms/images/layout/sprite-1.png);
    background-position: 0px -49px;
    background-repeat: no-repeat;
    content: " ";
    position: absolute;
    height: 20px;
    width: 80px;
    margin: 10px 0px 0px 3px;
}


.banner-home-all .banner-content span.btnAlt a, .banner-interior-all .banner-content span.btnAlt a {
    color: #ffffff; 
    font-weight: 700; 
    font-size: 1.88em; 
    font-family: 'Roboto', 'Arial', sans-serif;
    text-decoration: none;
    text-transform: uppercase; 
    padding: 5px 20px;
    display: inline-block; 
    transition: all 0.7s ease; 
    -webkit-transition: all 0.7s ease;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 2px solid #E91620; 
    background: #E91620; 
}
.banner-interior-all .banner-content span.btnAlt a {
    /*display: none;*/
}
.banner-home-all .banner-content span.btnAlt a:hover,
.banner-home-all .banner-content span.btnAlt a:focus,
.banner-interior-all .banner-content span.btnAlt a:hover,
.banner-interior-all .banner-content span.btnAlt a:focus { color: #E91620; background: #fff; }

.banner-interior-all .banner-content span.btnAlt a.location {
    display: block;
    background: #E91620; 
    font-family: 'Roboto', 'Arial', sans-serif;
    font-weight: 700; 
    font-size: 0.88em; 
    text-transform: uppercase; 
    text-decoration: none; 
    color: #ffffff; 
    padding: 15px 20px 15px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;    
}

.banner-home-all .banner-content span.btnAlt a:hover, .banner-interior-all .banner-content span.btnAlt a:hover  {
    -moz-box-shadow:  inset 0 0 40px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.3);
    box-shadow:  inset 0 0 40px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}


.banner-home-all .banner-content-bg, .banner-interior-all .banner-content-bg {
   
    background: rgba(19, 18, 17, 0.7); /* fallback */
    background:
    linear-gradient(135deg, transparent 10px, rgba(19, 18, 17, 0.9) 0) 0px 0px,
    linear-gradient(225deg, transparent 10px, rgba(19, 18, 17, 0.9) 0) right 0px,
    linear-gradient(315deg, transparent 10px, rgba(19, 18, 17, 0.9) 0) bottom right,
    linear-gradient(45deg,  transparent 10px, rgba(19, 18, 17, 0.9) 0) 0px bottom;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    padding: 32px 58px;
	box-sizing:border-box;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {

/* Safari and Chrome */

    .banner-home-all .banner-content-bg, .banner-interior-all .banner-content-bg {
        background: rgba(19, 18, 17, 0.7); /* fallback */
        background:
        linear-gradient(135deg, transparent 10px, rgba(19, 18, 17, 0.9) 0) 0px 0px,
        linear-gradient(225deg, transparent 10px, rgba(19, 18, 17, 0.9) 0) right 0px,
        linear-gradient(315deg, transparent 10px, rgba(19, 18, 17, 0.9) 0) bottom right,
        linear-gradient(45deg,  transparent 10px, rgba(19, 18, 17, 0.9) 0) 0px bottom;
        background-size: 50.2% 50%;
        background-repeat: no-repeat;
        padding: 32px 58px;
    }

 
}

.banner-home-all .banner-content-bg.rounded, .banner-interior-all .banner-content-bg.rounded {
	background-image:
		radial-gradient(circle at 0 0, rgba(19, 18, 17, 0) 19px, rgba(19, 18, 17, 0.7) 20px),
		radial-gradient(circle at 100% 0, rgba(19, 18, 17, 0) 19px, rgba(19, 18, 17, 0.7) 20px),
		radial-gradient(circle at 100% 100%, rgba(19, 18, 17, 0) 19px, rgba(19, 18, 17, 0.7) 20px),
		radial-gradient(circle at 0 100%, rgba(19, 18, 17, 0) 19px, rgba(19, 18, 17, 0.7) 20px);
}

.banner-content-border, .banner-interior-all .banner-content-border {
    padding: 5px;
    position: relative;
    background: transparent;
    width: 100%;
}

.banner-border-sides:before {
    content: " ";
    -webkit-border-top-left-radius: 5px;    
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;    
    -webkit-border-bottom-left-radius: 5px;    
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;        
    border-left: 4px solid rgba(19, 18, 17, 0.7);
    position: absolute;
    top: 14px;
    left: -5px;
    bottom: 15px;
}

.banner-border-sides:after {
    content: " ";
    -webkit-border-top-right-radius: 5px;    
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;    
    -webkit-border-bottom-right-radius: 5px;    
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;        
    border-right: 4px solid rgba(19, 18, 17, 0.7);
    position: absolute;
    top: 14px;
    right: -4px;
    bottom: 15px;
}

.banner-border-top-bottom:before {
    content: " ";
    -webkit-border-top-left-radius: 5px;    
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;    
    -webkit-border-top-right-radius: 5px;    
    -moz-border-top-right-radius: 5px;      
    border-top-right-radius: 5px;    
    border-top: 4px solid rgba(19, 18, 17, 0.7);
    position: absolute;
    top: -5px;
    left: 14px;
    right: 15px;
}

.banner-border-top-bottom:after {
    content: " ";
    -webkit-border-bottom-left-radius: 5px;    
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;    
    -webkit-border-bottom-right-radius: 5px;    
    -moz-border-bottom-right-radius: 5px;      
    border-bottom-right-radius: 5px;    
    border-bottom: 4px solid rgba(19, 18, 17, 0.7);
    position: absolute;
    bottom: -4px;
    left: 14px;
    right: 15px;
}

.banner-content-all .corner {
    position: absolute;
    height: 15px;
    width: 15px;
    border: 4px solid rgba(19, 18, 17, 0.7);
    background-color: transparent;
}

.banner-content-all .banner-border-left-top {
    top: -1px;
    left: -1px;
    border-radius: 0 0 100% 0;
    border-width: 0 4px 4px 0;
}

.banner-content-all .banner-border-right-top {
    top: -1px;
    right: 0px;
    border-radius: 0 0 0 100%;
    border-width: 0 0 4px 4px;
}

.banner-content-all .banner-border-left-bottom {
    bottom: 0px;
    left: -1px;
    border-radius: 0 100% 0 0;
    border-width: 4px 4px 0 0;
}

.banner-content-all .banner-border-right-bottom {
    bottom: 0px;
    right: 0px;
    border-radius: 100% 0 0 0;
    border-width: 4px 0 0 4px;
}

/* End Slideshow Home */

section.banners {
    margin-top: 0px;
}

section.banners.list {
    background: #f4f3ec;  
    padding-top: 75px;
    min-height: 480px;
}


section.banners.list.fan {
    background: #f4f3ec;  
    padding-top: 20px;
    min-height: 320px;
}

.banners .banner-block {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 15px;
}

section.banners.list a {
    color: #4A4A4A;
}

section.banners.list.fan a {
    color: #E91620;
}

.box-social-icon .display-no {
    text-indent: -99999em;
    display: inline-block;
}

section.banners.list h2.title {
    font-family: 'Courgette', 'Comic Sans MS', cursive;
    font-size: 2.50em;
    font-weight: 300;
    margin: 10px 5px 10px 5px;
    line-height: 1.13em;
    text-align: center;
}

section.banners.list p {
    font-family: 'Roboto', 'Arial', sans-serif;
    font-style: normal;
    font-size: 1em;
    font-weight: 300;
    margin: 10px 5px 20px 5px;
    line-height: 1.38em;
    text-align: center;
}

section.banners.list .banner-block h3.title {
    font-family: 'Courgette', 'Comic Sans MS', cursive;
    font-size: 2em;
    font-weight: 300;
    margin: 20px 5px 10px 5px;
    line-height: 1.13em;    
}

section.banners.list .banner-block p {
    font-family: 'Roboto', 'Arial', sans-serif;
    font-style: italic;
    font-size: 1em;
    font-weight: 300;
    margin: 10px 5px 0px 5px;
    line-height: 1.38em;
}

.box-shape-all {
    margin: -105px auto 0px auto;
    position: relative;
    background: #fff;
}

.box-shape-all.home {
    max-width: 940px;
}

.box-shape-all.fan {
    width: 100%;
    margin: 0px auto 0px auto;
    position: relative;
    background: #fff;
}

.box-shape-all-bg-color-1 {
    background: rgba(223, 235, 205, 1); /* fallback */
    background:
    linear-gradient(135deg, transparent 10px, rgba(223, 235, 205, 1) 0) top left,
    linear-gradient(225deg, transparent 10px, rgba(223, 235, 205, 1) 0) top right,
    linear-gradient(315deg, transparent 10px, rgba(223, 235, 205, 1) 0) bottom right,
    linear-gradient(45deg,  transparent 10px, rgba(223, 235, 205, 1) 0) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    padding: 4px;
}

.box-shape-all-bg-color-2 {
    background: rgba(65, 94, 155, 1); /* fallback */
    background:
    linear-gradient(135deg, transparent 10px, rgba(65, 94, 155, 1) 0) top left,
    linear-gradient(225deg, transparent 10px, rgba(65, 94, 155, 1) 0) top right,
    linear-gradient(315deg, transparent 10px, rgba(65, 94, 155, 1) 0) bottom right,
    linear-gradient(45deg,  transparent 10px, rgba(65, 94, 155, 1) 0) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    padding: 4px;
}

.box-shape-all-bg-color-3 {
    background: rgba(10, 175, 237, 1); /* fallback */
    background:
    linear-gradient(135deg, transparent 10px, rgba(10, 175, 237, 1) 0) top left,
    linear-gradient(225deg, transparent 10px, rgba(10, 175, 237, 1) 0) top right,
    linear-gradient(315deg, transparent 10px, rgba(10, 175, 237, 1) 0) bottom right,
    linear-gradient(45deg,  transparent 10px, rgba(10, 175, 237, 1) 0) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    padding: 4px;
}

.box-shape-all-bg-color-4 {
    background: rgba(89, 132, 168, 1); /* fallback */
    background:
    linear-gradient(135deg, transparent 10px, rgba(89, 132, 168, 1) 0) top left,
    linear-gradient(225deg, transparent 10px, rgba(89, 132, 168, 1) 0) top right,
    linear-gradient(315deg, transparent 10px, rgba(89, 132, 168, 1) 0) bottom right,
    linear-gradient(45deg,  transparent 10px, rgba(89, 132, 168, 1) 0) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    padding: 4px;
}

.box-social-icon {
    width: 150px;
    position: relative;
    margin: 25px auto 0px auto;
}

.box-shape-all-bg-interior {
    background: rgba(223, 235, 205, 1); /* fallback */
    background-size: 50% 50%;
    background-repeat: no-repeat;
    padding: 4px;
}

.box-shape-all-bg-color-1.rounded {
	background-image:
		radial-gradient(circle at 0 0, rgba(223, 235, 205, 0) 19px, rgba(223, 235, 205, 1) 20px),
		radial-gradient(circle at 100% 0, rgba(223, 235, 205, 0) 19px, rgba(223, 235, 205, 1) 20px),
		radial-gradient(circle at 100% 100%, rgba(223, 235, 205, 0) 19px, rgba(223, 235, 205, 1) 20px),
		radial-gradient(circle at 0 100%, rgba(223, 235, 205, 0) 19px, rgba(223, 235, 205, 1) 20px);
}

.box-shape-all-bg-color-2.rounded {
	background-image:
		radial-gradient(circle at 0 0, rgba(65, 94, 155, 0) 19px, rgba(65, 94, 155, 1) 20px),
		radial-gradient(circle at 100% 0, rgba(65, 94, 155, 0) 19px, rgba(65, 94, 155, 1) 20px),
		radial-gradient(circle at 100% 100%, rgba(65, 94, 155, 0) 19px, rgba(65, 94, 155, 1) 20px),
		radial-gradient(circle at 0 100%, rgba(65, 94, 155, 0) 19px, rgba(65, 94, 155, 1) 20px);
}

.box-shape-all-bg-color-3.rounded {
	background-image:
		radial-gradient(circle at 0 0, rgba(10, 175, 237, 0) 19px, rgba(10, 175, 237, 1) 20px),
		radial-gradient(circle at 100% 0, rgba(10, 175, 237, 0) 19px, rgba(10, 175, 237, 1) 20px),
		radial-gradient(circle at 100% 100%, rgba(10, 175, 237, 0) 19px, rgba(10, 175, 237, 1) 20px),
		radial-gradient(circle at 0 100%, rgba(10, 175, 237, 0) 19px, rgba(10, 175, 237, 1) 20px);
}

.box-shape-all-bg-color-4.rounded {
	background-image:
		radial-gradient(circle at 0 0, rgba(89, 132, 168, 0) 19px, rgba(89, 132, 168, 1) 20px),
		radial-gradient(circle at 100% 0, rgba(89, 132, 168, 0) 19px, rgba(89, 132, 168, 1) 20px),
		radial-gradient(circle at 100% 100%, rgba(89, 132, 168, 0) 19px, rgba(89, 132, 168, 1) 20px),
		radial-gradient(circle at 0 100%, rgba(89, 132, 168, 0) 19px, rgba(89, 132, 168, 1) 20px);
}

.box-shape-all-bg-white {
    background: rgba(255, 255, 255, 1); /* fallback */
    background:
    linear-gradient(135deg, transparent 10px, rgba(255, 255, 255, 1) 0) top left,
    linear-gradient(225deg, transparent 10px, rgba(255, 255, 255, 1) 0) top right,
    linear-gradient(315deg, transparent 10px, rgba(255, 255, 255, 1) 0) bottom right,
    linear-gradient(45deg,  transparent 10px, rgba(255, 255, 255, 1) 0) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    padding: 7px;
}

.box-shape-all-bg-white.rounded {
	background-image:
		radial-gradient(circle at 0 0, rgba(255, 255, 255, 0) 19px, rgba(255, 255, 255, 1) 20px),
		radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0) 19px, rgba(255, 255, 255, 1) 20px),
		radial-gradient(circle at 100% 100%, rgba(255, 255, 255, 0) 19px, rgba(255, 255, 255, 1) 20px),
		radial-gradient(circle at 0 100%, rgba(255, 255, 255, 0) 19px, rgba(255, 255, 255, 1) 20px);
}

.box-shape-content {
    position: relative;
}

.box-shape-content.border {
    position: relative;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
}

.box-shape-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    vertical-align: middle;
}

.box-shape-table.social {
    display: table;
    table-layout: fixed;
    width: 100%;
    vertical-align: middle;
    margin-top: 0px;
    height: 100px;
}    

.box-shape-tr {
    display: table-row;
}

.box-shape-content .icon-facebook-icon2:before, .box-shape-content .icon-twitter-icon2:before {
    font-size: 6.25em;
    color: #fff;
}

.box-shape-content .icon-instagram2:before {
    font-size: 4.38em;
    color: #fff;
    padding-top: 15px;
    left: 25px;
    position: absolute;
}

.box-shape-td {
    display: table-cell; 
}

.box-shape-td.top {
    vertical-align: top;   
}

.box-shape-td.bottom {
    vertical-align: bottom;   
}

.box-shape-content h3.title {
    font-family: 'Courgette', 'Comic Sans MS', cursive;
    font-size: 2em;
    font-weight: 300;
    margin: 0px 0px 0px 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.13em;
    color: #E91620 !important;
}

.box-shape-content h3:first-child {
    margin-top: 25px;
}

.box-shape-content.border h3.title {
    font-family: 'Courgette', 'Comic Sans MS', cursive;
    font-size: 2.38em;
    font-weight: 300;
    margin: 0px 0px 0px 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.13em;
    color: #E91620;
}

.box-shape-content.border h3:first-child {
    margin-top: 25px;
}

.box-shape-content p {
    font-family: 'Roboto', 'Arial', sans-serif; 
    font-style: italic;
    font-size: 1.13em;
    font-weight: 200;
    margin: 0px 0px 0px 0px;
    line-height: 1.38em;
    color: #4a4a4a;
}

.box-shape-content .text-left {
    text-align: right;
    padding-right: 125px;
    height: 78px;
}

.box-shape-content .text-right {
    text-align: left;
    padding-left: 125px;
    height: auto;
}

.box-shape-content.border .text-left {
    text-align: right;
    padding-top: 10px;
    padding-right: 95px;
    height: auto;
}

.box-shape-content.border .text-right {
    text-align: left;
    padding-top: 10px;    
    padding-left: 95px;
    height: 78px;
}

.box-shape-content .text-center {
    padding-top: 0px !important;    
    padding-bottom: 0px !important;
    text-align: center;
    display: block;
}

.box-shape-image-all {
    position: absolute; 
    top: -37px; 
    left: 50%;      
}

.box-shape-image-all.fan {
    position: relative; 
    margin: -40px auto 0px auto;
    width: 234px;
    height: 170px;
}


.box-shape-image-all-in {
    position: relative;  
    width: 226px; 
    height: 226px;     
    left: -50%;
    border-radius: 50%; 
    border: 4px solid #dfebcd;    
}

.box-shape-image-all-in.fan {
    position: relative;  
    width: 226px; 
    height: 226px;     
    left: 0%;
    border-radius: 50%; 
    border: 4px solid #dfebcd;    
}

.box-shape-image-all-in.fan:before {
    background: url(/cms/images/layout/sprite-1.png);
    background-position: 0px -195px;
    width: 168px;
    margin: 60px 0px 0px -168px;
    background-repeat: no-repeat;
    content: " ";
    position: absolute;
    height: 115px;
    left: 0px;
}

.box-shape-image-all-in.fan .box-shape-image:after {
    background: url(/cms/images/layout/sprite-1.png);
    background-position: 0px -325px;
    width: 168px;
    margin: 60px 0px 0px 0px;
    background-repeat: no-repeat;
    content: " ";
    position: absolute;
    height: 115px;
    right: -165px;
}

.box-shape-image {
    width: 210px; 
    height: 210px; 
    border-radius: 50%; 
    border: 8px solid #fff; 
    background-position: 0px 0px; 
    background-repeat: no-repeat;
}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {

    section.banners.list {
        background: #f4f3ec;  
        padding-top: 35px;
        min-height: 480px;
    }

    section.banners.list .banner-block h3.title, section.banners.list .banner-block p {
        display: none;
    }
    
    .banner-home-all .banner-image-bg {
        min-width: 320px; 
        width: 100%; 
        height: 320px; 
        background-repeat: no-repeat; 
        background-position: 50% 50%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin-left: auto; 
        margin-right: auto;
    } 
    
    .banner-interior-all .banner-image-bg {
        background-repeat: no-repeat; 
        background-position: 50% center; 
        margin-left: auto; 
        margin-right: auto;
    }    

    .banner-interior-all .banner-home-edge {
        position: relative; 
        width: 100%; 
    }        
    
    .banner-home-all .banner-home-edge {
        position: relative; 
        width: 100%; 
        height: 323px;
        top: -323px;
    } 

    .banner-home-all .slideOver {
        position: relative; 
        width: 100%; 
        height: 320px; 
        -moz-box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.6), inset 0 -15px 15px -15px rgba(0,0,0,0.6);
        -webkit-box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.6), inset 0 -15px 15px -15px rgba(0,0,0,0.6);
        box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.6), inset 0 -15px 15px -15px rgba(0,0,0,0.6);
    }

    .banner-interior-all .slideOver {
        position: relative; 
        width: 100%; 
        -moz-box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.6), inset 0 -15px 15px -15px rgba(0,0,0,0.6);
        -webkit-box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.6), inset 0 -15px 15px -15px rgba(0,0,0,0.6);
        box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.6), inset 0 -15px 15px -15px rgba(0,0,0,0.6);
    }    
    
    .banner-home-all .banner-content-all, .banner-interior-all .banner-content-all {
        position: absolute;
        top: 20%;
        left: 0;
        right: 0;
        width: 100%;
    }

    .banner-home-all.adjusted .banner-content-all, .banner-interior-all.adjusted .banner-content-all {
        top: 50%;
        transform: translateY(-50%);
    }

    .banner-home-all .banner-content { 
        position: relative;
        left: 0;
        height: 320px;
        display: block;
        vertical-align: middle;
        text-align: center;
    }

    .banner-home-all.adjusted .banner-content {
        height: auto;
    }

    .banner-interior-all .banner-content {
        position: relative;
        left: 0;
        height: 200px;
        display: block;
        vertical-align: middle;
        text-align: center;
    }    
    
    .banner-home-all .banner-content h2 {
        margin: 0px 0px 2px 0px; 
        font-family: 'Roboto', 'Arial', sans-serif;
        font-weight: 700; 
        font-size: 1.63em; 
        text-transform: uppercase; 
        line-height: 0.94em;
        letter-spacing: -2px;
        color: #fff;
    }
    
    .banner-interior-all .banner-content h2 {
        margin: 10px 20px 2px 20px; 
        font-family: 'Courgette', 'Comic Sans MS', cursive;
        font-weight: 700; 
        font-size: 1.63em; 
        text-transform: normal; 
        line-height: 0.94em;
        letter-spacing: 0px;
        color: #fff;
    }

    .banner-subtext {
        font-size: 1em;
    }

    .banner-home-all .banner-content p, .banner-interior-all .banner-content p {
        font-family: 'Roboto', 'Arial', sans-serif;
        font-weight: 700; 
        font-size: 1.63em;
        text-transform: uppercase; 
        line-height: 0.94em;
        letter-spacing: -2px;
        color: #fff;
    }

    .banner-home-all .banner-content p span, .banner-interior-all .banner-content p span {
        display: block;
        font-family: 'Courgette', 'Comic Sans MS', cursive;
        font-size: 1em;
        line-height: 40px;
        font-weight: 300;
        letter-spacing: 0px;
        text-transform: none;
    }


    .banner-interior-all .banner-content span.btnAlt a.location {
        margin: 0px 20px 0px 20px;
    }
    
    .banner-home-all .banner-content-bg, .banner-interior-all .banner-content-bg {
        background: rgba(19, 18, 17, 0.7); /* fallback */
        background:
        linear-gradient(135deg, transparent 10px, rgba(19, 18, 17, 0.7) 0) top left,
        linear-gradient(225deg, transparent 10px, rgba(19, 18, 17, 0.7) 0) top right,
        linear-gradient(315deg, transparent 10px, rgba(19, 18, 17, 0.7) 0) bottom right,
        linear-gradient(45deg,  transparent 10px, rgba(19, 18, 17, 0.7) 0) bottom left;
        background-size: 50% 50%;
        background-repeat: no-repeat;
        padding: 22px 5px 37px 5px;
        margin-left: -8px;
        width: 100%;
    }

    .banner-home-all .banner-content-bg.rounded, .banner-interior-all .banner-content-bg.rounded {
        background-image:
            radial-gradient(circle at 0 0, rgba(19, 18, 17, 0) 0px, rgba(19, 18, 17, 0.7) 0px),
            radial-gradient(circle at 0 0, rgba(19, 18, 17, 0) 0px, rgba(19, 18, 17, 0.7) 0px),
            radial-gradient(circle at 0 0, rgba(19, 18, 17, 0) 0px, rgba(19, 18, 17, 0.7) 0px),
            radial-gradient(circle at 0 0, rgba(19, 18, 17, 0) 0px, rgba(19, 18, 17, 0.7) 0px);
    }

    .banner-content-border {
        padding: 5px;
        position: relative;
        background: transparent;
        width: 100%;
    }

    .banner-border-sides:before {
        content: " ";
        -webkit-border-top-left-radius: 0px;    
        -moz-border-top-left-radius: 0px;
        border-top-left-radius: 0px;    
        -webkit-border-bottom-left-radius: 0px;    
        -moz-border-bottom-left-radius: 0px;
        border-bottom-left-radius: 0px;        
        border-left: 0px solid rgba(19, 18, 17, 0.7);
        position: absolute;
        top: 14px;
        left: -5px;
        bottom: 15px;
    }

    .banner-border-sides:after {
        content: " ";
        -webkit-border-top-right-radius: 5px;    
        -moz-border-top-right-radius: 5px;
        border-top-right-radius: 5px;    
        -webkit-border-bottom-right-radius: 5px;    
        -moz-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;        
        border-right: 0px solid rgba(19, 18, 17, 0.7);
        position: absolute;
        top: 14px;
        right: -4px;
        bottom: 15px;
    }

    .banner-border-top-bottom:before {
        content: " ";
        -webkit-border-top-left-radius: 0px;    
        -moz-border-top-left-radius: 0px;
        border-top-left-radius: 0px;    
        -webkit-border-top-right-radius: 0px;    
        -moz-border-top-right-radius: 0px;      
        border-top-right-radius: 0px;    
        border-top: 4px solid rgba(19, 18, 17, 0.7);
        position: absolute;
        top: -5px;
        left: 0px;
        right: 0px;
    }

    .banner-border-top-bottom:after {
        content: " ";
        -webkit-border-bottom-left-radius: 0px;    
        -moz-border-bottom-left-radius: 0px;
        border-bottom-left-radius: 0px;    
        -webkit-border-bottom-right-radius: 0px;    
        -moz-border-bottom-right-radius: 0px;      
        border-bottom-right-radius: 0px;    
        border-bottom: 4px solid rgba(19, 18, 17, 0.7);
        position: absolute;
        bottom: -4px;
        left: 0px;
        right: 0px;
    }

    .banner-content-all .corner {
        position: absolute;
        height: 0px;
        width: 0px;
        border: 0px solid rgba(19, 18, 17, 0.7);
        background-color: transparent;
    }

    .banner-content-all .banner-border-left-top {
        top: -1px;
        left: -1px;
        border-radius: 0px 0px 0px 0px;
        border-width: 0px 0px 0px 0px;
    }

    .banner-content-all .banner-border-right-top {
        top: -1px;
        right: 0px;
        border-radius: 0px 0px 0px 0px;
        border-width: 0px 0px 0px 0px;
    }

    .banner-content-all .banner-border-left-bottom {
        bottom: 0px;
        left: -1px;
        border-radius: 0px 0px 0px 0px;
        border-width: 0px 0px 0px 0px;
    }

    .banner-content-all .banner-border-right-bottom {
        bottom: 0px;
        right: 0px;
        border-radius: 0px 0px 0px 0px;
        border-width: 0px 0px 0px 0px;
    }

    .box-shape-all {
        max-width: 940px;
        margin: 30px auto 0px auto;
        position: relative;
        background: #fff;
    } 

    .box-shape-all-bg-color-1 {
        background: rgba(223, 235, 205, 1); /* fallback */
        background:
        linear-gradient(0deg, transparent 0px, rgba(223, 235, 205, 1) 0) top left,
        linear-gradient(0deg, transparent 0px, rgba(223, 235, 205, 1) 0) top right,
        linear-gradient(0deg, transparent 0px, rgba(223, 235, 205, 1) 0) bottom right,
        linear-gradient(0deg,  transparent 0px, rgba(223, 235, 205, 1) 0) bottom left;
        background-size: 50% 50%;
        background-repeat: no-repeat;
        padding: 4px;
    }

    .box-shape-all-bg-color-2 {
        background: rgba(65, 94, 155, 1); /* fallback */
        background:
        linear-gradient(135deg, transparent 10px, rgba(65, 94, 155, 1) 0) top left,
        linear-gradient(225deg, transparent 10px, rgba(65, 94, 155, 1) 0) top right,
        linear-gradient(315deg, transparent 10px, rgba(65, 94, 155, 1) 0) bottom right,
        linear-gradient(45deg,  transparent 10px, rgba(65, 94, 155, 1) 0) bottom left;
        background-size: 50% 50%;
        background-repeat: no-repeat;
        padding: 4px;
    }
    
    .box-shape-all-bg-color-3 {
        background: rgba(10, 175, 237, 1); /* fallback */
        background:
        linear-gradient(135deg, transparent 10px, rgba(10, 175, 237, 1) 0) top left,
        linear-gradient(225deg, transparent 10px, rgba(10, 175, 237, 1) 0) top right,
        linear-gradient(315deg, transparent 10px, rgba(10, 175, 237, 1) 0) bottom right,
        linear-gradient(45deg,  transparent 10px, rgba(10, 175, 237, 1) 0) bottom left;
        background-size: 50% 50%;
        background-repeat: no-repeat;
        padding: 4px;
    }
    
    .box-shape-all-bg-color-4 {
        background: rgba(89, 132, 168, 1); /* fallback */
        background:
        linear-gradient(135deg, transparent 10px, rgba(89, 132, 168, 1) 0) top left,
        linear-gradient(225deg, transparent 10px, rgba(89, 132, 168, 1) 0) top right,
        linear-gradient(315deg, transparent 10px, rgba(89, 132, 168, 1) 0) bottom right,
        linear-gradient(45deg,  transparent 10px, rgba(89, 132, 168, 1) 0) bottom left;
        background-size: 50% 50%;
        background-repeat: no-repeat;
        padding: 4px;
    }    
    
    .box-shape-all-bg-color-1.rounded {
        background-image:
            radial-gradient(circle at 0 0, rgba(223, 235, 205, 0) 0px, rgba(223, 235, 205, 1) 0px),
            radial-gradient(circle at 0 0, rgba(223, 235, 205, 0) 0px, rgba(223, 235, 205, 1) 0px),
            radial-gradient(circle at 0 0, rgba(223, 235, 205, 0) 0px, rgba(223, 235, 205, 1) 0px),
            radial-gradient(circle at 0 0, rgba(223, 235, 205, 0) 0px, rgba(223, 235, 205, 1) 0px);
    }

    .box-shape-all-bg-color-2.rounded {
        background-image:
            radial-gradient(circle at 0 0, rgba(65, 94, 155, 0) 19px, rgba(65, 94, 155, 1) 20px),
            radial-gradient(circle at 100% 0, rgba(65, 94, 155, 0) 19px, rgba(65, 94, 155, 1) 20px),
            radial-gradient(circle at 100% 100%, rgba(65, 94, 155, 0) 19px, rgba(65, 94, 155, 1) 20px),
            radial-gradient(circle at 0 100%, rgba(65, 94, 155, 0) 19px, rgba(65, 94, 155, 1) 20px);
    } 
    
    .box-shape-all-bg-color-3.rounded {
        background-image:
            radial-gradient(circle at 0 0, rgba(10, 175, 237, 0) 19px, rgba(10, 175, 237, 1) 20px),
            radial-gradient(circle at 100% 0, rgba(10, 175, 237, 0) 19px, rgba(10, 175, 237, 1) 20px),
            radial-gradient(circle at 100% 100%, rgba(10, 175, 237, 0) 19px, rgba(10, 175, 237, 1) 20px),
            radial-gradient(circle at 0 100%, rgba(10, 175, 237, 0) 19px, rgba(10, 175, 237, 1) 20px);
    }     
    
    .box-shape-all-bg-color-4.rounded {
        background-image:
            radial-gradient(circle at 0 0, rgba(89, 132, 168, 0) 19px, rgba(89, 132, 168, 1) 20px),
            radial-gradient(circle at 100% 0, rgba(89, 132, 168, 0) 19px, rgba(89, 132, 168, 1) 20px),
            radial-gradient(circle at 100% 100%, rgba(89, 132, 168, 0) 19px, rgba(89, 132, 168, 1) 20px),
            radial-gradient(circle at 0 100%, rgba(89, 132, 168, 0) 19px, rgba(89, 132, 168, 1) 20px);
    }     
    
    .box-shape-all-bg-white {
        background: rgba(255, 255, 255, 1); /* fallback */
        background:
        linear-gradient(0deg, transparent 0px, rgba(255, 255, 255, 1) 0) top left,
        linear-gradient(0deg, transparent 0px, rgba(255, 255, 255, 1) 0) top right,
        linear-gradient(0deg, transparent 0px, rgba(255, 255, 255, 1) 0) bottom right,
        linear-gradient(0deg,  transparent 0px, rgba(255, 255, 255, 1) 0) bottom left;
        background-size: 50% 50%;
        background-repeat: no-repeat;
        padding: 6px;
    }

    /*.box-shape-all-bg-white.rounded {
        background-image:
            radial-gradient(circle at 0 0, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0) 0px),
            radial-gradient(circle at 0 0, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0) 0px),
            radial-gradient(circle at 0 0, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0) 0px),
            radial-gradient(circle at 0 0, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0) 0px);
            border-top: 4px solid #fff;
            border-bottom: 4px solid #fff;
    }*/   
    
    .box-shape-all-bg-white-2.rounded {
        background-image:
            radial-gradient(circle at 0 0, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 1) 0px),
            radial-gradient(circle at 0 0, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 1) 0px),
            radial-gradient(circle at 0 0, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 1) 0px),
            radial-gradient(circle at 0 0, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 1) 0px);
    }

    .box-shape-content {
        position: relative;
        padding-bottom: 15px;
    }
    
    .box-shape-content.social {
        position: relative;
        padding-bottom: 0px;
    }    

    .box-shape-table {
        display: block;
        table-layout: inherit;
        width: 100%;
        vertical-align: top;
        margin-top: -25px;
    }

    .box-shape-table.social {
        display: table;
        table-layout: fixed;
        width: 100%;
        vertical-align: middle;
        margin-top: 0px;
    }    
    
    .box-shape-tr {
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .box-shape-td {
        width: 100%;
        display: inline;
        height: inherit;    
    }

    .box-shape-td.top {
        vertical-align: top;   
        display: inline;
    }

    .box-shape-td.bottom {
        vertical-align: bottom;   
    }

    .box-shape-content h3.title {
        font-family: 'Courgette', 'Comic Sans MS', cursive;
        font-size: 1.56em;
        font-weight: 300;
        margin: -10px 7px 10px 0px;
        padding-bottom: 10px;
        line-height: 1.13em;
        color: #E91620;
        display: inline;
        text-align: left !important;
    }

    .box-shape-content p {
        font-family: 'Roboto', 'Arial', sans-serif; 
        font-style: italic;
        font-size: 1em;
        font-weight: 200;
        margin: 10px 0px 15px 0px;
        line-height: 1.38em;
        color: #4a4a4a;
        display: inline;
    }

    .box-shape-content .text-left {
        text-align: left;
        padding-right: 0px;
    }

    .box-shape-content .text-right {
        text-align: left;
        padding-left: 0px;    
    }

    .box-shape-image-all {
        position: relative; 
        top: -37px; 
        width: 226px;
        left: inherit;
        margin: 0px auto 0px auto;
    }

    .box-shape-image-all-in {
        position: relative;  
        width: 226px; 
        height: 226px;     
        left: inherit;
        border-radius: 50%; 
        border: 4px solid #dfebcd;    
    }

    .box-shape-image {
        width: 210px; 
        height: 210px; 
        border-radius: 50%; 
        border: 8px solid #fff; 
        background-position: 0px 0px; 
        background-repeat: no-repeat;
    }
    
    .box-shape-content.border {
        padding-top: 15px;
    }
    
    .box-shape-image-all.fan {
        margin-top: 50px;
        height: 160px;
    }
    
    .box-shape-tr.fan {
        margin-top: 35px;
    }

    .box-shape-content.border .text-left {
        padding-right: 0px;
    }

    .box-shape-content.border .text-right {  
        padding-left: 0px;
    }    


}


@media only screen and (min-width:0px) and (max-width:500px) {
    .banner-interior-all .banner-image-bg {
            min-width: 320px !important;  
            max-width: 100% !important;        
            height: 200px !important; 
            background-size: auto 200px;
    }        
    .banner-interior-all .banner-home-edge {
            height: 201px;
            top: -202px;        
    }    
    
    .banner-interior-all .slideOver {
        height: 200px; 
    }       
    
}

@media only screen and (min-width:501px) and (max-width:767px) {
    .banner-interior-all .banner-image-bg {
            min-width: 320px !important;  
            max-width: 100% !important;        
            height: 340px !important; 
            background-size: auto 340px;
    }      
    
    .banner-interior-all .banner-home-edge {
            height: 341px;
            top: -341px;        
    }    

    .banner-interior-all .banner-content-all {
            position: absolute;
            top: 33%;
            left: 0;
            right: 0;
            width: 100%;
    }    
    
    .banner-interior-all .slideOver {
        height: 340px; 
    }       
    
}

/* text overlay */
.bannerEffects .cycle-overlay {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:20px;
    color:#fff;
    background:#3F3F3F;
    opacity:0.75;
    z-index:101;
}


/* Ticket #421512 - Website Black Frame */

	.banner-image-bg {}
	.banner-image-bg .banner-Wrpr {  max-width:600px; border:solid 0px #EB0000; margin:0px auto; }
	.banner-image-bg .overlayWrppr {margin:0px auto;  width:auto; display: flex; align-items: flex-start; flex-wrap: nowrap;  flex-direction: column;}
	.banner-image-bg .rowWrpr {width:100%; display: flex; align-items: stretch; flex-wrap: nowrap; background:none;}
	.banner-image-bg .up-left { background: transparent url('/cms/images/layout/top-left.png') 0 0 no-repeat; width:40px; height:40px; align-self: flex-start; opacity:.7;}
	.banner-image-bg .up-edge { background: url('/cms/images/layout/top-edge.png') 0 0 repeat-x; height:40px;  align-self:flex-start; flex-grow: 1; opacity:.7;}
	.banner-image-bg .up-right { background: url('/cms/images/layout/top-right.png') 100% 0 no-repeat; width:40px; height:40px; align-self:flex-start; opacity:.7;}
	
	.banner-image-bg .left-edge { background: url('/cms/images/layout/left-edge.png') 0 0  repeat-y; width:40px;  opacity:.7; }
	
	
	.banner-image-bg .mainblock { background-color:rgba(0,0,0,0.6); height:auto; color:#fff; text-align:center; flex-grow: 1; align-self: flex-start; padding:0px 20px; }
	.banner-image-bg .right-edge { background: url("/cms/images/layout/right-edge.png") 100% 0 repeat-y; width:40px; opacity:.7;}
	
	
	.banner-image-bg .low-left { background: url("/cms/images/layout/bottom-left.png") 0 100% no-repeat; width:40px; height:40px; align-self: flex-start; opacity:.7;}
	.banner-image-bg .low-edge { background: url("/cms/images/layout/bottom-edge.png") 0 100% repeat-x;  height:40px; flex-grow: 1; align-self: flex-start; opacity:.7;}
	.banner-image-bg .low-right { background: url("/cms/images/layout/bottom-right.png") 100% 100% no-repeat; width:40px; height:40px; align-self: flex-start; opacity:.7;}
	.banner-image-bg h2 {margin: 0px 0px 2px 0px; padding:10px 20px; font-family: 'Roboto', 'Arial', sans-serif; font-weight: 700;  font-size: 3.50em !important; text-transform: uppercase; line-height: 0.94em; letter-spacing: -2px; color: #fff;}	
	.banner-image-bg p {margin: 0px 0px 30px 0px;font-family: 'Roboto', 'Arial', sans-serif; font-weight: 700; font-size: 3.50em; text-transform: uppercase; line-height: 0.94em; letter-spacing: -2px; color: #fff;}
	
	.banner-image-bg .banner-subtext {font-family: 'Roboto', 'Arial', sans-serif; font-size: 1.125em; color: #fff; text-transform: uppercase; width:100%; display:block;}
	.banner-image-bg span {display: block; font-family: 'Courgette', 'Comic Sans MS', cursive; font-size: 0.63em; line-height: 40px; font-weight: 300; letter-spacing: 0px; text-transform: none;}
	
	.banner-home-all .banner-contentWrpr p span::before, 
	.banner-interior-all .banner-contentWrpr p span::before {
    background: url(/cms/images/layout/sprite-1.png); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-position: 0px -30px; width: 80px; margin: 6px 0px 0px -85px; background-repeat: no-repeat; content: " "; position: absolute; height: 20px;}
	
	.banner-home-all.adjusted .banner-content-all {top:47px;}
	
	@media (max-width:767px) {
		
		.banner-image-bg .overlayWrppr {width:auto; max-width:initial; margin-top:210px;}
		.banner-image-bg .overlayWrppr .mainblock {width:100%;}
		.banner-image-bg .overlayWrppr .left-edge,
		.banner-image-bg .overlayWrppr .right-edge,
		.banner-image-bg .overlayWrppr .up-left,
		.banner-image-bg .overlayWrppr .up-right,
		.banner-image-bg .overlayWrppr .low-left,
		.banner-image-bg .overlayWrppr .low-right {display:none;}
		.banner-image-bg .mainblock h2 {font-size:2.25em !important;}
		.banner-image-bg .mainblock p {font-size:2.25em !important;}
	}

/* Reskinned Banner Code starts here */

.reskin-hero-media{margin-top: 75px;}
.reskin-banner{position: relative;}
.reskin-banner-media{min-height: 300px;  position: relative;  background-position: right; background-size: cover;  background-repeat: no-repeat; }
.reskin-banner-wrapper{position: absolute;transform: translate(0, -50%); top: 50%; left: 0; right:0; margin: 0 auto; }
.reskin-banner-overlay{text-align: center; margin: 10px;}
.reskin-banner-overlay h1{color:#ffffff;font-family: 'Interstate_Black_Cond'; font-size: 2em; text-transform: uppercase; margin-bottom: 0px; margin-top: 0;}
    .reskin-banner-overlay p {
        font-family: "Tillo";
        color: #ffffff;
        font-size: 2em;
        margin-bottom: 0;
        word-break: break-word;
    }


/* Very specific screen size for the banner*/
@media only screen and (min-width: 320px) and (max-width: 370px){
.reskin-banner-overlay p{font-size: 2.4em; padding: 0 10px; word-break: break-word;}
}

@media only screen and (min-width: 450px) and (max-width: 650px){
.reskin-hero-media{margin-top: 100px;}
}


@media only screen and (min-width: 48em){
    .reskin-banner-media{min-height: 400px;}
}

@media only screen and (min-width: 60em){
    .reskin-banner-wrapper{min-width: 16em; max-width: 90em; z-index: 9; }
    .reskin-banner-overlay{text-align: left}
    .reskin-banner-overlay h1, .reskin-banner-overlay p{font-size: 3em;}
}

@media only screen and (min-width: 75em){
    .reskin-hero-media{  margin-top: 150px; }
    .reskin-banner-media{min-height: 500px;}
}

@media only screen and (min-width: 90em){
    .reskin-banner-overlay h1, .reskin-banner-overlay p{ font-size: 4.5em; }

}


/* Ticket #670178 Mobile Banner Cut Off on Dev */
.reskin-homepage .reskin-hero-media {
    margin-top: 141px;
}

@media only screen and (max-width: 1343px) {
    .reskin-homepage .reskin-hero-media {
        margin-top: 116px;
    }
}

@media only screen and (max-width: 1199px) {
    .reskin-homepage .reskin-hero-media {
        margin-top: 111px;
    }
}

@media only screen and (max-width: 960px) {
    .reskin-homepage .reskin-hero-media {
        margin-top: 111px;
    }
}

@media only screen and (max-width: 767px) {
    .reskin-homepage .reskin-hero-media {
        margin-top: 109px;
    }
}

@media only screen and (max-width: 479px) {
    .reskin-homepage .reskin-hero-media {
        margin-top: 97px;
    }
}

@media only screen and (max-width: 349px) {
    .reskin-homepage .reskin-hero-media {
        margin-top: 99px;
    }
}
