.section {
    position: relative;
}


#section1 .bg {
    -webkit-animation: scalemap 1.5s ease-in-out;
    animation: scalemap 1.5s ease-in-out;
    background-position: 50% 52%;
    background-size: auto 237%;
}

#section1 .firstswiper {
    position: absolute;
    bottom: 3rem;
    left: 0;
    width: 100%;
    height: 55%;
}

#section1 .firstswiper .indexitem {
    /* background: #000000; */
    /* opacity: .4; */
}

#section1 .downarrow {
    position: absolute;
    bottom: 1.25rem;
    left: 0;
    width: 100%;
    z-index: 99;
}

#section1 .downarrow img {
    margin: 0 auto;
    cursor: pointer;
}

#section1 .header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 2rem 4rem;
    z-index: 99;
    display: flex;
    align-content: center;
    align-items: flex-start;
    flex-flow: row nowrap;
    justify-content: space-between;
}

#section1 .header .logo {
}

#section1 .header .menus {
    width: 30%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#section1 .header .menus > a {
    display: inline-block;
    color: #ffffff;
    font-size: 1rem;
    font-weight: bold;
}

#section1 .header .menus > a:hover {
    color: hsla(0, 0%, 100%, .5);
}

#section1 .header .rightpart {
    width: 12%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 140px;
}

#section1 .header .rightpart span {
    color: #ffffff;
    font-size: .9rem;
}

#section1 .header .rightpart a img {
    margin-right: .4rem;
}

#section1 .content {
    position: absolute;
    left: 0;
    top: 24vh;
    width: 100%;
	margin-left:10%;
    z-index: 3;
}

#section1 .content > * {
    text-align: left;
    color: #ffffff;

}

#section1 .content div:first-child {
    font-size: 2rem;
    line-height: 2rem;
    /*font-family: 'GOTHICB_0';*/
    font-weight: bold;
}

#section1 .content p {
    font-size: 18px;
    line-height: 26px;
    margin-top: 1rem;
	font-weight:100;
	width:600px;
	text-align: left;
}

#section1 .content .btndiv {
    /* margin-top: 2.5rem; */
}

a.solidbtn {
    font-size: .8rem;
    font-weight: bold;
    letter-spacing: .1rem;
    color: #222222;
    border: 2px solid #ffffff;
    background-color: #ffffff;
    padding: .4rem 3rem;
    border-radius: 100rem;
    margin: .5rem;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}
a.solidbtn[href="javascript:void(0);"]{
    display: none !important;
}

/*a.solidbtn:hover {
    background-color: transparent;
    color: white;
}*/

a.hollowbtn {
    font-size: 1rem;
   
    letter-spacing: .1rem;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: .4rem 3rem;

    margin: .5rem;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}



a.hollowbtn222 {
    font-size: 14px;
   
    letter-spacing: .1rem;
    color: #32cc7f;
    border: 1px solid #32cc7f;
    padding: .4rem 3rem;

    margin: .5rem;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    /*min-width:350px;*/
}

a.hollowbtn222:hover {
    color: #fff;
    background-color: #32cc7f;
}
a.hollowbtn:hover {
    color: #222222;
    background-color: #ffffff;
}



.section .content {
    position: absolute;
    top: 9rem;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 2;
}

.section .content div {
    font-size: 2rem;
    color: #ffffff;
    text-align: center;
}

.section .content p {
    font-size: 3rem;
    color: #ffffff;
    text-align: center;
    margin-top: 1.5rem;
    font-weight: bold;
    /*font-weight: bold;*/
    /*font-family: 'GOTHICB_0';*/
}

.section .content a {
    display: inline-block;
    margin-top: 1.5rem;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: transparent;
    border: 2px solid #ffffff;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #ffffff;
}

.swiper-container {
    height: 100%;
}