body {margin: 0; padding: 0; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; background: #fff;}
input, select, div {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; -webkit-transition: all 500ms ease-in; transition: all 500ms ease-in; text-shadow: none;}
.view-switcher {display: none;}

.defInput {color: #7b7b7b;} 
.reInput {color: #7b7b7b;}

::-webkit-input-placeholder {
   color: #7b7b7b;
}

:-moz-placeholder { 
   color: #7b7b7b;
   opacity: 1;
}

::-moz-placeholder {  
   color: #7b7b7b;
    opacity: 1; 
}

:-ms-input-placeholder {  
   color: #7b7b7b;
    opacity: 1;
}


.fieldHolder {
    clear: both;
    display: flex;
    flex-direction: row;
}

.clear {
    clear: both;
}

#content, .ui-content {background: #fff !important;}

#frameWrapper {width: 100%; height: 100%;}
#mainDiv {width: 828px; height: auto; margin: 0; padding: 77px 0 101px 0;}
#header {
    text-align: center;
    margin-bottom: 36px;
    font-size: 24px;
    font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
    text-transform: uppercase;
    color: #1f3a5f;
    letter-spacing: 5px;
}
#contentHolder {width: 100%; height: auto; background: #f5f5f5; padding: 71px 54px 64px 54px; font-size: 16px; color: #7b7b7b;}

#formDiv {margin-bottom: 26px;}
.Form_Element_Holder_Div {
    width: 352px;
    height: auto;
    min-height: 32px;
    margin-bottom: 18px;
    /*width: 100%;*/
    padding: 0px 5px 10px 5px;
}
input[type="text"], input[type="email"], input[type="tel"], select {
    width: 100%;
    /*height: auto;*/
    height:35px;
    border: 1px solid #b7b7b7;
    background: #fff;
    padding: 5px;
    outline: none;
}
select {padding-left: 1px;}
#divFname, #div_phone_country, #div_occupation, #divBirth_country {
    /*float: left;*/
}
#divLname, #div_phone, #Div_MaritalStatusSelect, #divEducation_Level, #divCitizenShip {
    /*float: right;*/
}

#divEmail {
    width: 100%;
    padding: 0px 20px 10px 5px;
}

#CheckBoxAndRadioDiv {margin-bottom: 33px;}
#maritalStatusHolder {margin-bottom: 31px; height: 16px;}
#maritalStatus {
    /*float: left;*/ 
    margin-right: 9px;

}
input[type="radio"], input[type="checkbox"] {height: 16px; width: 16px; margin-right: 9px;}
.MaritalStatusLable {
    /*float: left;*/

}
#UnMarriedLable {margin-right: 9px;}
#is_work {margin-bottom: 13px;}

#submitBTN {width: 90px; height: 32px; line-height: 32px; background: #ba252f; color: #fff; outline: none; text-align: center; cursor: pointer;}

#educationAndWork {margin-bottom: 28px;}
#educationParaContent, #guaranteeParaContent {font-size: 14px;}

#footer {border: 0;}

#birthDate_mobile {
    /*float: left;*/
    padding-top: 0px !important;
}

#birthDate_title {
    position: absolute;
    top: -15px !important;
    font-size: 14px;
    padding: 0px 5px 0px 5px;
}

/* Counter CSS */

#CountDownTimerRes {width:100%;margin:auto;height:97px;background:#1f3a5f;margin-bottom:30px;font-family: Arial, Helvetica, sans-serif;color:#fff;}
#Timer {padding:10px;box-sizing:border-box;overflow:hidden;
        /*float:left;*/

}
.TimerUnitHolder {
    /*float:left;*/
    padding:0 24px;}
.TimerUnitNum {font-size:48px;text-align: center;}
.TimerSeperator {
    /*float:left;*/
    font-size:48px;position:relative;top:-4px;}
.TimerUnitName {text-align:center;font-size:12px;}
#TimerText {
    /*float:left;*/
    padding:20px 0 0 0;box-sizing:border-box;}
.timerFLine {font-size:16px;padding:0;margin-bottom:5px;}
.timerSline {font-size:30px;padding:0;}

/* End Counter CSS */

#div_Bday {
    grid-gap: 3px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 3px;
}

#you_are_agreeing_pp_tou {
    width:100%;
}

@media (max-width:1199px) {
    #frameWrapper {width: 940px; margin: 0;}
    #mainDiv {width: 828px; height: auto; margin: 0; padding: 56px 0 100px 0;}
    #header {margin-bottom: 35px;}
    #contentHolder {padding: 71px 54px 61px 54px;}
}

@media (max-width:991px) {
    #frameWrapper {width: 100%; margin: 0;}
    #mainDiv {width: 720px; height: auto; margin: 0; padding: 56px 0 100px 0;}
    #contentHolder {padding: 71px 20px 43px 20px;}
    .Form_Element_Holder_Div {width: 333px; height: auto; min-height: 32px; margin-bottom: 20px;}
    /* Counter CSS */
    #CountDownTimerRes{height:auto;width:100%;overflow:hidden;}
    #Timer{box-sizing:border-box;float:none;width:446px;margin:0 auto;padding:20px 0;}
    #TimerText{float:none;height:auto;width:267px;margin:0 auto;padding:0 0 20px 0;}
    /* End Counter CSS */
}

@media (max-width:779px) {

    .fieldHolder {
        flex-direction:column;
    }

    #birthDate_mobile {
        width: 100%;
    }

    #divEmail {
        padding: 0px 5px 10px 5px;
    }

    #mainDiv {
        width: 100%;
    }
    #header {text-align: center;}
    #contentHolder {padding: 41px 20px 57px 20px;}
    .Form_Element_Holder_Div {width: 100%; height: auto; min-height: 32px; margin-bottom: 13px;}
    #divBirth_country {margin-bottom: 13px;}
    #CheckBoxAndRadioDiv {font-size: 15px;}
    #maritalStatusHolder {height: auto;}
    #maritalStatus {float: none; margin-right: 0; margin-bottom: 12px;}
    #qualified {padding-top: 31px;}
    #birthDate_mobile {
        float: none;
    }
    /* Counter CSS */
    #CountDownTimerRes {
        height: auto;
        width: 100%;
        overflow: hidden;
    }
    #Timer{box-sizing:border-box;float:none;width:446px;margin:0 auto;}
    #TimerText{float:none;height:auto;width:267px;margin:0 auto;padding:0 0 20px 0;}
    /* End Counter CSS */
}

@media (max-width:499px) {
    .mobileValidationMode .centerTooltipDiv p {padding-top: 8px;line-height:16px;}
}

@media (max-width:488px) {
    #Timer{box-sizing:border-box;float:none;width:391px;margin:0 auto;}
    .TimerUnitNum, .TimerSeperator {font-size:35px;}
}

@media (max-width:410px)  {
    #Timer{box-sizing:border-box;float:none;width:288px;margin:0 auto;}
    .TimerUnitHolder {
        /*float: left;*/
        padding: 0 15px;}
    .TimerUnitNum {font-size:18px;}
    .TimerSeperator {font-size:18px;top:-1px;}
}