/***
Blue theme
***/
/***
Reset and overrides
***/
html {
	height: 100%;
	overflow: hidden !important;
}

body {
  background: #50b6f5 url(/pic/HexCloud.png) No-Repeat fixed !important;
  background-position:fixed !important;
  height: 100% !important;
  overflow-y: auto;
  overflow-x: hidden;
}
.navbar-inverse .navbar-inner{
	background-color: transparent !important;
	background-image: none !important;
}

.header .nav > li.dropdown .dropdown-toggle {
	Padding:	10px 12px 4px 15px;
}
.header .nav > li.dropdown .dropdown-toggle .badge {
	Top:		4px;
	Right:		34px;
}


ul.page-sidebar-menu > li a i.Icon{
	Margin:		-3px 5px -6px 0;
}

H3{
	Font-Size:	20px;
	Display:	Block;
	Clear:		Both;
}

.page-content P{
	Clear:		Both;
}

.ClearBoth{
	Clear:		Both;
}


.MarginTop40{
	Margin-Top:		40px !important;
}



/***
Icons
***/
.Icon{
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  vertical-align: text-top;
  background-image: url(/pic/Icons24x24_White.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.DocSpera{
  background-position: 0 0;
}

.Search{
  background-position: -26px 0;
}

.User{
  background-position: -52px 0;
}

.Users{
  background-position: -78px 0;
}

.Circles{
  background-position: -104px 0;
}

.eMail{
  background-position: -130px 0;
}

.eMail_Open{
  background-position: -156px 0;
}

.Podium{
  background-position: -182px 0;
}

.Folder{
  background-position: -208px 0;
}

.Briefcase{
  background-position: -234px 0;
}

.Paperclip{
  background-position: -260px 0;
}

.Chat{
  background-position: -286px 0;
}

.Chats{
  background-position: -312px 0;
}

.Pen{
  background-position: -182px 0;
}




.Book{
  background-position: 0 -26px;
}

.Star{
  background-position: -26px -26px;
}

.Share{
  background-position: -52px -26px;
}

.File{
  background-position: -78px -26px;
}

.Heart{
  background-position: -104px -26px;
}

.Tick{
  background-position: -130px -26px;
}

.Cross{
  background-position: -156px -26px;
}

.More{
  background-position: -182px -26px;
}

.Phone{
  background-position: -208px -26px;
}

.Mobile{
  background-position: -234px -26px;
}

.Gear{
  background-position: -260px -26px;
}

.Filter{
  background-position: -286px -26px;
}

.Like{
  background-position: -312px -26px;
}

.Liked{
  background-position: -182px -26px;
}





.NoEntry{
  background-position: 0 -52px;
}

.Lock{
  background-position: -26px -52px;
}

.Unlock{
  background-position: -52px -52px;
}

.Stethoscope{
  background-position: -78px -52px;
}

.Subscriptions{
  background-position: -104px -52px;
}

.Bell{
  background-position: -130px -52px;
}

.Developer{
  background-position: -156px -52px;
}

.Calendar{
  background-position: -182px -52px;
}

.Analytics{
  background-position: -208px -52px;
}

.ControlCenter{
  background-position: -234px -52px;
}

.BPCI{
  background-position: -260px -52px;
}

.X{
  background-position: -286px -52px;
}

.X{
  background-position: -312px -52px;
}

.X{
  background-position: -182px -52px;
}



.BellRing{
	-webkit-animation: IconShake 8s 1s ease-in-out infinite;
	-webkit-transform-origin: 50% 2px;
	-moz-animation: IconShake 8s 1s ease-in-out infinite;
	-moz-transform-origin: 50% 4px;
	animation: IconShake 8s 1s ease-in-out infinite;
	transform-origin: 50% 4px;
}

.eMailShake{
	-webkit-animation: IconShake 8s 1s ease-in-out infinite;
	-webkit-transform-origin: 50% 20px;
	-moz-animation: IconShake 8s 1s ease-in-out infinite;
	-moz-transform-origin: 50% 40px;
	animation: IconShake 8s 1s ease-in-out infinite;
	transform-origin: 50% 40px;
}

@-webkit-keyframes IconShake{
	0% { -webkit-transform: rotateZ(0); }
	1% { -webkit-transform: rotateZ(30deg); }
	3% { -webkit-transform: rotateZ(-28deg); }
	5% { -webkit-transform: rotateZ(34deg); }
	7% { -webkit-transform: rotateZ(-32deg); }
	9% { -webkit-transform: rotateZ(30deg); }
	11% { -webkit-transform: rotateZ(-28deg); }
	13% { -webkit-transform: rotateZ(26deg); }
	15% { -webkit-transform: rotateZ(-24deg); }
	17% { -webkit-transform: rotateZ(22deg); }
	19% { -webkit-transform: rotateZ(-20deg); }
	21% { -webkit-transform: rotateZ(18deg); }
	23% { -webkit-transform: rotateZ(-16deg); }
	25% { -webkit-transform: rotateZ(14deg); }
	27% { -webkit-transform: rotateZ(-12deg); }
	29% { -webkit-transform: rotateZ(10deg); }
	31% { -webkit-transform: rotateZ(-8deg); }
	33% { -webkit-transform: rotateZ(6deg); }
	35% { -webkit-transform: rotateZ(-4deg); }
	37% { -webkit-transform: rotateZ(2deg); }
	39% { -webkit-transform: rotateZ(-1deg); }
	41% { -webkit-transform: rotateZ(1deg); }
	43% { -webkit-transform: rotateZ(0); }
	100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes IconShake{
	0% { -moz-transform: rotate(0); }
	1% { -moz-transform: rotate(30deg); }
	3% { -moz-transform: rotate(-28deg); }
	5% { -moz-transform: rotate(34deg); }
	7% { -moz-transform: rotate(-32deg); }
	9% { -moz-transform: rotate(30deg); }
	11% { -moz-transform: rotate(-28deg); }
	13% { -moz-transform: rotate(26deg); }
	15% { -moz-transform: rotate(-24deg); }
	17% { -moz-transform: rotate(22deg); }
	19% { -moz-transform: rotate(-20deg); }
	21% { -moz-transform: rotate(18deg); }
	23% { -moz-transform: rotate(-16deg); }
	25% { -moz-transform: rotate(14deg); }
	27% { -moz-transform: rotate(-12deg); }
	29% { -moz-transform: rotate(10deg); }
	31% { -moz-transform: rotate(-8deg); }
	33% { -moz-transform: rotate(6deg); }
	35% { -moz-transform: rotate(-4deg); }
	37% { -moz-transform: rotate(2deg); }
	39% { -moz-transform: rotate(-1deg); }
	41% { -moz-transform: rotate(1deg); }
	43% { -moz-transform: rotate(0); }
	100% { -moz-transform: rotate(0); }
}

@keyframes IconShake{
	0% { transform: rotate(0); }
	1% { transform: rotate(30deg); }
	3% { transform: rotate(-28deg); }
	5% { transform: rotate(34deg); }
	7% { transform: rotate(-32deg); }
	9% { transform: rotate(30deg); }
	11% { transform: rotate(-28deg); }
	13% { transform: rotate(26deg); }
	15% { transform: rotate(-24deg); }
	17% { transform: rotate(22deg); }
	19% { transform: rotate(-20deg); }
	21% { transform: rotate(18deg); }
	23% { transform: rotate(-16deg); }
	25% { transform: rotate(14deg); }
	27% { transform: rotate(-12deg); }
	29% { transform: rotate(10deg); }
	31% { transform: rotate(-8deg); }
	33% { transform: rotate(6deg); }
	35% { transform: rotate(-4deg); }
	37% { transform: rotate(2deg); }
	39% { transform: rotate(-1deg); }
	41% { transform: rotate(1deg); }
	43% { transform: rotate(0); }
	100% { transform: rotate(0); }
}


#TopAvatar{
	Width:			32px;
	Height:			32px;
	Display: 		Inline-Block;
	Vertical-Align:	Middle;
	Margin:			-2px 0 -1px 0 !important;
	-moz-box-shadow:	 Inset 0 0 1px RGBa(0,0,0,.4);
	-webkit-box-shadow:	 Inset 0 0 1px RGBa(0,0,0,.4);
	box-shadow:			Inset 0 0 1px RGBa(0,0,0,.4);
	-webkit-border-radius:	100% !important;
	-moz-border-radius:		100% !important;
	border-radius:			100% !important;
}

/***
Page header
***/
.header .navbar-inner {
  filter: none !important;
  background: #50b6f5 url(/pic/HexCloud.png) No-Repeat fixed !important;
  background-position:fixed !important;
}
.header .btn-navbar {
  background-color: Transparent !important;
  xPadding-Right:	10px;
}
.header .nav .dropdown-toggle:hover,
.header .nav .dropdown.open .dropdown-toggle {
  background-color: #1b8fd3 !important;
}
.header .nav li.dropdown .dropdown-toggle i {
	Color:	RGBa(255,255,255,.5) !important;
}
/***
Page sidebar
***/
.page-sidebar {
  xbackground-color: purple;
 }
ul.page-sidebar-menu > li > a {
  border-top: 1px solid RGBa(0,0,0,.1) !important;
  color: #ffffff !important;
  Text-Shadow: RGBa(0,0,0,.3) 1px 1px 2px !important;
}
ul.page-sidebar-menu > li a i {
  color: #7fc5ef;
}
ul.page-sidebar-menu > li.open > a,
ul.page-sidebar-menu > li > a:hover,
ul.page-sidebar-menu > li:hover > a {
  background: #12618f;
}
ul.page-sidebar-menu > li.active > a {
  !background: #cc1d1d !important;
  background: Black !important;
  background: RGBa(0,0,0,.4) !important;
  border-top-color: transparent !important;
  color: #ffffff;
}
ul.page-sidebar-menu > li.active > a i {
  color: #ffffff;
}
ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
  border-top: 0px !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
  color: #ffffff !important;
  background: #1b8fd3 !important;
	-webkit-border-top-left-radius: 20px !important;
	-webkit-border-bottom-left-radius: 20px !important;
	-moz-border-radius-topleft: 20px !important;
	-moz-border-radius-bottomleft: 20px !important;
	border-top-left-radius: 20px !important;
	border-bottom-left-radius: 20px !important;

}
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
  background: #85ccf8 !important;
  background: RGBa(255,255,255,.2) !important;
}
/* 3rd level sub menu */
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
  color: #ffffff !important;
  background: #1b8fd3 !important;
}
/* font color for all sub menu links*/
ul.page-sidebar-menu li > ul.sub-menu > li > a {
  color: #c3e4f7;
  Text-Shadow:			RGBa(0,0,0,.2) 1px 1px 2px !important;
  Margin-Left:			8px;
  Margin-Bottom:			2px;
  Padding-Left:			13px !important;
  Disply:				Inline-Block;
  Height:				19px;
  Overflow:				Hidden;
  Text-Overflow:			Ellipsis;
  White-Space:			Nowrap;
  Width:					90.5%
}
@media (max-width: 979px){
	ul.page-sidebar-menu li > ul.sub-menu > li > a {
		Width:					95.6%;
	}
	ul.page-sidebar-menu li > ul.sub-menu > li.active > a,
	ul.page-sidebar-menu li > ul.sub-menu > li > a:hover{
		-webkit-border-radius: 20px !important;
		-moz-border-radius: 20px !important;
		border-radius: 20px !important;
	}
}

