/*-------------------------------------- HEADER -----------------------------------*/

.material-icons {
    color: var(--reg_exp_profile_icons_color);
    margin: 5px 0px;
}

/*-------------------------------------- GENERAL -----------------------------------*/
        .contReg{
            width: 100%;
        }
        h1 {
            color: var(--reg_exp_profile_form_header_text_color);
            text-align: left;
            padding: 0 0 30px 16%;
            margin-top: 0;
            margin-bottom: 30px;
        }
        .contExpPopup{
            width: 100%;
            max-width: 1920px;
            margin: 0 auto;
            /*border: 1px solid #000;*/
            overflow: hidden;
        }
        .mesReg{
            max-width: 1920px;
            color: var(--reg_exp_profile_text_color);
            margin: 0 auto;
            margin-top: 0px;
            /*margin: 10px 0;*/
            padding: 10px 8%;
            text-align: left;
            background-color: var(--reg_exp_profile_color);
            font-size: 16px;
        }
/*-------------------------------------- PROFILE -----------------------------------*/
        .profExp{
            display:flex;
            flex-direction: column;
            width: 50%;
            float: left;
            overflow: hidden;
            margin-top: 70px;
            padding: 0px 8%;
        }
        .experienceExp{
            display:flex;
            justify-content: center;
            width: 100%;
            /*height: 30px;*/
            overflow: hidden;
            padding: 0px auto;
            background-color: #f0f0f0;
        }
        .experienceExp img{
            display: inline-block;
            margin: 5px auto;
            margin-left: calc(50% - 40px);
            font-size: 20px;
            float: left;
        }
        .experienceExp p{
            display: inline-block;
            margin: 5px 15px;
            font-size: 20px;
            float: left;
            color: var(--reg_exp_profile_form_header_text_color);
        }
        .picture{
            width: 68px;
            height: 68px;
            float: right !important;
        }
        #counExp{
            padding-top: 20px;
            height: 48px;
        }
        .appBorExp{
            border-top: 1px solid #a1a1a1;
        }
        .appExp{
            display: flex;
            width: 100%;
            height: 64px;
            justify-content: left;
            align-items: center;
        }
        .appExp h2{
            width: calc(90% - 68px);
            float: left;
            text-align: left;
            color: var(--reg_exp_profile_form_header_text_color);
        }
        .appExp p{
            /*display: inline-block;
            color: rgb(43,51,113);
            float: left;
            padding: 10px 0;*/
            /*float: right;
            margin-right: 50%;*/
        }
        .appExp span, .appExp img{
            float: left;
        }
        #picExp{
            height: 70px;
            margin: 10px 0px;
        }
        .descExp{
            display: flex;
            width: 100%;
            overflow-y: hidden;
            margin-top: 25px;
        }
        .descExp p{
            height: 148px;
            width: 100%;
            overflow-y: scroll;
            color: rgb(43,51,113);
            text-align: left;
            white-space: pre-line;
            color: var(--reg_exp_profile_main_text_color);
        }
        #star{
            height: 42px;
        }
        #star img{
            display: block;
            margin: 0;
            /*width: 150px;*/
        }
        #flaIco{
            width: 30px;
            margin-top: 0px;
            margin-right: calc(15% - 30px);
        }
        #appIco{
            /*margin-top: 10px;*/
            margin-right: calc(15% - 25px);
            font-size: 25px;
        }
        .labelExp{
            display: inline-block;
            float: left;
            height: 30px;
            line-height: 20px;
            padding-top:6px;
            color: var(--reg_exp_profile_main_text_color);
        }
        .labelImg{
            display: inline-block;
            float: left;
            height: 22.5px;
            line-height: 14px;
            padding-top:4px;
            color: var(--reg_exp_profile_main_text_color);
        }
        /*.appExp span{
            margin-top: 10px;
            margin-right: calc(15% - 25px);
            font-size: 25px;
        }*/
        #degIco{
            width: 30px;
            margin-top: 10px;
            margin-right: calc(15% - 30px);
        }
        #locIco{
            width: 21px;
            margin-top: 10px;
            margin-right: calc(15% - 25px);
        }
        #lanIco{
            width: 21px;
            margin-top: 10px;
            margin-right: calc(15% - 25px);
        }
