/*********************************
	Impress Design / Jack McDaniel
	impress-design.com
	720.495.1368
*********************************/

/*********************************
	SITE COLORS: 
	
	BLUE: 2365B1
	GREEN: #85CA9E
*********************************/

/*	A. GLOBAL RESET
	. . . . . . . . . . . . . . . . . . . . */
	
html,
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong,
sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, figcaption, figure, footer, header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    font-family: 'Open Sans', serif;
    line-height: 1.6em;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    background: #FFF;
    width: 100%;
    overflow-x: hidden;
}

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}
ins {
    background-gridor: #ff9;
    color: #2365B1;
    text-decoration: none;
}
mark {
    background-gridor: #ff9;
    color: #2365B1;
    font-style: italic;
    font-weight: bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-gridlapse: gridlapse;
    border-spacing: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #2365B1;
    margin: 1em 0;
    padding: 0;
}
input, select { vertical-align: middle; }
input:focus { outline: none; }
button:focus { outline: none; }
textarea:focus { outline: none; }
blockquote {
    width: 70%;
    margin: 30px 10%;
    padding: 20px 5%;
    border-top: 4px solid #2365B1;
    border-bottom: 4px solid #2365B1;
    background: url(../img/quotes.png) 0 15px no-repeat;
    font-size: 1.25em;
    line-height: 1.7em;
    color: #666;
}
img { max-width: 100%; }
p { margin-bottom: 15px; }
.clear { clear: both; }
q {
  font-size: 2.0em;
}
::selection {
    color: #FFF;
    background: #2365B1;
    text-shadow: none;
    outline: none;
}
::focus {
   color: #fff;
   background: none;
   text-shadow: none;
}
ol { margin-left: 30px; }
img a { outline: none; }
.inner a { outline: none; }


/*	B. BODY INFO AND LINKS
	. . . . . . . . . . . . . . . . . . . . */

html {
    animation: fadeSiteIn 1.0s ease forwards; /* [1] */
}

html.fadeSiteOut {
  animation:  fadeSiteOut 1.0s ease forwards; /* [2] */
}


@keyframes fadeSiteIn { /* [1] */
    from   { opacity: 0; }
    to    { opacity: 1; }
}

@keyframes fadeSiteOut { /* [2] */
    from   { opacity: 1; }
    to     { opacity: 0; }
}
@keyframes delay {
    from   { opacity: 0; }
    to    { opacity: 1; }
}

@-webkit-keyframes show-text {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show-text {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes show-textHL {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em)
    }

    100% {
        opacity: 1.0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}


.slideIn {
    -webkit-animation-name: slideInUp; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-name: slideInUp;
    animation-duration: 2s;
}
.slideInLeft {
    -webkit-animation-name: slideInLeft; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-name: slideInLeft;
    animation-duration: 2s;
}

.mainContain {
    margin: 0 auto;
    width: 96%;
    max-width: 1160px;
}

a {
    color: #2365B1;
    border-bottom: 1px solid #85CA9E;
}

/*a:visited {
	color: #666;
}*/
a:hover {
    color: #85CA9E;
    border-bottom: 1px solid #2365B1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

article a:hover { }

em { 
    font-weight: bold;
    font-style: italics; 
    color: #2365B1;
}

/* HERO IMAGE ROTATION FOR HOME PAGE */


#hero {
    margin-top: -20px;
    /*background: url(../img/mainImg0323.jpg) bottom center no-repeat;*/
    background: url(../img/mainImgBaby.jpg) bottom center no-repeat;
    background-size: cover;
    border-bottom: 3px solid #85CA9E;
    height: 75vh;
    min-height: 75vh;
    width: 100%;
    overflow: visible;
    animation-name: fadeIn;
    /*border-bottom: 1px solid #CCC;*/
}
#hero h1 {
    color: #FFF;
    font-family: 'Open Sans Condensed',sans-serif;
    text-align: center;
    font-size: 5.5vw;
    line-height: 1.0em;
    padding-top: 11.5vh;
    text-shadow: 0 0 7px #444, 0 0 7px #444, 0 0 7px #444;
}
.subHero {
    color: #FFF;
    font-family: 'Open Sans',sans-serif;
    text-align: center;
    font-weight: 700;
    font-size: 2.0em;
    line-height: 1.0em;
    text-shadow: 0 0 7px #444, 0 0 7px #444, 0 0 7px #444;
}

