/*
*   CIVENTIS - StyleSheet
*
*   0. Font Faces
*   1. Shared
*   2. Header / Footer
*   3. Home
*   4. Campaign View
*   5. Pages Content
*   6. Register
*
*/

/* 0. Font Faces */
@font-face {
    font-family: 'sinkin_sans400_regular';
    src: url('fonts/sinkinsans-400regular-webfont.eot');
    src: url('fonts/sinkinsans-400regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/sinkinsans-400regular-webfont.woff2') format('woff2'),
    url('fonts/sinkinsans-400regular-webfont.woff') format('woff'),
    url('fonts/sinkinsans-400regular-webfont.ttf') format('truetype'),
    url('fonts/sinkinsans-400regular-webfont.svg#sinkin_sans400_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: titillium_web !important;
    src: url('fonts/sinkinsans-300light-webfont.eot');
    src: url('fonts/sinkinsans-300light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/sinkinsans-300light-webfont.woff2') format('woff2'),
    url('fonts/sinkinsans-300light-webfont.woff') format('woff'),
    url('fonts/sinkinsans-300light-webfont.ttf') format('truetype'),
    url('fonts/sinkinsans-300light-webfont.svg#sinkin_sans300_light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sinkin_sans700_bold';
    src: url('fonts/sinkinsans-700bold-webfont.eot');
    src: url('fonts/sinkinsans-700bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/sinkinsans-700bold-webfont.woff2') format('woff2'),
    url('fonts/sinkinsans-700bold-webfont.woff') format('woff'),
    url('fonts/sinkinsans-700bold-webfont.ttf') format('truetype'),
    url('fonts/sinkinsans-700bold-webfont.svg#sinkin_sans700_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* 1. Shared */


.Modal hr {
    width: 125px;
    display: inline-block;
    height: 1px;
    background-color: #032D4E;
    display: none;
}

.closeButton {
    width: 15px;
    height: auto;
}

h2 {
    /* White color Title */
    font-family: titillium_web !important;
    font-size: 25px;
    color: white;
    text-transform: uppercase;
    font-weight: 400;
}

.norequire:after {
    content: "" !important;
}

h2 b {
    font-family: 'sinkin_sans700_bold';
}

h3 {
    font-family: titillium_web !important;
    font-weight: bold;
    font-size: 14px;
    color: black;
}

.new_pj, .new_pf {
    /* Body Tag */
    background-color: white;
}

.supportModal {
    position: absolute;
    width: 500px;
    height: 300px;
    left: 50%;
    margin-left: -250px;
    background-color: lightgray;
    color: black;
}

.Content {
    width: 1200px;
    margin: 0 auto;
}

.ModalShare #par {
    width: 200px;
    padding: 0px 20px;
}

#log2 {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 500px;
    height: 300px;
    background-color: #fff;
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ModalSmokeScreen {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .1);
    z-index: 10;
    left: 0;
    top: 0;
    display: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 9997;
}

.ModalTaxCalc {
     position: absolute;
     width: 800px;
     height: auto;
     top: 80px;
     left: 50%;
     margin-left: -400px;
     display: none;
     z-index: 9998;
     border: 1px solid #2a318d;
     background-color: white;
     padding: 0px;
 }

.ModalSupport_4 {
    position: absolute;
    width: 680px;
    height: auto;
    top: 80px;
    left: 50%;
    margin-left: -340px;
    display: none;
    z-index: 501;
    border: 1px solid #2a318d;
    background-color: white;
    padding: 0px;
}

.tax-content {
    width: 800px;
}
.tax-content h1 {
    margin-top: 40px !important;
}

.tax-content input {
    width: 300px;
    height: 28px;
    padding-left: 15px;
    margin: 10px;
    border: 1px solid #4d53a0;
}

.tax-close {
    right: 20px !important;
    top: 15px !important;
    position: absolute;
}

.tax-close .closeButton {
    margin-top: 0px;
    text-align: right;
    cursor: pointer;
    font-size: 18px;
    font-weight: 300 !important;
    opacity: 1 !important;
    color: #2a318d !important;

}

.ModalTaxCalc .close {
    opacity: 1 !important;
}

.tax-close  .closeButton:hover {
    color: #f36f20 !important;

}


.tax-content input::-webkit-input-placeholder {
    color: #4f4f4f !important;
}

.tax-content input:-moz-placeholder {
    /* Firefox 18- */
    color: #4f4f4f !important;
}

.tax-content input::-moz-placeholder {
    /* Firefox 19+ */
    color: #4f4f4f !important;
}

.tax-content input:-ms-input-placeholder {
    color: #4f4f4f !important;
}


.ModalCropper {
    position: absolute;
    width: 800px;
    top: 50px;
    left: 50%;
    margin-left: -400px;
    display: none;
    z-index: 9999;

    background-color: white;
    padding: 0px;
    padding-bottom: 110px;
}

.cropper-content {
    width: 800px;
}

.support-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.support-close img {
    width: 20px;
    height: auto;
}

.support-content {
    width: 500px;
    min-height: 30px;
}

.support-content div {
    display: block;
    margin-bottom: 10px;
}

.support-content-label {
    margin-top: 30px;
    margin-bottom: 30px !important;

    font-family: titillium_web;
    font-weight: bold;
    font-size: 24px;
    color: #2a318d;
    text-transform: uppercase;
}

::-webkit-input-placeholder {
    color: #6FA8CE;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #6FA8CE;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #6FA8CE;
}

:-ms-input-placeholder {
    color: #6FA8CE;
}

textarea:focus, input:focus {
    outline: 0;
}

.block-text {
    width: 900px;
    margin: 0 auto;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;

    font-family: 'sinkin_sans400_regular';
    color: white;
    font-size: 15px;
}

.page-list p b {
    font-family: 'sinkin_sans700_bold';
    font-size: 13px;
    padding-top: 20px;
}

.button-more-1 {
    margin: 20px 0px;
    width: 120px;
    height: auto;

    cursor: pointer;
}

.button-more-2 {
    width: 120px;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    cursor: pointer;
}

/* 3. Home */

#graf_1 {
    width: 1000px;
    height: 534px;

    position: absolute;
    top: 600px;
    left: 50%;
    margin-left: -500px;
    z-index: -1;
}

.social-box hr {
    display: inline-block;
    width: 150px;
    height: 1px;
    background-color: white;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    margin-top: -17px;
}

.social-box {
    width: 100%;
    height: 300px;
    padding-top: 30px;
}

.social-box span {
    display: inline-block;
    width: 100%;
    font-family: 'sinkin_sans400_regular';
    font-size: 13px;
    color: lightgray;
    text-align: center;
    padding-top: 20px;
}

.profile-link {
    margin-top: -18px !important;
    margin-left: 20px;
}

.social-button img {
    float: left;
    cursor: pointer;
}

.social-buttons {
    width: 300px;
    margin: 0 auto;
    padding-top: 20px;
}

.register-box {
    width: 100%;
    min-height: 710px;
    margin-top: -20px;
    padding-top: 40px;
    background-color: #7799c3;
}

.register-img {
    width: 518px;
    position: absolute;
    left: 50%;
    margin-left: -374px;
    margin-top: -124px;
    z-index: 1;
}

.register-block-pf {
    position: absolute;
    width: 400px;
    height: 125px;
    background-color: #96b0d1;
    border-radius: 12px;
    left: 50%;
    margin-top: 224px;
    margin-left: -532px;
    z-index: 0;
    cursor: pointer;
}

.register-block-pj {
    position: absolute;
    width: 400px;
    height: 125px;
    background-color: #96b0d1;
    border-radius: 12px;
    left: 50%;
    margin-top: 258px;
    margin-left: 200px;
    z-index: 0;
    cursor: pointer;
}

.register-block-pf .register-block-title {
    display: inline-block;
    font-family: titillium_web !important;
    font-size: 32px;
    color: #1d314e;
    text-transform: uppercase;

    width: 90%;
    text-align: center;
    margin-top: 5px;
}

.register-block-pj .register-block-title {
    display: inline-block;
    font-family: titillium_web !important;
    font-size: 32px;
    color: #1d314e;
    text-transform: uppercase;

    width: 100%;
    text-align: center;
    margin-top: 5px;
}

.register-block-title b {
    font-family: 'sinkin_sans700_bold';
}

.register-block-pf .register-block-plus {
    width: 150px;
    height: auto;

    margin-left: 105px;
}

.register-block-pj .register-block-plus {
    width: 150px;
    height: auto;

    margin-left: 125px;
}

.new_pf .date {
    display: none;
}

/* 4. Campaign View */
.campaign_view {
    /* Page Body */
    background-color: white;
}

#campaign-view h1 {
    text-align: center;
}

