@charset "UTF-8";

@font-face {
  font-family: 'museo-sans-100';
  src: url('/wp-content/themes/dental/fonts/MuseoSans-100.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/dental/fonts/MuseoSans-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/dental/fonts/MuseoSans-100.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/dental/fonts/MuseoSans-100.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/dental/fonts/MuseoSans-100.svg#b757b597a858713e9a4caca0d1b452d4') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  bold;
}

@font-face {
  font-family: 'museo-sans';
  src: url('/wp-content/themes/dental/fonts/museo-sans-300-5910e20366768.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/dental/fonts/museo-sans-300-5910e20366768.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/dental/fonts/museo-sans-300-5910e20366768.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/dental/fonts/museo-sans-300-5910e20366768.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/dental/fonts/museo-sans-300-5910e20366768.svg#83308de0ca4237e6cd44fbae61d13495') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}



h1 {font-family:'museo-sans-100';}

.box {
    margin: 0 auto;
}

.border-radius {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.services, .normal-container, .meet-the-team, .popup {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.doctor1, .doctor2, .doctor3, .doctor4, .cleaning, .fillings, .deep, .crowns, .veneers, .implants, .partial, .full, .root, .whitening, .carousel-list, .carousel {
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.carousel, .carousel-list {
    background: white;
}

.carousel {
    overflow: hidden !important;
}

@media only screen and (min-width: 1140px) {
    .tri-column-container {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
}

a {
    text-decoration: none;
    color: inherit;
}

body {
    background: #cce9e4;
    margin-top: 0;
    margin-bottom: 0;
}

ul {
    padding-left: 0;
    list-style-type: none;
}

.container, .main-content {
    margin: 0 auto;
    position: relative;
}

.container::after, .main-content::after {
    clear: both;
    content: "";
    display: block;
}

@media only screen and (min-width: 1140px) {
    .container, .main-content {
        width: 1120px;
        background: #e6f4f1;
    }
}

.fluid-image {
    max-width: 100%;
}

.slider {
    position: relative;
    z-index: 1;
}

.slider-init> :nth-child(n + 2) {
    display: none;
}

.bold {
    font-family: "museo-sans";
    color: #00536a;
    font-weight: 900;
}

@media only screen and (min-width: 1140px) {
    .meet-the-team, .tri-column-container, .services, footer {
        margin: 0 auto;
        width: 970px;
        position: relative;
    }
}

.desktop {
    display: none;
}

@media only screen and (min-width: 1140px) {
    .desktop {
        display: inline;
    }
}

nav {
    background: #eafff4;
    height: 100px;
}

@media only screen and (min-width: 1140px) {
    nav {
        height: 150px;
        display: flex;
        align-items: center;
    }
}

nav .logo-area {
    width: calc(100% - 80px);
    float: left;
    margin-left: 40px;
}

@media only screen and (min-width: 1140px) {
    nav .logo-area {
        width: calc(41.66667% - 56.66667px);
        float: left;
        margin-left: 40px;
    }
}

nav .logo-area .logo {
    text-align: center;
}

nav .logo-area .logo img {
    padding: 10px;
    max-width: 225px;
}

@media only screen and (min-width: 1140px) {
    nav .logo-area .logo img {
        max-width: 100%;
    }
}

nav .links {
    width: calc(100% - 80px);
    float: left;
    margin-left: 40px;
    padding: 10px 0;
    color: #198396;
}

nav .links .tel {
    display: none;
}

@media only screen and (min-width: 1140px) {
    nav .links .tel {
        display: block;
        font-family: "museo-sans";
        font-weight: 300;
        font-size: 28px;
    }
}

nav .links .nav-links {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "museo-sans";
    font-weight: 900;
    margin-top: 5px;
    word-spacing: 20px;
}

@media only screen and (min-width: 1140px) {
    nav .links .nav-links {
        text-align: right;
    }
}

@media only screen and (min-width: 1140px) {
    nav .links {
        width: calc(33.33333% - 53.33333px);
        float: left;
        margin-left: 40px;
        margin-left: calc(25% - 50px + 80px);
        display: block;
        text-align: right;
    }
}


/* Hide scroll bar */

html.remodal-is-locked {
    overflow: hidden;
}


/* Anti FOUC */

.remodal, [data-remodal-id] {
    display: none;
}


/* Necessary styles of the overlay */

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
}


/* Necessary styles of the wrapper */

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
    content: "";
}


/* Fix iPad, iPhone glitches */

.remodal-overlay, .remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


/* Necessary styles of the modal dialog */

.remodal {
    position: relative;
    z-index: 1;
    outline: none;
}

.remodal-is-initialized {
    /* Disable Anti-FOUC */
    display: inline-block;
}


/*  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License */


/* ==========================================================================
 * Remodal's default mobile first theme
 * ========================================================================== */


/* Default theme styles for the background */

.remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}


/* Default theme styles of the overlay */

.remodal-overlay {
    background: rgba(255, 255, 255, 0.7);
}

.remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes;
}


