.phunio-ad {   	    
    display: inline-block;
    position: relative;
    width: 900px;
    max-width: 900px;
    min-width: 900px;
    height: 42px;
    font-family: Arial, Helvetica, sans-serif;
    max-height: 42px;      
}

.phunio-link {
    position: absolute;
    width: 900px;
    min-width: 900px;
    height: 42px;
    left: 0;
    top: 0;
    z-index: 10;
}

.phunio-logo-box {
	position: relative;
    display: inline-block;
    height: 42px;
    width: 200px;
    float: left;
    background: #141414;   
    box-shadow: 2px 0px 3px 0px #4cca47;
    text-align: center;
    border-radius: 0px 0px 8px 0px;    
    z-index: 100;
}

.phunio-logo-box:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #141414;
    transform-origin: bottom left;
    -ms-transform: skew(-20deg, 0deg);
    -webkit-transform: skew(-20deg, 0deg);
    -o-transform: skew(20deg);
    transform: skew(-20deg, 0deg);
}

.phunio-logo-base {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAMAAADs1AnaAAAAk1BMVEUAAAD+/v77+/v8/Pzp6en5+fne3t7u7u709PT8/Pzx8fH19fXu7u709PTo6Ojr6+vr6+vp6en5+fn6+vrn5+fz8/Pk5OT8/PzR0dHMzMze3t78/PzAwMD09PTn5+f09PSysrLPzs/Dw8Ojo6OGhoa9vb21tbXU09SYmJjm5ubU1NSrq6uNjY15eXmZmZlISEiTk5OLZ/b5AAAAMHRSTlMA/uGrG8ebPojYeNZHlAtUYDS/onD+/fFPRC7p2LmpnpCJeWlO/vv53NbTopFjOixDmiXXAAABNUlEQVQ4y83N2XaCMBCAYSaJkg0SZBPcxaVabfv+T9cQvAJCetOezlXm5DvzB/9g4tgriIxSFU+L3QoASjV1AwEgnGnNNZkSPAnbB+yGRfvBMA9Dah+Ucl33DJm1N6QVHWUASPYRUvZDGCot3WBAA8SNSLmShhoxr56fCEgfzWEjFRU2VzeP09dDjKGUWpGYfX1uLvtRhDFESbffiuP14EDoZQKRZ8XchcLXzoDnPiRXwCGaRnIGbBrV2RYBKOxGy9P7vchnVGUm6EBs/3a+c6UpLgHVpQMdm2p52N5yELTaAcSu3PpaCCo1XQBEgSN3WR8qRRcIQHAyjo7Pj6UVjIbExEZzGW8FijoxilIoB2KIesKRk3bzoPCP0MKD7CRbH7Kjf4II9SKbxMyPAoUt8iVJ8LvzDWHQFJnJhIW4AAAAAElFTkSuQmCC');
}

.phunio-darts-icon {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAP1BMVEUAAAD////09PT+/v719fX7+/v7+/v7+/v9/f38/Pz19fX7+/v9/f3+/v79/f39/f36+vr8/Pz6+vr7+/v7+/sClH01AAAAFXRSTlMA/gvtJDFEWbenF3yQ3dHIZJ1wiU4D3I+wAAABKUlEQVQoz71SS3bEIAyTMBB++c/9z9rYEybD66qbahEQwjayg3+C87W16p0R30bRz7wh4WLkoK7k5tyVwr2EqpLrk1c44WGBCvfhlKJridHrug0q3vsqVDSHPKgnyxUpTFMpMSfsrBvik3rXD/3NMw/lnR7qYbZspZiqW0m98gxEvszsgsQNPIH9rl64aTAQKB5JHSbRu8HkoA+T0w5N1Vya9PWW+54Z7VLF3UfWqGfPhDihEoNsRSQDzbzIAmwmx9t205rW+LybfVEv3fgieqdqQ0R0TJMGrn2ike5SnpF5Lpq7dk6xge+9iUozS5eDRZ7k3NpCJstQ8UGyDpWTF3b//gHwhYXHN40kBmSu4fO0rG8bMQnnGkOIx0pW/Ma2CBXzIA7wHn/CD004B6XF1+VfAAAAAElFTkSuQmCC');
}

.phunio-logo {    
	height: 42px;
    width: 30px;
    background-size: 36px;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    float: left;
    transform: rotate(0deg);
    transition: transform 0.5s ease-out;
}

.phunio-logo-small {
    top: 3px;
    height: 32px;
    width: 26px;
    background-size: 30px;
    display: none;
    margin-left: 3px;
    position: relative;
    float: left;
    right: 26px;
}

.phunio-darts-icon {
	height: 32px;
    width: 32px;
    background-size: 32px;
    display: inline-block;
    margin-left: 3px;
    position: relative;
    float: left;
    top: 4px;
    opacity: 1;
    transition: opacity 0.1s ease;
}

