/*main styles */
* {
    margin:0;
    padding:0;
    box-sizing:border-box;
}
form,fieldset,img {border:0;margin:0;padding:0}
a {
    color:#005163;
    text-decoration:none;
    border-bottom:none;
}
a:visited {
    color:#005163;
}
a:hover {
    color:#fee974;
    text-decoration:none;
}
body {
    height:100%;
    margin:0;
    padding:0;
    font:1.7vw/2.5vw 'Kameron', serif;
    font-style:normal;
    font-weight:400;
    color:#000;
    background:#fff;
}
b, strong {
    font-family:'Kameron', serif;
    font-style:normal;
    font-weight:700;
}
i {
    font-family:'Kameron', serif;
    font-style:italic;
    font-weight:400;
}
.alert {
    padding: .75rem 1.25rem;
    margin-bottom:1rem;
    border:1px solid transparent;
    border-radius:.25rem
}
.alert-success {
    color:#155724;
    background:#d4edda;
    border-color:#c3e6cb;
    animation: shadow-drop-2-center 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.alert-danger {
    color:#721c24;
    background:#f8d7da;
    border-color:#f5c6cb;
    animation: shadow-drop-2-center 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.alert-warning {
    color:#856404;
    background:#fff3cd;
    border-color:#ffeeba;
    animation: shadow-drop-2-center 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.alert-info {
    color:#0c5460;
    background:#d1ecf1;
    border-color:#bee5eb;
    animation: shadow-drop-2-center 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-4-2 15:38:37
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes shadow-drop-2-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  20% {
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px);
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
            box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
  80% {
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px);
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
            box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@keyframes shadow-drop-2-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  20% {
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px);
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
            box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
  80% {
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px);
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
            box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}


/*handy fixes*/
.killmarginright {
    margin-right:0;
}
.killfloat {
    clear:both;
}
.centered {
    text-align:center;
}


/*structure*/
#header-outer, #main-outer, #footer-outer {
    z-index:-100 !important;
    width:100%;
    overflow:visible;
    margin:0;
    padding:0;
}
#header-outer {
    position:fixed;
    top:0;
    z-index:999 !important;
    text-align:center;
}
#footer-outer {
    background:#000;
    padding:5vw;
}
#header-inner, #main-inner, #footer-inner {
    position:relative;
    margin:0 auto;
    overflow:visible;
}


/* header & navigation */
#header-inner {
    width:100%;
}
#header-left-logo {
    display:inline-block;
    width:30vw;
    max-width:300px;
    height:auto;
    transition: all 0.3s;
    padding:15px 0 7px 0;
}


/* navigation */
    .navmenuDesktop {
        display:none;
    }
    .navmenuMobile {
        display:inline-block;
    }
    #menu-container {
        display:block;
        position:fixed;
        top:0;
        right:0;
        z-index:998 !important;
        margin:0;
    }
    #menu-icon {
        width:36px;
        height:auto;
        margin:15px 10px;
        vertical-align:middle;
    }
    #menu-icon:hover {
        filter:opacity(100%);
    }
    #navigation {
        display:block;
        position:fixed;
        top:0;
        right:0;
    }
    .sidenav {
        height:100%;
        width:0; /* change this with JavaScript */
        position:fixed;
        z-index:999 !important;
        top:0;
        right:0;
        background-color:#000;
        overflow-x:hidden; /* disable horizontal scroll */
        transition:0.5s;
        text-align:left;
    }
    @media screen and (max-height:450px) {
        .sidenav {padding-top:15px;}
    }
    .closebtn {
        display:block;
        font:2em/1em sans-serif;
        color:#999;
        padding:0.3em;
        text-align:right;
    }
    #navigation li a {
        padding:0.5em 0.4em 0.4em 1.6em;
        font:1.8em/1em 'Kameron', serif;
        font-weight:700;
        text-transform:uppercase;
        color:#fff;
        display:block;
        transition:0.3s
    }
    #navigation li ul li a {
        padding:12px 0.4em 12px 3.5em;
        font:1.5em/1em 'Kameron', serif;
        font-weight:400;
        text-transform:none;
        color:#fff;
        display:block;
        transition:0.3s
    }
    #navigation li ul li ul li a {
        padding:12px 0.4em 12px 5.75em;
    }
    #navigation a:hover, #navigation a:hover {
        filter:opacity(75%);
        text-decoration:none;
    }
    .navmenu-expanded {
        display:none;
    }
    #navigation-menu li:hover>ul { /* make dropdown appear when mouse hovers over primary navigation */
