.matrix{
	width:900px;
	height:42px;
	position: relative;
	box-sizing: border-box;
	display: inline-block;		
}

.matrix1 {
	width: 900px;
	height: 42px;
	position: relative;
	background: #faa61a;
	display: block;
	z-index: 0;
	
}
.fleft1 {
	width: 430px;
	height: 11px;
	position: relative;
	background: #395fdf;
	transition: width 0.5s ease;
	z-index: 1;
	
}
.fright1 {
	top : 0px;
	right: 0px;
	width: 470px;
	height: 11px;
	position: absolute;
	background: #395fdf;
	transition: width 0.5s ease;
	float: right;
	z-index: 1;
	
}		
.fleft2 {
	width: 480px;
	height: 10px;
	position: relative;
	background: #395fdf;
	transition: width 0.5s ease;
	transition-delay: 0.1s;
	z-index: 1;
	
}
.fright2 {
	top: 10px;
	width: 420px;
	height: 11px;
	right: 0px;
	position: absolute;
	background: #395fdf;
	transition: width 0.5s ease;
	transition-delay: 0.1s;
	z-index: 1;
	
}
.fleft3 {
	width: 400px;
	height: 10px;			
	position: relative;
	background: #395fdf;
	transition: width 0.5s ease;
	transition-delay: 0.2s;
	z-index: 1;
	
}
.fright3 {
	top: 21px;
	width: 500px;
	height: 10px;
	right: 0px;
	position: absolute;
	background: #395fdf;
	transition: width 0.5s ease;
	transition-delay: 0.2s;
	z-index: 1;
	
}
.fleft4 {
	width: 490px;
	height: 11px;			
	position: relative;
	background: #395fdf;
	transition: width 0.5s ease;
	transition-delay: 0.3s;
	z-index: 1;
	
}
.fright4 {
	top: 31px;
	width: 410px;
	height: 11px;
	right: 0px;
	position: absolute;
	background: #395fdf;
	transition: width 0.5s ease;
	transition-delay: 0.3s;
	z-index: 1;
	
}	
.matrix-dots {
	top: 0px;
	left: 0px;
	width: 235px;
	height: 42px;
	position: absolute;
	background-size: 235px;
	transition: opacity 0.5s ease;
	transition-delay: 0.4s;
	opacity: 1;
	z-index: 2;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOwAAAArCAYAAAB7PmQYAAAACXBIWXMAAAsSAAALEgHS3X78AAAJEElEQVR4nO1d0XHbSAxFNPm3OoiuAvMqsK4CMxVYqcC6CihVEKYCyxWEqSBKBaErOKUDqQLfrAYbwyAWgH2ME+XwZjITUU/LtUQsF4u3j6/u7++hXsMUAGoAmAHApmtgBwLqNVQAR27fNbCXOIC8roG+9H4gEHgeXl2u7lMQbgHgjLTwtmugY0GYOBf48gAAcx6U9RoWAHCDL7+lQwInnW8DAOcA8AU5e8ZJg8IK4MhNg8dSGiDq9XGQOXK65thmaQBJfd1q31C9hllpoAoEfhVMMDDOWH9adjEvSbAC8nlAz0iwJrzh7SA6DFbANqVAS326xvevpHZSEALARwBo0nmxjwPgIPK5XqsBnYK+NzjTeq1zkLdxcBb1WvxuHvXJwZnioKUCvyuLM3NwpmNwAs/HBKe4HG/Yaw9H+sEvhGOetitH2/wiHFy4bBC5wuCV0OEgpHFaHGiKHDx+ZXByn66VcwH26RoHkxJSnz5qwUYGLI2T3vvHEbT9GBwc1CzOwhpokKN9h8e/zTlgjcXRfq+nnEv8fl7jlJMH1jf2WpoqejhfCp+jQSt9bsv6JOXDW7y7ZnSckKa49RreYYDcKtPmGtvrFM4SB5K+xEnH84+hcHKfKm0aj32y1gKW2OfiVB77tDM4qU9/OFKCSlu7wLbMO3XX6EEGyvf3DM6ucI1xnpoyPYFjrt04zyX2OeWwMwyIsXLYFtvSctgW2/oEAItCDrvEu2g6b1vIYefIiRw28L8AXyWeaiO2d5U4EAj8GBwDNhAInAYm8TsFAqeD16We4irVcQFBy/8wj1QXNQKBwDgQp8RMAJHwpWseL0VjPtuRFd9bvvqHuXFHFqvWXXOssUrny59t+YIXOd8Sc+i2NIhgW6piC5yLTKn/kasHfiUMpsSCACLhQqh3daw8I9UeW1aeaXgNCl/fIO8C64oV40xxtTjVOC/TuaU6FQoNbrDc05eK+Chs6LWaGf4tO4OTxA0WJ4kbOqs+V69hZYkOkkjCwakcnOkYnMDLQ8phS3U0fpwLICSOR/AgFZG5CKJiZaezQtvXjDMIkhQYGPjp/a10UZJB5AwHihK2+D0MZgQEmzzIlAjYp8bgZGWXxskDm1Wf7Byc1uIkdVkajAxOhSVBjTO12oGHgdbiiIo3xjHrwE6OZ3CcjaUQSxwpYEvTRD415MIJiSO1xY+VhBMUPdZ+rc99Iv8/FAQX6UK8w/+LGmWcbt9mjtAGkPcOksqKYJVr0gqnxb4Xz4V9+mBw9phaDNIOod9jcDbG95OFBOrFn/rdNbbE0im4UOWcMK4owyxvprTLk1Z5OaUcdoN3oYw7FErsCafGEV/j5BE/a4cHeS48TGXz3fFD1wwvAjxfPr6RvlCyaSDnuaLqBHlzKVdmPHPXUeS5gZdEsQ5LdsLsMUAkpVGsJAcCL4gQTgQCJ4QQTgQCJ4TvAYsrXua2n0Ag8POQduvwhaHSThy6MHSHu2w4p8YVzzfGTpwWc19tJ04WQBR34mAOfdwapy0OxU6cwO+CCdmYnSG5SSxYjfNccKWY4TJ/rs9eFup4Ha5AX2DtUVI+rYgA4gZfc07eFvgeAL6WnBee6CZhbYbeODieTdWV5RTxBDcJz4Zpc49q4DQwKQgQnuMmMROsZi4dn5MuOI+4YsHOJ5WCpsSv6kopqmfbmhsl8LPgQuNkwcVNKb0gffpopCBbSfXF2mpxsNI4NbpJaJxU3N871Fgeztap6rI4HseJuYMzG9FGZyzHiWfb8UwEsQMIIgWJw4UTHo63bY+4gk+BB2UlnGrnIL1TlDtZAHGnKJuy4KLIIYKL21KZi/SpyCHn+2DUgTcOTjrH3xoH04Wlwy1hYEggYJAqSf12cDrLdCC97+DsrHo7GGXJJ3I8jhMeBwyxtp9y2DRqfGbH39G8URBADDgwFFwc8Mfj0+saLzTNlYJuGhCdFeHhrjfXnBXJObeWNSvmyxrnOOqFUCLws5AdJyoinRNHrfAuDgR+PkI4EQicEEI4EQicENSA9WwfCgQCL4fSbp05MdcGaQcNWxg64KKPtINmRcoyJTeJOXOcGOS2eL4F2YlTWmA65tCeVb9A4NQwCFgMjJ1QU+Urx9zsO+EvGihkYzbFnzQgs+s8ef+AhtWPFrWSsIGpsWaCioqe765r5JoYChuWfDsg42T/ZHGFGh6rtoor1KRfxUEGRl7JjlXs3xfSlJi7O2TwYq/0GI7nuElwVdAZ5+AdmKuxpGCks4BzqdBN/KrOFceJijx9wHKcuNI4KG5oDM4C9xZrnNwnjTPFv8l6Jk/v4LQOTu3gzMbggN9xYiw3CZeQwuk44RFKuMQUkmuid3Q+CIHNPyu1NZYrRUlwcc5ec/Sk76XS0460pZWeekmmKXDAwTkYnNynIif9LTjzscplZnBgrdy6iDxpx97i4aNCzGB0OGB4+/SSQgqXht0rpijlsHy6O5imCtPdwTSV3BVyYHtcKQYOjfD4zgiKK0VFHCdEVwrCW0htsH4tLMsRpytFbD4IjIJSwNJn26QLbSVdcOTZNpYrRY3tFHO0rMEMMUUgUEYIJwKBE0IIJwKBE0IEbCBwQjiuEjM3CXF3DNYJV7hy2Em1R8xXM2crPZYDefmRG5qbRJWfD2u4Sczj8ZeB/wsmuNpL3SQuBMeJ7Dp/njeDC44TUywnfHeTkGpreOy94SaRBoevmpsEOjLscGtg8XEZT3CTaJ1uEtbG68rBmf7ojc6B3xOTgriBiyIkzhV7LQkupAC4Zq+ltnm5RSq/LIgzxlnBaoaWjDSniA32S+PkslLRUYGKG7QBxOKQPvVa0JLn/2ic/PwfjTOzOMgTn2nEOK2Ds3Bw5i88OI7FGU0kIR3/Lzksd46Q4HGz8HzOI8CQHrmxJyKCg/IYkq2D05P3S5wd+zcA6ZPWTu7TzhCy9PjPSgcsThY3WO2MxfH02fp+vBxwcjwplUfcMBan6DjBH7kBXJhADM/oHXTw6Eim94WCK8USp7oZbwVXCiq4EF0c4bHDRdGVAh6m4aotCd5ZdwZnNFeK0PwGnoPsOEGfWyMuFmHQLvOik/Jsm7yjpui3Q1wp1Md3pGlR7LoJBBAA8C8jTsovrleBMgAAAABJRU5ErkJggg==');
}	

