.jar_banner{
    background:url(../images/jar_images/banner.png) no-repeat;
    background-size:100% auto;
    height: 204px;
}

.jar_banner_text{
    color: #009B97;
    font-size: 47px;
    line-height: 1;
    font-weight: bold;
    margin-top: 7%;
}

.jar_banner_text span{
    font-size: 40px;
    line-height: 1.3;

}

.jar_header{
    background: #009B97;
    margin-top: 3%;
    margin-bottom: 3%;
}
.jar_header_txt{
    font-size: 42px;
    color: #FFD72A;
    padding:10px 10px;
    font-weight: bold;
}
.jar_header_txt span{
    white-space: nowrap;
}
.cl_green {
    color: #009B97;
}
.jar_step .jar_step_01_txt{
    font-size: 21px;
    font-weight: bold;
    display: inline-block;
    margin: auto;
    padding: 20px;
}

.jar_step_01{
    background-image:url(../images/jar_images/step_1.png) ;
    background-repeat:no-repeat;
    background-size:100%;
    background-position:center;
    height: 90px;
    display:flex;
    margin:auto !important;
}
.jar_step_02{
    background-image:url(../images/jar_images/step_2.png);
    background-repeat:no-repeat;
    background-size:100%;
    background-position:center;
    height: 90px;
    display:flex;
    /* margin-left: 19%; */
    margin:auto !important;
}