.phunio-def-text {
	display: inline-block;    
    color: #fff;
	font-weight: 700;
    position: relative; 
    text-shadow: 2px 2px 5px #000000;
}
.phunio-logotext {  
    line-height: 42px;
    font-size: 29px;    
    transition: font-size 0.2s ease;
    color: #fff;
}

.phunio-color-1 {
	color: #4cca47;
}

.phunio-color-2 {
	color: #fff;
}

.phunio-slogan {
    line-height: 42px;
    font-size: 29px;
    margin-left: 10px;
    margin: auto;
}

.phunio-text-small {
	font-size: 10px;
}

.phunio-slogan-box {
    position: relative;
    display: inline-block;
    height: 42px;
    float: left;
    background: #262631;
    opacity: 1;
    transition: display 0.2s ease;
    width: 490px;
    z-index: 100;
    text-align: center;
}

.phunio-media {
	height: 36px;
    width: 125px;
    top: 3px;
    float: right;
    position: absolute;
    font-weight: 800;
    font-size: 11px;
    line-height: 36px;
    color: #fff;
    text-shadow: 1px 1px 2px #000000;
    box-shadow: 0px 0px 2px 1px #4cca47;
    font-style: italic;
    transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    transition: opacity 0.2s ease;        
}

.phunio-media-1 {
	right: 588px;   
    opacity: 0;
    background: #000;
}

.phunio-media-2 {
	right: 458px;	
	opacity: 0;
	transition-delay: 0.1s;
    background: #050505;	
}

.phunio-media-3 {
	right: 328px;	
	opacity: 0;
	transition-delay: 0.2s;
    background: #0a0a0a;
}

.phunio-media-4 {
	right: 198px;
	opacity: 0;
	transition-delay: 0.3s;
    background: #0f0f0f;
}

.phunio-media-5 {
	right: 68px;	
	opacity: 0;
	transition-delay: 0.4s;
    background: #141414;
}

.phunio-action {	
    float: right;
    z-index: 100;
    width: 180px;    
    height: 42px;    
    text-align: center;
    position: relative;
    display: inline-block;
    border-radius: 0px 0px 0px 8px;
    background: #4cca47;
	background: -moz-linear-gradient(left, #4cca47 20%, #141414 100%); 
	background: -webkit-linear-gradient(left, #4cca47 20%,#141414 100%);
	background: linear-gradient(to right, #4cca47 20%,#141414 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cca47', endColorstr='#141414',GradientType=1 );
    box-shadow: -2px 0px 3px 0px #4cca47;
    transition: font-size 0.1s ease, width 0.2s ease;
    
}

.phunio-action:before {	
	content: " ";
	position: absolute;
    display: block;
    width: 42px;
    height: 42px;
    top: 0px;
    right: 160px;
    z-index: -1;
    background: #4ccb47;
    transform-origin: bottom left;
    -ms-transform: skew(-20deg, 0deg);
    -webkit-transform: skew(-20deg, 0deg);
    -o-transform: skew(20deg);
    transform: skew(-20deg, 0deg);
    opacity: 1;    
}

.phunio-action-text {
	font-weight: bold;
	line-height: 42px;
	text-shadow: 2px 2px 5px #000000;
    font-size: 21px;
    color: #fff;
}
.phunio-ad:hover .phunio-action-text {
    font-size: 11px;
    position: absolute;
    text-shadow: 0px 0px 2px #000000;
    float: right;
    right: 0px;
    margin-top: 8px;
    line-height: unset;
}

.phunio-ad:hover .phunio-slogan-box {
	display: none;
}

.phunio-ad:hover .phunio-media-1, .phunio-ad:hover .phunio-media-2, .phunio-ad:hover .phunio-media-3, .phunio-ad:hover .phunio-media-4, .phunio-ad:hover .phunio-media-5 {
	opacity: 1;
}

.phunio-ad:hover .phunio-action {
	font-size: 0;
	width: 38px;
	border-radius: 0px;
	background: #4ccb47;
	z-index: 2;
	border: solid;
    border-width: 1px 1px 1px 0px;
    height: 40px;    
}

.phunio-ad:hover .phunio-logotext {
	font-size: 26px;
}

.phunio-ad:hover .phunio-logo {
    transform: rotate(360deg);   
}

.phunio-ad:hover .phunio-logo-box {
	z-index: 2;
}

.phunio-ad:hover .phunio-logo-box {
 	width: 175px;
}
.phunio-ad:hover .phunio-action:before {
	opacity: 1;
	content: " ";
	position: absolute;
    display: block;
    width: 42px;
    height: 40px;
    top: -1px;
    right: 27px;
    z-index: -1;
    border: solid;
    border-width: 1px 0px 1px 1px;
}

.phunio-ad:hover .phunio-logo-small {
	display: inline-block;
}

.phunio-ad:hover .phunio-darts-icon {
	display: none;
}