.b-link-fade {
position: relative;
display: inline-block;
vertical-align: top;
margin-bottom: 0px;
}
.b-link-fade .b-wrapper {
z-index: 1;
}
.b-link-fade .b-top-line {
z-index: 0
}
.b-link-fade .b-wrapper, .b-link-fade .b-top-line {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
color: #fff;
background: #74c9be;
visibility: hidden; }
.b-link-fade .b-wrapper, .b-link-fade .b-top-line {
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
overflow: hidden;
opacity: 0;
}
.b-link-fade:hover .b-wrapper, .b-link-fade:hover .b-top-line {
opacity: 1;
visibility: visible; }  .b-link-flow {
position: relative;
display: inline-block;
vertical-align: top;
margin-bottom: 5px;
}
.b-link-flow .b-wrapper {
z-index: 1;
}
.b-link-flow .b-top-line {
z-index: 0
}
.b-link-flow .b-wrapper, .b-link-flow .b-top-line {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
color: #fff;
background: #74c9be;
visibility: hidden; }
.b-link-flow .b-wrapper, .b-link-flow .b-top-line {
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-transform: scale(0);
opacity: 0;
}
.b-link-flow:hover .b-wrapper, .b-link-flow:hover .b-top-line {
transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
visibility: visible; }  .b-link-stroke {
position: relative;
display: inline-block;
vertical-align: top;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
overflow: hidden;
margin-bottom: 5px;
}
.b-link-stroke .b-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
color: #fff;
}
.b-link-stroke .b-top-line {
position: absolute;
top: -100%;
left: 0;
width: 50%;
height: 100%;
background: #74c9be;
}
.b-link-stroke .b-bottom-line {
position: absolute;
bottom: -100%;
right: 0;
width: 50%;
height: 100%;
background: #74c9be;
}
.b-link-stroke .b-top-line, .b-link-stroke .b-bottom-line {
transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.b-link-stroke:hover .b-top-line {
top: 0;
}
.b-link-stroke:hover .b-bottom-line {
bottom: 0;
}  .b-link-twist {
position: relative;
display: inline-block;
vertical-align: top;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
margin-bottom: 5px;
}
.b-link-twist .b-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
color: #fff;
overflow: hidden;
}
.b-link-twist .b-top-line {
position: absolute;
top: 0;
left: 1px;
width: 50%;
height: 100%;
background: #74c9be;
transform: perspective(400px) rotate3d(180, 0, 0, 0deg);
-webkit-transform: perspective(400px) rotate3d(180, 0, 0, 0deg);
-moz-transform: perspective(400px) rotate3d(180, 0, 0, 0deg);
-o-transform: perspective(400px) rotate3d(180, 0, 0, 0deg);
-ms-transform: perspective(400px) rotate3d(180, 0, 0, 0deg);
}
.b-link-twist .b-bottom-line {
position: absolute;
bottom: 0;
right: 0px;
width: 50%;
height: 100%;
background: #74c9be;
transform: perspective(400px) rotate3d(180, 0, 0, 0deg);
-webkit-transform: perspective(400px) rotate3d(180, 0, 0, 0deg);
-moz-transform: perspective(400px) rotate3d(180, 0, 0, 0deg);
-o-transform: perspective(400px) rotate3d(180, 0, 0, 0deg);
-ms-transform: perspective(400px) rotate3d(180, 0, 0, 0deg);
}
.b-link-twist .b-top-line {
transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
-webkit-transition: all 1s;
background-position: left top;
}
.b-link-twist .b-bottom-line {
transition: all 1s 0.1s;
-moz-transition: all 1s 0.1s;
-ms-transition: all 1s 0.1s;
-o-transition: all 1s 0.1s;
-webkit-transition: all 1s 0.1s;
background-position: right top;
}
.b-link-twist:hover .b-top-line {
transform: perspective(400px) rotate3d(180, 0, 0, 180deg);
-webkit-transform: perspective(400px) rotate3d(180, 0, 0, 180deg);
-moz-transform: perspective(400px) rotate3d(180, 0, 0, 180deg);
-o-transform: perspective(400px) rotate3d(180, 0, 0, 180deg);
-ms-transform: perspective(400px) rotate3d(180, 0, 0, 180deg);
}
.b-link-twist:hover .b-bottom-line {
transform: perspective(400px) rotate3d(180, 0, 0, -180deg);
-webkit-transform: perspective(400px) rotate3d(180, 0, 0, -180deg);
-moz-transform: perspective(400px) rotate3d(180, 0, 0, -180deg);
-o-transform: perspective(400px) rotate3d(180, 0, 0, -180deg);
-ms-transform: perspective(400px) rotate3d(180, 0, 0, -180deg);
}
.b-link-twist .b-top-line b, .b-link-twist .b-bottom-line b {
transition: all 0.3s 0.2s;
-moz-transition: all 0.3s 0.2s;
-ms-transition: all 0.3s 0.2s;
-o-transition: all 0.3s 0.2s;
-webkit-transition: all 0.3s 0.2s;
position: absolute;
top: 0;
left: 0;
width: 101%;
height: 100%;
}
.b-link-twist:hover .b-top-line b, .b-link-twist:hover .b-bottom-line b {
background: #74c9be;
height: 100%;
}  .b-link-flip {
position: relative;
display: inline-block;
vertical-align: top;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
margin-bottom: 5px;
background: #74c9be;
}
.b-link-flip .b-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
color: #fff;
overflow: hidden;
z-index: 1;
visibility: hidden; } .b-link-flip:hover .b-wrapper {
visibility: visible;
}
.b-link-flip .b-top-line {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 50%;
background: #74c9be;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-moz-transform: perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-o-transform: perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-ms-transform: perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
transform: perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.safari5 .b-link-flip .b-top-line {
height: 100%
}
.b-link-flip .b-bottom-line {
position: absolute;
bottom: 0px;
right: 0;
width: 100%;
height: 50%;
background: #74c9be;
}
.b-link-flip .b-top-line {
transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
-webkit-transition: all 1s;
background-position: left top;
z-index: 1;
}
.b-link-flip .b-bottom-line {
background-position: left bottom;
z-index: 0;
}
.b-link-flip:hover .b-top-line {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: perspective(400px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);
-moz-transform: perspective(400px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);
-o-transform: perspective(400px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);
-ms-transform: perspective(400px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);
transform: perspective(400px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);
}
.b-link-flip .b-top-line b {
transition: all 0.3s 0.2s;
-moz-transition: all 0.3s 0.2s;
-ms-transition: all 0.3s 0.2s;
-o-transition: all 0.3s 0.2s;
-webkit-transition: all 0.3s 0.2s;
}
.b-link-flip .b-top-line b, .b-link-flip .b-bottom-line b {
height: 101%;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.b-link-flip:hover .b-top-line b {
background: #74c9be;
}
.lt-ie10 .b-link-flip:hover .b-bottom-line b {
background: #74c9be;
}  .b-link-box {
position: relative;
display: inline-block;
vertical-align: top;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
margin-bottom: 5px;
overflow: hidden;
}
.b-link-box .b-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
color: #fff;
overflow: hidden;
}
.b-link-box .b-top-line {
position: absolute;
left: 0;
top: 0%;
right: 0;
bottom: 0%;
transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
border: 30px solid #74c9be;
-webkit-transform: scale(2);
-moz-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
visibility: hidden; }
.b-link-box .b-bottom-line {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
visibility: hidden; -webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
background: #74c9be;
}
.b-link-box:hover .b-top-line {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
visibility: visible; }
.b-link-box:hover .b-bottom-line {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
visibility: visible; }  .b-link-stripe {
position: relative;
display: inline-block;
vertical-align: top;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
margin-bottom: 5px;
overflow: hidden;
width: 100%;
}
.b-link-stripe .b-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
color: #fff;
overflow: hidden;
}
.b-link-stripe .b-line {
position: absolute;
top: 0;
bottom: 0;
width: 20%;
background: #74c9be;
transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
opacity: 0;
visibility: hidden; } .b-link-stripe:hover .b-line {
visibility: visible;
}
.b-link-stripe .b-line1 {
left: 0;
}
.b-link-stripe .b-line2 {
left: 20%;
transition-delay: 0.1s !important;
-moz-transition-delay: 0.1s !important;
-ms-transition-delay: 0.1s !important;
-o-transition-delay: 0.1s !important;
-webkit-transition-delay: 0.1s !important;
}
.b-link-stripe .b-line3 {
left: 40%;
transition-delay: 0.2s !important;
-moz-transition-delay: 0.2s !important;
-ms-transition-delay: 0.2s !important;
-o-transition-delay: 0.2s !important;
-webkit-transition-delay: 0.2s !important;
}
.b-link-stripe .b-line4 {
left: 60%;
transition-delay: 0.3s !important;
-moz-transition-delay: 0.3s !important;
-ms-transition-delay: 0.3s !important;
-o-transition-delay: 0.3s !important;
-webkit-transition-delay: 0.3s !important;
}
.b-link-stripe .b-line5 {
left: 80%;
transition-delay: 0.4s !important;
-moz-transition-delay: 0.4s !important;
-ms-transition-delay: 0.4s !important;
-o-transition-delay: 0.4s !important;
-webkit-transition-delay: 0.4s !important;
}
.b-link-stripe:hover .b-line {
opacity: 1;
}  .b-link-apart-horisontal, .b-link-apart-vertical {
position: relative;
display: inline-block;
vertical-align: top;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
margin-bottom: 0px;
overflow: hidden;
}
.b-link-apart-horisontal .b-wrapper, .b-link-apart-vertical .b-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
color: #fff;
overflow: hidden;
}
.b-link-apart-horisontal .b-top-line, .b-link-apart-horisontal .b-bottom-line, .b-link-apart-vertical .b-top-line, .b-link-apart-vertical .b-bottom-line {
position: absolute;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.b-link-apart-horisontal .b-top-line-up, .b-link-apart-horisontal .b-bottom-line-up, .b-link-apart-vertical .b-top-line-up, .b-link-apart-vertical .b-bottom-line-up {
position: absolute;
transition: all 0.2s 0.2s linear;
-moz-transition: all 0.2s 0.2s linear;
-ms-transition: all 0.2s 0.2s linear;
-o-transition: all 0.2s 0.2s linear;
-webkit-transition: all 0.2s 0.2s linear;
} .b-link-apart-horisontal .b-top-line, .b-link-apart-horisontal .b-bottom-line {
height: 0%;
left: 50%;
right: 50%;
}
.b-link-apart-horisontal:hover .b-top-line, .b-link-apart-horisontal:hover .b-bottom-line {
left: 0;
right: 0;
}
.b-link-apart-horisontal .b-top-line-up, .b-link-apart-horisontal .b-bottom-line-up {
left: 0;
right: 0;
height: 0;
}
.b-link-apart-horisontal:hover .b-top-line-up, .b-link-apart-horisontal:hover .b-bottom-line-up {
height: 50%;
} .b-link-apart-vertical .b-top-line, .b-link-apart-vertical .b-bottom-line {
width: 0%;
top: 50%;
bottom: 50%;
}
.b-link-apart-vertical:hover .b-top-line, .b-link-apart-vertical:hover .b-bottom-line {
top: 0;
bottom: 0;
}
.b-link-apart-vertical .b-top-line-up, .b-link-apart-vertical .b-bottom-line-up {
top: 0;
bottom: 0;
width: 0;
}
.b-link-apart-vertical:hover .b-top-line-up, .b-link-apart-vertical:hover .b-bottom-line-up {
width: 50%;
} .b-link-apart-horisontal .b-top-line, .b-link-apart-horisontal .b-top-line-up {
top: 50%;
background: #74c9be;
}
.b-link-apart-horisontal .b-bottom-line, .b-link-apart-horisontal .b-bottom-line-up {
bottom: 50%;
background: #74c9be;
} .b-link-apart-vertical .b-top-line, .b-link-apart-vertical .b-top-line-up {
left: 50%;
background: #74c9be;
}
.b-link-apart-vertical .b-bottom-line, .b-link-apart-vertical .b-bottom-line-up {
right: 50%;
background: #74c9be;
}  .b-link-diagonal {
position: relative;
display: inline-block;
vertical-align: top;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
margin-bottom: 5px;
overflow: hidden;
}
.b-link-diagonal .b-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
color: #fff;
overflow: hidden;
}
.b-link-diagonal .b-line-group {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: rotate(-25deg);
-webkit-transform: rotate(-25deg);
-moz-transform: rotate(-25deg);
-o-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
}
.b-link-diagonal .b-line {
position: absolute;
top: -90px;
bottom: -60px;
width: 20.2%;
background: #74c9be;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.b-link-diagonal .b-line1 {
left: -10%;
width: 30.3%;
}
.b-link-diagonal .b-line2 {
left: 20%;
transition-delay: 0.1s !important;
-moz-transition-delay: 0.1s !important;
-ms-transition-delay: 0.1s !important;
-o-transition-delay: 0.1s !important;
-webkit-transition-delay: 0.1s !important;
}
.b-link-diagonal .b-line3 {
left: 40%;
transition-delay: 0.2s !important;
-moz-transition-delay: 0.2s !important;
-ms-transition-delay: 0.2s !important;
-o-transition-delay: 0.2s !important;
-webkit-transition-delay: 0.2s !important;
}
.b-link-diagonal .b-line4 {
left: 60%;
transition-delay: 0.3s !important;
-moz-transition-delay: 0.3s !important;
-ms-transition-delay: 0.3s !important;
-o-transition-delay: 0.3s !important;
-webkit-transition-delay: 0.3s !important;
}
.b-link-diagonal .b-line5 {
left: 80%;
width: 30%;
transition-delay: 0.4s !important;
-moz-transition-delay: 0.4s !important;
-ms-transition-delay: 0.4s !important;
-o-transition-delay: 0.4s !important;
-webkit-transition-delay: 0.4s !important;
}
.b-link-diagonal .b-line1, .b-link-diagonal .b-line3, .b-link-diagonal .b-line5 {
top: 130%;
}
.b-link-diagonal .b-line2, .b-link-diagonal .b-line4 {
bottom: 130%;
}
.b-link-diagonal:hover .b-line1, .b-link-diagonal:hover .b-line3, .b-link-diagonal:hover .b-line5 {
top: -90px;
}
.b-link-diagonal:hover .b-line2, .b-link-diagonal:hover .b-line4 {
bottom: -60px;
}  .b-delay03 {
transition-delay: 0.3s !important;
-moz-transition-delay: 0.3s !important;
-ms-transition-delay: 0.3s !important;
-o-transition-delay: 0.3s !important;
-webkit-transition-delay: 0.3s !important;
}
.b-delay06 {
transition-delay: 0.6s !important;
-moz-transition-delay: 0.6s !important;
-ms-transition-delay: 0.6s !important;
-o-transition-delay: 0.6s !important;
-webkit-transition-delay: 0.6s !important;
}
.b-delay09 {
transition-delay: 0.9s !important;
-moz-transition-delay: 0.9s !important;
-ms-transition-delay: 0.9s !important;
-o-transition-delay: 0.9s !important;
-webkit-transition-delay: 0.9s !important;
}
.b-delay12 {
transition-delay: 1.2s !important;
-moz-transition-delay: 1.2s !important;
-ms-transition-delay: 1.2s !important;
-o-transition-delay: 1.2s !important;
-webkit-transition-delay: 1.2s !important;
}
.b-delay15 {
transition-delay: 1.5s !important;
-moz-transition-delay: 1.5s !important;
-ms-transition-delay: 1.5s !important;
-o-transition-delay: 1.5s !important;
-webkit-transition-delay: 1.5s !important;
}  .b-animate-go {
text-decoration: none;
margin-bottom: 0px !important;
width: 100%;
}
.b-animate {
transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
visibility: hidden; } .b-animate-go:hover .b-animate {
visibility: visible;
}
.b-from-left {
position: relative;
left: -100%;
}
.b-animate-go:hover .b-from-left {
left: 0;
}
.b-from-right {
position: relative;
right: -100%;
}
.b-animate-go:hover .b-from-right {
right: 0;
}
.b-from-top {
position: relative;
top: -100%;
}
.b-animate-go:hover .b-from-top {
top: 0;
}
.b-from-bottom {
position: relative;
bottom: -100%;
}
.b-animate-go:hover .b-from-bottom {
bottom: 0;
}
.b-scale {
position: relative;
transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-transform: scale(0);
}
.b-animate-go:hover .b-scale {
transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
}
.b-opacity {
opacity: 0;
}
.b-animate-go:hover .b-opacity {
opacity: 1;
}
.b-animate-go:hover .b-cw-90, .b-animate-go:hover .b-cw-180, .b-animate-go:hover .b-ccw-90, .b-animate-go:hover .b-ccw-180 {
transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
-webkit-transform: rotate(0);
}
.b-animate-go .b-cw-90 {
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.b-animate-go .b-cw-180 {
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.b-animate-go .b-ccw-90 {
transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
.b-animate-go .b-ccw-180 {
transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
}