a,a:hover{color:red}h1,
h1 a{display:block;height:100px}

#container,
#container_doc{
    margin:0 auto;
    text-align:center
}
#main_inner,
#sub_inner{
    display:table-cell;
    text-align:left;
    vertical-align:top
}
#datacenter_inner,
.sub{
    padding:20px;
    margin-bottom:10px
}
#container,
#container_doc,
#datacenter_connection,
#server{
    text-align:center
}
#colo,
#map{
    clear:both
}
#main_inner,
#sub_inner,
#thanks_inner{
    vertical-align:top
}
#main_thank_you,
.doc_body,
.sub,
.thanks{
    background-color:rgba(255,255,255,.5)
}
#div_thank_you,
#logo{
    position:absolute;
    top:0
}
a{
    text-decoration:none
}
h1{
    text-indent:-9999px;
    overflow:hidden;
    min-width:320px;
    width:100%;
    margin:30px auto
}
p{
    margin:1.5em auto
}
#container{
    background:url(../img/hostoneup_logo.png) top center no-repeat;min-height:500px;
    width:100%;
    max-width:1000px
}
#container_doc{
    width:700px
}
#main_inner{
    padding:0 40px 40px
}
.sub{
    min-height:33%;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    -webkit-box-shadow:3px 3px 3px rgba(50,50,50,.1);
    -moz-box-shadow:3px 3px 3px rgba(50,50,50,.1);
    box-shadow:3px 3px 3px rgba(50,50,50,.1);
    display:inline-block}
#datacenter,
.doc_body{
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;-o-border-radius:10px
}
#datacenter_inner,
.doc_body{
    -webkit-box-shadow:3px 3px 3px rgba(50,50,50,.1);
    -moz-box-shadow:3px 3px 3px rgba(50,50,50,.1)
}
.colo,
.price{
    display:inline
}
.sub_desc{
    width:260px;
    float:left;
    line-height:1.2em
}
.sub_prices{
    width:140px;
    float:right
}
#colo,
#locations{
    float:left;
    text-align:right
}
.price{
    font-size:2em
}
.order_btn{
    margin-top:35px;
    height:40px!important
}
#locations{
    clear:left;
    width:51%
}
#datacenter{
    width:49%;
    float:right;
    margin-bottom:100px
}
#datacenter_inner{
    text-align:justify;background-color:rgba(255,255,255,.6);
    border:2px solid rgba(255,0,0,.8);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    box-shadow:3px 3px 3px rgba(50,50,50,.1)
}
.title_datacenter{
    font-weight:700;
    font-size:1.9em;
    color:#fff;
    text-shadow:1px 1px 3px rgba(0,0,0,.6),0 0 0 rgba(0,0,0,.6);
    margin-bottom:-10px
}
#colo,
#usp{
    border:0 solid #111;
    margin:50px 0
}
.main_title{
    font-size:2em
}
.sub_title{
    font-size:1.3em;
    font-weight:700;
    line-height:1em
}
#map_desc,
#map_desc2{
    text-align:justify;
    margin:100px 40px 30px 0;
    font-size:.8em
}
#map{
    height:300px;
    width:100%;
    margin-top:40px;
    background:url(../img/colo_map.png) top center no-repeat
}
#map_desc{
    width:468px;
    float:right
}
#phone,
.colo{
    font-size:2em;
    font-family:arial,helvetica,sans-serif;
    text-shadow:1px 1px 3px rgba(0,0,0,.2)
}
#colo{
    width:49%
}
.colo{
    line-height:.9em
}
#usp{
    width:45%;
    float:right;
    text-align:left
}
#usp_content li{
    margin-bottom:.3em
}
#phone{
    color:red
}
#options ul{
    list-style:none;
    margin:0;
    padding:0
}
#options li{
    margin-top:.5em;margin-bottom:.5em;border-top:1px solid #2179b6;padding-top:.6em
}
#options li
#bottom_line{
    border-bottom:1px solid #2179b6;padding-bottom:.6em
}
#options,.options{
    margin:20px;
    max-width: 320px;
}
.bold{
    font-weight:700
}
.large{
    font-size:1.2em
}
.small{
    font-size:.8em
}
.doc_body{
    text-align:justify;
    font-size:.85em;
    max-width:600px;
    /*margin:50px auto 100px;*/
    margin:50px 5% 0px;
    /*padding:60px;*/
    padding:30px;
    border-radius:10px;box-shadow:3px 3px 3px rgba(50,50,50,.1)
}
.doc_body ul{
    margin:0 0 3em 1em;
    padding:0 20px
}
.doc_body li{
    margin-top:.5em;
    margin-bottom:1em;
    padding-top:.6em}
