[class^="hvr-"] {
    font-family: calibri;
	font-size:18px;
	text-transform:uppercase; font-weight:bold;
}

[class^="hvr-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  
  padding: 30px 0px 20px 0px;
  cursor: pointer;
  background: #6c2bfa;
  text-decoration: none;
  text-align:center;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  height:110px;
  width:150px;
  
}

.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #6c2bfa;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ee1d25;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}


[class^="hvr1-"] {
    font-family: calibri;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}

[class^="hvr1-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  
  padding: 110px 0px 0px 0px;
  cursor: pointer;
  background: #72962f;
  text-decoration: none;
  text-align:center;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  height:50px;
  width:300px;
  
}

.hvr1-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background-image:url(../images/11_hover.jpg); background-size:cover;
  
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr1-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  background-image:url(../images/11.jpg); background-size:cover;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr1-rectangle-in:hover, .hvr1-rectangle-in:focus, .hvr1-rectangle-in:active {
  color: white;
}
.hvr1-rectangle-in:hover:before, .hvr1-rectangle-in:focus:before, .hvr1-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}


[class^="hvr2-"] {
    font-family: calibri;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}

[class^="hvr2-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  
  padding: 130px 0px 0px 0px;
  cursor: pointer;
  background: #e5473e;
  text-decoration: none;
  text-align:center;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  height:30px;
  width:300px;
  
}

.hvr2-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background-image:url(../images/12_hover.jpg); background-size:cover;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr2-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image:url(../images/12.jpg); background-size:cover;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr2-shutter-in-horizontal:hover, .hvr2-shutter-in-horizontal:focus, .hvr2-shutter-in-horizontal:active {
  color: white;
}
.hvr2-shutter-in-horizontal:hover:before, .hvr2-shutter-in-horizontal:focus:before, .hvr2-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

[class^="hvr3-"] {
    font-family: calibri;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}

[class^="hvr3-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  
  padding: 130px 0px 0px 0px;
  cursor: pointer;
  background: #ff9012;
  text-decoration: none;
  text-align:center;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  height:30px;
  width:300px;
  
}

.hvr3-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background-image:url(../images/13.jpg); background-size:cover;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr3-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image:url(../images/13_hover.jpg); background-size:cover;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr3-shutter-out-horizontal:hover, .hvr3-shutter-out-horizontal:focus, .hvr3-shutter-out-horizontal:active {
  color: white;
}
.hvr3-shutter-out-horizontal:hover:before, .hvr3-shutter-out-horizontal:focus:before, .hvr3-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

[class^="hvr4-"] {
    font-family: calibri;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}

[class^="hvr4-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  
  padding: 130px 0px 0px 0px;
  cursor: pointer;
  background: #a2173c;
  text-decoration: none;
  text-align:center;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  height:30px;
  width:300px;
  
}

.hvr4-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background-image:url(../images/14_hover.jpg); background-size:cover;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr4-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image:url(../images/14.jpg); background-size:cover;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr4-shutter-in-vertical:hover, .hvr4-shutter-in-vertical:focus, .hvr4-shutter-in-vertical:active {
  color: white;
}
.hvr4-shutter-in-vertical:hover:before, .hvr4-shutter-in-vertical:focus:before, .hvr4-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

[class^="hvr5-"] {
    font-family: calibri;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}

[class^="hvr5-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  
  padding: 30px 0px 20px 0px;
  cursor: pointer;
  background: #a42ecc;
  text-decoration: none;
  text-align:center;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  height:110px;
  width:150px;
  
}

.hvr5-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #a42ecc;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr5-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ed1c24;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr5-shutter-out-vertical:hover, .hvr5-shutter-out-vertical:focus, .hvr5-shutter-out-vertical:active {
  color: white;
}
.hvr5-shutter-out-vertical:hover:before, .hvr5-shutter-out-vertical:focus:before, .hvr5-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

[class^="hvr6-"] {
    font-family: calibri;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}

[class^="hvr6-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  
  padding: 30px 0px 20px 0px;
  cursor: pointer;
  background: #039e65;
  text-decoration: none;
  text-align:center;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  height:110px;
  width:150px;
  
}

