@charset "UTF-8";
/* CSS Document */

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body,
body * {
    position: absolute;
    vertical-align: baseline;
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

#main_wrapper {
    position: absolute;
    display: block;
    width: 300px;
    height: 600px;
    overflow: hidden;
    background-color: #2E234B;
    opacity: 0;
}

#frame {
    position: absolute;
    display: block;
    width: 300px;
    height: 600px;
    border: 1px solid #555555;
    z-index: 5;
}

.active#main_wrapper {
    opacity: 1;
}

#searchField {
    top: 175px;
    position: absolute;
    display: block;
    width: 300px;
	height: 600px;
}

#animateOutline {
    left: 23px;
    top: 92px;
    width: 254px;
}

.cls-100 {
    transform: translate(1px, 1px);
box-sizing: border-box;
        stroke-width: 2;
        stroke: #eeeeee;
        fill:  transparent;
        animation: dash 1s linear;
        animation-fill-mode: forwards;
    }


#searchMask {
    top: 107px;
    position: absolute;
    display: block;
    width: 300px;
	height: 50px;
}

#copyFrame1, #copyFrame2 {
    position: absolute;
    display: block;
    width: 300px;
	height: 600px;
}

#searchCopy {
    left: 38px;
    position: absolute;
    display: block;
    width: 218px;
	height: 37px;
}

#symbol {
    position: absolute;
    display: block;
    top: 54px;
    left: 16px;
    width: 201.6px;
	height: 25.1px;
}

#logo_name {
    position: absolute;
    display: block;
	background: url('img/logo.svg') no-repeat;
	background-size: 300px 600px;
	width: 300px;
	height: 600px;
}

#mask11 {
    position: absolute;
    display: block;
    top: 169px;
    width: 300px;
    height: 26px;
    overflow: hidden;
}

#mask12 {
    position: absolute;
    display: block;
    top: 203px;
    width: 300px;
    height: 26px;
    overflow: hidden;
}

#mask13 {
    position: absolute;
    display: block;
    top: 235px;
    width: 300px;
    height: 26px;
    overflow: hidden;
}

#copy11 {
    position: absolute;
    display: block;
	background: url('img/copy1.svg') no-repeat 0px -169px;
	background-size: 300px 600px;
	width: 300px;
	height: 26px;
}

#copy12 {
    position: absolute;
    display: block;
    background: url('img/copy1.svg') no-repeat 0px -203px;
    background-size: 300px 600px;
    width: 300px;
    height: 26px;
}

#copy13 {
    position: absolute;
    display: block;
    background: url('img/copy1.svg') no-repeat 0px -235px;
    background-size: 300px 600px;
    width: 300px;
    height: 26px;
}

/*////////////////////////////////copy 2///////////////////////////////////////////*/

#mask21 {
    position: absolute;
    display: block;
    top: 169px;
    width: 300px;
    height: 26px;
    overflow: hidden;
}
#mask22 {
    position: absolute;
    display: block;
    top: 202px;
    width: 300px;
    height: 26px;
    overflow: hidden;
}
#mask23 {
    position: absolute;
    display: block;
    top: 235px;
    width: 300px;
    height: 22px;
    overflow: hidden;
}

#copy21 {
    position: absolute;
    display: block;
	background: url('img/copy2.svg') no-repeat 0px -169px;
	background-size: 300px 600px;
	width: 300px;
	height: 26px;
}
#copy22 {
    position: absolute;
    display: block;
	background: url('img/copy2.svg') no-repeat 0px -202px;
	background-size: 300px 600px;
	width: 300px;
	height: 26px;
}
#copy23 {
    position: absolute;
    display: block;
	background: url('img/copy2.svg') no-repeat 0px -235px;
	background-size: 300px 600px;
	width: 300px;
	height: 22px;
}

/*////////////////////////////////copy 3///////////////////////////////////////////*/
#mask30 {
    position: absolute;
    display: block;
    top: 245px;
    width: 300px;
    height: 80px;
    overflow: hidden;
}
#mask31 {
    position: absolute;
    display: block;
    top: 26px;
    width: 300px;
    height: 16px;
    overflow: hidden;
}

#mask32 {
    position: absolute;
    display: block;
    top: 331px;
    width: 300px;
    height: 26px;
    overflow: hidden;
}
#mask33 {
    position: absolute;
    display: block;
    top: 360px;
    width: 300px;
    height: 20px;
    overflow: hidden;
}
#mask34 {
    position: absolute;
    display: block;
    top: 561px;
    width: 300px;
    height: 10px;
    overflow: hidden;
}

