﻿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: rgb(11, 82, 149); }
::-moz-placeholder { /* Firefox 19+ */ color: rgb(11, 82, 149); opacity: 1; }
:-ms-input-placeholder { /* IE 10+ */ color: rgb(11, 82, 149); opacity: 1; }
:-moz-placeholder { /* Firefox 18- */ color: rgb(11, 82, 149); opacity: 1; }

#Header { width: 100%; background-color: #181818; background-image: -o-linear-gradient(bottom, #dedede, #fff); background-image: -ms-linear-gradient(bottom, #dedede, #fff); background-image: linear-gradient(to top, #dedede, #fff); height: 90px; }

#HeaderDiv { width: 1240px; margin: auto; padding: 19px 20px 0 20px; }

#LogoDiv { background: url("Logo_desktop.png"); width: 173px; height: 51px; }

#Main { background: url("backgound_1920x754.jpg") no-repeat center center; width: 100%; height: 754px; padding-top: 29px; }

#MainDiv { width: 1240px; margin: auto; padding: 0 20px; overflow: hidden; }

#MainTopTitleDiv { text-align: center; font-size: 47px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: rgb(3, 108, 169); }

#MainTopBulletDiv { overflow: hidden; }

#MainTopLeftBulletDiv { width: 400px; padding-top: 22px; float: left; }

#MainTopLeftBulletIconDiv { background: url("Thriving_Economy.png") no-repeat left center; font-size: 19px; font-family: Arial, Helvetica, sans-serif; color: rgb(3, 108, 169); margin: auto; min-height: 30px; padding-left: 35px; padding-top: 4px; width: 189px; }


#MainTopMiddleBulletDiv { width: 400px; padding-top: 22px; float: left; }

#MainTopMiddleBulletIconDiv { background: url("Exceptional_Education_Standard.png") no-repeat left center; font-size: 19px; font-family: Arial, Helvetica, sans-serif; color: rgb(3, 108, 169); margin: auto; min-height: 30px; padding-left: 36px; padding-top: 4px; width: 307px; }

#MainTopRightBulletDiv { width: 400px; padding-top: 22px; float: left; }

#MainTopRightBulletIconDiv { background: url("World_Class_Healthcare.png") no-repeat left center; font-size: 19px; font-family: Arial, Helvetica, sans-serif; color: rgb(3, 108, 169); margin: auto; min-height: 30px; padding-left: 35px; padding-top: 4px; width: 236px; }

#MainBottomDiv { overflow: hidden; padding-top: 42px; }

#MainBottomRightDiv { float: right; width: 374px; height: 539px; background-color: #fff; box-shadow: 0 3px 7px rgba(76, 118, 137, 0.3); padding: 35px 30px 0 30px; }

#Form { width: 314px; }

input[type=text], input[type=tel], input[type=email], select { width: 100%; height: 32px; padding-left: 12px; background-color: #fff; border: solid 1px #c2c2c2; font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: rgb(11, 82, 149); outline: none; }

.Form_Element_Holder_Div { margin-bottom: 5px; }

#div_occupation { margin-bottom: 9px; }

#PhoneNumber { margin-bottom: 3px; font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: rgb(8, 41, 72); }

#div_phone { margin-bottom: 15px; }

.MaritalStatusLable, .qualifiedLable {
    display: inline-block;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(11, 82, 149);
}

#passport_container {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(11, 82, 149);
}

#UnMarriedLable {
    margin-right: 5px;
}

#PassportDiv,
.qualifiedLine {
    margin-top: 12px;
}

#submitBTN { background-color: #f50808; width: 200px; height: 50px; line-height: 50px; margin: auto; margin-top: 19px; margin-bottom: 26px; text-align: center; font-size: 24px; font-family: Arial, Helvetica, sans-serif; color: rgb(255,255,255); cursor: pointer; }

#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: 130px; margin: auto; }

#MainBottomLeftDiv { float: left; width: 374px; height: 539px; background-color: #fff; box-shadow: 0 3px 7px rgba(76, 118, 137, 0.3); padding: 25px 30px 0 30px; }

#MainBottomLeftTitleDiv { font-size: 19px; font-family: Arial, Helvetica, sans-serif; color: rgb(245,8,8); font-weight: bold; }

.MainBottomLeftLiDiv { margin-top: 20px; font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: rgb(3, 108, 169); line-height: 21px; background: url("bullet.png") no-repeat left 2px; padding-left: 30px; }

#Bottom { width: 100%; }

#BottomDiv { width: 1240px; padding: 37px 20px 66px 20px; margin: auto; }

#BottomTextDiv { font-size: 19px; font-family: Arial, Helvetica, sans-serif; color: rgb(3,108,169); line-height: 21px; text-align: center; }