.hvr6-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #039e65;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr6-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ed1c24;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr6-radial-out:hover, .hvr6-radial-out:focus, .hvr6-radial-out:active {
  color: white;
}
.hvr6-radial-out:hover:before, .hvr6-radial-out:focus:before, .hvr6-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

[class^="hvr7-"] {
    font-family: calibri;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}

[class^="hvr7-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  
  padding: 110px 0px 0px 0px;
  cursor: pointer;
  background: #72962f;
  text-decoration: none;
  text-align:center;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  height:50px;
  width:300px;
  
}

.hvr7-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background-image:url(../images/15_hover.jpg); background-size:cover;
  
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr7-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  background-image:url(../images/15.jpg); background-size:cover;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr7-rectangle-in:hover, .hvr7-rectangle-in:focus, .hvr7-rectangle-in:active {
  color: white;
}
.hvr7-rectangle-in:hover:before, .hvr7-rectangle-in:focus:before, .hvr7-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

[class^="hvr8-"] {
    font-family: calibri;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}

[class^="hvr8-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  
  padding: 110px 0px 0px 0px;
  cursor: pointer;
  background: #72962f;
  text-decoration: none;
  text-align:center;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  height:50px;
  width:300px;
  
}

.hvr8-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background-image:url(../images/16.jpg); background-size:cover;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr8-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image:url(../images/16_hover.jpg); background-size:cover;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr8-rectangle-out:hover, .hvr8-rectangle-out:focus, .hvr8-rectangle-out:active {
  color: white;
}
.hvr8-rectangle-out:hover:before, .hvr8-rectangle-out:focus:before, .hvr8-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}


@media only screen and (min-width : 220px) and (max-width : 480px) {


[class^="hvr-"] 
{
  height:auto;
  width:100%;
}

[class^="hvr1-"] 
{
  height:auto;
  width:100%;
}
[class^="hvr2-"] 
{
  height:auto;
  width:100%;
}

[class^="hvr3-"] 
{
  height:auto;
  width:100%;
}

[class^="hvr4-"] 
{
  height:auto;
  width:100%;
}

[class^="hvr5-"] 
{
  height:auto;
  width:100%;
}
[class^="hvr6-"] 
{
  height:auto;
  width:100%;
}
[class^="hvr7-"] 
{
  height:auto;
  width:100%;
}
[class^="hvr8-"] 
{
  height:auto;
  width:100%;
}

}






