﻿::-webkit-input-placeholder { color: #aaa; }
        :-moz-placeholder { /* Firefox 18- */ color: #666; }
        ::-moz-placeholder {  /* Firefox 19+ */ color: #666; }
        :-ms-input-placeholder { color: #aaa; }

        #enterprise-signupGreenTop {
            padding: 16px;
            width: 280px;
            text-align: center;
            margin: 0 0 0 0;
            font-size: 1.2em;
        }
        .nublu { text-transform: none; }
        @media only screen and (max-width: 1150px) {
            .fadeslide {
                padding: 0 0 0 30px;
            }
        }
        @media only screen and (max-width: 1070px) {
       /* .fadeslide {
            padding: 0 0 0 30px;
        }*/
        .image-cont img { /*width: 450px;
                          margin-top: 40px;*/
                          margin-right: -80px;
        }
        .fadeslide .content { width: 60%; }
        }
        .image-cont { float: right;}
        .slidecontainer { max-width: 1100px;
            height: 350px;
        }

        .fadeslide.mainhome {
            box-shadow: inset 0 0 75px #39f;
            background: url(/images/home/bg/servers-blue.jpg) no-repeat #4682b4;
            background-size: cover;
            background-position-x: center;
            background-position-y: -150px;
        }
        @media only screen and (max-width: 1480px) {
            .fadeslide.mainhome {
                background-position-y: -70px;
            }
        }
        @media only screen and (max-width: 1200px) {
            .fadeslide.mainhome {
                background-position-y: -50px;
            }
        }
        @media only screen and (max-width: 1140px) {
            .fadeslide.mainhome {
                background-position-y: -20px;
            }
        }
        @media only screen and (max-width: 980px) {
            .fadeslide.mainhome {
                background-position-y: 0;
            }
        }
        @media only screen and (max-width: 900px) {
            .fadeslide.mainhome .content {
                width: 100%;
            }
        }
        #mainbanner .content p {
            
        }
        #mainbanner .content3 {
  /* Absolutely position it, but stretch it to all four corners, then put it just behind #search's z-index 
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;*/
  z-index: 99;

  /* Pull the background 70px higher to the same place as #bg's 
  background-position: center -70px;*/
  background-color: #808080;
  -webkit-filter: blur(10px);
  filter: url('/media/blur.svg#blur');
  filter: blur(10px);
}
        #mainbanner h1, #mainbanner h2 { color: #fff; text-transform: none; }
        .fadeslide .content { width: auto;}
        .fadeslide p, .topban p { 
            color: #fff; 
            font-weight: 300; 
            font-size: 1.1em;
            margin-top:1em;
        }
        #mainbanner .content h1, #mainbanner .content p, #mainbanner .content div { z-index: 150;}
.ctatop {
    float:right;
    width:300px;
    padding-top: 10px;
    text-align: center;
    margin-top: -110px;
}
        .fadeslide .content {
            top: 2.7rem;
        }
        #alsoavail {
            text-align: center;            
            margin: 0 0;
            font-size: 1em;
        }
        #alsoavail a, #alsoavail a:visited {
            color:#b1ff00;
            text-decoration: none;
        }
        #alsoavail a:hover {
            text-decoration: underline;
        }
#contactsales {            
    text-align: center;
    margin: 10px 0 0 0;
    color: #f3f3f3;
}
.fadeslide p.da-underlinks {
    margin-bottom:0.5em; 
    margin-top: 3em;
    font-size:1.6em;
    text-align:center;
}
@media only screen and (max-width: 1150px) {
    #enterprise-signupGreenTop {        
        width: 200px;
        font-size: 1.0em;
    }
    .ctatop {
        width: 250px;
    }
}
@media only screen and (max-width: 1020px) {
    .fadeslide h1 {
        font-size: 40px
    }
    .fadeslide p {
        font-size: 1.0em;
    }
    .fadeslide p.da-underlinks {
        font-size: 1.4em;
    }
}
@media only screen and (max-width: 950px) {
    .fadeslide h1 {
        font-size: 36px
    }
    .fadeslide p {
        margin-top: 0.6em;
        font-size: 0.9em;
    }
    .ctatop {
        margin-top: -100px;
    }
}