.jar_step_03{
    color: #6D6E71;
    font-size: 21px;
    margin-bottom: 3%;
}
.jar_form{
    -webkit-box-shadow: 2px 7px 20px -3px rgba(0,0,0,0.73);
    -moz-box-shadow: 2px 7px 20px -3px rgba(0,0,0,0.73);
    box-shadow: 2px 7px 20px -3px rgba(0,0,0,0.73);
}
.jar_form_header{
    background: #009B97;
    font-weight: bold;
    color: #FFD72A;
    padding: 15px;
    text-align:center;
    font-size: 42px;
}
.jar_form_title{
    font-weight: bold;
    font-size: 31px;
    margin: 3% 0 !important;
}
.jar_form_input{
    padding-left: 3% !important;
    padding-right: 3% !important;
}
.jar_textarea{
    outline: none !important;
    border: 2px solid #FFD72A !important;
    font-size: 20px !important;
    padding: 15px;
}
.jar_form_button{
    margin-top: 2% !important;
    margin-bottom: 2% !important;
}
.jar_form_button button{
    color: #00605B;
    font-size: 25px;
    font-weight: bold;
    background-image: linear-gradient(#fdd301, #fee259);
    padding: 15px !important;
    -webkit-box-shadow: 11px 6px 9px -5px rgba(0,0,0,0.72);
    -moz-box-shadow: 11px 6px 9px -5px rgba(0,0,0,0.72);
    box-shadow: 11px 6px 9px -5px rgba(0,0,0,0.72);
}
.jar_form_text_center{
    text-align: center;
}

.jar_form_input_to{
    padding-left: 2%;
    padding-right: 2%;
}

.jar_form_input_to_child{
    border: 2px solid #FFD72A !important;
    outline: none !important;
    padding: 15px 15%;
    text-align: center;
}
.col-xs-offset-3 {
    margin-left: 25% !important;
}
.col-xs-offset-4 {
    margin-left: 33.33333333% !important;
}
.jar_linner{
    background: linear-gradient(to right, #ffffff, #fed402, #ffffff);
    background: -moz-linear-gradient(right, #ffffff, #fed402, #ffffff);
    background: -webkit-linear-gradient(right, #ffffff, #fed402, #ffffff);
    background:  -ms-linear-gradient(right, #ffffff, #fed402, #ffffff);
}
.jar_linner_txt {
    font-size: 42px;
    font-weight: bold;
    text-align: center;
    margin-top: -2%;
    line-height: 1.3;
}
.jar_list_country{
    background: #009B97;
    text-align: center;
}
.jar_list_country ul {
    padding:0;
    margin:0;
    display: flex;
    list-style: none;
    justify-content:center;
}
.jar_list_country ul li{
    text-align: center;
    color: #ffffff;
    font-size: 26px;
    float: left;
    border-right: 2px solid #ffffff;
    margin:15px;
    margin-left: 0px;
    padding-right: 10px;
}
.jar_list_country ul li:last-child{
    border-right:none;
    margin-right:0px;
    padding-right: 0px;
}
.jar_footer{
    margin-top: 30px;
    margin-bottom: 30px;
}
.jar_footer_txt{
    font-size: 12px;
}
.jar_footer_logo{
    vertical-align: bottom;
    display: table-cell;
}

.jar_btn_submit.disabled{
    background: rgb(204 204 204 / 0.6);
}
.jar_banner_mobi{
    display: none;
}

.jar_linner{
    margin-top: 70px;
}
.jar_step_center{
    display: flex;
    align-items: center;
}
@media (min-width: 1200px) {

}

@media (min-width: 768px) {

    .col-sm-offset-3 {
        margin-left: 25% !important;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667% !important;
    }
}

@media (max-width: 1200px) {
  .jar_banner{
        height: 170px;
    }
    .jar_banner_text{
        font-size: 35px;
    }
    .jar_banner_text span{
        font-size: 30px;
    }
    .jar_header_txt{
        font-size: 35px;
    }
    .jar_step_01_txt, .jar_step_02_txt{
        font-size: 16px !important;
    }
    .jar_form_header{
        font-size: 35px;
    }
    .jar_linner_txt {
        font-size: 35px;
    }
}

@media (max-width: 1024px) {
    .jar_banner{
        display: none;
    }
    .jar_banner_mobi{
        display: block;
    }

    .jar_banner_text_mobi{
        color: #009B97;
        font-size: 35px;
        line-height: 1;
        font-weight: bold;
        margin-top: 20px;
        text-align: center;
    }

    .jar_banner_text_mobi span{
        font-size: 30px;
        line-height: 1.3;
    }
}

@media (max-width: 1023px) {
    .jar_banner_text{
        font-size: 31px !important;
        margin-top: 6%;
    }
    .jar_banner_text span{
        font-size: 29px !important;
    }
    .jar_linner_txt{
        font-size: 35px;
    }
    .jar_list_country ul li{
        font-size: 23px;
    }
    .jar_header{
        margin-top: 1%;
    }
    .jar_step .jar_step_01_txt, .jar_step .jar_step_02_txt{
        padding: 10px;
    }
    .jar_step_01::before, .jar_step_02::before {
        font-size: 100px;
    }
    .jar_step_02::before {
        top: -54px;
        left: -36px;
    }
    .jar_form_title {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .col-xs-6 {
        width: 50%;
    }
    .jar_banner_text{
        font-size: 29px !important;
        margin-top: 0px;
        margin: 15px 0px;
        text-align: center;
    }
    .jar_banner_text span{
        font-size: 24px !important;
    }
    .jar_header_txt{
        font-size: 25px;
    }
    .jar_banner{
        background-image: linear-gradient(to right, rgba(255,0,0,0), #fed402, rgba(255,0,0,0));
        height: 100%;
    }
    .jar_header{
        margin-top: 3%;
    }
    .jar_step_01_txt, jar_step_02_txt {
        font-size: 13px !important;
    }
    .jar_form_header{
        font-size: 25px;
    }
    .jar_form_title {
        font-size: 22px;
    }
    .jar_linner_txt {
        font-size: 25px;
    }

    .jar_step .jar_step_01_txt, .jar_step .jar_step_02_txt{
        padding: 5px;
    }
    .jar_step_01,.jar_step_02 {
        margin-left: 10px !important;
        margin-right: 10px !important;}
    .jar_step_02 {
        margin-top: 5px;
        /* margin-left: 0%; */
    }
    .jar_step_03{
        font-size: 18px;
    }

}

@media (max-width: 480px) {
    .jar_step_01,.jar_step_02 {    height: 65px;
        margin-left: 10px !important;
        margin-right: 10px !important;}
    .jar_banner_text{
        font-size: 23px !important;
    }
    .jar_banner_text span{
        font-size: 19px  !important;
    }

    .jar_footer_logo{
        text-align: center !important;
    }
    .jar_step_01_txt, .jar_step_02_txt {
        font-size: 9px !important;
    }
    .jar_linner_txt{
        margin-top: -5%;
    }
    .jar_list_country ul li{
        font-size: 12px;
    }
    .jar_footer_logo img{
        max-width: 135px !important;
    }
    .jar_form_button button {
        font-size: 19px;
        padding:10px !important;
    }
    .jar_step .jar_step_01_txt, .jar_step .jar_step_02_txt {
        padding: 0px;
    }

}
@media (max-width: 345px) {
    .jar_step_01_txt, .jar_step_02_txt {
        font-size: 9px !important;
    }
}
@media (max-width: 320px) {
    .jar_banner_text {
        font-size: 25px !important;
    }
    .jar_banner_text span {
        font-size: 17px !important;
    }
    .jar_header_txt {
        font-size: 20px;
    }
    .jar_step_03 {
        font-size: 17px;
    }
    .jar_form_header {
        font-size: 25px;
    }
    .jar_form_title {
        font-size: 21px;
    }
    .jar_form_button button {
        font-size: 19px;
    }
    .jar_linner_txt {
        font-size: 25px;
    }
}
/* New styling for tagcloud */
.webform-submission-virtual-challenge-form textarea{
    width:100%;
    height:90px;  
    outline: none;
    border: 2px solid #FFD72A;
    font-size: 20px;
    padding: 15px;
}
​
.webform-submission-virtual-challenge-form {
    padding: 0 3%;
}
​
.webform-submission-virtual-challenge-form .js-form-submit{
    color: #00605B;
    font-size: 25px;
    font-weight: bold;
    background-image: linear-gradient(#fdd301,#fee259);
    padding: 15px 70px;
    box-shadow: 11px 6px 9px -5px rgb(0 0 0 / 72%);
}
​
.webform-submission-virtual-challenge-form #edit-actions{
    text-align: center;
    margin: 2% 0;
}
​
.webform-submission-virtual-challenge-form input.js-form-submit:disabled{
    background: rgb(204 204 204 / 0.6);
    background-image: none;
    cursor: not-allowed;
}
​
.new-block-tagsintagcloudsword{
    /* clear:left; 
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px;
    border: 2px solid #FFD72A;
    outline: none;
    text-align: center; */
    display: none;
}

.new-block-tagsintagcloudsword li{
    display: inline-block;
    margin: 0 .2em;
    word-break: break-word;
    font-size: 1.3em;
    color: #66C3C0;
   
}

.new-block-tagsintagcloudsword  li.level0, #tagcloud-list li.level0 {
    font-size: 1em;
    color: #66C3C0;
    display: inline-block;
}
​
.new-block-tagsintagcloudsword  li.level1, #tagcloud-list li.level1 {
    font-size: 1.3em;
    color: #66C3C0;
    display: inline-block;
}
​
.new-block-tagsintagcloudsword li.level2, #tagcloud-list li.level2 {
    font-size: 1.6em;
    color: #FFD72A;
    display: inline-block;
}
.new-block-tagsintagcloudsword li.level3 {
    font-size: 1.9em;
    color: #009B97;
    display: inline-block;
}
.new-block-tagsintagcloudsword li.level4 {
        font-size: 2.2em;
    color: #F99D1C;
    display: inline-block;
}
.new-block-tagsintagcloudsword li.level5 {
    font-size: 2.5em;
    color: #005458;
    display: inline-block;
}
.new-block-tagsintagcloudsword li.level6 {
    font-size: 2.8em;
    color: #66C3C0;
    display: inline-block;
}
.new-block-tagsintagcloudsword li.level7 {
    font-size: 3.1em;
    color: #FFD72A;
    display: inline-block;
}
.new-block-tagsintagcloudsword li.level8 {
    font-size: 3.4em;
    color: #009B97;
    display: inline-block;
}
.new-block-tagsintagcloudsword li.level9 {
    font-size: 3.7em;
    color: #F99D1C;
    display: inline-block;
}
.new-block-tagsintagcloudsword li.level10 {
        font-size: 4em;
    color: #005458;
    display: inline-block;
}