.hvr2-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e5473e, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr2-border-fade:hover, .hvr2-border-fade:focus, .hvr2-border-fade:active {
  box-shadow: inset 0 0 10px 4px #333333, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}


.hvr3-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #ff9012, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr3-border-fade:hover, .hvr3-border-fade:focus, .hvr3-border-fade:active {
  box-shadow: inset 0 0 10px 4px #333333, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}


.hvr4-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #a2173c, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr4-border-fade:hover, .hvr4-border-fade:focus, .hvr4-border-fade:active {
  box-shadow: inset 0 0 10px 4px #333333, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr5-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #a42ecc, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr5-border-fade:hover, .hvr4-border-fade:focus, .hvr4-border-fade:active {
  box-shadow: inset 0 0 10px 4px #333333, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr6-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #039e65, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr6-border-fade:hover, .hvr4-border-fade:focus, .hvr4-border-fade:active {
  box-shadow: inset 0 0 10px 4px #333333, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr7-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #df4a0f, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr7-border-fade:hover, .hvr4-border-fade:focus, .hvr4-border-fade:active {
  box-shadow: inset 0 0 10px 4px #333333, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

.hvr8-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #0351c2, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr8-border-fade:hover, .hvr4-border-fade:focus, .hvr4-border-fade:active {
  box-shadow: inset 0 0 10px 4px #333333, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

















[class^="hvr9-"] {
    font-family: calibri;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}

[class^="hvr9-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  
  padding: 30px 0px 20px 0px;
  cursor: pointer;
  background: #12328b;
  text-decoration: none;
  text-align:center;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  height:110px;
  width:150px;
  
}

.hvr9-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr9-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ed1d24;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr9-bounce-to-bottom:hover, .hvr9-bounce-to-bottom:focus, .hvr9-bounce-to-bottom:active {
  color: white;
}
.hvr9-bounce-to-bottom:hover:before, .hvr9-bounce-to-bottom:focus:before, .hvr9-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


[class^="hvr10-"] {
    font-family: calibri;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}

[class^="hvr10-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  
  padding: 30px 0px 20px 0px;
  cursor: pointer;
  background: #d14387;
  text-decoration: none;
  text-align:center;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  height:110px;
  width:150px;
  
}

.hvr10-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr10-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ed1d24;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr10-bounce-to-top:hover, .hvr10-bounce-to-top:focus, .hvr10-bounce-to-top:active {
  color: white;
}
.hvr10-bounce-to-top:hover:before, .hvr10-bounce-to-top:focus:before, .hvr10-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


[class^="hvr11-"] {
    font-family: calibri;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}

[class^="hvr11-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  
  padding: 30px 0px 20px 0px;
  cursor: pointer;
  background: #d06d01;
  text-decoration: none;
  text-align:center;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  height:110px;
  width:150px;
  
}

.hvr11-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr11-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ed1d24;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr11-bounce-to-left:hover, .hvr11-bounce-to-left:focus, .hvr11-bounce-to-left:active {
  color: white;
}
.hvr11-bounce-to-left:hover:before, .hvr11-bounce-to-left:focus:before, .hvr11-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


[class^="hvr12-"] {
    font-family: calibri;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}

[class^="hvr12-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  
  padding: 30px 0px 20px 0px;
  cursor: pointer;
  background: #049fb6;
  text-decoration: none;
  text-align:center;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  height:110px;
  width:150px; 
  
}

.hvr12-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr12-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ed1d24;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr12-bounce-to-right:hover, .hvr12-bounce-to-right:focus, .hvr12-bounce-to-right:active {
  color: white;
}
.hvr12-bounce-to-right:hover:before, .hvr12-bounce-to-right:focus:before, .hvr12-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}




@media only screen and (min-width : 220px) and (max-width : 480px) {


[class^="hvr9-"] {
    font-family: calibri;
	font-size:18px;
	text-transform:uppercase;
}

[class^="hvr9-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  
  padding: 30px 0px 20px 0px;
  cursor: pointer;
  background: #12328b;
  text-decoration: none;
  text-align:center;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  height:110px;
  width:100%;
  
}


[class^="hvr10-"] {
    font-family: calibri;
	font-size:18px;
	text-transform:uppercase;
}

[class^="hvr10-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  
  padding: 30px 0px 20px 0px;
  cursor: pointer;
  background: #d14387;
  text-decoration: none;
  text-align:center;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  height:110px;
  width:100%;
  
}


[class^="hvr11-"] {
    font-family: calibri;
	font-size:18px;
	text-transform:uppercase;
}

[class^="hvr11-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  
  padding: 30px 0px 20px 0px;
  cursor: pointer;
  background: #d06d01;
  text-decoration: none;
  text-align:center;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  height:110px;
  width:100%;
  
}


[class^="hvr12-"] {
    font-family: calibri;
	font-size:18px;
	text-transform:uppercase;
}

[class^="hvr12-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  
  padding: 30px 0px 20px 0px;
  cursor: pointer;
  background: #049fb6;
  text-decoration: none;
  text-align:center;
  color: #fff;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  height:110px;
  width:100%;
  
}


}







.hvr9-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #12328b, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr9-border-fade:hover, .hvr9-border-fade:focus, .hvr9-border-fade:active {
  box-shadow: inset 0 0 10px 4px #333333, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}



.hvr10-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #d14387, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr10-border-fade:hover, .hvr10-border-fade:focus, .hvr10-border-fade:active {
  box-shadow: inset 0 0 10px 4px #333333, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}


.hvr11-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #d06d01, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr11-border-fade:hover, .hvr11-border-fade:focus, .hvr11-border-fade:active {
  box-shadow: inset 0 0 10px 4px #333333, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}


.hvr12-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #049fb6, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr12-border-fade:hover, .hvr12-border-fade:focus, .hvr12-border-fade:active {
  box-shadow: inset 0 0 10px 4px #333333, 0 0 1px rgba(0, 0, 0, 0); 
  /* Hack to improve aliasing on mobile/tablet devices */
}