/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#filesToUpload::-webkit-file-upload-button {
    color: #2ea3f2;
    border: 1px solid;
    border-radius: 5px;s
}
.frm_file_upload_form .et_pb_contact_form{ margin: auto; }

#select-opp-form{margin-top: 20px;}
#select-opp-form select{ font-size: 1em; /* -webkit-appearance: none; -moz-appearance: none; appearance: none; */ }
#select-opp-form option{ padding: 0.3em 1em; }
#select-opp-form .submit_opp{ margin-left: 20px; font-size: 1em; }
#select-opp-form .et_pb_button:after{ font-size: 1.8em; }


/* Step Block Default */
.standard .et_pb_stepblock{
    margin-top: 5px;
    margin-bottom: 5px;
}
.standard .et_pb_stepblock.step { background-color: #CCCCCC; padding-top: 30px; padding-bottom: 30px; }
.standard .et_pb_stepblock .et_pb_section{
    /*background-color: #ccc;*/
}
.standard .gray-back{
    background-color: #ccc !important;
}
.standard .step{
    position: relative;
}
.standard .step .fa-lock{
    position: absolute;
    right: 10px; 
    color: gray; 
    font-size: 2em; 
/*    top: -10px;*/
}
.standard .step .circle{ 
    border-radius: 50%; 
    width: 70px; 
    height: 70px; 
    background-color: #FFFFFF; 
    margin: 0 auto; 
    position: relative; 
    margin-bottom: 10px;
}
.standard .step .number{ 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    width: 70px; 
    height: 70px; 
    margin: -40px 0 0 -35px; 
    color: lightgray; 
    font-size: 2em; 
    line-height: 1.8em; 
    font-weight: bold; 
    text-align: center;
}
.standard .step .title{ 
    color: white; 
    font-weight: bold; 
    font-size: 1.1em;
    line-height: 1.2em; 
    text-transform: uppercase;
    text-align: center;
}



/* Step Blocks - Menu */
#stepblock-menu{ padding: 23px 16px; }
#stepblock-menu li {
    display: inline-block;
    padding-right: 22px;
    font-size: 14px;
}

#stepblock-menu > li:last-child {
    padding-right: 0;
}

#stepblock-menu a {
    display: block;
    position: relative;
    color: rgba(0, 0, 0, 0.6);
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#stepblock-menu > li > a:hover{
    opacity: 0.7;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/* Step Blocks - Normal */

/* 6 column grid*/
.standard .et_pb_stepblock{
    float: left;
    padding-right: 6px;
}

.standard.grid_6 .et_pb_stepblock{
    width: 16.6666%;
}

.standard.grid_6 .et_pb_stepblock:nth-child(6n + 1){
    padding-right: 0;
}

.standard.grid_5 .et_pb_stepblock{
    width: 20%;
}

.standard.grid_5 .et_pb_stepblock:nth-child(5n + 1){
    padding-right: 0;
}

.standard.grid_4 .et_pb_stepblock{
    width: 25%;
}

.standard.grid_4 .et_pb_stepblock:nth-child(4n + 1){
    padding-right: 0;
}

.standard.grid_3 .et_pb_stepblock{
    width: 33.33%;
}

.standard.grid_3 .et_pb_stepblock:nth-child(3n + 1){
    padding-right: 0;
}

.standard.grid_2 .et_pb_stepblock{
    width: 50%;
}

.standard.grid_2 .et_pb_stepblock:nth-child(2n + 1){
    padding-right: 0;
}

