#pbOverlay *, #pbOverlay *:before, #pbOverlay *:after {-moz-box-sizing: content-box;box-sizing: content-box;}#pbOverlay.show {opacity: 1;pointer-events: auto;}#pbOverlay {opacity: 0;overflow: hidden;width: 100%;height: 100%;position: fixed;z-index: 9999999;left: 0;top: 0;text-align: center;pointer-events: none;user-select: none;-moz-user-select: none;background: rgba(0, 0, 0, .90);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2000000', endColorstr='#e2000000');transform: translate3d(0);-webkit-transform: translate3d(0);transition: opacity 300ms ease;}#pbOverlay.msie {background-color: rgba(0, 0, 0, .6);}.msie.pbLoading .pbWrapper {background: url(//hssp.moh.gov.jm/wp-content/plugins/gallery-lightbox-slider/css/images/loading.gif) no-repeat center center;}@keyframes pbLoaderFrames {50% {height: 5px;}}@-webkit-keyframes pbLoaderFrames {50% {height: 5px;}}.pbLoader {display: none;width: 100px;height: 100px;position: absolute;z-index: 999999;top: 0;left: 0;right: 0;bottom: 0;margin: auto;text-align: center;border-radius: 100%;box-shadow: 15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px;transition: .3s;}.thumbs .pbLoader {-webkit-transform: translateY(-50px);transform: translateY(-50px);}.pbLoading:not(.msie):not(.error) .pbLoader {display: block;}.pbLoader b {display: inline-block;vertical-align: middle;margin: 0 2px;width: 8px;height: 60px;border-radius: 5px;background: rgba(255, 255, 255, .8);box-shadow: 0 0 10px rgba(0, 0, 0, .5);-webkit-animation: .9s pbLoaderFrames infinite linear;animation: .9s pbLoaderFrames infinite linear;}.pbLoader b:nth-child(2) {-webkit-animation-delay: .3s;animation-delay: .3s;}.pbLoader b:nth-child(3) {-webkit-animation-delay: .6s;animation-delay: .6s;}.mobile.pbLoading .pbLoader {transform: none;transition: 0s;}.pbWrapper:after, #pbCaption .pbThumbs ul:after, #pbOverlay .prevNext:after, #pbOverlay .pbLoader:before {content: "";display: inline-block;height: 100%;margin-right: -.25em;vertical-align: middle;}@keyframes deadImage {50% {text-shadow: 0 0 25px rgba(255, 255, 255, .5);transform: scale(.85);}}@-webkit-keyframes deadImage {50% {text-shadow: 0 0 25px rgba(255, 255, 255, .5);-webkit-transform: scale(.85);}}.pbWrapper {-moz-box-sizing: border-box;box-sizing: border-box;transform: rotate(0deg);vertical-align: middle;height: 100%;perspective: 1200px;position: relative;transition: .2s;}.video>.pbWrapper {z-index: 11;display: inline-block;}.pbLoading .pbWrapper {display: inline-block\9;width: 100%;}.pbWrapper:before {content: '\2716';color: transparent;text-shadow: 0 2px 35px rgba(255, 255, 255, 0);font-size: 0;vertical-align: middle;cursor: default;transition: text-shadow .7s ease-out;}.error .pbWrapper:before {font-size: 22em;text-shadow: 0 0 0 #FFF;-webkit-animation: 2s 1s deadImage infinite linear;animation: 2s 1s deadImage infinite linear;}.thumbs .pbWrapper {padding: 0;margin: 0;}.error .pbWrapperr img {width: 0;}.pbWrapper>div {display: none;width: 624px;height: 351px;vertical-align: middle;border-radius: 5px;background: rgba(0, 0, 0, .5);}.video>.pbWrapper>div {display: inline-block;}#pbOverlay iframe, #pbOverlay embed, #pbOverlay object {display: block;width: 100%;height: 100%;opacity: 1;transition: .5s;}.pbWrapper .pbHide iframe {opacity: 0;}.pbWrapper>div, .pbWrapper>img {transition: .8s .5s cubic-bezier(.1, .87, .48, 1);-webkit-transform: none;-ms-transform: none;transform: none;backface-visibility: hidden;-webkit-backface-visibility: hidden;box-shadow: 0 0 20px #000;}.mobile.show .pbWrapper>div, .mobile.show .pbWrapper>img {transition: 30ms;}.pbWrapper>*, .pbHide .pbWrapper>.prepare {opacity: 1;vertical-align: middle;transform: scale(0) rotateX(80deg);-webkit-transform: scale(0) rotateX(80deg);-ms-transform: scale(0) rotateX(80deg);border-radius: 6px;border: none;max-height: 95%;max-width: 100%;}.on .pbWrapper>* {transition-delay: 0s;}.pbWrapper .zoomable {-webkit-transition: 0s;transition: 0s;position: relative;z-index: 9;}.pbHide .pbWrapper>* {-webkit-transform: scale(1.2);transform: scale(1.2);transform: none\9;opacity: 0;transition: .4s ease-out;}#pbCloseBtn, #pbAutoplayBtn {position: absolute;top: -50px;right: -50px;z-index: 9999999;display: block;padding: 0 0 20px 20px;text-align: center;cursor: pointer;color: #FFF;transition: .3s .3s ease-out;}.pbHide #pbCloseBtn {top: -50px;right: -50px;}.on #pbCloseBtn {top: -2px;right: -2px;}#pbCloseBtn:before {content: '\00D7';font: bold 1em/1 arial;}#pbCloseBtn:before, #pbAutoplayBtn:before {display: inline-block;height: 35px;width: 35px;padding: 8px 8px 12px 12px;font-size: 2em;opacity: .8;vertical-align: middle;background: rgba(255, 255, 255, .2);border-radius: 0 0 0 70px;transition: .1s ease-out;}#pbCloseBtn:hover:before {padding: 15px 10px 24px 24px;background: rgba(255, 100, 100, .4);}#pbAutoplayBtn {display: none;right: auto;left: -50px;padding: 0;width: 50px;height: 50px;font-size: 13px;}.hasAutoplay #pbAutoplayBtn {display: block;}#pbAutoplayBtn:hover {width: 60px;height: 60px;}.on #pbAutoplayBtn {top: 0px;left: 0px;transition: .1s ease-out;}#pbAutoplayBtn:before {content: '\2016';width: 100%;height: 100%;border-radius: 0 0 70px 0;font-weight: bold;padding: 0;text-indent: -6px;line-height: 1.6;}#pbAutoplayBtn:active:before {text-shadow: 0 0 3px #FFF, 0 0 6px #FFF;}#pbAutoplayBtn.play:before {content: '\25BA';}#pbAutoplayBtn .pbProgress {display: none\9;width: 100%;height: 100%;overflow: hidden;position: absolute;padding: 6px;top: 0;left: 0;opacity: .2;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;-webkit-transition: .3s;transition: .3s;}.mobile #pbAutoplayBtn .pbProgress {-webkit-transition: 0s;transition: 0s;}#pbAutoplayBtn.playing .pbProgress {-webkit-transform: rotateZ(90deg);-ms-transform: rotateZ(90deg);transform: rotateZ(90deg);}#pbAutoplayBtn .pbProgress:before {content: '';position: absolute;right: 0;bottom: 0;width: 200%;height: 200%;border-radius: 50%;box-shadow: 0 0 0 8px #FFF inset;}#pbCaption, .pbHide #pbCaption {position: absolute;z-index: 999;margin-bottom: 5px;bottom: -120px;width: 100%;overflow: hidden;transition: .4s;}.show.on #pbCaption {bottom: 0;transition-delay: .5s;}#pbOverlay.thumbs #pbCaption label {display: block;}#pbCaption label {display: none;position: relative;z-index: 1;top: -5px;float: right;width: 60px;margin-right: 10px;color: #FFF;opacity: .3;transition: .2s;cursor: pointer;}#pbCaption label:after {background: #FFF;box-shadow: 12px 0 #FFF, -12px 0 #FFF;content: "";display: inline-block;height: 0;padding: 10px 5px;text-align: right;vertical-align: top;width: 0;}#pbCaption label:hover {opacity: 1;}#pbCaption .title, #pbCaption .counter {display: inline-block;color: #FFF;margin: 0 6px;}#pbCaption .counter {display: none;opacity: .55;}.hasCounter #pbCaption .counter {display: inline-block;}.pbCaptionText {transition: .3s;opacity: .9;font-weight: bold;font-size: .9em;text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);padding-left: 60px;}.pbCaptionText.change {-webkit-transform: translateY(25px);transform: translateY(25px);opacity: 0;}.mobile #pbCaption label {display: none;z-index: -1;color: red;}.mobile .pbCaptionText {padding: 0;}#pbThumbsToggler:checked~#pbCaption .pbThumbs {margin: 0;}#pbThumbsToggler:checked~.pbWrapper {margin-top: -50px;padding: 50px 0;}.pbThumbs {display: none;transition: .35s;-webkit-overflow-scrolling: touch;}.thumbs .pbThumbs {display: block;width: 100%;padding: 5px 0 2px;margin-bottom: -100px;overflow: hidden;}.mobile .pbThumbs {overflow: auto;}.pbThumbs:hover {clear: both;}.pbThumbs ul {display: inline-block;position: relative;list-style: none;height: 80px;padding: 0 5px;margin: 0;white-space: pre;transition: .2s;}.pbThumbs ul:after {vertical-align: bottom;}.pbThumbs li {display: inline-block;vertical-align: bottom;height: 70%;opacity: .6;text-align: center;position: relative;transition: .15s;}.pbThumbs li.active {height: 100%;opacity: 1;}.pbThumbs li:hover {height: 100%;opacity: 1;}.pbThumbs li.video::before {content: '\25BA';color: #FFF;font-size: 20px;height: 20px;width: 20px;line-height: .9;position: absolute;bottom: 4px;left: 7px;background: rgba(0, 0, 0, .4);box-shadow: 0 0 0 3px rgba(0, 0, 0, .4);border-radius: 0 3px 0 0;pointer-events: none;}.pbThumbs a {height: 100%;padding: 0 2px;display: block;user-select: none;-moz-user-select: none;}.pbThumbs img {height: 96%;min-height: 95.9%;border: 2px solid #FFF;max-width: none;border-radius: 0;transition: .15s;}.pbThumbs li:hover img {min-height: 96%;}.pbThumbs li.fast a img {transition: none;}.pbThumbs li.active a img {border-color: #D8FF16;min-height: 96%;}#pbOverlay .prevNext {display: none;background: rgba(0, 0, 0, 0);position: absolute;z-index: 10;height: 100%;width: 35%;padding: 80px 0;opacity: 0;box-sizing: border-box;-moz-box-sizing: border-box;top: 0;transition: .2s ease-out;text-shadow: 0 0 12px #000, 0 0 10px #FFF;user-select: none;filter: alpha(opacity=0);cursor: pointer;}#pbOverlay.hasArrows .prevNext {display: block;}#pbOverlay .prevNext.pbHide {display: none;}#pbOverlay.on .prevNext:hover {opacity: .5;filter: alpha(opacity=50);}#pbOverlay.on .prevNext:hover:active {transition: 80ms;opacity: 1;filter: alpha(opacity=100);text-shadow: 0 0 16px #FFF, 0 0 10px #000;}.prevNext b {display: inline-block;vertical-align: middle;transition: .2s ease-in;}.prevNext:hover b {transition: .2s cubic-bezier(.095, .870, .485, .985);}#pbPrevBtn b {transform: scale(.4) translateX(350px);-webkit-transform: scale(.4) translateX(350px);}#pbNextBtn b {transform: scale(.4) translateX(-350px);-webkit-transform: scale(.4) translateX(-350px);}#pbPrevBtn b:before, #pbNextBtn b:after {display: inline;line-height: .3;font-size: 18em;font-weight: normal;color: #FFF;font-family: Arial;}#pbPrevBtn b:before {content: '\2039';}#pbNextBtn b:after {content: '\203A';}.on #pbPrevBtn:hover b {transform: scale(1) translateX(20px);-webkit-transform: scale(1) translateX(20px);}.on #pbNextBtn:hover b {transform: scale(1) translateX(-20px);-webkit-transform: scale(1) translateX(-20px);}.show #pbPrevBtn {left: 0;text-align: left;}.show #pbNextBtn {right: 0;text-align: right;}@media all and (max-width:700px) {.pbWrapper img, .pbHide .pbWrapper img.prepare {max-height: 100%;}.thumbs .pbWrapper {padding: 0;margin: 0;}.pbThumbs {margin-bottom: -60px;}.pbThumbs.show {margin: 0;}.pbThumbs ul {height: 50px;}.pbThumbs li {height: 100%;opacity: 1;}.pbThumbs li img {min-height: 96.5%;}}@media all and (max-width:710px) {.pbThumbs li.active a img {min-height: 96%;}}.creative_link_wrapper a {
position: relative;
display: inline-block;
margin: 0;
outline: none;
color: #000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
text-shadow: 0 0 1px rgba(255,255,255,0.3);
font-size: 1.35em;
text-align: center;
border-bottom: 0px solid #fff;
}
.creative_link_wrapper a:hover,
.creative_link_wrapper a:focus {
outline: none;
} .cl-effect-1 a { }
.cl-effect-1 a::before,
.cl-effect-1 a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
.cl-effect-1 a::before {
margin-right: 10px;
content: '[';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
.cl-effect-1 a::after {
margin-left: 10px;
content: ']';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
} .cl-effect-2 a {
line-height: 44px;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.cl-effect-2 a .creativelink {
position: relative;
display: inline-block;
padding: 0 14px;
background: #2195de;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cl-effect-2 .creativelink- {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: red;
content: attr(data-hover);
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.cl-effect-2 a:hover .creativelink,
.cl-effect-2 a:focus .creativelink {
-webkit-transform: rotateX(90deg) translateY(-22px);
-moz-transform: rotateX(90deg) translateY(-22px);
transform: rotateX(90deg) translateY(-22px);
}
.csstransforms3d .cl-effect-2 a:hover .creativelink .creativelink-,
.csstransforms3d .cl-effect-2 a:focus .creativelink .creativelink- {
background: orange;	
} .cl-effect-3 a {
padding: 8px 0;
}
.cl-effect-3 a .creativelink {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: rgba(0,0,0,0.1);
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
.cl-effect-3 a:hover .creativelink,
.cl-effect-3 a:focus .creativelink {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
} .cl-effect-4 a {
padding: 0 0 10px;
}
.cl-effect-4 a .creativelink {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-4 a:hover .creativelink,
.cl-effect-4 a:focus .creativelink {
height: 5px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
} .cl-effect-5 a {
overflow: hidden;
padding: 0 4px; }
.cl-effect-5 a .creativelink {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cl-effect-5 a .creativelink .creativelink- {
position: absolute;
top: 100%;
content: attr(data-hover); -webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.cl-effect-5 a:hover .creativelink,
.cl-effect-5 a:focus .creativelink {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
} .cl-effect-6 a {
margin: 0 10px;
padding: 10px 20px;
}
.cl-effect-6 a .creativelink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: '';
-webkit-transition: top 0.3s;
-moz-transition: top 0.3s;
transition: top 0.3s;
}
.cl-effect-6 a .creativelink- {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 2px;
background: #fff;
content: '';
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
}
.cl-effect-6 a:hover .creativelink {
top: 100%;
opacity: 1;
}
.cl-effect-6 a:hover .creativelink- {
height: 100%;
} .cl-effect-7 a {
padding: 12px 10px 10px;
color: #566473;
text-shadow: none;
font-weight: 700;
}
.cl-effect-7 a .creativelink,
.cl-effect-7 a .creativelink- {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 3px;
background: #566473;
content: '';
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
transform: scale(0.85);
}
.cl-effect-7 a .creativelink- {
opacity: 0;
-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: top 0.3s, opacity 0.3s, transform 0.3s;
}
.cl-effect-7 a:hover .creativelink,
.cl-effect-7 a:hover .creativelink-,
.cl-effect-7 a:focus .creativelink,
.cl-effect-7 a:focus .creativelink- {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.cl-effect-7 a:hover .creativelink-,
.cl-effect-7 a:focus .creativelink- {
top: 0%;
opacity: 1;
} .cl-effect-8 a {
padding: 10px 20px;
}
.cl-effect-8 a .creativelink,
.cl-effect-8 a .creativelink-  {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 3px solid #354856;
content: '';
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cl-effect-8 a .creativelink-  {
border-color: #fff;
opacity: 0;
-webkit-transform: translateY(-7px) translateX(6px);
-moz-transform: translateY(-7px) translateX(6px);
transform: translateY(-7px) translateX(6px);
}
.cl-effect-8 a:hover .creativelink,
.cl-effect-8 a:focus .creativelink {
opacity: 0;
-webkit-transform: translateY(5px) translateX(-5px);
-moz-transform: translateY(5px) translateX(-5px);
transform: translateY(5px) translateX(-5px);
}
.cl-effect-8 a:hover .creativelink-,
.cl-effect-8 a:focus .creativelink-  {
opacity: 1;
-webkit-transform: translateY(0px) translateX(0px);
-moz-transform: translateY(0px) translateX(0px);
transform: translateY(0px) translateX(0px);
} .cl-effect-10  {
position: relative;
z-index: 1;
}
.cl-effect-10 a {
overflow: hidden;
margin: 0 15px;
}
.cl-effect-10 a .creativelink- {
display: block;
padding: 10px 20px;
background: #0f7c67;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cl-effect-10 a .creativelink {
position: absolute;
top: 0;
left: 0;
z-index: -1;
padding: 10px 20px;
width: 100%;
height: 100%;
background: #fff;
color: #0f7c67;
content: attr(data-hover);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: translateX(-25%);
}
.cl-effect-10 a:hover .creativelink-,
.cl-effect-10 a:focus .creativelink- {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
transform: translateX(100%);
}
.cl-effect-10 a:hover .creativelink,
.cl-effect-10 a:focus .creativelink {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
} .cl-effect-11 a {
padding: 10px 0;
border-top: 2px solid #0972b4;
color: #0972b4;
text-shadow: none;
} 
.cl-effect-11 a .creativelink {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
padding: 10px 0;
max-width: 0;
border-bottom: 2px solid #fff;
color: #fff;
content: attr(data-hover);
-webkit-transition: max-width 0.5s;
-moz-transition: max-width 0.5s;
transition: max-width 0.5s;
}
.cl-effect-11 a:hover .creativelink,
.cl-effect-11 a:focus .creativelink {
max-width: 100%;
} .cl-effect-13 a {
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-13 a::before {
position: absolute;
top: 100%;
left: 50%;
color: transparent;
content: '•';
text-shadow: 0 0 transparent;
font-size: 1.2em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;
}
.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
color: #fff;
text-shadow: 10px 0 #fff, -10px 0 #fff;
}
.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
color: #ba7700;
} .cl-effect-14 a {
padding: 0 20px;
height: 45px;
line-height: 45px;
}
.cl-effect-14 a .creativelink,
.cl-effect-14 a .creativelink- {
position: absolute;
width: 45px;
height: 2px;
background: #fff;
content: '';
opacity: 0.4;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
}
.cl-effect-14 a .creativelink {
top: 0;
left: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
}
.cl-effect-14 a .creativelink- {
right: 0;
bottom: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.cl-effect-14 a:hover .creativelink,
.cl-effect-14 a:hover .creativelink-,
.cl-effect-14 a:focus .creativelink,
.cl-effect-14 a:focus .creativelink- {
opacity: 1;
}
.cl-effect-14 a:hover .creativelink,
.cl-effect-14 a:focus .creativelink {
left: 50%;
-webkit-transform: rotate(0deg) translateX(-50%);
-moz-transform: rotate(0deg) translateX(-50%);
transform: rotate(0deg) translateX(-50%);
}
.cl-effect-14 a:hover .creativelink-,
.cl-effect-14 a:focus .creativelink- {
right: 50%;
-webkit-transform: rotate(0deg) translateX(50%);
-moz-transform: rotate(0deg) translateX(50%);
transform: rotate(0deg) translateX(50%);
} .cl-effect-15 a {
color: rgba(0,0,0,0.2);
font-weight: 700;
text-shadow: none;
}
.cl-effect-15 a .creativelink {
color: #fff;
content: attr(data-hover);
position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cl-effect-15 a:hover .creativelink,
.cl-effect-15 a:focus .creativelink {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
transform: scale(0.9);
opacity: 0;
} .cl-effect-16 a {
color: #6f8686;
text-shadow: 0 0 1px rgba(111,134,134,0.3);
}
.cl-effect-16 a .creativelink {
color: #fff;
content: attr(data-hover);
position: absolute;
opacity: 0;
text-shadow: 0 0 1px rgba(255,255,255,0.3);
-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-16 a:hover .creativelink,
.cl-effect-16 a:focus .creativelink {
-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
opacity: 1;
} .cl-effect-18 {
position: relative;
z-index: 1;
}
.cl-effect-18 a {
padding: 0 5px;
color: #b4770d;
font-weight: 700;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-18 a .creativelink,
.cl-effect-18 a .creativelink- {
position: absolute;
width: 100%;
left: 0;
top: 50%;
height: 2px;
margin-top: -1px;
background: #b4770d;
content: '';
z-index: -1;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-18 a .creativelink {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
transform: translateY(-20px);
}
.cl-effect-18 a .creativelink- {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
transform: translateY(20px);
}
.cl-effect-18 a:hover,
.cl-effect-18 a:focus {
color: #fff;
}
.cl-effect-18 a:hover .creativelink,
.cl-effect-18 a:hover .creativelink-,
.cl-effect-18 a:focus .creativelink,
.cl-effect-18 a:focus .creativelink- {
opacity: 0.7;
}
.cl-effect-18 a:hover .creativelink,
.cl-effect-18 a:focus .creativelink {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.cl-effect-18 a:hover .creativelink-,
.cl-effect-18 a:focus .creativelink- {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
} .cl-effect-19 a {
line-height: 2em;
margin: 15px;
-webkit-perspective: 800px;
-moz-perspective: 800px;
perspective: 800px;
width: 200px;
}
.cl-effect-19 a .creativelink {
position: relative;
display: inline-block;
width: 100%;
padding: 0 14px;
background: #e35041;
-webkit-transition: -webkit-transform 0.4s, background 0.4s;
-moz-transition: -moz-transform 0.4s, background 0.4s;
transition: transform 0.4s, background 0.4s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -100px;
-moz-transform-origin: 50% 50% -100px;
transform-origin: 50% 50% -100px;
}
.csstransforms3d .cl-effect-19 a .creativelink .creativelink- {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
background: #b53a2d;
content: attr(data-hover);
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
transition: background 0.4s;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
transform-origin: 0 50%;
pointer-events: none;
}
.cl-effect-19 a:hover .creativelink,
.cl-effect-19 a:focus .creativelink {
background: #b53a2d;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.csstransforms3d .cl-effect-19 a:hover .creativelink .creativelink-,
.csstransforms3d .cl-effect-19 a:focus .creativelink .creativelink- {
background: #ef5e50;	
} .cl-effect-20 a {
line-height: 2em;
-webkit-perspective: 800px;
-moz-perspective: 800px;
perspective: 800px;
}
.cl-effect-20 a .creativelink {
position: relative;
display: inline-block;
padding: 3px 15px 0;
background: #587285; -webkit-transition: background 0.6s;
-moz-transition: background 0.6s;
transition: background 0.6s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.cl-effect-20 a .creativelink .creativelink- {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
color: #fff;
content: attr(data-hover);
-webkit-transform: rotateX(270deg);
-moz-transform: rotateX(270deg);
transform: rotateX(270deg);
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
transition: transform 0.6s;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
pointer-events: none;
}
.cl-effect-20 a:hover .creativelink,
.cl-effect-20 a:focus .creativelink {
background: #2f4351;
}
.cl-effect-20 a:hover .creativelink .creativelink-,
.cl-effect-20 a:focus .creativelink .creativelink- {
-webkit-transform: rotateX(10deg);	
-moz-transform: rotateX(10deg);
transform: rotateX(10deg);
} .cl-effect-21 a {
padding: 10px;
color: #237546;
font-weight: 700;
text-shadow: none;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-21 a .creativelink,
.cl-effect-21 a .creativelink- {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-21 a .creativelink {
top: 0;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-21 a .creativelink- {
bottom: 0;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
.cl-effect-21 a:hover,
.cl-effect-21 a:focus { }
.cl-effect-21 a:hover .creativelink,
.cl-effect-21 a:focus .creativelink,
.cl-effect-21 a:hover .creativelink-,
.cl-effect-21 a:focus .creativelink- {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}