#contentHero {
    margin-top: -20px;
    background-size: cover;
    border-bottom: 3px solid #85CA9E;
    /*height: 55vh;
    min-height: 55vh;*/
    width: 100%;
    overflow: visible;
    animation-name: fadeIn;
}
#contentHero h1 { 
   color: #FFF; 
   font-size: 5.5vw;
   line-height: 1.1em;
   padding: 250px 0;
   text-align: center;
}
.contentPad h5 { 
   color: #EBEBEB; 
   font-size: 1.8em;
}
.review-dek {
    background: #85CA9E;
}
.review-dek p { margin: 0;}

/**/


/*	C. HEADER, MENU AND SEARCH
	. . . . . . . . . . . . . . . . . . . . */


header {
    position: absolute;
    top: 0;
    z-index: 100;
    margin: 0 auto;
    width: 100%;
    height: 117px;
    overflow: hidden;
    background: transparent;
}
header .mainContain { 
    margin-top: 30px;
    max-width: 94%;
    padding: 0 3%;
}

.logo { 
	margin: 0 auto;
	width: 250px;
	position: relative;
	z-index: 9999;
	text-align: center;

}
.logo img {
	max-height: 125px;
}
.logo a { border-bottom: none; }

.menuL {
    position: relative;
    z-index: 999;
    float: left;
    width: 45%;
    height: 50px;
    line-height: 50px;
}
.menuL ul {
    list-style: none;
    position: relative;
    z-index: 999;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
}
.menuL ul li {
	position: relative;
	z-index: 101;
    list-style: none;
    float: left;
    width: 50%;
    padding: 0;
    line-height: 50px;
    font-size: 1.0em;
    font-weight: 300;
}
.menuL ul li a {
    position: relative;
    z-index: 101;
    color: #2365B1;
    font-weight: 600; 
    border-bottom: none;   
}
.menuL ul li a:hover {
	color: #FFF;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.menuR {
    float: right;
    width: 45%;
    height: 50px;
    line-height: 50px;
}
.menuR ul {
    list-style: none;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
}
.menuR ul li {
    list-style: none;
    float: left;
    width: 50%;
    text-align: right;
    padding: 0;
    line-height: 50px;
    font-size: 1.0em;
    font-weight: 600;
}
.menuR ul li a {
    color: #2365B1;
    font-weight: 600; 
    border-bottom: none;   
}
.menuR ul li a:hover {
	color: #FFF;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.subHeadContain {
	width: 100%;
    height: 34px;
	background: #FFF;
    border-bottom: 1px solid #8BC53E;
}
.subHeadContain .mainContain {
    margin: 0;
    line-height: 34px;
    overflow: hidden;
}

.tagline { 
    font-style: italic; 
    color: #2365B1;
}
.subHeadContain a { border-bottom: none; }
.phone { 
    font-style: italic;
    font-weight: 700;
}

.menuBadge {
	display: none;
}
.menuBadge img {
    display: none;
}
nav {
    display: none;
}
#hiddenMenu {
    display: none;
}
.menuBuild {
    display: none;
}

/* The side navigation menu */

.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 10055; /* Stay on top */
    top: 0; /* Stay at the top */
    right: 0;
    background: rgba(35,101,177, 0.785);
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 0;
    text-decoration: none;
    font-size: 1.35em;
    display: block;
    color: #EFEFEF;
    border-bottom: none;
    -webkit-transition: all .33s ease-in-out;
    -moz-transition: all .33s ease-in-out;
    -o-transition: all .33s ease-in-out;
    transition: all .33s ease-in-out;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #85CA9E;
    -webkit-transition: all .33s ease-in-out;
    -moz-transition: all .33s ease-in-out;
    -o-transition: all .33s ease-in-out;
    transition: all .33s ease-in-out;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 60px;
    margin-left: 50px;
    color: #FFF;
    opacity: 80;
}

.sidenav ul { list-style: none; }
.sidenav ul li { 
    list-style: none;
    margin-left: 20px;
    display: block;
    padding: 4px 0;
    border-top: 1px solid #2365B1;
    border-bottom: 1px solid #85CA9E;
}

.sidenav img { 
	float: left;
	max-width: 48px;
	margin-right: 5px; 
}
.sidenav img:hover { 
        background: #DA2A3E; 
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}
.sidenav h4 {
	font-family: 'Muli', sans-serif;
	font-size: 2.0rem;
	color: #FFF;
}



/*	D. CONTENT
	. . . . . . . . . . . . . . . . . . . . */