#campaign-view hr {
    display: inline-block;
    width: 150px;
    height: 1px;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    margin-top: -13px;
    background-color: #032d4e;
}

.campaign-view-label {
    display: inline-block;
    width: 100%;
    text-align: center;

    padding-top: 20px;
    padding-bottom: 10px;

    font-family: titillium_web !important;
    font-size: 12px;
    color: #555555;
    text-transform: uppercase;
    font-weight: bold;

}

.campaign-view-shortdesc {
    display: inline-block;
    position: absolute;
    width: 750px;
    left: 50%;
    margin-left: -375px;
    text-align: center;

    font-family: titillium_web !important;
    font-size: 19px;
    color: #555555;

    padding-top: 20px;
    padding-bottom: 10px;

}

#campaign-view table {
    width: 1125px;
    margin: 0 auto;
    margin-top: 150px;
}

#campaign-view .left {
    width: 690px;
    vertical-align: top;
    padding-top: 40px;
}

#campaign-view .right {
    width: 415px;
    vertical-align: top;
    padding-right: 30px;
    padding-left: 30px;
}

.campaign-view-cover-share {
    float: left;
    cursor: pointer;
}

.campaign-view-cover-share .hover, .campaign-view-cover-follow .hover {
    display: none;
}

.campaign-view-cover-follow-hover .hover {
    display: block !important;
}

.campaign-view-cover-follow-hover .normal {
    display: none !important;
}

.campaign-view-cover-follow {
    float: right;
    cursor: pointer;
}

.campaign-view-cover-content {
    margin: 0px 0px;
    margin-bottom: 20px;
}

.campaign-view-incentived {
    text-align: center;
    height: 63px;
}