.thanks{
    padding:20px;
    margin-bottom:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    -webkit-box-shadow:3px 3px 3px rgba(50,50,50,.1);
    -moz-box-shadow:3px 3px 3px rgba(50,50,50,.1);
    box-shadow:3px 3px 3px rgba(50,50,50,.1);
    display:inline-block
}
.thanks_desc{
    width:480px;
    margin:0 auto;
    line-height:1.2em;
    text-align:left
}
#FormConfirm,
h3{
        margin-bottom:30px
}
hr{
        border:0;height:3px;
        background-color:#000
}
tr.border_header th{
        border-bottom:3px solid #000;
        border-top:3px solid #000;
        background-image:linear-gradient(#fff,#e5e5e5);
        padding-left:15px
}
td,
tr.border_bottom td{
        border-bottom:1px solid #000
}
tr.border_bottom td{
    height:40px;
    padding-left:5px
}
table{
    border-collapse:collapse;
    border-bottom:3px solid #000;
    width:96%;margin:auto
}
h3{
    margin-top:40px;
    font-weight:100;
    margin-bottom:20px;
}
fieldset{
    border:transparent
}
#main_thank_you,.dev_card{
    -webkit-border-radius:10px;-moz-border-radius:10px;
    -ms-border-radius:10px;-o-border-radius:10px;
    -webkit-box-shadow:3px 3px 3px rgba(50,50,50,.1);
    -moz-box-shadow:3px 3px 3px rgba(50,50,50,.1)
}
.div_align_center{
    width:100%;
    text-align:center
}
#btn_sign_in{
    margin-top:10px
}
#main_thank_you{
    width:500px;
    height:150px;
    border-radius:10px;
    display:table;
    border:0 solid #333;
    box-shadow:3px 3px 3px rgba(50,50,50,.1);
    z-index:-4;
    padding-top:50px;
    padding-left:10px;
    padding-right:10px;
    font-size:1em;
    margin:350px auto 40px
}
#div_thank_you{
    width:100%;
    left:0;
    min-height:600px;
    background:url(../img/thank_you_main.png) top center no-repeat
}
#logo{
    background:url(../img/hostoneup_logo.png) top center no-repeat
}
#span_thank_you{
        font-weight:700;
        font-size:1.5em;/*! margin-bottom: 50px; */
        /*line-height:50px*/
        line-height:25px
}
#lnk_blue{
        color:#66D5FB
}

.dev_choice_value{
    width:50%;
    display:inline-block;
    float:right
}
.dev_choice_row{
    width:50%;
    margin:auto;
    height:30px
}
.dev_choice_cat{
    width:calc(50% - 20px);
    display:inline-block;
    text-align:left;
    margin-right:20px;
}
.dev_row{
    width:80%;
    margin:auto;
    border-bottom:1px solid #000;
        padding-top:10px;
    min-height:30px;
    overflow:auto
}
.dev_cat,
.dev_value{
    display:inline-block;
    width:50%
}
.dev_cat{
    text-align:left;
    font-weight:700
}
.dev_value{
    text-align:right;
    float:right
}
.dev_card,
.dev_card_message{
    width:90%;
    background-color:rgba(255,255,255,.5);
    display:table
}
.dev_card{
    margin:10px auto 30px auto;
    height:455px;
    border-radius:10px;
    border:0 solid #333;
    box-shadow:3px 3px 3px rgba(50,50,50,.1)
}
.dev_card_message{
    margin:auto auto 10px;
    padding-top:20px;
    padding-bottom:20px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    border:0 solid #333;
    -webkit-box-shadow:3px 3px 3px rgba(50,50,50,.1);
    -moz-box-shadow:3px 3px 3px rgba(50,50,50,.1);
    box-shadow:3px 3px 3px rgba(50,50,50,.1)
}
.dev_item_row{
    width:80%;
    margin:auto
}
.dev_item{
    text-align:left;
    margin-top:30px;
    margin-bottom:20px;
    font-weight:700
}
.dev_left{
    color:red
}
.dev_choice_content{
    width:100%;
    margin-top:25px;
    margin-bottom:25px
}
.nb_item{
    font-size:1.5em
}
.input_checkbox{
    width:50px;
    float:left
}
.div_card{
    margin:auto auto 20px;
    width:90%
}
textarea{
    font-family:inherit;
    font-size:inherit;
    width:362px
}

