.el-c1, .el-c2, .el-c3, .el-c4, .el-c5, .el-c6, .el-c7, .el-c8, .el-c9, .el-c10, .el-c11, .el-c12 {
float:right;padding-left:10px;padding-right:10px;
}


@media (min-width: 768px) {
    .el-ct1, .el-ct2, .el-ct3, .el-ct4, .el-ct5, .el-ct6, .el-ct7, .el-ct8, .el-ct9, .el-ct10, .el-ct11, .el-ct12 {
        float: right;padding-left:10px;padding-right:10px;
    }

}

/*for desktops*/
@media (min-width: 992px) {
  .el-cd1, .el-cd2, .el-cd3, .el-cd4, .el-cd5, .el-cd6, .el-cd7, .el-cd8, .el-cd9, .el-cd10, .el-cd11, .el-cd12 {
    float: right;padding-left:10px;padding-right:10px;
  }

}

/*for larger desktops*/
@media (min-width: 1200px) {
    .el-cl1, .el-clg-2, .el-cl3, .el-cl4, .el-cl5, .el-cl6, .el-cl7, .el-cl8, .el-cl9, .el-cl10, .el-cl11, .el-cl12 {
        float: right;padding-left:10px;padding-right:10px;
    }
 

}  


.txtArea {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #c2c2c2;
    box-shadow: 1px 1px 4px #ebebeb;
    -moz-box-shadow: 1px 1px 4px #ebebeb;
    -webkit-box-shadow: 1px 1px 4px #ebebeb;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 8px;
    outline: 0;
    width: 100%;

background-color:#ffffff;
}

.header{background-image:url()}

.fb-button {
background-color:#000019;margin-top:20px;font-size:22px;}

.fb-button:hover {
background-color:#ff0000;}

.txtArea {
    display: inline-block;
margin-top:20px;
    vertical-align: middle;
}

.txtArea:focus {
    border: 1px solid #613DC1;
}

.txtArea {
    line-height: normal;
}

.ANo4 .answer-holder .textarea {
width:100%;}




   


        #QNo1, #QNo2, #QNo3, #QNo4, #QNo5 {
        border-bottom:solid 1px #000019}
        .QNo1,.QNo2,.QNo3,.QNo4,.QNo5 {
    
    display: block;
    border-bottom:none;
    background-image: none;
    color: #ffffff;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    padding: 7px 10px 5px 10px;
    font-size: 20px;
    font-weight: bold;
    background-color:#000019;
    line-height:25px;
    
        }

            .QNo5 b {
                display: inline-block;
                width: 30px;
                font-size: 1px;
                position: relative;
                color: #0f3573;
            }

                .QNo5 b:before {
                    content: "5";
                    display: inline-block;
                    color: rgb(255, 255, 255);
                    width: 10px;
                    position: absolute;
                    left: 20px;
                    overflow: hidden;
                    z-index: inherit;
                    height: 30px;
                    font-size: 20px;
                    top: -5px;
                }

                .QNo5 b::after {
                    content: "*";
                    display: inline-block;
                    right: 185px;
                    width: 15px;
                    position: absolute;
                    height: 30px;
                    font-size: 20px;
                    top: -8px;
                    color: #df2c2f;
                    font-size: 26px;
                }




input[type=submit] {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #0f3573;
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 10px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}


form#form1 .ANo1 input[type="radio"], form#form1 .ANo2 input[type="radio"], form#form1 .ANo3 input[type="radio"], form#form1 .ANo4 input[type="radio"] {
    -webkit-appearance: none;
    width: 101px;
    height: 101px;
    border: none;
    cursor: pointer;
    transition: border .2s ease;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin: 0 5px;
    transition: all .2s ease;
    border-radius: 45px;
}
    form#form1 .ANo1 input[type="radio"]:hover, form#form1 .ANo1 input[type="radio"]:checked, form#form1 .ANo2 input[type="radio"]:hover, form#form1 .ANo2 input[type="radio"]:checked, form#form1 .ANo3 input[type="radio"]:hover, form#form1 .ANo3 input[type="radio"]:checked, form#form1 .ANo4 input[type="radio"]:hover, form#form1 .ANo4 input[type="radio"]:checked {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }
    form#form1 .ANo1 input[type="radio"]:focus, form#form1 .ANo2 input[type="radio"]:focus, form#form1 .ANo3 input[type="radio"]:focus, form#form1 .ANo4 input[type="radio"]:focus {
        outline: 0;
    }