ul.page-sidebar-menu li > ul.sub-menu > li > a.DIV {
  Border-Bottom:		1px Solid RGBa(255,255,255,.2) !important;
  !font-weight: 			Bold;
}

ul.page-sidebar-menu li > ul.sub-menu > li > a.DIV:last-child {
  Border-Bottom:		1px None;
}

ul.page-sidebar-menu li > ul.sub-menu > li > a I{
  Margin-Right:			7px;
}
/* menu arrows */
ul.page-sidebar-menu > li > a .arrow:before,
ul.page-sidebar-menu > li > a .arrow.open:before {
  color: #51b1e9 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
  color: #3ba6e6 !important;
}
ul.page-sidebar-menu > li > a > .arrow.open:before {
  color: #68bbec !important;
}
ul.page-sidebar-menu > li.active > a .arrow:before,
ul.page-sidebar-menu > li.active > a .arrow.open:before {
  color: #ffffff !important;
}

ul.page-sidebar-menu > li > ul.sub-menu > li:last-child > a {
  Margin-Bottom:	10px !important;
}


/* sidebar search */
.page-sidebar .sidebar-search {
  Padding:	25px 0 25px 15px;
  Margin:	0;
}
.page-sidebar .sidebar-search input {
  color: #51b1e9;
  Padding:	4px 12px;
  -webkit-border-radius: 16px !important;
  -moz-border-radius: 16px !important;
  border-radius: 16px !important;
}
.page-sidebar .sidebar-* input::-webkit-input-placeholder {
  color: #51b1e9 !important;
}
.page-sidebar .sidebar-search input:-moz-placeholder {
  color: #51b1e9 !important;
}
.page-sidebar .sidebar-search input:-ms-input-placeholder {
  color: #51b1e9 !important;
}
.page-sidebar .sidebar-search .submit {
  background-image: url(/pic/search-icon-blue.png);
}
/***
Sidebar toggler
***/
.sidebar-toggler {
  background-image: url(/pic/sidebar-toggler-blue.jpg);
  background-color: #0f5179;
}
/* search box bg color on expanded */
.page-sidebar-closed .page-sidebar .sidebar-search.open {
  background-color: #1570a6 !important;
}
.page-sidebar-closed .page-sidebar .sidebar-*.open .remove {
  background-image: url(/pic/sidebar-search-close-blue.png);
}
/* sub menu bg color on hover menu item */
.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
  background-color: #1570a6;
}
/***
Horizontal Menu(new in v1.2)
***/
/*search*/
.header .hor-menu .hor-menu-search-form-toggler.hide {
  background: #000000 url(/pic/hor-menu-search-close.png) no-repeat center;
}
.header .hor-menu .search-form {
  background: #000000;
}
.header .hor-menu .search-form .btn {
  color: #f0f8fd;
  background: #04141e url(/pic/search-icon.png) no-repeat center;
}
.header .hor-menu .search-form form input {
  color: #f0f8fd;
}
.header .hor-menu .search-form form input::-webkit-input-placeholder {
  /* WebKit browsers */

  color: #f0f8fd;
}
.header .hor-menu .search-form form input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */

  color: #f0f8fd;
}
.header .hor-menu .search-form form input::-moz-placeholder {
  /* Mozilla Firefox 19+ */

  color: #f0f8fd;
}
.header .hor-menu .search-form form input:-ms-input-placeholder {
  /* Internet Explorer 10+ */

  color: #f0f8fd;
}
/***
Footer
***/
.footer .footer-inner {
  color: #68bbec;
}