@media only screen and (max-width: 885px) {
    .fadeslide h1 {
        font-size: 34px
    }
    .fadeslide p {
        margin-top: 0.6em;
        font-size: 0.9em;
    }
    .fadeslide p.da-underlinks {
        font-size: 1.2em;
        margin-top: 3.6em;
    }
}
@media only screen and (max-width: 852px) {
    .fadeslide h1 {
        font-size: 32px
    }
    .fadeslide p {
        width: 500px;
    }
    .fadeslide p.da-underlinks, p#alsoavail {
        width: 100%;
    }
    .ctatop {
        margin-top: -120px;
    }
}
@media only screen and (max-width: 820px) {
    .fadeslide h1 {
        font-size: 30px
    }
}
@media only screen and (max-width: 765px) {
    .fadeslide h1 {
        font-size: 35px
    }
    .fadeslide p {
        width: 100%;
    }
    .fadeslide p.da-underlinks, p#alsoavail {
        width: 100%;
    }
    .ctatop {
        margin-top: 0;
        float: none;
        width: 100%;
    }
    #enterprise-signupGreenTop {        
        width: 300px;
        font-size: 1.3em;
    }
    .fadeslide p.da-underlinks {
        margin-top: 2em;
        font-size: 1.1em;
    }
    #alsoavail { 
        font-size: 0.9em;
    }
}

        #highlightfeatures ul {
            margin: 40px auto 0;
            padding: 0;
    list-style: none;
        width: 1060px;
        }
#highlightfeatures ul li { 
    padding: 0 1em 2em;
    text-indent: -.9em;
    color: #777;
    letter-spacing: -0.3px;
    font-size: 1.0em;
    display: inline-block;
    width: 350px;
    vertical-align: top;
    text-align: left;
}

#highlightfeatures ul li:before {
    content: "• ";
    color: #aaa; /* or whatever color you prefer */
    padding-right: 0.3em;
}
#highlightfeatures ul strong {
    color: #444;
}
#highlightfeatures i.fa-check-circle {
    color: #89c403;
    font-size: 0.9em;
    margin-right: 0.6em;

}
#highightfeaturessummary {
    text-align: center;
    font-size: 1.7em;
    margin: 0.5em 0.8em 0 0;
    color: #333;
}
#highightfeaturessummary sup {
    font-size:0.7em;
}
#highightfeaturessummary .summaryfooter {    
    margin: 0.8em 0 0 0;
    font-size: .7em;
    color: #666;
}
.servicefeatures {
    margin: 40px auto 30px;
    text-align: center;
    max-width: 1100px;
    padding: 0 30px;
}
  .servicefeatures ul {
            margin: 0;
            padding: 0;
    list-style: none;
        }
 .servicefeatures .features li.feature {
    list-style-type: none;
    margin: 0 40px 40px 0;
    text-align: left;
    width: 284px;
    float: none;
    display: inline-block;
    height: 90px;
    vertical-align: top;
}
.servicefeatures .features p {
    color: #666;
}
a#enterprise-viewAllFeatures {
    text-decoration: none;
    color: #39f;
    /* display: inline-block; */
    font-size: 0.9em;
    margin-left: 0.5em;
}
a#enterprise-viewAllFeatures:hover {
    text-decoration: underline;
}
a#enterprise-competitorLink {
    text-decoration: none;
    color: #39f;
    font-size: 14px;
    margin: 16px 0 40px 0;
    display: block;
}
a#enterprise-competitorLink:hover {
    text-decoration: underline;
}
 
