html, body {
    background-image: linear-gradient(to bottom,rgba(42, 255, 226, 1),rgba(11, 178, 191, 0.98), rgba(127, 12, 178, 0.75) 100%),url("/DynImage/212004001/background_image"); 
    background-size: cover;
    background-repeat: no-repeat;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;}


input,

select,
textarea {
    max-width: 280px;}



.main_wrapper {
    margin: 0 auto;
    }

.section_logo {
    border-radius: 0px 0px 60px 60px;
    max-height: 250px;
    max-width: 375px;
    margin: 0 auto;
    background-color: #fff;
    min-height: 250px;
    position: relative;}

.logo {
    max-height: 225px;
    max-width: 275px;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;}

.section_wrapper {  }

.section_content {
    padding: 20px;
    text-align: center;
    max-width: 375px;
    margin: 0 auto;
    height:100%;}

.section_description {
    color: #ffffff !important;
    height: 90px;}
.section_sub_description{
    padding-top:30px;}
.section_pin {
    padding-top: 50px;}
.section_input {
    height: 60px;}
.error_message {
    color: #cd0000;}
/*-----------------------input area styling start--------------------------*/
.input_transparent {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fafafa;
    width: 70%;
    color: #fafafa;
    height: 25px;
    font-size: 15px;}

input:focus {
    outline: none;}

input {
    text-align: center;}

    input[type='text']::placeholder {
        text-align: center; /* for Chrome, Firefox, Opera */
        color: #fafafa;
    }

:-ms-input-placeholder {
    text-align: center; /* for IE 10-11 */
    color: #fafafa;}

::-webkit-input-placeholder {
    text-align: center; /* for IE Edge */
    color: #fafafa;}
/*-----------------------input area styling end--------------------------*/

.section_action {
    margin: 15px 30px 20px 30px;}

/*-----------------------section Button start----------------------------*/
.btn_action {
    background: #ffffff;
    padding: 13px;
    border-radius: 25px;
    color: #3a3a3a;
    font-weight: bold;
    font-size: 15px;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    border:none;}
.link_action {
    background: #ffffff;
    padding: 13px;
    border-radius: 25px;
    color: #3a3a3a;
    font-weight: bold;
    font-size: 15px;
    width: 100%;
    display: block;
    margin-bottom: 10px;}
.link_action:hover{
    text-decoration:none;
    color:#3a3a3a;}
.link_action:link{
    text-decoration:none;}
.section_timer{
    font-weight:100;
    font-size:14px;
    color:#fafafa;}
.ui_label{
    font-weight:100;}

/*-----------------------section button end------------------------------*/

.section_footer {
    min-height:100%;
    color: #ffffff !important;
    font-size: 10px;}


@media only screen and (max-width: 479px) {
    .main_wrapper{
        min-height:660px;
    }

    .section_logo {
        background-color: #fff;
        /*border-radius: 0px 0px 60px 60px;*/
        min-height:250px
    }
    .content_footer {
        /*position: absolute;*/
        bottom: 0;
        max-width: 320px;
    }}
@media only screen and (max-width: 767px) {}

@media only screen and (maxwidth: 959px) and (min-width:768px) {}

@media only screen and (min-width:960px) {
    html, body {
        height: 100%;
    }
    .main_wrapper {
        max-width: 100%;
        padding-top: 2%;
        
    }
    .section_logo {
        border-radius: 30px 30px 30px 30px;
        background-color: #fff;
        min-height: 250px
    }
	}