/* Default theme styles of the wrapper */

.remodal-wrapper {
    padding: 10px 10px 0;
}


/* Default theme styles of the modal dialog */

.remodal {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: white;
    background: #58bfb3;
    vertical-align: middle;
}

.remodal.remodal-is-opening, .remodal.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes;
}


/* Vertical align of the modal dialog */

.remodal-wrapper:after {
    vertical-align: middle;
}


/* Close button */

.remodal-close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent;
}

.remodal-close:hover, .remodal-close:focus {
    color: #2b2e38;
}

.remodal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "×";
    text-align: center;
}


/* Dialog buttons */

.remodal-confirm, .remodal-cancel {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0;
}

.remodal-confirm {
    color: #fff;
    background: #81c784;
}

.remodal-confirm:hover, .remodal-confirm:focus {
    background: #66bb6a;
}

.remodal-cancel {
    color: #fff;
    background: #e57373;
}

.remodal-cancel:hover, .remodal-cancel:focus {
    background: #ef5350;
}


/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner {
    padding: 0;
    border: 0;
}


/* Keyframes
 * ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}


/* Media queries
 * ========================================================================== */

@media only screen and (min-width: 641px) {
    .remodal {
        max-width: 960px;
    }
}


/* IE8
 * ========================================================================== */

.lt-ie9 .remodal-overlay {
    background: #2b2e38;
}

.lt-ie9 .remodal {
    width: 700px;
}

.icon.hidden {
    display: none !important;
}

.show-hide-container {
    position: relative;
    -webkit-transition: height 1s;
    -moz-transition: height 1s;
    -ms-transition: height 1s;
    -o-transition: height 1s;
    transition: height 1s;
    overflow: hidden;
}

.show-hide-container>* {
    transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
}

.show-hide-container> :not(.hidden) {
    position: relative;
    z-index: 2;
    opacity: 1;
}

.show-hide-container>.hidden {
    position: absolute;
    z-index: 1;
    opacity: 0;
}

.carousel {
    position: relative;
    overflow: visible;
}

.carousel .button {
    position: absolute;
    top: 40%;
    padding: 5px;
    z-index: 5;
}

.carousel .button.left {
    left: 1%;
}

.carousel .button.right {
    right: 1%;
}


/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before {
    display: table;
    content: "";
}

.slick-track:after {
    display: table;
    content: "";
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@media only screen and (min-width: 1140px) {
    .normal-container {
        border: 2px solid white;
        padding: 20px;
        margin: 20px;
    }
}

.tri-column-container {
    display: flex;
    justify-content: center;
    background: #cce9e4;
    z-index: 50;
}

@media only screen and (min-width: 1140px) {
    .tri-column-container {
        top: -50px;
    }
}

.info-column {
    width: calc(100% - 80px);
    float: left;
    margin-left: 40px;
    position: relative;
    z-index: 100;
}

@media only screen and (min-width: 1140px) {
    .info-column {
        width: calc(33.33333% - 53.33333px);
        float: left;
        margin-left: 40px;
        margin-top: -110px;
    }
}

.info-column .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 160px;
}

.info-column h1, .info-column p, .info-column .down-arrow {
    text-align: center;
}

.info-column h1 {
    color: #00927d;
    font-family: "museo-sans";
    font-weight: 300;
    font-size: 24px;
    text-transform: uppercase;
}

