body { margin:0px 0px; padding:0px; } 

* { box-sizing: Border-box } 

#container{
	background-color:black;
	position:absolute;
	overflow:hidden;
	border: 1px solid black;
} 
.sprite {
	position:absolute;
	background-repeat:no-repeat;
}

#left_side {
	
	width:201px;
	height:250px;
	background-image:url(../img/left_side_zoom.png);
	background-size: 100% 100%;
}

#right_side {
	left:104px;
	top:0px;
	width:196px;
	height:250px;
	background-image:url(../img/right_side_zoom.png);
	background-size: 100% 100%;
}

#v {
	left:119px;
	top:95px;
	width:63px;
	height:62px;
	background-image:url(../img/v.png);
}
.pin_height{
	background-position: bottom;
}
.pin_right{
	background-position: right;
}
#color_block{
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color: #00ffff;
}

#cta_2x {
	left:175px;
	top:216px;
	width:84px;
	height:8px;
	background-image:url(../img/cta_2x.png);
	background-size:84px 8px;
}
#button_border {
	left: 161px;
    top: 204px;
    width: 111px;
    height: 35px;
}
#button_border_old {
	
	background-image:url(../img/button_border.svg);
	background-size:100% 100%;
}

#ef1_2x {
	left:127px;
	top:28px;
	width:53px;
	height:32px;
	background-image:url(../img/ef1_2x.png);
	background-size:53px 32px;
}

#ef2_2x {
	left:76px;
	top:68px;
	width:154px;
	height:21px;
	background-image:url(../img/ef2_2x.png);
	background-size:154px 21px;
}

#ef3_2x {
	left:145px;
	top:99px;
	width:17px;
	height:17px;
	background-image:url(../img/ef3_2x.png);
	background-size:17px 17px;
}

#ef4_2x {
	left:44px;
	top:125px;
	width:214px;
	height:59px;
	background-image:url(../img/ef4_2x.png);
	background-size:214px 59px;
}

#ef_line1_2x {
	left:59px;
	top:169px;
	width:152px;
	height:4px;
	background-image:url(../img/ef_line1_2x.png);
	background-size:152px 4px;
}

#ef_line2_2x {
	left:46px;
	top:171px;
	width:165px;
	height:8px;
	background-image:url(../img/ef_line2_2x.png);
	background-size:165px 8px;
}

#logo_2x {
	left:22px;
	top:209px;
	width:109px;
	height:22px;
	background-image:url(../img/logo_2x.png);
	background-size:109px 22px;
}

#v_2x {
	left:118px;
	top:95px;
	width:62px;
	height:61px;
	background-image:url(../img/v.svg);
	background-size:62px 61px;
}
#box_left{
	left: -636px;
    top: -153px;
	width:735px;
	height:735px;
	transform: rotate(20deg);
	overflow: hidden;
	/*background-color: rgba(201, 76, 76, 0.3);*/
}
.box_left_correction{
	transform: rotate(-20deg);
	left: 583px;
    top: 32px;
}

#left_side_zoom {
	left:0px;
	top:0px;
	width:400px;
	height:500px;
	background-image:url(../img/left_side_zoom.png);
}

#right_side_zoom {
	left:208px;
	top:0px;
	width:392px;
	height:500px;
	background-image:url(../img/right_side_zoom.png);
}
path {
	/*stroke-dasharray: 2860;
  stroke-dashoffset: 2860;*/
  stroke-dasharray: 980;
  stroke-dashoffset: 980;
  
}
.play_path{
	animation: dash .33s linear forwards;
}

#ef_line3_2x {
	left:64px;
	top:168px;
	width:191px;
	height:8px;
	background-image:url(../img/ef_line3_2x.png);
	background-size:191px 8px;
}
#cta_fpo_2x {
	left:166px;
	top:207px;
	width:102px;
	height:25px;
	background-image:url(../img/cta_fpo_2x.png);
	background-size:102px 25px;
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}