.main-content{
    background-position:260% 10%;
}
.inner-banner{
    position:relative;
    height:26.2rem;
    width:100%;
}
.inner-content{
    padding:6.2rem 0 5.7rem 0;
}
.order-form{
    padding:0rem;
    width:auto;
    border:0;
    max-width:71.4rem;
    margin:0 auto;
}
.order-form h2{
    font-family:'ItalianPlateNo1Extrabold', Helvetica, Arial, sans-serif;
    font-size:3.2rem;
    line-height:4.4rem;
    color:#76b930;
    max-width:32.8rem;
    margin:0 auto 0 auto;
    text-align:center;

}
.order-form h3{
    text-align:center;
    font-family:'ItalianPlateNo1Demibold', Helvetica, Arial, sans-serif;
    font-size:1.4rem;
    line-height:2.4rem;
    color:#1B4633;
}
.order-form p{
    font-family:'ItalianPlateNo1Regular', Helvetica, Arial, sans-serif;
    font-size:1.4rem;
    line-height:2.4rem;
    letter-spacing:0.05em;
    margin-bottom:1.6rem;
    color:#1B4633;
    text-align:center;
}
.planorder{
    padding-top:1.8rem;
}
#days-per-week-text {
    font-family:'ItalianPlateNo1Extrabold', Helvetica, Arial, sans-serif;
    display:inline-block;
    vertical-align:middle;
    padding: 0 3rem;
    font-size:1.8rem;
    line-height: 3rem;
    height: 3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color:#1B4633;
}
.change-days{
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
}
.change-days.increase,
.change-days.decrease{
    width:3rem;
    height:3rem;
}
#days-per-week-container{
    padding-top:1rem;
    padding-bottom:6.5rem;
    text-align:center;
}
#from-date{
    float:none;
    margin:0 auto!important;
    border:0 none;
    width:36.3rem!important;
    height:auto;
}
#select-date{
    padding-top:0;
}
#select-date .ui-datepicker{
    width:36rem;
    padding:0;
    margin:0 auto;
}
#select-date .ui-datepicker-year{
    display:none;
}
#select-date .ui-datepicker .ui-datepicker-title{
    font-size:1.8rem;
    font-family:'ItalianPlateNo1Extrabold', Helvetica, Arial, sans-serif;
    height:5.5rem;
    line-height:5.5rem;
}
#select-date .ui-widget-header{
    height:5.5rem;
    margin-bottom:4.2rem;
}
#select-date .ui-datepicker .ui-datepicker-prev,
#select-date .ui-datepicker .ui-datepicker-next{
    width:5.5rem;
    height:5.5rem;
    top:0;
}
#select-date .ui-datepicker .ui-datepicker-prev{
    left:10rem;
}
#select-date .ui-datepicker .ui-datepicker-next{
    right:10rem
}
#select-date .ui-datepicker .ui-datepicker-prev span,
#select-date .ui-datepicker .ui-datepicker-next span{
    width:5.5rem;
    height:5.5rem;
    position:initial;
    margin-left:0;
    margin-top:0;
}
#select-date .ui-datepicker .ui-datepicker-prev span{
    background:url(../img/arrow-left.svg) no-repeat center center;
}
#select-date .ui-datepicker .ui-datepicker-next span{
    background:url(../img/arrow-right.svg) no-repeat center center;
}
#select-date .ui-datepicker td{
    padding:0.5rem 0.7rem;
}
#select-date .ui-datepicker table,
#select-date .ui-datepicker th{
    font-size:1.4rem;
    font-family:'ItalianPlateNo1Demibold',Helvetica, Arial, sans-serif;
    font-weight:normal;
    text-align:center;
}
#select-date .ui-state-default,
#select-date .ui-widget-content .ui-state-default,
#select-date .ui-widget-header .ui-state-default{
    font-family:'ItalianPlateNo1Medium',Helvetica, Arial, sans-serif;
    text-align:center;
    color:#1B4633;
    border-radius:50%;
    border:0.2rem solid #1B4633;
    width:2.8rem;
    height:2.8rem;
    line-height:2.8rem;
    padding:0;
}
#select-date .ui-datepicker-today .ui-state-highlight{
    color:#1B4633;
    border:0.2rem solid #1B4633;
    background:#ffffff;
}
#select-date .ui-state-highlight a,
#select-date .ui-widget-content .ui-state-highlight a,
#select-date .ui-widget-header .ui-state-highlight a{
    font-family:'ItalianPlateNo1Extrabold',Helvetica, Arial, sans-serif;
    background:#FFBAB3;
}
.selected-period{
    float:none;
    margin:2rem auto 1.5rem;
    width:auto;
    height:auto;
    text-align:center;
    background:none;
}
#select-date .scrollcont{
    padding:0;
}
#select-date .scrollcont ul li{
    background:0 none;
    font-family:'ItalianPlateNo1Demibold', Helvetica, Arial, sans-serif;
    font-size:1.5rem;
    line-height:2.4rem;
}
#select-date .scrollcont ul li span{
    color:#1B4633;
}
.action-buttons {
    text-align:center;
}
#valid + label.error{
    text-align:center;
}
.order-note{
    padding-top:5.5rem;
    max-width:40rem;
    margin:0 auto;
}
@media(max-width:768px){
    .order-form h3,
    .order-form p{
        font-size:3rem;
        line-height:1.7;
    }
    #select-date .ui-datepicker .ui-datepicker-title,
    #days-per-week-text{
        font-size:3.8rem;
        height:7.5rem;
        line-height:7.5rem;
        padding:0 5.8rem;
    }
    .change-days.increase,
    .change-days.decrease{
        width:6rem;
        height:6rem;
    }
    #select-date .ui-datepicker .ui-datepicker-next span,
    #select-date .ui-datepicker .ui-datepicker-prev span{
        background-size:6rem 6rem;
        width:7.5rem;
        height:7.5rem;
    }
    #select-date .ui-datepicker .ui-datepicker-prev, #select-date .ui-datepicker .ui-datepicker-next{
        width:7.5rem;
        height:7.5rem;
    }
    #select-date .ui-widget-header{
        height:7.5rem;
        line-height:7.5rem;
    }
    #select-date .ui-datepicker .ui-datepicker-next{
        right:16rem;
    }
    #select-date .ui-datepicker .ui-datepicker-prev{
        left:16rem;
    }
    #select-date .ui-datepicker table, #select-date .ui-datepicker th{
        font-size:2.7rem;
    }
    #from-date,
    #select-date .ui-datepicker{
        width:60rem!important;
    }
    #select-date .ui-state-default, #select-date .ui-widget-content .ui-state-default, #select-date .ui-widget-header .ui-state-default{
        width:6rem;
        height:6rem;
        line-height:6rem;
    }
    #select-date .scrollcont ul li{
        font-size:2.7rem;
        line-height:1.3;
    }
}