﻿/* COLORS  

    Light Brown = #754219
    Off White = #d4cdc2
    Powber Blue = #2a545d
    Dark Brown = #452f1d
    Brown Gray =  #746c66
*/



@media screen and (max-width:640px) {
    .site {
        /*overflow-x: hidden;*/
        overflow-y: visible;
    }
}


.TagLine {
    color: #fc0f2f;
}

html,body{
    /*overflow-x:hidden;*/
    width:100%;
}

body {
    margin: 0;
    /*overflow-x:hidden;*/
    overflow-y: visible;
}

.nooverflow{
    overflow-y:hidden;
}

.table-responsive {
    display: table;
}

.nav-link {
    color: #590011 !important;
}


.card-body {
    margin: 10px;
    padding: 10px;
}

.card-body ul {
    list-style: none;
    text-align: left;
    /*margin: 10px 30% 0 30%;*/
}

.card-body ul li::before {
    content: "\2022";
    color: #F6CD5C;
    display: inline-block;
    font-size: 1.4em;
    font-weight: 900;
    width: 1em;
    margin-left: -2em;
}

.card-body ul li:last-child::before {
    color: #FFF;            
}

.card-body ul li:last-child {
    font-size: .75em;
    font-weight: 600;
}

/*
.menubar {
    background-image: url("http://addomail.esharethings.com/Site/urs2.net/Images/MenuBackKate.png");
    height: 100px;
    width: 100%;
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
*/

.top_container {background-color:#ccf6f6;}

.nobottom{margin-bottom:0;}

.heading {
    font-family: Oswald;
    background-color: #fc0f2f;
    font-size: 2em;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    padding: 5px;
}

.avitar-text {
    font-size:0.9em;
    font-weight: 600;
    padding: 5px 50px 0 50px;
}

.avitar-link {
    color: #CC518E;
    font-size:0.8em; 
    font-weight:600;
    margin: 10px 0 30px 0;
}

.tablet {
    font-size: 0.7em;
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-5%, 0%);
}

.desktop {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-5%, 0%);
}

.large {
    font-size:1em;
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-3%, 0%);
}

.X-large {
    font-size: 1em;
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-2%, 0%);
}

.avail-button-Mobile {
    font-size: 1em;
    position: relative;
    top: 2em;
    left: 30%;
    margin: 0;
}

.avail-button-TAB {
    font-size: .4em;
    position: absolute;
    top: 38em;
    left: 58%;
    margin: 0;
}

.avail-button-DT {
    font-size: .75em;
    position: absolute;
    top: 26.5em;
    left: 54%;
    margin: 0;
}

.avail-button-L {
    font-size: 1em;
    position: absolute;
    top: 24em;
    left: 58%;
    margin: 0;
    padding-top:10px;
}

.avail-button-XL {
    font-size: 1em;
    position: absolute;
    top: 30em;
    left: 60%;
    margin: 0;
}

.avail-button-text:hover {
    color: #F6CD5C;
}



.avail-button-text {
    font-family: 'Oswald';
    font-size: 1.5em;
    background-color: #32C127;
    color: #fff;
    margin: 0;
}

.feature-card-body {
}

.feature-item {   
    width: 24%;
    min-width:300px;
    padding:30px; 
    float:left;
}

.feature-test{
    float:left;
    border:none;
    height:25em;
}

.feature-icon {
   width:100%;
   height:100%;
}

.feature-title {
    font-weight: 700;
    text-align:center;
}

.feature-divider {
    font-size: large;
    font-weight: 900;
    color: #F6CD5C;
    text-align: center;
}

.feature-text {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
    width: 100%;
    text-justify: auto;
}


.price-level-row {
    background-color: #F6CD5C;    
    text-align: center;

}

.price-level-heading {    
    font-weight: 600;
    color: #47ABAC;
    font-size: 2em;
}

.price {
    font-weight: 100;
    color: #CC518E;yr
    font-size: 3em;    
}

.price-group-heading {
    font-family: oswald;
    position: relative;
    /* background-color: #47ABAC;*/
    text-align: center;
    color: #7d7b7b;
    font-weight: 900;
    font-size: 1.5em;
    padding: 5px;
    margin-top: 20px;
}

.premium-note{
    font-size:.75em;
    font-weight:100;
}

.super {
    position: relative;
    vertical-align: super;
    transform: translate(-16%,150%);
    color:#808080;
    padding-right:1.75em;
}

.bold-white{
    color:#ffffff;
    font-weight:700;
    font-size:1.2em;
}

.modal-backdrop {   
    opacity: 0.5 !important;
}

.show-this{
    opacity:100 !important;
}





.faq-header {
    font-family: oswald;
    position: relative;
    background-color: #fc0f2f;
    width: 50%;
    left: 50%;
    right: 50%;
    transform: translate(-50%,0%);
    text-align: center;
    color: #ffffff;
    font-weight: 900;
    font-size: 2em;
    padding: 5px;
    margin-top: 20px;
}

.faq-section{
    margin-top:2em;
}

