@charset "utf-8";
/* CSS Document */

body{	background-color:#102B42; margin:0; padding:0; font: normal 12px/14px "Palatino Linotype", "Book Antiqua", Palatino, serif; }

.main{ background: url(images/3dimg-mockup.jpg); height: 100vh; background-position: center; background-repeat: no-repeat; background-size: cover; }

/* .text{ 	margin:0px auto; top:500px; position:relative; width:200px; text-align:center; } */
.text{margin: 0px auto;bottom: 13%;position: absolute;width: 100%;text-align: center;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,  tfoot, thead, tr, th, td { border:0pt none; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; vertical-align:baseline; }

table { border-collapse:separate; border-spacing:0pt; }

caption, th, td { font-weight:normal; text-align:left; }

blockquote:before, blockquote:after, q:before, q:after { content:""; }

blockquote, q { quotes:"" ""; }

a{ cursor: pointer; text-decoration:none; }

br.both{ clear:both; }

#backgroundPopup{ display:none; position:fixed; _position:absolute; height:100vh !important; width:100%; top:0; left:0; background:#666666;overflow-x: hidden; z-index:1; }

#popupContact{ display:none;position:absolute; height:600px; width:372px; background:#fffefe; border:6px solid #cecece; -moz-border-radius: 10px; border-radius: 10px; z-index:2; padding: 10px 5px; font-size:13px;margin-left: -15px; }

#popupContact h1{ text-align:left; font-family: 'Styrene A Web'; color:#102B42; font-size:22px; font-weight: bold; border-bottom:1px dotted #D3D3D3; padding-bottom:5px; margin-bottom:20px; }

#popupContactClose{ font-size:18px; line-height:18px; font-weight:normal; display:block; text-align:right; }

#button{ text-align:center; }

.contactLabel{ font-family: 'Styrene A Web'; font-weight:400; color:#102B42; font-size:14px; vertical-align:top; font-style:italic;}

.textBox{ Color:#666666; font: normal 12px/12px  Times New Roman, 'Palatino Linotype', 'Book Antiqua', Palatino, serif; border: 1px solid #ccc;}  


@media only screen and (max-width: 340px) and (min-width: 280px)  {
    .main{ background: url(images/mobscreen.png); height: 100vh; background-position: center; background-repeat: no-repeat; background-size: cover !important; }
    #popupContact {
        display: none;
        position: absolute;
        height: 600px;
        width: 292px !important;
        background: #fffefe;
        border: 6px solid #cecece;
        -moz-border-radius: 10px;
        border-radius: 10px;
        z-index: 2;
        padding: 10px 5px;
        font-size: 13px;
        margin: 0px 3px !important;
        left: 1px !important;
    }
    .textBox{
        width: 190px !important;
    }
    #Message{
        width: 190px !important;
    }
    #ReCaptchContainer{
        /* margin: auto !important; */
        /* width: fit-content !important; */
        margin-left: -14px !important;
    }
    /* .main{
        margin-top: -15% !important;
    } */
    .text{
        top: 60% !important;
    }
}
@media only screen and (max-width: 600px) and (min-width: 340px)  {
    .main{ background: url(images/mobscreen.png); height: 100vh; background-position: center; background-repeat: no-repeat; background-size: cover !important; }
    .main{
        background-size: cover !important;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: top;
    }
    .text {
        margin: 0px auto;
        top: 62%;
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: auto;
    }
    body{
        background: #2d2f30 !important;
    }
    #popupContact {
        display: none;
        position: absolute;
        height: 600px;
        width: 328px;
        background: #fffefe;
        border: 6px solid #cecece;
        -moz-border-radius: 10px;
        border-radius: 10px;
        z-index: 2;
        padding: 10px 5px;
        font-size: 13px;
        margin: -11px;
    }
    .textBox{
        width: 230px;
    }
    #Message{
        width: 230px;
    }
    #ReCaptchContainer{
        margin: auto !important;;
        width: fit-content !important;;
        /* margin-left: 6px !important; */
    }
}