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

/*********************************
	SITE COLORS: 
	
	BLUE: 032D99
	GREEN: 8DC63F
	TEXT: #444
*********************************/

/*	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: 'PT Serif', sans-serif;
    line-height: 1.6em;
    font-size: 16px;
    font-weight: 400;
    color: #737373;
    background: #FFF;
}

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: #11284F;
    text-decoration: none;
}
mark {
    background-gridor: #ff9;
    color: #11284F;
    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 #cccccc;
    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 #CCC;
    border-bottom: 4px solid #CCC;
    background: url(../img/quotes-3.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: #032D99;
    text-shadow: none;
}
ol { margin-left: 30px; }
sub { 
    font-size: .85em;
    vertical-align: sub;
}
caption { text-align: center; }


/*	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;
    max-width: 1160px;
}

a {
    color: #8DC63F;
    font-weight: 500;
    border-bottom: 1px dotted #86A28B;
}

/*a:visited {
	color: #666;
}*/
a:hover {
    color: #000;
    border-bottom: 1px solid #032D99;
    text-shadow: 0 0 15px #ccc, 0 0 15px #ccc;
    font-weight: 500;
    -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;
}
a:focus { outline: none; }

em { 
    font-weight: bold;
    font-style: italics; 
    color: #032D99;
}

/* HERO IMAGE ROTATION FOR HOME PAGE */

#hero {
	border-bottom: 3px solid #8DC63F;
	background: url(../img/mainImg.jpg) center center no-repeat;
	background-size: cover;
}


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


header {
    width: 98%;
    height: 70px;
    padding: 0 0 0 2%;
    line-height: 70px;
    border-bottom: 1px solid #CCC;
}

.logo { 
	float: left;
	margin: 0 auto;
	width: 33%;
	height: 70px;
}
.logo img { 
    max-height: 60px; 
    padding: 5px 0;
}

.menu {
    float: left;
    width: 67%;
    height: 70px;
    line-height: 70px;
}
.menu ul {
    list-style: none;
    width: 100%;
    font-family: 'Josefin Sans',serif;
}
.menu ul li {
    list-style: none;
    float: right;
    padding: 0 10px;
    line-height: 70px;
    font-size: 16px;
}
.menu ul li a {
    color: #8DC63F;  
    border-bottom: none; 
}
.menu ul li a:hover {
	color: #032D99;
    -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;
}
.menu ul li.last { padding-right: 0; }
	
.menu ul li.cart {
	height: 70px;
	line-height: 70px;
	padding: 0 5px;
	background: #AA1111;
}
.menu ul li.cart a { 
	color: #FFF; 
	line-height: 70px;
}
.cart img { 
	float: right;
	max-height: 50px; 
	padding: 10px 0;
}

.subHeadContain {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #CCC;
	background: #FFF;
        font-family: 'PT Serif', sans-serif;
}
.subHead .right a { float: right; }
.subHead img { 
	max-height: 32px; 
	padding-top: 2px; 
}
.subHead {
	height: 34px;
	overflow: hidden;
	line-height: 34px;
	margin: 0 auto;
	padding-left: 3%;
}
.subHead ul li a { color: #032D99; }
.subHead ul { list-style: none; }
.subHead ul li {
	list-style: none;
	line-height: 34px;
	float: right;
	padding: 0 12px;
	height: 34px;
	line-height: 34px;
}
.subHead ul li:hover {
	background: #EFEFEF;
	-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;
}
.subHead ul li.last a { 
	color: #FFF; 
	font-weight: bold;
}
.subHead ul li.last { 
	padding: 0 20px;
	background: #032D99;
	color: #fff;
	border-left: 3px solid #8DC63F;
}

.subHead ul li.last:hover { 
	color: #FFF;
	background: #8DC63F; 
	-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;
}

.tagline { 
	font-style: italic;
	font-size: 1.15em;
	font-family: 'Josefin Sans', sans-serif;
}

.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: -1px;
    background: rgba(255,255,255, 1.0);
    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 */
    border-left: 1px solid #023A5F;
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 0;
    text-decoration: none;
    font-size: 1.35em;
    display: block;
    color: #CB$C1F;
    -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;
    border-bottom: none;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    -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;
    color: #032D99;
    border-bottom: none;
}

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

.sidenav ul { list-style: none; }
.sidenav ul li { 
    list-style: none;
    margin-left: 20px;
    display: block;
    padding: 4px 0;
    border-bottom: 1px solid #EBEBEB;
}
.sidenav p { 
    margin-left: 20px;
    display: block;
    padding: 12px 0;
}

.social { padding: 10px 10px 10px 32px; }

.sidenav h4 {
	font-family: 'PT Serif', sans-serif;
	font-size: 2.0rem;
	color: #FFF;
}



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

