html,body{
    margin:0;
    padding:0;
    font-size:0px;
    font-family: 'Noto Sans', sans-serif;
    color: #333333;
    overflow-x:hidden;
    background:url(../images/bg.jpg);
    background-repeat: repeat;
    background-size: 100% auto;
    min-height:100vh;
}
textarea:focus, input:focus{
    outline: none;
}
img{
    max-width:200%;
    width:100%;
}
h1{
    font-size:48px;
    line-height:1;
    padding:1% 0;
    margin:0px;
    text-align: center;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    vertical-align: middle;
    display: inline-block;
    text-transform: uppercase;
    color:#01a8fd;
}
h1 span{
    font-weight:normal;
    color:#FFFFFF;
}
h2{
    font-size:32px;
    line-height:1;
    margin:0px;
    color:#FFFFFF;
}
h2 span{
    font-weight:normal;
}
h3{
    font-size:24px;
    line-height:1;
    margin:0px;
    color:#FFFFFF;
}
h3 span{
    font-weight:normal;
}
h4{
    font-size:24px;
    line-height:1;
    margin:0;
    padding:0;
    color:#FFFFFF;
    font-weight:normal;
}
h5{
    font-size:18px;
    margin:0;
}
p{
    font-size:16px;
    margin-top:10px;
    margin-bottom:20px;
    color:#FFFFFF;
}
p span{
    color:#01a8fd;
}
ul{
    font-size:16px;
    color:#FFFFFF;
    margin-left:0px;
}
.btn{
    position:relative;
    display:inline-block;
    font-size:16px;
    color:#FFFFFF;
    border-radius:25px;
    background-color:#01a8fd;
    padding:7px 15px 10px 15px;
    margin-right:10px;
}
.btn:visited{
    color:#FFFFFF;
}
.btn_w{
    color:#01a8fd;
    background-color:#FFFFFF;
}
.btn_w:visited{
    color:#01a8fd;
}
.btn>div{
    position:relative;
    display: inline-block;
    vertical-align: middle;
    min-width:120px;
    text-align:center;
}
.btn>img{
    position:relative;
    display: inline-block;
    width:20px;
    vertical-align: middle;
    margin-left:10px;
}
.bar{
    position:relative;
    width:45px;
    height:2px;
    margin:15px 0;
    background-color:#01a8fd;
}
section{
    position:relative;
    display:inline-block;
    width:100%;
}
section .section_content{
    position:relative;
    display:block;
    width: 90%;
    max-width:1200px;
    margin:auto;
    z-index:5;
}
section .bg{
    z-index:3;
}
.section1_holder{
    margin-top:100px;
}

.left_holder{
    position:relative;
    display:inline-block;
    width:calc(100% - 301px);
    vertical-align:top;
    padding-right:40px;
    padding-bottom:100px;
}
.right_holder{
    position:relative;
    display:inline-block;
    width:300px;
    vertical-align:top;
    padding-left:40px;
    padding-bottom:100px;
}
.line{
    position:relative;
    display:inline-block;
    background-color:#FFFFFF;
    width:1px;
    height:450px;
    vertical-align:top;
}

.swiper-pagination-bullet{
    border:2px solid #01a8fd;
}
.swiper-pagination-bullet-active{
    background:#01a8fd;
}



.intro{
    position:relative;
    display:block;
    text-align:center;
    margin:auto;
    padding-bottom:5%;
    width:100%;
    max-width:1000px;
}
.intro .bar{
    margin:10px auto;
}



.investor{
    margin-bottom:5%;
    text-align:center;
}
.investor h1{
    position: relative;
    display: block;
    margin:auto;
}
.investor .investor_holder{
    position: relative;
    text-align:center;
}
.investor .bar{
    margin:10px auto;
}
.investor p{
    width:100%;
    max-width:1000px;
    margin:auto;
}
.investor img{
    margin:20px;
    width:calc(20% - 40px);
    max-width:270px;
    vertical-align:middle;
}


.banner_holder{
    position: relative;
    display: block;
    opacity:0.6;
    margin-top:100px;
    margin-bottom:-25%;
    z-index:1;
}
.banner_holder_darker{
    position: absolute;
    display: block;
    opacity:0.3;
    margin-bottom:0%;
}
.banner_holder .gradient{
    position:absolute;
    width:100%;
    height:100%;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%);
    z-index:2;
}
.banner_holder img{
    position: relative;
    display: inline-block;
    z-index:1;
}


.swiper-wrapper{
    padding-bottom:30px;
}


.social_holder{
    position:relative;
    display:inline-block;
    text-align:center;
    margin:auto;
}
.social_holder .round_btn{
    position:relative;
    display:inline-block;
    width:50px;
    margin:0 10px;
}

.bullet{
    position:relative;
    display:inline-block;
    font-size:16px;
    color:#FFFFFF;
    border-radius:25px;
    background-color:rgba(4,32,83,0.75);
    border:1px solid #FFFFFF;
    padding:2px 15px 2px 15px;
    margin-right:20px;
}



@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1280px) {
    h1{
        font-size:42px;
    }
    h2{
        font-size:30px;
    }
    h3{
        font-size:22px;
    }
    h4{
        font-size:22px;
    }
    .investor img{
        width:calc(25% - 40px);
    }
}
@media screen and (max-width: 1024px) {
    .btn{
        font-size:14px;
    }

    .left_holder{
        width:calc(100% - 251px);
        padding-right:20px;
    }
    .right_holder{
        width:250px;
        padding-left:20px;
    }

    .investor img{
        width:calc(33% - 40px);
        vertical-align:middle;
    }

    .social_holder .round_btn{
        width:50px;
    }

    .bullet{
        font-size:14px;
    }
}
@media screen and (max-width: 768px) {
    h1{
        font-size:36px;
    }
    h2{
        font-size:26px;
    }
    h3{
        font-size:20px;
    }
    h4{
        font-size:20px;
    }
    p{
        font-size:14px;
    }
    .btn{
        font-size:12px;
    }
    .section1_holder{
        margin-top:80px;
    }
    .banner_holder{
        margin-top:80px;
    }

    .left_holder{
        width:100%;
        padding:0;
    }
    .right_holder{
        width:100%;
        padding-left:0;
    }
    .line{
        display:none;
    }

    .investor img{
        width:calc(50% - 40px);
        vertical-align:middle;
    }

    .social_holder .round_btn{
        width:45px;
    }

    .bullet{
        font-size:12px;
    }
}
@media screen and (max-width: 500px) {
    h1{
        font-size:32px;
    }
    h2{
        font-size:24px;
    }
    h3{
        font-size:18px;
    }
    h4{
        font-size:18px;
    }
    .section1_holder{
        margin-top:65px;
    }
    .banner_holder{
        margin-top:65px;
    }

    .btn>div{
        min-width:unset;
    }
    .btn>img{
        width:20px;
        margin-left:15px;
    }

    .social_holder .round_btn{
        width:40px;
    }
}