.matrix-dots2 {
	transform: rotateY(180deg);
	top: 0px;
	right: 0px;
	width: 235px;
	height: 42px;
	position: absolute;
	background-size: 235px;
	transition: opacity 0.5s ease;
	transition-delay: 0.4s;
	opacity: 1;
	z-index: 2;
	background-image:url('data:image/png;base64,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');
}	
.matrix-logocircle {
	top : 4px;
	left : 15px;
	border-radius: 18px;
	background: #fff;
	width: 35px;
	height: 35px;
	z-index: 3;
	position: absolute;		
}
.matrix-logocircle2 {
	top : 4px;
	left : 15px;
	border-radius: 18px;
	background: #faa61a;
	width: 35px;
	height: 35px;
	z-index: 3;
	position: absolute;
transition: width 0.5s ease;
	
}
.matrix:hover .matrix-logocircle2 {
	transition: width 1s ease;
	width: 137px;
}

.matrix-logotext {	
	top:7px;
	left: 20px;
	width: 90px;
	height: 25px;
	position: absolute;
	background-size: 90px;
	transition: opacity 0.5s ease, left 1s ease;
	opacity: 0;
	z-index: 4;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAjCAYAAABYQ9K2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAG3mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplYzdhMDYyYS05OTI1LTRiZWUtODNlZC03MTlhZTMzNzNmOTciIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0ODI0NjEwNS03Y2FlLWY1NDUtYWU3Zi04ZTc2NjQ4ZGFlMDkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mjg1ZjVlMDctNWI3My1jZTQ4LTg2ZjEtZTNjMGE0YmE0ODFiIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChNYWNpbnRvc2gpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMC0wMi0xMlQxNDozMTo0OSswNzowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjAtMDMtMDNUMDk6NDQ6MDkrMDc6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjAtMDMtMDNUMDk6NDQ6MDkrMDc6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MzIwNDA0Yi02MGMyLTRkOTYtODkwZS03ZDVhNjc4NmYxZDgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ZWM3YTA2MmEtOTkyNS00YmVlLTgzZWQtNzE5YWUzMzczZjk3Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmM2ZTRlNjc5LTg3ZDctZjY0YS1iYmY1LTVjYTVkZjZjYzBjNiIgc3RFdnQ6d2hlbj0iMjAyMC0wMy0wM1QwOTo0NDowOSswNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyODVmNWUwNy01YjczLWNlNDgtODZmMS1lM2MwYTRiYTQ4MWIiIHN0RXZ0OndoZW49IjIwMjAtMDMtMDNUMDk6NDQ6MDkrMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+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')
}