article ul { 
    list-style: none; 
    margin-bottom: 20px;
}
article ul li {
    list-style: none;
    padding: 7px 0 7px 15px;
    background: url(../img/arrow.png) 0 12px no-repeat;
    line-height: 1.3em;
}
.siteAd { 
	margin-top: 35px; 
	padding-bottom: 60px;
	border-bottom: 1px solid #000;
}

/*** MAIN IMAGE HOME PAGE ***/
.heroHeadline { 
	margin: 0 auto;
	padding: 170px 0; 
	font-family: 'Josefin Sans', sans-serif;
}
.heroHeadline h1 {
	text-align: right;
	font-size: 3.25em;
	line-height: 1.0em;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600 !important;
	color: #FFF;
	letter-spacing: 0.045em;
	/*text-shadow: 0 0 10px #666, 0 0 10px #666, 0 0 10px #666;*/
	padding-right: 20px;
	padding-left: 20px;
}
.heroHeadline p { 
	color: #FFF /*#23A2C3*/;
	font-family: 'Josefin Sans', serif;
	font-size: 1.85em;
	font-weight: 600;
	line-height: 1.15em;
	letter-spacing: 0.045em;
	text-align: right;
	text-shadow: 0 0 10px #666, 0 0 10px #666, 0 0 10px #666;
	padding-right: 20px;
	padding-left: 20px;
}
.heroHeadline .sm { 
	color: #FFF;
	font-size: 1.5em;
	font-weight: 400;
	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;
}
.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 #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.navy-line2 {
    width: 100px;
    height: 1px;
    margin: 10px auto 10px;
    border-bottom: 1px solid #CCC;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.navy-line3 {
    max-width: 800px;
    height: 1px;
    margin: 10px 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 12px !important;
    background: url(../img/arrow.png) 0 11px 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: 14px;
    line-height: 1.4em;
    border-top: 1px solid #CCC;
}
footer .grid33 { padding-top: 5px; }
footer a {
    color: #032D99;
    font-weight: 300;
    border-bottom: 1px dotted #86A28B;
}
footer a:hover { 
	color: #8DC63F;
	border-bottom: 1px solid #032D99;
	-moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
}

.copy { 
	height: 38px;
	line-height: 38px;
	font-size: .85em;
	color: #AAA;
}


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

/*. BREADCRUMBS. */
.breadcrumbs { padding-top: 15px; }
.B_firstCrumb, .B_crumb, .B_lastCrumb { display: inline; }

.productAgg {
   clear: both;
   margin-bottom: 50px;
}
.cartAdd { margin-top: 20px; }
.touch { font-size: 1.0em; }

.boxShadow {
	box-shadow: 0 0 15px #ccc;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.boxShadow:hover { 
	opacity: 0.5;
	-moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
}

.error { color: red; font-weight:bold; }
.icon img { max-width: 70px; }
.hidden{
     opacity:0;
}
.visible{
     opacity:1;
}

#hero { 
	clear: both;
	width: 100%;
}
.red { color: #AA1111; }
.sale img {
	position: relative;
	float: right;
	top: 0;
	right: 0;
	max-width: 100px;
}

/* FEATURED */
.featuredImg {
	height: 250px;
}
.featuredTitle { 
	text-align: center; 
	padding-top: 12px;
	height: 50px; 
	line-height: 1.2em;
	font-size: 1.2em;
}

/*  SERVICES  */
#service {
	margin-top: 50px;
	padding: 50px;
	background: url(../img/serviceBG.jpg) top center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	color: #FFF;
}
#service h3 { 
	color: #FFF; 
	letter-spacing: 0.045em;
}
#service h5 { color: #FFF; }
#service .cfLink { background: #8DC63F; }
#service .cfLink:hover { background: #032D99; }

/*  Mona Lisa Touch - Front Page  */
#monaLisa {
	padding: 50px;
	background: url(../img/monaLisa.jpg) top center no-repeat;
	background-size: cover;
}
#monaLisa p.large { margin-bottom: 20px; }

/*   Mona Lisa Touch Page  */
#monaLisaOK {
    padding: 50px 0;
    background: url(../img/monaLisa-2.jpg) top center no-repeat;
    background-size: cover;
}
#monaLisaExpect {
    padding: 50px 0;
    background-color: #032D99;
    border-top: 3px solid #8DC63F;
    border-bottom: 3px solid #8DC63F;
    color: #FFF;
}
#monaLisaExpect h3 { color: #FFF; }
#monaLisaExpect h5 { 
    color: #FFF; 
    margin: 0;
}
    

/* TESTIMONIALS 2018 */
#testimonials {
	padding: 40px 0 0 0;
	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);
}

	
.grey {
 	margin-top: 20px;
 	padding: 25px 0 35px;
 	background: #EDEDED;
 	border-top: 1px solid #CCC /*113870*/;
 	border-bottom: 1px solid #CCC /*113870*/;
 }