.price-card{
    margin:0px;
    float:left;
}

.faq-toggle {
    text-decoration: none;
    color:#000;
    visited:#000;
    font-weight:400;
    font-size:1.1em;
}

.faq-toggle:hover{
    color:#000;
}

.plus {
    float: right;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #d5d5d5;
    font-weight: 500;
    font-size: .8em;
}

.WD-item {
    margin-bottom: 10px;
    width: 302px;
    text-align:center;
}

.WD-Heading {
    background-color:#52514b;
    font-family:Oswald;
    color:#FFFFFF;   
    font-size:1.5em;
    width:302px;    
}

.btn {
    background-color: #4c9bd0;
    font-family: Oswald;
    color: #FFFFFF;
    text-align:center;
}

.stepHeading {     
    color: #7c7348;
    font-family: Oswald;
    font-size: 2em;
}

.stepHeading::before {
    content: '\A';
    white-space: pre;
}

.padBottom{
    margin-bottom:20px;
}

.sectionSeperator{
    clear:both;
    margin-bottom:3em;
}

.linespacer {
    clear: both;
    margin-bottom: 1em;
}
.sorryResponse {
    color: #52514b;
    font-size:2em;
}

.congratsResponse {
    color: #47ABAC;
    font-family: Oswald;
    font-weight:700;
    font-size: 2.5em;
}

.pricingNotice {
    color: #7c7348;
    font-family: Oswald;
    font-weight: 700;
    font-size: 1.75em;
}

.alsoAvailableMessage {
    background-color: #52514b;
    font-family: Oswald;
    color:#FFFFFF;
    font-size:1.5em;
    margin-bottom:2em;
    padding:.25em;
    width:100%;
}

.alternateMessage {
    color: #47ABAC
}

.avaiableEmailName {
    color: #CC518E;
    font-size: 2em;
    font-weight:600;
}

.alsoAvailableEmailNames {
    color: #000;
    font-size: 1.5em;
    font-weight: 600;
}

/* Add linefeed after */
.alsoAvailableEmailNames::after {
    content: '\A';
    white-space: pre;
}

.rightColumn {
    float: left;
}

.btnPos{
    
}
.btnPos::after {
    content: '\A\A';
    white-space: pre;    
}

.trademark {
    color: Highlight;
    font-size: 1.25em;  
}

    .trademark a {
        color: Highlight;
        text-decoration: none;
        color: #590011 !important;
    }

.modal-body {
    /*margin-top:50px;*/
    position: relative;
    padding: 0px;
    opacity:1;
}

.close {
    background-color:#47ABAC;
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}

.modal-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Colors for Step 2 Icons */
.fa-user {
    color: #47ABAC;
    margin-right: .5em;
}

.fa-key {
    color: #47ABAC;
    margin-right: .22em;
}

.fa-envelope {
    color: #47ABAC;
    margin-right: .22em;
}

.fa-question {
    color: #47ABAC;
    margin-right: .65em;
}

.fa-info-circle {
    color: #3498db;
    margin-left:.5em
}

.center {
    margin: auto;
    width: 50%;
    padding: 10px;
}

.btn{
    font-family:Oswald;
    font-size:1.25em;
}

.footer {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #590011 !important;
}

.footer2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
}

.InfoBoxClose{
    float:right;
    
}

.InfoBox {
    padding: 1em;
    font-family:Oswald;
}

.ValidationError{
    margin-left:9em;
    color:red;    
    font-size:1em;
    text-align:left;
}

.AvailabilityLabel {
    padding-left: 1em;
}

/* Tooltip container */
.tip {
    position: relative;
    display: inline-block;
    visibility:visible;
}

.Sidetip {
    position: relative;
    display: inline-block;
    visibility: visible;
}

    /* Tooltip text */
.tooltiptextCenter {
    visibility: hidden;
    top: 3em;
    left: -6em;
    width: 15em;
    background-color: aliceblue;
    color: #000;
    font-family: Oswald;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 100;
}


.tooltiptextRight {
    visibility: hidden;
    top: 3em;
    right: -1em;    
    width: 15em;
    background-color: aliceblue;
    color: #000;
    font-family: Oswald;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 100;
}

    /* Show the tooltip text when you mouse over the tooltip container */
    .tip:hover .tooltiptextCenter {
        visibility: visible;
    }

    .Sidetip:hover .tooltiptextRight {
        visibility: visible;
    }

ul li {
    font-size: 1.5em;
    font-family: Oswald;
}

.features ul {
    list-style:none;
}

.features ul li {
    font-size:1.5em;
    font-family: Oswald;
}


.FeatureNotice {
    font-size: 2em;
    font-family: Oswald;
    color: #F6CD5C;
}

.features ul li::before {
        content: "\2022";
        color: #F6CD5C;
        display: inline-block;
        width: 0.5em;
        font-size: 1.5em;
        font-family: Oswald;
}

.accountVerificationText
{
    font-family:Oswald;
    font-size:1em;
}

.OrderLabel {
    font-family: Oswald;
    font-size: 1em;
}