.campaign-view-right-separator {
    width: 415px;
    height: 1px;
    background-color: black;
    position: absolute;
    left: 50%;
    margin-left: 140px;

}

.campaign-view-goal-label {
    text-align: center;
    display: inline-block;
    width: 100%;
    font-family: titillium_web !important;
    font-size: 16px;
    color: #387cb2;
    text-transform: uppercase;

    margin-top: 10px;
    margin-bottom: 10px;
}

.campaign-view-goal img {
    margin-left: 47px;
    margin-top: 20px;
}

.campaign-view-goal-value {
    text-align: center;
    display: inline-block;
    width: 100%;
    font-family: 'sinkin_sans700_bold';
    font-size: 24px;
    color: #387cb2;
}

.campaign-view-dates {
    width: 415px
}

.campaign-view-dates div {
    display: inline-block;
    width: 198px;
    min-height: 55px;
}

.campaign-view-dates-label {
    display: inline-block;
    width: 100%;
    text-align: center;

    font-family: titillium_web !important;
    font-size: 13px;
    color: #555555;
}

.campaign-view-dates-value {
    display: inline-block;
    width: 100%;
    text-align: center;

    font-family: 'sinkin_sans400_regular';
    font-size: 15px;
    color: #387cb2;
}

.campaign-view-submit {
    width: 324px;
    height: 90px;
    margin: 0 auto;
    cursor: pointer;
}

.campaign-view-author {
    display: inline-block;
    width: 150px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

.campaign-view-rewards {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px;
}

.campaign-view-rewards span:nth-child(2) {
    font-size: 16px;
    font-family: titillium_web;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
    color: #333333;
    text-decoration: none !important;
}


.campaign-view-rewards-link, .campaign-view-rewards-link:visited {
    color: #333333;
    text-decoration: underline;

}

.campaign-view-rewards-link:hover {
    color: #23527c;;
    text-decoration: underline !important;
}

.campaign-view-rewards-label {
    text-align: center;
    display: inline-block;
    width: 100%;
    font-family: titillium_web !important;
    font-size: 16px;
    color: #387cb2;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0px;
}

.Modal .error-message{
    display: none !important;
}

.campaign-view-reward {
    width: 335px;
    height: 490px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.campaign-view-reward img {
    width: 335px;
    position: absolute;

}

.campaign-view-menu {
    min-height: 15px;
    border-top: 2px solid grey;
}

.campaign-view-menu-item:first-of-type {
    text-align: left;
    padding-left: 5px;
}

.campaign-view-menu-item:last-of-type {
    text-align: right;
    padding-right: 5px;
}

.campaign-view-menu-item {
    display: inline-block;
    padding: 10px 30px;
    font-family: titillium_web !important;
    font-size: 11px;
    text-align: center;
    color: #555555 border-top : 2 px solid white;
    text-transform: uppercase;
}

.campaign-view-menu-item:hover, .campaign-view-menu-item-hover {
    cursor: pointer;
    color: #00a7ea;
}

.campaign-view-content {
    width: 680px;
    min-height: 300px;
    padding: 8px;
    padding-top: 15px;

}

.campaign-view-cover {
    width: 690px;
}

.support-5-incentived {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    bottom:15px;
}

.campaign-view-content-item {
    display: none;
}

.campaign-view-content p img {
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto;
}

.campaign-view-content-item {
    /*padding: 10px 34px;*/
}

.campaign-view-content-item h3 {
    margin-bottom: 5px;
    margin: 0;
    padding: 0;
}

.campaign-view-content-item hr {
    width: 620px !important;
    margin-left: -534px !important;
    margin-top: 25px !important;
    background-color: lightgray !important;
}

.campaign-view-content-item .date {
    float: right;
    height: 30px;
    margin-top: 30px;

    font-family: titillium_web !important;
    font-size: 11px;

}

/* 5. Pages Content */
.display {
    /* Body Tag */
    background-color: white;
}

.pages-content {
    width: 1000px;
    margin: 0 auto;
    min-height: 500px;
}

.pages-content h1 {
    text-align: center;
}

.pages-text {
    font-family: titillium_web !important;
    font-size: 13px;
    color: #555555;
    line-height: 18px;
}

/* 6. Register */
#createForm {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 30px 60px 30px;
}

#createForm input {
    border: 1px solid #387CB2;
    width: 300px;
    height: 40px;
    margin-bottom: 10px;
    padding-left: 10px;
}

#createForm input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 1px solid #387CB2;
    display: inline-block;
}

#createForm .submit {
    float: right;
    width: 275px;
    height: auto;
    border: 0;
    margin-top: 71px;
}

.dateEntry-control {
    display: none !important;
}

.New_table tr td:first-child {
    width: 207px;
    padding: 20px 0px;
    vertical-align: top;
}

.New_table tr td:last-child {
    padding-top: 40px;
}

#createForm h3 {
    font-family: titillium_web !important;
    font-size: 19px;
    font-weight: bold;
    color: #032d4e;
    text-transform: uppercase;
}

#select_city {
    opacity: 0.6;
    width: 305px;
}

.New_table label {
    color: black !important;
}

.New_ImageColumn {
    display: inline-block;
}

#createForm textarea {
    border: 1px solid #387CB2 !important;
    margin-left: 8px;
    width: 742px !important;
}