#practice { 
    padding: 30px; 
    background: #EFEFEF;
    border-top: 2px solid #CCC;
    border-bottom: 2px solid #CCC;
}
 
 .grey2 {
 	margin-top: 0;
 	padding: 25px 0 50px;
 	padding-top: 0;
 	/*background: #FFF;*/
        background: #EFEFEF;
 	border-top: 1px solid #CCC /*113870*/;
 	border-bottom: 1px solid #CCC /*113870*/;
 }

 .medallion {
 	position: relative;
        z-index: 900;
        width: 100%;
 	text-align: center;
 }
 .medallion img {
 	max-width: 124px;
 	margin-top: -65px;
 }
 
 .medallion2 {
 	width: 100%;
 	text-align: center;
 }
 .medallion2 img {
 	margin-top: -46px;
 }

.cfLink {
	padding: 7px 10px;
	background: #032D99;
	border-bottom: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFF !important;
}
.cfLink:hover {
	background: #8DC63F;
    padding: 12px 15px;
	color: #FFF;
	border-bottom: none;
    -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;
}
.quoteOwn { 
	padding: 0 50px 20px 50px;
	font-style: italic;
	color: #CCC !important;
}
.quotes {
	background: url(../img/quotes.png) top left no-repeat;
	padding: 0 0 0 70px;
	padding-top: 2px;
}
.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: 300;
    color: #032D99;
    font-style: italic;
}
.hilite2 {
    font-weight: bold;
    color: #5949A9;
}
.hiliteRed {
    color: #FFF;
    background: #AA1111;
    padding: 4px 7px;
    text-transform: uppercase;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.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;
}