#whyfeatures {
    
    color: #89c403;
}
        .servicefeatures .features.gray li.feature h3 { 
            color: #1789FB; 
            font-size: 22px;
        }

        .servicefeatures .features.gray li.feature h3 .fal, .servicefeatures .features.gray li.feature h3 .fab {
           
        }

        #highlightfeatures {
            width: 50%;
            float: left;
            padding: 0;
            margin: 0;
            max-width: none;
            text-align: left;
        }
        #highlightfeatures ul {
    margin: 40px auto 0;
    padding: 0;
    list-style: none;
    width: 100%;
        }
        #highlightfeatures ul li {
    padding: 0 1em 0.8em;
    text-indent: -.9em;
    color: #777;
    letter-spacing: -0.5px;
    font-size: 1.1em;
    /* display: inline-block; */
    width: auto;
    vertical-align: top;
    text-align: left;

        }
    #midbod {        
        margin: 40px auto 30px;
        text-align: left;
        max-width: 1100px;
        padding: 0 30px;
        background: none;
    }
    #registration {
    float: right;
    padding: 40px 0 0 10px;
    width: 50%;
    margin-right: -25px;
    min-width: 250px;
    }
    #registerform {
        
    background-color: #f0f0f0;
    width: 100%;
    box-shadow: 1px 1px 5px #ccc;
    padding: 0 0 20px 0;
    }
    #registerform h3 {
    color: #39f;
    padding: 0.8em 0;
    text-align: center;
    font-size: 1.4em;
    letter-spacing: -0.5px;

    }
    #registerform h4 {
        color: #777;
        text-align: center;
        text-transform: none;
    }
    
    #registerform h5 {
        color: #999;
        text-align: center;
        text-transform: uppercase;
    margin: 10px 0 0 0;
    }
    .singlefieldform .inputrow {
    margin: 0;
    border: 1px solid #f0f0f0;
    border-bottom: 0;
    background-color: #fff;
    width: 100%;
    padding-bottom: 10px;
}
    .singlefieldform .inputicon {
    display: inline-block;
    color: #ccc;
    background-color: #fff;
    padding: 15px 0.3rem 0;
    width: 50px;
    font-size: 1.2em;
    line-height: 1.3em;
}
  .singlefieldform .inputfield input, .singlefieldform .inputfield input:not([type=submit]):not([type=checkbox]):focus, .singlefieldform .inputfield textarea:focus {
    border: none;
    width: 381px;
    font-size: 1.1em;
    line-height: 1.3em;
}
.singlefieldform .inputerror {
    min-height: 0;
    padding: 0;
}
.singlefieldform .inputerror span {
    font-size: .8em;
    color: #fa0000;
    padding: 0em 0 10px 60px;
    display: inline-block;
}
input:required {
    box-shadow:none;
}
input:invalid {
    box-shadow:none;
}
#backtosignup h2 {
    color: #39f;
    margin-bottom: .3rem;
    font-size: 2.5em;
    text-transform: capitalize;
}
a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

#ent-price-chart {            
    width: 200px;
    margin: 0px auto;
    font-size: 14px;
    border: 1px solid #ccf76e;
    border: 1px solid #89c403;
    border-radius: 4px;
    border-collapse: collapse;
    text-align: left;
}
#ent-price-chart td {
    padding: 3px 4px;
    border: 1px solid #ccf76e;
    border: 1px solid #89c403;
}
#ent-price-chart tr {

}
#ent-price-chart thead td {
    text-align: left;
    font-size: 13px;
    background-color: #89c403;
    color: #fff;
}
#ent-price-chart tbody td {
}
#ent-pcs {            
    width: 64px;
    padding: 2px 3px;
    line-height: 15px;
    font-size: 14px;
    color: #446006;
}
#custom-ent-price { font-size: 0.8em;}
#pricingsummary {
    float: left;
    text-align: center;
    font-size: 1.5em;
    margin: 1.2em .3em 0 0;
    color: #333;
    width: 250px;
}

a#enterprise-ViewAllPlans, a#enterprise-ViewAllPlans:visited {
    color: #444;
    text-decoration: none;
    margin-left: 6px;
}
a#enterprise-ViewAllPlans:hover {
    text-decoration: underline;
    color: #89c403;
}
.planpricing {
    display: none;
    margin: 15px 0 0 0;
}
@media only screen and (max-width: 1030px) {
    .singlefieldform .inputfield input, .singlefieldform .inputfield input:not([type=submit]):not([type=checkbox]):focus, .singlefieldform .inputfield textarea:focus
    {
        width: 250px;
    }
    #registration { margin-right: 0; }
    #highlightfeatures ul li {
        font-size: 1.0em;
    }
}
@media only screen and (max-width: 930px) {
    #highlightfeatures ul li {
        font-size: 1.0em;
    }
    #highightfeaturessummary {
        font-size: 1.5em;
    }
}
@media only screen and (max-width: 700px) {
    #highlightfeatures {
        margin-left: auto;
        margin-right: auto;
        float: none;
        width: 530px;
    }
    
    #highightfeaturessummary {
        font-size: 1.7em;
    }
    
    #highlightfeatures ul li {
        font-size: 1.2em;
    }
    #registration {
        float: none;
        width: 100%;
    }
    .singlefieldform .inputfield input, .singlefieldform .inputfield input:not([type=submit]):not([type=checkbox]):focus, .singlefieldform .inputfield textarea:focus
    {
        width: 300px;
    }
}