﻿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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
    blockquote:before, blockquote:after,
    q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; }
::-moz-placeholder { /* Firefox 19+ */ color: #000; opacity: 1; }
:-ms-input-placeholder { /* IE 10+ */ color: #000; opacity: 1; }
:-moz-placeholder { /* Firefox 18- */ color: #000; opacity: 1; }

#Header { width: 100%; height: 90px; background: linear-gradient(to top, #dedede 0%, white 100%); }

#HeaderDiv { width: 1240px; margin: auto; padding-top: 19px; padding-left: 20px; padding-right: 20px; }

#LogoHeaderDiv { background: url("Logo_desktop_173x51.png"); width: 419px; height: 51px; background-size: auto 51px; background-repeat: no-repeat; }

#TopLogo { background: url("main_image_1920x327.jpg") center center;; width: 100%; height: 327px; }

#Main { width: 100%; }

#MainDiv { width: 1240px; margin: auto; padding: 28px 20px 0 20px; }

#MainTitleDiv { text-align: center; color: #1f3b60; font-family: Calibri; font-size: 53px; font-weight: 700; line-height: 25px; }

#MainSubTitleDiv { text-align: center; color: #1f3b60; font-family: Calibri; font-size: 24px; font-weight: 400; line-height: 25px; padding-top: 20px; }

#MainTopDiv { overflow: hidden; padding-top: 39px; padding-bottom: 50px; }

#MainLeftTopDiv { float: left; width: 810px; margin-right: 40px; }

.MainLeftTopTitleDiv { width: 100%; height: 55px; line-height: 55px; background: #9ec8f0; padding-left: 35px; color: #1f3b60; font-family: Calibri; font-size: 23px; font-weight: 700; margin-bottom: 22px; }

.MainLeftTopLiDiv { background: url("V_icon.png") no-repeat left center; padding-left: 35px; min-height: 14px; color: #1f3b60; font-family: Calibri; font-size: 20px; font-weight: 400; line-height: 25px; margin-bottom: 35px; }

#MainRightTopDiv { float: right; background: url("image1_350x486.jpg"); width: 350px; height: 468px; }

#MainBottomDiv { overflow: hidden; padding-bottom: 50px; }

#MainLeftBottomDiv { float: left; background: url("image2_350x360.jpg"); width: 350px; height: 360px; margin-right: 40px; }

#MainRightBottomDiv { float: left; width: 810px; }

#MainForm { width: 100%; background: #dcdddd; }

#MainFormDiv { width: 1240px; margin: auto; padding: 25px 0 53px 0; }

#MainFormTitleDiv { text-align: center; color: #1f3b60; font-family: Arial; font-size: 32px; font-weight: 700; padding-bottom: 24px; }

#Form { overflow: hidden; margin-left: 185px; margin-right: 185px; }

input[type=text], input[type=email], input[type=tel], select { width: 100%; height: 30px; background: #ffffff; padding-left: 6px; font-family: Calibri; font-size: 15px; color: #000; }

    input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, select:focus { border: solid 2px #018cc4; }


.errorInput { margin-bottom: 6px; }

div#MarriedLable, div#UnMarriedLable, .qualifiedLable { display: inline-block; }

#FormLeftDiv { float: left; }

#FormRightDiv { float: left; margin-left: 30px; }


#formInputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px 30px;
}

#div_Bday {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}


    #div_Bday .tooltip {
        grid-column: span 3;
    }

#birthDate_mobile {
    position: relative;
    padding-top: 5px;
}

#birthDate_title {
    position: absolute;
    top: -10px;
}

#submitBTN { height: 40px; width: 400px;margin: auto; background: #ed1c24; cursor: pointer; text-align: center; line-height: 40px; font-family: Calibri; font-size: 22px; font-weight: bold; color: #fff; margin-top: 16px; }

#you_are_agreeing_pp_tou {
    text-align: center
}

#passport_container,
#MaritalStatus, #is_work, #is_high {
    font-family: Calibri;
    font-size: 14px;
    color: #1f3b60;
}

#UnMarriedLable { margin-right: 23px; }

#is_work { margin-top: 12px; }

input[type="checkbox" i] { margin: 3px 3px 3px 4px; }

#PPHolder { font-size: 16px; font-family: Calibri; color: rgb(11,82,149); background: url("lock_14x17.png") no-repeat left center; padding-left: 24px; width: 162px; margin: auto; margin-top: 20px; }

    #PPHolder a { color: rgb(11,82,149); }

#Footer { width: 100%; background: #343434; }

#FooterDiv { width: 1240px; padding: 20px 20px 20px 20px; margin: auto; color: #7b7b7b; font-family: Arial; font-size: 14px; line-height: 16px; font-weight: 400; text-align: center; }


#FooterDiv {
    padding-bottom: 0 !important;
}



.trust {
    display: flex;
    align-items: center;
    justify-content: center
}

