#devinAd a{ text-decoration:none;}
.devRotate{ overflow:hidden; /*margin:10px 0 20px 0;*/
    margin-left: 355px;
    margin-top: -37px;}
.devblock{ width:120px; color:#828282; text-align:center; float: left;}
.a-btn{
    width:80px;
    height:80px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    display:block;
    margin:10px 20px;
    float:left;
    position:relative;
    -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff;
    -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff;
    box-shadow:0px 0px 5px 0px #fff inset, 0px -1px 5px 4px #fff inset, 0px 0px 0px 7px #fff,  0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
	 
}
.wpword{ background:#fff !important;}
.wjoomla{ background:#fff !important;}
.wpmagento{ background:#fff !important;}
.wppasd{ background:#fff !important;}

.wpword, .wjoomla, .wpmagento, .wppasd{ width:80px \9 !important; height:80px \9 !important; }
.wpword{ background:url(../images/Rotate/wp-star.png) no-repeat \9;}
.wjoomla{ background:url(../images/Rotate/wp-joomla.png) no-repeat \9;}
.wpmagento{background:url(../images/Rotate/wp-magento.png) no-repeat\9;}
.wppasd{ background:url(../images/Rotate/wp-photoshop.png) no-repeat \9}

/*.wpword{ background:#2b94bc !important;}
.wjoomla{ background:#68bc2b !important;}
.wpmagento{ background:#f0ad4e !important;}
.wppasd{ background:#a1d7ee !important;}
*/

.wpword:hover{ background:#1e7494 !important}
.wjoomla:hover{ background:#407d14 !important;}
.wpmagento:hover{ background:#e28d14 !important;}
.wppasd:hover{ background:#1c50a6 !important;}
.wppasd:hover, .wpmagento:hover, .wjoomla:hover, .wpword:hover{ background:none  \9!important;}
.a-btn span{
    display:table-cell;
	display:block \9;
    width:80px;
    height:80px;
    text-align:center;
    vertical-align:middle;
    font-size:13px;
    color:#fff;
    text-shadow:0px 1px 1px #A03F16;
    font-family:"Arvo", "Myriad Pro", "Trebuchet MS", sans-serif;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn span:nth-child(1), 
.a-btn span:nth-child(3){
    position:absolute;
    top:0px;
    left:0px;
    font-size:30px;
    line-height:30px;
    opacity:0;
}
.a-btn span:nth-child(3) i{ font-size:12px !important;}

.a-btn span.devwp{
    background:transparent url(../images/Rotate/wp-star.png) no-repeat center center;
    opacity:1;
}


.a-btn span.devjoom{
    background:transparent url(../images/Rotate/wp-joomla.png) no-repeat center center;
    opacity:1;
}

.a-btn span.devmag{    
    background:transparent url(../images/Rotate/wp-magento.png) no-repeat center center;
    opacity:1;
}

.a-btn span.devpsd{    
	background:transparent url(../images/Rotate/wp-photoshop.png) no-repeat center center;
    opacity:1;
}


.a-btn:hover{
   
    -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #fff;
    -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #fff;
    box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #fff;
}
.a-btn:hover span:nth-child(3){
    opacity:1;
}
.a-btn:hover span:nth-child(2){
    opacity: 0; 
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
}
.a-btn:hover span:nth-child(1){
    -webkit-animation:rotate 1s linear;
    -moz-animation:rotate 1s linear;
    animation:rotate 1s linear;
	opacity:0;
}
.a-btn:active{
    -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;
    -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;
    box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;
}
.a-btn:active span:nth-child(2){
    color:#fff;
    text-shadow:0px 1px 1px rgba(255, 255, 255, 0.6);
}
@keyframes rotate{
    0% { transform: scale(1) rotate(0);}
    50% { transform: scale(0.5) rotate(180deg);}
    100% { transform: scale(1) rotate(360deg);}
}
@-webkit-keyframes rotate{
    0% { -webkit-transform: scale(1) rotate(0);}
    50% { -webkit-transform: scale(0.5) rotate(180deg);}
    100% { -webkit-transform: scale(1) rotate(360deg);}
}
@-moz-keyframes rotate{
    0% { -moz-transform: scale(1) rotate(0);}
    50% { -moz-transform: scale(0.5) rotate(180deg);}
    100% { -moz-transform: scale(1) rotate(360deg);}
}


/*Pop up*/

.devPop{ text-shadow:0 0 1px #eaeaea;  top: 230px; position:absolute; width:119px; height:68px; display:block; text-align:center; /*right:-120px;*/ right:0px;  padding:65px 8px 0 20px ; color:#fff; font-size:13px; background:url(../images/Rotate/Dev-popup.png) no-repeat;}

.devPop span{ color:#f1ffbc; text-transform:uppercase; font-weight:bold;}
a.devPop:hover{ color:#000;}

.bizpop{background: url("../images/Rotate/Big-Business-popup.png") no-repeat scroll 0 0 transparent;
    color: #268154;
    display: block;
    font-size: 13px;
    height: 133px;
    padding: 25px 20px 0 25px;
    position: fixed;
    right: 0;
    text-align: center;
    text-shadow: 0 0 1px #EAEAEA;
    top: 380px;
    width: 102px;}
.bizpop span{  color: #000000;
    font-size: 15px;
    font-weight: bold;}
a.bizpop{text-decoration:none;}
a.bizpop:hover{ color:#268154;}