.footer .footer-tools .go-top {
  background-color: #1985c6;
}
.footer .footer-tools .go-top:hover {
  xopacity: 0.7;
  xfilter: alpha(opacity=70);
  background-color: #2993D4
}
.footer .footer-tools .go-top i {
  color: #68bbec;
}
/***
Footer Layouts (new in v1.3)
***/
/* begin:fixed footer */
.page-footer-fixed .footer {
  background-color: #0f5179;
}
.page-footer-fixed .footer .footer-inner {
  color: #68bbec;
}
.page-footer-fixed .footer .footer-tools .go-top {
  background-color: #1985c6;
}
.page-footer-fixed .footer .footer-tools .go-top i {
  color: #68bbec;
}



/* end:fixed footer */
/***
Gritter Notifications
***/
.gritter-top {
  background: url(/plugins/gritter/images/gritter-blue.png) no-repeat left -30px !important;
}
.gritter-bottom {
  background: url(/plugins/gritter/images/gritter-blue.png) no-repeat left bottom !important;
}
.gritter-item {
  display: block;
  background: url(/plugins/gritter/images/gritter-blue.png) no-repeat left -40px !important;
}
.gritter-close {
  background: url(/plugins/gritter/images/gritter-blue.png) no-repeat left top !important;
}
.gritter-title {
  text-shadow: none !important;
  /* Not supported by IE :( */

}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
  background-image: url(/plugins/gritter/images/gritter-light.png) !important;
}
.gritter-item-wrapper a {
  color: #18a5ed;
}
.gritter-item-wrapper a:hover {
  color: #0b6694;
}