/*
        display:block;
*/
    }
    #navigation-menu-contact {
        text-align:center;
        margin:0 auto;
        padding:30px 0;
    }
    #navigation-menu-contact-logo img {
        text-align:center;
        width:60vw;
        max-width:250px;
    }
    #navigation-menu-contact-phone a {
        font:1.8em/1em 'Kameron', serif;
        font-weight:700;
        color:#b8b8b8;
        text-transform:none;
        display:inline-block;
        padding:40px 10px;
    }
    #navigation-menu-contact-phone a:hover {
        color:#fff;
        text-decoration:none;
    }
    #navigation-menu-contact-social a {
        padding:0 15px;
    }
    #navigation-menu-contact-social img {
        text-align:center;
        width:10vw !important;
        max-width:50px !important;
    }
    .navmenuIMG {
        display:inline-block;
        width:30px !important;
        height:auto;
        vertical-align:middle;
        padding-top:10px;
    }
    .nav-bkgd-blur {
        position:absolute;
        background-color: rgba(0, 0, 0, 0.3);
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        filter: blur(10px);
        z-index:100;
    }


/* home */
#home-hero-container {
    width: 100%;
    min-height: 460px;
    height: 100vh;
    overflow: hidden;
    background: #000;
    position:relative;
    z-index:0;
}
#home-hero-nav {
    position: absolute;
    top:10px;
    right:10px;
    z-index:3;
}
#home-hero-headline-container {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index:2;
}
#home-hero-headline-content {
    width:100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