article ul { 
    list-style: none; 
    margin-bottom: 20px;
}
article ul li {
    list-style: none;
    margin-left: 12px;
    padding: 7px 0 7px 15px;
    background: url(../img/arrow.png) 0 14px no-repeat;
    line-height: 1.3em;
}
article ul li a { color: #444; }
article ul li a:hover { color: #8bc53e; }

/*** MAIN IMAGE HOME PAGE ***/
.heroHeadline { }
.heroHeadline h1 {
	text-align: left;
	font-size: 4.0em;
	line-height: 1.0em;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #FFF;
}
.heroHeadline p { 
	color: #FFF;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 1.15em;
}
.heroHeadline a { color: #CCC; }
.heroHeadline a:hover { color: #FFF; }

/***CONTENT PAGE MAIN IMAGE ***/

.heroHeadlineAbout { 
	margin: 0 auto;
	padding: 100px 0 100px 50%; 
}
.heroHeadlineAbout h1 {
	text-align: left;
	font-size: 4.0em;
	line-height: 1.0em;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #444;
}
.heroHeadlineAbout p { 
	color: #444;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 1.15em;
}

.inner {
    margin: 10px 5px;
    padding: 10px 5px;
}
.innerL {
    margin: 10px 10px 10px 0;
    padding: 10px 10px 10px 0;
}
.innerR {
    margin: 10px 0 10px 10px;
    padding: 10px 0 10px 10px;
}
.navy-line {
    clear: both;
    display: block;
    margin: 0 auto !important;
    width: 60px;
    height: 1px;
    padding-top: 12px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #8BC53E;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.navy-line2 {
    width: 100px;
    height: 1px;
    margin: 30px auto 30px;
    border-bottom: 1px solid #CCC;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dittoPost { 
	margin-bottom: 20px; 
}
.dittoPost h5 { 
    height: 28px;
    overflow: hidden;
}


/*	E. RIGHT / LEFT COLUMN
	. . . . . . . . . . . . . . . . . . . . */

.block {
    margin: 20px 0;
}

.block ul {
    list-style: none;
    margin-bottom: 20px;
}
.block ul li {
    list-style: none;
    line-height: 1.25em;
    padding: 4px 0 4px 15px !important;
    background: url(../img/arrow.png) 0 12px no-repeat;
}
.block ul li:hover { 
    -moz-transition: opacity .75s ease-in-out;
    -webkit-transition: opacity .75s ease-in-out;
    -o-transition: opacity .75s ease-in-out;
}
.block ul li.active a {
    font-style: italic;
    color: #666;
}
.block ul li.active ul li a {
    font-style: normal;
    color: #000;
}
.block ul li ul li.active a {
    font-style: italic;
    color: #666;
}
.block ul li ul li.active ul li a {
    font-style: none;
    color: #AA1111;
}
.block ul li ul li ul li.active a {
    font-style: italic;
    color: #666;
}
.block ul li ul li {
    margin-left: 25px;
}



/*	F. FOOTER
	. . . . . . . . . . . . . . . . . . . . */

footer {
    font-size: 1.0em;
    line-height: 1.15em;
    border-top: 2px solid #2365B1;
}
footer .right { padding-top: 12px; }
footer .CC { padding-top: 12px; }
footer .grid33 { padding-top: 5px; }
footer a { border-bottom: none; }
.social img {
    width: 50px;
    background: #2B2B81;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.social img:hover { 
    background: #8BC53E;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.copy { 
	text-align: center;
    height: 38px;
	line-height: 38px;
	font-size: .85em;
	color: #555;
}


/*	G. SPECIAL STYLINGS
	. . . . . . . . . . . . . . . . . . . . */

.price { font-size: 4.0em;color: #85CA9E;padding: 20px 0; }
 #reasons { padding: 40px; }
 #about img.num { 
   float: left;
   max-width: 60px;
   margin-right:10px;
}
.blue {
    background: #2365B1;
    border-top: 3px solid #85CA9E;
    border-bottom: 3px solid #85CA9E;
    color: #FFF;
    padding: 40px 0;
}
.blue h3 { color: #FFF; }
.blue h5 { color: #FFF; }
.blue .cfLink:hover { border: 1px solid #85CA9E; }
.siteGradient { 
    padding: 40px 0;
    color: #FFF;
    background: rgb(35,101,177);
    background: linear-gradient(137deg, rgba(35,101,177,1) 0%, rgba(133,202,158,1) 100%); 
    border-top: 3px solid #85CA9E;
    border-bottom: 3px solid #85CA9E;
}
.siteGradient a { color: #FFF; }
.siteGradient h4 { color: #FFF; }
.siteGradient h3 { color: #FFF; }
.siteGradient .cfLink { font-size: 1.7em; }
.pad100 { padding-top: 100px; }
.siteAdWrap { 
   margin: 30px 0;
   text-align: center;
   width: 100%;
}
.siteAd {
        margin: 0 auto;
        max-width: 350px;
	padding: 15px 0;
	text-align: center;
	border-top: 1px dotted #00FFFF;
	border-bottom: 1px dotted #00FFFF;
}
.siteAd a { border: none; }
.contentContain { padding: 50px 0; }
.noBord a { border-bottom: none; }
.featured { padding-bottom: 40px; }
.featured article { margin-bottom: 20px; }
.featured article .inner { 
    margin: 12px;
    padding: 20px; 
    background: #FFF;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.stars {
    margin: 0 auto;
    text-align: center;
}
.stars img { max-width: 120px; }
.yelp {
    max-width: 250px;
}

.featured h5 a { border-bottom: none; }
.prodPrice {
    text-align: center;
    font-size: 1.75em;
    color: #FFF;
}
.prodTitle { 
    height: 50px;
    line-height: 50px; 
    overflow: hidden;
}
.prodTitle h5 { 
    line-height: 50px; 
    margin: 0;
    padding: 0;
}
.innerC { 
    padding: 0 30px;
    height: 112px; 
    overflow: hidden;
}
#covid {
   position: absolute;
   top: 120px;
   right: 0;
   z-index: 99;
   width: 76px;
}

h5 a:hover {font-weight: 700;}

/**
   LOGIN PAGE AND BLOG
                 **/
.innerINS {
   margin: 20px;
   padding: 20px;
}
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #2B2B81;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

.insImg {
   height: 275px;
   margin: 0;
   padding: 0;
}
.INS h5 { 
   height:30px; 
   line-height: 30px;
   overflow: hidden;
   text-transform: uppercase;
}
.boxShadow {
    margin: 15px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-box-shadow: rgba(35,101,177,.3) 0 1.435vw 4.484375vw 0;
    box-shadow: rgba(35,101,177,.3) 0 1.435vw 4.484375vw 0;
    -webkit-box-shadow: rgba(35,101,177,.31) 0 .538125vw 1.79375vw 0;
    box-shadow: rgba(35,101,177,.31) 0 .538125vw 1.79375vw 0;
}
.boxShadow:hover {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
   -webkit-box-shadow: rgba(35,101,177,.7) 0 1.435vw 4.484375vw 0;
   box-shadow: rgba(35,101,177,.7) 0 1.435vw 4.484375vw 0;
   -webkit-box-shadow: rgba(35,101,177,.71) 0 .538125vw 1.79375vw 0;
   box-shadow: rgba(35,101,177,.71) 0 .538125vw 1.79375vw 0;
}
.boxShadow .inner {
    padding: 12px 30px !important;
    margin: 0 !important;
}

.smoothTran {
    opacity: 0;
    -webkit-animation: show-textHL .5s 2.0s forwards cubic-bezier(0.1, 0.59, 1.0, 1.22);
    animation: show-textHL .5s 2.0s forwards cubic-bezier(0.1, 0.59, 1.0, 1.22);
}
.smoothTran2 {
    opacity: 0;
    -webkit-animation: show-textHL 1.0s 2.75s forwards cubic-bezier(0.1, 0.59, 1.0, 1.22);
    animation: show-textHL 1.0s 2.75s forwards cubic-bezier(0.1, 0.59, 1.0, 1.22);
}
.hidden{
     opacity:0;
}
.visible{
     opacity:1;
}
.red { color: #AA1111; }
.staff ul { list-style: none; }
.staff ul li {
    list-style: none;
    padding: 8px 0;
    height: 70px;
}
.staff ul li img {
    height: 70px;
    float: left;
    margin-right: 12px;
}

/* TESTIMONIALS */
.testimonials .innerL {
    padding-right: 30px;
}
.testimonials .inner {
    padding: 0 15px;
}
.testimonials .innerR {
    padding-left: 30px;
}
.testImg {
        max-width: 100px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border: 5px solid #FFF;
        -webkit-box-shadow: rgba(35,101,177,.3) 0 1.435vw 4.484375vw 0;
        box-shadow: rgba(35,101,177,.3) 0 1.435vw 4.484375vw 0;
        -webkit-box-shadow: rgba(35,101,177,.31) 0 .538125vw 1.79375vw 0;
        box-shadow: rgba(35,101,177,.31) 0 .538125vw 1.79375vw 0;
}
/* END TESTIMONIALS */

/* INFO SECTION  */

#info {
    background: #000;
    border-top: 1px solid #00FFFF;
    border-bottom: 1px solid #00FFFF;
    padding: 0 0 60px 0;
    color: #FFF;
}
#info h4 { color: #FFF; }
#info article ul li a { 
    color: #FFF; 
    border-bottom: none;
}
#info article ul li a:hover { color: #00FFFF; }
#faq { 
    padding: 50px 0; 
    border-bottom: 1px solid #555;
}
#faq article ul li a { 
    color: #FFF; 
    border-bottom: none;
}
#faq article ul li a:hover { color: #00FFFF; }

.medallion {
    position: relative;
    z-index: 900;
    width: 100%;
    text-align: center;
}
.medallion img {
 	max-width: 150px;
 	margin-top: -75px;
}
 
.medallion2 {
 	width: 100%;
 	text-align: center;
}
 .medallion2 img {
 	margin-top: -46px;
}
.cfLink {
    font-size: 1.15em;
    padding: 10px 15px;
    background: #85CA9E;
    border: 1px solid #85CA9E;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #FFF !important;
    -webkmedait-box-shadow: rgba(35,101,177,.3) 0 1.435vw 4.484375vw 0;
    box-shadow: rgba(35,101,177,.3) 0 1.435vw 4.484375vw 0;
    -webkit-box-shadow: rgba(35,101,177,.31) 0 .538125vw 1.79375vw 0;
    box-shadow: rgba(35,101,177,.31) 0 .538125vw 1.79375vw 0;
}
.cfLink:hover {
    background: #2365B1;
    border: 1px solid #85CA9E;
    padding: 12px 15px;
    color: #FFF !important;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.quotes {
	background: url(../img/quotes.png) top left no-repeat;
	padding: 0 0 0 20px;
	padding-top: 2px;
}
.w850 { 
    margin: 0 auto;
    max-width: 850px; 
}

.center {
    margin: 0 auto;
    text-align: center;
}
.small {
    font-size: .85em !important;
    line-height: 1.3em;
}
.large { 
	font-size: 1.15em; 
	line-height: 1.65em;
	margin-bottom: 35px;
}

.hilite {
    font-weight: 700;
    color: #2365b1;
    font-style: italic;
}
.hilite2 {
    font-weight: 400;
    color: #2365b1;
    font-style: italic;
}
.hiliteRed {
    color: #FFF;
    background: #AA1111;
    padding: 4px 7px;
    text-transform: uppercase;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#about .hilite2 {
    font-weight: 600;
    color: #FFF;
    font-style: italic;
}
.right { text-align: right; }
.button {
    color: #FFF;
    font-weight: 700;
    padding: 7px 15px;
    border: 1px solid #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: 0 0 .75em #de7d7d;
    background: #aa1111;
}
.button:hover {
    color: #CCC;
}

/*	H. IMAGE CLASSES
	. . . . . . . . . . . . . . . . . . . . */

.heroImage { 
	width: 100%;
	background: url(https://aaa.i-d.design/img/mainImg-1.jpg);
	background-position: center center; 
	background-repeat: no-repeat;
	background-size: cover;
	overflow:hidden;
	border-bottom: 2px solid #737373;
}
.heroImage2 { 
	width: 100%;
	height: 550px;
	background: url(../img/mainImg.jpg);
	background-position: center center; 
	background-repeat: no-repeat;
	background-size: cover;
	overflow:hidden;
	border-bottom: 2px solid #23A2C3;
}
.imgRight {
    float: right;
    max-width: 35%;
    margin: 10px 0 10px 10px;
}

.imgLeft {
    float: left;
    max-width: 35%;
    margin: 12px 12px 12px 0;
}

.imgFull {
    width: 100%;
    margin: 10px 0;
}

/*	I. FORMS AND NEWSLETTER
	. . . . . . . . . . . . . . . . . . . . */

.labelOut {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.formIn {
    float: left;
    width: 95%;
    margin-bottom: 4px;
    padding: 7px 0 7px 2%;
    border-radius: 4px;
    border: 1px solid #CCC;
    font-size: .85em;
    color: #444;
}

.formIn:focus { 
	padding:7px 0 6px 2%; 
	background: #F2F2F2;
    border: 1px solid #8BC53E;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-bottom: 2px solid #282CBC;
}

textarea {
    float: left;
    width: 95%;
    height: 70px;
    padding:7px 0 7px 2%;
    border-radius: 4px;
    border: 1px solid #CCC;
    font-size: 14px;
    resize: vertical;
}

textarea:focus { 
    padding:7px 0 6px 2%; 
    background: #F2F2F2;
    border: 1px solid #8BC53E;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-bottom: 2px solid #282CBC;
}
.cfDown a {
    color: #FFF;
}
.cfDown {
    padding: 6px 10px;
    border: 1px solid #253053;
    border-radius: 5px;
    -moz-border-radius: 5px;
    color: #FFF;
    background: #1e987e;
}
.cfContact {
    float: left;
    width: 50%;
    max-width: 150px;
    margin-top: 5px;
    color: #FFF;
    text-transform: uppercase;
    padding: 12px 2%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #2B2B81; 
    border: none; 
}
.cfContact:hover { 
    color: #FFF; 
    background: #8BC53E;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}


/*	J. COMMENTS / PAGINATION
	. . . . . . . . . . . . . . . . . . . . */

/*******************************************
		PAGINATION
*******************************************/
ul.PagingNav {
    clear: both;
    width: 100%;
    height: 60px;
    float: left;
    list-style: none;
    display: block;
    text-align: center;
}

ul.PagingNav li {
    float: left;
    text-align: center;
    line-height: 1.0em;
    padding: 5px;
    margin: 0 1px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #23A2C3;
    background: #23A2C3; 
}

ul.PagingNav li a {
    color: #FFF;
}

ul.PagingNav li a.active {
    color: #CCC;
}


/*  K. FRONT PAGE STYLINGS
    . . . . . . . . . . . . . . . . . . . . */

.featured article ul { list-style: none; }
.featured article ul li {
    list-style: none;
    padding-left: 15px;
    background: url(../img/arrow.png) 0 11px no-repeat;
}
.featured article ul li a { 
    color: #FFF !important; 
    border-bottom: none;
}
.featured article ul li a:hover { color: #00FFFF !important; }
.featured article .innerM { 
    padding: 12px;
}


/*	L. GRID SYSTEM
	. . . . . . . . . . . . . . . . . . . . */
	
.grid10 {
    float: left;
    width: 10%;
}

.grid20 {
    float: left;
    width: 20%;
}

.grid25 {
    float: left;
    width: 25%;
}

.grid30 {
    float: left;
    width: 30%;
}

.grid33 {
    float: left;
    width: 33%;
}

.grid35 {
    float: left;
    width: 35%;
}

.grid40 {
    float: left;
    width: 40%;
}

.grid45 {
    float: left;
    width: 45%;
}

.grid50 {
    float: left;
    width: 50%;
}

.grid55 {
    float: left;
    width: 55%;
}

.grid60 {
    float: left;
    width: 60%;
}

.grid65 {
    float: left;
    width: 65%;
}

.grid67 {
    float: left;
    width: 67%;
}

.grid70 {
    float: left;
    width: 70%;
}

.grid75 {
    float: left;
    width: 75%;
}

.grid80 {
    float: left;
    width: 80%;
}

.grid85 {
    float: left;
    width: 85%;
}

.grid90 {
    float: left;
    width: 90%;
}

.grid95 {
    float: left;
    width: 95%;
}

.grid100 {
    float: left;
    width: 100%;
}


/*	M. RESPONSIVE STYLING: 320 - 767 WINDOWS
	. . . . . . . . . . . . . . . . . . . . */
	
@media only screen and (min-width: 320px) and (max-width: 767px) {

    body { font-size: 1.2em; }
    header { 
        height: 100px;
        line-height: 100px;
    }
    .review-dek { display: none; }
    .siteBlurb { display: none; }
    .menuR, .menuL { display: none; }
    .menuBadge {
        display: block;
        float: right;
        width: 20%;
        line-height: 100px;
    }
    .menuBadge img { display: block; }
    .menuIcon img { max-height: 100px; }
    .logo { 
        position: absolute;
        top: 0;
        left: 0;
        height: 100px; 
        text-align: left;
        padding-left: 10px;
    }
    .logo img { max-height: 100px; }
    #hero { 
       margin-top: 0; 
       height: 75vh;
    }
    #hero h1 {
        font-size: 36px;
        padding: 150px 20px 20px;
    }
    .subHero { font-size: 24px; }
    #urns { height: auto; }
    .subHeadContain { display: none; }
    #siteBlurb {
       clear: both;
    }
    .mainContain { width: 96%;  }
    .grid67 { width: 100%; }
    .grid60 { width: 100%; }
    .grid50 { width: 100%; }
    .grid40 { float: none; width: 100%; }
    .grid33 { width: 100%; }
    .grid30 { width: 100%; float: none; }
    .grid70 { width: 100%; }
    .grid25 { width: 100%; }
    .inner {
        margin: 0;
        padding: 10px;
    }
    .formIn { padding: 12px 2%; }
    .cfContact {
        font-size: 18px;
        padding: 12px 2%;
        max-width: 250px;
    }
    footer { font-size: 1.0em; }
    footer .grid33 { text-align: center; }
    footer .grid33 .right { text-align: center; padding-top: 0; }
    footer .grid33 .imgRight {
        float: none;
        width: 100%;
    }
    footer .inner { 
        padding: 0; 
        margin: 0;
    }
    footer .innerL { margin: 0; }
    footer p { margin-bottom: 0; }
    footer p.right { margin-bottom: 15px; }
    .formIn {
        width: 90%;
        margin-right: 0;
        padding: 12px 2%;
    }
    textarea {
        width: 90%;
        margin-right: 0;
        padding: 5px 2%;
    }

    .block ul li { background: none; }
    .imgRight {
        width: 50% !important;
        max-width: 50%;
    }
    .large { font-size: 1.0em;} 
    .heroHeadline h1 { font-size: 3.5em; }
    .heroHeadline p { line-height: 1.2em; }
    .heroHeadline2 { 
		padding: 40px 5%;
    }
    .heroHeadline2 p { line-height: 1.2em; }
    .content { padding: 15px; }
    nav {
        clear: left;
        margin: 0 auto;
        position: absolute;
        z-index: 10000;
        top: 51px;
        display: block;
        font-weight: normal;
        width: 100%;
        background: rgba(0, 0, 0, 0.7625);
    }
    #hiddenMenu {
        position: relative;
        z-index: 10000;
        width: 100%;
        margin: 0 auto;
        clear: both;
        padding: 20px 0;
        border-bottom: 4px solid #000;
        font-size: 1.2em;
    }
    #hiddenMenu ul {
        clear: left;
        list-style: none;
        padding: 20px 0;
        width: 100%;
    }
    #hiddenMenu ul li {
        float: left;
        width: 90%;
        margin: 0 5%;
        line-height: 2.2em;
        border-bottom: 1px solid #444;
        font-weight: bold;
        padding: 0;
    }
    #hiddenMenu ul li a { color: #FFF; }
    .heroHeadlineAbout {
         text-align: center; 
         margin: 0 auto;
         padding: 80px 0 100px 0;
    }
    #testimonials2018 { font-size: 1.2rem; }
    .review-hed { font-size: 11.5vw; }
    .innerL, innerR {
        margin: 10px;
        padding: 10px;
    }
    .w850 {
        max-width: 90%;
        padding: 0 5%;
    }
    #gallery .grid20 { width: 50%; }
    #contentHero { height: 65vh; }
    #contentHero h1 { font-size: 36px; }
    .contentPad h1 { font-size: 3.0em; }
    .contentPad h5 { font-size: 1.5em; }
    .contentContain h2 { font-size: 2.0em; }
    .contentContain h2.center { text-align: left; }
    .contentContain h3 { font-size: 1.7em; }
    .contentContain h4 { font-size: 1.4em; }
    iframe.boxShadow { width: 85%; }
    #about .cfLink { 
       display: block; 
       margin-bottom: 5px;
    }
    .galleryImg {
       height: 130px !important;
       width: 47% !important;
    }

}

/*	N. RESPONSIVE STYLING: 768 - 959 WINDOWS
	. . . . . . . . . . . . . . . . . . . . */
	
@media only screen and (min-width: 768px) and (max-width: 959px) {

    body { font-size: 1.2em; }
    header { 
        height: 100px;
        line-height: 100px;
    }
    .review-dek { display: none; }
    .logo { 
        position: absolute;
        top: 0;
        height: 100px; 
    }
    #hero { margin-top: 0; }
    #hero h1 {
        font-size: 108px;
        padding-top: 20.5vh;
        padding-left: 20px;
    }
    .w850 { padding: 0 30px; }

    .menuR, .menuL { display: none; }
    .menuBadge {
        display: block;
        float: right;
        width: 20%;
        line-height: 100px;
    }
    .menuBadge img { display: block; }
    .menuIcon img { max-height: 100px; }
    .mainContain { width: 90%; }
    .subHeadContain { display: none; }
    .logo { float: left; }
    .inner {
        margin: 0;
        padding: 10px;
    }
    .innerR {
        margin: 0;
        padding: 10px;
    }
    .innerL {
        margin: 0;
        padding: 10px;
    }
    .formIn { padding: 12px 2%; }
    .cfContact {
        font-size: 18px;
        padding: 12px 2%;
        max-width: 250px;
    }
    footer .grid33 { text-align: center; }
    footer .grid33 .right { text-align: center; }
    footer .imgRight {
        float: none;
        width: 100%;
    }
    .telephone { 
    	width: 90%;
    	margin: 0 5%;
    	font-size: 1.2em;
    }
    .large { 
		font-size: 1.0em;
	} 
    .heroHeadline p { line-height: 1.2em; }
	nav {
        clear: left;
        margin: 0 auto;
        position: absolute;
        z-index: 10000;
        top: 51px;
        display: block;
        font-weight: normal;
        width: 100%;
        background: rgba(0, 0, 0, 0.7625);
    }
    #hiddenMenu {
        position: relative;
        z-index: 10000;
        width: 100%;
        margin: 0 auto;
        clear: both;
        padding: 20px 0;
        border-bottom: 4px solid #000;
        font-size: 1.2em;
    }
    #hiddenMenu ul {
        clear: left;
        list-style: none;
        padding: 20px 0;
        width: 100%;
    }
    #hiddenMenu ul li {
        float: left;
        width: 90%;
        margin: 0 5%;
        line-height: 2.2em;
        border-bottom: 1px solid #444;
        font-weight: bold;
        padding: 0;
    }
    #hiddenMenu ul li a { color: #FFF; }
    .grid67 { width: 100%; float: none; }
    .grid33 { width: 100%; float: none; }
    .featured .grid33 { float: left;width: 33%;  }

}