.page-sidebar .sidebar-search {
	width: 75%;
}
.page-sidebar .sidebar-search input {
  background-color:	White !important;
  width:				100% !important;
}
/* begin: boxed page */
@media (min-width: 980px) {
  .page-boxed {
    background-color: #125e8b !important;
  }
  .page-boxed .page-container {
    background-color: #1570a6;
    border-left: 1px solid #1c98e1;
    border-bottom: 1px solid #1c98e1;
  }
  .page-boxed.page-sidebar-fixed .page-container {
    border-left: 0;
    border-bottom: 0;
  }
  .page-boxed.page-sidebar-fixed .page-sidebar {
    border-left: 1px solid #1c98e1;
  }
  .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
    background-color: #125e8b !important;
  }
}
/* end: boxed page */
/***
Landscape phone to portrait tablet
***/
@media (max-width: 979px) {
  /***
    page sidebar
    ***/
	.page-sidebar .sidebar-search {
		width: 85%;
	}
  .page-sidebar {
    background-color: #105882 !important;
  }
  ul.page-sidebar-menu > li > a {
    border-top: 1px solid #187fbd !important;
  }
  ul.page-sidebar-menu > li:last-child > a {
    border-bottom: 0 !important;
  }
  .page-sidebar .sidebar-search input {
    background-color:	White !important;
	width:				100% !important;
  }
  ul.page-sidebar-menu > li.open > a,
  ul.page-sidebar-menu > li > a:hover,
  ul.page-sidebar-menu > li:hover > a {
    background: #0e4b70;
  }

}