#home-hero-headline-content-h1 {
    font:6vw/1em 'Josefin Sans', sans-serif;
    font-weight:700;
    color:#fff;
    text-shadow:0 0 10px #000;
    text-align:center;
}
#home-hero-headline-content-h2 {
    font:6vw/1em 'Allura', cursive;
    color:#fff;
    text-shadow:0 0 10px #000;
    text-align:center;
}
ul#lightSlider {
    list-style: none;
    position: relative;
    z-index:1;
    opacity:0.7;
}
#lightSlider li {
    width: 100%;
    min-height: 460px;
    height: 100vh;
}
#home-hero-arrow-container {
    position: absolute;
    bottom: 0;
    width:100%;
    height:15vw;
    background: rgb(120,169,54);
    background: linear-gradient(180deg, rgba(120,169,54,0) 0%, rgba(120,169,54,1) 100%);
    z-index:2;
}
@keyframes bouncing {
    0% {bottom: 0;}
    50% {bottom: 20px;}
    100% {bottom: 0;}
}
.arrow {
    animation: bouncing 1.5s infinite ease-in-out;
    position: absolute;
    bottom: -10px;
    display: block;
    left: 50%;
    margin-left: -42px;
    cursor: pointer;
    z-index:99;
    opacity:0.7;
}
.arrow:hover {
    opacity:1;
}
#home-intro-container {
    width:100%;
    text-align:center;
}
#home-intro-blurb {
    width:100%;
    background:#78a936;
    padding:10vw 20vw;
    font:2.3vw/1.2em 'Kameron', serif;
    font-style:normal;
    font-weight:400;
    color:#000;
}
#home-intro-services {
    width:100%;
    margin:0 auto;
    padding: 0 8vw 10vw 8vw;
    background: rgb(120,169,54);
    background: linear-gradient(180deg, rgba(120,169,54,1) 0%, rgba(54,67,14,1) 100%);
}
.home-intro-services-container {
    width:100%;
    padding:0 10vw;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.home-intro-services-item {
    flex: 0 0 32%;
    margin:0 3vw;
}
.home-intro-services-item img {
    width:100%;
    height:auto;
    border:5px solid #fff;
    border-radius:50%;
    transition: transform 0.6s;
}
.home-intro-services-h1 {
    font:3.5vw/1em 'Josefin Sans', sans-serif;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    padding-top:2vw;
    padding-bottom:8px;
}
.home-intro-services-h2 {
    font:1.7vw/1.1em 'Kameron', serif;
    font-style:normal;
    font-weight:400;
    color:#fff;
    border-top:2px solid #fff;
    padding-top:8px;
    opacity:0.7;
    transition: transform 0.6s;
}
.home-intro-services-item a:hover > img {
    transition: transform 0.6s;
    transform: scale(1.1); 
}
.home-intro-services-item a:hover > .home-intro-services-h2 {
    transition: transform 0.6s;
    opacity:0.99; 
}
#home-featured-container {
    width:100%;
    background:#000;
    text-align:center;
    padding:10vw 0;
}
.home-featured-h1 {
    font:3.5vw/1em 'Josefin Sans', sans-serif;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    padding-bottom:2vw;
}
#home-featured-container a,
#home-featured-container a:visited {
    color:#fff;
}
#home-featured-container a:hover {
    color:#fee974;
}
#home-featured-container a:hover img {
    border:solid 1px #fee974;
}
#webTicker {
    font:1.2/1.1em 'Kameron', serif;
    font-style:normal;
    font-weight:400;
    color:#fff;
}
#home-featured-container li {
    margin:0 15px;
    text-align:center;
}
#home-featured-container li img {
    width:33vw;
    height:auto;
    background:#333;
    border:solid 1px #000;
}
#home-testimonials-container {
    width:100%;
    background:#36430e;
    padding:8vw;
    text-align:center;
    overflow:hidden;
}
.reviews-quote {
    position: relative;
    font:1.4em/1.1em 'Kameron', serif;
    color:#fff;
    text-align:center;
    margin: 0.5em;
    padding: 0.5em 2.5em 0.5em 2.5em;
    opacirty:0.99;
}
.reviews-quote:before {
    font-family: Georgia, serif;
    position: absolute;
    font-size: 6em;
    line-height: 1;
    top: -0.1em;
    left: 0;
    content: "\201C";
    color:#fff;
    opacity:0.5;
}
.reviews-quote:after {
    font-family: Georgia, serif;
    position: absolute;
    float:right;
    font-size:6em;
    line-height: 1;
    right:0;
    bottom:-0.6em;
    content: "\201D";
    color:#fff;
    opacity:0.5;
}
.reviews-quote cite:before {
    content: "\2013";
}
.reviews-citation {
    font:1.1em/1em 'Josefin Sans', sans-serif;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    padding:0 1em 0 1em;
}
.reviews-more a {
    font:0.8em/1em 'Josefin Sans', sans-serif;
    font-weight:400;
    color:#fff;
    text-transform:lowercase;
    letter-spacing:1px;
    padding:2vw 1em 0 1em;
    transition: all .2s ease;
}
.reviews-more a:hover {
    color:#f09655;
    transition: all .2s ease;
}