.social img {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.social img:hover { 
    background: #23A2C3;
    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;
}


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

.heroImage { 
	width: 100%;
	background: url(../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
	. . . . . . . . . . . . . . . . . . . . */
.post-content { padding-bottom: 5px !important;border-bottom:1px dotted #ebebeb !important; }
.quip-comment-body { background: #EFEFEF;border-bottom: 1px solid #CCC; }
.labelOut {
    float: left;
    width: 100%;
    margin-top: 10px;
}

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

.formIn:focus { 
	padding:7px 2% 6px 2%; 
	background: #FEFEFE;
    -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: 1px solid #8DC63F;
}

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

textarea:focus { 
    padding:7px 2% 6px 2%; 
    background: #FEFEFE;
    -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: 1px solid #8DC63F;
}
.cfDown a {
    color: #FFF;
}
.cfDown {
    padding: 6px 10px;
    border: 1px solid #253053;
    border-radius: 5px;
    -moz-border-radius: 5px;
    color: #FFF;
    background: #EA8B2D;
}
.cfContact {
    float: left;
    width: 50%;
    max-width: 150px;
    margin-top: 5px;
    color: #FFF;
    text-transform: uppercase;
    padding: 7px 2%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #032D99; 
    border: none; 
}
.cfContact:hover { 
    color: #FFF; 
    background: #8DC63F;
    -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;
}
.hForm { display: none; }


/*	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;
}


/*	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%;
}
.inner { 
	margin: 10px; 
	padding: 10px;
}


/*  L. FRONT PAGE STYLINGS
	. . . . . . . . . . . . . . . . . . . . */


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

    body { font-size: 1.2em; }
    header { 
        height: 80px;
        line-height: 80px;
    }
    .menu { display: none; }
    .menuBadge {
        display: block;
        float: right;
        width: 20%;
        line-height: 80px;
    }
    .menuBadge img { display: block; }
    .menuIcon img { max-height: 80px; }
    .logo { 
    	float: left; 
    	width: 70%;
    }
    .logo a { border-bottom: none; }
    .subHeadContain { display: none; }
    #hero {
	background: url(../img/mainImgPH.jpg) top center no-repeat;
	background-size: cover;
    }
    /*  Mona Lisa Touch - Front Page  */
    #monaLisa {
	background: url(../img/monaLisaPH.jpg) top center no-repeat;
	background-size: cover;
        padding: 0;
    }
    /*   Mona Lisa Touch Page  */
    #monaLisaOK {
        background: url(../img/monaLisaOKPH.jpg) top center no-repeat;
    }
    #services { padding: 0; }
    .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;
    }
    .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; }
    footer .grid33 .imgRight {
        float: none;
        width: 100%;
    }

    .block ul li { background: none; }
    .imgRight {
        width: 50% !important;
        max-width: 50%;
    }
    .dadBoy { display: none; }
    .postInfo .grid40 { display: none; }
    .postInfo .grid60 img { float: none; }
    .contentCont ul { margin-left: 0; }
    .socialMenu { 
    	width: 90%;
    	padding: 10px 5%;
    	background: #000;
    }
    .socialMenu img { 
    	float: left; 
    	margin-right: 10px;
    }
    .large { font-size: 1.0em;} 
    .heroHeadline { padding: 100px 0; }
    .heroHeadline h1 { font-size: 3.5em; }
    .heroHeadline p { font-size: 1.5em;line-height: 1.2em; }
    .heroHeadline2 { 
		padding: 40px 5%;
    }
    .heroHeadline2 p { line-height: 1.2em; }
    .orangeLink { clear: both; }
    .solutionsPrice .grid25 { width: 100%; }
    .awP { height: 150px; }
    .firstContent .inner { padding-top: 20px; }
    .firstContent .grid50 { width: 50%; }
    .compare .grid40 { float:left; width:40%;font-size:.85em; }
    .compare .grid20 { float:left;width:20%;font-size:.85em; }
    .price { width: 96.5%; }
    .singleColumn .grid20 { width: 100%; }
    .rightInv { width: 100%; }
    .grid20 { float: none; width: 100%; }
    .portfolio .padN {
		padding-top: 20px;
	}
    .content { padding: 15px; }
    .heroHeadlineAbout {
         text-align: center; 
         margin: 0 auto;
         padding: 80px 0 100px 0;
    }
    #testimonials2018 { font-size: 1.2rem; }

    .imgP { margin-top: 15px; }
    .boxShadow { padding: 12px; }
}

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

    body { font-size: 1.2em; }
    header { 
        height: 80px;
        line-height: 80px;
    }
    .menu { display: none; }
    .menuBadge {
        display: block;
        float: right;
        width: 20%;
        line-height: 80px;
    }
    .menuBadge img { display: block; }
    .menuIcon img { max-height: 80px; }
    .mainContain { width: 90%; }
    .subHeadContain { display: none; }
    .logo { 
    	float: left; 
    	width: 70%;
    }
    .logo a { border-bottom: none; }
    .inner {
        margin: 0;
        padding: 10px;
    }
    .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%;
    }
    .footer .grid25 { width: 100%; }
    .foot50 { width: 50%; }
    .footRight { width: 100%; }
    .telephone { 
    	width: 90%;
    	margin: 0 5%;
    	font-size: 1.2em;
    }
    .socialMenu { 
    	width: 90%;
    	padding: 10px 5%;
    	background: #000;
    }
    .socialMenu img { 
    	float: left; 
    	margin-right: 10px;
    }
    .large { 
		font-size: 1.0em;
	} 
    .heroHeadline p { line-height: 1.2em; }
    article.dittoPost { width: 100%; }
    .solutionsPrice .grid25 { width: 50%; }
    .firstContent .inner { padding-top: 20px; }
    .firstContent .grid50 { width: 50%; }
    .awP { height: 184px; }
    .secondContent { height: auto; }
    .secondContent .grid50 { width: 50%; }
    .portfolio .padN { padding-top: 30px; }
    .compare .grid40 { float:left; width:40%; }
    .compare .grid20 { float:left;width:20%; }
    .price { width: 46.5%; }
    .grid25.inset { width:50%; }
    .singleColumn .grid20 { width: 33%; }
    .rightInv { width: 100%; }
    .grid20 { float: none; width: 100%; }
    .portfolio .padN {
		padding-top: 30px;
	}
    .grid67 { width: 100%; float: none; }
    .grid33 { width: 100%; float: none; }
    .imgP { margin-top: 30px; }
    .grid25 { width: 50%; }
    .seven { clear: both; }
}

/*	N2. RESPONSIVE STYLING: 1450 - 3000 WINDOWS
	. . . . . . . . . . . . . . . . . . . . */
	
@media only screen and (min-width: 1450px) and (max-width: 3000px) {

    .heroHeadline { 
		margin: 0 auto;
		padding: 200px 0; 
	}

}

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

h1 {
    font-size: 3.0em;
    color: #032D99;
    padding: 20px 0;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300 !important;
}

h2 {
    font-size: 2.5em;
    color: #032D99;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 500;
    padding:15px 0;
    margin-top: 0;
}

h3 {
    font-size: 2.125em;
    color: #032D99;
    padding: 15px 0 20px 0;
    line-height: 1.1em;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300 !important;
}

h4 {
    font-size: 1.75em;
    color: #8DC63F;
    line-height: 1.1em;
    margin: 2px 0 17px 0 !important;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300 !important;
}

h5 {
    font-size: 1.15em;
    color: #032D99;
    margin: 7px 0 5px;
    font-weight: 700 !important;
    font-family: 'PT Serif', sans-serif;
    text-transform: uppercase;
}

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

   .heroHeadlineAbout h1 { 
        text-align: center;
        font-size: 3.0em; 
    }
   .heroHeadline h1 {font-size: 2.375em; }

}