html, body { margin: 0; padding: 0; height: 100%; }

*, *::after, *::before { box-sizing: border-box; }



#you_are_agreeing_pp_tou {
    box-shadow: unset;
    background-color: unset;
    width: auto;
    margin-top: 0px;
    font-family: 'Poppins';
    height: auto;
    font-size: 12px
}

.form__tos {
    width: 100%;
    color: white;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 10px
}


.myContainer { width: 100%; max-width: 1200px; display: inherit; flex-direction: inherit; margin: auto; }

.myContainer-1 { width: 100%; max-width: 1024px; display: inherit; flex-direction: inherit; margin: auto; }

.myContainer-2 { width: 100%; max-width: 1160px; display: inherit; flex-direction: inherit; margin: auto; }

.myContainer-3 { width: 100%; max-width: 1200px; display: inherit; flex-direction: inherit; margin: auto; }

.myContainer-footer { width: 100%; max-width: 1014px; display: inherit; flex-direction: inherit; margin: auto; }

.myContainer-input { width: 100%; max-width: 1178px; display: inherit; flex-direction: inherit; margin: auto; }

.onlymobile { display: none !important; }

.onlydesktop { display: flex !important; flex-direction: column; /*align-items: center;*/ /*padding: 0px;*/ }

.li { font-size: 18px; margin-left: -6px; }

.bullet-list { margin-right: 15px; width: 9px; height: 8px; background-image: url(bullet-list.png); background-repeat: no-repeat; background-position: top center; min-width: 16px; }

.content { width: 100%; height: 100%; }

.background-image { /*width: 1920px;*/ height: 651px; background-image: url(background_image_1200.jpg); /*background-image: url(background_1200.png);*/ background-repeat: no-repeat; background-position: top center; }

.ica-logo { width: 100%; padding-top: 40px; padding-bottom: 50px; }

.ica-logo-img { width: 246px; height: 64px; background-image: url(Logo_1200.png); background-repeat: no-repeat; background-position: top center; }

.header { }