/* main-container */
#main-container-hero {
    width: 100%;
    height: 20vw;
    min-height:300px;
    overflow: hidden;
    background: #666;
    position:relative;
    z-index:0;
}
@media only screen and (max-width:1200px) {
    #main-container-hero {
        min-height:25vh;
    }
}
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    height:100%;
    padding: 0;
    margin: 0;
    z-index:1;
}
.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    height:100%;
    left: 0;
    top: 0;
}
.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}
.rslides img {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit:cover;
}
#main-container-gradient {
    position: absolute;
    bottom: 0;
    width:100%;
    height:15vw;
    max-height:80px;
    background: rgb(120,169,54);
    background: linear-gradient(180deg, rgba(120,169,54,0) 0%, rgba(120,169,54,1) 100%);
    z-index:2;
}
#main-container {
    width:100%;
    padding:5vw 0 10vw 0;
    background: rgb(120,169,54);
    color:#000;
}
#main-container-h1-container {
    text-align:center;
}
#main-container h1 {
    display:inline-block;
    font:3.5vw/1em 'Josefin Sans', sans-serif;
    font-weight:700;
    text-transform:uppercase;
    border-bottom:2px solid #56772c;
    padding:0 1vw;
    margin:0 2vw 2vw 2vw;
}
#main-container p {
    padding:0 20vw 1em 20vw;
}
#main-container p a:hover {
    text-decoration:underline;
}
#main-container ol, #main-container ul {
    padding:0 20vw 1em calc(20vw + 1.5em);
}
#admin-content {
    padding:0 20vw 1em 20vw;
}
.subhome {
    font:1.2em/1.4em 'Kameron', serif;
    font-style:normal;
    font-weight:400;
}
.subhome-button {
    display:block;
    width:33vw;
    margin:0 auto;
    margin-bottom:0.5em;
    background:#36430e;
    color:#fff !important;
    padding:0.5em;
    font:1.2em/1.4em 'Kameron', serif;
    font-style:normal;
    font-weight:400;
    text-align:center;
}
.subhome-button:hover {
    background:#000;
}
#review-logos {
    padding:0 20vw 1em 20vw;
    display:flex;
}
#review-logos a {
    flex:1 1 30%;
    margin:0 3vw;
}
#review-logos img {
    width:100%;
    height:auto;
}
#featured-hero {
    padding:0 20vw 2vw 20vw;
}
#featured-hero img {
    width:100%;
    height:auto;
    border:1px solid #adcd85;
}
#featured-hero img:hover {
    border:1px solid #fff;
}
#featured-thumbnail-grid {
    padding:1em 20vw 2vw 20vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3vw;
}
.featured-thumbnail {
    border:1px solid #adcd85;
}
.featured-thumbnail > div {
    position: relative;
}
.featured-thumbnail > div::before {
    content: "";
    display: inline-block;
    padding-top: 100%;
}
.featured-thumbnail img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.featured-thumbnail:hover {
    border:1px solid #fff;
}


/*galleries RESPONSIVE*/
.galtitle {
    color:#fff;
    font-size:0.5em;
    letter-spacing:1px;
    padding:0 0 10px 0;
    text-align:center;
}
#gallery {
    width:80%;
    margin:0 auto;
    padding-bottom:10vw;
}
.responsive-container {
    position:relative;
    width:100%;
    height:0;
    padding-bottom:100%;
/*
    border:1px solid #678b38;
    background-color:#729e37;
*/
    margin-bottom:20px;
    white-space:nowrap;
    text-align:center;
}
.dummy {
    padding-top:100%; /* forces 1:1 aspect ratio */
}
.img-container {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    
    text-align:center; /* Align center inline elements */
    font:0/0 a;
}
.img-container .centerer {
    display:inline-block;
    vertical-align:middle;
    height:100%;
}
.img-container img {
    vertical-align:middle;
    display:inline-block;
    max-height:100%;  /* <-- Set maximum height to 100% of its parent */
    max-width:100%;   /* <-- Set maximum width to 100% of its parent */
    border:1px solid #adcd85;
}
.img-container img:hover {
    border:1px solid #fff;
}
@media only screen and (min-width:500px) and (max-width:999px) {    /* tablet & desktop */
    .responsive-container {
        display:inline-block;
        width:46%;
        height:0;
        padding-bottom:46%;
        margin-right:7%;
    }
    .responsive-container:nth-child(2n) {
        margin-right:0;
    }
}
@media only screen and (min-width:1000px) {    /* large desktop */
    .responsive-container {
        display:inline-block;
        width:28%;
        height:0;
        padding-bottom:28%;
        margin-right:7%;
    }
    .responsive-container:nth-child(2n) {
        margin-right:7%;
    }
    .responsive-container:nth-child(3n) {
        margin-right:0;
    }
}
#admin-content ul {
    padding:0;
}