I.Throbber{
	Background:				URL(/pic/ajax-loading.gif) No-Repeat Center Center !important;
	Width:					16px;
	Height:					16px !important;
	Display:				Inline-Block;
	Text-Decoration:		None;
	vertical-align:text-bottom	;
}


.VisibilityVisible{
	Visibility:				Visible !important;
}


.VisibilityHidden{
	Visibility:				Hidden !important;
}



/*****************http://ianlunn.github.io/Hover/********************/
/* Wobble Vertical */

@-webkit-keyframes wobble-vertical {
  16.65% {
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
  }

  33.3% {
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px);
  }

  49.95% {
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
  }

  66.6% {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
  }

  83.25% {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
  }

  100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
}

@keyframes wobble-vertical {
  16.65% {
	-webkit-transform: translateY(8px);
	-ms-transform: translateY(8px);
	transform: translateY(8px);
  }

  33.3% {
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px);
  }

  49.95% {
	-webkit-transform: translateY(4px);
	-ms-transform: translateY(4px);
	transform: translateY(4px);
  }

  66.6% {
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
  }

  83.25% {
	-webkit-transform: translateY(1px);
	-ms-transform: translateY(1px);
	transform: translateY(1px);
  }

  100% {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
  }
}

.wobble-vertical {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.wobble-vertical:hover,
.wobble-vertical-active{
  -webkit-animation-name: wobble-vertical;
  animation-name: wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}




/* Hover Shadow */

@keyframes hover {
  50% {
	-webkit-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
  }

  100% {
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px);
  }
}

@-webkit-keyframes hover-shadow {
  0% {
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
	opacity: .4;
  }

  50% {
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	opacity: 1;
  }

  100% {
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
	opacity: .4;
  }
}

@keyframes hover-shadow {
  0% {
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
	opacity: .4;
  }

  50% {
	-webkit-transform: translateY(3px);
	-ms-transform: translateY(3px);
	transform: translateY(3px);
	opacity: 1;
  }

  100% {
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
	opacity: .4;
  }
}

.hover-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hover-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
}

.hover-shadow:hover {
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.hover-shadow:hover:before {
  opacity: .4;
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/*********END*******http://ianlunn.github.io/Hover/********************/