#Footer { width: 100%; background: #343434; }

#FooterDiv { width: 1240px; margin: auto; padding: 20px 20px; font-size: 14px; font-family: Arial; color: rgb(123,123,123); line-height: 16px; text-align: center; }

#MainTopTitleDiv br { display: none; }


#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, #MainDiv, #BottomDiv, #FooterDiv { width: 100%; }

    #MainTopLeftBulletDiv, #MainTopMiddleBulletDiv, #MainTopRightBulletDiv { width: calc((100%-20px)/3); }

    #MainTopTitleDiv { font-size: 40px; }

    #PPHolder a { font-weight: normal; }

    #FooterDiv { text-shadow: none; }
}

@media screen and (max-width:1023px) {
    #HeaderDiv { width: 728px; padding-left: 0; }

    #Main { padding-top: 26px; background: url("backgound_1024x444.jpg") no-repeat center top #fff; height: auto; }

    #MainDiv { padding-left: 0; padding-right: 0; width: 100%; }

    #MainTopTitleDiv { text-shadow: none; font-size: 35px; text-align: left; width: 728px; margin: auto; }

        #MainTopTitleDiv br { display: block; }

    #MainTopBulletDiv { overflow: visible; width: 728px; margin: auto; }

    #MainTopLeftBulletDiv, #MainTopMiddleBulletDiv, #MainTopRightBulletDiv { float: none; width: auto; }

    #MainTopLeftBulletIconDiv, #MainTopMiddleBulletIconDiv, #MainTopRightBulletIconDiv { margin: 0; }

    #MainTopLeftBulletDiv { padding-top: 17px; }

    #MainTopMiddleBulletDiv, #MainTopRightBulletDiv { padding-top: 5px; }

    #MainBottomDiv { padding-top: 231px; overflow: visible; }

    #MainBottomRightDiv { float: none; width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 5px; height: auto; padding-bottom: 30px; }

    #Form { width: 728px; margin: auto; }

    #MaritalStatus { float: left; }

    #qualified { float: left; margin-left: 100px; margin-bottom: 29px; }

    #is_work { margin-top: 0; }

    .MaritalStatus { display: block; }

    #UnMarriedRadio, #UnMarriedLable { float: left; }

    #UnMarriedLable { margin-bottom: 12px; }

    #MarriedRadio { clear: both; float: left; }

    #UnMarriedLable, #MarriedLable { margin-left: 7px; }

    #submitBTN { clear: both; width: 480px; }

    #MainBottomLeftDiv { float: none; width: 728px; margin: auto; box-shadow: none; padding-left: 0; padding-right: 0; height: auto; }

    #Bottom { background: #fff; }

    #BottomDiv { width: 728px; background: #fff; padding-left: 0; padding-right: 0; }

    #FooterDiv { width: 728px; padding-left: 0; padding-right: 0; }
}

@media screen and (max-width:767px) {

    .centerTooltipDiv { margin-top: 6px; }

    #Header { height: 70px; }

    #HeaderDiv { width: 100%; padding-left: 20px; padding-top: 15px; }

    #LogoDiv { background: url("Logo_mobile.png"); width: 141px; height: 42px; }

    #Main { background: url("backgound_mobile.jpg") no-repeat center top #fff;; background-size: auto 166px; padding-top: 191px; }

    #MainBottomDiv { padding-top: 0; }

    #MainDiv { padding-left: 20px; padding-right: 20px; }

    #MainTopTitleDiv { width: 100%; font-size: 26px; }

    #MainTopBulletDiv { width: 100%; }

    #MainTopTitleDiv br { display: none; }

    #MainTopLeftBulletIconDiv, #MainTopMiddleBulletIconDiv, #MainTopRightBulletIconDiv { font-size: 17px; }

    #MainBottomRightDiv { box-shadow: none; padding-top: 30px; }

    #Form { width: 100%; }

    #submitBTN { clear: none; width: 200px; }

    #MaritalStatus { float: none; }

    #qualified { float: none; margin-left: 0; margin-bottom: 0; }

    #is_work { margin-top: 0; }

    .MaritalStatus { display: inline-block; margin-bottom: 12px; }

    #UnMarriedRadio, #UnMarriedLable { float: none; }

    #UnMarriedLable { margin-bottom: 0; }

    #MarriedRadio { clear: none; float: none; }

    #UnMarriedLable, #MarriedLable { margin-left: 7px; }

    #MainBottomLeftDiv { padding-top: 0; width: 100%; }

    #BottomDiv { width: 100%; padding-left: 20px; padding-right: 20px; }

    #FooterDiv { width: 100%; padding-left: 20px; padding-right: 20px; }
}