/*footer*/
#footer-inner {
    clear:both;
    width:100%;
}
#footer-logo {
    width:100%;
    text-align:center;
}
#footer-logo img {
    width:20%;
    max-width:500px;
    height:auto;
    opacity:0.6;
    transition: all .2s ease;
}
#footer-logo img:hover {
    opacity:0.99;
    transition: all .2s ease;
}
#footer-links {
    width:100%;
    text-align:center;
}
#footer-links ul {
    margin:0;
    list-style:none;
    padding:0;
}
#footer-links li {
    display:inline-block;
}
#footer-links li a,
#footer-links li a:visited {
    display:inline-block;
    font:2vw/2.5vw 'Josefin Sans', sans-serif;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
    margin:2vw;
    transition: all .2s ease;
}
#footer-links li a:hover {
    color:#f09655;
    transition: all .2s ease;
}
#footer-legal {
    clear:both;
    width:100%;
    font:1.2vw/2vw 'Kameron', serif;
    font-weight:400;
    color:#999;
    text-decoration:none;
    text-align:center;
}
#footer-legal a,
#footer-legal a:visited {
    color:#999;
    text-decoration:none;
}
#footer-legal a:hover {
    color:#f09655;
}


/* formtext */
#admin-form {
    max-width:500px;
    margin:0 auto;
}
.form-datalist-tip {
    font-size:0.7em;
    line-height:1em;
    color:#666;
    text-transform:uppercase;
}
.formtext {
    width:100%;
    margin:0.15em 0 0.8em 0;
    padding:0.4em;
    font:1em/1em 'Kameron', serif;
    font-weight:400;
    color:#9a9a9a;
    background:#f4f6fa;
    border:0.05em silver solid;
    border-radius:0.3em;
    text-align:left;
}
.formtext:hover,
.formtext:focus {
    width:100%;
    margin:0.15em 0 0.8em 0;
    padding:0.4em;
    font:1em/1em 'Kameron', serif;
    font-weight:400;
    color:#000;
    background:#fff;
    border:0.05em #142556 solid;
    border-radius:0.3em;
    text-align:left;
}
.formcolor {
    width:80%;
    height:60px;
    margin:0.15em 0;
    padding:0.4em;
    border:0.05em silver solid;
    border-radius:0.3em;
    background:#fff;
}
.formsubmit,
.formsubmit:visited {
    display:inline-block;
    width:100%;
    margin:0.3em 0 1em 0;
    padding:1em;
    background-color:#5ec25b;
    border:none;
    border-radius:0.2em;
    font:1em/1em 'Kameron', serif;
    font-weight:700;
    color:#fff;
    text-align:center;
    vertical-align:middle;
    transition:all 0.5s;
    cursor:pointer;
}
.formsubmit:hover {
    background-color:#228920;
    color:#fff;
    text-decoration:none;
}
/* select dropdown styling - http://doodlenerd.com/html-control/css-dropdown-generator */
.formselect {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}
.formselect select {
    display: inline-block;
    cursor: pointer;
    outline: 0;
    width: 100%;
    margin:0.15em 0 0.8em 0;
    padding:0.4em;
    font:1em/1em 'Kameron', serif;
    font-weight:400;
    color: #9a9a9a;
    background:#f4f6fa;
    border:0.05em silver solid;
    border-radius:0.3em;
    text-align:left;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.formselect select::-ms-expand {
    display: none;
}
.formselect select:hover,
.formselect select:focus {
    color: #000;
    background: #fff;
    border:0.05em #142556 solid;
}
.formselect select:disabled {
    opacity: 0.5;
    pointer-events: none;
}
.select_arrow {
    position: absolute;
    top: 0.8em;
    right: 15px;
    width: 0px;
    height: 0px;
    border: solid #7b7b7b;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.formselect select:hover ~ .select_arrow,
.formselect select:focus ~ .select_arrow {
    border-color: #000000;
}
.formselect select:disabled ~ .select_arrow {
    border-top-color: #cccccc;
}
.formsubmit-processing,
.formsubmit-processing:hover,
.formsubmit-processing:visited {
    background-color:#ccc;
    cursor:not-allowed;
}


/*rfq*/
#rfq { 
}
#rfq h3 { 
}
#rfq .fieldrfq {
    width:100%;
    margin:0.15em 0 0.8em 0;
    padding:0.4em;
    font:1em/1em 'Kameron', serif;
    font-weight:400;
    color:#9a9a9a;
    background:#f4f6fa url(../i/back-field.png) repeat-x 0 0;
    border:0.05em silver solid;
    border-radius:0.3em;
    text-align:left;
}
#rfq .fieldrfqactive {
    width:100%;
    margin:0.15em 0 0.8em 0;
    padding:0.4em;
    font:1em/1em 'Kameron', serif;
    font-weight:400;
    color:#000;
    background:#fff url(../i/back-field.png) repeat-x 0 0;
    border:0.05em #142556 solid;
    border-radius:0.3em;
    text-align:left;
}
#rfq .fieldrfqerror {
    width:100%;
    margin:0.15em 0 0.8em 0;
    padding:0.4em;
    font:1em/1em 'Kameron', serif;
    font-weight:400;
    color:#9a9a9a;
    background:#f5bcbc url(../i/back-field.png) repeat-x 0 0;
    border:0.05em #990000 solid;
    border-radius:0.3em;
    text-align:left;
}
#rfq .textarearfq {
    width:100%;
    height:6em;
    margin:0.15em 0 0.8em 0;
    padding:0.4em;
    font:1em/1em 'Kameron', serif;
    font-weight:400;
    color:#9a9a9a;
    background:#f4f6fa url(../i/back-field.png) repeat-x 0 0;
    border:0.05em silver solid;
    border-radius:0.3em;
    text-align:left;
}
#rfq .textarearfqactive {
    width:100%;
    height:6em;
    margin:0.15em 0 0.8em 0;
    padding:0.4em;
    font:1em/1em 'Kameron', serif;
    font-weight:400;
    color:#000;
    background:#fff url(../i/back-field.png) repeat-x 0 0;
    border:0.05em #142556 solid;
    border-radius:0.3em;
    text-align:left;
}
#rfq .submitrfq,
#rfq .submitrfq:visited {
    display:inline-block;
    margin:0.4em 0 0.4em 0;
    padding:1em;
    background-color:#ccdd20;
    border:none;
    border-radius:0.2em;
    font:1.2em/1em 'Josefin Sans', sans-serif;
    font-weight:700;
    color:#000;
    vertical-align:middle;
    transition:all 0.5s;
    cursor:pointer;
}
#rfq .submitrfq:hover {
    background-color:#eeff41;
    color:#827717;
    text-decoration:none;
    cursor:pointer;
}