/*-------------------------------------- FORM -----------------------------------*/

        select.form-control:not([size]):not([multiple]) {
            height: calc(3.25rem + 2px);
        }

        .formExp{
            width: 50%;/*calc(50% - 150px);*/
            /*border: 1px solid #090;*/
            float: right;
            padding: 0px  8%;
            /*height: 730px;*/
            overflow: hidden;
            color: #2B3371 !important;
            margin-top: 70px;
            margin-bottom: 70px;
            /*overflow: scroll;*/
        }

        .form{
            /*margin-top: 25px;*/
            /*margin-top: calc(50% - 197px);
            margin-bottom: calc(50% - 197px);*/
        }
        .form h1{
            display: block;
            /*margin-left: calc(45% - 87px);*/
            margin: 0;
            padding: 0;
            margin-left: 0px;
            padding-left: initial;
            padding-left: 0 !important;
            text-align: left;
            margin-bottom: 40px;
            /*color: #2B3371 !important;*/
        }
        .form-group{
            margin: 30px 0;
        }
        .form-group img, .form-group span{
            float: left;
            margin: 25px 0 0 0;
            font-size: 21px;
        }
        .glyphicon{
            color: var(--reg_exp_profile_icons_color);
        }
        .form-group input, .form-group select{
            padding: 5px 10px;
            border-radius: 0px;
            float: left;
            margin: 20px 0px;
            /*width: 193px;*/
            width: calc(100% - 21px);
            background-color: rgba(255,255,255,0.0);
            border-top: 0px !important;
            border-top-color: rgba(255,255,255,0.0);
            border-left-color: rgba(255,255,255,0.0);
            border-right-color: rgba(255,255,255,0.0);
            height: 35px;
        }
        .btnExpapp{
            cursor: pointer;
            width: 70%;
            background: #2f2769;
            background: -webkit-linear-gradient (left, #2f2769, #0c8e93);
            background: -o-linear-gradient( right, #2f2769, #0c8e93);
            background: -moz-linear-gradient( right, #2f2769, #0c8e93);
            background: linear-gradient(to right, #2f2769 , #0c8e93);
            border: none;
            /*border-radius: 5px;*/
            padding: 5px 0;
            margin: 40px 0 40px 0;
        }
        #countryExp{
            width: calc(100% - 21px);
        }
        .btnExpapp a{
            height: 10%;
            text-align: center;
            text-decoration: none;
            color: #F2F2F2;
            font-family: light;
            font-size: 1.6em;
            /*padding: 0px 10px;*/
            padding-left: calc(50% - 37px);
        }
        .btnExpapp, .btnExpapp a{
            color: #f2f2f2;
            background: #0875ad;
            text-decoration: none;
        }
        #codCoun{
            width: 20%;
            margin-right: 0;
            padding-left: 0;
            padding-right: 0;
        }
        #mobNum{
            width: calc(80% - 21px);
            float: left;
        }
        .form-group p{
            float: left;
            width: 100%;
            margin: 20px 0 30px 0;
            /*margin-left: 20%;*/
            text-align: left;
            /*text-align: center;*/
            color: var(--reg_exp_profile_main_text_color);
        }
        .form-group p a{
            padding: 0;
            display: inline-block;
            background-color: initial;
            width: initial;
            font-size: 13px;
            color: var(--reg_exp_profile_links_color);
        }
        .btnRegexp{
            width: 100%;
            overflow: hidden;
            padding: 15px 0;
            margin-bottom: 100px;
        }
        .btnRegexp a{
            display: block;
            float: left;
            width: 80%;
            /*margin: 15px 10%;*/
            /*margin-top: calc(50% - 14px);*/
            text-align: center;
            padding: 20px 0 20px 0;
            color: #000;
            font-size: 20px;
        }
        .btnCont{
            width:50%;
            float:left;
            padding: 0 8%;
        }
        /*.btnRegexp p{
            display: inline-block;
            float: left;
            width: 44%;
            margin: 0 3% 0 3%;
            text-align: left;
            padding: 0 0 20px 0;
            color: #2B3371;
            font-size: 13px;
        }*/
        #btnRegexp_ok{
            float: right;
            width: 100%;
            background-color: var(--reg_exp_profile_buttons_color);
            color: var(--reg_exp_profile_buttons_text_color);
        }
        #btnRegexp_cancel{
            /*border: 1px solid #707070;*/
            background-color: rgba(200,200,200,0.4);
            color: #707070;
            float: left;
            width: 100%;
        }
        #btnRegexp_ok:hover{
            background-color: var(--reg_exp_profile_buttons_hover_color);
            text-decoration: none;
        }
        #btnRegexp_cancel:hover{
            background-color: var(--reg_exp_profile_buttons_hover_color);
            text-decoration: none;
            color: var(--reg_exp_profile_buttons_text_color);
        }
        .alert-info {
            color: var(--reg_exp_profile_text_color);
            background-color: var(--reg_exp_profile_buttons_hover_color);
            border-color: var(--reg_exp_profile_buttons_hover_color);

        }

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

    .descExp{
        margin-top: 60px;
    }

}
@media only screen and (max-width:992px) {

    #lp-pom-image-200 {
        top: 30px;
        left: 96px;
    }

}