.New_socialTable {
    margin-left: 10px;
    margin-top: 20px;
}

.New_socialTable tr td:first-child {
    padding: 0;
}

.New_socialTable tr td:last-child {
    padding: 0;
    padding-top: 20px;
}

.New_Ending {
    width: 100%;
    height: 400px;
    background-size: cover;
}

#createForm label {

    font-family: titillium_web;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    margin-right: 10px;
    display: block;
    color: #151515;
}
.New_submit{
    width: 341px;
    height: 85px;
    margin: 0 auto;
    margin-top: 75px;
}

.New_submit input{
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    left: auto !important;
}

.required label:after, .password label:after {
    content: "*";
    color: #ff2727;
}

.required_fields label:after {
    content: "*";
    color: #ff2727;
}

#createForm textarea {
    width: 100%;
    height: 100px;
}

#createForm select[multiple='multiple'] {
    width: 1000px;
    height: 130px;
}

.new_pf #flashMessage, .new_pj #flashMessage {
    position: fixed;
    display: inline-block;
    width: 100%;
    padding: 5px 0px;
    text-align: center;
    font-weight: bold;
    background-color: #F4F4F4;
    font-size: 13px;
    color: #032D4E;
    font-family: titillium_web !important;
    z-index: 9998;
}

.confirm_pf .UploadImageDiv {
    position: absolute;
    top: 371px;
    left: 50%;
    margin-left: 379px;
}

.create_pf .UploadImageDiv {
    position: absolute;
    top: 360px;
    left: 50%;
    margin-left: 400px;
}

.create_pf .UploadImageDiv .file {
    width: 270px;
    /* margin-right: 15px; */
    margin-left: -60px;
    margin-top: -10px!important;
    opacity: 0;
    width: 298px;
    height: 95px;
    cursor: pointer;
}

.create_pf .profile-image-upload {
    width: 224px !important;
    height: 225px !important;

}

.create_pf  .profile-image-upload p:first-child,  .profile_edit .profile-image-upload p:first-child {
    font-size: 20px;
    text-align: center;
    padding: 0 20px;
    margin-top: 50px;
    margin-bottom: 30px;
}

.create_pf .profile-image-upload p strong, .profile_edit .profile-image-upload p strong  {
    color: #696caf;
}

.create_pf  .profile-image-upload span p:first-child, .profile_edit .profile-image-upload span p:first-child {
    font-size: 14px;
}

.create_pf  .profile-image-upload span p, .profile_edit .profile-image-upload span p{
    font-size: 14px;
    margin: 0 !important;
    padding: 0px 5px;
    text-align: center;
}


.create_pf .profile_edit .UploadImageDiv {
    position: absolute;

    top: 1368px !important;
    left: 50%;
    margin-left: -210px;
}

.create_pf .confirm-page .confirm-column {
    width: 70%;
}


.confirm_pf .UploadImageDiv .file {
    width: 270px;
    /* margin-right: 15px; */
    margin-left: -60px;
    margin-top: -10px!important;
    opacity: 0;
    width: 298px;
    height: 95px;
    cursor: pointer;
}



.new_pj .UploadImageDiv {
    position: absolute;
    top: 380px;
    left: 50%;
    margin-left: 400px;
}

.new_pj .UploadImageDiv label {
    margin-bottom: 0px;
}

.new_pj .UploadImageDiv .profile-image-upload {
    width: 262px;
    height: 261px;
    border: 1px solid #4383b6;
}

.new_pj #profile_image_uploadImageProfile {
    margin-left: -40px;
    margin-top: 0px!important;
}

.profile_pj .UploadImageDiv {
    position: absolute;
    top: 1242px !important;
    left: 50%;
    margin-left: -176px;
}

.profile_pj #profile_image_uploadImageProfile {
    margin-left: -0px;
    margin-top: 0px!important;
}

#ProfileProfileEditForm, #ProfileProfilePjForm {
    margin-top: 77px;
}

.UploadImageDiv label {
    display: block;
    font-family: titillium_web !important;
    font-size: 15px;
    color: black;
    margin-bottom: 10px;
}

.UploadImageDiv .file {
    width: 270px;
    /* margin-right: 15px; */
    margin-left: -250px;
    margin-top: -10px!important;
    opacity: 0;
    width: 298px;
    height: 95px;
    cursor: pointer;
}

.UploadImageDiv .submit {
    margin-bottom: 34px;
    margin-right: 10px;
    margin-left: 0px;
}

.profile-image-upload {
    width: 298px;
    height: 95px;
    display: inline-block;
    cursor: pointer;
    background-repeat: no-repeat;
    position:relative;
    background-size: cover;
    overflow:hidden;
}

.profile-header-upload {
    width: 298px;
    height: 95px;
    display: inline-block;
    cursor: pointer;
    background-repeat: no-repeat;
    position:relative;
    overflow:hidden;
}


.profile-image-upload input{
    cursor:pointer;
    position:absolute;
    top:0px;
    opacity:0;
}

.profile-image-img {
    z-index: 0;
}

.new_pf .error-message, .new_pj .error-message {
    font-family: 'sinkin_sans700_bold';
    font-size: 12px;
    color: #9E2424;
    position: absolute;
}

.confirm-mail {
    width: 1000px;
    margin: 0 auto;
}