.trustBadge {
    width: 185px;
    transform: scale(0.8);
    height: 85px;
    overflow: hidden;
}

#trustwave {
    padding-top: 15px
}


@media screen and (max-width:1239px) {
    #HeaderDiv { width: 100%; }

    #MainDiv { width: 100%; }

    #MainTitleDiv { font-size: 50px; }

    #MainSubTitleDiv { font-size: 25px; }

    #MainRightTopDiv { background: url("image1_310x519.jpg"); width: 310px; height: 519px; }

    #MainLeftTopDiv { margin-right: 35px; text-shadow: none; width: calc(100% - 385px); }

    #MainLeftBottomDiv { background: url("image2_310x416.jpg"); width: 310px; height: 416px; margin-right: 35px; }

    #MainRightBottomDiv { text-shadow: none; width: calc(100% - 385px); }

    #MainFormDiv { width: 100%; }

    #Form { width: 870px; margin-left: 0; margin-right: 0; margin: auto; }

    #PPHolder a { text-shadow: none; font-weight: normal; }

    #FooterDiv { width: 100%; text-shadow: none; }

    #submitBTN { text-shadow: none; }
    #MainFormTitleDiv { text-shadow: none; }

    .MainLeftTopLiDiv { background-position: left 8px; }

    .MainLeftTopTitleDiv { line-height: 23px; height: auto; padding-top: 15px; padding-bottom: 15px; }
}

@media screen and (max-width:1023px) {

    #Header { height: 70px; }

    #HeaderDiv { padding-top: 14px; width: 728px; }

    #LogoHeaderDiv { background: url("Logo_tablet.png"); width: 141px; height: 42px; }

    #TopLogo { background: url("main_image_tablet_1024x237.jpg") center center; height: 237px; }

    #Main { padding-left: 20px; padding-right: 20px; }

    #MainDiv { padding-top: 18px; width: 728px; padding-left: 0; padding-right: 0; }

    #MainTitleDiv { font-size: 39px; line-height: 20px; }

    #MainSubTitleDiv { font-size: 19px; line-height: 20px; }

    #MainTopDiv { padding-top: 36px; padding-bottom: 32px; }

    #MainRightTopDiv { background: url("image1_tablet.jpg"); width: 230px; height: 421px; }

    #MainLeftTopDiv { width: 470px; margin-right: 28px; }

    .MainLeftTopTitleDiv { font-size: 19px; padding-right: 35px; }

    .MainLeftTopLiDiv { font-size: 16px; line-height: 18px; margin-bottom: 17px; background: url("V_small_icon.png") no-repeat left 8px; }

    #MainLeftBottomDiv { background: url("image2_tablet.jpg"); width: 230px; height: 308px; margin-right: 28px; }

    #MainRightBottomDiv { width: 470px; }

    #MainFormTitleDiv { font-size: 29px; }


    #submitBTN { width: 349px; }

    #Form { width: 728px; }

    #FooterDiv { width: 728px; }
}

@media screen and (max-width:767px) {

    #formInputs {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    #HeaderDiv { width: 100%; }

    #TopLogo { background: url("main_image_mobile_768x180.jpg") no-repeat center center; width: 100%; height: 180px; }

    #Main { padding-left: 0; padding-right: 0; }

    #MainDiv { width: 100%; }

    #MainTitleDiv { font-size: 25px; padding-left: 20px; padding-right: 20px; }

    #MainSubTitleDiv { padding-top: 14px; font-size: 18px; padding-left: 20px; padding-right: 20px; }

    #MainTopDiv { padding-top: 23px; overflow: visible; padding-bottom: 40px; }

    #MainRightTopDiv { display: none; }

    #MainLeftTopDiv { float: none; margin-right: 0; width: 100%; }

    .MainLeftTopTitleDiv { margin-bottom: 24px; padding-left: 20px; padding-right: 20px; height: auto; line-height: normal; padding-top: 13px; padding-bottom: 16px; }

    .MainLeftTopLiDiv { margin-left: 20px; margin-right: 20px; }
    #MainBottomDiv { overflow: visible; padding-bottom: 40px; }

    #MainLeftBottomDiv { display: none; margin-right: 0; }

    #MainRightBottomDiv { float: none; width: 100%; }

    #MainFormDiv { padding-top: 21px; }

    #MainFormTitleDiv { font-size: 19px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; }

    #Form { width: 100%; overflow: visible; padding-left: 20px; padding-right: 20px; }

    #UnmarriedDiv, #MarriedDiv { float: left; }

    #qualified { display: inline-block; margin-left: 0; }
    #passport input,
    input#job, input#job, input#edu {
        margin-left: 0;
    }

    #FormLeftDiv, #FormRightDiv { float: none; margin-left: 0; }

    #submitBTN { width: 100%; }

    #FooterDiv { width: 100%; }

    .qualifiedLable { margin-top: 6px; margin-left: 1px; }

    input#edu { float: left; }
}
