@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: 728px;
    height: 90px;
    overflow: hidden;
    background-color: #2E234B;
    opacity: 0;
}

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

.active#main_wrapper {
    opacity: 1;
}

#triangles {
    top: -15px;
    right: -16px;
    width: 160px;
}


#copyFrame1, #copyFrame2, #copyFrame3 {
    position: absolute;
    display: block;
    width: 728px;
	height: 90px;
}

#copyFrame3 {
/*clip-path: polygon(75% 29.75%, 50.25% 29.75%, 50.25% 59.5%);*/

clip-path: polygon(115% 0, 0 0, 0 800%);
}

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

#copy11 {
    left: 42px;
    top: 33px;
    position: absolute;
    display: block;
	background: url('img/copy1.svg') no-repeat -42px -34px;
	background-size: 728px 90px;
	width: 146px;
	height: 30px;
}

#copy12 {
    left: 195px;
    top: 39px;
    position: absolute;
    display: block;
	background: url('img/copy1.svg') no-repeat -195px -40px;
	background-size: 728px 90px;
	width: 58px;
	height: 22px;
}

#copy13 {
    left: 259px;
    top: 33px;
    position: absolute;
    display: block;
	background: url('img/copy1.svg') no-repeat -259px -34px;
	background-size: 728px 90px;
	width: 106px;
	height: 28px;
}

#copy14 {
    left: 372px;
    top: 34px;
    position: absolute;
    display: block;
	background: url('img/copy1.svg') no-repeat -372px -35px;
	background-size: 728px 90px;
	width: 48px;
	height: 22px;
}

#copy15 {
    left: 427px;
    top: 34px;
    position: absolute;
    display: block;
	background: url('img/copy1.svg') no-repeat -427px -35px;
	background-size: 728px 90px;
	width: 100px;
	height: 22px;
}


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

#copy21 {
    left: 42px;
    top: 34px;
    position: absolute;
    display: block;
	background: url('img/copy2.svg') no-repeat -42px -35px;
	background-size: 728px 90px;
	width: 57px;
	height: 22px;
}
#copy22 {
    left: 105px;
    top: 33px;
    position: absolute;
    display: block;
	background: url('img/copy2.svg') no-repeat -105px -34px;
	background-size: 728px 90px;
	width: 102px;
	height: 22px;
}
#copy23 {
    left: 213px;
    top: 33px;
    position: absolute;
    display: block;
	background: url('img/copy2.svg') no-repeat -213px -34px;
	background-size: 728px 90px;
	width: 89px;
	height: 22px;
}
#copy24 {
    left: 310px;
    top: 33px;
    position: absolute;
    display: block;
	background: url('img/copy2.svg') no-repeat -310px -34px;
	background-size: 728px 90px;
	width: 85px;
	height: 30px;
}
#copy25 {
    left: 404px;
    top: 34px;
    position: absolute;
    display: block;
	background: url('img/copy2.svg') no-repeat -404px -35px;
	background-size: 728px 90px;
	width: 86px;
	height: 22px;
}
#copy26 {
    left: 498px;
    top: 34px;
    position: absolute;
    display: block;
	background: url('img/copy2.svg') no-repeat -498px -35px;
	background-size: 728px 90px;
	width: 55px;
	height: 22px;
}


/*////////////////////////////////copy 3///////////////////////////////////////////*/
#mask31 {
    position: absolute;
    display: block;
    top: 10px;
    width: 728px;
    height: 8px;
    overflow: hidden;
}

#mask32 {
    position: absolute;
    display: block;
    top: 36px;
    width: 728px;
    height: 26px;
    overflow: hidden;
}
#mask33 {
    position: absolute;
    display: block;
    top: 63px;
    width: 728px;
    height: 20px;
    overflow: hidden;
}

#copy30 {
    left: 7px;
    top: 35px;
    position: absolute;
    display: block;
	background: url('img/copy3.svg') no-repeat -7px -35px;
	background-size: 728px 90px;
	width: 170px;
	height: 48px;
}
#copy31 {
    left: 15px;
    position: absolute;
    display: block;
	background: url('img/copy3.svg') no-repeat -15px -10px;
	background-size: 728px 90px;
	width: 24px;
	height: 8px;
}
#copy32 {
    left: 189px;
    position: absolute;
    display: block;
	background: url('img/copy3.svg') no-repeat -189px -36px;
	background-size: 728px 90px;
	width: 122px;
	height: 26px;
}
#copy33 {
    left: 190px;
    position: absolute;
    display: block;
	background: url('img/copy3.svg') no-repeat -190px -63px;
	background-size: 728px 90px;
	width: 202px;
	height: 20px;
}
#arrowMask {
    position: absolute;
    display: block;
    top: 10px;
    left: 43px;
    width: 6px;
    height: 6px;
    overflow: hidden;
}

#arrow {
    position: absolute;
    display: block;
	background: url('img/copy3.svg') no-repeat -43px -10px;
	background-size: 728px 90px;
	width: 6px;
	height: 6px;
}

/*////////////////////////////////copy 4///////////////////////////////////////////*/

#mask41 {
    position: absolute;
    display: block;
    top: 7px;
    width: 728px;
    height: 12px;
    overflow: hidden;
}

#mask42 {
    position: absolute;
    display: block;
    top: 7px;
    width: 728px;
    height: 16px;
    overflow: hidden;
}
#mask43 {
    position: absolute;
    display: block;
    top: 7px;
    width: 728px;
    height: 16px;
    overflow: hidden;
}
#mask44 {
    position: absolute;
    display: block;
    top: 6px;
    width: 728px;
    height: 14px;
    overflow: hidden;
}

#copy40 {
    top: 7px;
    left: 377px;
    position: absolute;
    display: block;
	background: url('img/copy4.svg') no-repeat -377px -7px;
	background-size: 728px 90px;
	width: 346px;
	height: 64px;
}
#copy41 {
    left: 189px;
    position: absolute;
    display: block;
	background: url('img/copy4.svg') no-repeat -189px -7px;
	background-size: 728px 90px;
	width: 42px;
	height: 12px;
}
#copy42 {
    left: 234px;
    position: absolute;
    display: block;
	background: url('img/copy4.svg') no-repeat -234px -7px;
	background-size: 728px 90px;
	width: 56px;
	height: 14px;
}
#copy43 {
    left: 294px;
    position: absolute;
    display: block;
	background: url('img/copy4.svg') no-repeat -294px -7px;
	background-size: 728px 90px;
	width: 42px;
	height: 14px;
}
#copy44 {
    left: 339px;
    position: absolute;
    display: block;
	background: url('img/copy4.svg') no-repeat -339px -6px;
	background-size: 728px 90px;
	width: 28px;
	height: 14px;
}
/*///////////////////////////////////////////////////////////////////////////////////////*/

.ticker2 {
    top: 3px;
    left: -600px;
    background: url('img/ticker2.svg') repeat-x;
    background-size: 77px 10px;
    width: 2000px;
    height: 14px;
}

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

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


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

#CTA {
    position: absolute;
    display: block;
left: 182px;
    top: 24px;
    width: 110px;
    height: 32px;
}