{"id":8,"date":"2015-05-09T08:37:23","date_gmt":"2015-05-09T08:37:23","guid":{"rendered":"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/?page_id=8"},"modified":"2015-05-11T13:23:05","modified_gmt":"2015-05-11T13:23:05","slug":"vimeo-video-gallery","status":"publish","type":"page","link":"https:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/vimeo-video-gallery\/","title":{"rendered":"Vimeo Video Gallery"},"content":{"rendered":"\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Armata'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t            <script type=\"text\/javascript\">\n                jQuery(document).ready(function () {\n                    ;(function (jQuery) {\n                        jQuery('.swipebox_216').swipebox();\n                    })(jQuery);\n                });\n            <\/script>\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-216{\n    font-family: Armata;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-216{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-216{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-216 {\n    position: relative;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216,\n.item-hover-216 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-216 a {\n    color: #333;\n}\n.item-hover-216 a:hover {\n    text-decoration: none;\n}\n.item-hover-216 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-216.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-216.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-216.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n\t\n\t\t\tbox-shadow: 0 0 0 5px rgba(0,229,255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3); \n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle .img img {\n    border-radius: 50%;\n}\n.item-hover-216.circle .info {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n\n.item-hover-216.square {\n    position: relative;\n    width: 316px;\n    height: 216px;\n    border: 8px solid #fff;\n    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);\n}\n.item-hover-216.square .info {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n\n.item-hover-216.circle.effect2 .img {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle.effect2.colored .info {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-216.circle.effect2 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-216{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Armata;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px !important;\n} \n\n.item-hover-216.circle.effect2.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-216.circle.effect2.left_to_right a:hover .img {\n    -webkit-transform: rotate(-180deg);\n    -moz-transform: rotate(-180deg);\n    -ms-transform: rotate(-180deg);\n    -o-transform: rotate(-180deg);\n    transform: rotate(-180deg);\n}\n.item-hover-216.circle.effect2.left_to_right a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-216.circle.effect2.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-216.circle.effect2.right_to_left a:hover .img {\n    -webkit-transform: rotate(180deg);\n    -moz-transform: rotate(180deg);\n    -ms-transform: rotate(180deg);\n    -o-transform: rotate(180deg);\n    transform: rotate(180deg);\n}\n.item-hover-216.circle.effect2.right_to_left a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-216.circle.effect2.top_to_bottom .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-216.circle.effect2.top_to_bottom a:hover .img {\n    -webkit-transform: rotate(-90deg);\n    -moz-transform: rotate(-90deg);\n    -ms-transform: rotate(-90deg);\n    -o-transform: rotate(-90deg);\n    transform: rotate(-90deg);\n}\n.item-hover-216.circle.effect2.top_to_bottom a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.circle.effect2.bottom_to_top .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-216.circle.effect2.bottom_to_top a:hover .img {\n    -webkit-transform: rotate(90deg);\n    -moz-transform: rotate(90deg);\n    -ms-transform: rotate(90deg);\n    -o-transform: rotate(90deg);\n    transform: rotate(90deg);\n}\n.item-hover-216.circle.effect2.bottom_to_top a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.circle.effect3 .img {\n    z-index: 11;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle.effect3.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-216.circle.effect3 .info {\n    background: #333333;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 24px;\n\t\tmargin: 0 30px;\n\t\t\tpadding: 20% 0 0 0;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-216.circle.effect3.left_to_right .img {\n    -webkit-transform: scale(1) translateX(0);\n    -moz-transform: scale(1) translateX(0);\n    -ms-transform: scale(1) translateX(0);\n    -o-transform: scale(1) translateX(0);\n    transform: scale(1) translateX(0);\n}\n.item-hover-216.circle.effect3.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-216.circle.effect3.left_to_right a:hover .img {\n    -webkit-transform: scale(0.5) translateX(100%);\n    -moz-transform: scale(0.5) translateX(100%);\n    -ms-transform: scale(0.5) translateX(100%);\n    -o-transform: scale(0.5) translateX(100%);\n    transform: scale(0.5) translateX(100%);\n}\n.item-hover-216.circle.effect3.left_to_right a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-216.circle.effect3.right_to_left .img {\n    -webkit-transform: scale(1) translateX(0);\n    -moz-transform: scale(1) translateX(0);\n    -ms-transform: scale(1) translateX(0);\n    -o-transform: scale(1) translateX(0);\n    transform: scale(1) translateX(0);\n}\n.item-hover-216.circle.effect3.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-216.circle.effect3.right_to_left a:hover .img {\n    -webkit-transform: scale(0.5) translateX(-100%);\n    -moz-transform: scale(0.5) translateX(-100%);\n    -ms-transform: scale(0.5) translateX(-100%);\n    -o-transform: scale(0.5) translateX(-100%);\n    transform: scale(0.5) translateX(-100%);\n}\n.item-hover-216.circle.effect3.right_to_left a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-216.circle.effect3.top_to_bottom .img {\n    -webkit-transform: scale(1) translateY(0);\n    -moz-transform: scale(1) translateY(0);\n    -ms-transform: scale(1) translateY(0);\n    -o-transform: scale(1) translateY(0);\n    transform: scale(1) translateY(0);\n}\n.item-hover-216.circle.effect3.top_to_bottom .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-216.circle.effect3.top_to_bottom a:hover .img {\n    -webkit-transform: scale(0.5) translateY(100%);\n    -moz-transform: scale(0.5) translateY(100%);\n    -ms-transform: scale(0.5) translateY(100%);\n    -o-transform: scale(0.5) translateY(100%);\n    transform: scale(0.5) translateY(100%);\n}\n.item-hover-216.circle.effect3.top_to_bottom a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.circle.effect3.bottom_to_top .img {\n    -webkit-transform: scale(1) translateY(0);\n    -moz-transform: scale(1) translateY(0);\n    -ms-transform: scale(1) translateY(0);\n    -o-transform: scale(1) translateY(0);\n    transform: scale(1) translateY(0);\n}\n.item-hover-216.circle.effect3.bottom_to_top .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-216.circle.effect3.bottom_to_top a:hover .img {\n    -webkit-transform: scale(0.5) translateY(-100%);\n    -moz-transform: scale(0.5) translateY(-100%);\n    -ms-transform: scale(0.5) translateY(-100%);\n    -o-transform: scale(0.5) translateY(-100%);\n    transform: scale(0.5) translateY(-100%);\n}\n.item-hover-216.circle.effect3.bottom_to_top a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.circle.effect4 .img {\n    opacity: 1;\n    -webkit-transition: all 0.4s ease-in-out;\n    -moz-transition: all 0.4s ease-in-out;\n    transition: all 0.4s ease-in-out;\n}\n.item-hover-216.circle.effect4.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-216.circle.effect4 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    -webkit-transition: all 0.35s ease;\n    -moz-transition: all 0.35s ease;\n    transition: all 0.35s ease;\n}\n.item-hover-216.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-216.circle.effect4 .info p {\n    color: #bbb;\n    padding: 10px 5px;\n    font-style: italic;\n    margin: 0 30px;\n    font-size: 12px;\n    border-top: 1px solid rgba(255, 255, 255, 0.5);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-216.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-216.circle.effect4.left_to_right .img {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-216.circle.effect4.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-216.circle.effect4.left_to_right a:hover .img {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-216.circle.effect4.left_to_right a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-216.circle.effect4.right_to_left .img {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-216.circle.effect4.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-216.circle.effect4.right_to_left a:hover .img {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-216.circle.effect4.right_to_left a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-216.circle.effect4.top_to_bottom .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-216.circle.effect4.top_to_bottom .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-216.circle.effect4.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-216.circle.effect4.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.circle.effect4.bottom_to_top .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-216.circle.effect4.bottom_to_top .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-216.circle.effect4.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-216.circle.effect4.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-216.circle.effect5.colored .info .info-back {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-216.circle.effect5 .info {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n    -webkit-transform-style: preserve-3d;\n    -moz-transform-style: preserve-3d;\n    -ms-transform-style: preserve-3d;\n    -o-transform-style: preserve-3d;\n    transform-style: preserve-3d;\n}\n.item-hover-216.circle.effect5 .info .info-back {\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-216.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-216.circle.effect5 a:hover .info {\n    -webkit-transform: rotate3d(0, 1, 0, -180deg);\n    -moz-transform: rotate3d(0, 1, 0, -180deg);\n    -ms-transform: rotate3d(0, 1, 0, -180deg);\n    -o-transform: rotate3d(0, 1, 0, -180deg);\n    transform: rotate3d(0, 1, 0, -180deg);\n}\n.item-hover-216.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-216.circle.effect6 .img {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle.effect6.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-216.circle.effect6 .info {\n    background: #333333;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-216.circle.effect6.scale_up .info {\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-216.circle.effect6.scale_up a:hover .img {\n    opacity: 0;\n    -webkit-transform: scale(1.5);\n    -moz-transform: scale(1.5);\n    -ms-transform: scale(1.5);\n    -o-transform: scale(1.5);\n    transform: scale(1.5);\n}\n.item-hover-216.circle.effect6.scale_up a:hover .info {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-216.circle.effect6.scale_down .info {\n    -webkit-transform: scale(1.5);\n    -moz-transform: scale(1.5);\n    -ms-transform: scale(1.5);\n    -o-transform: scale(1.5);\n    transform: scale(1.5);\n}\n.item-hover-216.circle.effect6.scale_down a:hover .img {\n    opacity: 0;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-216.circle.effect6.scale_down a:hover .info {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-216.circle.effect6.scale_down_up .info {\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n    -webkit-transition: all 0.35s ease-in-out 0.2s;\n    -moz-transition: all 0.35s ease-in-out 0.2s;\n    transition: all 0.35s ease-in-out 0.2s;\n}\n.item-hover-216.circle.effect6.scale_down_up a:hover .img {\n    opacity: 0;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-216.circle.effect6.scale_down_up a:hover .info {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-216.circle.effect7 .img {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: all 0.35s ease-out;\n    -moz-transition: all 0.35s ease-out;\n    transition: all 0.35s ease-out;\n}\n.item-hover-216.circle.effect7.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-216.circle.effect7 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    -webkit-transition: all 0.35s ease 0.2s;\n    -moz-transition: all 0.35s ease 0.2s;\n    transition: all 0.35s ease 0.2s;\n}\n.item-hover-216.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-216.circle.effect7 a:hover .img {\n    opacity: 0;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-216.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-216.circle.effect7.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-216.circle.effect7.left_to_right a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-216.circle.effect7.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-216.circle.effect7.right_to_left a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-216.circle.effect7.top_to_bottom .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-216.circle.effect7.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.circle.effect7.bottom_to_top .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-216.circle.effect7.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.circle.effect8.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-216.circle.effect8 .img-container {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: all 0.3s ease-in-out;\n    -moz-transition: all 0.3s ease-in-out;\n    transition: all 0.3s ease-in-out;\n}\n.item-hover-216.circle.effect8 .img-container .img {\n    opacity: 1;\n    -webkit-transition: all 0.3s ease-in-out 0.3s;\n    -moz-transition: all 0.3s ease-in-out 0.3s;\n    transition: all 0.3s ease-in-out 0.3s;\n}\n.item-hover-216.circle.effect8 .info-container {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.3s ease-in-out 0.3s;\n    -moz-transition: all 0.3s ease-in-out 0.3s;\n    transition: all 0.3s ease-in-out 0.3s;\n}\n.item-hover-216.circle.effect8 .info {\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n    -webkit-transition: all 0.35s ease-in-out 0.6s;\n    -moz-transition: all 0.35s ease-in-out 0.6s;\n    transition: all 0.35s ease-in-out 0.6s;\n}\n.item-hover-216.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-216.circle.effect8 a:hover .img-container {\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-216.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-216.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-216.circle.effect8 a:hover .info-container .info {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-216.circle.effect8.left_to_right .img-container .img {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-216.circle.effect8.left_to_right .info-container {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-216.circle.effect8.left_to_right a:hover .img-container .img {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-216.circle.effect8.left_to_right a:hover .info-container {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-216.circle.effect8.right_to_left .img-container .img {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-216.circle.effect8.right_to_left .info-container {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-216.circle.effect8.right_to_left a:hover .img-container .img {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-216.circle.effect8.right_to_left a:hover .info-container {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-216.circle.effect8.top_to_bottom .img-container .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-216.circle.effect8.top_to_bottom .info-container {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-216.circle.effect8.top_to_bottom a:hover .img-container .img {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-216.circle.effect8.top_to_bottom a:hover .info-container {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.circle.effect8.bottom_to_top .img-container .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-216.circle.effect8.bottom_to_top .info-container {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-216.circle.effect8.bottom_to_top a:hover .img-container .img {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-216.circle.effect8.bottom_to_top a:hover .info-container {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.circle.effect9 .img {\n    opacity: 1;\n    -webkit-transition: all 0.35s ease-out;\n    -moz-transition: all 0.35s ease-out;\n    transition: all 0.35s ease-out;\n}\n.item-hover-216.circle.effect9.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-216.circle.effect9 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n    -webkit-transition: all 0.35s ease 0.2s;\n    -moz-transition: all 0.35s ease 0.2s;\n    transition: all 0.35s ease 0.2s;\n}\n.item-hover-216.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 55px 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-216.circle.effect9 .info p {\n    color: #bbb;\n    padding: 10px 5px;\n    font-style: italic;\n    margin: 0 30px;\n    font-size: 12px;\n    border-top: 1px solid rgba(255, 255, 255, 0.5);\n}\n.item-hover-216.circle.effect9 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-216.circle.effect9 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-216.circle.effect9.left_to_right .img {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n}\n.item-hover-216.circle.effect9.left_to_right a:hover .img {\n    -webkit-transform: translateX(100%) rotate(180deg);\n    -moz-transform: translateX(100%) rotate(180deg);\n    -ms-transform: translateX(100%) rotate(180deg);\n    -o-transform: translateX(100%) rotate(180deg);\n    transform: translateX(100%) rotate(180deg);\n}\n\n.item-hover-216.circle.effect9.right_to_left .img {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n}\n.item-hover-216.circle.effect9.right_to_left a:hover .img {\n    -webkit-transform: translateX(-100%) rotate(-180deg);\n    -moz-transform: translateX(-100%) rotate(-180deg);\n    -ms-transform: translateX(-100%) rotate(-180deg);\n    -o-transform: translateX(-100%) rotate(-180deg);\n    transform: translateX(-100%) rotate(-180deg);\n}\n\n.item-hover-216.circle.effect9.top_to_bottom .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-216.circle.effect9.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n\n.item-hover-216.circle.effect9.bottom_to_top .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-216.circle.effect9.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n\n.item-hover-216.circle.effect10 .img {\n    z-index: 11;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle.effect10.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-216.circle.effect10 .info {\n    background: #333333;\n    opacity: 0;\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-216.circle.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-216.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-216.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-216.circle.effect10.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(22%) scale(0.5);\n    -moz-transform: translateY(22%) scale(0.5);\n    -ms-transform: translateY(22%) scale(0.5);\n    -o-transform: translateY(22%) scale(0.5);\n    transform: translateY(22%) scale(0.5);\n}\n\n.item-hover-216.circle.effect10.bottom_to_top .info h3 {\n    margin: 60% 10px 0;\n    padding-bottom: 25px 0 0 0;\n    height: 78px;\n}\n\n.item-hover-216.circle.effect10.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(-22%) scale(0.5);\n    -moz-transform: translateY(-22%) scale(0.5);\n    -ms-transform: translateY(-22%) scale(0.5);\n    -o-transform: translateY(-22%) scale(0.5);\n    transform: translateY(-22%) scale(0.5);\n}\n\n.item-hover-216.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-216.circle.effect11 .img {\n    opacity: 1;\n    -webkit-transform-origin: 50% 50%;\n    -moz-transform-origin: 50% 50%;\n    -ms-transform-origin: 50% 50%;\n    -o-transform-origin: 50% 50%;\n    transform-origin: 50% 50%;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle.effect11.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-216.circle.effect11 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    -webkit-transition: all 0.35s ease 0.35s;\n    -moz-transition: all 0.35s ease 0.35s;\n    transition: all 0.35s ease 0.35s;\n}\n.item-hover-216.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-216.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-216.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-216.circle.effect11.left_to_right .img {\n    -webkit-transform: translateZ(0) rotateY(0);\n    -moz-transform: translateZ(0) rotateY(0);\n    -ms-transform: translateZ(0) rotateY(0);\n    -o-transform: translateZ(0) rotateY(0);\n    transform: translateZ(0) rotateY(0);\n}\n.item-hover-216.circle.effect11.left_to_right .info {\n    -webkit-transform: translateZ(-1000px) rotateY(-90deg);\n    -moz-transform: translateZ(-1000px) rotateY(-90deg);\n    -ms-transform: translateZ(-1000px) rotateY(-90deg);\n    -o-transform: translateZ(-1000px) rotateY(-90deg);\n    transform: translateZ(-1000px) rotateY(-90deg);\n}\n.item-hover-216.circle.effect11.left_to_right a:hover .img {\n    -webkit-transform: translateZ(-1000px) rotateY(90deg);\n    -moz-transform: translateZ(-1000px) rotateY(90deg);\n    -ms-transform: translateZ(-1000px) rotateY(90deg);\n    -o-transform: translateZ(-1000px) rotateY(90deg);\n    transform: translateZ(-1000px) rotateY(90deg);\n}\n.item-hover-216.circle.effect11.left_to_right a:hover .info {\n    -webkit-transform: translateZ(0) rotateY(0);\n    -moz-transform: translateZ(0) rotateY(0);\n    -ms-transform: translateZ(0) rotateY(0);\n    -o-transform: translateZ(0) rotateY(0);\n    transform: translateZ(0) rotateY(0);\n}\n\n.item-hover-216.circle.effect11.right_to_left .img {\n    -webkit-transform: translateZ(0) rotateY(0);\n    -moz-transform: translateZ(0) rotateY(0);\n    -ms-transform: translateZ(0) rotateY(0);\n    -o-transform: translateZ(0) rotateY(0);\n    transform: translateZ(0) rotateY(0);\n}\n.item-hover-216.circle.effect11.right_to_left .info {\n    -webkit-transform: translateZ(-1000px) rotateY(90deg);\n    -moz-transform: translateZ(-1000px) rotateY(90deg);\n    -ms-transform: translateZ(-1000px) rotateY(90deg);\n    -o-transform: translateZ(-1000px) rotateY(90deg);\n    transform: translateZ(-1000px) rotateY(90deg);\n}\n.item-hover-216.circle.effect11.right_to_left a:hover .img {\n    -webkit-transform: translateZ(-1000px) rotateY(-90deg);\n    -moz-transform: translateZ(-1000px) rotateY(-90deg);\n    -ms-transform: translateZ(-1000px) rotateY(-90deg);\n    -o-transform: translateZ(-1000px) rotateY(-90deg);\n    transform: translateZ(-1000px) rotateY(-90deg);\n}\n.item-hover-216.circle.effect11.right_to_left a:hover .info {\n    -webkit-transform: translateZ(0) rotateY(0);\n    -moz-transform: translateZ(0) rotateY(0);\n    -ms-transform: translateZ(0) rotateY(0);\n    -o-transform: translateZ(0) rotateY(0);\n    transform: translateZ(0) rotateY(0);\n}\n\n.item-hover-216.circle.effect11.top_to_bottom .img {\n    -webkit-transform: translateZ(0) rotateX(0);\n    -moz-transform: translateZ(0) rotateX(0);\n    -ms-transform: translateZ(0) rotateX(0);\n    -o-transform: translateZ(0) rotateX(0);\n    transform: translateZ(0) rotateX(0);\n}\n.item-hover-216.circle.effect11.top_to_bottom .info {\n    -webkit-transform: translateZ(-1000px) rotateX(90deg);\n    -moz-transform: translateZ(-1000px) rotateX(90deg);\n    -ms-transform: translateZ(-1000px) rotateX(90deg);\n    -o-transform: translateZ(-1000px) rotateX(90deg);\n    transform: translateZ(-1000px) rotateX(90deg);\n}\n.item-hover-216.circle.effect11.top_to_bottom a:hover .img {\n    -webkit-transform: translateZ(-1000px) rotateX(-90deg);\n    -moz-transform: translateZ(-1000px) rotateX(-90deg);\n    -ms-transform: translateZ(-1000px) rotateX(-90deg);\n    -o-transform: translateZ(-1000px) rotateX(-90deg);\n    transform: translateZ(-1000px) rotateX(-90deg);\n}\n.item-hover-216.circle.effect11.top_to_bottom a:hover .info {\n    -webkit-transform: translateZ(0) rotateX(0);\n    -moz-transform: translateZ(0) rotateX(0);\n    -ms-transform: translateZ(0) rotateX(0);\n    -o-transform: translateZ(0) rotateX(0);\n    transform: translateZ(0) rotateX(0);\n}\n\n.item-hover-216.circle.effect11.bottom_to_top .img {\n    -webkit-transform: translateZ(0) rotateX(0);\n    -moz-transform: translateZ(0) rotateX(0);\n    -ms-transform: translateZ(0) rotateX(0);\n    -o-transform: translateZ(0) rotateX(0);\n    transform: translateZ(0) rotateX(0);\n}\n.item-hover-216.circle.effect11.bottom_to_top .info {\n    -webkit-transform: translateZ(-1000px) rotateX(-90deg);\n    -moz-transform: translateZ(-1000px) rotateX(-90deg);\n    -ms-transform: translateZ(-1000px) rotateX(-90deg);\n    -o-transform: translateZ(-1000px) rotateX(-90deg);\n    transform: translateZ(-1000px) rotateX(-90deg);\n}\n.item-hover-216.circle.effect11.bottom_to_top a:hover .img {\n    -webkit-transform: translateZ(-1000px) rotateX(90deg);\n    -moz-transform: translateZ(-1000px) rotateX(90deg);\n    -ms-transform: translateZ(-1000px) rotateX(90deg);\n    -o-transform: translateZ(-1000px) rotateX(90deg);\n    transform: translateZ(-1000px) rotateX(90deg);\n}\n.item-hover-216.circle.effect11.bottom_to_top a:hover .info {\n    -webkit-transform: translateZ(0) rotateX(0);\n    -moz-transform: translateZ(0) rotateX(0);\n    -ms-transform: translateZ(0) rotateX(0);\n    -o-transform: translateZ(0) rotateX(0);\n    transform: translateZ(0) rotateX(0);\n}\n\n.item-hover-216.circle.effect12 .img {\n    opacity: 1;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle.effect12.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-216.circle.effect12 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-216.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-216.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-216.circle.effect12.left_to_right .img {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n}\n.item-hover-216.circle.effect12.left_to_right .info {\n    -webkit-transform: translateX(100%) rotate(180deg);\n    -moz-transform: translateX(100%) rotate(180deg);\n    -ms-transform: translateX(100%) rotate(180deg);\n    -o-transform: translateX(100%) rotate(180deg);\n    transform: translateX(100%) rotate(180deg);\n}\n.item-hover-216.circle.effect12.left_to_right a:hover .img {\n    -webkit-transform: translateX(100%) rotate(180deg);\n    -moz-transform: translateX(100%) rotate(180deg);\n    -ms-transform: translateX(100%) rotate(180deg);\n    -o-transform: translateX(100%) rotate(180deg);\n    transform: translateX(100%) rotate(180deg);\n}\n.item-hover-216.circle.effect12.left_to_right a:hover .info {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n    -webkit-transition-delay: 0.4s;\n    -moz-transition-delay: 0.4s;\n    transition-delay: 0.4s;\n}\n\n.item-hover-216.circle.effect12.right_to_left .img {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n}\n.item-hover-216.circle.effect12.right_to_left .info {\n    -webkit-transform: translateX(-100%) rotate(-180deg);\n    -moz-transform: translateX(-100%) rotate(-180deg);\n    -ms-transform: translateX(-100%) rotate(-180deg);\n    -o-transform: translateX(-100%) rotate(-180deg);\n    transform: translateX(-100%) rotate(-180deg);\n}\n.item-hover-216.circle.effect12.right_to_left a:hover .img {\n    -webkit-transform: translateX(-100%) rotate(-180deg);\n    -moz-transform: translateX(-100%) rotate(-180deg);\n    -ms-transform: translateX(-100%) rotate(-180deg);\n    -o-transform: translateX(-100%) rotate(-180deg);\n    transform: translateX(-100%) rotate(-180deg);\n}\n.item-hover-216.circle.effect12.right_to_left a:hover .info {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n    -webkit-transition-delay: 0.4s;\n    -moz-transition-delay: 0.4s;\n    transition-delay: 0.4s;\n}\n\n.item-hover-216.circle.effect12.top_to_bottom .img {\n    -webkit-transform: translateY(0) rotate(0);\n    -moz-transform: translateY(0) rotate(0);\n    -ms-transform: translateY(0) rotate(0);\n    -o-transform: translateY(0) rotate(0);\n    transform: translateY(0) rotate(0);\n}\n.item-hover-216.circle.effect12.top_to_bottom .info {\n    -webkit-transform: translateY(-100%) rotate(-180deg);\n    -moz-transform: translateY(-100%) rotate(-180deg);\n    -ms-transform: translateY(-100%) rotate(-180deg);\n    -o-transform: translateY(-100%) rotate(-180deg);\n    transform: translateY(-100%) rotate(-180deg);\n}\n.item-hover-216.circle.effect12.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(-100%) rotate(-180deg);\n    -moz-transform: translateY(-100%) rotate(-180deg);\n    -ms-transform: translateY(-100%) rotate(-180deg);\n    -o-transform: translateY(-100%) rotate(-180deg);\n    transform: translateY(-100%) rotate(-180deg);\n}\n.item-hover-216.circle.effect12.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0) rotate(0);\n    -moz-transform: translateY(0) rotate(0);\n    -ms-transform: translateY(0) rotate(0);\n    -o-transform: translateY(0) rotate(0);\n    transform: translateY(0) rotate(0);\n    -webkit-transition-delay: 0.4s;\n    -moz-transition-delay: 0.4s;\n    transition-delay: 0.4s;\n}\n\n.item-hover-216.circle.effect12.bottom_to_top .img {\n    -webkit-transform: translateY(0) rotate(0);\n    -moz-transform: translateY(0) rotate(0);\n    -ms-transform: translateY(0) rotate(0);\n    -o-transform: translateY(0) rotate(0);\n    transform: translateY(0) rotate(0);\n}\n.item-hover-216.circle.effect12.bottom_to_top .info {\n    -webkit-transform: translateY(100%) rotate(180deg);\n    -moz-transform: translateY(100%) rotate(180deg);\n    -ms-transform: translateY(100%) rotate(180deg);\n    -o-transform: translateY(100%) rotate(180deg);\n    transform: translateY(100%) rotate(180deg);\n}\n.item-hover-216.circle.effect12.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(100%) rotate(180deg);\n    -moz-transform: translateY(100%) rotate(180deg);\n    -ms-transform: translateY(100%) rotate(180deg);\n    -o-transform: translateY(100%) rotate(180deg);\n    transform: translateY(100%) rotate(180deg);\n}\n.item-hover-216.circle.effect12.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0) rotate(0);\n    -moz-transform: translateY(0) rotate(0);\n    -ms-transform: translateY(0) rotate(0);\n    -o-transform: translateY(0) rotate(0);\n    transform: translateY(0) rotate(0);\n    -webkit-transition-delay: 0.4s;\n    -moz-transition-delay: 0.4s;\n    transition-delay: 0.4s;\n}\n\n.item-hover-216.circle.effect13.colored .info {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-216.circle.effect13 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n\n.item-hover-216.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-216.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-216.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-216.circle.effect13.from_left_and_right .info h3 {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-216.circle.effect13.from_left_and_right .info p {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-216.circle.effect13.from_left_and_right a:hover h3 {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-216.circle.effect13.from_left_and_right a:hover p {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-216.circle.effect13.top_to_bottom .info h3 {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-216.circle.effect13.top_to_bottom .info p {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-216.circle.effect13.top_to_bottom a:hover h3 {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-216.circle.effect13.top_to_bottom a:hover p {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.circle.effect13.bottom_to_top .info h3 {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-216.circle.effect13.bottom_to_top .info p {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-216.circle.effect13.bottom_to_top a:hover h3 {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-216.circle.effect13.bottom_to_top a:hover p {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-216.circle.effect14 .img {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transition: all 0.4s ease-out;\n    -moz-transition: all 0.4s ease-out;\n    transition: all 0.4s ease-out;\n}\n.item-hover-216.circle.effect14.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-216.circle.effect14 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    -webkit-transition: all 0.35s ease-in-out 0.3s;\n    -moz-transition: all 0.35s ease-in-out 0.3s;\n    transition: all 0.35s ease-in-out 0.3s;\n}\n.item-hover-216.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-216.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-216.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-216.circle.effect14.left_to_right .img {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n    -webkit-transform-origin: 100% 50%;\n    -moz-transform-origin: 100% 50%;\n    -ms-transform-origin: 100% 50%;\n    -o-transform-origin: 100% 50%;\n    transform-origin: 100% 50%;\n}\n.item-hover-216.circle.effect14.left_to_right .info {\n    -webkit-transform: rotateY(90deg);\n    -moz-transform: rotateY(90deg);\n    -ms-transform: rotateY(90deg);\n    -o-transform: rotateY(90deg);\n    transform: rotateY(90deg);\n    -webkit-transform-origin: 0% 50%;\n    -moz-transform-origin: 0% 50%;\n    -ms-transform-origin: 0% 50%;\n    -o-transform-origin: 0% 50%;\n    transform-origin: 0% 50%;\n}\n.item-hover-216.circle.effect14.left_to_right a:hover .img {\n    -webkit-transform: rotateY(-90deg);\n    -moz-transform: rotateY(-90deg);\n    -ms-transform: rotateY(-90deg);\n    -o-transform: rotateY(-90deg);\n    transform: rotateY(-90deg);\n}\n.item-hover-216.circle.effect14.left_to_right a:hover .info {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n}\n\n.item-hover-216.circle.effect14.right_to_left .img {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n    -webkit-transform-origin: 0% 50%;\n    -moz-transform-origin: 0% 50%;\n    -ms-transform-origin: 0% 50%;\n    -o-transform-origin: 0% 50%;\n    transform-origin: 0% 50%;\n}\n.item-hover-216.circle.effect14.right_to_left .info {\n    -webkit-transform: rotateY(-90deg);\n    -moz-transform: rotateY(-90deg);\n    -ms-transform: rotateY(-90deg);\n    -o-transform: rotateY(-90deg);\n    transform: rotateY(-90deg);\n    -webkit-transform-origin: 100% 50%;\n    -moz-transform-origin: 100% 50%;\n    -ms-transform-origin: 100% 50%;\n    -o-transform-origin: 100% 50%;\n    transform-origin: 100% 50%;\n}\n.item-hover-216.circle.effect14.right_to_left a:hover .img {\n    -webkit-transform: rotateY(90deg);\n    -moz-transform: rotateY(90deg);\n    -ms-transform: rotateY(90deg);\n    -o-transform: rotateY(90deg);\n    transform: rotateY(90deg);\n}\n.item-hover-216.circle.effect14.right_to_left a:hover .info {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n}\n\n.item-hover-216.circle.effect14.top_to_bottom .img {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n    -webkit-transform-origin: 50% 100%;\n    -moz-transform-origin: 50% 100%;\n    -ms-transform-origin: 50% 100%;\n    -o-transform-origin: 50% 100%;\n    transform-origin: 50% 100%;\n}\n.item-hover-216.circle.effect14.top_to_bottom .info {\n    -webkit-transform: rotateX(-90deg);\n    -moz-transform: rotateX(-90deg);\n    -ms-transform: rotateX(-90deg);\n    -o-transform: rotateX(-90deg);\n    transform: rotateX(-90deg);\n    -webkit-transform-origin: 50% 0;\n    -moz-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    -o-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n}\n.item-hover-216.circle.effect14.top_to_bottom a:hover .img {\n    -webkit-transform: rotateX(90deg);\n    -moz-transform: rotateX(90deg);\n    -ms-transform: rotateX(90deg);\n    -o-transform: rotateX(90deg);\n    transform: rotateX(90deg);\n}\n.item-hover-216.circle.effect14.top_to_bottom a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n\n.item-hover-216.circle.effect14.bottom_to_top .img {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n    -webkit-transform-origin: 50% 0;\n    -moz-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    -o-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n}\n.item-hover-216.circle.effect14.bottom_to_top .info {\n    -webkit-transform: rotateX(90deg);\n    -moz-transform: rotateX(90deg);\n    -ms-transform: rotateX(90deg);\n    -o-transform: rotateX(90deg);\n    transform: rotateX(90deg);\n    -webkit-transform-origin: 50% 100%;\n    -moz-transform-origin: 50% 100%;\n    -ms-transform-origin: 50% 100%;\n    -o-transform-origin: 50% 100%;\n    transform-origin: 50% 100%;\n}\n.item-hover-216.circle.effect14.bottom_to_top a:hover .img {\n    -webkit-transform: rotateX(-90deg);\n    -moz-transform: rotateX(-90deg);\n    -ms-transform: rotateX(-90deg);\n    -o-transform: rotateX(-90deg);\n    transform: rotateX(-90deg);\n}\n.item-hover-216.circle.effect14.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n\n.item-hover-216.circle.effect15 .img {\n    opacity: 1;\n    visibility: visible;\n    -webkit-transform: scale(1) rotate(0);\n    -moz-transform: scale(1) rotate(0);\n    -ms-transform: scale(1) rotate(0);\n    -o-transform: scale(1) rotate(0);\n    transform: scale(1) rotate(0);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle.effect15.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-216.circle.effect15 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    -webkit-transform: scale(0.5) rotate(-720deg);\n    -moz-transform: scale(0.5) rotate(-720deg);\n    -ms-transform: scale(0.5) rotate(-720deg);\n    -o-transform: scale(0.5) rotate(-720deg);\n    transform: scale(0.5) rotate(-720deg);\n    -webkit-transition: all 0.35s ease-in-out 0.3s;\n    -moz-transition: all 0.35s ease-in-out 0.3s;\n    transition: all 0.35s ease-in-out 0.3s;\n}\n.item-hover-216.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-216.circle.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n    -webkit-transform: scale(0.5) rotate(720deg);\n    -moz-transform: scale(0.5) rotate(720deg);\n    -ms-transform: scale(0.5) rotate(720deg);\n    -o-transform: scale(0.5) rotate(720deg);\n    transform: scale(0.5) rotate(720deg);\n}\n.item-hover-216.circle.effect15 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n    -webkit-transform: scale(1) rotate(0);\n    -moz-transform: scale(1) rotate(0);\n    -ms-transform: scale(1) rotate(0);\n    -o-transform: scale(1) rotate(0);\n    transform: scale(1) rotate(0);\n}\n\n.item-hover-216.circle.effect16 .img {\n    z-index: 11;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle.effect16.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-216.circle.effect16 .info {\n    background: #333333;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-216.circle.effect16.left_to_right .img {\n    -webkit-transform-origin: 95% 40%;\n    -moz-transform-origin: 95% 40%;\n    -ms-transform-origin: 95% 40%;\n    -o-transform-origin: 95% 40%;\n    transform-origin: 95% 40%;\n}\n.item-hover-216.circle.effect16.left_to_right .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 95%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-216.circle.effect16.left_to_right a:hover .img {\n    -webkit-transform: rotate(-120deg);\n    -moz-transform: rotate(-120deg);\n    -ms-transform: rotate(-120deg);\n    -o-transform: rotate(-120deg);\n    transform: rotate(-120deg);\n}\n\n.item-hover-216.circle.effect16.right_to_left .img {\n    -webkit-transform-origin: 5% 40%;\n    -moz-transform-origin: 5% 40%;\n    -ms-transform-origin: 5% 40%;\n    -o-transform-origin: 5% 40%;\n    transform-origin: 5% 40%;\n}\n.item-hover-216.circle.effect16.right_to_left .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 5%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-216.circle.effect16.right_to_left a:hover .img {\n    -webkit-transform: rotate(120deg);\n    -moz-transform: rotate(120deg);\n    -ms-transform: rotate(120deg);\n    -o-transform: rotate(120deg);\n    transform: rotate(120deg);\n}\n\n.item-hover-216.circle.effect17 .info {\n    opacity: 0;\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-216.circle.effect17 a:hover .img:before {\n    box-shadow: inset 0 0 0 110px #333333, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n    box-shadow: inset 0 0 0 110px rgba(0, 0, 0, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n.item-hover-216.circle.effect17 a:hover .info {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-216.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-216.circle.effect17.colored a:hover .img:before {\n    box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n    box-shadow: inset 0 0 0 500px rgba(27,231,255, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-216.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-216.circle.effect18 .img {\n    z-index: 11;\n    -webkit-transition: all 0.5s ease-in-out;\n    -moz-transition: all 0.5s ease-in-out;\n    transition: all 0.5s ease-in-out;\n}\n.item-hover-216.circle.effect18.colored .info .info-back {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-216.circle.effect18 .info {\n    -webkit-transform-style: preserve-3d;\n    -moz-transform-style: preserve-3d;\n    -ms-transform-style: preserve-3d;\n    -o-transform-style: preserve-3d;\n    transform-style: preserve-3d;\n}\n.item-hover-216.circle.effect18 .info .info-back {\n    opacity: 1;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n}\n.item-hover-216.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-216.circle.effect18.bottom_to_top .img {\n    -webkit-transform-origin: 50% 0;\n    -moz-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    -o-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n}\n.item-hover-216.circle.effect18.bottom_to_top a:hover .img {\n    -webkit-transform: rotate3d(1, 0, 0, 180deg);\n    -moz-transform: rotate3d(1, 0, 0, 180deg);\n    -ms-transform: rotate3d(1, 0, 0, 180deg);\n    -o-transform: rotate3d(1, 0, 0, 180deg);\n    transform: rotate3d(1, 0, 0, 180deg);\n}\n\n.item-hover-216.circle.effect18.top_to_bottom .img {\n    -webkit-transform-origin: 50% 100%;\n    -moz-transform-origin: 50% 100%;\n    -ms-transform-origin: 50% 100%;\n    -o-transform-origin: 50% 100%;\n    transform-origin: 50% 100%;\n}\n.item-hover-216.circle.effect18.top_to_bottom a:hover .img {\n    -webkit-transform: rotate3d(1, 0, 0, -180deg);\n    -moz-transform: rotate3d(1, 0, 0, -180deg);\n    -ms-transform: rotate3d(1, 0, 0, -180deg);\n    -o-transform: rotate3d(1, 0, 0, -180deg);\n    transform: rotate3d(1, 0, 0, -180deg);\n}\n\n.item-hover-216.circle.effect18.left_to_right .img {\n    -webkit-transform-origin: 100% 50%;\n    -moz-transform-origin: 100% 50%;\n    -ms-transform-origin: 100% 50%;\n    -o-transform-origin: 100% 50%;\n    transform-origin: 100% 50%;\n}\n.item-hover-216.circle.effect18.left_to_right a:hover .img {\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n}\n\n.item-hover-216.circle.effect18.right_to_left .img {\n    -webkit-transform-origin: 0% 50%;\n    -moz-transform-origin: 0% 50%;\n    -ms-transform-origin: 0% 50%;\n    -o-transform-origin: 0% 50%;\n    transform-origin: 0% 50%;\n}\n.item-hover-216.circle.effect18.right_to_left a:hover .img {\n    -webkit-transform: rotate3d(0, 1, 0, -180deg);\n    -moz-transform: rotate3d(0, 1, 0, -180deg);\n    -ms-transform: rotate3d(0, 1, 0, -180deg);\n    -o-transform: rotate3d(0, 1, 0, -180deg);\n    transform: rotate3d(0, 1, 0, -180deg);\n}\n\n.item-hover-216.circle.effect19.colored .info {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-216.circle.effect19 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    opacity: 0;\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-216.circle.effect19 a:hover .info {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-216.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-216.circle.effect20 .img {\n    -webkit-transition: all 0.35s linear;\n    -moz-transition: all 0.35s linear;\n    transition: all 0.35s linear;\n    -webkit-transform-origin: 50% 0%;\n    -moz-transform-origin: 50% 0%;\n    -ms-transform-origin: 50% 0%;\n    -o-transform-origin: 50% 0%;\n    transform-origin: 50% 0%;\n}\n.item-hover-216.circle.effect20.colored .info .info-back {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-216.circle.effect20 .info {\n    -webkit-transform-style: preserve-3d;\n    -moz-transform-style: preserve-3d;\n    -ms-transform-style: preserve-3d;\n    -o-transform-style: preserve-3d;\n    transform-style: preserve-3d;\n}\n.item-hover-216.circle.effect20 .info .info-back {\n    opacity: 1;\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    -webkit-transition: all 0.35s linear;\n    -moz-transition: all 0.35s linear;\n    transition: all 0.35s linear;\n    -webkit-transform-origin: 50% 0%;\n    -moz-transform-origin: 50% 0%;\n    -ms-transform-origin: 50% 0%;\n    -o-transform-origin: 50% 0%;\n    transform-origin: 50% 0%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-216.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-216.circle.effect20 .info p {\n    color: #bbb;\n    padding: 10px 5px;\n    font-style: italic;\n    margin: 0 30px;\n    font-size: 12px;\n    border-top: 1px solid rgba(255, 255, 255, 0.5);\n}\n.item-hover-216.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-216.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-216.circle.effect20.top_to_bottom .info .info-back {\n    -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n}\n.item-hover-216.circle.effect20.top_to_bottom a:hover .img {\n    -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n}\n.item-hover-216.circle.effect20.top_to_bottom a:hover .info .info-back {\n    -webkit-transform: rotate3d(1, 0, 0, 0deg);\n    -moz-transform: rotate3d(1, 0, 0, 0deg);\n    -ms-transform: rotate3d(1, 0, 0, 0deg);\n    -o-transform: rotate3d(1, 0, 0, 0deg);\n    transform: rotate3d(1, 0, 0, 0deg);\n}\n\n.item-hover-216.circle.effect20.bottom_to_top .info .info-back {\n    -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n}\n.item-hover-216.circle.effect20.bottom_to_top a:hover .img {\n    -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n}\n.item-hover-216.circle.effect20.bottom_to_top a:hover .info .info-back {\n    -webkit-transform: rotate3d(1, 0, 0, 0deg);\n    -moz-transform: rotate3d(1, 0, 0, 0deg);\n    -ms-transform: rotate3d(1, 0, 0, 0deg);\n    -o-transform: rotate3d(1, 0, 0, 0deg);\n    transform: rotate3d(1, 0, 0, 0deg);\n}\n\n.item-hover-216.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-216.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-216.square.effect1 .img {\n    z-index: 11;\n    position: absolute;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-216.square.effect1 .info {\n    background: #333333;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.square.effect1 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-216.square.effect1.left_and_right .info h3 {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    margin: 0;\n}\n.item-hover-216.square.effect1.left_and_right .info p {\n    position: absolute;\n    right: 12px;\n    bottom: 12px;\n    margin: 0;\n    font-style: italic;\n    font-size: 12px;\n    color: #bbb;\n}\n.item-hover-216.square.effect1.left_and_right a:hover .img {\n    -webkit-transform: scale(0.6);\n    -moz-transform: scale(0.6);\n    -ms-transform: scale(0.6);\n    -o-transform: scale(0.6);\n    transform: scale(0.6);\n}\n\n.item-hover-216.square.effect1.top_to_bottom .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px 10px 0 4px;\n    margin: 10px 0 0 0;\n}\n.item-hover-216.square.effect1.top_to_bottom .info p {\n    font-style: italic;\n    font-size: 12px;\n    color: #bbb;\n    padding: 5px;\n    text-align: center;\n}\n.item-hover-216.square.effect1.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(30px) scale(0.6);\n    -moz-transform: translateY(30px) scale(0.6);\n    -ms-transform: translateY(30px) scale(0.6);\n    -o-transform: translateY(30px) scale(0.6);\n    transform: translateY(30px) scale(0.6);\n}\n\n.item-hover-216.square.effect1.bottom_to_top .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px 10px 0 4px;\n    margin: 134px 0 0 0;\n}\n.item-hover-216.square.effect1.bottom_to_top .info p {\n    font-style: italic;\n    font-size: 12px;\n    color: #bbb;\n    padding: 5px;\n    text-align: center;\n}\n.item-hover-216.square.effect1.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(-30px) scale(0.6);\n    -moz-transform: translateY(-30px) scale(0.6);\n    -ms-transform: translateY(-30px) scale(0.6);\n    -o-transform: translateY(-30px) scale(0.6);\n    transform: translateY(-30px) scale(0.6);\n}\n\n.item-hover-216.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-216.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-216.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-216.square.effect2 .img {\n    opacity: 1;\n    -webkit-transition: all 0.5s ease-in-out;\n    -moz-transition: all 0.5s ease-in-out;\n    transition: all 0.5s ease-in-out;\n    -webkit-transform: rotate(0deg) scale(1);\n    -moz-transform: rotate(0deg) scale(1);\n    -ms-transform: rotate(0deg) scale(1);\n    -o-transform: rotate(0deg) scale(1);\n    transform: rotate(0deg) scale(1);\n}\n.item-hover-216.square.effect2 .info {\n    background: #333333;\n    visibility: hidden;\n    -webkit-transition: all 0.35s 0.3s ease-in-out;\n    -moz-transition: all 0.35s 0.3s ease-in-out;\n    transition: all 0.35s 0.3s ease-in-out;\n}\n.item-hover-216.square.effect2 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n    -webkit-transform: translateY(-200px);\n    -moz-transform: translateY(-200px);\n    -ms-transform: translateY(-200px);\n    -o-transform: translateY(-200px);\n    transform: translateY(-200px);\n    -webkit-transition: all 0.35s 0.6s ease-in-out;\n    -moz-transition: all 0.35s 0.6s ease-in-out;\n    transition: all 0.35s 0.6s ease-in-out;\n}\n.item-hover-216.square.effect2 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n    -webkit-transform: translateY(-200px);\n    -moz-transform: translateY(-200px);\n    -ms-transform: translateY(-200px);\n    -o-transform: translateY(-200px);\n    transform: translateY(-200px);\n    -webkit-transition: all 0.35s 0.5s linear;\n    -moz-transition: all 0.35s 0.5s linear;\n    transition: all 0.35s 0.5s linear;\n}\n.item-hover-216.square.effect2 a:hover .img {\n    -webkit-transform: rotate(720deg) scale(0);\n    -moz-transform: rotate(720deg) scale(0);\n    -ms-transform: rotate(720deg) scale(0);\n    -o-transform: rotate(720deg) scale(0);\n    transform: rotate(720deg) scale(0);\n    opacity: 0;\n}\n.item-hover-216.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-216.square.effect2 a:hover .info h3,\n.item-hover-216.square.effect2 a:hover .info p {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-216.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-216.square.effect3 .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.square.effect3 .info {\n    height: 65px;\n    background: #333333;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.square.effect3 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px 10px 0 4px;\n    margin: 4px 0 0 0;\n}\n.item-hover-216.square.effect3 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 5px;\n    text-align: center;\n}\n.item-hover-216.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-216.square.effect3.bottom_to_top .info {\n    top: auto;\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-216.square.effect3.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(-50px);\n    -moz-transform: translateY(-50px);\n    -ms-transform: translateY(-50px);\n    -o-transform: translateY(-50px);\n    transform: translateY(-50px);\n}\n.item-hover-216.square.effect3.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.square.effect3.top_to_bottom .info {\n    bottom: auto;\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-216.square.effect3.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(50px);\n    -moz-transform: translateY(50px);\n    -ms-transform: translateY(50px);\n    -o-transform: translateY(50px);\n    transform: translateY(50px);\n}\n.item-hover-216.square.effect3.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-216.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-216.square.effect4.colored .mask1,\n.item-hover-216.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-216.square.effect4 .img {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.square.effect4 .mask1,\n.item-hover-216.square.effect4 .mask2 {\n    position: absolute;\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    height: 361px;\n    width: 361px;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.square.effect4 .mask1 {\n    left: auto;\n    right: 0;\n    top: 0;\n    -webkit-transform: rotate(56.5deg) translateX(-180px);\n    -moz-transform: rotate(56.5deg) translateX(-180px);\n    -ms-transform: rotate(56.5deg) translateX(-180px);\n    -o-transform: rotate(56.5deg) translateX(-180px);\n    transform: rotate(56.5deg) translateX(-180px);\n    -webkit-transform-origin: 100% 0%;\n    -moz-transform-origin: 100% 0%;\n    -ms-transform-origin: 100% 0%;\n    -o-transform-origin: 100% 0%;\n    transform-origin: 100% 0%;\n}\n.item-hover-216.square.effect4 .mask2 {\n    top: auto;\n    bottom: 0;\n    left: 0;\n    -webkit-transform: rotate(56.5deg) translateX(180px);\n    -moz-transform: rotate(56.5deg) translateX(180px);\n    -ms-transform: rotate(56.5deg) translateX(180px);\n    -o-transform: rotate(56.5deg) translateX(180px);\n    transform: rotate(56.5deg) translateX(180px);\n    -webkit-transform-origin: 0% 100%;\n    -moz-transform-origin: 0% 100%;\n    -ms-transform-origin: 0% 100%;\n    -o-transform-origin: 0% 100%;\n    transform-origin: 0% 100%;\n}\n.item-hover-216.square.effect4 .info {\n    background: #111111;\n    height: 0;\n    visibility: hidden;\n    width: 361px;\n    -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);\n    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);\n    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);\n    -o-transform: rotate(-33.5deg) translate(-112px, 166px);\n    transform: rotate(-33.5deg) translate(-112px, 166px);\n    -webkit-transform-origin: 0% 100%;\n    -moz-transform-origin: 0% 100%;\n    -ms-transform-origin: 0% 100%;\n    -o-transform-origin: 0% 100%;\n    transform-origin: 0% 100%;\n    -webkit-transition: all 0.35s ease-in-out 0.35s;\n    -moz-transition: all 0.35s ease-in-out 0.35s;\n    transition: all 0.35s ease-in-out 0.35s;\n}\n.item-hover-216.square.effect4 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: transparent;\n    margin-top: 5px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out 0.35s;\n    -moz-transition: all 0.35s ease-in-out 0.35s;\n    transition: all 0.35s ease-in-out 0.35s;\n}\n.item-hover-216.square.effect4 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out 0.35s;\n    -moz-transition: all 0.35s ease-in-out 0.35s;\n    transition: all 0.35s ease-in-out 0.35s;\n}\n.item-hover-216.square.effect4 a:hover .mask1 {\n    -webkit-transform: rotate(56.5deg) translateX(1px);\n    -moz-transform: rotate(56.5deg) translateX(1px);\n    -ms-transform: rotate(56.5deg) translateX(1px);\n    -o-transform: rotate(56.5deg) translateX(1px);\n    transform: rotate(56.5deg) translateX(1px);\n}\n.item-hover-216.square.effect4 a:hover .mask2 {\n    -webkit-transform: rotate(56.5deg) translateX(-1px);\n    -moz-transform: rotate(56.5deg) translateX(-1px);\n    -ms-transform: rotate(56.5deg) translateX(-1px);\n    -o-transform: rotate(56.5deg) translateX(-1px);\n    transform: rotate(56.5deg) translateX(-1px);\n}\n.item-hover-216.square.effect4 a:hover .info {\n    width: 300px;\n    height: 120px;\n    visibility: visible;\n    top: 40px;\n    -webkit-transform: rotate(0deg) translate(0, 0);\n    -moz-transform: rotate(0deg) translate(0, 0);\n    -ms-transform: rotate(0deg) translate(0, 0);\n    -o-transform: rotate(0deg) translate(0, 0);\n    transform: rotate(0deg) translate(0, 0);\n}\n.item-hover-216.square.effect4 a:hover .info h3,\n.item-hover-216.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-216.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-216.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-216.square.effect5 .img {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-216.square.effect5 .info {\n    background: #333333;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.square.effect5 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n}\n.item-hover-216.square.effect5 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n.item-hover-216.square.effect5 a:hover .img {\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n    -webkit-transition-delay: 0;\n    -moz-transition-delay: 0;\n    transition-delay: 0;\n}\n.item-hover-216.square.effect5 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transform: scale(1) rotate(0deg);\n    -moz-transform: scale(1) rotate(0deg);\n    -ms-transform: scale(1) rotate(0deg);\n    -o-transform: scale(1) rotate(0deg);\n    transform: scale(1) rotate(0deg);\n    -webkit-transition-delay: 0.3s;\n    -moz-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n}\n\n.item-hover-216.square.effect5.left_to_right .info {\n    -webkit-transform: scale(0) rotate(-180deg);\n    -moz-transform: scale(0) rotate(-180deg);\n    -ms-transform: scale(0) rotate(-180deg);\n    -o-transform: scale(0) rotate(-180deg);\n    transform: scale(0) rotate(-180deg);\n}\n\n.item-hover-216.square.effect5.right_to_left .info {\n    -webkit-transform: scale(0) rotate(180deg);\n    -moz-transform: scale(0) rotate(180deg);\n    -ms-transform: scale(0) rotate(180deg);\n    -o-transform: scale(0) rotate(180deg);\n    transform: scale(0) rotate(180deg);\n}\n\n.item-hover-216.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-216.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-216.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-216.square.effect6 .img {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-216.square.effect6 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.square.effect6 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.square.effect6 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n    -webkit-transition: all 0.35s 0.1s linear;\n    -moz-transition: all 0.35s 0.1s linear;\n    transition: all 0.35s 0.1s linear;\n}\n.item-hover-216.square.effect6 a:hover .img {\n    -webkit-transform: scale(1.2);\n    -moz-transform: scale(1.2);\n    -ms-transform: scale(1.2);\n    -o-transform: scale(1.2);\n    transform: scale(1.2);\n}\n.item-hover-216.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-216.square.effect6.from_top_and_bottom .info h3 {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-216.square.effect6.from_top_and_bottom .info p {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-216.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-216.square.effect6.from_top_and_bottom a:hover .info p {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.square.effect6.from_left_and_right .info h3 {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-216.square.effect6.from_left_and_right .info p {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-216.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-216.square.effect6.from_left_and_right a:hover .info p {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-216.square.effect6.top_to_bottom .info h3 {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-216.square.effect6.top_to_bottom .info p {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-216.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-216.square.effect6.top_to_bottom a:hover .info p {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.square.effect6.bottom_to_top .info h3 {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-216.square.effect6.bottom_to_top .info p {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-216.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-216.square.effect6.bottom_to_top a:hover .info p {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-216.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-216.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-216.square.effect7 .img {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-216.square.effect7 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.square.effect7 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n    -webkit-transform: scale(4);\n    -moz-transform: scale(4);\n    -ms-transform: scale(4);\n    -o-transform: scale(4);\n    transform: scale(4);\n    -webkit-transition: all 0.35s 0.1s ease-in-out;\n    -moz-transition: all 0.35s 0.1s ease-in-out;\n    transition: all 0.35s 0.1s ease-in-out;\n}\n\n.item-hover-216.square.effect7 a:hover .img {\n    -webkit-transform: scale(1.2);\n    -moz-transform: scale(1.2);\n    -ms-transform: scale(1.2);\n    -o-transform: scale(1.2);\n    transform: scale(1.2);\n}\n.item-hover-216.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-216.square.effect7 a:hover .info h3,\n.item-hover-216.square.effect7 a:hover .info p {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-216.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-216.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-216.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-216.square.effect8 .img {\n    opacity: 1;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.square.effect8 .info {\n    background: #333333;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.square.effect8 .info h3 {\n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n    -webkit-transition: all 0.35s 0.1s ease-in-out;\n    -moz-transition: all 0.35s 0.1s ease-in-out;\n    transition: all 0.35s 0.1s ease-in-out;\n}\n\n.item-hover-216.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-216.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-216.square.effect8.scale_up .img {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-216.square.effect8.scale_up .info {\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n}\n.item-hover-216.square.effect8.scale_up .info h3,\n.item-hover-216.square.effect8.scale_up .info p {\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n}\n.item-hover-216.square.effect8.scale_up a:hover .img {\n    -webkit-transform: scale(5);\n    -moz-transform: scale(5);\n    -ms-transform: scale(5);\n    -o-transform: scale(5);\n    transform: scale(5);\n}\n.item-hover-216.square.effect8.scale_up a:hover .info {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-216.square.effect8.scale_up a:hover .info h3,\n.item-hover-216.square.effect8.scale_up a:hover .info p {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-216.square.effect8.scale_down .img {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-216.square.effect8.scale_down .info {\n    -webkit-transform: scale(5);\n    -moz-transform: scale(5);\n    -ms-transform: scale(5);\n    -o-transform: scale(5);\n    transform: scale(5);\n}\n.item-hover-216.square.effect8.scale_down .info h3,\n.item-hover-216.square.effect8.scale_down .info p {\n    -webkit-transform: scale(5);\n    -moz-transform: scale(5);\n    -ms-transform: scale(5);\n    -o-transform: scale(5);\n    transform: scale(5);\n}\n.item-hover-216.square.effect8.scale_down a:hover .img {\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-216.square.effect8.scale_down a:hover .info {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-216.square.effect8.scale_down a:hover .info h3,\n.item-hover-216.square.effect8.scale_down a:hover .info p {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-216.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-216.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-216.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-216.square.effect9 .img {\n    position: relative;\n    z-index: 11;\n    -webkit-transition: all 0.5s ease-in-out;\n    -moz-transition: all 0.5s ease-in-out;\n    transition: all 0.5s ease-in-out;\n}\n.item-hover-216.square.effect9 .info {\n    z-index: 0;\n    -webkit-transform-style: preserve-3d;\n    -moz-transform-style: preserve-3d;\n    -ms-transform-style: preserve-3d;\n    -o-transform-style: preserve-3d;\n    transform-style: preserve-3d;\n}\n.item-hover-216.square.effect9 .info .info-back {\n    opacity: 1;\n    width: 100%;\n    height: 100%;\n    padding-top: 30px;\n    background: #333333;\n}\n.item-hover-216.square.effect9 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 0;\n}\n.item-hover-216.square.effect9 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n\n.item-hover-216.square.effect9.left_to_right .img {\n    -webkit-transform-origin: 100% 50%;\n    -moz-transform-origin: 100% 50%;\n    -ms-transform-origin: 100% 50%;\n    -o-transform-origin: 100% 50%;\n    transform-origin: 100% 50%;\n}\n.item-hover-216.square.effect9.left_to_right a:hover .img {\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n}\n\n.item-hover-216.square.effect9.right_to_left .img {\n    -webkit-transform-origin: 0% 50%;\n    -moz-transform-origin: 0% 50%;\n    -ms-transform-origin: 0% 50%;\n    -o-transform-origin: 0% 50%;\n    transform-origin: 0% 50%;\n}\n.item-hover-216.square.effect9.right_to_left a:hover .img {\n    -webkit-transform: rotate3d(0, 1, 0, -180deg);\n    -moz-transform: rotate3d(0, 1, 0, -180deg);\n    -ms-transform: rotate3d(0, 1, 0, -180deg);\n    -o-transform: rotate3d(0, 1, 0, -180deg);\n    transform: rotate3d(0, 1, 0, -180deg);\n}\n\n.item-hover-216.square.effect9.top_to_bottom .img {\n    -webkit-transform-origin: 50% 100%;\n    -moz-transform-origin: 50% 100%;\n    -ms-transform-origin: 50% 100%;\n    -o-transform-origin: 50% 100%;\n    transform-origin: 50% 100%;\n}\n.item-hover-216.square.effect9.top_to_bottom a:hover .img {\n    -webkit-transform: rotate3d(1, 0, 0, -180deg);\n    -moz-transform: rotate3d(1, 0, 0, -180deg);\n    -ms-transform: rotate3d(1, 0, 0, -180deg);\n    -o-transform: rotate3d(1, 0, 0, -180deg);\n    transform: rotate3d(1, 0, 0, -180deg);\n}\n\n.item-hover-216.square.effect9.bottom_to_top .img {\n    -webkit-transform-origin: 50% 0;\n    -moz-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    -o-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n}\n.item-hover-216.square.effect9.bottom_to_top a:hover .img {\n    -webkit-transform: rotate3d(1, 0, 0, 180deg);\n    -moz-transform: rotate3d(1, 0, 0, 180deg);\n    -ms-transform: rotate3d(1, 0, 0, 180deg);\n    -o-transform: rotate3d(1, 0, 0, 180deg);\n    transform: rotate3d(1, 0, 0, 180deg);\n}\n\n.item-hover-216.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-216.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-216.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-216.square.effect10 .img {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.square.effect10 .info {\n    background: #333333;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.square.effect10 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n}\n.item-hover-216.square.effect10 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n.item-hover-216.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-216.square.effect10.left_to_right .img {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-216.square.effect10.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-216.square.effect10.left_to_right a:hover .img {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-216.square.effect10.left_to_right a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-216.square.effect10.right_to_left .img {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-216.square.effect10.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-216.square.effect10.right_to_left a:hover .img {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-216.square.effect10.right_to_left a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-216.square.effect10.top_to_bottom .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-216.square.effect10.top_to_bottom .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-216.square.effect10.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-216.square.effect10.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.square.effect10.bottom_to_top .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-216.square.effect10.bottom_to_top .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-216.square.effect10.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-216.square.effect10.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-216.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-216.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-216.square.effect11 .img {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.square.effect11 .info {\n    background: #333333;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease 0.2s;\n    -moz-transition: all 0.35s ease 0.2s;\n    transition: all 0.35s ease 0.2s;\n}\n.item-hover-216.square.effect11 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n}\n.item-hover-216.square.effect11 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n.item-hover-216.square.effect11 a:hover .img {\n    opacity: 0;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-216.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-216.square.effect11.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-216.square.effect11.left_to_right a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-216.square.effect11.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-216.square.effect11.right_to_left a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-216.square.effect11.top_to_bottom .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-216.square.effect11.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.square.effect11.bottom_to_top .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-216.square.effect11.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-216.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-216.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-216.square.effect12 .img {\n    -webkit-transition: all 0.35s ease-in;\n    -moz-transition: all 0.35s ease-in;\n    transition: all 0.35s ease-in;\n}\n.item-hover-216.square.effect12 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in;\n    -moz-transition: all 0.35s ease-in;\n    transition: all 0.35s ease-in;\n}\n.item-hover-216.square.effect12 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n    -webkit-transition: all 0.35s ease-in;\n    -moz-transition: all 0.35s ease-in;\n    transition: all 0.35s ease-in;\n}\n.item-hover-216.square.effect12 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n    -webkit-transition: all 0.35s ease-in;\n    -moz-transition: all 0.35s ease-in;\n    transition: all 0.35s ease-in;\n}\n.item-hover-216.square.effect12 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transition-delay: 0.2s;\n    -moz-transition-delay: 0.2s;\n    transition-delay: 0.2s;\n}\n.item-hover-216.square.effect12 a:hover .info h3 {\n    -webkit-transition-delay: 0.3s;\n    -moz-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n}\n.item-hover-216.square.effect12 a:hover .info p {\n    -webkit-transition-delay: 0.25s;\n    -moz-transition-delay: 0.25s;\n    transition-delay: 0.25s;\n}\n\n.item-hover-216.square.effect12.left_to_right .info {\n    -webkit-transform: translate(-460px, -100px) rotate(-180deg);\n    -moz-transform: translate(-460px, -100px) rotate(-180deg);\n    -ms-transform: translate(-460px, -100px) rotate(-180deg);\n    -o-transform: translate(-460px, -100px) rotate(-180deg);\n    transform: translate(-460px, -100px) rotate(-180deg);\n}\n.item-hover-216.square.effect12.left_to_right .info h3 {\n    -webkit-transform: translateY(-100px);\n    -moz-transform: translateY(-100px);\n    -ms-transform: translateY(-100px);\n    -o-transform: translateY(-100px);\n    transform: translateY(-100px);\n}\n.item-hover-216.square.effect12.left_to_right .info p {\n    -webkit-transform: translateX(-300px) rotate(-90deg);\n    -moz-transform: translateX(-300px) rotate(-90deg);\n    -ms-transform: translateX(-300px) rotate(-90deg);\n    -o-transform: translateX(-300px) rotate(-90deg);\n    transform: translateX(-300px) rotate(-90deg);\n}\n.item-hover-216.square.effect12.left_to_right a:hover .info {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n}\n.item-hover-216.square.effect12.left_to_right a:hover .info h3 {\n    -webkit-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -o-transform: translateY(0px);\n    transform: translateY(0px);\n}\n.item-hover-216.square.effect12.left_to_right a:hover .info p {\n    -webkit-transform: translateX(0px) rotate(0deg);\n    -moz-transform: translateX(0px) rotate(0deg);\n    -ms-transform: translateX(0px) rotate(0deg);\n    -o-transform: translateX(0px) rotate(0deg);\n    transform: translateX(0px) rotate(0deg);\n}\n\n.item-hover-216.square.effect12.right_to_left .info {\n    -webkit-transform: translate(460px, -100px) rotate(180deg);\n    -moz-transform: translate(460px, -100px) rotate(180deg);\n    -ms-transform: translate(460px, -100px) rotate(180deg);\n    -o-transform: translate(460px, -100px) rotate(180deg);\n    transform: translate(460px, -100px) rotate(180deg);\n}\n.item-hover-216.square.effect12.right_to_left .info h3 {\n    -webkit-transform: translateY(-100px);\n    -moz-transform: translateY(-100px);\n    -ms-transform: translateY(-100px);\n    -o-transform: translateY(-100px);\n    transform: translateY(-100px);\n}\n.item-hover-216.square.effect12.right_to_left .info p {\n    -webkit-transform: translateX(300px) rotate(90deg);\n    -moz-transform: translateX(300px) rotate(90deg);\n    -ms-transform: translateX(300px) rotate(90deg);\n    -o-transform: translateX(300px) rotate(90deg);\n    transform: translateX(300px) rotate(90deg);\n}\n.item-hover-216.square.effect12.right_to_left a:hover .info {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n}\n.item-hover-216.square.effect12.right_to_left a:hover .info h3 {\n    -webkit-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -o-transform: translateY(0px);\n    transform: translateY(0px);\n}\n.item-hover-216.square.effect12.right_to_left a:hover .info p {\n    -webkit-transform: translateX(0px) rotate(0deg);\n    -moz-transform: translateX(0px) rotate(0deg);\n    -ms-transform: translateX(0px) rotate(0deg);\n    -o-transform: translateX(0px) rotate(0deg);\n    transform: translateX(0px) rotate(0deg);\n}\n\n.item-hover-216.square.effect12.top_to_bottom .info {\n    -webkit-transform: translate(-265px, -145px) rotate(-45deg);\n    -moz-transform: translate(-265px, -145px) rotate(-45deg);\n    -ms-transform: translate(-265px, -145px) rotate(-45deg);\n    -o-transform: translate(-265px, -145px) rotate(-45deg);\n    transform: translate(-265px, -145px) rotate(-45deg);\n}\n.item-hover-216.square.effect12.top_to_bottom .info h3 {\n    -webkit-transform: translate(200px, -200px);\n    -moz-transform: translate(200px, -200px);\n    -ms-transform: translate(200px, -200px);\n    -o-transform: translate(200px, -200px);\n    transform: translate(200px, -200px);\n}\n.item-hover-216.square.effect12.top_to_bottom .info p {\n    -webkit-transform: translate(200px, -200px);\n    -moz-transform: translate(200px, -200px);\n    -ms-transform: translate(200px, -200px);\n    -o-transform: translate(200px, -200px);\n    transform: translate(200px, -200px);\n}\n.item-hover-216.square.effect12.top_to_bottom a:hover .info {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n    -webkit-transition-delay: 0.2s;\n    -moz-transition-delay: 0.2s;\n    transition-delay: 0.2s;\n}\n.item-hover-216.square.effect12.top_to_bottom a:hover .info h3 {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n    -webkit-transition-delay: 0.3s;\n    -moz-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n}\n.item-hover-216.square.effect12.top_to_bottom a:hover .info p {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n    -webkit-transition-delay: 0.4s;\n    -moz-transition-delay: 0.4s;\n    transition-delay: 0.4s;\n}\n\n.item-hover-216.square.effect12.bottom_to_top .info {\n    -webkit-transform: translate(265px, 145px) rotate(45deg);\n    -moz-transform: translate(265px, 145px) rotate(45deg);\n    -ms-transform: translate(265px, 145px) rotate(45deg);\n    -o-transform: translate(265px, 145px) rotate(45deg);\n    transform: translate(265px, 145px) rotate(45deg);\n}\n.item-hover-216.square.effect12.bottom_to_top .info h3 {\n    -webkit-transform: translate(200px, -200px);\n    -moz-transform: translate(200px, -200px);\n    -ms-transform: translate(200px, -200px);\n    -o-transform: translate(200px, -200px);\n    transform: translate(200px, -200px);\n}\n.item-hover-216.square.effect12.bottom_to_top .info p {\n    -webkit-transform: translate(-200px, 200px);\n    -moz-transform: translate(-200px, 200px);\n    -ms-transform: translate(-200px, 200px);\n    -o-transform: translate(-200px, 200px);\n    transform: translate(-200px, 200px);\n}\n.item-hover-216.square.effect12.bottom_to_top a:hover .info {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n    -webkit-transition-delay: 0.2s;\n    -moz-transition-delay: 0.2s;\n    transition-delay: 0.2s;\n}\n.item-hover-216.square.effect12.bottom_to_top a:hover .info h3 {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n    -webkit-transition-delay: 0.3s;\n    -moz-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n}\n.item-hover-216.square.effect12.bottom_to_top a:hover .info p {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n    -webkit-transition-delay: 0.4s;\n    -moz-transition-delay: 0.4s;\n    transition-delay: 0.4s;\n}\n\n.item-hover-216.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-216.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-216.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-216.square.effect13 .img {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-216.square.effect13 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    visibility: hidden;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.square.effect13 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n}\n.item-hover-216.square.effect13 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n.item-hover-216.square.effect13 a:hover .img {\n    -webkit-transform: scale(1.2);\n    -moz-transform: scale(1.2);\n    -ms-transform: scale(1.2);\n    -o-transform: scale(1.2);\n    transform: scale(1.2);\n}\n.item-hover-216.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-216.square.effect13.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-216.square.effect13.left_to_right a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-216.square.effect13.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-216.square.effect13.right_to_left a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-216.square.effect13.top_to_bottom .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-216.square.effect13.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.square.effect13.bottom_to_top .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-216.square.effect13.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-216.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-216.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-216.square.effect14 .img {\n    opacity: 1;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-216.square.effect14 .info {\n    background: #333333;\n    visibility: hidden;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n    -webkit-transition: all 0.35s ease 0.2s;\n    -moz-transition: all 0.35s ease 0.2s;\n    transition: all 0.35s ease 0.2s;\n}\n.item-hover-216.square.effect14 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n}\n.item-hover-216.square.effect14 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #fff;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n.item-hover-216.square.effect14 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-216.square.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-216.square.effect14.left_to_right .img {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n}\n.item-hover-216.square.effect14.left_to_right a:hover .img {\n    -webkit-transform: translateX(100%) rotate(180deg);\n    -moz-transform: translateX(100%) rotate(180deg);\n    -ms-transform: translateX(100%) rotate(180deg);\n    -o-transform: translateX(100%) rotate(180deg);\n    transform: translateX(100%) rotate(180deg);\n}\n\n.item-hover-216.square.effect14.right_to_left .img {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n}\n.item-hover-216.square.effect14.right_to_left a:hover .img {\n    -webkit-transform: translateX(-100%) rotate(-180deg);\n    -moz-transform: translateX(-100%) rotate(-180deg);\n    -ms-transform: translateX(-100%) rotate(-180deg);\n    -o-transform: translateX(-100%) rotate(-180deg);\n    transform: translateX(-100%) rotate(-180deg);\n}\n\n.item-hover-216.square.effect14.top_to_bottom .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-216.square.effect14.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n\n.item-hover-216.square.effect14.bottom_to_top .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-216.square.effect14.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n\n.item-hover-216.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-216.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-216.square.effect15 .img {\n    opacity: 1;\n    -webkit-transition: all 0.4s ease-in-out;\n    -moz-transition: all 0.4s ease-in-out;\n    transition: all 0.4s ease-in-out;\n}\n.item-hover-216.square.effect15 .info {\n    background: #333333;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out 0.3s;\n    -moz-transition: all 0.35s ease-in-out 0.3s;\n    transition: all 0.35s ease-in-out 0.3s;\n}\n.item-hover-216.square.effect15 .info h3 {\n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n}\n.item-hover-216.square.effect15 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n.item-hover-216.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-216.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-216.square.effect15.left_to_right .img {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n    -webkit-transform-origin: 100% 50%;\n    -moz-transform-origin: 100% 50%;\n    -ms-transform-origin: 100% 50%;\n    -o-transform-origin: 100% 50%;\n    transform-origin: 100% 50%;\n}\n.item-hover-216.square.effect15.left_to_right .info {\n    -webkit-transform: rotateY(90deg);\n    -moz-transform: rotateY(90deg);\n    -ms-transform: rotateY(90deg);\n    -o-transform: rotateY(90deg);\n    transform: rotateY(90deg);\n    -webkit-transform-origin: 0% 50%;\n    -moz-transform-origin: 0% 50%;\n    -ms-transform-origin: 0% 50%;\n    -o-transform-origin: 0% 50%;\n    transform-origin: 0% 50%;\n}\n.item-hover-216.square.effect15.left_to_right a:hover .img {\n    -webkit-transform: rotateY(-90deg);\n    -moz-transform: rotateY(-90deg);\n    -ms-transform: rotateY(-90deg);\n    -o-transform: rotateY(-90deg);\n    transform: rotateY(-90deg);\n}\n.item-hover-216.square.effect15.left_to_right a:hover .info {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n}\n\n.item-hover-216.square.effect15.right_to_left .img {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n    -webkit-transform-origin: 0% 50%;\n    -moz-transform-origin: 0% 50%;\n    -ms-transform-origin: 0% 50%;\n    -o-transform-origin: 0% 50%;\n    transform-origin: 0% 50%;\n}\n.item-hover-216.square.effect15.right_to_left .info {\n    -webkit-transform: rotateY(-90deg);\n    -moz-transform: rotateY(-90deg);\n    -ms-transform: rotateY(-90deg);\n    -o-transform: rotateY(-90deg);\n    transform: rotateY(-90deg);\n    -webkit-transform-origin: 100% 50%;\n    -moz-transform-origin: 100% 50%;\n    -ms-transform-origin: 100% 50%;\n    -o-transform-origin: 100% 50%;\n    transform-origin: 100% 50%;\n}\n.item-hover-216.square.effect15.right_to_left a:hover .img {\n    -webkit-transform: rotateY(90deg);\n    -moz-transform: rotateY(90deg);\n    -ms-transform: rotateY(90deg);\n    -o-transform: rotateY(90deg);\n    transform: rotateY(90deg);\n}\n.item-hover-216.square.effect15.right_to_left a:hover .info {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n}\n\n.item-hover-216.square.effect15.top_to_bottom .img {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n    -webkit-transform-origin: 50% 100%;\n    -moz-transform-origin: 50% 100%;\n    -ms-transform-origin: 50% 100%;\n    -o-transform-origin: 50% 100%;\n    transform-origin: 50% 100%;\n}\n.item-hover-216.square.effect15.top_to_bottom .info {\n    -webkit-transform: rotateX(-90deg);\n    -moz-transform: rotateX(-90deg);\n    -ms-transform: rotateX(-90deg);\n    -o-transform: rotateX(-90deg);\n    transform: rotateX(-90deg);\n    -webkit-transform-origin: 50% 0;\n    -moz-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    -o-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n}\n.item-hover-216.square.effect15.top_to_bottom a:hover .img {\n    -webkit-transform: rotateX(90deg);\n    -moz-transform: rotateX(90deg);\n    -ms-transform: rotateX(90deg);\n    -o-transform: rotateX(90deg);\n    transform: rotateX(90deg);\n}\n.item-hover-216.square.effect15.top_to_bottom a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n\n.item-hover-216.square.effect15.bottom_to_top .img {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n    -webkit-transform-origin: 50% 0;\n    -moz-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    -o-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n}\n.item-hover-216.square.effect15.bottom_to_top .info {\n    -webkit-transform: rotateX(90deg);\n    -moz-transform: rotateX(90deg);\n    -ms-transform: rotateX(90deg);\n    -o-transform: rotateX(90deg);\n    transform: rotateX(90deg);\n    -webkit-transform-origin: 50% 100%;\n    -moz-transform-origin: 50% 100%;\n    -ms-transform-origin: 50% 100%;\n    -o-transform-origin: 50% 100%;\n    transform-origin: 50% 100%;\n}\n.item-hover-216.square.effect15.bottom_to_top a:hover .img {\n    -webkit-transform: rotateX(-90deg);\n    -moz-transform: rotateX(-90deg);\n    -ms-transform: rotateX(-90deg);\n    -o-transform: rotateX(-90deg);\n    transform: rotateX(-90deg);\n}\n.item-hover-216.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Vimeo Video Gallery &#8211; 2 Column    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-216 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/111940142\" title=\"The Goodship Galeb - Croatia\"\n\t\t\t\t\t   class=\"swipebox_216\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Poler-x-Nike-SB-The-Goodship-Galeb-Croatia-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-216\">The Goodship Galeb - Croatia<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-216 \">The Goodship Galeb - Croatia<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-216 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/126726032\" title=\"Impressions of Las Vegas\"\n\t\t\t\t\t   class=\"swipebox_216\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Walk-in-Shanghai-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-216\">Impressions of Las Vegas<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-216 \">Impressions of Las Vegas<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-216 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/63528500\" title=\"Shave it\"\n\t\t\t\t\t   class=\"swipebox_216\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Shave-it-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-216\">Shave it<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-216 \">Shave it<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-216 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/97088156\" title=\"Butter Ya Self\"\n\t\t\t\t\t   class=\"swipebox_216\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Butter-YaSelf-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-216\">Butter Ya Self<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-216 \">Butter Ya Self<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-216 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/43373340\" title=\"I Don't Know How To Love\"\n\t\t\t\t\t   class=\"swipebox_216\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/I-Dont-Know-How-To-Love-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-216\">I Don't Know How To Love<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-216 \">I Don't Know How To Love<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-216 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/25049692\" title=\"Metronomy - The Bay\"\n\t\t\t\t\t   class=\"swipebox_216\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Metronomy-The-Bay-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-216\">Metronomy - The Bay<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-216 \">Metronomy - The Bay<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Courgette'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t            <script>\n                jQuery(document).ready(function () {\n                    jQuery(\"a[data-rel^='prettyPhoto']\").prettyPhoto({\n                        animation_speed: 'fast', \/* fast\/slow\/normal *\/\n                        slideshow: 2000, \/* false OR interval time in ms *\/\n                        autoplay_slideshow: false, \/* true\/false *\/\n                        opacity: 0.80  \/* Value between 0 and 1 *\/\n                    });\n                });\n            <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-217{\n    font-family: Courgette;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-217{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-217{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-217 {\n    position: relative;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217,\n.item-hover-217 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-217 a {\n    color: #333;\n}\n.item-hover-217 a:hover {\n    text-decoration: none;\n}\n.item-hover-217 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-217.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-217.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-217.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 0%;\n\t\n\t\t\tbox-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);\n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle .img img {\n    border-radius: 0%;\n}\n.item-hover-217.circle .info {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 0%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n\n.item-hover-217.square {\n    position: relative;\n    width: 316px;\n    height: 216px;\n    border: 8px solid #fff;\n    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);\n}\n.item-hover-217.square .info {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n\n.item-hover-217.circle.effect2 .img {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle.effect2.colored .info {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-217.circle.effect2 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-217{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Courgette;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px !important;\n} \n\n.item-hover-217.circle.effect2.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-217.circle.effect2.left_to_right a:hover .img {\n    -webkit-transform: rotate(-180deg);\n    -moz-transform: rotate(-180deg);\n    -ms-transform: rotate(-180deg);\n    -o-transform: rotate(-180deg);\n    transform: rotate(-180deg);\n}\n.item-hover-217.circle.effect2.left_to_right a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-217.circle.effect2.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-217.circle.effect2.right_to_left a:hover .img {\n    -webkit-transform: rotate(180deg);\n    -moz-transform: rotate(180deg);\n    -ms-transform: rotate(180deg);\n    -o-transform: rotate(180deg);\n    transform: rotate(180deg);\n}\n.item-hover-217.circle.effect2.right_to_left a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-217.circle.effect2.top_to_bottom .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-217.circle.effect2.top_to_bottom a:hover .img {\n    -webkit-transform: rotate(-90deg);\n    -moz-transform: rotate(-90deg);\n    -ms-transform: rotate(-90deg);\n    -o-transform: rotate(-90deg);\n    transform: rotate(-90deg);\n}\n.item-hover-217.circle.effect2.top_to_bottom a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.circle.effect2.bottom_to_top .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-217.circle.effect2.bottom_to_top a:hover .img {\n    -webkit-transform: rotate(90deg);\n    -moz-transform: rotate(90deg);\n    -ms-transform: rotate(90deg);\n    -o-transform: rotate(90deg);\n    transform: rotate(90deg);\n}\n.item-hover-217.circle.effect2.bottom_to_top a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.circle.effect3 .img {\n    z-index: 11;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle.effect3.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-217.circle.effect3 .info {\n    background: #333333;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 24px;\n\t\tmargin: 0 30px;\n\t\t\tpadding: 20% 0 0 0;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-217.circle.effect3.left_to_right .img {\n    -webkit-transform: scale(1) translateX(0);\n    -moz-transform: scale(1) translateX(0);\n    -ms-transform: scale(1) translateX(0);\n    -o-transform: scale(1) translateX(0);\n    transform: scale(1) translateX(0);\n}\n.item-hover-217.circle.effect3.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-217.circle.effect3.left_to_right a:hover .img {\n    -webkit-transform: scale(0.5) translateX(100%);\n    -moz-transform: scale(0.5) translateX(100%);\n    -ms-transform: scale(0.5) translateX(100%);\n    -o-transform: scale(0.5) translateX(100%);\n    transform: scale(0.5) translateX(100%);\n}\n.item-hover-217.circle.effect3.left_to_right a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-217.circle.effect3.right_to_left .img {\n    -webkit-transform: scale(1) translateX(0);\n    -moz-transform: scale(1) translateX(0);\n    -ms-transform: scale(1) translateX(0);\n    -o-transform: scale(1) translateX(0);\n    transform: scale(1) translateX(0);\n}\n.item-hover-217.circle.effect3.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-217.circle.effect3.right_to_left a:hover .img {\n    -webkit-transform: scale(0.5) translateX(-100%);\n    -moz-transform: scale(0.5) translateX(-100%);\n    -ms-transform: scale(0.5) translateX(-100%);\n    -o-transform: scale(0.5) translateX(-100%);\n    transform: scale(0.5) translateX(-100%);\n}\n.item-hover-217.circle.effect3.right_to_left a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-217.circle.effect3.top_to_bottom .img {\n    -webkit-transform: scale(1) translateY(0);\n    -moz-transform: scale(1) translateY(0);\n    -ms-transform: scale(1) translateY(0);\n    -o-transform: scale(1) translateY(0);\n    transform: scale(1) translateY(0);\n}\n.item-hover-217.circle.effect3.top_to_bottom .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-217.circle.effect3.top_to_bottom a:hover .img {\n    -webkit-transform: scale(0.5) translateY(100%);\n    -moz-transform: scale(0.5) translateY(100%);\n    -ms-transform: scale(0.5) translateY(100%);\n    -o-transform: scale(0.5) translateY(100%);\n    transform: scale(0.5) translateY(100%);\n}\n.item-hover-217.circle.effect3.top_to_bottom a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.circle.effect3.bottom_to_top .img {\n    -webkit-transform: scale(1) translateY(0);\n    -moz-transform: scale(1) translateY(0);\n    -ms-transform: scale(1) translateY(0);\n    -o-transform: scale(1) translateY(0);\n    transform: scale(1) translateY(0);\n}\n.item-hover-217.circle.effect3.bottom_to_top .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-217.circle.effect3.bottom_to_top a:hover .img {\n    -webkit-transform: scale(0.5) translateY(-100%);\n    -moz-transform: scale(0.5) translateY(-100%);\n    -ms-transform: scale(0.5) translateY(-100%);\n    -o-transform: scale(0.5) translateY(-100%);\n    transform: scale(0.5) translateY(-100%);\n}\n.item-hover-217.circle.effect3.bottom_to_top a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.circle.effect4 .img {\n    opacity: 1;\n    -webkit-transition: all 0.4s ease-in-out;\n    -moz-transition: all 0.4s ease-in-out;\n    transition: all 0.4s ease-in-out;\n}\n.item-hover-217.circle.effect4.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-217.circle.effect4 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    -webkit-transition: all 0.35s ease;\n    -moz-transition: all 0.35s ease;\n    transition: all 0.35s ease;\n}\n.item-hover-217.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-217.circle.effect4 .info p {\n    color: #bbb;\n    padding: 10px 5px;\n    font-style: italic;\n    margin: 0 30px;\n    font-size: 12px;\n    border-top: 1px solid rgba(255, 255, 255, 0.5);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-217.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-217.circle.effect4.left_to_right .img {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-217.circle.effect4.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-217.circle.effect4.left_to_right a:hover .img {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-217.circle.effect4.left_to_right a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-217.circle.effect4.right_to_left .img {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-217.circle.effect4.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-217.circle.effect4.right_to_left a:hover .img {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-217.circle.effect4.right_to_left a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-217.circle.effect4.top_to_bottom .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-217.circle.effect4.top_to_bottom .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-217.circle.effect4.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-217.circle.effect4.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.circle.effect4.bottom_to_top .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-217.circle.effect4.bottom_to_top .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-217.circle.effect4.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-217.circle.effect4.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-217.circle.effect5.colored .info .info-back {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-217.circle.effect5 .info {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n    -webkit-transform-style: preserve-3d;\n    -moz-transform-style: preserve-3d;\n    -ms-transform-style: preserve-3d;\n    -o-transform-style: preserve-3d;\n    transform-style: preserve-3d;\n}\n.item-hover-217.circle.effect5 .info .info-back {\n    visibility: hidden;\n    border-radius: 0%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-217.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-217.circle.effect5 a:hover .info {\n    -webkit-transform: rotate3d(0, 1, 0, -180deg);\n    -moz-transform: rotate3d(0, 1, 0, -180deg);\n    -ms-transform: rotate3d(0, 1, 0, -180deg);\n    -o-transform: rotate3d(0, 1, 0, -180deg);\n    transform: rotate3d(0, 1, 0, -180deg);\n}\n.item-hover-217.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-217.circle.effect6 .img {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle.effect6.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-217.circle.effect6 .info {\n    background: #333333;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-217.circle.effect6.scale_up .info {\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-217.circle.effect6.scale_up a:hover .img {\n    opacity: 0;\n    -webkit-transform: scale(1.5);\n    -moz-transform: scale(1.5);\n    -ms-transform: scale(1.5);\n    -o-transform: scale(1.5);\n    transform: scale(1.5);\n}\n.item-hover-217.circle.effect6.scale_up a:hover .info {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-217.circle.effect6.scale_down .info {\n    -webkit-transform: scale(1.5);\n    -moz-transform: scale(1.5);\n    -ms-transform: scale(1.5);\n    -o-transform: scale(1.5);\n    transform: scale(1.5);\n}\n.item-hover-217.circle.effect6.scale_down a:hover .img {\n    opacity: 0;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-217.circle.effect6.scale_down a:hover .info {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-217.circle.effect6.scale_down_up .info {\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n    -webkit-transition: all 0.35s ease-in-out 0.2s;\n    -moz-transition: all 0.35s ease-in-out 0.2s;\n    transition: all 0.35s ease-in-out 0.2s;\n}\n.item-hover-217.circle.effect6.scale_down_up a:hover .img {\n    opacity: 0;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-217.circle.effect6.scale_down_up a:hover .info {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-217.circle.effect7 .img {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: all 0.35s ease-out;\n    -moz-transition: all 0.35s ease-out;\n    transition: all 0.35s ease-out;\n}\n.item-hover-217.circle.effect7.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-217.circle.effect7 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    -webkit-transition: all 0.35s ease 0.2s;\n    -moz-transition: all 0.35s ease 0.2s;\n    transition: all 0.35s ease 0.2s;\n}\n.item-hover-217.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-217.circle.effect7 a:hover .img {\n    opacity: 0;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-217.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-217.circle.effect7.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-217.circle.effect7.left_to_right a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-217.circle.effect7.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-217.circle.effect7.right_to_left a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-217.circle.effect7.top_to_bottom .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-217.circle.effect7.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.circle.effect7.bottom_to_top .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-217.circle.effect7.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.circle.effect8.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-217.circle.effect8 .img-container {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: all 0.3s ease-in-out;\n    -moz-transition: all 0.3s ease-in-out;\n    transition: all 0.3s ease-in-out;\n}\n.item-hover-217.circle.effect8 .img-container .img {\n    opacity: 1;\n    -webkit-transition: all 0.3s ease-in-out 0.3s;\n    -moz-transition: all 0.3s ease-in-out 0.3s;\n    transition: all 0.3s ease-in-out 0.3s;\n}\n.item-hover-217.circle.effect8 .info-container {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 0%;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.3s ease-in-out 0.3s;\n    -moz-transition: all 0.3s ease-in-out 0.3s;\n    transition: all 0.3s ease-in-out 0.3s;\n}\n.item-hover-217.circle.effect8 .info {\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n    -webkit-transition: all 0.35s ease-in-out 0.6s;\n    -moz-transition: all 0.35s ease-in-out 0.6s;\n    transition: all 0.35s ease-in-out 0.6s;\n}\n.item-hover-217.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-217.circle.effect8 a:hover .img-container {\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-217.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-217.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-217.circle.effect8 a:hover .info-container .info {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-217.circle.effect8.left_to_right .img-container .img {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-217.circle.effect8.left_to_right .info-container {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-217.circle.effect8.left_to_right a:hover .img-container .img {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-217.circle.effect8.left_to_right a:hover .info-container {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-217.circle.effect8.right_to_left .img-container .img {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-217.circle.effect8.right_to_left .info-container {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-217.circle.effect8.right_to_left a:hover .img-container .img {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-217.circle.effect8.right_to_left a:hover .info-container {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-217.circle.effect8.top_to_bottom .img-container .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-217.circle.effect8.top_to_bottom .info-container {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-217.circle.effect8.top_to_bottom a:hover .img-container .img {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-217.circle.effect8.top_to_bottom a:hover .info-container {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.circle.effect8.bottom_to_top .img-container .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-217.circle.effect8.bottom_to_top .info-container {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-217.circle.effect8.bottom_to_top a:hover .img-container .img {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-217.circle.effect8.bottom_to_top a:hover .info-container {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.circle.effect9 .img {\n    opacity: 1;\n    -webkit-transition: all 0.35s ease-out;\n    -moz-transition: all 0.35s ease-out;\n    transition: all 0.35s ease-out;\n}\n.item-hover-217.circle.effect9.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-217.circle.effect9 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n    -webkit-transition: all 0.35s ease 0.2s;\n    -moz-transition: all 0.35s ease 0.2s;\n    transition: all 0.35s ease 0.2s;\n}\n.item-hover-217.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 55px 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-217.circle.effect9 .info p {\n    color: #bbb;\n    padding: 10px 5px;\n    font-style: italic;\n    margin: 0 30px;\n    font-size: 12px;\n    border-top: 1px solid rgba(255, 255, 255, 0.5);\n}\n.item-hover-217.circle.effect9 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-217.circle.effect9 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-217.circle.effect9.left_to_right .img {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n}\n.item-hover-217.circle.effect9.left_to_right a:hover .img {\n    -webkit-transform: translateX(100%) rotate(180deg);\n    -moz-transform: translateX(100%) rotate(180deg);\n    -ms-transform: translateX(100%) rotate(180deg);\n    -o-transform: translateX(100%) rotate(180deg);\n    transform: translateX(100%) rotate(180deg);\n}\n\n.item-hover-217.circle.effect9.right_to_left .img {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n}\n.item-hover-217.circle.effect9.right_to_left a:hover .img {\n    -webkit-transform: translateX(-100%) rotate(-180deg);\n    -moz-transform: translateX(-100%) rotate(-180deg);\n    -ms-transform: translateX(-100%) rotate(-180deg);\n    -o-transform: translateX(-100%) rotate(-180deg);\n    transform: translateX(-100%) rotate(-180deg);\n}\n\n.item-hover-217.circle.effect9.top_to_bottom .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-217.circle.effect9.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n\n.item-hover-217.circle.effect9.bottom_to_top .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-217.circle.effect9.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n\n.item-hover-217.circle.effect10 .img {\n    z-index: 11;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle.effect10.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-217.circle.effect10 .info {\n    background: #333333;\n    opacity: 0;\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-217.circle.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-217.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-217.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-217.circle.effect10.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(22%) scale(0.5);\n    -moz-transform: translateY(22%) scale(0.5);\n    -ms-transform: translateY(22%) scale(0.5);\n    -o-transform: translateY(22%) scale(0.5);\n    transform: translateY(22%) scale(0.5);\n}\n\n.item-hover-217.circle.effect10.bottom_to_top .info h3 {\n    margin: 60% 10px 0;\n    padding-bottom: 25px 0 0 0;\n    height: 78px;\n}\n\n.item-hover-217.circle.effect10.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(-22%) scale(0.5);\n    -moz-transform: translateY(-22%) scale(0.5);\n    -ms-transform: translateY(-22%) scale(0.5);\n    -o-transform: translateY(-22%) scale(0.5);\n    transform: translateY(-22%) scale(0.5);\n}\n\n.item-hover-217.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-217.circle.effect11 .img {\n    opacity: 1;\n    -webkit-transform-origin: 50% 50%;\n    -moz-transform-origin: 50% 50%;\n    -ms-transform-origin: 50% 50%;\n    -o-transform-origin: 50% 50%;\n    transform-origin: 50% 50%;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle.effect11.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-217.circle.effect11 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    -webkit-transition: all 0.35s ease 0.35s;\n    -moz-transition: all 0.35s ease 0.35s;\n    transition: all 0.35s ease 0.35s;\n}\n.item-hover-217.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-217.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-217.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-217.circle.effect11.left_to_right .img {\n    -webkit-transform: translateZ(0) rotateY(0);\n    -moz-transform: translateZ(0) rotateY(0);\n    -ms-transform: translateZ(0) rotateY(0);\n    -o-transform: translateZ(0) rotateY(0);\n    transform: translateZ(0) rotateY(0);\n}\n.item-hover-217.circle.effect11.left_to_right .info {\n    -webkit-transform: translateZ(-1000px) rotateY(-90deg);\n    -moz-transform: translateZ(-1000px) rotateY(-90deg);\n    -ms-transform: translateZ(-1000px) rotateY(-90deg);\n    -o-transform: translateZ(-1000px) rotateY(-90deg);\n    transform: translateZ(-1000px) rotateY(-90deg);\n}\n.item-hover-217.circle.effect11.left_to_right a:hover .img {\n    -webkit-transform: translateZ(-1000px) rotateY(90deg);\n    -moz-transform: translateZ(-1000px) rotateY(90deg);\n    -ms-transform: translateZ(-1000px) rotateY(90deg);\n    -o-transform: translateZ(-1000px) rotateY(90deg);\n    transform: translateZ(-1000px) rotateY(90deg);\n}\n.item-hover-217.circle.effect11.left_to_right a:hover .info {\n    -webkit-transform: translateZ(0) rotateY(0);\n    -moz-transform: translateZ(0) rotateY(0);\n    -ms-transform: translateZ(0) rotateY(0);\n    -o-transform: translateZ(0) rotateY(0);\n    transform: translateZ(0) rotateY(0);\n}\n\n.item-hover-217.circle.effect11.right_to_left .img {\n    -webkit-transform: translateZ(0) rotateY(0);\n    -moz-transform: translateZ(0) rotateY(0);\n    -ms-transform: translateZ(0) rotateY(0);\n    -o-transform: translateZ(0) rotateY(0);\n    transform: translateZ(0) rotateY(0);\n}\n.item-hover-217.circle.effect11.right_to_left .info {\n    -webkit-transform: translateZ(-1000px) rotateY(90deg);\n    -moz-transform: translateZ(-1000px) rotateY(90deg);\n    -ms-transform: translateZ(-1000px) rotateY(90deg);\n    -o-transform: translateZ(-1000px) rotateY(90deg);\n    transform: translateZ(-1000px) rotateY(90deg);\n}\n.item-hover-217.circle.effect11.right_to_left a:hover .img {\n    -webkit-transform: translateZ(-1000px) rotateY(-90deg);\n    -moz-transform: translateZ(-1000px) rotateY(-90deg);\n    -ms-transform: translateZ(-1000px) rotateY(-90deg);\n    -o-transform: translateZ(-1000px) rotateY(-90deg);\n    transform: translateZ(-1000px) rotateY(-90deg);\n}\n.item-hover-217.circle.effect11.right_to_left a:hover .info {\n    -webkit-transform: translateZ(0) rotateY(0);\n    -moz-transform: translateZ(0) rotateY(0);\n    -ms-transform: translateZ(0) rotateY(0);\n    -o-transform: translateZ(0) rotateY(0);\n    transform: translateZ(0) rotateY(0);\n}\n\n.item-hover-217.circle.effect11.top_to_bottom .img {\n    -webkit-transform: translateZ(0) rotateX(0);\n    -moz-transform: translateZ(0) rotateX(0);\n    -ms-transform: translateZ(0) rotateX(0);\n    -o-transform: translateZ(0) rotateX(0);\n    transform: translateZ(0) rotateX(0);\n}\n.item-hover-217.circle.effect11.top_to_bottom .info {\n    -webkit-transform: translateZ(-1000px) rotateX(90deg);\n    -moz-transform: translateZ(-1000px) rotateX(90deg);\n    -ms-transform: translateZ(-1000px) rotateX(90deg);\n    -o-transform: translateZ(-1000px) rotateX(90deg);\n    transform: translateZ(-1000px) rotateX(90deg);\n}\n.item-hover-217.circle.effect11.top_to_bottom a:hover .img {\n    -webkit-transform: translateZ(-1000px) rotateX(-90deg);\n    -moz-transform: translateZ(-1000px) rotateX(-90deg);\n    -ms-transform: translateZ(-1000px) rotateX(-90deg);\n    -o-transform: translateZ(-1000px) rotateX(-90deg);\n    transform: translateZ(-1000px) rotateX(-90deg);\n}\n.item-hover-217.circle.effect11.top_to_bottom a:hover .info {\n    -webkit-transform: translateZ(0) rotateX(0);\n    -moz-transform: translateZ(0) rotateX(0);\n    -ms-transform: translateZ(0) rotateX(0);\n    -o-transform: translateZ(0) rotateX(0);\n    transform: translateZ(0) rotateX(0);\n}\n\n.item-hover-217.circle.effect11.bottom_to_top .img {\n    -webkit-transform: translateZ(0) rotateX(0);\n    -moz-transform: translateZ(0) rotateX(0);\n    -ms-transform: translateZ(0) rotateX(0);\n    -o-transform: translateZ(0) rotateX(0);\n    transform: translateZ(0) rotateX(0);\n}\n.item-hover-217.circle.effect11.bottom_to_top .info {\n    -webkit-transform: translateZ(-1000px) rotateX(-90deg);\n    -moz-transform: translateZ(-1000px) rotateX(-90deg);\n    -ms-transform: translateZ(-1000px) rotateX(-90deg);\n    -o-transform: translateZ(-1000px) rotateX(-90deg);\n    transform: translateZ(-1000px) rotateX(-90deg);\n}\n.item-hover-217.circle.effect11.bottom_to_top a:hover .img {\n    -webkit-transform: translateZ(-1000px) rotateX(90deg);\n    -moz-transform: translateZ(-1000px) rotateX(90deg);\n    -ms-transform: translateZ(-1000px) rotateX(90deg);\n    -o-transform: translateZ(-1000px) rotateX(90deg);\n    transform: translateZ(-1000px) rotateX(90deg);\n}\n.item-hover-217.circle.effect11.bottom_to_top a:hover .info {\n    -webkit-transform: translateZ(0) rotateX(0);\n    -moz-transform: translateZ(0) rotateX(0);\n    -ms-transform: translateZ(0) rotateX(0);\n    -o-transform: translateZ(0) rotateX(0);\n    transform: translateZ(0) rotateX(0);\n}\n\n.item-hover-217.circle.effect12 .img {\n    opacity: 1;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle.effect12.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-217.circle.effect12 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-217.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-217.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-217.circle.effect12.left_to_right .img {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n}\n.item-hover-217.circle.effect12.left_to_right .info {\n    -webkit-transform: translateX(100%) rotate(180deg);\n    -moz-transform: translateX(100%) rotate(180deg);\n    -ms-transform: translateX(100%) rotate(180deg);\n    -o-transform: translateX(100%) rotate(180deg);\n    transform: translateX(100%) rotate(180deg);\n}\n.item-hover-217.circle.effect12.left_to_right a:hover .img {\n    -webkit-transform: translateX(100%) rotate(180deg);\n    -moz-transform: translateX(100%) rotate(180deg);\n    -ms-transform: translateX(100%) rotate(180deg);\n    -o-transform: translateX(100%) rotate(180deg);\n    transform: translateX(100%) rotate(180deg);\n}\n.item-hover-217.circle.effect12.left_to_right a:hover .info {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n    -webkit-transition-delay: 0.4s;\n    -moz-transition-delay: 0.4s;\n    transition-delay: 0.4s;\n}\n\n.item-hover-217.circle.effect12.right_to_left .img {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n}\n.item-hover-217.circle.effect12.right_to_left .info {\n    -webkit-transform: translateX(-100%) rotate(-180deg);\n    -moz-transform: translateX(-100%) rotate(-180deg);\n    -ms-transform: translateX(-100%) rotate(-180deg);\n    -o-transform: translateX(-100%) rotate(-180deg);\n    transform: translateX(-100%) rotate(-180deg);\n}\n.item-hover-217.circle.effect12.right_to_left a:hover .img {\n    -webkit-transform: translateX(-100%) rotate(-180deg);\n    -moz-transform: translateX(-100%) rotate(-180deg);\n    -ms-transform: translateX(-100%) rotate(-180deg);\n    -o-transform: translateX(-100%) rotate(-180deg);\n    transform: translateX(-100%) rotate(-180deg);\n}\n.item-hover-217.circle.effect12.right_to_left a:hover .info {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n    -webkit-transition-delay: 0.4s;\n    -moz-transition-delay: 0.4s;\n    transition-delay: 0.4s;\n}\n\n.item-hover-217.circle.effect12.top_to_bottom .img {\n    -webkit-transform: translateY(0) rotate(0);\n    -moz-transform: translateY(0) rotate(0);\n    -ms-transform: translateY(0) rotate(0);\n    -o-transform: translateY(0) rotate(0);\n    transform: translateY(0) rotate(0);\n}\n.item-hover-217.circle.effect12.top_to_bottom .info {\n    -webkit-transform: translateY(-100%) rotate(-180deg);\n    -moz-transform: translateY(-100%) rotate(-180deg);\n    -ms-transform: translateY(-100%) rotate(-180deg);\n    -o-transform: translateY(-100%) rotate(-180deg);\n    transform: translateY(-100%) rotate(-180deg);\n}\n.item-hover-217.circle.effect12.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(-100%) rotate(-180deg);\n    -moz-transform: translateY(-100%) rotate(-180deg);\n    -ms-transform: translateY(-100%) rotate(-180deg);\n    -o-transform: translateY(-100%) rotate(-180deg);\n    transform: translateY(-100%) rotate(-180deg);\n}\n.item-hover-217.circle.effect12.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0) rotate(0);\n    -moz-transform: translateY(0) rotate(0);\n    -ms-transform: translateY(0) rotate(0);\n    -o-transform: translateY(0) rotate(0);\n    transform: translateY(0) rotate(0);\n    -webkit-transition-delay: 0.4s;\n    -moz-transition-delay: 0.4s;\n    transition-delay: 0.4s;\n}\n\n.item-hover-217.circle.effect12.bottom_to_top .img {\n    -webkit-transform: translateY(0) rotate(0);\n    -moz-transform: translateY(0) rotate(0);\n    -ms-transform: translateY(0) rotate(0);\n    -o-transform: translateY(0) rotate(0);\n    transform: translateY(0) rotate(0);\n}\n.item-hover-217.circle.effect12.bottom_to_top .info {\n    -webkit-transform: translateY(100%) rotate(180deg);\n    -moz-transform: translateY(100%) rotate(180deg);\n    -ms-transform: translateY(100%) rotate(180deg);\n    -o-transform: translateY(100%) rotate(180deg);\n    transform: translateY(100%) rotate(180deg);\n}\n.item-hover-217.circle.effect12.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(100%) rotate(180deg);\n    -moz-transform: translateY(100%) rotate(180deg);\n    -ms-transform: translateY(100%) rotate(180deg);\n    -o-transform: translateY(100%) rotate(180deg);\n    transform: translateY(100%) rotate(180deg);\n}\n.item-hover-217.circle.effect12.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0) rotate(0);\n    -moz-transform: translateY(0) rotate(0);\n    -ms-transform: translateY(0) rotate(0);\n    -o-transform: translateY(0) rotate(0);\n    transform: translateY(0) rotate(0);\n    -webkit-transition-delay: 0.4s;\n    -moz-transition-delay: 0.4s;\n    transition-delay: 0.4s;\n}\n\n.item-hover-217.circle.effect13.colored .info {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-217.circle.effect13 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n\n.item-hover-217.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-217.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-217.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-217.circle.effect13.from_left_and_right .info h3 {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-217.circle.effect13.from_left_and_right .info p {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-217.circle.effect13.from_left_and_right a:hover h3 {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-217.circle.effect13.from_left_and_right a:hover p {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-217.circle.effect13.top_to_bottom .info h3 {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-217.circle.effect13.top_to_bottom .info p {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-217.circle.effect13.top_to_bottom a:hover h3 {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-217.circle.effect13.top_to_bottom a:hover p {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.circle.effect13.bottom_to_top .info h3 {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-217.circle.effect13.bottom_to_top .info p {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-217.circle.effect13.bottom_to_top a:hover h3 {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-217.circle.effect13.bottom_to_top a:hover p {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-217.circle.effect14 .img {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transition: all 0.4s ease-out;\n    -moz-transition: all 0.4s ease-out;\n    transition: all 0.4s ease-out;\n}\n.item-hover-217.circle.effect14.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-217.circle.effect14 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    -webkit-transition: all 0.35s ease-in-out 0.3s;\n    -moz-transition: all 0.35s ease-in-out 0.3s;\n    transition: all 0.35s ease-in-out 0.3s;\n}\n.item-hover-217.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-217.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-217.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-217.circle.effect14.left_to_right .img {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n    -webkit-transform-origin: 100% 50%;\n    -moz-transform-origin: 100% 50%;\n    -ms-transform-origin: 100% 50%;\n    -o-transform-origin: 100% 50%;\n    transform-origin: 100% 50%;\n}\n.item-hover-217.circle.effect14.left_to_right .info {\n    -webkit-transform: rotateY(90deg);\n    -moz-transform: rotateY(90deg);\n    -ms-transform: rotateY(90deg);\n    -o-transform: rotateY(90deg);\n    transform: rotateY(90deg);\n    -webkit-transform-origin: 0% 50%;\n    -moz-transform-origin: 0% 50%;\n    -ms-transform-origin: 0% 50%;\n    -o-transform-origin: 0% 50%;\n    transform-origin: 0% 50%;\n}\n.item-hover-217.circle.effect14.left_to_right a:hover .img {\n    -webkit-transform: rotateY(-90deg);\n    -moz-transform: rotateY(-90deg);\n    -ms-transform: rotateY(-90deg);\n    -o-transform: rotateY(-90deg);\n    transform: rotateY(-90deg);\n}\n.item-hover-217.circle.effect14.left_to_right a:hover .info {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n}\n\n.item-hover-217.circle.effect14.right_to_left .img {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n    -webkit-transform-origin: 0% 50%;\n    -moz-transform-origin: 0% 50%;\n    -ms-transform-origin: 0% 50%;\n    -o-transform-origin: 0% 50%;\n    transform-origin: 0% 50%;\n}\n.item-hover-217.circle.effect14.right_to_left .info {\n    -webkit-transform: rotateY(-90deg);\n    -moz-transform: rotateY(-90deg);\n    -ms-transform: rotateY(-90deg);\n    -o-transform: rotateY(-90deg);\n    transform: rotateY(-90deg);\n    -webkit-transform-origin: 100% 50%;\n    -moz-transform-origin: 100% 50%;\n    -ms-transform-origin: 100% 50%;\n    -o-transform-origin: 100% 50%;\n    transform-origin: 100% 50%;\n}\n.item-hover-217.circle.effect14.right_to_left a:hover .img {\n    -webkit-transform: rotateY(90deg);\n    -moz-transform: rotateY(90deg);\n    -ms-transform: rotateY(90deg);\n    -o-transform: rotateY(90deg);\n    transform: rotateY(90deg);\n}\n.item-hover-217.circle.effect14.right_to_left a:hover .info {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n}\n\n.item-hover-217.circle.effect14.top_to_bottom .img {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n    -webkit-transform-origin: 50% 100%;\n    -moz-transform-origin: 50% 100%;\n    -ms-transform-origin: 50% 100%;\n    -o-transform-origin: 50% 100%;\n    transform-origin: 50% 100%;\n}\n.item-hover-217.circle.effect14.top_to_bottom .info {\n    -webkit-transform: rotateX(-90deg);\n    -moz-transform: rotateX(-90deg);\n    -ms-transform: rotateX(-90deg);\n    -o-transform: rotateX(-90deg);\n    transform: rotateX(-90deg);\n    -webkit-transform-origin: 50% 0;\n    -moz-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    -o-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n}\n.item-hover-217.circle.effect14.top_to_bottom a:hover .img {\n    -webkit-transform: rotateX(90deg);\n    -moz-transform: rotateX(90deg);\n    -ms-transform: rotateX(90deg);\n    -o-transform: rotateX(90deg);\n    transform: rotateX(90deg);\n}\n.item-hover-217.circle.effect14.top_to_bottom a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n\n.item-hover-217.circle.effect14.bottom_to_top .img {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n    -webkit-transform-origin: 50% 0;\n    -moz-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    -o-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n}\n.item-hover-217.circle.effect14.bottom_to_top .info {\n    -webkit-transform: rotateX(90deg);\n    -moz-transform: rotateX(90deg);\n    -ms-transform: rotateX(90deg);\n    -o-transform: rotateX(90deg);\n    transform: rotateX(90deg);\n    -webkit-transform-origin: 50% 100%;\n    -moz-transform-origin: 50% 100%;\n    -ms-transform-origin: 50% 100%;\n    -o-transform-origin: 50% 100%;\n    transform-origin: 50% 100%;\n}\n.item-hover-217.circle.effect14.bottom_to_top a:hover .img {\n    -webkit-transform: rotateX(-90deg);\n    -moz-transform: rotateX(-90deg);\n    -ms-transform: rotateX(-90deg);\n    -o-transform: rotateX(-90deg);\n    transform: rotateX(-90deg);\n}\n.item-hover-217.circle.effect14.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n\n.item-hover-217.circle.effect15 .img {\n    opacity: 1;\n    visibility: visible;\n    -webkit-transform: scale(1) rotate(0);\n    -moz-transform: scale(1) rotate(0);\n    -ms-transform: scale(1) rotate(0);\n    -o-transform: scale(1) rotate(0);\n    transform: scale(1) rotate(0);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle.effect15.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-217.circle.effect15 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    -webkit-transform: scale(0.5) rotate(-720deg);\n    -moz-transform: scale(0.5) rotate(-720deg);\n    -ms-transform: scale(0.5) rotate(-720deg);\n    -o-transform: scale(0.5) rotate(-720deg);\n    transform: scale(0.5) rotate(-720deg);\n    -webkit-transition: all 0.35s ease-in-out 0.3s;\n    -moz-transition: all 0.35s ease-in-out 0.3s;\n    transition: all 0.35s ease-in-out 0.3s;\n}\n.item-hover-217.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-217.circle.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n    -webkit-transform: scale(0.5) rotate(720deg);\n    -moz-transform: scale(0.5) rotate(720deg);\n    -ms-transform: scale(0.5) rotate(720deg);\n    -o-transform: scale(0.5) rotate(720deg);\n    transform: scale(0.5) rotate(720deg);\n}\n.item-hover-217.circle.effect15 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n    -webkit-transform: scale(1) rotate(0);\n    -moz-transform: scale(1) rotate(0);\n    -ms-transform: scale(1) rotate(0);\n    -o-transform: scale(1) rotate(0);\n    transform: scale(1) rotate(0);\n}\n\n.item-hover-217.circle.effect16 .img {\n    z-index: 11;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle.effect16.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-217.circle.effect16 .info {\n    background: #333333;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-217.circle.effect16.left_to_right .img {\n    -webkit-transform-origin: 95% 40%;\n    -moz-transform-origin: 95% 40%;\n    -ms-transform-origin: 95% 40%;\n    -o-transform-origin: 95% 40%;\n    transform-origin: 95% 40%;\n}\n.item-hover-217.circle.effect16.left_to_right .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 0%;\n    top: 40%;\n    left: 95%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-217.circle.effect16.left_to_right a:hover .img {\n    -webkit-transform: rotate(-120deg);\n    -moz-transform: rotate(-120deg);\n    -ms-transform: rotate(-120deg);\n    -o-transform: rotate(-120deg);\n    transform: rotate(-120deg);\n}\n\n.item-hover-217.circle.effect16.right_to_left .img {\n    -webkit-transform-origin: 5% 40%;\n    -moz-transform-origin: 5% 40%;\n    -ms-transform-origin: 5% 40%;\n    -o-transform-origin: 5% 40%;\n    transform-origin: 5% 40%;\n}\n.item-hover-217.circle.effect16.right_to_left .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 0%;\n    top: 40%;\n    left: 5%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-217.circle.effect16.right_to_left a:hover .img {\n    -webkit-transform: rotate(120deg);\n    -moz-transform: rotate(120deg);\n    -ms-transform: rotate(120deg);\n    -o-transform: rotate(120deg);\n    transform: rotate(120deg);\n}\n\n.item-hover-217.circle.effect17 .info {\n    opacity: 0;\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-217.circle.effect17 a:hover .img:before {\n    box-shadow: inset 0 0 0 110px #333333, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n    box-shadow: inset 0 0 0 110px rgba(0, 0, 0, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n.item-hover-217.circle.effect17 a:hover .info {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-217.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-217.circle.effect17.colored a:hover .img:before {\n    box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n    box-shadow: inset 0 0 0 500px rgba(49,163,221, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-217.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-217.circle.effect18 .img {\n    z-index: 11;\n    -webkit-transition: all 0.5s ease-in-out;\n    -moz-transition: all 0.5s ease-in-out;\n    transition: all 0.5s ease-in-out;\n}\n.item-hover-217.circle.effect18.colored .info .info-back {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-217.circle.effect18 .info {\n    -webkit-transform-style: preserve-3d;\n    -moz-transform-style: preserve-3d;\n    -ms-transform-style: preserve-3d;\n    -o-transform-style: preserve-3d;\n    transform-style: preserve-3d;\n}\n.item-hover-217.circle.effect18 .info .info-back {\n    opacity: 1;\n    border-radius: 0%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n}\n.item-hover-217.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-217.circle.effect18.bottom_to_top .img {\n    -webkit-transform-origin: 50% 0;\n    -moz-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    -o-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n}\n.item-hover-217.circle.effect18.bottom_to_top a:hover .img {\n    -webkit-transform: rotate3d(1, 0, 0, 180deg);\n    -moz-transform: rotate3d(1, 0, 0, 180deg);\n    -ms-transform: rotate3d(1, 0, 0, 180deg);\n    -o-transform: rotate3d(1, 0, 0, 180deg);\n    transform: rotate3d(1, 0, 0, 180deg);\n}\n\n.item-hover-217.circle.effect18.top_to_bottom .img {\n    -webkit-transform-origin: 50% 100%;\n    -moz-transform-origin: 50% 100%;\n    -ms-transform-origin: 50% 100%;\n    -o-transform-origin: 50% 100%;\n    transform-origin: 50% 100%;\n}\n.item-hover-217.circle.effect18.top_to_bottom a:hover .img {\n    -webkit-transform: rotate3d(1, 0, 0, -180deg);\n    -moz-transform: rotate3d(1, 0, 0, -180deg);\n    -ms-transform: rotate3d(1, 0, 0, -180deg);\n    -o-transform: rotate3d(1, 0, 0, -180deg);\n    transform: rotate3d(1, 0, 0, -180deg);\n}\n\n.item-hover-217.circle.effect18.left_to_right .img {\n    -webkit-transform-origin: 100% 50%;\n    -moz-transform-origin: 100% 50%;\n    -ms-transform-origin: 100% 50%;\n    -o-transform-origin: 100% 50%;\n    transform-origin: 100% 50%;\n}\n.item-hover-217.circle.effect18.left_to_right a:hover .img {\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n}\n\n.item-hover-217.circle.effect18.right_to_left .img {\n    -webkit-transform-origin: 0% 50%;\n    -moz-transform-origin: 0% 50%;\n    -ms-transform-origin: 0% 50%;\n    -o-transform-origin: 0% 50%;\n    transform-origin: 0% 50%;\n}\n.item-hover-217.circle.effect18.right_to_left a:hover .img {\n    -webkit-transform: rotate3d(0, 1, 0, -180deg);\n    -moz-transform: rotate3d(0, 1, 0, -180deg);\n    -ms-transform: rotate3d(0, 1, 0, -180deg);\n    -o-transform: rotate3d(0, 1, 0, -180deg);\n    transform: rotate3d(0, 1, 0, -180deg);\n}\n\n.item-hover-217.circle.effect19.colored .info {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-217.circle.effect19 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    opacity: 0;\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-217.circle.effect19 a:hover .info {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-217.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-217.circle.effect20 .img {\n    -webkit-transition: all 0.35s linear;\n    -moz-transition: all 0.35s linear;\n    transition: all 0.35s linear;\n    -webkit-transform-origin: 50% 0%;\n    -moz-transform-origin: 50% 0%;\n    -ms-transform-origin: 50% 0%;\n    -o-transform-origin: 50% 0%;\n    transform-origin: 50% 0%;\n}\n.item-hover-217.circle.effect20.colored .info .info-back {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-217.circle.effect20 .info {\n    -webkit-transform-style: preserve-3d;\n    -moz-transform-style: preserve-3d;\n    -ms-transform-style: preserve-3d;\n    -o-transform-style: preserve-3d;\n    transform-style: preserve-3d;\n}\n.item-hover-217.circle.effect20 .info .info-back {\n    opacity: 1;\n    visibility: hidden;\n    border-radius: 0%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    -webkit-transition: all 0.35s linear;\n    -moz-transition: all 0.35s linear;\n    transition: all 0.35s linear;\n    -webkit-transform-origin: 50% 0%;\n    -moz-transform-origin: 50% 0%;\n    -ms-transform-origin: 50% 0%;\n    -o-transform-origin: 50% 0%;\n    transform-origin: 50% 0%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-217.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-217.circle.effect20 .info p {\n    color: #bbb;\n    padding: 10px 5px;\n    font-style: italic;\n    margin: 0 30px;\n    font-size: 12px;\n    border-top: 1px solid rgba(255, 255, 255, 0.5);\n}\n.item-hover-217.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-217.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-217.circle.effect20.top_to_bottom .info .info-back {\n    -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n}\n.item-hover-217.circle.effect20.top_to_bottom a:hover .img {\n    -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n}\n.item-hover-217.circle.effect20.top_to_bottom a:hover .info .info-back {\n    -webkit-transform: rotate3d(1, 0, 0, 0deg);\n    -moz-transform: rotate3d(1, 0, 0, 0deg);\n    -ms-transform: rotate3d(1, 0, 0, 0deg);\n    -o-transform: rotate3d(1, 0, 0, 0deg);\n    transform: rotate3d(1, 0, 0, 0deg);\n}\n\n.item-hover-217.circle.effect20.bottom_to_top .info .info-back {\n    -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n}\n.item-hover-217.circle.effect20.bottom_to_top a:hover .img {\n    -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n}\n.item-hover-217.circle.effect20.bottom_to_top a:hover .info .info-back {\n    -webkit-transform: rotate3d(1, 0, 0, 0deg);\n    -moz-transform: rotate3d(1, 0, 0, 0deg);\n    -ms-transform: rotate3d(1, 0, 0, 0deg);\n    -o-transform: rotate3d(1, 0, 0, 0deg);\n    transform: rotate3d(1, 0, 0, 0deg);\n}\n\n.item-hover-217.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-217.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-217.square.effect1 .img {\n    z-index: 11;\n    position: absolute;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-217.square.effect1 .info {\n    background: #333333;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.square.effect1 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-217.square.effect1.left_and_right .info h3 {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    margin: 0;\n}\n.item-hover-217.square.effect1.left_and_right .info p {\n    position: absolute;\n    right: 12px;\n    bottom: 12px;\n    margin: 0;\n    font-style: italic;\n    font-size: 12px;\n    color: #bbb;\n}\n.item-hover-217.square.effect1.left_and_right a:hover .img {\n    -webkit-transform: scale(0.6);\n    -moz-transform: scale(0.6);\n    -ms-transform: scale(0.6);\n    -o-transform: scale(0.6);\n    transform: scale(0.6);\n}\n\n.item-hover-217.square.effect1.top_to_bottom .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px 10px 0 4px;\n    margin: 10px 0 0 0;\n}\n.item-hover-217.square.effect1.top_to_bottom .info p {\n    font-style: italic;\n    font-size: 12px;\n    color: #bbb;\n    padding: 5px;\n    text-align: center;\n}\n.item-hover-217.square.effect1.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(30px) scale(0.6);\n    -moz-transform: translateY(30px) scale(0.6);\n    -ms-transform: translateY(30px) scale(0.6);\n    -o-transform: translateY(30px) scale(0.6);\n    transform: translateY(30px) scale(0.6);\n}\n\n.item-hover-217.square.effect1.bottom_to_top .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px 10px 0 4px;\n    margin: 134px 0 0 0;\n}\n.item-hover-217.square.effect1.bottom_to_top .info p {\n    font-style: italic;\n    font-size: 12px;\n    color: #bbb;\n    padding: 5px;\n    text-align: center;\n}\n.item-hover-217.square.effect1.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(-30px) scale(0.6);\n    -moz-transform: translateY(-30px) scale(0.6);\n    -ms-transform: translateY(-30px) scale(0.6);\n    -o-transform: translateY(-30px) scale(0.6);\n    transform: translateY(-30px) scale(0.6);\n}\n\n.item-hover-217.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-217.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-217.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-217.square.effect2 .img {\n    opacity: 1;\n    -webkit-transition: all 0.5s ease-in-out;\n    -moz-transition: all 0.5s ease-in-out;\n    transition: all 0.5s ease-in-out;\n    -webkit-transform: rotate(0deg) scale(1);\n    -moz-transform: rotate(0deg) scale(1);\n    -ms-transform: rotate(0deg) scale(1);\n    -o-transform: rotate(0deg) scale(1);\n    transform: rotate(0deg) scale(1);\n}\n.item-hover-217.square.effect2 .info {\n    background: #333333;\n    visibility: hidden;\n    -webkit-transition: all 0.35s 0.3s ease-in-out;\n    -moz-transition: all 0.35s 0.3s ease-in-out;\n    transition: all 0.35s 0.3s ease-in-out;\n}\n.item-hover-217.square.effect2 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n    -webkit-transform: translateY(-200px);\n    -moz-transform: translateY(-200px);\n    -ms-transform: translateY(-200px);\n    -o-transform: translateY(-200px);\n    transform: translateY(-200px);\n    -webkit-transition: all 0.35s 0.6s ease-in-out;\n    -moz-transition: all 0.35s 0.6s ease-in-out;\n    transition: all 0.35s 0.6s ease-in-out;\n}\n.item-hover-217.square.effect2 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n    -webkit-transform: translateY(-200px);\n    -moz-transform: translateY(-200px);\n    -ms-transform: translateY(-200px);\n    -o-transform: translateY(-200px);\n    transform: translateY(-200px);\n    -webkit-transition: all 0.35s 0.5s linear;\n    -moz-transition: all 0.35s 0.5s linear;\n    transition: all 0.35s 0.5s linear;\n}\n.item-hover-217.square.effect2 a:hover .img {\n    -webkit-transform: rotate(720deg) scale(0);\n    -moz-transform: rotate(720deg) scale(0);\n    -ms-transform: rotate(720deg) scale(0);\n    -o-transform: rotate(720deg) scale(0);\n    transform: rotate(720deg) scale(0);\n    opacity: 0;\n}\n.item-hover-217.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-217.square.effect2 a:hover .info h3,\n.item-hover-217.square.effect2 a:hover .info p {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-217.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-217.square.effect3 .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.square.effect3 .info {\n    height: 65px;\n    background: #333333;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.square.effect3 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px 10px 0 4px;\n    margin: 4px 0 0 0;\n}\n.item-hover-217.square.effect3 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 5px;\n    text-align: center;\n}\n.item-hover-217.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-217.square.effect3.bottom_to_top .info {\n    top: auto;\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-217.square.effect3.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(-50px);\n    -moz-transform: translateY(-50px);\n    -ms-transform: translateY(-50px);\n    -o-transform: translateY(-50px);\n    transform: translateY(-50px);\n}\n.item-hover-217.square.effect3.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.square.effect3.top_to_bottom .info {\n    bottom: auto;\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-217.square.effect3.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(50px);\n    -moz-transform: translateY(50px);\n    -ms-transform: translateY(50px);\n    -o-transform: translateY(50px);\n    transform: translateY(50px);\n}\n.item-hover-217.square.effect3.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-217.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-217.square.effect4.colored .mask1,\n.item-hover-217.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-217.square.effect4 .img {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.square.effect4 .mask1,\n.item-hover-217.square.effect4 .mask2 {\n    position: absolute;\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    height: 361px;\n    width: 361px;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.square.effect4 .mask1 {\n    left: auto;\n    right: 0;\n    top: 0;\n    -webkit-transform: rotate(56.5deg) translateX(-180px);\n    -moz-transform: rotate(56.5deg) translateX(-180px);\n    -ms-transform: rotate(56.5deg) translateX(-180px);\n    -o-transform: rotate(56.5deg) translateX(-180px);\n    transform: rotate(56.5deg) translateX(-180px);\n    -webkit-transform-origin: 100% 0%;\n    -moz-transform-origin: 100% 0%;\n    -ms-transform-origin: 100% 0%;\n    -o-transform-origin: 100% 0%;\n    transform-origin: 100% 0%;\n}\n.item-hover-217.square.effect4 .mask2 {\n    top: auto;\n    bottom: 0;\n    left: 0;\n    -webkit-transform: rotate(56.5deg) translateX(180px);\n    -moz-transform: rotate(56.5deg) translateX(180px);\n    -ms-transform: rotate(56.5deg) translateX(180px);\n    -o-transform: rotate(56.5deg) translateX(180px);\n    transform: rotate(56.5deg) translateX(180px);\n    -webkit-transform-origin: 0% 100%;\n    -moz-transform-origin: 0% 100%;\n    -ms-transform-origin: 0% 100%;\n    -o-transform-origin: 0% 100%;\n    transform-origin: 0% 100%;\n}\n.item-hover-217.square.effect4 .info {\n    background: #111111;\n    height: 0;\n    visibility: hidden;\n    width: 361px;\n    -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);\n    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);\n    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);\n    -o-transform: rotate(-33.5deg) translate(-112px, 166px);\n    transform: rotate(-33.5deg) translate(-112px, 166px);\n    -webkit-transform-origin: 0% 100%;\n    -moz-transform-origin: 0% 100%;\n    -ms-transform-origin: 0% 100%;\n    -o-transform-origin: 0% 100%;\n    transform-origin: 0% 100%;\n    -webkit-transition: all 0.35s ease-in-out 0.35s;\n    -moz-transition: all 0.35s ease-in-out 0.35s;\n    transition: all 0.35s ease-in-out 0.35s;\n}\n.item-hover-217.square.effect4 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: transparent;\n    margin-top: 5px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out 0.35s;\n    -moz-transition: all 0.35s ease-in-out 0.35s;\n    transition: all 0.35s ease-in-out 0.35s;\n}\n.item-hover-217.square.effect4 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out 0.35s;\n    -moz-transition: all 0.35s ease-in-out 0.35s;\n    transition: all 0.35s ease-in-out 0.35s;\n}\n.item-hover-217.square.effect4 a:hover .mask1 {\n    -webkit-transform: rotate(56.5deg) translateX(1px);\n    -moz-transform: rotate(56.5deg) translateX(1px);\n    -ms-transform: rotate(56.5deg) translateX(1px);\n    -o-transform: rotate(56.5deg) translateX(1px);\n    transform: rotate(56.5deg) translateX(1px);\n}\n.item-hover-217.square.effect4 a:hover .mask2 {\n    -webkit-transform: rotate(56.5deg) translateX(-1px);\n    -moz-transform: rotate(56.5deg) translateX(-1px);\n    -ms-transform: rotate(56.5deg) translateX(-1px);\n    -o-transform: rotate(56.5deg) translateX(-1px);\n    transform: rotate(56.5deg) translateX(-1px);\n}\n.item-hover-217.square.effect4 a:hover .info {\n    width: 300px;\n    height: 120px;\n    visibility: visible;\n    top: 40px;\n    -webkit-transform: rotate(0deg) translate(0, 0);\n    -moz-transform: rotate(0deg) translate(0, 0);\n    -ms-transform: rotate(0deg) translate(0, 0);\n    -o-transform: rotate(0deg) translate(0, 0);\n    transform: rotate(0deg) translate(0, 0);\n}\n.item-hover-217.square.effect4 a:hover .info h3,\n.item-hover-217.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-217.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-217.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-217.square.effect5 .img {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-217.square.effect5 .info {\n    background: #333333;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.square.effect5 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n}\n.item-hover-217.square.effect5 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n.item-hover-217.square.effect5 a:hover .img {\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n    -webkit-transition-delay: 0;\n    -moz-transition-delay: 0;\n    transition-delay: 0;\n}\n.item-hover-217.square.effect5 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transform: scale(1) rotate(0deg);\n    -moz-transform: scale(1) rotate(0deg);\n    -ms-transform: scale(1) rotate(0deg);\n    -o-transform: scale(1) rotate(0deg);\n    transform: scale(1) rotate(0deg);\n    -webkit-transition-delay: 0.3s;\n    -moz-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n}\n\n.item-hover-217.square.effect5.left_to_right .info {\n    -webkit-transform: scale(0) rotate(-180deg);\n    -moz-transform: scale(0) rotate(-180deg);\n    -ms-transform: scale(0) rotate(-180deg);\n    -o-transform: scale(0) rotate(-180deg);\n    transform: scale(0) rotate(-180deg);\n}\n\n.item-hover-217.square.effect5.right_to_left .info {\n    -webkit-transform: scale(0) rotate(180deg);\n    -moz-transform: scale(0) rotate(180deg);\n    -ms-transform: scale(0) rotate(180deg);\n    -o-transform: scale(0) rotate(180deg);\n    transform: scale(0) rotate(180deg);\n}\n\n.item-hover-217.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-217.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-217.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-217.square.effect6 .img {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-217.square.effect6 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.square.effect6 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.square.effect6 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n    -webkit-transition: all 0.35s 0.1s linear;\n    -moz-transition: all 0.35s 0.1s linear;\n    transition: all 0.35s 0.1s linear;\n}\n.item-hover-217.square.effect6 a:hover .img {\n    -webkit-transform: scale(1.2);\n    -moz-transform: scale(1.2);\n    -ms-transform: scale(1.2);\n    -o-transform: scale(1.2);\n    transform: scale(1.2);\n}\n.item-hover-217.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-217.square.effect6.from_top_and_bottom .info h3 {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-217.square.effect6.from_top_and_bottom .info p {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-217.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-217.square.effect6.from_top_and_bottom a:hover .info p {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.square.effect6.from_left_and_right .info h3 {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-217.square.effect6.from_left_and_right .info p {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-217.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-217.square.effect6.from_left_and_right a:hover .info p {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-217.square.effect6.top_to_bottom .info h3 {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-217.square.effect6.top_to_bottom .info p {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-217.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-217.square.effect6.top_to_bottom a:hover .info p {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.square.effect6.bottom_to_top .info h3 {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-217.square.effect6.bottom_to_top .info p {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-217.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-217.square.effect6.bottom_to_top a:hover .info p {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-217.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-217.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-217.square.effect7 .img {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-217.square.effect7 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.square.effect7 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n    -webkit-transform: scale(4);\n    -moz-transform: scale(4);\n    -ms-transform: scale(4);\n    -o-transform: scale(4);\n    transform: scale(4);\n    -webkit-transition: all 0.35s 0.1s ease-in-out;\n    -moz-transition: all 0.35s 0.1s ease-in-out;\n    transition: all 0.35s 0.1s ease-in-out;\n}\n\n.item-hover-217.square.effect7 a:hover .img {\n    -webkit-transform: scale(1.2);\n    -moz-transform: scale(1.2);\n    -ms-transform: scale(1.2);\n    -o-transform: scale(1.2);\n    transform: scale(1.2);\n}\n.item-hover-217.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-217.square.effect7 a:hover .info h3,\n.item-hover-217.square.effect7 a:hover .info p {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-217.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-217.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-217.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-217.square.effect8 .img {\n    opacity: 1;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.square.effect8 .info {\n    background: #333333;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.square.effect8 .info h3 {\n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n    -webkit-transition: all 0.35s 0.1s ease-in-out;\n    -moz-transition: all 0.35s 0.1s ease-in-out;\n    transition: all 0.35s 0.1s ease-in-out;\n}\n\n.item-hover-217.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-217.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-217.square.effect8.scale_up .img {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-217.square.effect8.scale_up .info {\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n}\n.item-hover-217.square.effect8.scale_up .info h3,\n.item-hover-217.square.effect8.scale_up .info p {\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n}\n.item-hover-217.square.effect8.scale_up a:hover .img {\n    -webkit-transform: scale(5);\n    -moz-transform: scale(5);\n    -ms-transform: scale(5);\n    -o-transform: scale(5);\n    transform: scale(5);\n}\n.item-hover-217.square.effect8.scale_up a:hover .info {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-217.square.effect8.scale_up a:hover .info h3,\n.item-hover-217.square.effect8.scale_up a:hover .info p {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-217.square.effect8.scale_down .img {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-217.square.effect8.scale_down .info {\n    -webkit-transform: scale(5);\n    -moz-transform: scale(5);\n    -ms-transform: scale(5);\n    -o-transform: scale(5);\n    transform: scale(5);\n}\n.item-hover-217.square.effect8.scale_down .info h3,\n.item-hover-217.square.effect8.scale_down .info p {\n    -webkit-transform: scale(5);\n    -moz-transform: scale(5);\n    -ms-transform: scale(5);\n    -o-transform: scale(5);\n    transform: scale(5);\n}\n.item-hover-217.square.effect8.scale_down a:hover .img {\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-217.square.effect8.scale_down a:hover .info {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-217.square.effect8.scale_down a:hover .info h3,\n.item-hover-217.square.effect8.scale_down a:hover .info p {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-217.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-217.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-217.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-217.square.effect9 .img {\n    position: relative;\n    z-index: 11;\n    -webkit-transition: all 0.5s ease-in-out;\n    -moz-transition: all 0.5s ease-in-out;\n    transition: all 0.5s ease-in-out;\n}\n.item-hover-217.square.effect9 .info {\n    z-index: 0;\n    -webkit-transform-style: preserve-3d;\n    -moz-transform-style: preserve-3d;\n    -ms-transform-style: preserve-3d;\n    -o-transform-style: preserve-3d;\n    transform-style: preserve-3d;\n}\n.item-hover-217.square.effect9 .info .info-back {\n    opacity: 1;\n    width: 100%;\n    height: 100%;\n    padding-top: 30px;\n    background: #333333;\n}\n.item-hover-217.square.effect9 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 0;\n}\n.item-hover-217.square.effect9 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n\n.item-hover-217.square.effect9.left_to_right .img {\n    -webkit-transform-origin: 100% 50%;\n    -moz-transform-origin: 100% 50%;\n    -ms-transform-origin: 100% 50%;\n    -o-transform-origin: 100% 50%;\n    transform-origin: 100% 50%;\n}\n.item-hover-217.square.effect9.left_to_right a:hover .img {\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n}\n\n.item-hover-217.square.effect9.right_to_left .img {\n    -webkit-transform-origin: 0% 50%;\n    -moz-transform-origin: 0% 50%;\n    -ms-transform-origin: 0% 50%;\n    -o-transform-origin: 0% 50%;\n    transform-origin: 0% 50%;\n}\n.item-hover-217.square.effect9.right_to_left a:hover .img {\n    -webkit-transform: rotate3d(0, 1, 0, -180deg);\n    -moz-transform: rotate3d(0, 1, 0, -180deg);\n    -ms-transform: rotate3d(0, 1, 0, -180deg);\n    -o-transform: rotate3d(0, 1, 0, -180deg);\n    transform: rotate3d(0, 1, 0, -180deg);\n}\n\n.item-hover-217.square.effect9.top_to_bottom .img {\n    -webkit-transform-origin: 50% 100%;\n    -moz-transform-origin: 50% 100%;\n    -ms-transform-origin: 50% 100%;\n    -o-transform-origin: 50% 100%;\n    transform-origin: 50% 100%;\n}\n.item-hover-217.square.effect9.top_to_bottom a:hover .img {\n    -webkit-transform: rotate3d(1, 0, 0, -180deg);\n    -moz-transform: rotate3d(1, 0, 0, -180deg);\n    -ms-transform: rotate3d(1, 0, 0, -180deg);\n    -o-transform: rotate3d(1, 0, 0, -180deg);\n    transform: rotate3d(1, 0, 0, -180deg);\n}\n\n.item-hover-217.square.effect9.bottom_to_top .img {\n    -webkit-transform-origin: 50% 0;\n    -moz-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    -o-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n}\n.item-hover-217.square.effect9.bottom_to_top a:hover .img {\n    -webkit-transform: rotate3d(1, 0, 0, 180deg);\n    -moz-transform: rotate3d(1, 0, 0, 180deg);\n    -ms-transform: rotate3d(1, 0, 0, 180deg);\n    -o-transform: rotate3d(1, 0, 0, 180deg);\n    transform: rotate3d(1, 0, 0, 180deg);\n}\n\n.item-hover-217.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-217.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-217.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-217.square.effect10 .img {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.square.effect10 .info {\n    background: #333333;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.square.effect10 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n}\n.item-hover-217.square.effect10 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n.item-hover-217.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-217.square.effect10.left_to_right .img {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-217.square.effect10.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-217.square.effect10.left_to_right a:hover .img {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-217.square.effect10.left_to_right a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-217.square.effect10.right_to_left .img {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-217.square.effect10.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-217.square.effect10.right_to_left a:hover .img {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-217.square.effect10.right_to_left a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-217.square.effect10.top_to_bottom .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-217.square.effect10.top_to_bottom .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-217.square.effect10.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-217.square.effect10.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.square.effect10.bottom_to_top .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-217.square.effect10.bottom_to_top .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-217.square.effect10.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-217.square.effect10.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-217.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-217.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-217.square.effect11 .img {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.square.effect11 .info {\n    background: #333333;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease 0.2s;\n    -moz-transition: all 0.35s ease 0.2s;\n    transition: all 0.35s ease 0.2s;\n}\n.item-hover-217.square.effect11 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n}\n.item-hover-217.square.effect11 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n.item-hover-217.square.effect11 a:hover .img {\n    opacity: 0;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-217.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-217.square.effect11.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-217.square.effect11.left_to_right a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-217.square.effect11.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-217.square.effect11.right_to_left a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-217.square.effect11.top_to_bottom .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-217.square.effect11.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.square.effect11.bottom_to_top .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-217.square.effect11.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-217.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-217.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-217.square.effect12 .img {\n    -webkit-transition: all 0.35s ease-in;\n    -moz-transition: all 0.35s ease-in;\n    transition: all 0.35s ease-in;\n}\n.item-hover-217.square.effect12 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in;\n    -moz-transition: all 0.35s ease-in;\n    transition: all 0.35s ease-in;\n}\n.item-hover-217.square.effect12 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n    -webkit-transition: all 0.35s ease-in;\n    -moz-transition: all 0.35s ease-in;\n    transition: all 0.35s ease-in;\n}\n.item-hover-217.square.effect12 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n    -webkit-transition: all 0.35s ease-in;\n    -moz-transition: all 0.35s ease-in;\n    transition: all 0.35s ease-in;\n}\n.item-hover-217.square.effect12 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transition-delay: 0.2s;\n    -moz-transition-delay: 0.2s;\n    transition-delay: 0.2s;\n}\n.item-hover-217.square.effect12 a:hover .info h3 {\n    -webkit-transition-delay: 0.3s;\n    -moz-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n}\n.item-hover-217.square.effect12 a:hover .info p {\n    -webkit-transition-delay: 0.25s;\n    -moz-transition-delay: 0.25s;\n    transition-delay: 0.25s;\n}\n\n.item-hover-217.square.effect12.left_to_right .info {\n    -webkit-transform: translate(-460px, -100px) rotate(-180deg);\n    -moz-transform: translate(-460px, -100px) rotate(-180deg);\n    -ms-transform: translate(-460px, -100px) rotate(-180deg);\n    -o-transform: translate(-460px, -100px) rotate(-180deg);\n    transform: translate(-460px, -100px) rotate(-180deg);\n}\n.item-hover-217.square.effect12.left_to_right .info h3 {\n    -webkit-transform: translateY(-100px);\n    -moz-transform: translateY(-100px);\n    -ms-transform: translateY(-100px);\n    -o-transform: translateY(-100px);\n    transform: translateY(-100px);\n}\n.item-hover-217.square.effect12.left_to_right .info p {\n    -webkit-transform: translateX(-300px) rotate(-90deg);\n    -moz-transform: translateX(-300px) rotate(-90deg);\n    -ms-transform: translateX(-300px) rotate(-90deg);\n    -o-transform: translateX(-300px) rotate(-90deg);\n    transform: translateX(-300px) rotate(-90deg);\n}\n.item-hover-217.square.effect12.left_to_right a:hover .info {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n}\n.item-hover-217.square.effect12.left_to_right a:hover .info h3 {\n    -webkit-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -o-transform: translateY(0px);\n    transform: translateY(0px);\n}\n.item-hover-217.square.effect12.left_to_right a:hover .info p {\n    -webkit-transform: translateX(0px) rotate(0deg);\n    -moz-transform: translateX(0px) rotate(0deg);\n    -ms-transform: translateX(0px) rotate(0deg);\n    -o-transform: translateX(0px) rotate(0deg);\n    transform: translateX(0px) rotate(0deg);\n}\n\n.item-hover-217.square.effect12.right_to_left .info {\n    -webkit-transform: translate(460px, -100px) rotate(180deg);\n    -moz-transform: translate(460px, -100px) rotate(180deg);\n    -ms-transform: translate(460px, -100px) rotate(180deg);\n    -o-transform: translate(460px, -100px) rotate(180deg);\n    transform: translate(460px, -100px) rotate(180deg);\n}\n.item-hover-217.square.effect12.right_to_left .info h3 {\n    -webkit-transform: translateY(-100px);\n    -moz-transform: translateY(-100px);\n    -ms-transform: translateY(-100px);\n    -o-transform: translateY(-100px);\n    transform: translateY(-100px);\n}\n.item-hover-217.square.effect12.right_to_left .info p {\n    -webkit-transform: translateX(300px) rotate(90deg);\n    -moz-transform: translateX(300px) rotate(90deg);\n    -ms-transform: translateX(300px) rotate(90deg);\n    -o-transform: translateX(300px) rotate(90deg);\n    transform: translateX(300px) rotate(90deg);\n}\n.item-hover-217.square.effect12.right_to_left a:hover .info {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n}\n.item-hover-217.square.effect12.right_to_left a:hover .info h3 {\n    -webkit-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -o-transform: translateY(0px);\n    transform: translateY(0px);\n}\n.item-hover-217.square.effect12.right_to_left a:hover .info p {\n    -webkit-transform: translateX(0px) rotate(0deg);\n    -moz-transform: translateX(0px) rotate(0deg);\n    -ms-transform: translateX(0px) rotate(0deg);\n    -o-transform: translateX(0px) rotate(0deg);\n    transform: translateX(0px) rotate(0deg);\n}\n\n.item-hover-217.square.effect12.top_to_bottom .info {\n    -webkit-transform: translate(-265px, -145px) rotate(-45deg);\n    -moz-transform: translate(-265px, -145px) rotate(-45deg);\n    -ms-transform: translate(-265px, -145px) rotate(-45deg);\n    -o-transform: translate(-265px, -145px) rotate(-45deg);\n    transform: translate(-265px, -145px) rotate(-45deg);\n}\n.item-hover-217.square.effect12.top_to_bottom .info h3 {\n    -webkit-transform: translate(200px, -200px);\n    -moz-transform: translate(200px, -200px);\n    -ms-transform: translate(200px, -200px);\n    -o-transform: translate(200px, -200px);\n    transform: translate(200px, -200px);\n}\n.item-hover-217.square.effect12.top_to_bottom .info p {\n    -webkit-transform: translate(200px, -200px);\n    -moz-transform: translate(200px, -200px);\n    -ms-transform: translate(200px, -200px);\n    -o-transform: translate(200px, -200px);\n    transform: translate(200px, -200px);\n}\n.item-hover-217.square.effect12.top_to_bottom a:hover .info {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n    -webkit-transition-delay: 0.2s;\n    -moz-transition-delay: 0.2s;\n    transition-delay: 0.2s;\n}\n.item-hover-217.square.effect12.top_to_bottom a:hover .info h3 {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n    -webkit-transition-delay: 0.3s;\n    -moz-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n}\n.item-hover-217.square.effect12.top_to_bottom a:hover .info p {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n    -webkit-transition-delay: 0.4s;\n    -moz-transition-delay: 0.4s;\n    transition-delay: 0.4s;\n}\n\n.item-hover-217.square.effect12.bottom_to_top .info {\n    -webkit-transform: translate(265px, 145px) rotate(45deg);\n    -moz-transform: translate(265px, 145px) rotate(45deg);\n    -ms-transform: translate(265px, 145px) rotate(45deg);\n    -o-transform: translate(265px, 145px) rotate(45deg);\n    transform: translate(265px, 145px) rotate(45deg);\n}\n.item-hover-217.square.effect12.bottom_to_top .info h3 {\n    -webkit-transform: translate(200px, -200px);\n    -moz-transform: translate(200px, -200px);\n    -ms-transform: translate(200px, -200px);\n    -o-transform: translate(200px, -200px);\n    transform: translate(200px, -200px);\n}\n.item-hover-217.square.effect12.bottom_to_top .info p {\n    -webkit-transform: translate(-200px, 200px);\n    -moz-transform: translate(-200px, 200px);\n    -ms-transform: translate(-200px, 200px);\n    -o-transform: translate(-200px, 200px);\n    transform: translate(-200px, 200px);\n}\n.item-hover-217.square.effect12.bottom_to_top a:hover .info {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n    -webkit-transition-delay: 0.2s;\n    -moz-transition-delay: 0.2s;\n    transition-delay: 0.2s;\n}\n.item-hover-217.square.effect12.bottom_to_top a:hover .info h3 {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n    -webkit-transition-delay: 0.3s;\n    -moz-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n}\n.item-hover-217.square.effect12.bottom_to_top a:hover .info p {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n    -webkit-transition-delay: 0.4s;\n    -moz-transition-delay: 0.4s;\n    transition-delay: 0.4s;\n}\n\n.item-hover-217.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-217.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-217.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-217.square.effect13 .img {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-217.square.effect13 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    visibility: hidden;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.square.effect13 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n}\n.item-hover-217.square.effect13 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n.item-hover-217.square.effect13 a:hover .img {\n    -webkit-transform: scale(1.2);\n    -moz-transform: scale(1.2);\n    -ms-transform: scale(1.2);\n    -o-transform: scale(1.2);\n    transform: scale(1.2);\n}\n.item-hover-217.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-217.square.effect13.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-217.square.effect13.left_to_right a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-217.square.effect13.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-217.square.effect13.right_to_left a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-217.square.effect13.top_to_bottom .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-217.square.effect13.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.square.effect13.bottom_to_top .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-217.square.effect13.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-217.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-217.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-217.square.effect14 .img {\n    opacity: 1;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-217.square.effect14 .info {\n    background: #333333;\n    visibility: hidden;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n    -webkit-transition: all 0.35s ease 0.2s;\n    -moz-transition: all 0.35s ease 0.2s;\n    transition: all 0.35s ease 0.2s;\n}\n.item-hover-217.square.effect14 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n}\n.item-hover-217.square.effect14 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #fff;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n.item-hover-217.square.effect14 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-217.square.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-217.square.effect14.left_to_right .img {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n}\n.item-hover-217.square.effect14.left_to_right a:hover .img {\n    -webkit-transform: translateX(100%) rotate(180deg);\n    -moz-transform: translateX(100%) rotate(180deg);\n    -ms-transform: translateX(100%) rotate(180deg);\n    -o-transform: translateX(100%) rotate(180deg);\n    transform: translateX(100%) rotate(180deg);\n}\n\n.item-hover-217.square.effect14.right_to_left .img {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n}\n.item-hover-217.square.effect14.right_to_left a:hover .img {\n    -webkit-transform: translateX(-100%) rotate(-180deg);\n    -moz-transform: translateX(-100%) rotate(-180deg);\n    -ms-transform: translateX(-100%) rotate(-180deg);\n    -o-transform: translateX(-100%) rotate(-180deg);\n    transform: translateX(-100%) rotate(-180deg);\n}\n\n.item-hover-217.square.effect14.top_to_bottom .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-217.square.effect14.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n\n.item-hover-217.square.effect14.bottom_to_top .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-217.square.effect14.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n\n.item-hover-217.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-217.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-217.square.effect15 .img {\n    opacity: 1;\n    -webkit-transition: all 0.4s ease-in-out;\n    -moz-transition: all 0.4s ease-in-out;\n    transition: all 0.4s ease-in-out;\n}\n.item-hover-217.square.effect15 .info {\n    background: #333333;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out 0.3s;\n    -moz-transition: all 0.35s ease-in-out 0.3s;\n    transition: all 0.35s ease-in-out 0.3s;\n}\n.item-hover-217.square.effect15 .info h3 {\n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n}\n.item-hover-217.square.effect15 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n.item-hover-217.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-217.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-217.square.effect15.left_to_right .img {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n    -webkit-transform-origin: 100% 50%;\n    -moz-transform-origin: 100% 50%;\n    -ms-transform-origin: 100% 50%;\n    -o-transform-origin: 100% 50%;\n    transform-origin: 100% 50%;\n}\n.item-hover-217.square.effect15.left_to_right .info {\n    -webkit-transform: rotateY(90deg);\n    -moz-transform: rotateY(90deg);\n    -ms-transform: rotateY(90deg);\n    -o-transform: rotateY(90deg);\n    transform: rotateY(90deg);\n    -webkit-transform-origin: 0% 50%;\n    -moz-transform-origin: 0% 50%;\n    -ms-transform-origin: 0% 50%;\n    -o-transform-origin: 0% 50%;\n    transform-origin: 0% 50%;\n}\n.item-hover-217.square.effect15.left_to_right a:hover .img {\n    -webkit-transform: rotateY(-90deg);\n    -moz-transform: rotateY(-90deg);\n    -ms-transform: rotateY(-90deg);\n    -o-transform: rotateY(-90deg);\n    transform: rotateY(-90deg);\n}\n.item-hover-217.square.effect15.left_to_right a:hover .info {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n}\n\n.item-hover-217.square.effect15.right_to_left .img {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n    -webkit-transform-origin: 0% 50%;\n    -moz-transform-origin: 0% 50%;\n    -ms-transform-origin: 0% 50%;\n    -o-transform-origin: 0% 50%;\n    transform-origin: 0% 50%;\n}\n.item-hover-217.square.effect15.right_to_left .info {\n    -webkit-transform: rotateY(-90deg);\n    -moz-transform: rotateY(-90deg);\n    -ms-transform: rotateY(-90deg);\n    -o-transform: rotateY(-90deg);\n    transform: rotateY(-90deg);\n    -webkit-transform-origin: 100% 50%;\n    -moz-transform-origin: 100% 50%;\n    -ms-transform-origin: 100% 50%;\n    -o-transform-origin: 100% 50%;\n    transform-origin: 100% 50%;\n}\n.item-hover-217.square.effect15.right_to_left a:hover .img {\n    -webkit-transform: rotateY(90deg);\n    -moz-transform: rotateY(90deg);\n    -ms-transform: rotateY(90deg);\n    -o-transform: rotateY(90deg);\n    transform: rotateY(90deg);\n}\n.item-hover-217.square.effect15.right_to_left a:hover .info {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n}\n\n.item-hover-217.square.effect15.top_to_bottom .img {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n    -webkit-transform-origin: 50% 100%;\n    -moz-transform-origin: 50% 100%;\n    -ms-transform-origin: 50% 100%;\n    -o-transform-origin: 50% 100%;\n    transform-origin: 50% 100%;\n}\n.item-hover-217.square.effect15.top_to_bottom .info {\n    -webkit-transform: rotateX(-90deg);\n    -moz-transform: rotateX(-90deg);\n    -ms-transform: rotateX(-90deg);\n    -o-transform: rotateX(-90deg);\n    transform: rotateX(-90deg);\n    -webkit-transform-origin: 50% 0;\n    -moz-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    -o-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n}\n.item-hover-217.square.effect15.top_to_bottom a:hover .img {\n    -webkit-transform: rotateX(90deg);\n    -moz-transform: rotateX(90deg);\n    -ms-transform: rotateX(90deg);\n    -o-transform: rotateX(90deg);\n    transform: rotateX(90deg);\n}\n.item-hover-217.square.effect15.top_to_bottom a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n\n.item-hover-217.square.effect15.bottom_to_top .img {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n    -webkit-transform-origin: 50% 0;\n    -moz-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    -o-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n}\n.item-hover-217.square.effect15.bottom_to_top .info {\n    -webkit-transform: rotateX(90deg);\n    -moz-transform: rotateX(90deg);\n    -ms-transform: rotateX(90deg);\n    -o-transform: rotateX(90deg);\n    transform: rotateX(90deg);\n    -webkit-transform-origin: 50% 100%;\n    -moz-transform-origin: 50% 100%;\n    -ms-transform-origin: 50% 100%;\n    -o-transform-origin: 50% 100%;\n    transform-origin: 50% 100%;\n}\n.item-hover-217.square.effect15.bottom_to_top a:hover .img {\n    -webkit-transform: rotateX(-90deg);\n    -moz-transform: rotateX(-90deg);\n    -ms-transform: rotateX(-90deg);\n    -o-transform: rotateX(-90deg);\n    transform: rotateX(-90deg);\n}\n.item-hover-217.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Vimeo Video Gallery &#8211; 3 Column    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-217 circle colored effect11 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/127423845\" title=\"Mom\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio217]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mom-vimeo-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-217\">Mom<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-217 \">Mom<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-217 circle colored effect11 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/57815233\" title=\"Winds of Autumn\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio217]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Winds-of-Autumn-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-217\">Winds of Autumn<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-217 \">Winds of Autumn<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-217 circle colored effect11 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/86472013\" title=\"A Frozen Tale\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio217]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/A-Frozen-Tale-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-217\">A Frozen Tale<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-217 \">A Frozen Tale<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-217 circle colored effect11 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/117770305\" title=\"Dubai Flow Motion\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio217]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Dubai-Flow-Motion-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-217\">Dubai Flow Motion<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-217 \">Dubai Flow Motion<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-217 circle colored effect11 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/27246366\" title=\"Move\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio217]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Move-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-217\">Move<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-217 \">Move<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-217 circle colored effect11 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/83795090\" title=\"Frames of Life\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio217]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Frames-of-Life-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-217\">Frames of Life<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-217 \">Frames of Life<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Courgette'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t            <script type=\"text\/javascript\">\n                jQuery(document).ready(function () {\n                    ;(function (jQuery) {\n                        jQuery('.swipebox_218').swipebox();\n                    })(jQuery);\n                });\n            <\/script>\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-218{\n    font-family: Courgette;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-218{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-218{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-218 {\n    position: relative;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218,\n.item-hover-218 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-218 a {\n    color: #333;\n}\n.item-hover-218 a:hover {\n    text-decoration: none;\n}\n.item-hover-218 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-218.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-218.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-218.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 0%;\n\t\n\t\t\tbox-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);\n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle .img img {\n    border-radius: 0%;\n}\n.item-hover-218.circle .info {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 0%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n\n.item-hover-218.square {\n    position: relative;\n    width: 316px;\n    height: 216px;\n    border: 8px solid #fff;\n    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);\n}\n.item-hover-218.square .info {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n\n.item-hover-218.circle.effect2 .img {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle.effect2.colored .info {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-218.circle.effect2 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-218{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Courgette;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px !important;\n} \n\n.item-hover-218.circle.effect2.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-218.circle.effect2.left_to_right a:hover .img {\n    -webkit-transform: rotate(-180deg);\n    -moz-transform: rotate(-180deg);\n    -ms-transform: rotate(-180deg);\n    -o-transform: rotate(-180deg);\n    transform: rotate(-180deg);\n}\n.item-hover-218.circle.effect2.left_to_right a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-218.circle.effect2.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-218.circle.effect2.right_to_left a:hover .img {\n    -webkit-transform: rotate(180deg);\n    -moz-transform: rotate(180deg);\n    -ms-transform: rotate(180deg);\n    -o-transform: rotate(180deg);\n    transform: rotate(180deg);\n}\n.item-hover-218.circle.effect2.right_to_left a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-218.circle.effect2.top_to_bottom .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-218.circle.effect2.top_to_bottom a:hover .img {\n    -webkit-transform: rotate(-90deg);\n    -moz-transform: rotate(-90deg);\n    -ms-transform: rotate(-90deg);\n    -o-transform: rotate(-90deg);\n    transform: rotate(-90deg);\n}\n.item-hover-218.circle.effect2.top_to_bottom a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.circle.effect2.bottom_to_top .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-218.circle.effect2.bottom_to_top a:hover .img {\n    -webkit-transform: rotate(90deg);\n    -moz-transform: rotate(90deg);\n    -ms-transform: rotate(90deg);\n    -o-transform: rotate(90deg);\n    transform: rotate(90deg);\n}\n.item-hover-218.circle.effect2.bottom_to_top a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.circle.effect3 .img {\n    z-index: 11;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle.effect3.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-218.circle.effect3 .info {\n    background: #333333;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 15px;\n\t\tmargin: 0 10px;\n\t\t\tpadding-top: 50%;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-218.circle.effect3.left_to_right .img {\n    -webkit-transform: scale(1) translateX(0);\n    -moz-transform: scale(1) translateX(0);\n    -ms-transform: scale(1) translateX(0);\n    -o-transform: scale(1) translateX(0);\n    transform: scale(1) translateX(0);\n}\n.item-hover-218.circle.effect3.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-218.circle.effect3.left_to_right a:hover .img {\n    -webkit-transform: scale(0.5) translateX(100%);\n    -moz-transform: scale(0.5) translateX(100%);\n    -ms-transform: scale(0.5) translateX(100%);\n    -o-transform: scale(0.5) translateX(100%);\n    transform: scale(0.5) translateX(100%);\n}\n.item-hover-218.circle.effect3.left_to_right a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-218.circle.effect3.right_to_left .img {\n    -webkit-transform: scale(1) translateX(0);\n    -moz-transform: scale(1) translateX(0);\n    -ms-transform: scale(1) translateX(0);\n    -o-transform: scale(1) translateX(0);\n    transform: scale(1) translateX(0);\n}\n.item-hover-218.circle.effect3.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-218.circle.effect3.right_to_left a:hover .img {\n    -webkit-transform: scale(0.5) translateX(-100%);\n    -moz-transform: scale(0.5) translateX(-100%);\n    -ms-transform: scale(0.5) translateX(-100%);\n    -o-transform: scale(0.5) translateX(-100%);\n    transform: scale(0.5) translateX(-100%);\n}\n.item-hover-218.circle.effect3.right_to_left a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-218.circle.effect3.top_to_bottom .img {\n    -webkit-transform: scale(1) translateY(0);\n    -moz-transform: scale(1) translateY(0);\n    -ms-transform: scale(1) translateY(0);\n    -o-transform: scale(1) translateY(0);\n    transform: scale(1) translateY(0);\n}\n.item-hover-218.circle.effect3.top_to_bottom .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-218.circle.effect3.top_to_bottom a:hover .img {\n    -webkit-transform: scale(0.5) translateY(100%);\n    -moz-transform: scale(0.5) translateY(100%);\n    -ms-transform: scale(0.5) translateY(100%);\n    -o-transform: scale(0.5) translateY(100%);\n    transform: scale(0.5) translateY(100%);\n}\n.item-hover-218.circle.effect3.top_to_bottom a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.circle.effect3.bottom_to_top .img {\n    -webkit-transform: scale(1) translateY(0);\n    -moz-transform: scale(1) translateY(0);\n    -ms-transform: scale(1) translateY(0);\n    -o-transform: scale(1) translateY(0);\n    transform: scale(1) translateY(0);\n}\n.item-hover-218.circle.effect3.bottom_to_top .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-218.circle.effect3.bottom_to_top a:hover .img {\n    -webkit-transform: scale(0.5) translateY(-100%);\n    -moz-transform: scale(0.5) translateY(-100%);\n    -ms-transform: scale(0.5) translateY(-100%);\n    -o-transform: scale(0.5) translateY(-100%);\n    transform: scale(0.5) translateY(-100%);\n}\n.item-hover-218.circle.effect3.bottom_to_top a:hover .info {\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.circle.effect4 .img {\n    opacity: 1;\n    -webkit-transition: all 0.4s ease-in-out;\n    -moz-transition: all 0.4s ease-in-out;\n    transition: all 0.4s ease-in-out;\n}\n.item-hover-218.circle.effect4.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-218.circle.effect4 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    -webkit-transition: all 0.35s ease;\n    -moz-transition: all 0.35s ease;\n    transition: all 0.35s ease;\n}\n.item-hover-218.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-218.circle.effect4 .info p {\n    color: #bbb;\n    padding: 10px 5px;\n    font-style: italic;\n    margin: 0 30px;\n    font-size: 12px;\n    border-top: 1px solid rgba(255, 255, 255, 0.5);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-218.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-218.circle.effect4.left_to_right .img {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-218.circle.effect4.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-218.circle.effect4.left_to_right a:hover .img {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-218.circle.effect4.left_to_right a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-218.circle.effect4.right_to_left .img {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-218.circle.effect4.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-218.circle.effect4.right_to_left a:hover .img {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-218.circle.effect4.right_to_left a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-218.circle.effect4.top_to_bottom .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-218.circle.effect4.top_to_bottom .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-218.circle.effect4.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-218.circle.effect4.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.circle.effect4.bottom_to_top .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-218.circle.effect4.bottom_to_top .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-218.circle.effect4.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-218.circle.effect4.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-218.circle.effect5.colored .info .info-back {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-218.circle.effect5 .info {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n    -webkit-transform-style: preserve-3d;\n    -moz-transform-style: preserve-3d;\n    -ms-transform-style: preserve-3d;\n    -o-transform-style: preserve-3d;\n    transform-style: preserve-3d;\n}\n.item-hover-218.circle.effect5 .info .info-back {\n    visibility: hidden;\n    border-radius: 0%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-218.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-218.circle.effect5 a:hover .info {\n    -webkit-transform: rotate3d(0, 1, 0, -180deg);\n    -moz-transform: rotate3d(0, 1, 0, -180deg);\n    -ms-transform: rotate3d(0, 1, 0, -180deg);\n    -o-transform: rotate3d(0, 1, 0, -180deg);\n    transform: rotate3d(0, 1, 0, -180deg);\n}\n.item-hover-218.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-218.circle.effect6 .img {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle.effect6.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-218.circle.effect6 .info {\n    background: #333333;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-218.circle.effect6.scale_up .info {\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-218.circle.effect6.scale_up a:hover .img {\n    opacity: 0;\n    -webkit-transform: scale(1.5);\n    -moz-transform: scale(1.5);\n    -ms-transform: scale(1.5);\n    -o-transform: scale(1.5);\n    transform: scale(1.5);\n}\n.item-hover-218.circle.effect6.scale_up a:hover .info {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-218.circle.effect6.scale_down .info {\n    -webkit-transform: scale(1.5);\n    -moz-transform: scale(1.5);\n    -ms-transform: scale(1.5);\n    -o-transform: scale(1.5);\n    transform: scale(1.5);\n}\n.item-hover-218.circle.effect6.scale_down a:hover .img {\n    opacity: 0;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-218.circle.effect6.scale_down a:hover .info {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-218.circle.effect6.scale_down_up .info {\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n    -webkit-transition: all 0.35s ease-in-out 0.2s;\n    -moz-transition: all 0.35s ease-in-out 0.2s;\n    transition: all 0.35s ease-in-out 0.2s;\n}\n.item-hover-218.circle.effect6.scale_down_up a:hover .img {\n    opacity: 0;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-218.circle.effect6.scale_down_up a:hover .info {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-218.circle.effect7 .img {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: all 0.35s ease-out;\n    -moz-transition: all 0.35s ease-out;\n    transition: all 0.35s ease-out;\n}\n.item-hover-218.circle.effect7.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-218.circle.effect7 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    -webkit-transition: all 0.35s ease 0.2s;\n    -moz-transition: all 0.35s ease 0.2s;\n    transition: all 0.35s ease 0.2s;\n}\n.item-hover-218.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-218.circle.effect7 a:hover .img {\n    opacity: 0;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-218.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-218.circle.effect7.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-218.circle.effect7.left_to_right a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-218.circle.effect7.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-218.circle.effect7.right_to_left a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-218.circle.effect7.top_to_bottom .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-218.circle.effect7.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.circle.effect7.bottom_to_top .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-218.circle.effect7.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.circle.effect8.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-218.circle.effect8 .img-container {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: all 0.3s ease-in-out;\n    -moz-transition: all 0.3s ease-in-out;\n    transition: all 0.3s ease-in-out;\n}\n.item-hover-218.circle.effect8 .img-container .img {\n    opacity: 1;\n    -webkit-transition: all 0.3s ease-in-out 0.3s;\n    -moz-transition: all 0.3s ease-in-out 0.3s;\n    transition: all 0.3s ease-in-out 0.3s;\n}\n.item-hover-218.circle.effect8 .info-container {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 0%;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.3s ease-in-out 0.3s;\n    -moz-transition: all 0.3s ease-in-out 0.3s;\n    transition: all 0.3s ease-in-out 0.3s;\n}\n.item-hover-218.circle.effect8 .info {\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n    -webkit-transition: all 0.35s ease-in-out 0.6s;\n    -moz-transition: all 0.35s ease-in-out 0.6s;\n    transition: all 0.35s ease-in-out 0.6s;\n}\n.item-hover-218.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-218.circle.effect8 a:hover .img-container {\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-218.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-218.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-218.circle.effect8 a:hover .info-container .info {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-218.circle.effect8.left_to_right .img-container .img {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-218.circle.effect8.left_to_right .info-container {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-218.circle.effect8.left_to_right a:hover .img-container .img {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-218.circle.effect8.left_to_right a:hover .info-container {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-218.circle.effect8.right_to_left .img-container .img {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-218.circle.effect8.right_to_left .info-container {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-218.circle.effect8.right_to_left a:hover .img-container .img {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-218.circle.effect8.right_to_left a:hover .info-container {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-218.circle.effect8.top_to_bottom .img-container .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-218.circle.effect8.top_to_bottom .info-container {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-218.circle.effect8.top_to_bottom a:hover .img-container .img {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-218.circle.effect8.top_to_bottom a:hover .info-container {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.circle.effect8.bottom_to_top .img-container .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-218.circle.effect8.bottom_to_top .info-container {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-218.circle.effect8.bottom_to_top a:hover .img-container .img {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-218.circle.effect8.bottom_to_top a:hover .info-container {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.circle.effect9 .img {\n    opacity: 1;\n    -webkit-transition: all 0.35s ease-out;\n    -moz-transition: all 0.35s ease-out;\n    transition: all 0.35s ease-out;\n}\n.item-hover-218.circle.effect9.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-218.circle.effect9 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n    -webkit-transition: all 0.35s ease 0.2s;\n    -moz-transition: all 0.35s ease 0.2s;\n    transition: all 0.35s ease 0.2s;\n}\n.item-hover-218.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 55px 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-218.circle.effect9 .info p {\n    color: #bbb;\n    padding: 10px 5px;\n    font-style: italic;\n    margin: 0 30px;\n    font-size: 12px;\n    border-top: 1px solid rgba(255, 255, 255, 0.5);\n}\n.item-hover-218.circle.effect9 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-218.circle.effect9 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-218.circle.effect9.left_to_right .img {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n}\n.item-hover-218.circle.effect9.left_to_right a:hover .img {\n    -webkit-transform: translateX(100%) rotate(180deg);\n    -moz-transform: translateX(100%) rotate(180deg);\n    -ms-transform: translateX(100%) rotate(180deg);\n    -o-transform: translateX(100%) rotate(180deg);\n    transform: translateX(100%) rotate(180deg);\n}\n\n.item-hover-218.circle.effect9.right_to_left .img {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n}\n.item-hover-218.circle.effect9.right_to_left a:hover .img {\n    -webkit-transform: translateX(-100%) rotate(-180deg);\n    -moz-transform: translateX(-100%) rotate(-180deg);\n    -ms-transform: translateX(-100%) rotate(-180deg);\n    -o-transform: translateX(-100%) rotate(-180deg);\n    transform: translateX(-100%) rotate(-180deg);\n}\n\n.item-hover-218.circle.effect9.top_to_bottom .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-218.circle.effect9.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n\n.item-hover-218.circle.effect9.bottom_to_top .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-218.circle.effect9.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n\n.item-hover-218.circle.effect10 .img {\n    z-index: 11;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle.effect10.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-218.circle.effect10 .info {\n    background: #333333;\n    opacity: 0;\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-218.circle.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-218.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-218.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-218.circle.effect10.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(22%) scale(0.5);\n    -moz-transform: translateY(22%) scale(0.5);\n    -ms-transform: translateY(22%) scale(0.5);\n    -o-transform: translateY(22%) scale(0.5);\n    transform: translateY(22%) scale(0.5);\n}\n\n.item-hover-218.circle.effect10.bottom_to_top .info h3 {\n    margin: 60% 10px 0;\n    padding-bottom: 25px 0 0 0;\n    height: 78px;\n}\n\n.item-hover-218.circle.effect10.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(-22%) scale(0.5);\n    -moz-transform: translateY(-22%) scale(0.5);\n    -ms-transform: translateY(-22%) scale(0.5);\n    -o-transform: translateY(-22%) scale(0.5);\n    transform: translateY(-22%) scale(0.5);\n}\n\n.item-hover-218.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-218.circle.effect11 .img {\n    opacity: 1;\n    -webkit-transform-origin: 50% 50%;\n    -moz-transform-origin: 50% 50%;\n    -ms-transform-origin: 50% 50%;\n    -o-transform-origin: 50% 50%;\n    transform-origin: 50% 50%;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle.effect11.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-218.circle.effect11 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    -webkit-transition: all 0.35s ease 0.35s;\n    -moz-transition: all 0.35s ease 0.35s;\n    transition: all 0.35s ease 0.35s;\n}\n.item-hover-218.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-218.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-218.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-218.circle.effect11.left_to_right .img {\n    -webkit-transform: translateZ(0) rotateY(0);\n    -moz-transform: translateZ(0) rotateY(0);\n    -ms-transform: translateZ(0) rotateY(0);\n    -o-transform: translateZ(0) rotateY(0);\n    transform: translateZ(0) rotateY(0);\n}\n.item-hover-218.circle.effect11.left_to_right .info {\n    -webkit-transform: translateZ(-1000px) rotateY(-90deg);\n    -moz-transform: translateZ(-1000px) rotateY(-90deg);\n    -ms-transform: translateZ(-1000px) rotateY(-90deg);\n    -o-transform: translateZ(-1000px) rotateY(-90deg);\n    transform: translateZ(-1000px) rotateY(-90deg);\n}\n.item-hover-218.circle.effect11.left_to_right a:hover .img {\n    -webkit-transform: translateZ(-1000px) rotateY(90deg);\n    -moz-transform: translateZ(-1000px) rotateY(90deg);\n    -ms-transform: translateZ(-1000px) rotateY(90deg);\n    -o-transform: translateZ(-1000px) rotateY(90deg);\n    transform: translateZ(-1000px) rotateY(90deg);\n}\n.item-hover-218.circle.effect11.left_to_right a:hover .info {\n    -webkit-transform: translateZ(0) rotateY(0);\n    -moz-transform: translateZ(0) rotateY(0);\n    -ms-transform: translateZ(0) rotateY(0);\n    -o-transform: translateZ(0) rotateY(0);\n    transform: translateZ(0) rotateY(0);\n}\n\n.item-hover-218.circle.effect11.right_to_left .img {\n    -webkit-transform: translateZ(0) rotateY(0);\n    -moz-transform: translateZ(0) rotateY(0);\n    -ms-transform: translateZ(0) rotateY(0);\n    -o-transform: translateZ(0) rotateY(0);\n    transform: translateZ(0) rotateY(0);\n}\n.item-hover-218.circle.effect11.right_to_left .info {\n    -webkit-transform: translateZ(-1000px) rotateY(90deg);\n    -moz-transform: translateZ(-1000px) rotateY(90deg);\n    -ms-transform: translateZ(-1000px) rotateY(90deg);\n    -o-transform: translateZ(-1000px) rotateY(90deg);\n    transform: translateZ(-1000px) rotateY(90deg);\n}\n.item-hover-218.circle.effect11.right_to_left a:hover .img {\n    -webkit-transform: translateZ(-1000px) rotateY(-90deg);\n    -moz-transform: translateZ(-1000px) rotateY(-90deg);\n    -ms-transform: translateZ(-1000px) rotateY(-90deg);\n    -o-transform: translateZ(-1000px) rotateY(-90deg);\n    transform: translateZ(-1000px) rotateY(-90deg);\n}\n.item-hover-218.circle.effect11.right_to_left a:hover .info {\n    -webkit-transform: translateZ(0) rotateY(0);\n    -moz-transform: translateZ(0) rotateY(0);\n    -ms-transform: translateZ(0) rotateY(0);\n    -o-transform: translateZ(0) rotateY(0);\n    transform: translateZ(0) rotateY(0);\n}\n\n.item-hover-218.circle.effect11.top_to_bottom .img {\n    -webkit-transform: translateZ(0) rotateX(0);\n    -moz-transform: translateZ(0) rotateX(0);\n    -ms-transform: translateZ(0) rotateX(0);\n    -o-transform: translateZ(0) rotateX(0);\n    transform: translateZ(0) rotateX(0);\n}\n.item-hover-218.circle.effect11.top_to_bottom .info {\n    -webkit-transform: translateZ(-1000px) rotateX(90deg);\n    -moz-transform: translateZ(-1000px) rotateX(90deg);\n    -ms-transform: translateZ(-1000px) rotateX(90deg);\n    -o-transform: translateZ(-1000px) rotateX(90deg);\n    transform: translateZ(-1000px) rotateX(90deg);\n}\n.item-hover-218.circle.effect11.top_to_bottom a:hover .img {\n    -webkit-transform: translateZ(-1000px) rotateX(-90deg);\n    -moz-transform: translateZ(-1000px) rotateX(-90deg);\n    -ms-transform: translateZ(-1000px) rotateX(-90deg);\n    -o-transform: translateZ(-1000px) rotateX(-90deg);\n    transform: translateZ(-1000px) rotateX(-90deg);\n}\n.item-hover-218.circle.effect11.top_to_bottom a:hover .info {\n    -webkit-transform: translateZ(0) rotateX(0);\n    -moz-transform: translateZ(0) rotateX(0);\n    -ms-transform: translateZ(0) rotateX(0);\n    -o-transform: translateZ(0) rotateX(0);\n    transform: translateZ(0) rotateX(0);\n}\n\n.item-hover-218.circle.effect11.bottom_to_top .img {\n    -webkit-transform: translateZ(0) rotateX(0);\n    -moz-transform: translateZ(0) rotateX(0);\n    -ms-transform: translateZ(0) rotateX(0);\n    -o-transform: translateZ(0) rotateX(0);\n    transform: translateZ(0) rotateX(0);\n}\n.item-hover-218.circle.effect11.bottom_to_top .info {\n    -webkit-transform: translateZ(-1000px) rotateX(-90deg);\n    -moz-transform: translateZ(-1000px) rotateX(-90deg);\n    -ms-transform: translateZ(-1000px) rotateX(-90deg);\n    -o-transform: translateZ(-1000px) rotateX(-90deg);\n    transform: translateZ(-1000px) rotateX(-90deg);\n}\n.item-hover-218.circle.effect11.bottom_to_top a:hover .img {\n    -webkit-transform: translateZ(-1000px) rotateX(90deg);\n    -moz-transform: translateZ(-1000px) rotateX(90deg);\n    -ms-transform: translateZ(-1000px) rotateX(90deg);\n    -o-transform: translateZ(-1000px) rotateX(90deg);\n    transform: translateZ(-1000px) rotateX(90deg);\n}\n.item-hover-218.circle.effect11.bottom_to_top a:hover .info {\n    -webkit-transform: translateZ(0) rotateX(0);\n    -moz-transform: translateZ(0) rotateX(0);\n    -ms-transform: translateZ(0) rotateX(0);\n    -o-transform: translateZ(0) rotateX(0);\n    transform: translateZ(0) rotateX(0);\n}\n\n.item-hover-218.circle.effect12 .img {\n    opacity: 1;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle.effect12.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-218.circle.effect12 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-218.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-218.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-218.circle.effect12.left_to_right .img {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n}\n.item-hover-218.circle.effect12.left_to_right .info {\n    -webkit-transform: translateX(100%) rotate(180deg);\n    -moz-transform: translateX(100%) rotate(180deg);\n    -ms-transform: translateX(100%) rotate(180deg);\n    -o-transform: translateX(100%) rotate(180deg);\n    transform: translateX(100%) rotate(180deg);\n}\n.item-hover-218.circle.effect12.left_to_right a:hover .img {\n    -webkit-transform: translateX(100%) rotate(180deg);\n    -moz-transform: translateX(100%) rotate(180deg);\n    -ms-transform: translateX(100%) rotate(180deg);\n    -o-transform: translateX(100%) rotate(180deg);\n    transform: translateX(100%) rotate(180deg);\n}\n.item-hover-218.circle.effect12.left_to_right a:hover .info {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n    -webkit-transition-delay: 0.4s;\n    -moz-transition-delay: 0.4s;\n    transition-delay: 0.4s;\n}\n\n.item-hover-218.circle.effect12.right_to_left .img {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n}\n.item-hover-218.circle.effect12.right_to_left .info {\n    -webkit-transform: translateX(-100%) rotate(-180deg);\n    -moz-transform: translateX(-100%) rotate(-180deg);\n    -ms-transform: translateX(-100%) rotate(-180deg);\n    -o-transform: translateX(-100%) rotate(-180deg);\n    transform: translateX(-100%) rotate(-180deg);\n}\n.item-hover-218.circle.effect12.right_to_left a:hover .img {\n    -webkit-transform: translateX(-100%) rotate(-180deg);\n    -moz-transform: translateX(-100%) rotate(-180deg);\n    -ms-transform: translateX(-100%) rotate(-180deg);\n    -o-transform: translateX(-100%) rotate(-180deg);\n    transform: translateX(-100%) rotate(-180deg);\n}\n.item-hover-218.circle.effect12.right_to_left a:hover .info {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n    -webkit-transition-delay: 0.4s;\n    -moz-transition-delay: 0.4s;\n    transition-delay: 0.4s;\n}\n\n.item-hover-218.circle.effect12.top_to_bottom .img {\n    -webkit-transform: translateY(0) rotate(0);\n    -moz-transform: translateY(0) rotate(0);\n    -ms-transform: translateY(0) rotate(0);\n    -o-transform: translateY(0) rotate(0);\n    transform: translateY(0) rotate(0);\n}\n.item-hover-218.circle.effect12.top_to_bottom .info {\n    -webkit-transform: translateY(-100%) rotate(-180deg);\n    -moz-transform: translateY(-100%) rotate(-180deg);\n    -ms-transform: translateY(-100%) rotate(-180deg);\n    -o-transform: translateY(-100%) rotate(-180deg);\n    transform: translateY(-100%) rotate(-180deg);\n}\n.item-hover-218.circle.effect12.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(-100%) rotate(-180deg);\n    -moz-transform: translateY(-100%) rotate(-180deg);\n    -ms-transform: translateY(-100%) rotate(-180deg);\n    -o-transform: translateY(-100%) rotate(-180deg);\n    transform: translateY(-100%) rotate(-180deg);\n}\n.item-hover-218.circle.effect12.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0) rotate(0);\n    -moz-transform: translateY(0) rotate(0);\n    -ms-transform: translateY(0) rotate(0);\n    -o-transform: translateY(0) rotate(0);\n    transform: translateY(0) rotate(0);\n    -webkit-transition-delay: 0.4s;\n    -moz-transition-delay: 0.4s;\n    transition-delay: 0.4s;\n}\n\n.item-hover-218.circle.effect12.bottom_to_top .img {\n    -webkit-transform: translateY(0) rotate(0);\n    -moz-transform: translateY(0) rotate(0);\n    -ms-transform: translateY(0) rotate(0);\n    -o-transform: translateY(0) rotate(0);\n    transform: translateY(0) rotate(0);\n}\n.item-hover-218.circle.effect12.bottom_to_top .info {\n    -webkit-transform: translateY(100%) rotate(180deg);\n    -moz-transform: translateY(100%) rotate(180deg);\n    -ms-transform: translateY(100%) rotate(180deg);\n    -o-transform: translateY(100%) rotate(180deg);\n    transform: translateY(100%) rotate(180deg);\n}\n.item-hover-218.circle.effect12.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(100%) rotate(180deg);\n    -moz-transform: translateY(100%) rotate(180deg);\n    -ms-transform: translateY(100%) rotate(180deg);\n    -o-transform: translateY(100%) rotate(180deg);\n    transform: translateY(100%) rotate(180deg);\n}\n.item-hover-218.circle.effect12.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0) rotate(0);\n    -moz-transform: translateY(0) rotate(0);\n    -ms-transform: translateY(0) rotate(0);\n    -o-transform: translateY(0) rotate(0);\n    transform: translateY(0) rotate(0);\n    -webkit-transition-delay: 0.4s;\n    -moz-transition-delay: 0.4s;\n    transition-delay: 0.4s;\n}\n\n.item-hover-218.circle.effect13.colored .info {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-218.circle.effect13 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n\n.item-hover-218.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-218.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-218.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-218.circle.effect13.from_left_and_right .info h3 {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-218.circle.effect13.from_left_and_right .info p {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-218.circle.effect13.from_left_and_right a:hover h3 {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-218.circle.effect13.from_left_and_right a:hover p {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-218.circle.effect13.top_to_bottom .info h3 {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-218.circle.effect13.top_to_bottom .info p {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-218.circle.effect13.top_to_bottom a:hover h3 {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-218.circle.effect13.top_to_bottom a:hover p {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.circle.effect13.bottom_to_top .info h3 {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-218.circle.effect13.bottom_to_top .info p {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-218.circle.effect13.bottom_to_top a:hover h3 {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-218.circle.effect13.bottom_to_top a:hover p {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-218.circle.effect14 .img {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transition: all 0.4s ease-out;\n    -moz-transition: all 0.4s ease-out;\n    transition: all 0.4s ease-out;\n}\n.item-hover-218.circle.effect14.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-218.circle.effect14 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    -webkit-transition: all 0.35s ease-in-out 0.3s;\n    -moz-transition: all 0.35s ease-in-out 0.3s;\n    transition: all 0.35s ease-in-out 0.3s;\n}\n.item-hover-218.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-218.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-218.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-218.circle.effect14.left_to_right .img {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n    -webkit-transform-origin: 100% 50%;\n    -moz-transform-origin: 100% 50%;\n    -ms-transform-origin: 100% 50%;\n    -o-transform-origin: 100% 50%;\n    transform-origin: 100% 50%;\n}\n.item-hover-218.circle.effect14.left_to_right .info {\n    -webkit-transform: rotateY(90deg);\n    -moz-transform: rotateY(90deg);\n    -ms-transform: rotateY(90deg);\n    -o-transform: rotateY(90deg);\n    transform: rotateY(90deg);\n    -webkit-transform-origin: 0% 50%;\n    -moz-transform-origin: 0% 50%;\n    -ms-transform-origin: 0% 50%;\n    -o-transform-origin: 0% 50%;\n    transform-origin: 0% 50%;\n}\n.item-hover-218.circle.effect14.left_to_right a:hover .img {\n    -webkit-transform: rotateY(-90deg);\n    -moz-transform: rotateY(-90deg);\n    -ms-transform: rotateY(-90deg);\n    -o-transform: rotateY(-90deg);\n    transform: rotateY(-90deg);\n}\n.item-hover-218.circle.effect14.left_to_right a:hover .info {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n}\n\n.item-hover-218.circle.effect14.right_to_left .img {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n    -webkit-transform-origin: 0% 50%;\n    -moz-transform-origin: 0% 50%;\n    -ms-transform-origin: 0% 50%;\n    -o-transform-origin: 0% 50%;\n    transform-origin: 0% 50%;\n}\n.item-hover-218.circle.effect14.right_to_left .info {\n    -webkit-transform: rotateY(-90deg);\n    -moz-transform: rotateY(-90deg);\n    -ms-transform: rotateY(-90deg);\n    -o-transform: rotateY(-90deg);\n    transform: rotateY(-90deg);\n    -webkit-transform-origin: 100% 50%;\n    -moz-transform-origin: 100% 50%;\n    -ms-transform-origin: 100% 50%;\n    -o-transform-origin: 100% 50%;\n    transform-origin: 100% 50%;\n}\n.item-hover-218.circle.effect14.right_to_left a:hover .img {\n    -webkit-transform: rotateY(90deg);\n    -moz-transform: rotateY(90deg);\n    -ms-transform: rotateY(90deg);\n    -o-transform: rotateY(90deg);\n    transform: rotateY(90deg);\n}\n.item-hover-218.circle.effect14.right_to_left a:hover .info {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n}\n\n.item-hover-218.circle.effect14.top_to_bottom .img {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n    -webkit-transform-origin: 50% 100%;\n    -moz-transform-origin: 50% 100%;\n    -ms-transform-origin: 50% 100%;\n    -o-transform-origin: 50% 100%;\n    transform-origin: 50% 100%;\n}\n.item-hover-218.circle.effect14.top_to_bottom .info {\n    -webkit-transform: rotateX(-90deg);\n    -moz-transform: rotateX(-90deg);\n    -ms-transform: rotateX(-90deg);\n    -o-transform: rotateX(-90deg);\n    transform: rotateX(-90deg);\n    -webkit-transform-origin: 50% 0;\n    -moz-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    -o-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n}\n.item-hover-218.circle.effect14.top_to_bottom a:hover .img {\n    -webkit-transform: rotateX(90deg);\n    -moz-transform: rotateX(90deg);\n    -ms-transform: rotateX(90deg);\n    -o-transform: rotateX(90deg);\n    transform: rotateX(90deg);\n}\n.item-hover-218.circle.effect14.top_to_bottom a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n\n.item-hover-218.circle.effect14.bottom_to_top .img {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n    -webkit-transform-origin: 50% 0;\n    -moz-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    -o-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n}\n.item-hover-218.circle.effect14.bottom_to_top .info {\n    -webkit-transform: rotateX(90deg);\n    -moz-transform: rotateX(90deg);\n    -ms-transform: rotateX(90deg);\n    -o-transform: rotateX(90deg);\n    transform: rotateX(90deg);\n    -webkit-transform-origin: 50% 100%;\n    -moz-transform-origin: 50% 100%;\n    -ms-transform-origin: 50% 100%;\n    -o-transform-origin: 50% 100%;\n    transform-origin: 50% 100%;\n}\n.item-hover-218.circle.effect14.bottom_to_top a:hover .img {\n    -webkit-transform: rotateX(-90deg);\n    -moz-transform: rotateX(-90deg);\n    -ms-transform: rotateX(-90deg);\n    -o-transform: rotateX(-90deg);\n    transform: rotateX(-90deg);\n}\n.item-hover-218.circle.effect14.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n\n.item-hover-218.circle.effect15 .img {\n    opacity: 1;\n    visibility: visible;\n    -webkit-transform: scale(1) rotate(0);\n    -moz-transform: scale(1) rotate(0);\n    -ms-transform: scale(1) rotate(0);\n    -o-transform: scale(1) rotate(0);\n    transform: scale(1) rotate(0);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle.effect15.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-218.circle.effect15 .info {\n    background: #333333;\n    opacity: 0;\n    visibility: hidden;\n    -webkit-transform: scale(0.5) rotate(-720deg);\n    -moz-transform: scale(0.5) rotate(-720deg);\n    -ms-transform: scale(0.5) rotate(-720deg);\n    -o-transform: scale(0.5) rotate(-720deg);\n    transform: scale(0.5) rotate(-720deg);\n    -webkit-transition: all 0.35s ease-in-out 0.3s;\n    -moz-transition: all 0.35s ease-in-out 0.3s;\n    transition: all 0.35s ease-in-out 0.3s;\n}\n.item-hover-218.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-218.circle.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n    -webkit-transform: scale(0.5) rotate(720deg);\n    -moz-transform: scale(0.5) rotate(720deg);\n    -ms-transform: scale(0.5) rotate(720deg);\n    -o-transform: scale(0.5) rotate(720deg);\n    transform: scale(0.5) rotate(720deg);\n}\n.item-hover-218.circle.effect15 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n    -webkit-transform: scale(1) rotate(0);\n    -moz-transform: scale(1) rotate(0);\n    -ms-transform: scale(1) rotate(0);\n    -o-transform: scale(1) rotate(0);\n    transform: scale(1) rotate(0);\n}\n\n.item-hover-218.circle.effect16 .img {\n    z-index: 11;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle.effect16.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-218.circle.effect16 .info {\n    background: #333333;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-218.circle.effect16.left_to_right .img {\n    -webkit-transform-origin: 95% 40%;\n    -moz-transform-origin: 95% 40%;\n    -ms-transform-origin: 95% 40%;\n    -o-transform-origin: 95% 40%;\n    transform-origin: 95% 40%;\n}\n.item-hover-218.circle.effect16.left_to_right .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 0%;\n    top: 40%;\n    left: 95%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-218.circle.effect16.left_to_right a:hover .img {\n    -webkit-transform: rotate(-120deg);\n    -moz-transform: rotate(-120deg);\n    -ms-transform: rotate(-120deg);\n    -o-transform: rotate(-120deg);\n    transform: rotate(-120deg);\n}\n\n.item-hover-218.circle.effect16.right_to_left .img {\n    -webkit-transform-origin: 5% 40%;\n    -moz-transform-origin: 5% 40%;\n    -ms-transform-origin: 5% 40%;\n    -o-transform-origin: 5% 40%;\n    transform-origin: 5% 40%;\n}\n.item-hover-218.circle.effect16.right_to_left .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 0%;\n    top: 40%;\n    left: 5%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-218.circle.effect16.right_to_left a:hover .img {\n    -webkit-transform: rotate(120deg);\n    -moz-transform: rotate(120deg);\n    -ms-transform: rotate(120deg);\n    -o-transform: rotate(120deg);\n    transform: rotate(120deg);\n}\n\n.item-hover-218.circle.effect17 .info {\n    opacity: 0;\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-218.circle.effect17 a:hover .img:before {\n    box-shadow: inset 0 0 0 110px #333333, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n    box-shadow: inset 0 0 0 110px rgba(0, 0, 0, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n.item-hover-218.circle.effect17 a:hover .info {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-218.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-218.circle.effect17.colored a:hover .img:before {\n    box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n    box-shadow: inset 0 0 0 500px rgba(49,163,221, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-218.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-218.circle.effect18 .img {\n    z-index: 11;\n    -webkit-transition: all 0.5s ease-in-out;\n    -moz-transition: all 0.5s ease-in-out;\n    transition: all 0.5s ease-in-out;\n}\n.item-hover-218.circle.effect18.colored .info .info-back {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-218.circle.effect18 .info {\n    -webkit-transform-style: preserve-3d;\n    -moz-transform-style: preserve-3d;\n    -ms-transform-style: preserve-3d;\n    -o-transform-style: preserve-3d;\n    transform-style: preserve-3d;\n}\n.item-hover-218.circle.effect18 .info .info-back {\n    opacity: 1;\n    border-radius: 0%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n}\n.item-hover-218.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-218.circle.effect18.bottom_to_top .img {\n    -webkit-transform-origin: 50% 0;\n    -moz-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    -o-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n}\n.item-hover-218.circle.effect18.bottom_to_top a:hover .img {\n    -webkit-transform: rotate3d(1, 0, 0, 180deg);\n    -moz-transform: rotate3d(1, 0, 0, 180deg);\n    -ms-transform: rotate3d(1, 0, 0, 180deg);\n    -o-transform: rotate3d(1, 0, 0, 180deg);\n    transform: rotate3d(1, 0, 0, 180deg);\n}\n\n.item-hover-218.circle.effect18.top_to_bottom .img {\n    -webkit-transform-origin: 50% 100%;\n    -moz-transform-origin: 50% 100%;\n    -ms-transform-origin: 50% 100%;\n    -o-transform-origin: 50% 100%;\n    transform-origin: 50% 100%;\n}\n.item-hover-218.circle.effect18.top_to_bottom a:hover .img {\n    -webkit-transform: rotate3d(1, 0, 0, -180deg);\n    -moz-transform: rotate3d(1, 0, 0, -180deg);\n    -ms-transform: rotate3d(1, 0, 0, -180deg);\n    -o-transform: rotate3d(1, 0, 0, -180deg);\n    transform: rotate3d(1, 0, 0, -180deg);\n}\n\n.item-hover-218.circle.effect18.left_to_right .img {\n    -webkit-transform-origin: 100% 50%;\n    -moz-transform-origin: 100% 50%;\n    -ms-transform-origin: 100% 50%;\n    -o-transform-origin: 100% 50%;\n    transform-origin: 100% 50%;\n}\n.item-hover-218.circle.effect18.left_to_right a:hover .img {\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n}\n\n.item-hover-218.circle.effect18.right_to_left .img {\n    -webkit-transform-origin: 0% 50%;\n    -moz-transform-origin: 0% 50%;\n    -ms-transform-origin: 0% 50%;\n    -o-transform-origin: 0% 50%;\n    transform-origin: 0% 50%;\n}\n.item-hover-218.circle.effect18.right_to_left a:hover .img {\n    -webkit-transform: rotate3d(0, 1, 0, -180deg);\n    -moz-transform: rotate3d(0, 1, 0, -180deg);\n    -ms-transform: rotate3d(0, 1, 0, -180deg);\n    -o-transform: rotate3d(0, 1, 0, -180deg);\n    transform: rotate3d(0, 1, 0, -180deg);\n}\n\n.item-hover-218.circle.effect19.colored .info {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-218.circle.effect19 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    opacity: 0;\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-218.circle.effect19 a:hover .info {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-218.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-218.circle.effect20 .img {\n    -webkit-transition: all 0.35s linear;\n    -moz-transition: all 0.35s linear;\n    transition: all 0.35s linear;\n    -webkit-transform-origin: 50% 0%;\n    -moz-transform-origin: 50% 0%;\n    -ms-transform-origin: 50% 0%;\n    -o-transform-origin: 50% 0%;\n    transform-origin: 50% 0%;\n}\n.item-hover-218.circle.effect20.colored .info .info-back {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-218.circle.effect20 .info {\n    -webkit-transform-style: preserve-3d;\n    -moz-transform-style: preserve-3d;\n    -ms-transform-style: preserve-3d;\n    -o-transform-style: preserve-3d;\n    transform-style: preserve-3d;\n}\n.item-hover-218.circle.effect20 .info .info-back {\n    opacity: 1;\n    visibility: hidden;\n    border-radius: 0%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    -webkit-transition: all 0.35s linear;\n    -moz-transition: all 0.35s linear;\n    transition: all 0.35s linear;\n    -webkit-transform-origin: 50% 0%;\n    -moz-transform-origin: 50% 0%;\n    -ms-transform-origin: 50% 0%;\n    -o-transform-origin: 50% 0%;\n    transform-origin: 50% 0%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-218.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-218.circle.effect20 .info p {\n    color: #bbb;\n    padding: 10px 5px;\n    font-style: italic;\n    margin: 0 30px;\n    font-size: 12px;\n    border-top: 1px solid rgba(255, 255, 255, 0.5);\n}\n.item-hover-218.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-218.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-218.circle.effect20.top_to_bottom .info .info-back {\n    -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n}\n.item-hover-218.circle.effect20.top_to_bottom a:hover .img {\n    -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n}\n.item-hover-218.circle.effect20.top_to_bottom a:hover .info .info-back {\n    -webkit-transform: rotate3d(1, 0, 0, 0deg);\n    -moz-transform: rotate3d(1, 0, 0, 0deg);\n    -ms-transform: rotate3d(1, 0, 0, 0deg);\n    -o-transform: rotate3d(1, 0, 0, 0deg);\n    transform: rotate3d(1, 0, 0, 0deg);\n}\n\n.item-hover-218.circle.effect20.bottom_to_top .info .info-back {\n    -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n    transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);\n}\n.item-hover-218.circle.effect20.bottom_to_top a:hover .img {\n    -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n    transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);\n}\n.item-hover-218.circle.effect20.bottom_to_top a:hover .info .info-back {\n    -webkit-transform: rotate3d(1, 0, 0, 0deg);\n    -moz-transform: rotate3d(1, 0, 0, 0deg);\n    -ms-transform: rotate3d(1, 0, 0, 0deg);\n    -o-transform: rotate3d(1, 0, 0, 0deg);\n    transform: rotate3d(1, 0, 0, 0deg);\n}\n\n.item-hover-218.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-218.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-218.square.effect1 .img {\n    z-index: 11;\n    position: absolute;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-218.square.effect1 .info {\n    background: #333333;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.square.effect1 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-218.square.effect1.left_and_right .info h3 {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    margin: 0;\n}\n.item-hover-218.square.effect1.left_and_right .info p {\n    position: absolute;\n    right: 12px;\n    bottom: 12px;\n    margin: 0;\n    font-style: italic;\n    font-size: 12px;\n    color: #bbb;\n}\n.item-hover-218.square.effect1.left_and_right a:hover .img {\n    -webkit-transform: scale(0.6);\n    -moz-transform: scale(0.6);\n    -ms-transform: scale(0.6);\n    -o-transform: scale(0.6);\n    transform: scale(0.6);\n}\n\n.item-hover-218.square.effect1.top_to_bottom .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px 10px 0 4px;\n    margin: 10px 0 0 0;\n}\n.item-hover-218.square.effect1.top_to_bottom .info p {\n    font-style: italic;\n    font-size: 12px;\n    color: #bbb;\n    padding: 5px;\n    text-align: center;\n}\n.item-hover-218.square.effect1.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(30px) scale(0.6);\n    -moz-transform: translateY(30px) scale(0.6);\n    -ms-transform: translateY(30px) scale(0.6);\n    -o-transform: translateY(30px) scale(0.6);\n    transform: translateY(30px) scale(0.6);\n}\n\n.item-hover-218.square.effect1.bottom_to_top .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px 10px 0 4px;\n    margin: 134px 0 0 0;\n}\n.item-hover-218.square.effect1.bottom_to_top .info p {\n    font-style: italic;\n    font-size: 12px;\n    color: #bbb;\n    padding: 5px;\n    text-align: center;\n}\n.item-hover-218.square.effect1.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(-30px) scale(0.6);\n    -moz-transform: translateY(-30px) scale(0.6);\n    -ms-transform: translateY(-30px) scale(0.6);\n    -o-transform: translateY(-30px) scale(0.6);\n    transform: translateY(-30px) scale(0.6);\n}\n\n.item-hover-218.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-218.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-218.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-218.square.effect2 .img {\n    opacity: 1;\n    -webkit-transition: all 0.5s ease-in-out;\n    -moz-transition: all 0.5s ease-in-out;\n    transition: all 0.5s ease-in-out;\n    -webkit-transform: rotate(0deg) scale(1);\n    -moz-transform: rotate(0deg) scale(1);\n    -ms-transform: rotate(0deg) scale(1);\n    -o-transform: rotate(0deg) scale(1);\n    transform: rotate(0deg) scale(1);\n}\n.item-hover-218.square.effect2 .info {\n    background: #333333;\n    visibility: hidden;\n    -webkit-transition: all 0.35s 0.3s ease-in-out;\n    -moz-transition: all 0.35s 0.3s ease-in-out;\n    transition: all 0.35s 0.3s ease-in-out;\n}\n.item-hover-218.square.effect2 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n    -webkit-transform: translateY(-200px);\n    -moz-transform: translateY(-200px);\n    -ms-transform: translateY(-200px);\n    -o-transform: translateY(-200px);\n    transform: translateY(-200px);\n    -webkit-transition: all 0.35s 0.6s ease-in-out;\n    -moz-transition: all 0.35s 0.6s ease-in-out;\n    transition: all 0.35s 0.6s ease-in-out;\n}\n.item-hover-218.square.effect2 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n    -webkit-transform: translateY(-200px);\n    -moz-transform: translateY(-200px);\n    -ms-transform: translateY(-200px);\n    -o-transform: translateY(-200px);\n    transform: translateY(-200px);\n    -webkit-transition: all 0.35s 0.5s linear;\n    -moz-transition: all 0.35s 0.5s linear;\n    transition: all 0.35s 0.5s linear;\n}\n.item-hover-218.square.effect2 a:hover .img {\n    -webkit-transform: rotate(720deg) scale(0);\n    -moz-transform: rotate(720deg) scale(0);\n    -ms-transform: rotate(720deg) scale(0);\n    -o-transform: rotate(720deg) scale(0);\n    transform: rotate(720deg) scale(0);\n    opacity: 0;\n}\n.item-hover-218.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-218.square.effect2 a:hover .info h3,\n.item-hover-218.square.effect2 a:hover .info p {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-218.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-218.square.effect3 .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.square.effect3 .info {\n    height: 65px;\n    background: #333333;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.square.effect3 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px 10px 0 4px;\n    margin: 4px 0 0 0;\n}\n.item-hover-218.square.effect3 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 5px;\n    text-align: center;\n}\n.item-hover-218.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-218.square.effect3.bottom_to_top .info {\n    top: auto;\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-218.square.effect3.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(-50px);\n    -moz-transform: translateY(-50px);\n    -ms-transform: translateY(-50px);\n    -o-transform: translateY(-50px);\n    transform: translateY(-50px);\n}\n.item-hover-218.square.effect3.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.square.effect3.top_to_bottom .info {\n    bottom: auto;\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-218.square.effect3.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(50px);\n    -moz-transform: translateY(50px);\n    -ms-transform: translateY(50px);\n    -o-transform: translateY(50px);\n    transform: translateY(50px);\n}\n.item-hover-218.square.effect3.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-218.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-218.square.effect4.colored .mask1,\n.item-hover-218.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-218.square.effect4 .img {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.square.effect4 .mask1,\n.item-hover-218.square.effect4 .mask2 {\n    position: absolute;\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    height: 361px;\n    width: 361px;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.square.effect4 .mask1 {\n    left: auto;\n    right: 0;\n    top: 0;\n    -webkit-transform: rotate(56.5deg) translateX(-180px);\n    -moz-transform: rotate(56.5deg) translateX(-180px);\n    -ms-transform: rotate(56.5deg) translateX(-180px);\n    -o-transform: rotate(56.5deg) translateX(-180px);\n    transform: rotate(56.5deg) translateX(-180px);\n    -webkit-transform-origin: 100% 0%;\n    -moz-transform-origin: 100% 0%;\n    -ms-transform-origin: 100% 0%;\n    -o-transform-origin: 100% 0%;\n    transform-origin: 100% 0%;\n}\n.item-hover-218.square.effect4 .mask2 {\n    top: auto;\n    bottom: 0;\n    left: 0;\n    -webkit-transform: rotate(56.5deg) translateX(180px);\n    -moz-transform: rotate(56.5deg) translateX(180px);\n    -ms-transform: rotate(56.5deg) translateX(180px);\n    -o-transform: rotate(56.5deg) translateX(180px);\n    transform: rotate(56.5deg) translateX(180px);\n    -webkit-transform-origin: 0% 100%;\n    -moz-transform-origin: 0% 100%;\n    -ms-transform-origin: 0% 100%;\n    -o-transform-origin: 0% 100%;\n    transform-origin: 0% 100%;\n}\n.item-hover-218.square.effect4 .info {\n    background: #111111;\n    height: 0;\n    visibility: hidden;\n    width: 361px;\n    -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);\n    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);\n    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);\n    -o-transform: rotate(-33.5deg) translate(-112px, 166px);\n    transform: rotate(-33.5deg) translate(-112px, 166px);\n    -webkit-transform-origin: 0% 100%;\n    -moz-transform-origin: 0% 100%;\n    -ms-transform-origin: 0% 100%;\n    -o-transform-origin: 0% 100%;\n    transform-origin: 0% 100%;\n    -webkit-transition: all 0.35s ease-in-out 0.35s;\n    -moz-transition: all 0.35s ease-in-out 0.35s;\n    transition: all 0.35s ease-in-out 0.35s;\n}\n.item-hover-218.square.effect4 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: transparent;\n    margin-top: 5px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out 0.35s;\n    -moz-transition: all 0.35s ease-in-out 0.35s;\n    transition: all 0.35s ease-in-out 0.35s;\n}\n.item-hover-218.square.effect4 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out 0.35s;\n    -moz-transition: all 0.35s ease-in-out 0.35s;\n    transition: all 0.35s ease-in-out 0.35s;\n}\n.item-hover-218.square.effect4 a:hover .mask1 {\n    -webkit-transform: rotate(56.5deg) translateX(1px);\n    -moz-transform: rotate(56.5deg) translateX(1px);\n    -ms-transform: rotate(56.5deg) translateX(1px);\n    -o-transform: rotate(56.5deg) translateX(1px);\n    transform: rotate(56.5deg) translateX(1px);\n}\n.item-hover-218.square.effect4 a:hover .mask2 {\n    -webkit-transform: rotate(56.5deg) translateX(-1px);\n    -moz-transform: rotate(56.5deg) translateX(-1px);\n    -ms-transform: rotate(56.5deg) translateX(-1px);\n    -o-transform: rotate(56.5deg) translateX(-1px);\n    transform: rotate(56.5deg) translateX(-1px);\n}\n.item-hover-218.square.effect4 a:hover .info {\n    width: 300px;\n    height: 120px;\n    visibility: visible;\n    top: 40px;\n    -webkit-transform: rotate(0deg) translate(0, 0);\n    -moz-transform: rotate(0deg) translate(0, 0);\n    -ms-transform: rotate(0deg) translate(0, 0);\n    -o-transform: rotate(0deg) translate(0, 0);\n    transform: rotate(0deg) translate(0, 0);\n}\n.item-hover-218.square.effect4 a:hover .info h3,\n.item-hover-218.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-218.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-218.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-218.square.effect5 .img {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-218.square.effect5 .info {\n    background: #333333;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.square.effect5 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n}\n.item-hover-218.square.effect5 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n.item-hover-218.square.effect5 a:hover .img {\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n    -webkit-transition-delay: 0;\n    -moz-transition-delay: 0;\n    transition-delay: 0;\n}\n.item-hover-218.square.effect5 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transform: scale(1) rotate(0deg);\n    -moz-transform: scale(1) rotate(0deg);\n    -ms-transform: scale(1) rotate(0deg);\n    -o-transform: scale(1) rotate(0deg);\n    transform: scale(1) rotate(0deg);\n    -webkit-transition-delay: 0.3s;\n    -moz-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n}\n\n.item-hover-218.square.effect5.left_to_right .info {\n    -webkit-transform: scale(0) rotate(-180deg);\n    -moz-transform: scale(0) rotate(-180deg);\n    -ms-transform: scale(0) rotate(-180deg);\n    -o-transform: scale(0) rotate(-180deg);\n    transform: scale(0) rotate(-180deg);\n}\n\n.item-hover-218.square.effect5.right_to_left .info {\n    -webkit-transform: scale(0) rotate(180deg);\n    -moz-transform: scale(0) rotate(180deg);\n    -ms-transform: scale(0) rotate(180deg);\n    -o-transform: scale(0) rotate(180deg);\n    transform: scale(0) rotate(180deg);\n}\n\n.item-hover-218.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-218.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-218.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-218.square.effect6 .img {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-218.square.effect6 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.square.effect6 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.square.effect6 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n    -webkit-transition: all 0.35s 0.1s linear;\n    -moz-transition: all 0.35s 0.1s linear;\n    transition: all 0.35s 0.1s linear;\n}\n.item-hover-218.square.effect6 a:hover .img {\n    -webkit-transform: scale(1.2);\n    -moz-transform: scale(1.2);\n    -ms-transform: scale(1.2);\n    -o-transform: scale(1.2);\n    transform: scale(1.2);\n}\n.item-hover-218.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-218.square.effect6.from_top_and_bottom .info h3 {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-218.square.effect6.from_top_and_bottom .info p {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-218.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-218.square.effect6.from_top_and_bottom a:hover .info p {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.square.effect6.from_left_and_right .info h3 {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-218.square.effect6.from_left_and_right .info p {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-218.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-218.square.effect6.from_left_and_right a:hover .info p {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-218.square.effect6.top_to_bottom .info h3 {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-218.square.effect6.top_to_bottom .info p {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-218.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-218.square.effect6.top_to_bottom a:hover .info p {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.square.effect6.bottom_to_top .info h3 {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-218.square.effect6.bottom_to_top .info p {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-218.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-218.square.effect6.bottom_to_top a:hover .info p {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-218.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-218.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-218.square.effect7 .img {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-218.square.effect7 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.square.effect7 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n    -webkit-transform: scale(4);\n    -moz-transform: scale(4);\n    -ms-transform: scale(4);\n    -o-transform: scale(4);\n    transform: scale(4);\n    -webkit-transition: all 0.35s 0.1s ease-in-out;\n    -moz-transition: all 0.35s 0.1s ease-in-out;\n    transition: all 0.35s 0.1s ease-in-out;\n}\n\n.item-hover-218.square.effect7 a:hover .img {\n    -webkit-transform: scale(1.2);\n    -moz-transform: scale(1.2);\n    -ms-transform: scale(1.2);\n    -o-transform: scale(1.2);\n    transform: scale(1.2);\n}\n.item-hover-218.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-218.square.effect7 a:hover .info h3,\n.item-hover-218.square.effect7 a:hover .info p {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-218.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-218.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-218.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-218.square.effect8 .img {\n    opacity: 1;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.square.effect8 .info {\n    background: #333333;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.square.effect8 .info h3 {\n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n    -webkit-transition: all 0.35s 0.1s ease-in-out;\n    -moz-transition: all 0.35s 0.1s ease-in-out;\n    transition: all 0.35s 0.1s ease-in-out;\n}\n\n.item-hover-218.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-218.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-218.square.effect8.scale_up .img {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-218.square.effect8.scale_up .info {\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n}\n.item-hover-218.square.effect8.scale_up .info h3,\n.item-hover-218.square.effect8.scale_up .info p {\n    -webkit-transform: scale(0);\n    -moz-transform: scale(0);\n    -ms-transform: scale(0);\n    -o-transform: scale(0);\n    transform: scale(0);\n}\n.item-hover-218.square.effect8.scale_up a:hover .img {\n    -webkit-transform: scale(5);\n    -moz-transform: scale(5);\n    -ms-transform: scale(5);\n    -o-transform: scale(5);\n    transform: scale(5);\n}\n.item-hover-218.square.effect8.scale_up a:hover .info {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-218.square.effect8.scale_up a:hover .info h3,\n.item-hover-218.square.effect8.scale_up a:hover .info p {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-218.square.effect8.scale_down .img {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-218.square.effect8.scale_down .info {\n    -webkit-transform: scale(5);\n    -moz-transform: scale(5);\n    -ms-transform: scale(5);\n    -o-transform: scale(5);\n    transform: scale(5);\n}\n.item-hover-218.square.effect8.scale_down .info h3,\n.item-hover-218.square.effect8.scale_down .info p {\n    -webkit-transform: scale(5);\n    -moz-transform: scale(5);\n    -ms-transform: scale(5);\n    -o-transform: scale(5);\n    transform: scale(5);\n}\n.item-hover-218.square.effect8.scale_down a:hover .img {\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-218.square.effect8.scale_down a:hover .info {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-218.square.effect8.scale_down a:hover .info h3,\n.item-hover-218.square.effect8.scale_down a:hover .info p {\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-218.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-218.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-218.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-218.square.effect9 .img {\n    position: relative;\n    z-index: 11;\n    -webkit-transition: all 0.5s ease-in-out;\n    -moz-transition: all 0.5s ease-in-out;\n    transition: all 0.5s ease-in-out;\n}\n.item-hover-218.square.effect9 .info {\n    z-index: 0;\n    -webkit-transform-style: preserve-3d;\n    -moz-transform-style: preserve-3d;\n    -ms-transform-style: preserve-3d;\n    -o-transform-style: preserve-3d;\n    transform-style: preserve-3d;\n}\n.item-hover-218.square.effect9 .info .info-back {\n    opacity: 1;\n    width: 100%;\n    height: 100%;\n    padding-top: 30px;\n    background: #333333;\n}\n.item-hover-218.square.effect9 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 0;\n}\n.item-hover-218.square.effect9 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n\n.item-hover-218.square.effect9.left_to_right .img {\n    -webkit-transform-origin: 100% 50%;\n    -moz-transform-origin: 100% 50%;\n    -ms-transform-origin: 100% 50%;\n    -o-transform-origin: 100% 50%;\n    transform-origin: 100% 50%;\n}\n.item-hover-218.square.effect9.left_to_right a:hover .img {\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n}\n\n.item-hover-218.square.effect9.right_to_left .img {\n    -webkit-transform-origin: 0% 50%;\n    -moz-transform-origin: 0% 50%;\n    -ms-transform-origin: 0% 50%;\n    -o-transform-origin: 0% 50%;\n    transform-origin: 0% 50%;\n}\n.item-hover-218.square.effect9.right_to_left a:hover .img {\n    -webkit-transform: rotate3d(0, 1, 0, -180deg);\n    -moz-transform: rotate3d(0, 1, 0, -180deg);\n    -ms-transform: rotate3d(0, 1, 0, -180deg);\n    -o-transform: rotate3d(0, 1, 0, -180deg);\n    transform: rotate3d(0, 1, 0, -180deg);\n}\n\n.item-hover-218.square.effect9.top_to_bottom .img {\n    -webkit-transform-origin: 50% 100%;\n    -moz-transform-origin: 50% 100%;\n    -ms-transform-origin: 50% 100%;\n    -o-transform-origin: 50% 100%;\n    transform-origin: 50% 100%;\n}\n.item-hover-218.square.effect9.top_to_bottom a:hover .img {\n    -webkit-transform: rotate3d(1, 0, 0, -180deg);\n    -moz-transform: rotate3d(1, 0, 0, -180deg);\n    -ms-transform: rotate3d(1, 0, 0, -180deg);\n    -o-transform: rotate3d(1, 0, 0, -180deg);\n    transform: rotate3d(1, 0, 0, -180deg);\n}\n\n.item-hover-218.square.effect9.bottom_to_top .img {\n    -webkit-transform-origin: 50% 0;\n    -moz-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    -o-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n}\n.item-hover-218.square.effect9.bottom_to_top a:hover .img {\n    -webkit-transform: rotate3d(1, 0, 0, 180deg);\n    -moz-transform: rotate3d(1, 0, 0, 180deg);\n    -ms-transform: rotate3d(1, 0, 0, 180deg);\n    -o-transform: rotate3d(1, 0, 0, 180deg);\n    transform: rotate3d(1, 0, 0, 180deg);\n}\n\n.item-hover-218.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-218.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-218.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-218.square.effect10 .img {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.square.effect10 .info {\n    background: #333333;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.square.effect10 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n}\n.item-hover-218.square.effect10 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n.item-hover-218.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-218.square.effect10.left_to_right .img {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-218.square.effect10.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-218.square.effect10.left_to_right a:hover .img {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-218.square.effect10.left_to_right a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-218.square.effect10.right_to_left .img {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n.item-hover-218.square.effect10.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-218.square.effect10.right_to_left a:hover .img {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-218.square.effect10.right_to_left a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-218.square.effect10.top_to_bottom .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-218.square.effect10.top_to_bottom .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-218.square.effect10.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-218.square.effect10.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.square.effect10.bottom_to_top .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-218.square.effect10.bottom_to_top .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-218.square.effect10.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-218.square.effect10.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-218.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-218.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-218.square.effect11 .img {\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.square.effect11 .info {\n    background: #333333;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease 0.2s;\n    -moz-transition: all 0.35s ease 0.2s;\n    transition: all 0.35s ease 0.2s;\n}\n.item-hover-218.square.effect11 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n}\n.item-hover-218.square.effect11 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n.item-hover-218.square.effect11 a:hover .img {\n    opacity: 0;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-218.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-218.square.effect11.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-218.square.effect11.left_to_right a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-218.square.effect11.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-218.square.effect11.right_to_left a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-218.square.effect11.top_to_bottom .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-218.square.effect11.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.square.effect11.bottom_to_top .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-218.square.effect11.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-218.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-218.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-218.square.effect12 .img {\n    -webkit-transition: all 0.35s ease-in;\n    -moz-transition: all 0.35s ease-in;\n    transition: all 0.35s ease-in;\n}\n.item-hover-218.square.effect12 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in;\n    -moz-transition: all 0.35s ease-in;\n    transition: all 0.35s ease-in;\n}\n.item-hover-218.square.effect12 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n    -webkit-transition: all 0.35s ease-in;\n    -moz-transition: all 0.35s ease-in;\n    transition: all 0.35s ease-in;\n}\n.item-hover-218.square.effect12 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n    -webkit-transition: all 0.35s ease-in;\n    -moz-transition: all 0.35s ease-in;\n    transition: all 0.35s ease-in;\n}\n.item-hover-218.square.effect12 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transition-delay: 0.2s;\n    -moz-transition-delay: 0.2s;\n    transition-delay: 0.2s;\n}\n.item-hover-218.square.effect12 a:hover .info h3 {\n    -webkit-transition-delay: 0.3s;\n    -moz-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n}\n.item-hover-218.square.effect12 a:hover .info p {\n    -webkit-transition-delay: 0.25s;\n    -moz-transition-delay: 0.25s;\n    transition-delay: 0.25s;\n}\n\n.item-hover-218.square.effect12.left_to_right .info {\n    -webkit-transform: translate(-460px, -100px) rotate(-180deg);\n    -moz-transform: translate(-460px, -100px) rotate(-180deg);\n    -ms-transform: translate(-460px, -100px) rotate(-180deg);\n    -o-transform: translate(-460px, -100px) rotate(-180deg);\n    transform: translate(-460px, -100px) rotate(-180deg);\n}\n.item-hover-218.square.effect12.left_to_right .info h3 {\n    -webkit-transform: translateY(-100px);\n    -moz-transform: translateY(-100px);\n    -ms-transform: translateY(-100px);\n    -o-transform: translateY(-100px);\n    transform: translateY(-100px);\n}\n.item-hover-218.square.effect12.left_to_right .info p {\n    -webkit-transform: translateX(-300px) rotate(-90deg);\n    -moz-transform: translateX(-300px) rotate(-90deg);\n    -ms-transform: translateX(-300px) rotate(-90deg);\n    -o-transform: translateX(-300px) rotate(-90deg);\n    transform: translateX(-300px) rotate(-90deg);\n}\n.item-hover-218.square.effect12.left_to_right a:hover .info {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n}\n.item-hover-218.square.effect12.left_to_right a:hover .info h3 {\n    -webkit-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -o-transform: translateY(0px);\n    transform: translateY(0px);\n}\n.item-hover-218.square.effect12.left_to_right a:hover .info p {\n    -webkit-transform: translateX(0px) rotate(0deg);\n    -moz-transform: translateX(0px) rotate(0deg);\n    -ms-transform: translateX(0px) rotate(0deg);\n    -o-transform: translateX(0px) rotate(0deg);\n    transform: translateX(0px) rotate(0deg);\n}\n\n.item-hover-218.square.effect12.right_to_left .info {\n    -webkit-transform: translate(460px, -100px) rotate(180deg);\n    -moz-transform: translate(460px, -100px) rotate(180deg);\n    -ms-transform: translate(460px, -100px) rotate(180deg);\n    -o-transform: translate(460px, -100px) rotate(180deg);\n    transform: translate(460px, -100px) rotate(180deg);\n}\n.item-hover-218.square.effect12.right_to_left .info h3 {\n    -webkit-transform: translateY(-100px);\n    -moz-transform: translateY(-100px);\n    -ms-transform: translateY(-100px);\n    -o-transform: translateY(-100px);\n    transform: translateY(-100px);\n}\n.item-hover-218.square.effect12.right_to_left .info p {\n    -webkit-transform: translateX(300px) rotate(90deg);\n    -moz-transform: translateX(300px) rotate(90deg);\n    -ms-transform: translateX(300px) rotate(90deg);\n    -o-transform: translateX(300px) rotate(90deg);\n    transform: translateX(300px) rotate(90deg);\n}\n.item-hover-218.square.effect12.right_to_left a:hover .info {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n}\n.item-hover-218.square.effect12.right_to_left a:hover .info h3 {\n    -webkit-transform: translateY(0px);\n    -moz-transform: translateY(0px);\n    -ms-transform: translateY(0px);\n    -o-transform: translateY(0px);\n    transform: translateY(0px);\n}\n.item-hover-218.square.effect12.right_to_left a:hover .info p {\n    -webkit-transform: translateX(0px) rotate(0deg);\n    -moz-transform: translateX(0px) rotate(0deg);\n    -ms-transform: translateX(0px) rotate(0deg);\n    -o-transform: translateX(0px) rotate(0deg);\n    transform: translateX(0px) rotate(0deg);\n}\n\n.item-hover-218.square.effect12.top_to_bottom .info {\n    -webkit-transform: translate(-265px, -145px) rotate(-45deg);\n    -moz-transform: translate(-265px, -145px) rotate(-45deg);\n    -ms-transform: translate(-265px, -145px) rotate(-45deg);\n    -o-transform: translate(-265px, -145px) rotate(-45deg);\n    transform: translate(-265px, -145px) rotate(-45deg);\n}\n.item-hover-218.square.effect12.top_to_bottom .info h3 {\n    -webkit-transform: translate(200px, -200px);\n    -moz-transform: translate(200px, -200px);\n    -ms-transform: translate(200px, -200px);\n    -o-transform: translate(200px, -200px);\n    transform: translate(200px, -200px);\n}\n.item-hover-218.square.effect12.top_to_bottom .info p {\n    -webkit-transform: translate(200px, -200px);\n    -moz-transform: translate(200px, -200px);\n    -ms-transform: translate(200px, -200px);\n    -o-transform: translate(200px, -200px);\n    transform: translate(200px, -200px);\n}\n.item-hover-218.square.effect12.top_to_bottom a:hover .info {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n    -webkit-transition-delay: 0.2s;\n    -moz-transition-delay: 0.2s;\n    transition-delay: 0.2s;\n}\n.item-hover-218.square.effect12.top_to_bottom a:hover .info h3 {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n    -webkit-transition-delay: 0.3s;\n    -moz-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n}\n.item-hover-218.square.effect12.top_to_bottom a:hover .info p {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n    -webkit-transition-delay: 0.4s;\n    -moz-transition-delay: 0.4s;\n    transition-delay: 0.4s;\n}\n\n.item-hover-218.square.effect12.bottom_to_top .info {\n    -webkit-transform: translate(265px, 145px) rotate(45deg);\n    -moz-transform: translate(265px, 145px) rotate(45deg);\n    -ms-transform: translate(265px, 145px) rotate(45deg);\n    -o-transform: translate(265px, 145px) rotate(45deg);\n    transform: translate(265px, 145px) rotate(45deg);\n}\n.item-hover-218.square.effect12.bottom_to_top .info h3 {\n    -webkit-transform: translate(200px, -200px);\n    -moz-transform: translate(200px, -200px);\n    -ms-transform: translate(200px, -200px);\n    -o-transform: translate(200px, -200px);\n    transform: translate(200px, -200px);\n}\n.item-hover-218.square.effect12.bottom_to_top .info p {\n    -webkit-transform: translate(-200px, 200px);\n    -moz-transform: translate(-200px, 200px);\n    -ms-transform: translate(-200px, 200px);\n    -o-transform: translate(-200px, 200px);\n    transform: translate(-200px, 200px);\n}\n.item-hover-218.square.effect12.bottom_to_top a:hover .info {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n    -webkit-transition-delay: 0.2s;\n    -moz-transition-delay: 0.2s;\n    transition-delay: 0.2s;\n}\n.item-hover-218.square.effect12.bottom_to_top a:hover .info h3 {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n    -webkit-transition-delay: 0.3s;\n    -moz-transition-delay: 0.3s;\n    transition-delay: 0.3s;\n}\n.item-hover-218.square.effect12.bottom_to_top a:hover .info p {\n    -webkit-transform: translate(0px, 0px);\n    -moz-transform: translate(0px, 0px);\n    -ms-transform: translate(0px, 0px);\n    -o-transform: translate(0px, 0px);\n    transform: translate(0px, 0px);\n    -webkit-transition-delay: 0.4s;\n    -moz-transition-delay: 0.4s;\n    transition-delay: 0.4s;\n}\n\n.item-hover-218.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-218.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-218.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-218.square.effect13 .img {\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n.item-hover-218.square.effect13 .info {\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    visibility: hidden;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.square.effect13 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n}\n.item-hover-218.square.effect13 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n.item-hover-218.square.effect13 a:hover .img {\n    -webkit-transform: scale(1.2);\n    -moz-transform: scale(1.2);\n    -ms-transform: scale(1.2);\n    -o-transform: scale(1.2);\n    transform: scale(1.2);\n}\n.item-hover-218.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-218.square.effect13.left_to_right .info {\n    -webkit-transform: translateX(-100%);\n    -moz-transform: translateX(-100%);\n    -ms-transform: translateX(-100%);\n    -o-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n.item-hover-218.square.effect13.left_to_right a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-218.square.effect13.right_to_left .info {\n    -webkit-transform: translateX(100%);\n    -moz-transform: translateX(100%);\n    -ms-transform: translateX(100%);\n    -o-transform: translateX(100%);\n    transform: translateX(100%);\n}\n.item-hover-218.square.effect13.right_to_left a:hover .info {\n    -webkit-transform: translateX(0);\n    -moz-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -o-transform: translateX(0);\n    transform: translateX(0);\n}\n\n.item-hover-218.square.effect13.top_to_bottom .info {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n.item-hover-218.square.effect13.top_to_bottom a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.square.effect13.bottom_to_top .info {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n.item-hover-218.square.effect13.bottom_to_top a:hover .info {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n\n.item-hover-218.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-218.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-218.square.effect14 .img {\n    opacity: 1;\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-218.square.effect14 .info {\n    background: #333333;\n    visibility: hidden;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n    -webkit-transition: all 0.35s ease 0.2s;\n    -moz-transition: all 0.35s ease 0.2s;\n    transition: all 0.35s ease 0.2s;\n}\n.item-hover-218.square.effect14 .info h3 {\n    \n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n}\n.item-hover-218.square.effect14 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #fff;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n.item-hover-218.square.effect14 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transform: scale(0.5);\n    -moz-transform: scale(0.5);\n    -ms-transform: scale(0.5);\n    -o-transform: scale(0.5);\n    transform: scale(0.5);\n}\n.item-hover-218.square.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n    -webkit-transform: scale(1);\n    -moz-transform: scale(1);\n    -ms-transform: scale(1);\n    -o-transform: scale(1);\n    transform: scale(1);\n}\n\n.item-hover-218.square.effect14.left_to_right .img {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n}\n.item-hover-218.square.effect14.left_to_right a:hover .img {\n    -webkit-transform: translateX(100%) rotate(180deg);\n    -moz-transform: translateX(100%) rotate(180deg);\n    -ms-transform: translateX(100%) rotate(180deg);\n    -o-transform: translateX(100%) rotate(180deg);\n    transform: translateX(100%) rotate(180deg);\n}\n\n.item-hover-218.square.effect14.right_to_left .img {\n    -webkit-transform: translateX(0) rotate(0);\n    -moz-transform: translateX(0) rotate(0);\n    -ms-transform: translateX(0) rotate(0);\n    -o-transform: translateX(0) rotate(0);\n    transform: translateX(0) rotate(0);\n}\n.item-hover-218.square.effect14.right_to_left a:hover .img {\n    -webkit-transform: translateX(-100%) rotate(-180deg);\n    -moz-transform: translateX(-100%) rotate(-180deg);\n    -ms-transform: translateX(-100%) rotate(-180deg);\n    -o-transform: translateX(-100%) rotate(-180deg);\n    transform: translateX(-100%) rotate(-180deg);\n}\n\n.item-hover-218.square.effect14.top_to_bottom .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-218.square.effect14.top_to_bottom a:hover .img {\n    -webkit-transform: translateY(-100%);\n    -moz-transform: translateY(-100%);\n    -ms-transform: translateY(-100%);\n    -o-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n\n.item-hover-218.square.effect14.bottom_to_top .img {\n    -webkit-transform: translateY(0);\n    -moz-transform: translateY(0);\n    -ms-transform: translateY(0);\n    -o-transform: translateY(0);\n    transform: translateY(0);\n}\n.item-hover-218.square.effect14.bottom_to_top a:hover .img {\n    -webkit-transform: translateY(100%);\n    -moz-transform: translateY(100%);\n    -ms-transform: translateY(100%);\n    -o-transform: translateY(100%);\n    transform: translateY(100%);\n}\n\n.item-hover-218.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-218.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-218.square.effect15 .img {\n    opacity: 1;\n    -webkit-transition: all 0.4s ease-in-out;\n    -moz-transition: all 0.4s ease-in-out;\n    transition: all 0.4s ease-in-out;\n}\n.item-hover-218.square.effect15 .info {\n    background: #333333;\n    opacity: 0;\n    -webkit-transition: all 0.35s ease-in-out 0.3s;\n    -moz-transition: all 0.35s ease-in-out 0.3s;\n    transition: all 0.35s ease-in-out 0.3s;\n}\n.item-hover-218.square.effect15 .info h3 {\n    color: #fff;\n    text-align: center;\n    font-size: 17px;\n    padding: 10px;\n    background: #111111;\n    margin: 30px 0 0 0;\n}\n.item-hover-218.square.effect15 .info p {\n    font-style: italic;\n    font-size: 12px;\n    position: relative;\n    color: #bbb;\n    padding: 20px 20px 20px;\n    text-align: center;\n}\n.item-hover-218.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-218.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-218.square.effect15.left_to_right .img {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n    -webkit-transform-origin: 100% 50%;\n    -moz-transform-origin: 100% 50%;\n    -ms-transform-origin: 100% 50%;\n    -o-transform-origin: 100% 50%;\n    transform-origin: 100% 50%;\n}\n.item-hover-218.square.effect15.left_to_right .info {\n    -webkit-transform: rotateY(90deg);\n    -moz-transform: rotateY(90deg);\n    -ms-transform: rotateY(90deg);\n    -o-transform: rotateY(90deg);\n    transform: rotateY(90deg);\n    -webkit-transform-origin: 0% 50%;\n    -moz-transform-origin: 0% 50%;\n    -ms-transform-origin: 0% 50%;\n    -o-transform-origin: 0% 50%;\n    transform-origin: 0% 50%;\n}\n.item-hover-218.square.effect15.left_to_right a:hover .img {\n    -webkit-transform: rotateY(-90deg);\n    -moz-transform: rotateY(-90deg);\n    -ms-transform: rotateY(-90deg);\n    -o-transform: rotateY(-90deg);\n    transform: rotateY(-90deg);\n}\n.item-hover-218.square.effect15.left_to_right a:hover .info {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n}\n\n.item-hover-218.square.effect15.right_to_left .img {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n    -webkit-transform-origin: 0% 50%;\n    -moz-transform-origin: 0% 50%;\n    -ms-transform-origin: 0% 50%;\n    -o-transform-origin: 0% 50%;\n    transform-origin: 0% 50%;\n}\n.item-hover-218.square.effect15.right_to_left .info {\n    -webkit-transform: rotateY(-90deg);\n    -moz-transform: rotateY(-90deg);\n    -ms-transform: rotateY(-90deg);\n    -o-transform: rotateY(-90deg);\n    transform: rotateY(-90deg);\n    -webkit-transform-origin: 100% 50%;\n    -moz-transform-origin: 100% 50%;\n    -ms-transform-origin: 100% 50%;\n    -o-transform-origin: 100% 50%;\n    transform-origin: 100% 50%;\n}\n.item-hover-218.square.effect15.right_to_left a:hover .img {\n    -webkit-transform: rotateY(90deg);\n    -moz-transform: rotateY(90deg);\n    -ms-transform: rotateY(90deg);\n    -o-transform: rotateY(90deg);\n    transform: rotateY(90deg);\n}\n.item-hover-218.square.effect15.right_to_left a:hover .info {\n    -webkit-transform: rotateY(0);\n    -moz-transform: rotateY(0);\n    -ms-transform: rotateY(0);\n    -o-transform: rotateY(0);\n    transform: rotateY(0);\n}\n\n.item-hover-218.square.effect15.top_to_bottom .img {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n    -webkit-transform-origin: 50% 100%;\n    -moz-transform-origin: 50% 100%;\n    -ms-transform-origin: 50% 100%;\n    -o-transform-origin: 50% 100%;\n    transform-origin: 50% 100%;\n}\n.item-hover-218.square.effect15.top_to_bottom .info {\n    -webkit-transform: rotateX(-90deg);\n    -moz-transform: rotateX(-90deg);\n    -ms-transform: rotateX(-90deg);\n    -o-transform: rotateX(-90deg);\n    transform: rotateX(-90deg);\n    -webkit-transform-origin: 50% 0;\n    -moz-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    -o-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n}\n.item-hover-218.square.effect15.top_to_bottom a:hover .img {\n    -webkit-transform: rotateX(90deg);\n    -moz-transform: rotateX(90deg);\n    -ms-transform: rotateX(90deg);\n    -o-transform: rotateX(90deg);\n    transform: rotateX(90deg);\n}\n.item-hover-218.square.effect15.top_to_bottom a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n\n.item-hover-218.square.effect15.bottom_to_top .img {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n    -webkit-transform-origin: 50% 0;\n    -moz-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    -o-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n}\n.item-hover-218.square.effect15.bottom_to_top .info {\n    -webkit-transform: rotateX(90deg);\n    -moz-transform: rotateX(90deg);\n    -ms-transform: rotateX(90deg);\n    -o-transform: rotateX(90deg);\n    transform: rotateX(90deg);\n    -webkit-transform-origin: 50% 100%;\n    -moz-transform-origin: 50% 100%;\n    -ms-transform-origin: 50% 100%;\n    -o-transform-origin: 50% 100%;\n    transform-origin: 50% 100%;\n}\n.item-hover-218.square.effect15.bottom_to_top a:hover .img {\n    -webkit-transform: rotateX(-90deg);\n    -moz-transform: rotateX(-90deg);\n    -ms-transform: rotateX(-90deg);\n    -o-transform: rotateX(-90deg);\n    transform: rotateX(-90deg);\n}\n.item-hover-218.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Vimeo Video Gallery &#8211; 4 Column    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-218 circle colored effect12 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/92179785\" title=\"Magical Europe - Timelapse\"\n\t\t\t\t\t   class=\"swipebox_218\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Magical-Europe-Timelapse-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-218\">Magical Europe ...<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-218 \">Magical Europe - Timelapse<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-218 circle colored effect12 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/82095744\" title=\"Aidan Sheahan - Insight\"\n\t\t\t\t\t   class=\"swipebox_218\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Aidan-Sheahan-Insight-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-218\">Aidan Sheahan -...<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-218 \">Aidan Sheahan - Insight<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-218 circle colored effect12 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/66783163\" title=\"Ashley Fiolek Feature- ESPN\"\n\t\t\t\t\t   class=\"swipebox_218\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Ashley-Fiolek-Feature-ESPN-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-218\">Ashley Fiolek F...<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-218 \">Ashley Fiolek Feature- ESPN<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-218 circle colored effect12 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/91953166\" title=\"Welcome To Doha Timelapse\"\n\t\t\t\t\t   class=\"swipebox_218\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Welcome-To-Doha-Timelapse-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-218\">Welcome To Doha...<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-218 \">Welcome To Doha Timelapse<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-218 circle colored effect12 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/93094247\" title=\"Lost in Indonesia\"\n\t\t\t\t\t   class=\"swipebox_218\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Lost-in-Indonesia-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-218\">Lost in Indones...<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-218 \">Lost in Indonesia<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-218 circle colored effect12 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/105506149\" title=\"German Vogue\"\n\t\t\t\t\t   class=\"swipebox_218\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/German-Vogue-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-218\">German Vogue<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-218 \">German Vogue<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-218 circle colored effect12 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/125630764\" title=\"Start Seeds Indoors\"\n\t\t\t\t\t   class=\"swipebox_218\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Start-Seeds-Indoors-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-218\">Start Seeds Ind...<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-218 \">Start Seeds Indoors<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-218 circle colored effect12 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"https:\/\/vimeo.com\/9073623\" title=\"Foolishly Seeking True Love\"\n\t\t\t\t\t   class=\"swipebox_218\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Foolishly-Seeking-True-Love-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-218\">Foolishly Seeki...<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-218 \">Foolishly Seeking True Love<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"page-full-width.php","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":2,"href":"https:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":283,"href":"https:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-json\/wp\/v2\/pages\/8\/revisions\/283"}],"wp:attachment":[{"href":"https:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}