/*  N3. RESPONSIVE STYLING: 1550 - 5000 WINDOWS
    . . . . . . . . . . . . . . . . . . . . */
    
@media only screen and (min-width: 1550px) and (max-width: 8000px) {

    #hero {
        height: 75vh;
        min-height: 75vh;
    }
    #hero .mainContain { max-width: 1450px; }
    #hero h1 { 
        padding-left: 0; 
        padding-top: 17.5vh;
    }
}

/*	O. HEADERS
	. . . . . . . . . . . . . . . . . . . . */
h1,
h2, h3, h4, h5 {
    font-family: 'Open Sans Condensed', sans-serif;
    line-height: normal;
    font-weight: 400;
    margin: 0px;
}

h1 {
    font-size: 3.0em;
    color: #2365B1;
    padding: 20px 0;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 800 !important;
    text-transform: uppercase;
}

h2 {
    font-size: 2.65em;
    color: #2365B1;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
    padding:15px 0;
    margin-top: 0;
    text-transform: uppercase;
    line-height: 1.1em;
}

h3 {
    font-size: 2.25em;
    color: #2365B1;
    padding: 15px 0 20px 0;
    line-height: 1.1em;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600 !important;
    text-transform: uppercase;
    line-height: 1.1em;
}

h4 {
    font-size: 2.0em;
    color: #2365B1;
    line-height: 1.1em;
    margin: 2px 0 17px 0 !important;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 400 !important;
    text-transform: uppercase;
    line-height: 1.1em;
}

h5 {
    font-size: 1.15em;
    color: #2365B1;;
    margin: 7px 0 5px;
    font-weight: 700 !important;
    font-family: 'Open Sans', serif;
    text-transform: uppercase;
}

/*	HEADERS: 320 - 767 WINDOWS
	. . . . . . . . . . . . . . . . . . . . */
@media only screen and (min-width: 320px) and (max-width: 767px) {

    h2 { font-size: 2.0em; }
    h3 { font-size: 1.75em; }

}

/*  HEADERS: 768 - 960 WINDOWS
    . . . . . . . . . . . . . . . . . . . . */
@media only screen and (min-width: 768px) and (max-width: 960px) {

    h2 { font-size: 3.0em; }

}