/*inquiry*/
#inquiry { 
}
#inquiry h3 { 
}
#inquiry .fieldinquiry {
    width:100%;
    margin:0.15em 0 0.8em 0;
    padding:0.4em;
    font:1em/1em 'Kameron', serif;
    font-weight:400;
    color:#9a9a9a;
    background:#dfebcf url(../i/back-field.png) repeat-x 0 0;
    border:0.05em silver solid;
    border-radius:0.3em;
    text-align:left;
}
#inquiry .fieldinquiryactive {
    width:100%;
    margin:0.15em 0 0.8em 0;
    padding:0.4em;
    font:1em/1em 'Kameron', serif;
    font-weight:400;
    color:#000;
    background:#fff url(../i/back-field.png) repeat-x 0 0;
    border:0.05em #142556 solid;
    border-radius:0.3em;
    text-align:left;
}
#inquiry .fieldinquiryerror {
    width:100%;
    margin:0.15em 0 0.8em 0;
    padding:0.4em;
    font:1em/1em 'Kameron', serif;
    font-weight:400;
    color:#9a9a9a;
    background:#f5bcbc url(../i/back-field.png) repeat-x 0 0;
    border:0.05em #990000 solid;
    border-radius:0.3em;
    text-align:left;
}
#inquiry .textareainquiry {
    width:100%;
    height:6em;
    margin:0.15em 0 0.8em 0;
    padding:0.4em;
    font:1em/1em 'Kameron', serif;
    font-weight:400;
    color:#9a9a9a;
    background:#dfebcf url(../i/back-field.png) repeat-x 0 0;
    border:0.05em silver solid;
    border-radius:0.3em;
    text-align:left;
}
#inquiry .textareainquiryactive {
    width:100%;
    height:6em;
    margin:0.15em 0 0.8em 0;
    padding:0.4em;
    font:1em/1em 'Kameron', serif;
    font-weight:400;
    color:#000;
    background:#fff url(../i/back-field.png) repeat-x 0 0;
    border:0.05em #142556 solid;
    border-radius:0.3em;
    text-align:left;
}
#inquiry .submitinquiry {
    display:block;
    margin:0.3em auto;
    padding:1em 1em 0.6em 1em;
    background-color:#dfebcf;
    border:none;
    border-radius:0.2em;
    font:1.5em/1.25em 'Josefin Sans', sans-serif;
    font-weight:700;
    color:#364212;
    text-align:center;
    vertical-align:middle;
    transition:all 0.5s;
    cursor:pointer;
}
#inquiry .submitinquiry:hover {
    background-color:#364212;
    color:#dfebcf;
    text-decoration:none;
}