.confirm-mail h1 {
    padding-top: 20px;
    text-align: center;
}

.confirm-mail p {
    font-family: 'sinkin_sans400_regular';
    font-size: 13px;
}

.confirm-mail p:first-of-type {
    margin-top: 30px;
}


/* 7. Campaign_support */
#campaign-support {
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: 103px;
}

#campaign-support table tr td {
    width: 100%;
    text-align: center;
}

.campaign-support-reward {

    font-family: 'sinkin_sans400_regular';
    font-size: 13px;
    cursor: pointer;
    width: 400px;
    min-height: 100px;
    border: 1px solid #387CB2;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 10px;
    margin-left: 279px;
}

.campaign-support-reward b {
    color: #387CB2;
}

.campaign-support-goal {
    font-family: 'sinkin_sans700_bold';
    font-size: 15px;
    line-height: 30px;
}

/* 8. My Civentis */
.my-civentis {
    width: 1200px;
    margin: 0 auto;
}

.my-civentis-menu {
    width: 800px;
    margin: 0 auto;
    min-height: 30px;
}

.my-civentis-menu a {
    margin-left: 30px;
    font-family: titillium_web !important;
    font-size: 15px;
    color: black;
    float: right;

    cursor: pointer;
}

.my-civentis-menu a:hover {
    font-weight: bold;
}

.my-civentis-menu a:first-of-type {
    float: left;
}

.my-civentis .msg {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-family: titillium_web !important;
    font-size: 15px;
    color: black;
    margin-top: 100px;
}

/* 9. Profile */
.profile-page {
    width: 1000px;
    margin: 0 auto;
    padding-top: 20px;
}

.profile-image {
    width: 181px;
    height: 215px;
    margin: 0 auto;
    padding-left: 10px;
}

.profile-image-img img {
    width: 170px;
    height: 170px;
}

.profile-back {
    display: block;
    width: 100%;
    text-align: center;
    font-family: titillium_web;
    font-size: 20px;
    color: #387cb2;

    margin: 20px 0px;
    cursor: pointer;
}

.profile-link {
    position: absolute;
    margin-top: -23px;
    width: 300px;
    font-family: titillium_web !important;
    font-size: 13px;
    color: #387CB2;
    text-transform: uppercase;
    margin-left: 0px;

    cursor: pointer;
}

.profile-info b {
    font-weight: bold;
}

.profile-sep {
    position: absolute;
    width: 1166px;
    left: 50%;
    margin-left: -583px;
    margin-top: 40px;
}

.profile-menu-item {
    width: 350px;
    height: 173px;
    margin-right: 20px;
}

.profile-menu-item .link {
    font-family: titillium_web !important;
    font-size: 11px;
    color: black;
    font-weight: bold;
    padding-left: 5px;
}

.profile-menu-item .disabled {
    color: darkgray;
    cursor: default;
}

.profile-menu {
    margin-top: 60px;
    margin-bottom: 30px;
    margin-left: -33px;
}

.profile-menu table tr td {
    vertical-align: top;
}

.profile-menu-item .image {
    display: inline-block;

}

.profile-menu-item .text {
    display: inline-block;
    margin-top: 10px;
    margin-left: 5px;
}

.profile-menu-item .text h1 {
    margin-left: 0px;
}

.profile-menu-item .text a {
    margin-left: 0px;
    padding: 0px;
}

.profile-image-mask {
    margin-left: -5px;
}

.profile-image div {
    float: left;
    position: absolute;
}

.profile .msg {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-family: titillium_web !important;
    font-size: 15px;
    color: black;
    margin-top: -30px;
}

.profile-info-2 {

}

.profile-info {
    position: absolute;
    top: 370px;
    left: 50%;
    width: 400px;
    min-height: 60px;
    margin-left: -550px;
    text-align: right;
}

.profile-info p {
    margin: 0;
}

.profile-bar {
    margin-top: 20px;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
}

.profile-bar h1 {
    text-align: center;
}

.profile-bar hr {
    width: 150px;
    height: 1px;
    background-color: #032d4e;
    margin-bottom: 30px;
}

.profile-bar-content {
    width: 1000px;
    margin: 0 auto;
}

.profile-more {
    width: 1074px;
    margin: 0 auto;
    text-align: right;
}

.profile-socialBar {
    margin-top: 20px;
}

.profile-socialBar .social {
    display: inline-block;
}

.profile-page hr{
    height: 1px;
    border: 0px;
    background-color: black;
    opacity: 0.25;

}


.profile-social {
    position: absolute;
    top: 383px;
    left: 50%;
    width: 400px;
    min-height: 60px;
    margin-left: 112px;
    text-align: left;
}

.profile-social .socialList {
    display: inline-block;
}

.profile-info .name {
    font-family: titillium_web;
    font-size: 24px;
    font-weight: bold;
    color: #2a318d;
    text-transform: uppercase;
}

.profile-info .location {
    font-family: titillium_web;
    font-size: 17px;
    /*font-weight: bold;*/
    color: #47bfee;
    text-transform: uppercase;
}

.profile-description {
    width: 900px;
    margin: 0 auto;
    margin-top: 40px;
    text-align: center;

    font-family: titillium_web;
    font-size: 18px;
    font-weight: 500;
    color: #151515;
}

