body {
    background-color: #A66B36 !important;
}
.navbar {
    background-color: #ffffff;
}
.title-images {
    background: #1D4A9F;
    width: 100%;
}
.title-images img {
    width: 100%;
}
.block1 {
    position: relative;
    background-color: #1D4A9F;
}
.block1 .downloads_frame{
    top: 20px;
    position: relative;
    left: 5vw;
    width: 90vw;
    border-radius: 20px;
    border: solid 20px #8b572a;
    background-color: #FFFFFF;
    height:auto;
    min-height: 500px;
}
.block1::before {
    content: "";
    background: url("") top center no-repeat;
    height: auto;
    width: 100%;
    position: absolute;
    background-size: contain;
}
.block1  .moon{
    content: url("/images/public/download/moon@4x.png");
    position: absolute;
    max-width: 18%;
    top: -5%;
    z-index: 1;
}
.block1  .star1{
    content: url("/images/public/download/star1@4x.png");
    position: absolute;
    max-width: 15%;
    left: 2%;
    top: 40%;
    z-index: 1;
}
.block1  .star1-1{
    content: url("/images/public/download/star1@4x.png");
    position: absolute;
    max-width: 5%;
    right: 5%;
    bottom: 0px;
    z-index: 1;
}

.block1  .star2{
    content: url("/images/public/download/star2@4x.png");
    position: absolute;
    max-width: 6%;
    right:5%;
    top:0px;
    z-index: 1;
}
.block1  .star2-1{
    content: url("/images/public/download/star2@4x.png");
    position: absolute;
    max-width: 5%;
    left: 10%;
    bottom: 3%;
    z-index: 1;
}
.block1  .star3{
    content: url("/images/public/download/star3@4x.png");
    position: absolute;
    max-width: 6%;
    bottom: 10%;
    right: 30%;
    z-index: 1;
}
.block1  .star3-1{
    content: url("/images/public/download/star3@4x.png");
    position: absolute;
    max-width: 4%;
    top: 0%;
    left: 50%;
    z-index: 1;
}
.block1  .star4{
    content: url("/images/public/download/star4@4x.png");
    position: absolute;
    max-width: 21%;
    bottom: 5%;
    left: 15%;
    z-index: 1;
}
 .boy3{
    content: url("/images/public/download/boy3@3x.png");
    position: absolute;
    max-width: 18%;
    right: 10%;
    z-index: 1;
    top:-40%;
}
.block1 .block1_foot{
    background: #1D4A9F;
    width: 100%;
    height:250px;
}
.back_menu{
    background: #ffffff;
}
.bg-white{
    background: #fff ;
}