#copy30 {
    position: absolute;
    display: block;
	background: url('img/copy3.svg') no-repeat 0px -245px;
	background-size: 300px 600px;
	width: 300px;
	height: 80px;
}
#copy31 {
    left: 5px;
    position: absolute;
    display: block;
	background: url('img/copy3.svg') no-repeat -5px -6px;
	background-size: 300px 600px;
	width: 56px;
	height: 16px;
}
#copy32 {
    position: absolute;
    display: block;
	background: url('img/copy3.svg') no-repeat 0px -331px;
	background-size: 300px 600px;
	width: 300px;
	height: 26px;
}
#copy33 {
    position: absolute;
    display: block;
	background: url('img/copy3.svg') no-repeat 0px -360px;
	background-size: 300px 600px;
	width: 300px;
	height: 20px;
}
#copy34 {
    position: absolute;
    display: block;
	background: url('img/copy3.svg') no-repeat 0px -561px;
	background-size: 300px 600px;
	width: 300px;
	height: 10px;
}
#arrowMask {
    position: absolute;
    display: block;
    top: 25px;
    left: 70px;
    width: 300px;
    height: 16px;
    overflow: hidden;
}

#arrow {
    top: 4px;
    position: absolute;
    display: block;
	background: url('img/copy3.svg') no-repeat -73px -10px;
	background-size: 300px 600px;
	width: 12px;
	height: 8px;
}
#letterG {
    top: -63px;
    left: -425px;
    position: absolute;
    display: block;
	background: url('img/g.svg') no-repeat;
	background-size: 726px 726px;
	width: 726px;
	height: 726px;
}

/*////////////////////////////////copy 4///////////////////////////////////////////*/
#mask40 {
    position: absolute;
    display: block;
    top: 213px;
    width: 300px;
    height: 12px;
    overflow: hidden;
}
#mask41 {
    position: absolute;
    display: block;
    top: 363px;
    width: 300px;
    height: 22px;
    overflow: hidden;
}

#mask42 {
    position: absolute;
    display: block;
    top: 394px;
    width: 300px;
    height: 28px;
    overflow: hidden;
}
#mask43 {
    position: absolute;
    display: block;
    top: 423px;
    width: 300px;
    height: 28px;
    overflow: hidden;
}
#mask44 {
    position: absolute;
    display: block;
    top: 453px;
    width: 300px;
    height: 28px;
    overflow: hidden;
}

#copy41 {
    position: absolute;
    display: block;
	background: url('img/copy3.svg') no-repeat 0px -363px;
	background-size: 300px 600px;
	width: 300px;
	height: 22px;
}
#copy42 {
    position: absolute;
    display: block;
	background: url('img/copy3.svg') no-repeat 0px -394px;
	background-size: 300px 600px;
	width: 300px;
	height: 28px;
}
#copy43 {
    position: absolute;
    display: block;
	background: url('img/copy3.svg') no-repeat 0px -423px;
	background-size: 300px 600px;
	width: 300px;
	height: 28px;
}
#copy44 {
    position: absolute;
    display: block;
	background: url('img/copy3.svg') no-repeat 0px -453px;
	background-size: 300px 600px;
	width: 300px;
	height: 22px;
}
/*///////////////////////////////////////////////////////////////////////////////////////*/

.ticker2 {
    top: 4px;
    background: url('img/ticker2.svg') no-repeat;
    background-size: 106px 14px;
    width: 106px;
    height: 14px;
}

#ticker2 {
    width: 300px;
    height: 21px;
    bottom: 0px;
    background-color: #2E234B;
}

#ticker21 {
right: 10px;
}

#ticker22 {
right: 126px;
}

#ticker23 {
right: 242px;
}
#ticker24 {
right: 358px;
}
#ticker25 {
right: 474px;
}
#ticker26 {
right: 590px;
}
#ticker27 {
right: 706px;
}
#ticker28 {
right: 822px;
}
#ticker29 {
right: 938px;
}
#ticker210 {
right: 1054px;
}

#white_plane {
    position: absolute;
    display: block;
    width: 300px;
    height: 600px;
    background-color: #fff;
}

/*////////////////////////////////////////////////////// CTA //////////////////////////////////////////////////////////////*/

#CTA {
    position: absolute;
    display: block;
    left: 151px;
    top: 492px;
    width: 135px;
    height: 45px;
}