.profile-num {
    width: 990px;
    margin: 0 auto;
    padding-top: 40px;

}

.profile-num table tr td {
    text-align: center;
    padding: 10px;
}

/* 9. Campaign-Select */
.campaign-select {
    width: 1000px;
    min-height: 850px;
    margin: 0 auto;
}

.campaign-select span {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-family: titillium_web !important;
    font-size: 13px;
    margin-bottom: 20px;
}

.campaign-select-buttons {
    width: 430px;
    margin: 0 auto;
    margin-bottom: 30px;

}

.campaign-select-button {
    cursor: pointer;
    display: inline-block;
    padding: 20px 80px;
    text-align: center;
    color: white;
    font-family: titillium_web !important;
    font-weight: bold;
    background-color: dimgray;
    border: 0;
}

.campaign-select-question-btn {
    padding: 10px 50px;
}

.campaign-select-button:first-of-type {
    margin-right: 30px;
}

.campaign-select-incentiveLaw {
    display: none;
    width: 280px;
    margin: 0 auto;
}

.campaign-select-question {
    display: none;
    width: 1000px;
    margin: 0 auto;
    text-align: center;

}

.campaign-select-question-input {
    display: block;
    margin: 0 auto;
    width: 310px;
    height: 40px;
    border: 1px solid black;
    padding-left: 15px;
}

/* 10. Login & Register Modal */

.ModalSignIn-options {
    margin-top: 0px;
    width: 100% !important;
    padding-left: 34px;
}

.ModalSignIn-options p {
    display: inline-block;
    margin-right: 20px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
}

.ModalSignIn-options p input {
    width: 15px;
    height: 15px;
}

.ModalSignIn-options p span {
    font-family: titillium_web !important;
    font-weight: bold;
    font-size: 12px;
    color: black;
}

.SignInButton{
    text-align: left !important;
}

.social img{
    cursor: pointer !important;
}

.ModalNew #par{
    height: 300px;
    width: 630px;
    padding: 20px;
}

.ModalNew_2 #par {
    height: 387px !important;
}

.ModalNew span {
    display: inline-block;
    width: 100%;
    text-align: center;

    font-family: titillium_web !important;
    font-size: 16px;
    color: #387CB2;
}

.ModalNew .buttons {
    position: absolute;
    left: 50%;
    margin-top: 22px !important;
    margin-left: -245px !important;
}

.new-bt {
    padding: 0 !important;
    margin: 0 !important;
}

.ModalSupport #par {
    height: 300px !important;
    width: 630px;
    border: 1px solid #2a318d;
    padding: 0px 0px 20px 0px 0px;
}

.ModalSupport #par div:first-child {
    margin-right: 40px;
    margin-left: 0px;
    margin-top: 5px;
    width: 100%;
}

.ModalSupport span {
    display: inline-block;
    width: 100%;
    text-align: center;

    font-family: titillium_web !important;
    font-weight: 500;
    font-size: 20px;
    color: #151515;
    text-align: center;
    line-height: 35px;
}

.ModalSupport_1 span:last-child {
    margin-top: 110px;
    font-size: 17px;
}

.ModalSupport_1 span a {
    color: #47bfee;
}

.ModalSupport_1 span a:hover {
    color:  #337ab7;
}

.ModalSupport_1 .campaign-view-submit-non-incentive .ModalSupport-btn, .ModalSupport_1 .support-2 {
    margin-right: 24px !important;
    font-size: 20px !important;
    width: 230px;
    height: 61px;
}


.ModalSupport #par .closeButton {
    margin-top: 0px;
    text-align: right;
    cursor: pointer;
    font-size: 18px;
    color: #2a318d !important;

}


.ModalSupport #par .closeButton:hover {
    color: #f36f20 !important;

}

.ModalSupport_2 #par h1, .ModalSupport_3 #par h1 {
    margin-bottom: 40px !important;
}

.ModalSupport_2 .buttons, .ModalSupport_3 .buttons {
    margin-top: 37px !important;
}





.support-no-btn{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 90%;
    padding: 0px;
    width: 300px;
    margin: 0px !important;
    height: 60px;
    font-family: titillium_web !important;
    font-size: 31px;
    text-transform: uppercase;
    background-color: #00a7ea;
    font-weight: bold;
}

.ModalSupport .buttons {
    position: absolute;
    left: 50%;
    margin-top: 22px !important;
    margin-left: -235px !important;
}

.ModalSupport-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 90%;
    padding: 0px;
    margin: 0px !important;
    height: 46px;
    font-family: titillium_web !important;
    font-size: 31px;

    background-color: #00a7ea;
    font-weight: bold;
}

.ModalSupport-btn-yes-no {
    width: 89px !important;
    height: 38px !important;
    font-size: 21px;
    margin-right: 20px !important;
}

.ModalSupport-btn:hover, .support-no-btn:hover {
    background-color: #2a318d;
}

.ModalSupport-btn-ok {
    width: 74px !important;
    height: 40px !important;
    font-size: 21px;
    display: inline-block !important;

}

.ModalSupport-btn-usar-saldo  {
    width: 312px !important;
    height: 40px !important;
    font-size: 21px;
    margin-left: 10px !important;
}
.support-button {
    cursor: pointer;
}