.downloads_main_title{
    position: relative;
    font-size: 2.571em;
    color:  #FFFFFF;
    text-align: center;
    font-weight: bold;
}
#downloads_content{
    width: 80%;
}
.downloads_content_div{
    min-height: 140px;
    border-top: solid 2px #acd4ea;
    border-left: solid 2px #acd4ea;
    border-right: solid 2px #acd4ea;
    padding-left: 60px;
    padding-top: 20px;
    background: #fff;
    cursor:pointer;
}
.downloads_btn{
    width: 116px;
    height: 46px;
    float: left;
    background: #7db9d9;
    color: #fff;
    font-size: 1.428em;
    text-align: center;
}
.downloads_btn label{
    position: relative;
    top: 8px;
}
.downloads_date{
    position: relative;
    top: 8px;
    font-size: 1.428em;
    color: #a2a2a2;
}
.downloads_title{
    font-size: 1.428em;
    color: #666666;
    position: relative;
}
.downloads_bottom{
    border-bottom: solid 2px #acd4ea;
}
.downloads_more{
    width: 240px;
    height: 80px;
    border-radius: 40.5px;
    background-color: #7db9d9;
    color: #fff;
    font-size: 2.285em;
    text-align:center;
    position: relative;
    left: calc(50% - 120px);
    cursor:pointer;
}
#downloads_more_label{
    position: relative;
    top: 15px;
    cursor:pointer;
}
.bg-white{
    background: #fff url("/images/public/bg/news.png");
}
.downloads_button{
    width:96px;
    height: 46px;
    background: #7db9d9;
    color: #fff;
    font-size: 1.428em;
    position: relative;
    float: left;
    left: -10px;
    text-align: center;
}
.downloads_button_title{
    position: relative;
    top: 3px;
}
footer .container-fluid {
    position: relative;
    background: url("/images/public/download/desk@4x.png")#1D4A9F  top center no-repeat;
    height:467px;
    padding-top: 150px;
}
footer h5{
    color: #FFFFFF;
}
@media screen and (max-width: 1440px) {
    .block1 .downloads_frame{
        border-radius: 10px;
        border: solid 10px #8b572a;
        z-index: 1;
    }
    .block1  .moon{
        content: url("/images/public/download/moon@3x.png") ;
    }
    .block1  .star1{
        content: url("/images/public/download/star1@3x.png");
    }
    .block1  .star1-1{
        content: url("/images/public/download/star1@3x.png");
    }
    .block1  .star2{
        content: url("/images/public/download/star2@3x.png");
    }
    .block1  .star2-1{
        content: url("/images/public/download/star2@3x.png");
    }
    .block1  .star3{
        content: url("/images/public/download/star3@3x.png");
    }
    .block1  .star3-1{
        content: url("/images/public/download/star3@3x.png");
    }
    .block1  .star4{
        content: url("/images/public/download/star4@3x.png");
    }
    .boy3{
        content: url("/images/public/download/boy3@3x.png");
        top:-60%;
    }
    .block1 .block1_foot{
        background: #1D4A9F;
        width: 100%;
        height:200px;
    }
    footer .container-fluid {
        background: url("/images/public/download/desk@3x.png") #1D4A9F top center no-repeat;
        height:350px;
        padding-top: 150px;
    }
    
}
@media screen and (max-width: 960px) {
    #downloads_content{
        width: 70%;
    }
    .downloads_content_div{
        min-height: 100px;
        border-top: solid 2px #acd4ea;
        border-left: solid 2px #acd4ea;
        border-right: solid 2px #acd4ea;
        padding-left: 60px;
        padding-top: 20px;
        background: #fff;
        cursor:pointer;
    }
    .downloads_main_title{
        bottom:20px;
        font-size: 1.971em;
    }
    .block1 .downloads_frame{
        border-radius: 10px;
        border: solid 10px #8b572a;
        z-index: 1;
    }
    .block1  .moon{
        content: url("/images/public/download/moon@2x.png");
    }
    .block1  .star1{
        content: url("/images/public/download/star1@2x.png");
    }
    .block1  .star1-1{
        content: url("/images/public/download/star1@2x.png");
    }
    .block1  .star2{
        content: url("/images/public/download/star2@2x.png");
    }
    .block1  .star2-1{
        content: url("/images/public/download/star2@2x.png");
    }
    .block1  .star3{
        content: url("/images/public/download/star3@2x.png");
    }
    .block1  .star3-1{
        content: url("/images/public/download/star3@2x.png");
    }
    .block1  .star4{
        content: url("/images/public/download/star4@2x.png");
    }
    .boy3{
        content: url("/images/public/download/boy3@2x.png");
        top:-36%;
    }
    .block1 .block1_foot{
        background: #1D4A9F;
        width: 100%;
        height: 150px;
    }
    footer .container-fluid {
        background: url("/images/public/download/desk@2x.png") #1D4A9F top center no-repeat;
        height:348px;
        padding-top: 130px;
    }
    .classynav{
        height: 100%;
        overflow: hidden;
    }
    .navbackground{
        flex-direction: column;
        background-color:  #77D1CD ;
        width: 100%;
        height: 100%;
        display: "";
    }
    .navi-mg{
        content: url("/images/public/bg/index/bg7@2x.png") ;
        background-color: #FFFFFF;
        max-width: 100%;
    }
}
@media screen and (max-width: 700px) {
    .boy3{
        top:-30%;
    }
}

@media screen and (max-width:480px) {
    #downloads_content{
        width: 70%;
    }
    .downloads_content_div{
        min-height: 100px;
        font-size: 1em;
        border-top: solid 1px #acd4ea;
        border-left: solid 1px #acd4ea;
        border-right: solid 1px #acd4ea;
        padding-left: 10px;
        padding-top: 10px;
        background: #fff;
        cursor:pointer;
    }
    .downloads_main_title{
        bottom:20px;
        font-size: 1.571em;
    }
    .downloads_date{
        font-size: 0.6em;
    }
    .downloads_title{
        font-size: 0.8em;
    }
    .download_icon{
        padding-bottom: 5px;
    }
    .section-padding-80{
        padding-top: 20px;
    }
    .block1 .downloads_frame{
        border-radius: 10px;
        border: solid 10px #8b572a;
        min-height: 450px;
        z-index: 1;
    }
    .block1  .moon{
        content: url("/images/public/download/moon.png");
    }
    .block1  .star1{
        content: url("/images/public/download/star1.png");
    }
    .block1  .star1-1{
        content: url("/images/public/download/star1.png");
    }
    .block1  .star2{
        content: url("/images/public/download/star2.png");
    }
    .block1  .star2-1{
        content: url("/images/public/download/star2.png");
    }
    .block1  .star3{
        content: url("/images/public/download/star3.png");
    }
    .block1  .star3-1{
        content: url("/images/public/download/star3.png");
    }
    .block1  .star4{
        content: url("/images/public/download/star4.png");
    }
    .boy3{
        content: url("/images/public/download/boy3.png");
        top:-70px;
    }
    .block1 .block1_foot{
        background: #1D4A9F;
        width: 100%;
        height: 100px;
    }
    footer .container-fluid {
        background: url("/images/public/download/desk.png") #1D4A9F  top center no-repeat;
        height:174px;
        padding-top: 30px;
    }
    .classynav{
        height: 100%;
        overflow: hidden;
    }
    .navbackground{
        flex-direction: column;
        background-color:  #77D1CD ;
        width: 100%;
        height: 100%;
        display: "";
    }
    .navi-mg{
        content: url("/images/public/bg/index/bg7@2x.png") ;
        background-color: #FFFFFF;
        max-width: 100%;
    }
}
@media screen and (max-width:350px) {
    .boy3{
        top:-32%;
    }
}