#slide3 {
    width:1000px;
    height:768px;
    margin: 0 auto;
    position:relative;
    background-image: url('../../images/bg.jpg');
    color: #fff;
}
.block1{
    width: 100%;
}
#slide3> div >h2{
    font-size: 20px;
}
#slide3 .wrapper{
    padding-top: 40px;
    position: relative;
}
#slide3 .wrapper h3{
    font: 31px/1.2 "FiraSansMedium";
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-align: center;
    margin-bottom: 20px;
}
#slide3 .wrapper p{
    font: 16px/1.2 "FiraSansregular";
    color: #fff;
}
#slide3 .wrapper table{
    margin-top: 30px;
}
table tr td:first-child, table tr:first-child td{
    font: 18px/1.5 "FiraSansBold";
    width: 220px;
    height: 80px;
    padding: 15px 10px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
table tr:first-child td + td{
    text-align: center;
}
table tr:first-child td{
    vertical-align: middle;
}
table tr:last-child td + td{
    font: 16px/1.2 "FiraSansRegular";
    padding: 15px 10px;
}
.zoom{
    margin-left: 220px;
}
.item1{
    background-color: #0e37bb;
}
.item2{
    background-color: #1244cf;
}
.item3{
    background-color: #1c69de;
}
.line{
    width: 0px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    animation: 3s line 2s ease forwards;
    top: 0;
    left: 0;
    transform: translateX(10px) translateY(473px);
}
@keyframes line{
    0%{
        width: 0;
    }
    100%{
        width: 830px;
    }
}
.circle1, .circle2, .circle3{
    position: absolute;
    top: 0;
    left: 0;
}
.circle1{
    transform: translateX(309px) translateY(465px);
}
.circle2{
    transform: translateX(511px) translateY(465px);
}
.circle3{
    transform: translateX(710px) translateY(465px);
}
.arr, .title{
    position: absolute;
    top: 0;
    left: 0;
}
.arr{
    transform: translateX(340px) translateY(220px);
}
.title{
    transform: translateX(520px) translateY(215px);
    font: 16px/1.2 "FiraSansRegular";
}