form#form1 input[type="radio"]#SurveyAr_Q1_1485, form#form1 input[type="radio"]#SurveyAr_Q2_1539, form#form1 input[type="radio"]#SurveyAr_Q3_1495, form#form1 input[type="radio"]#SurveyAr_Q4_1500 {
    background: url("../images/cri/sa.png") center;
    background-size: cover;
}
form#form1 input[type="radio"]#SurveyAr_Q1_1486, form#form1 input[type="radio"]#SurveyAr_Q2_1491, form#form1 input[type="radio"]#SurveyAr_Q3_1496, form#form1 input[type="radio"]#SurveyAr_Q4_1501 {
    background: url("../images/cri/agree.png") center;
    background-size: cover;
}
form#form1 input[type="radio"]#SurveyAr_Q1_1487, form#form1 input[type="radio"]#SurveyAr_Q2_1492, form#form1 input[type="radio"]#SurveyAr_Q3_1497, form#form1 input[type="radio"]#SurveyAr_Q4_1502 {
    background: url("../images/cri/neutral.png") center;
    background-size: cover;
}
form#form1 input[type="radio"]#SurveyAr_Q1_1488, form#form1 input[type="radio"]#SurveyAr_Q2_1493, form#form1 input[type="radio"]#SurveyAr_Q3_1498, form#form1 input[type="radio"]#SurveyAr_Q4_1503 {
    background: url("../images/cri/d.png") center;
    background-size: cover;
}
form#form1 input[type="radio"]#SurveyAr_Q1_1489, form#form1 input[type="radio"]#SurveyAr_Q2_1494, form#form1 input[type="radio"]#SurveyAr_Q3_1499, form#form1 input[type="radio"]#SurveyAr_Q4_1504 {
    background: url("../images/cri/sd.png") center;
    background-size: cover;
}


/*Southern*/


form#form1 input[type="radio"]#SurveyAr_Q1_1512, form#form1 input[type="radio"]#SurveyAr_Q2_1517, form#form1 input[type="radio"]#SurveyAr_Q3_1522, form#form1 input[type="radio"]#SurveyAr_Q4_1527 {
    background: url("../images/cri/sa.png") center;
    background-size: cover;
}

form#form1 input[type="radio"]#SurveyAr_Q1_1513, form#form1 input[type="radio"]#SurveyAr_Q2_1518, form#form1 input[type="radio"]#SurveyAr_Q3_1523, form#form1 input[type="radio"]#SurveyAr_Q4_1528 {
    background: url("../images/cri/agree.png") center;
    background-size: cover;
}

form#form1 input[type="radio"]#SurveyAr_Q1_1514, form#form1 input[type="radio"]#SurveyAr_Q2_1519, form#form1 input[type="radio"]#SurveyAr_Q3_1524, form#form1 input[type="radio"]#SurveyAr_Q4_1529 {
    background: url("../images/cri/neutral.png") center;
    background-size: cover;
}

form#form1 input[type="radio"]#SurveyAr_Q1_1515, form#form1 input[type="radio"]#SurveyAr_Q2_1520, form#form1 input[type="radio"]#SurveyAr_Q3_1525, form#form1 input[type="radio"]#SurveyAr_Q4_1530 {
    background: url("../images/cri/d.png") center;
    background-size: cover;
}

form#form1 input[type="radio"]#SurveyAr_Q1_1516, form#form1 input[type="radio"]#SurveyAr_Q2_1521, form#form1 input[type="radio"]#SurveyAr_Q3_1526, form#form1 input[type="radio"]#SurveyAr_Q4_1531 {
    background: url("../images/cri/sd.png") center;
    background-size: cover;
}



.ANo1, .ANo2, .ANo3, .ANo4 {
text-align:center;padding-top:20px;padding-bottom:20px;}

.answer-holder .option-entry {width:160px;display:inline-block;}

.answer-holder label {display:block;}

.entry1505, .entry1506, .entry1507, .entry1508, .entry1509, .entry1510, .entry1541 {
    width: 320px !important;
    display: inline-block !important;
    padding-right: 10px;
}

    .entry1505 label, .entry1506 label, .entry1507 label, .entry1508 label, .entry1509 label, .entry1510 label, .entry1541 label {
        display: inline-block !important; padding:10px;
    }


.entry1532, .entry1533, .entry1534, .entry1535, .entry1536, .entry1537, .entry1540 {
    width: 320px !important;
    display: inline-block !important;
    padding-right: 10px;
}

    .entry1532 label, .entry1533 label, .entry1534 label, .entry1535 label, .entry1536 label, .entry1537 label, .entry1540 label {
        display: inline-block !important;
        padding: 10px;
    }





    .mtt {
        position: fixed;
        bottom: 10px;
        right: 20px;
        color: #999;
        text-decoration: none;
    }
.mtt span {
  color: #e74c3c;
}
.mtt:hover {
  color: #666;
}
.mtt:hover span {
  color: #c0392b;
}
.main-holder + div {
background-color:#c2c2c2}

.gh {
background-color:#cccccc;line-height:40px;padding-right:10px;font-weight:bold;}

.gh span{color:#df2c2f;font-weight:bold;font-size:26px;}

#QNo5 b::after {
    display:none;
}