.matrix:hover .matrix-logotext {
	left: 52px;
	opacity: 1;
	
}
.matrix-logo {	
	top: 10px;
	left: 20px;
	width: 25px;
	height: 20px;
	position: absolute;
	background-size: 25px;
	opacity: 1;
	z-index: 4;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAYAAABmvqYOAAAACXBIWXMAAAsSAAALEgHS3X78AAACGElEQVQ4ja2VO2hVQRCGv+tVEoggWIiNsMHU6SyyguIDDZIUggSUYFaCYqPWwec1AUFIEbEQRLJoMKJgJb6KaJNtbFWCKFkQQawsFMTXlcE5sh7PXnPRHw7nsDP7z8y/M3tqzWaTMqyLdeA+cDp4E/5wUFgX+4CzQH/w5lvZvjy3EdgObLMuPgBOBW+eJKQblHQnUMsRtCJHN/YLiXXxDjANHAAGWpEWWJZk02ld7JBvLXEYeJEEGQRu67sgFvtwIYnsF55fmfWNLK4GrmmG34GbqvVL1V6CnATWJ0m9AsaBGSG2LvYADWBIE5bz2iPkHhgpVfQFkPXx4M1r66LItx/YBdwFrgZvvloX12lgB6wocewW8vfAqoxsn4BLwLngzbtEwjXAGHAY6Ez8RZ66fo8JedqL3cAh4CjQlax/AKaAK8AocAxYmdg/AheAi8AbXWv8Rh68qWlma4HjwEGgI1OV4DNwGZgI3rzVvQVfo7IV1fGIdXESOKOHWk9cpPzrevCLucgt+zx4E+WwrIvndWikDe8BJ4I3T1vtzZJrC85pZo+DN8+ltSr8NmvQre2O/ybgkXVxTsd/PiHdWJC2nXkJQrDFuvgwGf8dbY1/Ci1Rpu2ZLtf0krpRuqzEPlQlSZacnwFuAb3APmChZF7Q9V71q8TfukXumlnrotw3e5Pxn81lm2IpmhcyzeizZFT+if4Xspr/M4Afzxm5B2ABEqkAAAAASUVORK5CYII=');
}
.ctabackground {
	top : 6px;
	right : 15px;
	border-radius: 18px;
	background: #faa61a;
	width: 112px;
	height: 30px;
	z-index: 3;
	transition: width 0.5s ease;
	position: absolute;	
	
}
.matrix:hover .ctabackground {
	width: 30px;
}
.ctabackground2 {
	top : 6px;
	right : 15px;
	border-radius: 18px;
	background: #fff;
	width: 112px;
	height: 30px;
	z-index: 3;
	position: absolute;
	transition: width 0.5s ease;
	
}
.matrix-arrow{
	top:14px;
	right:35px;
	position:absolute;
	width: 120px;
	font-size:17px;
	text-align:right;
	line-height:9px;
	font-family:"Arial Black";
	font-weight: bolder;
	color:#fff;			
	opacity: 0;
	transition: right 0.7s ease, opacity 0.7s ease;
	z-index: 4;
}
.matrix:hover .matrix-arrow{
	right: 22px;
	opacity: 1;
}
.matrix:hover .ctabackground2 {
	width: 140px;
}
.cta{
	top:16px;
	right:25px;
	position:absolute;
	width: 120px;
	font-size:17px;
	text-align:right;
	line-height:9px;
	font-family:"Trebuchet MS";
	font-weight: bolder;
	color:#fff;			
	opacity: 1;
	transition: right 0.7s ease, color 0.7s ease;
	z-index: 4;
}
.matrix:hover .cta{
right:50px;
color: #FAA61A;
}
.matrix-text1{
	top:16px;
	left:60px;
	position:absolute;
	width:750px;
	font-size:19px;
	text-align:left;
	line-height:9px;
	font-family:"Trebuchet MS";
	font-weight: bolder;
	color:#fff;			
	opacity: 1;
	transition: opacity 0.5s ease;
	z-index: 3;
}
.matrix-text2{
	top:16px;
	left:153px;
	position:absolute;
	width: 182px;
	font-size:22px;
	text-align:left;
	line-height:9px;
	font-family:"Trebuchet MS";
	font-weight: bolder;
	color:#00ea98;			
	opacity: 1;
	transition: opacity 0.5s ease;
	z-index: 3;
}