@media only screen and (max-width: 855px){
        h1{
            font-size: 30px;
        }
        h2{
            font-size: 20px;
        }
        .mesReg{
            font-size: 12px;
        }
}
@media only screen and (max-width: 768px){
        h1{
            font-size: 25px;
        }
        .form h1{
            margin-bottom: 80px;
        }
}
@media only screen and (max-width: 640px) and (orientation: landscape){
        h1{
            font-size: 22px;
        }
        h2{
            font-size: 18px;
        }
        .form h1{
            margin-bottom: 50px;
        }
        .mesReg{
            font-size: 12px;
        }
        .experienceExp img{
            font-size: 18px;
        }
        .experienceExp p{
            font-size: 18px;
        }
        .picture{
            width: 66px;
            height: 66px;
        }
        #appIco{
            font-size: 22px;
        }
        .form-group img, .form-group span{
            font-size: 20px;
        }
        .btnExpapp a{
            font-size: 1.5em;
        }
        .form-group p a{
            font-size: 12px;
        }
        .btnRegexp a{
            font-size: 18px;
        }
        .form-group p{
            font-size: 12px;
        }
        .descExp{
            margin-top: 75px;
        }
        .descExp p{
            font-size: 12px;
        }
}
@media only screen and (max-width: 640px) and (orientation: portrait){
        select.form-control:not([size]):not([multiple]) {
            height: calc(4.75rem + 2px);
        }
        h1 {
            padding: 0 0 30px 8%;
            font-size: 40px;
        }
        h2{
            font-size: 30px;
        }
        .labelExp{
            font-size: 20px;
        }
        .labelImg{
            font-size: 20px;
        }
        .descExp #appIco {
            margin-top: 30px;
        }
        .descExp p{
            font-size: 18px;
            margin: 25px 0px;
        }
        .profExp{
                width: 100%;
        }
        .formExp{
                width: 100%;
                float: left;
                height: initial;
                overflow: hidden;
        }
        #picExp{
            height: initial;
            overflow: hidden;
        }
        .form-group span{
            margin: 20px 0 0 0;
            font-size: 40px;
        }
        .form-group input, .form-group select{
            margin: 20px 0 20px 0px;
            width: calc(100% - 40px);
            font-size: 20px;
            padding: 10px 10px;
            height: 50px;
        }
        .form-group select{
            font-size: 20px;
        }
        #countryExp{
            width: calc(100% - 40px);
        }
        #codCoun{
            width: calc(40% - 20px);
        }
        #mobNum{
            width: calc(60% - 20px);
        }
        .form-group p{
            width: 100%;
            font-size: 20px;
        }
        .form-group p a{
            font-size: 20px;
        }
        .mesReg{
            font-size: 12px;
            padding: 10px 5%;
        }
        .btnRegexp a{
            width: 80%;
            margin: 15px 10%;
        }
        .descExp{
            margin-top: 75px;
        }
        .formExp{
            margin-bottom:0;
        }

        /*.btnRegexp a{
            margin: 40px 0 0 0;
            width: 40%;
            float: none;
        }
        #btnRegexp_ok{
            float: right;
        }
        #btnRegexp_cancel{
            float: left;
        }*/
}
@media only screen and (max-width: 375px) and (orientation: portrait){
        h1 {
            font-size: 35px;
        }
        h2{
            font-size: 25px;
        }
    .form-group p,.form-group p a{
        font-size: 15px;
    }
}
@media only screen and (max-width: 360px) and (orientation: portrait){
        h1 {
            font-size: 30px;
        }
        h2{
            font-size: 20px;
        }
}