@media screen and (max-width:500px){
    body{
        background:url(../img/mobile_bg4.jpg) center -100px no-repeat fixed #fff;
        font-family:arial,helvetica,sans-serif;
        width:100%
    }
    #container{
        background:url(../img/hostoneup_logo.png) top center no-repeat;
        /*background-size: contain;*/
        background-size: 90%;
        min-height:500px;
        /*min-width:500px;*/
        /*max-width:1000px*/
        min-width:200px;
        max-width:500px
    }
    ,
    #copy,
    #policies{
        text-align:center;
        position:absolute;
        width:100%
    }
    #main,
    #sub{
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        -ms-border-radius:10px;
        -o-border-radius:10px;
        display:table
    }
    #policies{
        bottom:30px
    }
    #footer{
        /*width:500px;*/
        text-align:center;
        clear:both;
        /*max-width:900px;*/
        height:25px;
        position:relative;
        margin:2em auto 0;
        font-size:.85em;
        font-family:arial,helvetica,sans-serif;
        color:#2179b6;
        padding-top:5px
    }
    #sub{
        margin:auto;
        /*width:437px;*/
        width:320px;
        min-height:480px;
        background-color:rgba(0,0,0,0);
        border-radius:10px;
        border:0 solid #333
    }
    #main,
    #sign_in_div,
    .sign_in_div{
        margin:auto auto 40px;
        /*width:437px;*/
        width:320px;
        background-color:rgba(255,255,255,.5)
    }
    #main{
        height:455px;
        border-radius:10px;
        border:0 solid #333;
        -webkit-box-shadow:3px 3px 3px rgba(50,50,50,.1);
        -moz-box-shadow:3px 3px 3px rgba(50,50,50,.1);
        box-shadow:3px 3px 3px rgba(50,50,50,.1)
    }
    
    #main_hosting{
        display:none
    }
    #sign_in_div,
    .sign_in_div{
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        -ms-border-radius:10px;
        -o-border-radius:10px;
        border-radius:10px;
        display:table;
        border:0 solid #333;
        -webkit-box-shadow:3px 3px 3px rgba(50,50,50,.1);
        -moz-box-shadow:3px 3px 3px rgba(50,50,50,.1);
        box-shadow:3px 3px 3px rgba(50,50,50,.1)
    }
    #small_screen{
        display:block
    }
    
    #div_index_content {
        min-width:200px;
        min-height: 400px;
        /*max-width: 950px;*/
        width:auto;
        margin: auto;
    }
    
    img.img-responsive{
        max-width:100%;
    }
        
    #div_feat_spec, .index_div_left {
        vertical-align: text-bottom;
        text-align: left;
        /* width: 450px; */
        margin: 30px auto auto;
    }
    
    input.whole{
        width: 250px;
    }
    
    textarea.whole{
        max-width:250px;
    }
    
    input.half {
        width: 118px;
        float: left;
    }
    input.fit {
        width: auto;
        float: left;
    }
    select.half {
        width: 128px;
        height: 2em;
    }
    select.fit {
        width:auto;
        height: 2em;
    }
    
    #div_fgt_pwd{
        margin-left:unset;
        text-align:center;
        margin-top:unset;
        margin-bottom:unset;
        padding:auto;
    }
    #div_liane{
        width:auto; margin-right:86px; margin-top:13px;
        display:table-footer-group;
    }
    
    
    #main_thank_you{
        width:300px;
        font-size:0.7em;
    }
    #logo_subtitle {
        position: absolute;
        z-index: 1000;
        left: 50%;
        transform: translateX(-50%);
        top: 145px;
        color: #FF3;
        text-shadow: 0 0 4px rgba(0,0,0,.5);
    }
    #logo_mark{
        padding-top:50px;
    }
    #div_social{
        display:block;
        margin-top:30px;
        margin-bottom:-25px;
    }
}