﻿body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background: #fff;}
input, select, div, ul, li, a {-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;}
.clear {clear: both;}

#mainDiv {width: 100%;}

#headerContainerDesktop {width: 100%; height: 226px; background: url('images/desktop/image-1920x226.jpg') no-repeat center center; }
#headerContent {width: 1240px; height: 226px; margin: 0 auto; padding: 0 20px; background: url('images/desktop/LOGO_desktop_156x46.png') no-repeat 20px 25px;}
#logoContainerMobile {display: none;}
#headerImageMobile {display: none;}
#middlePartContainer {width: 1240px; height: auto; min-height: 670px; margin: 0 auto; padding: 20px 20px 16px 20px;}

#titleContainer {margin-bottom: 24px;}
#mainHeader {font-size: 24px; text-transform: uppercase; color: #1f3a5f; font-weight: bold; margin-bottom: 4px;}
#subHeader {font-size: 16px; color: #343434;}

#listSectionMobile {display: none;}
#listSectionDesktop {float: left; width: 373.5px; height: auto; padding-top: 22px; margin-right: 20px;}
.h2 {font-size: 16px; text-transform: uppercase; color: #ba2521; font-weight: bold; margin-bottom: 14px;}
#list {list-style: none; font-size: 16px; color: #343434;}
li {background: url('images/V.png') no-repeat left 2px; padding-left: 26px; margin-bottom: 10px}
li:last-child {margin-bottom: 0;}

#formHolder {float: left; width: 413px; height: auto; background: #ececec; padding: 24px 20px 22px 20px; margin-right: 20px;}
#formHeader {font-size: 16px; text-transform: uppercase; color: #ba2521; font-weight: bold; margin-bottom: 18px;}

input[type="text"], input[type="email"], input[type="tel"], select {
    width: 100%;
    height: 32px;
    border: 1px solid #b7b7b7;
    background: #fff;
    padding: 5px;
    outline: none;
    font-size: 16px;
    color: #7b7b7b;
}



#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;
}
 
select {padding:0 1px;}
.Form_Element_Holder_Div {width: 373px; height: auto; min-height: 37px; margin: auto; margin-bottom: 10px;}
.mobileValidationMode .centerTooltipDiv p {padding: 5px 0;}
#div_utm_phonecountry {margin-bottom: 10px;}

#CheckBoxAndRadioDiv {font-size: 16px; color: #7b7b7b; clear: both; padding: 15px 0 13px 0;}
input[type="radio"], input[type="checkbox"] { height: 16px; width: 16px; margin-right: 9px;}
#MaritalStatus {margin-bottom: 13px; height: 16px;}
.MaritalStatusLable {float: left;}
#UnMarriedLable {margin-right: 9px;}
#is_work {margin-bottom: 5px;}
#submitBTN {height:32px; width: 270px; background:#ba252f; cursor:pointer; margin:auto; color:#fff; text-align:center; font-weight:bold; text-transform:uppercase; line-height: 32px; font-size:18px; margin-bottom: 20px;}
#privacyPolicy {text-align: center; font-size: 12px;}
#privacyPolicy a, #privacyPolicy a:link, #privacyPolicy a:visited, #privacyPolicy a:hover {color:#1f3a5f; text-decoration: underline;}
#footerHolder br{display:none;}
#aboutUsContent {margin-bottom:21px;}
#learnMoreContent {font-style:italic;}
#learnMoreContent a:link, #learnMoreContent a:visited, #learnMoreContent a:hover {color:#000000; text-decoration:none;}

::-webkit-input-placeholder {
   color: #7b7b7b;
}

:-moz-placeholder { 
   color: #7b7b7b;
   opacity: 1;
}

::-moz-placeholder {  
   color: #7b7b7b;
    opacity: 1; 
}

:-ms-input-placeholder {  
   color: #7b7b7b;
    opacity: 1;
}


#detailsSection {
    float: left;
    width: 373.5px;
    height: auto;
    padding-top: 22px;
}

#privateServiceSection {margin-bottom: 16px;}
#applySection {margin-bottom:21px;}


#footerHolder {width: 100%; height: auto; padding: 29px 20px; background: #343434; font-size: 14px; color: #7b7b7b; text-align: center;}

#footerPart1, #footerPart2 {display: inline;}

#footerHolder {
    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 (max-width:1239px) {

    #headerContent {width: 100%;}
    #middlePartContainer {width: 100%; padding: 20px 20px 17px 20px;}

    #formHolder {width: 327px;}
    .Form_Element_Holder_Div {width: 287px;}

    #listSectionDesktop, #detailsSection {width: 31%; width: calc((100% - 367px) / 2);}

}

@media (max-width:1023px) {

    #titleContainer {padding: 0 20px;}
    #mainHeader {margin-bottom: 17px;}

    #middlePartContainer {
        width: 100%;
        height: auto;
        padding: 23px 0 0 0;
    }

    #listSectionDesktop {display: none;}

    #formHolder {
        float: none;
        width: 100%;
        margin-right: 0;
        padding: 27px 20px 22px 20px;
        margin-bottom: 37px;
    }

    #formHeader {margin-bottom: 17px;}
    .Form_Element_Holder_Div {width: 100%;}
    #submitBTN {margin-bottom: 22px;}

    #listSectionMobile {display: block; float: left; padding: 0 20px; width: 50%; margin-bottom: 41px;}
    #listHeader {margin-bottom: 18px;}

    #detailsSection {padding: 0 20px; width: 50%; margin-bottom: 41px;}
    #applySection {margin-bottom: 36px;}
    #aboutUsHeader {margin-bottom: 16px;}

    #footerHolder {padding: 26px 20px;}

}

@media (max-width:767px) {

    #headerContainerDesktop {display: none;}
    
    #logoContainerMobile {display: block; width: 100%; height: 83px; background: #ececec url('images/mobile/LOGO_mobile_124x37.png') no-repeat center center; }
    #headerImageMobile {display: block; width: 100vw; height:auto;}

    #titleContainer {margin-bottom: 28px;}
    #mainHeader {font-size: 18px; margin-bottom: 20px;}
    #subHeader {font-size: 16px;}

    #middlePartContainer {padding: 21px 0 0 0;}

    #formHolder {padding: 29px 20px 19px 20px; margin-bottom: 34px;}
    #formHeader {margin-bottom: 20px; font-size: 14px;}
    #MaritalStatus {margin-bottom: 12px;}

    #listSectionMobile {    
        float: none;
        padding: 0 20px;
        width: 100%;
        margin-bottom: 30px;
    }

    #detailsSection {
        padding: 0 20px;
        width: 100%;
        margin-bottom: 40px;
    }

    #applySection {margin-bottom: 33px;}

    #footerHolder {padding: 29px 20px;}

}