.title { color: #323232; font-family: "Roboto Slab"; font-size: 33px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.73px; width: 50%; }

.subtitle { color: #323232; font-family: "Poppins"; font-size: 22px; font-weight: 500; /* Text style for "S, ervicio" */ letter-spacing: 0.49px; padding-top: 28px; padding-bottom: 28px; }

.red-bar { width: 600px; height: 2px; background-color: #ff0000; }

.bullet-1-box { padding-top: 29px; padding-bottom: 64px; }

.title-bullet-1 { /*width: 40%;*/ width: 505px; padding-bottom: 15px; color: #323232; font-family: "Poppins"; font-size: 18px; font-weight: 700; /* Text style for "C, onozca" */ letter-spacing: 0.4px; }

.subtitle-bullet-1 { /*padding-bottom: 15px;*/ color: #000000; font-family: "Poppins"; font-size: 18px; font-weight: 500; /* Text style for "S, oporte" */ letter-spacing: 0.4px; }

#form1 { }

#passport_container { box-shadow: none; background-color: transparent; }

#PassportDiv { border: none; background-color: transparent; color: white; box-shadow: none; font-family: "Poppins"; margin-top: 0; }

.form-div { background-color: #db272c; background-image: linear-gradient(-240deg, #88193c 0%, #fa7306 100%); }

#form { }

.form-title { text-align: center; padding-top: 42px; /*padding-bottom: 23px;*/ /*width: 603px;*/ /*height: 31px;*/ color: #ffffff; font-family: "Poppins"; font-size: 29px; font-weight: 700; /* Text style for "F, ill in" */ letter-spacing: 0.72px; }

.datebox { padding-top: 8px; }

#DateOfBirth { margin-bottom: 5px; color: #ffffff; font-family: "Poppins"; font-size: 14px; font-weight: 400; /* Text style for "Date of bi" */ letter-spacing: 0.35px; }

#div_Bday { display: grid; grid-template-columns: auto auto auto; grid-gap: 0 5px; margin-top: 0px; box-shadow: unset; }

.tooltip { grid-column: span 3; }

#Fname,
#Lname,
#Email,
#Birth_country,
#occupationSelect,
#SelectCountry,
#phone { color: #404040; font-family: "Arial"; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: 0.4px; }

#Bday_Day { padding-left: 15px; /*width: 95px;*/ margin-right: -2px; color: #404040; font-family: "Arial"; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: 0.4px; }

#Bday_Month { padding-left: 15px; /*width: 158px;*/ margin-right: -2px; color: #404040; font-family: "Arial"; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: 0.4px; }

#Bday_Year { padding-left: 15px; /*width: 123px;*/ color: #404040; font-family: "Arial"; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: 0.4px; }
#Bday_Day, #Bday_Month, #Bday_Year { /*width: calc(100% / 3 - 3px);*/ margin: 0; padding-left: 0px; width: auto; }

.Form_Element_Holder_Div { width: 380px; height: 42px; box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.56); /*border: 2px solid #018cc4;*/ background-color: #af382a; /*background-color: #aec0c7;*/ /*margin-left: 20px;*/ /*margin-bottom: 29px;*/ margin-top: 29px; }

    .Form_Element_Holder_Div:focus { border-color: #018cc4; }

    .Form_Element_Holder_Div .form_item:focus { border: 2px solid #018cc4; }

    .Form_Element_Holder_Div .form_item { padding-left: 18px; width: 380px; height: 42px; box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.56); /*border: 2px solid #018cc4;*/ background-color: #aec0c7; }

#utm_birthdate { width: 380px; height: 42px; box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.56); /*border: 2px solid #018cc4;*/ background-color: #aec0c7; padding-left: 18px; }


    #utm_birthdate:focus { border: 2px solid #018cc4; }

.input-group { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }


.submit { margin: auto; margin-bottom: 17px; height: 57px; margin-top: 21px; width: 381px; box-shadow: 0 0 9px rgba(43, 44, 45, 0.58), 0 0 7px rgba(255, 255, 255, 0.35); background-color: #ffffff; background-image: linear-gradient(to right, #1a67a3 0%, #359ae8 100%); cursor: pointer; }

.submit-text { /*width: 158px;*/ text-align: center; padding: 11px 103px; color: #ffffff; font-family: "Poppins"; font-size: 27px; font-weight: 700; text-transform: uppercase; /* Text style for "Aplique Ya" */ letter-spacing: 0.68px; }

#submitBTN { }

#lang { color: #fff; font-family: "Poppins"; display: flex; align-items: center; height: auto; border: none; margin: 0; background: none; box-shadow: none; }
#lblISpeak { margin-right: 5px; }
.checkboxGroup { display: flex;  }
#passport_container { height: auto; }


.box { width: 100%; display: flex; padding-top: 70px; }

.box-1 { padding-bottom: 66px; width: 100%; display: flex; padding-top: 66px; }

.text-box { padding-top: 45px; background-color: white; text-align: center; }

.text { /*width: 1054px;
    height: 59px;*/ color: #be272c; font-family: "Roboto Slab"; font-size: 27px; font-weight: 700; /* Text style for "¿Habla ing" */ letter-spacing: 0.68px; }

.title-bullet-2 { padding-bottom: 28px; /*width: 506px;
    height: 25px;*/ color: #323232; font-family: "Open Sans"; font-size: 24px; font-weight: 700; /* Text style for "D, escubra" */ letter-spacing: 0.6px; }

.bullet-2-box { width: 100%; }

.wrap { padding-bottom: 20px; width: 100%; display: flex; align-items: center; }

.wrap-1 { width: 100%; display: flex; align-items: center; }

.bullet-2 { margin-right: 15px; width: 20px; height: 22px; background-image: url(Vector_Smart_Object.png); background-repeat: no-repeat; background-position: top center; min-width: 16px; }

.subtitle-bullet-2 { color: #323232; font-family: "Open Sans"; font-size: 21px; font-weight: 400; /* Text style for "E, ntrada" */ letter-spacing: 0.53px; }

.first-box { width: 50%; padding-top: 29px; }

.second-box { /*width: 70%;*/ width: 100%; padding-top: 50px; padding-bottom: 48px; }

.canada-image { width: 42%; margin-left: 108px; }

.ica-img { height: 363px; background-image: url(image_1_1200.png); background-repeat: no-repeat; background-position: top center; }

.passport-image { /*width: 58%;*/ width: 90%; margin-right: 100px; }

.passport-img { width: 500px; height: 505px; background-image: url(image_2_1200.png); background-repeat: no-repeat; background-position: top center; }

.title-bullet-3 { padding-bottom: 33px; /*width: 506px;
    height: 25px;*/ color: #323232; font-family: "Open Sans"; font-size: 24px; font-weight: 700; /* Text style for "D, escubra" */ letter-spacing: 0.6px; }

.bullet-3-box { }

.bullet-3 { margin-right: 14px; width: 20px; height: 22px; min-height: 22px; min-width: 20px; background-image: url(Vector_Smart_Object.png); background-repeat: no-repeat; background-position: top center; }

.subtitle-bullet-3 { color: #323232; font-family: "Open Sans"; font-size: 21px; font-weight: 400; /* Text style for "C, anadá d" */ letter-spacing: 0.53px; }

footer { /*height: 151px;*/ background-color: #c5c5c5; padding-top: 37px; padding-bottom: 37px; text-align: center; /*padding-bottom: 84px;*/ }

.foter-text { color: #555555; font-family: "Arial"; font-size: 14px; font-weight: 400; line-height: 16.39px; }


@media screen and (max-width : 1239px) {

    #you_are_agreeing_pp_tou { font-size: 14px; }

    .form__tos { font-size: 18px; }


    .datebox { padding-top: 2px; }

    #DateOfBirth { width: 56%; margin-bottom: 1px; font-size: 12px; }

    .submit-text { }

    .title-bullet-2 { font-size: 21px; padding-bottom: 24px; }

    .subtitle-bullet-2 { font-size: 16px; }

    .first-box { width: 100%; padding-top: 0px; }

    .text { font-size: 22px; }

    .box { padding-top: 58px; }

    .background-image { height: 525px; }


    .onlymobile { display: flex !important; flex-direction: column; /*align-items: center;*/ /*padding: 0px;*/ }

    .onlydesktop { display: none !important; }

    .myContainer { max-width: 728px; }

    .myContainer-3 { max-width: 728px; }

    .myContainer-input { max-width: 728px; }

    .myContainer-1 { max-width: 728px; }

    .myContainer-2 { max-width: 728px; }

    .myContainer-footer { max-width: 728px; }


    .form-title { padding-top: 27px; padding-bottom: 20px; font-size: 22px; }

    .Form_Element_Holder_Div { margin-top: 17px; width: 351px; }

        .Form_Element_Holder_Div .form_item { width: 351px; }

    #utm_birthdate { width: 351px; height: 42px; }

    .submit { margin-top: 0; }

    #PassportDiv { width: auto; }


    .background-image { background-image: url(background_768.png); }

    .ica-logo-img { width: 179px; height: 46px; background-image: url(Logo_768.png); }

    .bullet-2 { width: 16px; height: 17px; background-image: url(bullet_768.png); }

    .bullet-3 { width: 14px; height: 16px; background-image: url(Vector_Smart_Object_320.png); }

    .passport-image { width: 100%; margin-right: 0px; }

    .passport-img { width: 720px; height: 289px; background-image: url(image_2_768.png); }

    .canada-image { width: 0%; margin-left: 0px; }

    .title { font-size: 27px; width: 70%; }

    .ica-logo { padding-top: 22px; padding-bottom: 20px; }

    .subtitle { font-size: 18px; padding-top: 20px; }

    .box-1 { flex-direction: column; padding-top: 43px; padding-bottom: 29px; }

    .bullet-1-box { padding-top: 48px; padding-bottom: 63px; }

    .text-box { padding-top: 0px; }

    .title-bullet-1 { font-size: 16px; }

    .subtitle-bullet-1 { font-size: 20px; }

    .li { font-size: 16px; margin-left: -10px; }

    .second-box { padding-top: 46px; }

    .title-bullet-3 { font-size: 21px; padding-bottom: 25px; }

    .subtitle-bullet-3 { font-size: 16px; }

    .second-box { padding-bottom: 0px; }

    footer { padding-bottom: 67px; }

    #div_Bday { background-color: #ce501b; box-shadow: unset; }

    #passportIspaek { width: 100%; display: flex; justify-content: space-between; margin-bottom: 10px; }
    #lang { width: 351px; align-items: center;flex-wrap:wrap; }

        #lang .tooltip {width:100%; }
    .mobileValidationMode .centerTooltipDiv p { color: white !important;padding-top:5px; }
    
}


@media screen and (max-width : 767px) {

    .form-div { height: auto }

    #div_Bday { background-color: #b53d27; }

    #you_are_agreeing_pp_tou { font-size: 12px; }

    .form__tos { font-size: 16px; }

    .datebox { width: 100%; padding-top: 5px; }

    /*#Bday_Day, #Bday_Month, #Bday_Year {
        width: calc(100% / 3 - 1.4px);
    }*/

    footer { padding-bottom: 33px; }

    .myContainer { /*max-width: 728px;*/ max-width: 768px; /*width: 100%;*/ padding-left: 20px; padding-right: 20px; }

    .myContainer-3 { /*max-width: 728px;*/ max-width: none; /*width: 100%;*/ padding: 0; }

    .myContainer-input { max-width: 768px; padding-left: 20px; padding-right: 20px; }

    .myContainer-1 { max-width: 768px; padding-left: 20px; padding-right: 20px; }

    .myContainer-2 { max-width: 768px; padding-left: 20px; padding-right: 20px; }

    .myContainer-footer { max-width: 768px; padding-left: 20px; padding-right: 20px; }

    .input-group { flex-direction: column; justify-content: center; align-items: center; }

    .Form_Element_Holder_Div { width: 100%; margin-top: 11px; }

        .Form_Element_Holder_Div .form_item { width: 100%; height: 35px; }

    #utm_birthdate { width: 100%; }

    .submit { width: 100%; /*width: 280px;*/ margin-top: 16px; height: 40px; }

    .submit-text { font-size: 20px; padding: 6px 0; }

    .form-title { font-size: 17px; padding-top: 33px; padding-bottom: 21px; }

    .title { width: 100%; font-size: 21px; }

    .subtitle { font-size: 18px; padding-top: 9px; }

    .ica-logo { padding-bottom: 29px; }

    .onlydesktop { display: none !important; }


    .background-image { background-image: url(background_320.png); }

    .ica-logo-img { width: 179px; height: 46px; background-image: url(logo_320.png); }

    .passport-img { width: 100%; height: 235px; background-image: url(Image_2_320.png); }

    .bullet-1-box { padding-top: 36px; padding-bottom: 51px; }

    .title-bullet-1 { width: 100%; }

    .text { font-size: 21px; }

    #passportIspaek { display: block; }
    #lang { width: 100%; }

}

@media screen and (max-width: 677px) {

    .wrap-1 { align-items: baseline; }
}

@media screen and (max-width: 580px) {
    .title { width: 100%; }
}



@media screen and (max-width: 499px) {



    

    .datebox { padding-top: 14px; }

    #divFname { }

    #divLname,
    #divEmail,
    #divBirth_country,
    #div_occupation,
    #div_phone_country,
    #div_phone { margin-top: 16px; }

    .centerTooltipDiv { padding-top: 4px; }
}