.info-column p {
    padding: 0 20px;
    color: #00927d;
    font-family: "museo-sans";
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

@media only screen and (min-width: 1140px) {
    .info-column p {
        padding: 0;
        height: 160px;
    }
}

.slogan {
    text-align: center;
}

.slogan img {
    max-width: 80%;
}

@media only screen and (min-width: 1140px) {
    .slogan {
        width: calc(100% - 80px);
        float: left;
        margin-left: 40px;
        margin-top: 20px;
        padding: 20px;
    }
    .slogan img {
        max-width: 100%;
    }
}

.learn-more {
    padding-top: 20px;
    color: #00927d;
    font-family: "museo-sans";
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
}

.services {
    overflow: hidden;
    margin-bottom: 15px;
}

.services .name {
    width: calc(83.33333% - 73.33333px);
    float: left;
    margin-left: 40px;
    font-size: 24px;
    font-family: "museo-sans";
    font-weight: 900;
    color: white;
    text-transform: uppercase;
    text-align: left;
    height: 32px;
}

@media only screen and (min-width: 1140px) {
    .services .name {
        width: calc(50% - 60px);
        float: left;
        margin-left: 40px;
        text-align: left;
    }
}

.services .icon {
    width: calc(16.66667% - 46.66667px);
    float: left;
    margin-left: 40px;
    margin-top: 26px;
    text-align: right;
}

@media only screen and (min-width: 1140px) {
    .services .icon {
        width: calc(50% - 60px);
        float: left;
        margin-left: 40px;
        display: block;
        margin-top: 26px;
        margin-bottom: 26px;
        height: 32px;
        text-align: right;
    }
}

.dental {
    margin-top: 20px;
    background: #00927c;
}

@media only screen and (min-width: 1140px) {
    .dental {
        margin-top: -35px;
    }
}

.meet-the-team {
    background: #007188;
    border-bottom: none;
    padding-bottom: 0;
}

.meet-the-team list {
    overflow: hidden;
}

.meet-the-team .list, .dental .list {
    overflow: hidden;
    padding-top: 20px;
}

.meet-the-team .list ul, .dental .list ul {
    text-align: center;
    font-family: "museo-sans";
    font-weight: 300;
    font-size: 24px;
    text-transform: uppercase;
    color: white;
    margin-left: 0;
}

@media only screen and (min-width: 1140px) {
    .meet-the-team .list ul, .dental .list ul {
        width: calc(41.66667% - 56.66667px);
        float: left;
        margin-left: 40px;
        margin-left: calc(8.33333% - 43.33333px + 80px);
        text-align: left;
    }
}

.meet-the-team .list li, .dental .list li {
    padding-top: 10px;
    padding-bottom: 10px;
}

hr {
    margin-left: -40px;
    margin-right: -40px;
    width: calc(100% + 80px);
    border-top: none;
    margin-bottom: 0;
}

.doctor1, .doctor2, .doctor3, .doctor4, .cleaning, .fillings, .deep, .crowns, .veneers, .implants, .partial, .full-o, .root, .whitening {
    padding-top: 20px;
    clear: both;
    background: white;
    overflow: hidden;
    font-family: "museo-sans";
    font-weight: 100;
}

.doctor1 .title, .doctor2 .title, .doctor3 .title, .doctor4 .title, .cleaning .title, .fillings .title, .deep .title, .crowns .title, .veneers .title, .implants .title, .partial .title, .full-o .title, .root .title, .whitening .title {
    width: calc(100% - 80px);
    float: left;
    margin-left: 40px;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0 0 0;
}

@media only screen and (min-width: 1140px) {
    .doctor1 .title, .doctor2 .title, .doctor3 .title, .doctor4 .title, .cleaning .title, .fillings .title, .deep .title, .crowns .title, .veneers .title, .implants .title, .partial .title, .full-o .title, .root .title, .whitening .title {
        text-align: left;
        font-size: 36px;
    }
}

.doctor1 .description, .doctor2 .description, .doctor3 .description, .doctor4 .description, .cleaning .description, .fillings .description, .deep .description, .crowns .description, .veneers .description, .implants .description, .partial .description, .full-o .description, .root .description, .whitening .description {
    color: black;
    padding-bottom: 20px;
}

.cleaning, .deep, .crowns, .veneers, .implants, .partial, .full-o, .root, .whitening, .fillings {
    color: #00927c;
    min-height: 447px;
}

.cleaning .description, .deep .description, .crowns .description, .veneers .description, .implants .description, .partial .description, .full-o .description, .root .description, .whitening .description, .fillings .description {
    width: calc(100% - 80px);
    float: left;
    margin-left: 40px;
}

.doctor1, .doctor2, .doctor3, .doctor4 {
    min-height: 1515px;
    color: #007188;
}

@media only screen and (min-width: 1140px) {
    .doctor1, .doctor2, .doctor3, .doctor4 {
        min-height: 731px;
    }
}

.doctor1 .profile, .doctor2 .profile, .doctor3 .profile, .doctor4 .profile {
    width: calc(100% - 80px);
    float: left;
    margin-left: 40px;
    text-align: center;
}

@media only screen and (min-width: 1140px) {
    .doctor1 .profile, .doctor2 .profile, .doctor3 .profile, .doctor4 .profile {
        width: calc(33.33333% - 53.33333px);
        float: left;
        margin-left: 40px;
    }
}

.doctor1 .description, .doctor2 .description, .doctor3 .description, .doctor4 .description {
    width: calc(100% - 80px);
    float: left;
    margin-left: 40px;
}

@media only screen and (min-width: 1140px) {
    .doctor1 .description, .doctor2 .description, .doctor3 .description, .doctor4 .description {
        width: calc(66.66667% - 66.66667px);
        float: left;
        margin-left: 40px;
    }
}

.testimonials {
    background: #57beb3;
}

.testimonials .tests {
    width: 100%;
}

.testimonials .tests .left, .testimonials .tests .right {
    position: absolute;
    z-index: 10000;
    top: 25%;
}

.testimonials .tests .left {
    left: 15px;
}

@media only screen and (min-width: 1140px) {
    .testimonials .tests .left {
        left: 0;
    }
}

.testimonials .tests .right {
    right: 15px;
}

@media only screen and (min-width: 1140px) {
    .testimonials .tests .right {
        right: 0;
    }
}

@media only screen and (min-width: 1140px) {
    .testimonials .tests {
        width: calc(100% - 80px);
        float: left;
        margin-left: 40px;
    }
    .testimonials .tests .para {
        padding-left: 0;
        padding-right: 0;
    }
}

.testimonials p {
    font-family: "museo-sans";
    font-weight: 300;
    color: white;
    line-height: 40px;
    font-size: 16px;
    font-size: 20px;
    text-align: left;
}

.testimonials p, .testimonials .patient {
    width: calc(100% - 80px);
    float: left;
    margin-left: 40px;
}

@media only screen and (min-width: 1140px) {
    .testimonials p, .testimonials .patient {
        width: calc(83.33333% - 73.33333px);
        float: left;
        margin-left: 40px;
        margin-left: calc(8.33333% - 43.33333px + 80px);
    }
}

.testimonials .patient {
    text-align: right;
    margin-bottom: 20px;
    font-family: "museo-sans";
    font-weight: 300;
    color: white;
    font-size: 20px;
}

.popup {
    position: relative;
    z-index: 20;
}

.popup .name {
    width: calc(41.66667% - 56.66667px);
    float: left;
    margin-left: 40px;
    font-size: 24px;
    font-family: "museo-sans";
    font-weight: 900;
    color: white;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    height: 32px;
}

@media only screen and (min-width: 1140px) {
    .popup .name {
        width: calc(41.66667% - 56.66667px);
        float: left;
        margin-left: 40px;
        margin-left: calc(8.33333% - 43.33333px + 80px);
    }
}

.popup .icon {
    width: calc(33.33333% - 53.33333px);
    float: left;
    margin-left: 40px;
    margin-left: calc(25% - 50px + 80px);
    margin-top: 26px;
    margin-bottom: 26px;
    height: 32px;
    text-align: right;
}

@media only screen and (min-width: 1140px) {
    .popup .icon {
        width: calc(50% - 60px);
        float: left;
        margin-left: 40px;
    }
}

.popup hr {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
}

@media only screen and (min-width: 1140px) {
    .popup hr {
        width: 100% !important;
    }
}

.popup .list {
    padding-bottom: 80px;
}

.popup .list ul {
    width: calc(100% - 80px);
    float: left;
    margin-left: 40px;
}

.popup .list ul li {
    text-align: left;
}

@media only screen and (min-width: 1140px) {
    .popup .list ul {
        text-align: auto;
        width: auto;
    }
}

.popup .list .first, .popup .list .second, .popup .list .full {
    text-align: left;
    width: calc(100% - 80px);
    float: left;
    margin-left: 40px;
}

.popup .list .first input, .popup .list .first textarea, .popup .list .second input, .popup .list .second textarea, .popup .list .full input, .popup .list .full textarea {
    box-sizing: border-box;
    width: 100%;
    text-align: left;
}

.popup .list .first input h1, .popup .list .first textarea h1, .popup .list .second input h1, .popup .list .second textarea h1, .popup .list .full input h1, .popup .list .full textarea h1 {
    font-family: "museo-sans";
    font-weight: 100;
}

@media only screen and (min-width: 1140px) {
    .popup .list .first {
        width: calc(41.66667% - 56.66667px);
        float: left;
        margin-left: 40px;
        margin-left: calc(8.33333% - 43.33333px + 80px);
    }
}

@media only screen and (min-width: 1140px) {
    .popup .list .second {
        margin-left: calc(8.33333% - 43.33333px + 80px);
        width: calc(41.66667% - 56.66667px);
        float: left;
        margin-left: 40px;
    }
}

.popup .list .full {
    text-align: left;
}

@media only screen and (min-width: 1140px) {
    .popup .list .full {
        width: calc(83.33333% - 73.33333px);
        float: left;
        margin-left: 40px;
        margin-left: calc(8.33333% - 43.33333px + 80px);
    }
}

.popup .list input {
    padding: 20px;
    margin-bottom: 8px;
}

.popup .list label {
    font-family: "museo-sans";
    font-weight: 100;
}

.popup .send {
    padding: 10px 20px;
    background: white;
    color: #58bfb3;
    text-transform: uppercase;
    border: none;
    font-size: 20px;
    font-weight: 300;
}

.popup .close {
    background: none;
    border: none;
}

.popup .popup-logo {
    display: none;
}

@media only screen and (min-width: 1140px) {
    .popup .popup-logo {
        display: block;
        position: fixed;
        top: -41px;
        left: -39px;
        z-index: 1;
    }
}

.popup-logo {
    position: relative;
    z-index: 10000;
}

.remodal {
    margin-bottom: 100px;
}

@media only screen and (min-width: 1140px) {
    .remodal {
        margin-bottom: 0;
    }
}

footer {
    text-align: center;
    margin-bottom: 90px;
}

@media only screen and (min-width: 1140px) {
    footer {
        text-align: right;
        padding-bottom: 30px;
        margin-bottom: 0;
    }
}

.sticky-footer {
    padding: 10px 0;
    background-color: #00927c;
    display: block;
    color: white;
    font-family: "museo-sans";
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    position: fixed;
    z-index: 99999999999;
    left: 0;
    bottom: 0;
    width: 100%;
}

@media only screen and (min-width: 1140px) {
    .sticky-footer {
        display: none;
    }
}

.sticky-footer .directions {
    padding-top: 10px;
}

.sticky-footer .directions, .sticky-footer .number {
    padding-bottom: 10px;
}


/* Joel's Edits */

.list li a::after {
  content: "+";
  color: #cce9e4;
  border: 0.2em solid #cce9e4;
  margin: 0.45em 0.8em;
  padding: 0em 0.3em 0.1em;
  font-size: 0.5em;
  position: absolute;
}

.send input {
  background: none;
  border: none;
  font-size: 1em;
  color: #58bfb3;
  text-transform: uppercase;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.popup p {
    font-family: "museo-sans" !important;
    font-weight: 100 !important;
}

.time input {
  width: 20% !important;
}