.ModalSupport_5 #par {
    height: 554px !important;
    width: 630px;
    padding: 0px;
}

.ModalSupport_5  a {
    color: #151515 !important;
    text-decoration: underline;
}

.ModalSupport_5 a:hover {
    color: #151515 !important;
    text-decoration: underline !important;
    opacity: 0.75;
}

.ModalSupport_5 .campaign-select-question-input {
    font-size: 20px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    color: #6e6e6e;
    display: inline-block !important;
    width: 228px !important;
    margin-right: 5px;
}

.ModalSupport_5 .campaign-select-question-input::-webkit-input-placeholder {
    color: #6e6e6e;
    opacity: 0.75;
}

.ModalSupport_5 .campaign-select-question-input:-moz-placeholder {
    color: #6e6e6e;
    opacity: 0.75;
}

.ModalSupport_5 .campaign-select-question-input::-moz-placeholder {
    /* Firefox 19+ */
    color: #6e6e6e;
    opacity: 0.75;
}

.ModalSupport_5 .campaign-select-question-input:-ms-input-placeholder {
    color: #6e6e6e;
    opacity: 0.75;
}

.ModalSupport_5 .question-quantity-campaign, .ModalSupport_5 form  {
    margin-bottom: 20px;

}


.support-5-label {
    text-transform: uppercase;
    font-family: 'sinkin_sans300_light' !important;
    font-size: 17px !important;
    color: #555555 !important;
    line-height: 30px;
    width: 323px !important;
    text-align: left !important;
}

.support-5-value {
    text-transform: uppercase;
    font-family: 'sinkin_sans300_light' !important;
    font-size: 17px !important;
    color: #387CB2 !important;
    line-height: 30px;
    font-weight: bold !important;
    text-align: left !important;
}

.tax-content p {
    display: inline-block;
    width: 332px;
}

.tax-content p span {
    float: left;
    margin-left: 9px;

    font-family: titillium_web !important;
    font-size: 20px;
    color: #4f4f4f;
    font-weight: 600;
}

.tax-content p .extra {
    display: inline-block;
    width: 332px;
    font-family: titillium_web !important;
    font-size: 15px;
    color: #151515;
    opacity: 0.75;
    text-align: left;
}

.profile-header {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 560px;
    background-color: lightgrey;
    background-size: cover;
}

.profile-data {
    margin-top: 659px;
    text-align: center;
}

.profile-data hr {
    width: 150px;
    height: 1px;
    background-color: #032d4e;
}

.profile-location {
    font-family: titillium_web;
    font-weight: 500;
    color: #47bfef;
    font-size: 17px;
    text-transform: uppercase;
    margin-top: 15px;
}

.profile-name {
    font-family: titillium_web;
    font-weight: bold;
    color: #2a318d;
    font-size: 30px;
    text-transform: uppercase;
}

.profile-name b {
    padding-left: 10px;
}

.profile-avatar-bg {
    display: none;
    position: absolute;
    z-index: 9999;
    left: 50%;
    margin-left: -106px;
    top: 442px;
}

.profile-avatar {
    position: absolute;
    z-index: 9996;
    left: 50%;
    margin-left: -100px;
    top: 554px;
    border: 10px solid white;
}

.profile-avatar-img {
    width: 190px;
    height: 190px;
    background-size: cover;
    background-color: #f9f9f9;
}

.profile-avatar-img img {
    width: 160px;
    height: 160px;
}

.ModalNewSocial {
    position: fixed;
    top: 0px;
    padding: 0px;
}

.ModalNewSocial span {
    font-family: titillium_web !important;
    font-size: 16px !important;
    font-weight: 400;
}

.ModalNewSocial .new-social-button {
    display: block !important;
}

.ModalNewSocial .new-social-buttons a:last-child {
    margin-right: 0px !important;
}


.ModalNewSocial .new-social-buttons {
    width: 100%;
    justify-content: center;
    margin-left: 27px !Important;
}

.new-social-buttons {
    margin-left: 22px;
    margin-top: 20px;
}

.new-social-button {
    display: inline-block;
    margin: 0 !important;
    cursor: pointer;
}

.new-social-button .hover {
    display: none;
}

.newSocialAceitarTermos {
    margin-left: 30px;
    margin-top: 12px;
}

.newSocialAceitarTermos a {
    color: #47bfee !important;
    text-decoration: underline;
}


.newSocialAceitarTermos a:hover {
    color: #2a318d !important;
    text-decoration: underline;
}

.newSocialAceitarTermos div {
    width: 100% !important;
}

.newSocialAceitarTermos input {
    /*opacity: 0;*/
}

.newSocialAceitarTermos label {
    font-family: titillium_web;
    font-weight: 400;
    font-size: 16px;
    margin-left: 5px;
}

.options {
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    width: 350px !important;

    margin-top: 10px !important;
    margin-bottom: -9px !important;
}

.options3 {
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    width: 350px !important;

    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.options3 input {
    width: 340px;
    height: 34px;
    padding-left: 10px;
}

.options label {
    display: block;
    font-family: titillium_web !important;
    font-size: 16px;
    color: #032d4e;
    text-transform: capitalize;

}

.options label input {
    margin-right: 5px;
}

.ModalNew_3 #par {
    height: 334px !important;
}