/* Enhanced Step Block Default */
.et_pb_stepblocks.enhanced {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.enhanced .et_pb_stepblock {
    flex: 1 0 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.enhanced .et_pb_stepblock .et_pb_section {
    padding: 0;
}

.enhanced .et_pb_stepblock .et_pb_section .et_pb_row { 
    margin: 0;
    width: 100% !important;
}

.enhanced .step {
    overflow: hidden;
    position: relative;
    text-align: center;
}

/*.enhanced .step .fa-lock {
    position: absolute;
    right: 10px; 
    color: gray; 
    font-size: 2em; 
    top: -10px;
}*/


.enhanced .step .circle {
    border: 2px solid;
    border-radius: 50%;
    height: 50px;
    margin: 0 auto;
    position: relative; 
    width: 50px;
    display: inline-block;
}

.enhanced .et_pb_stepblock:not(:first-of-type) .step .step-content:before {
    content: '';
    border: 1px solid;
    width: calc(50% - 25px);
    position: absolute;
    left: 0;
    top: 23px;
    z-index: 1;
}

.enhanced .et_pb_stepblock:not(:last-of-type) .step .step-content:after {
    content: '';
    border: 1px solid;
    width: calc(50% - 25px);
    position: absolute;
    right: 0;
    top: 23px;
}

.enhanced .step .number {
    font-size: 1em;
    font-weight: bold;
    margin-top: -25px;
    position: absolute; 
    top: 50%;
    text-align: center;
    width: 100%;
}

.enhanced .step .title {
    font-weight: normal;
    font-size: .8em;
    line-height: 1.2em; 
    text-transform: uppercase;
    text-align: center;
}

.enhanced .step-lock {
    display: block;
    font-style: normal;
    line-height: 1.1em;
    margin-right: -12px;
    position: absolute;
    right: 50%;
    top: 36px;
    z-index: 1;
}

.enhanced .step-lock:before {
    content: attr(data-icon);
    font-family: "ETmodules"!important;
    color: gray; 
    font-size: 1em; 
}

/* section content */
.section-content{
    padding: 30px;
}

.section-content ul{
    width: 50%;
    margin: 0 auto;
    margin-top: 20px;
}
.section-content ul li{
    text-align: left;
}

.section-content ol{
    list-style-type: upper-alpha !important;
}
.section-content ol li{
    color: #2452A4;
    padding-bottom: 30px;
    font-weight: bold;
}
.section-content ol li div{
    color: #999999;
    padding-left: 15px;
    font-weight: normal;
    line-height: 1.4em;
}
.section-content ol ul{ 
    width: 100%;
    margin-top: auto;
}
.section-content ol ul li{ 
    padding: 0;
}
.section-header{ 
    background-color: #2452A4;
    color: white;
    margin: 0;
    padding: 5px 15px;
}
.section-header{
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 15px;
}
.section-content-main{
    background-color: #efefef;
}
.content-center{
    text-align: center;
}
.content-center h1{
    color: #2452A4;
    font-style: normal;
}
.intro{   
    padding-bottom: 30px;
    color: #F37833;
    font-style: italic;
    font-weight: 600;
}



.download{
    background-color:#efefef;
    width: 255px;
    height: 200px;
    text-align: center;
    margin-top: 10px;
    position: relative;
    display: inline-block;
    margin-left: 10px;
}
.download:first-child, .download:nth-child(3n+4){ 
    margin-left: 0; 
}
.download a{
    
}
.download-content{
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: block;
}

.download .fa-download{
    color: #CCCCCC;
    font-size: 2em;
    position: absolute;
    bottom: 15px;
    left: 45%;
}

.media{
    background-color:#efefef;
    width: 390px;
    height: 200px;
    text-align: center;
    margin-top: 10px;
    position: relative;
    display: inline-block;
    margin-left: 10px;
}
.media:first-child, .media:nth-child(2n+3){ 
    margin-left: 0; 
}
.media a{
    
}
.media-content{
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: block;
}

.thank-you{
    text-align: center;
    color: #FFFFFF;
    background-color: #F37833;
}
.thank-you h1{
    font-weight: 600;
    color: #FFFFFF;
}
.thank-you .section-content{ 
    font-size: 1.2em; 
    padding: 50px;
}



/* Small devices (tablets, 768px and up) */
@media (max-width: 992px) { 
    .download, .media{ 
        width: 49%; 
        float: left; 
        margin-left: 2%; 
        margin-bottom: 10px; 
    }
    .section-container::after{
        clear: both;
    }
    .download:nth-child(2n+3), .media:nth-child(2n+3){ 
        margin-left: 0; 
    }
}



.widgettitle{
    background-color: #2452A4;
    color: #FFFFFF;
    margin: 0;
    padding: 10px 5px;
}
.et_pb_widget ul {
    background-color: #efefef;
    padding: 5px;
}





/* Multiple File Upload Form */

.box {
    font-size: 1.25rem;
    /* 20 */
    background-color: #c8dadf;
    position: relative;
    padding: 40px 20px;
    text-align: center;
}

.box.has-advanced-upload {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;

    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
}

.box.is-dragover {
    outline-offset: -20px;
    outline-color: #c8dadf;
    background-color: #fff;
}

.box__dragndrop,
.box__icon {
    display: none;
}

.box.has-advanced-upload .box__dragndrop {
    display: inline;
}

.box.has-advanced-upload .box__icon {
    width: 100%;
    height: 80px;
    fill: #92b0b3;
    display: block;
    margin-bottom: 40px;
}

.box.is-uploading .box__input,
.box.is-success .box__input,
.box.is-error .box__input {
    visibility: hidden;
}

.box__uploading,
.box__success,
.box__error {
    display: none;
}

.box.is-uploading .box__uploading,
.box.is-success .box__success,
.box.is-error .box__error {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;

    -webkit-transform: translateY( -50%);
    transform: translateY( -50%);
}

.box__uploading {
    font-style: italic;
}

.box__success {
    -webkit-animation: appear-from-inside .25s ease-in-out;
    animation: appear-from-inside .25s ease-in-out;
}

@-webkit-keyframes appear-from-inside {
    from {
        -webkit-transform: translateY( -50%) scale( 0);
    }
    75% {
        -webkit-transform: translateY( -50%) scale( 1.1);
    }
    to {
        -webkit-transform: translateY( -50%) scale( 1);
    }
}

@keyframes appear-from-inside {
    from {
        transform: translateY( -50%) scale( 0);
    }
    75% {
        transform: translateY( -50%) scale( 1.1);
    }
    to {
        transform: translateY( -50%) scale( 1);
    }
}

.box__restart {
    font-weight: 700;
}

.box__restart:focus,
.box__restart:hover {
    color: #39bfd3;
}

.js .box__file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.js .box__file+label {
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
}

.js .box__file+label:hover strong,
.box__file:focus+label strong,
.box__file.has-focus+label strong {
    color: #39bfd3;
}

.js .box__file:focus+label,
.js .box__file.has-focus+label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.js .box__file+label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.no-js .box__file+label {
    display: none;
}

.no-js .box__button {
    display: block;
}

.box__button {
    font-weight: 700;
    color: #e5edf1;
    background-color: #39bfd3;
    display: none;
    padding: 8px 16px;
    margin: 40px auto 0;
}

.box__button:hover,
.box__button:focus {
    background-color: #0f3c4b;
}

.file__header {
    background-color: #f7f7f7;
    font-weight: bold;
}

.file__list .file__wrapper,
.file__list .file__header {
    border-top: 1px solid #f7f7f7;
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
    padding: 5px 0;
    position: relative;
}

.file__empty {
    font-style: italic;
    text-align: center; 
}

.file__label {
    padding: 0 10px;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file__list .file__wrapper:last-of-type { border-bottom: 1px solid #f7f7f7; }
.file__list.has__files .file__empty { display: none; }

.file__list .file__name { flex-basis: 50%; }
.file__list .file__ext { flex-basis: 12.5%; }
.file__list .file__size { flex-basis: 12.5%; }
.file__list .file__type { flex-basis: 15%; }
.file__list .file__actions { flex-basis: 10%; }

.file__wrapper.is-uploading:after {
    background-color: rgba(0,0,0,0.75);
    color: #fff;
    content: 'Uploading...';
    position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
    text-align: center;
}

.file__wrapper:after {
    content: attr(data-msg);
}

.file__wrapper.is-success:after {
    content: attr(data-msg);
    background-color: rgba(76, 209, 56, 0.75);
}

.file__wrapper.is-error:after {
    content: attr(data-msg);
    background-color: rgba(209, 55, 55, 0.75);
}

.icon-trash:before {
    content: "\e019";
    font-family: "ETmodules";
    font-size: 24px;
    color: rgb(209, 55, 55);
}










/*
#left-area .et_pb_stepblocks .column.size-1of3:nth-child(3n){
    margin-right: 0 !important;
}
*/




/*.et_pb_stepblocks[data-columns]::before {
	content: '4 .column.size-1of4';
}*/

/*
#left-area .et_pb_stepblocks[data-columns]::before {
    content: '3 .column.size-1of3';
}
*/

/* Responsive Styles Standard Desktop Only */
/*
@media all and (min-width: 981px) and (max-width: 1405px) {
    .et_pb_column_4_4 .et_pb_stepblocks[data-columns]::before {
        content: "3 .column.size-1of3";
    }
}
*/
/*
.et_pb_column_4_4 .et_pb_stepblocks[data-columns]::before {
    content: "3 .column.size-1of3";
}
*/


/*
.et_pb_column_3_4 .et_pb_stepblocks[data-columns]::before,
.et_pb_column_2_3 .et_pb_stepblocks[data-columns]::before {
    content: "2 .column.size-1of2";
}
*/

/*
.et_pb_column_1_2 .et_pb_stepblocks[data-columns]::before,
.et_pb_column_3_4 .et_pb_column_3_8 .et_pb_stepblocks[data-columns]::before,
.et_pb_column_1_3 .et_pb_stepblocks[data-columns]::before,
.et_pb_column_1_4 .et_pb_stepblocks[data-columns]::before {
    content: "1 .column.size-1of1";
}
*/


/*
.et_pb_stepblocks .column {
	float: left;
	max-width: 100%;
    margin-right: 5%; 
}

.et_pb_stepblocks .column.size-1of4:nth-child(4n){
	margin-right: 0 !important;
}

.et_pb_stepblock .et_pb_section{ padding: 19px; }

@media all and (max-width: 967px) {
    .et_pb_column_4_4 .et_pb_stepblocks[data-columns]::before {
        content: "2 .column.size-1of2";
    }
    
    .et_pb_stepblocks .column.size-1of4:nth-child(3n){
        margin-right: 0 !important;
    }
}
*/