.holding-con { display : inline-block; text-transform: uppercase;}
.holdingbox, .holdingbox-4 {  position: relative; top: 0; display: inline-block; text-transform: uppercase;}
.holdingbox-2 {  position: relative; top: 0; display : block; margin: 1em 0; text-transform: uppercase;}

.leftbox { position: relative; top: 0;  left:0;  display:inline-block; width: 168px;}
/*.rightbox, .rightbox-2, .rightbox-3, .rightbox-4 { position: relative;  display:inline-block;  overflow:hidden; width:0; height:30px; vertical-align:top; margin: .75em 0 0 .25em;}
.rightbox, .rightbox-2, .rightbox-3, .rightbox-4 { position: relative;  display:none;  overflow:hidden; width: 200px; height:30px; vertical-align:top; margin: .75em 0 0 .25em;}
/*.rightbox-txt { width:100px;  position:absolute; left:0;  top:0;}

 */



.leftbox .rightbox-txt, .leftbox .rightbox-txt-2 { width:100px;  position:absolute; left:0;  top:0; display: none;} 

.leftbox:hover .rightbox-txt,.leftbox:hover .rightbox-txt-2 {display:inline-block; margin: 10px 0 0 60px;  }



.rightbox-txt a:link, .rightbox-txt a:visited,.rightbox-txt-4 a:link, .rightbox-txt-4 a:visited  {color: #8492a2!important;}
.rightbox-txt-2 a:link, .rightbox-txt-2 a:visited, .rightbox-txt-3 a:link, .rightbox-txt-3 a:visited {color: #fff!important;}

.hi-icon a { display:block;  width:100%; height:100%;  position:absolute;  top:0px;  z-index:100; color: #8492a2; }
.hi-icon-wrap {text-align: center;margin: 0 auto;padding: 2em 0 3em;}
.hi-icon { display: inline-block;  font-size: 0px; cursor: pointer;  margin: 5px; width: 40px; height: 40px; border-radius: 50%; text-align: center;  position: relative; z-index: 1;}
.hi-icon:after {	pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%;	content: '';-webkit-box-sizing: content-box; -moz-box-sizing: content-box; 	box-sizing: content-box;}
.hi-icon:before {  font: normal normal normal 14px/1 FontAwesome; speak: none; font-size: 20px; line-height: 40px; font-style: normal; font-weight: normal!important; font-variant: normal; text-transform: none;	display: block;	-webkit-font-smoothing: antialiased;}
.hi-icon-cog:before {	content: "\f067";}
/* Effect 2 */
.hi-icon-effect-2 .hi-icon {color: #fff!important; box-shadow: 0 0 0 5px #ffd94a; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }
.hi-icon-effect-2 .hi-icon:after { top: -2px; left: -2px; padding: 2px; z-index: -1; background: #ffd94a; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;-moz-transition: -moz-transform 0.2s, opacity 0.2s;	transition: transform 0.2s, opacity 0.2s; }
/* Effect 2a */
.hi-icon-effect-2a .hi-icon:hover {	color: #8492a2;}
.hi-icon-effect-2a .hi-icon:hover:after { -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85);transform: scale(0.85); }
/* Effect 2b */
.hi-icon-effect-2b .hi-icon:hover:after { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0);	opacity: 0;	-webkit-transition: -webkit-transform 0.4s, opacity 0.2s;	-moz-transition: -moz-transform 0.4s, opacity 0.2s;	transition: transform 0.4s, opacity 0.2s;}
.hi-icon-effect-2b .hi-icon:hover {	color: #8492a2!important;	background: #fff; }