.campaign-new-label {
    display: block;
    font-family: titillium_web;
    font-size: 16px;
    color: #2a318d;
    text-align: center;
    width: 100%;
}

.campaign-new-container {
    width: 1000px;
    margin: 0 auto;
    padding-top: 40px;
}

.campaign-new select {
    min-width: 160px;
    height: 40px;
    margin-right: 10px;
    border: 1px solid #387CB2;
}

.campaign-new input {
    min-width: 390px;
    padding-left: 10px;
    height: 40px;
    margin-left: 20px;
    border: 1px solid #387CB2;
}

.campaign-new textarea {
    min-width: 390px;
    padding-left: 10px;
    padding-top: 10px;
    margin-left: 20px;
    border: 1px solid #387CB2;
    height: 105px;
    margin-bottom: 10px;
}

.campaign-new .submit {
    border: 0 !important;
    width: 80px !important;
    min-width: 80px !important;
    height: 40px !important;
    margin-bottom: 46px !important;
}

.campaign-new-content {
    width: 950px;
    min-height: 20px;
    margin-top: 20px;
}

.campaign-view-menu-item:hover {
    border-top: 0 !important;
    cursor: default !important;
    color: black !important;
}

.campaign-new .date {
    min-width: 100px !important;
    margin-bottom: 7px;
}

.campaign-new-menu {
    width: 683px;
    min-height: 15px;
    border-top: 2px solid grey;
}

.campaign-new-menu-item:first-of-type {
    text-align: left;
    padding-left: 5px;
}

.campaign-new-menu-item:last-of-type {
    text-align: right;
    padding-right: 5px;
}

.campaign-new-menu-item {

    display: inline-block;
    font-size: 11px;
    text-align: center;
    color: #555555 border-top : 2 px solid white;
    text-transform: uppercase;

    font-family: titillium_web !important;
    font-weight: bold;
    padding: 10px 2px;
    padding-right: 30px;
}

.campaign-new-menu-item-hover {
    border-top: 2px solid #002a80;
    font-family: titillium_web;
    font-weight: bold;
    cursor: pointer;
    color: #47bfee;
    font-size: 20px;
}

.campaign-new-content td:first-of-type {
    vertical-align: top;
}


#CampaignCampaignNewForm .input{
    display: inline-block;
}

#CampaignTags_tagsinput{
    width: auto !important;
    min-height: initial!important;
    height: auto!important;
    margin-left: 20px;
    border: 1px solid #387CB2 !important;
    color: #387CB2 !important;
}

.editor .textarea {
    width: 740px;
    margin-left: 20px;
}

.new-line {
    border-bottom: 1px solid grey;
    padding-top: 30px;
    padding-bottom: 30px;
}

.new-bank-line {
    padding-bottom: 20px;
}

.new-hfield {
    display: inline-block;
    margin-right: 40px;
    margin-left: 5px;
}

.new-hfield span {
    display: block;
    font-family: titillium_web !important;
    font-size: 14px;
    color: #387cb2;
}

.new-hfield .input input {
    margin-left: 0px !important;
    min-width: 250px;
}

.new-hfield-2 {
    display: inline-block;
    margin-right: 10px;
    margin-left: 5px;
}

.new-hfield-2 span {
    display: block;
    font-family: titillium_web !important;
    font-size: 14px;
    color: #387cb2;
}

.new-hfield-2 .input input {
    margin-left: 0px !important;
    width: 98px;
    min-width: 0px;
}

.new-line table tr td {
    vertical-align: top;
    padding-top: 15px;
}

.new-line table tr td:first-of-type {
    padding-top: 0px !important;
}

.new-preview {
    position: absolute;
    left: 50%;
    margin-left: 150px;
    width: 380px;
    height: 390px;
    top: 429px;
}

.new-reward-btn {
    text-align: center;
    padding: 10px;
    padding-left: 58px;
    cursor: pointer;
}

.tax-calc {
    width: 1070px;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 70px;
}

.tax-calc table {
    width: 100%;
}

.tax-calc-left {
    display: inline-block;
    width: 220px;
    margin-right: 20px;
    margin-top: 20px;
}

.tax-calc-right {
    display: inline-block;

}

.tax-calc h1 {
    font-size: 14px;
}

.tax-calc-left p {
    width: 220px;
    font-family: titillium_web !important;
    font-size: 10px;
    color: black;
    font-weight: bold;
}

.tax-calc-left p span {
    color: #387cb2;
}

.tax-question {
    text-align: center;
}

.tax-question span {
    font-family: titillium_web !important;
    font-size: 12px;
    color: #387cb2;
    font-weight: bold;
}

.tax-calc .tax-content {
    width: 775px;
}

.tax-calc .tax-content p span {
    font-size: 12px;
}

.tax-calc-right-4 .money {
    padding-left: 20px;
    font-family: titillium_web !important;
    font-size: 12px;
    font-weight: bold;
    color: #387cb2;
}

.tax-calc-right-4 .label {
    font-family: titillium_web !important;
    font-size: 12px;
    color: #555555;
    font-weight: bold;
}

.confirm_pf .profile-image-upload, .profile_edit .profile-image-upload, .create_pf .profile-image-upload {
    background-size: cover;    width: 174px;
    height: 165px;
    border: 1px solid #4383b6;

}