/* ********************  P H O N E S   &   S M A L L   S C R E E N S  ******************** */


@media only screen and (max-width:767px) {

    body {
        font:18px/26px 'Kameron', serif;
        font-style:normal;
        font-weight:400;
    }
    #header-left-logo {
        width:50vw;
    }
    @media only screen and (min-width:500px) {    /* PHONES IN LANDSCAPE POSITION */
        #header-left-logo {
            margin-top:0;
            width:40%;
        }
    }
    @media only screen and (max-width:400px) {    /* PHONES IN LANDSCAPE POSITION */
        #header-left-logo {
            width:30%;
        }
    }
    #home-hero {
        min-height: none;
        height: 100vh;
    }
    #home-hero-headline-content-h1 {
        font:8vw/1em 'Josefin Sans', sans-serif;
        font-weight:700;
        text-shadow:0 0 10px #000;
    }
    #home-hero-headline-content-h2 {
        font:8vw/1em 'Allura', cursive;
        text-shadow:0 0 10px #000;
    }
    @media only screen and (min-width:500px) {    /* PHONES IN LANDSCAPE POSITION */
        #home-hero-headline-content-h1 {
            font:6vw/1em 'Josefin Sans', sans-serif;
            font-weight:700;
        }
        #home-hero-headline-content-h2 {
            font:6vw/1em 'Allura', cursive;
        }
    }
    .arrow {
        margin-left: -30px;
        width:50px;
        height:auto;
    }
    #home-intro-blurb {
        padding:20vw 10vw;
        font:1.3em/1.4em 'Kameron', serif;
    }
    .home-intro-services-container {
        padding:0 10vw;
        display: block;
    }
    .home-intro-services-item {
        width:100%;
        margin:0 0 20vw 0;
    }
    .home-intro-services-item img {
        width:70%;
    }
    .home-intro-services-h1 {
        font:1.8em/1em 'Josefin Sans', sans-serif;
        font-weight:700;
        padding-top:2vw;
        padding-bottom:8px;
    }
    .home-intro-services-h2 {
        font:1.3em/1.1em 'Kameron', serif;
        font-style:normal;
        font-weight:400;
    }
    @media only screen and (min-width:500px) {    /* PHONES IN LANDSCAPE POSITION */
        #home-intro-services {
            padding: 0 5vw 10vw 5vw;
        }
        .home-intro-services-container {
            width:100%;
            padding:0 10vw;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
        }
        .home-intro-services-item {
            flex: 0 0 32%;
            margin:0 3vw;
        }
        .home-intro-services-item img {
            width:100%;
            height:auto;
            border:5px solid #fff;
            border-radius:50%;
            transition: transform 0.6s;
        }
        .home-intro-services-h1 {
            font:3.5vw/1em 'Josefin Sans', sans-serif;
            font-weight:700;
            color:#fff;
            text-transform:uppercase;
            padding-top:2vw;
            padding-bottom:8px;
        }
        .home-intro-services-h2 {
            font:1.7vw/1.1em 'Kameron', serif;
            font-style:normal;
            font-weight:400;
            color:#fff;
            border-top:2px solid #fff;
            padding-top:8px;
            opacity:0.7;
            transition: transform 0.6s;
        }
    }
    #home-featured-container {
        padding:20vw 0;
    }
    .home-featured-h1 {
        font:1.8em/1em 'Josefin Sans', sans-serif;
        font-weight:700;
        padding-bottom:5vw;
    }
    #home-featured-container li img {
        width:60vw;
        height:auto;
    }
    @media only screen and (min-width:500px) {    /* PHONES IN LANDSCAPE POSITION */
        #home-featured-container {
            padding:10vw 0;
        }
        #home-featured-container li img {
            width:33vw;
            height:auto;
        }
    }
    #main-container h1 {
        font:1.8em/1em 'Josefin Sans', sans-serif;
        font-weight:700;
        padding:0 2vw;
        margin:4vw;
    }
    #main-container p {
        padding:0 10vw 1em 10vw;
    }
    #main-container ol, #main-container ul {
        padding:0 10vw 1em calc(10vw + 1.5em);
    }
    .subhome-button {
        width:66vw;
        margin-bottom:0.5em;
        padding:0.5em;
    }
    #admin-content {
        padding:0 10vw 1em 10vw;
    }
    #review-logos {
        padding:0 10vw 1em 10vw;
        display:flex;
    }
    #review-logos a {
        flex:1 1 30%;
        margin:0 2vw;
    }
    #featured-hero {
        padding:0 10vw 2vw 10vw;
    }
    #featured-thumbnail-grid {
        padding:1em 10vw 2vw 10vw;
    }
    #home-testimonials-container {
        padding:20vw 8vw;
    }
    @media only screen and (min-width:500px) {    /* PHONES IN LANDSCAPE POSITION */
        #home-testimonials-container {
            padding:10vw 8vw;
        }
    }
    #reviews-inner {
        width:100%;
        padding:3em 0 3em 0;
    }
    #reviews-inner img {
        width:70%;
    }
    @media only screen and (min-width:500px) {    /* PHONES IN LANDSCAPE POSITION */
        #reviews-inner img {
            width:16em;
        }
    }
    .reviews-quote {
        font:1.1em/1.2em 'Kameron', serif;
        font-weight:400;
    }
    .reviews-quote:before {
        font-size:6em;
    }
    .reviews-quote:after {
        font-size:6em;
    }
    .reviews-citation {
        font:0.8em/1em 'Josefin Sans', sans-serif;
        font-weight:700;
    }
    #footer-outer {
        padding:20vw 8vw;
    }
    #footer-logo img {
        width:60%;
    }
    #footer-links li {
        display:block;
    }
    #footer-links li a,
    #footer-links li a:visited {
        display:block;
        font:1.4em/1em 'Josefin Sans', sans-serif;
        font-weight:700;
        margin:10vw;
    }
    #footer-legal {
        font:14px/22px 'Kameron', serif;
        font-weight:400;
        padding:15px;
    }
}


/* ********************  T A B L E T   &   D E K S T O P  ******************** */


@media only screen and (min-width:988px) {
}


/* ********************  I P A D   P O R T R A I T  ******************** */


@media only screen and (max-width:987px) and (min-width:768px) {
    body {
        font:18px/24px 'Kameron', serif;
        font-style:normal;
        font-weight:400;
    }
    #home-hero {
        min-height: none;
    }
}