.matrix-text3{

	top:16px;
	left:516px;
	position:absolute;
	width: 182px;
	font-size:22px;
	text-align:left;
	line-height:9px;
	font-family:"Trebuchet MS";
	font-weight: bolder;
	color:#faa61a;		
	opacity: 1;
	transition: opacity 0.5s ease;
	z-index: 3;
}
.matrix-text4{
	top:16px;
	left:220px;
	position:absolute;
	width:750px;
	font-size:35px;
	text-align:left;
	line-height:9px;
	font-family:"Trebuchet MS";
	font-weight: bolder;
	color:#fff;			
	opacity: 0;
	transition: opacity 0.5s ease;
	z-index: 0;
}
.matrix-text5{
	top:5px;
	left:280px;
	position:absolute;
	width:100px;
	height: auto;
	font-size:15px;
	text-align:left;
	line-height:15px;
	font-family:"Trebuchet MS";
	font-weight: bolder;
	color:#fff;			
	opacity: 0;
	transition: opacity 0.5s ease;
	z-index: 0;
}
.matrix-text6{
	top:16px;
	left:370px;
	position:absolute;
	width:311px;
	font-size:35px;
	text-align:left;
	line-height:9px;
	font-family:"Trebuchet MS";
	font-weight: bolder;
	color:#fff;			
	opacity: 0;
	transition: opacity 0.5s ease;
	z-index: 0;
}

.matrix:hover .matrix-text1 {
	opacity: 0;
}
.matrix:hover .matrix-text2 {
	opacity: 0;
}
.matrix:hover .matrix-text3 {
	opacity: 0;
}
.matrix:hover .matrix-text4 {
	opacity: 1;
}
.matrix:hover .matrix-text5 {
	opacity: 1;
}
.matrix:hover .matrix-text6 {
	opacity: 1;
}
		
.matrix:hover .fleft1 {
	width: 180px;
}
.matrix:hover .fleft2 {
	width: 200px;
}
.matrix:hover .fleft3 {
	width: 160px;
}
.matrix:hover .fleft4 {
	width: 210px;
}
.matrix:hover .fright1 {			
	width: 180px;
}
.matrix:hover .fright2 {			
	width: 200px;
}
.matrix:hover .fright3 {			
	width: 160px;
}
.matrix:hover .fright4 {			
	width: 210px;
}