{"id":1241,"date":"2016-05-05T18:28:29","date_gmt":"2016-05-05T18:28:29","guid":{"rendered":"http:\/\/costa-del-sol.tv\/de\/?page_id=1241"},"modified":"2017-09-28T17:49:03","modified_gmt":"2017-09-28T17:49:03","slug":"fotos-360","status":"publish","type":"page","link":"https:\/\/costa-del-sol.tv\/de\/fotos-360\/","title":{"rendered":"Fotos 360\u00b0"},"content":{"rendered":"        <!-- Swipe Box-->\n        <script type=\"text\/javascript\">\n            jQuery(document).ready(function () {\n                ;(function (jQuery) {\n                    jQuery('.swipebox_1974').swipebox({\n                        hideBarsDelay: 0,\n                        hideCloseButtonOnMobile: false,\n                    });\n                })(jQuery);\n            });\n        <\/script>\n\t\t        <style>\n            .pgp_effect {\n                overflow: hidden;\n                paddind: 10px;\n            }\n\n            .item_margin {\n                margin-bottom: 20px;\n            }\n\n            .info .h3-1974 {\n                font-family: #31A3DD;\n                font-weight: 500;\n            }\n\n            .portfolio-gallery-title {\n                font-weight: bold;\n                font-size: 18px;\n                padding-bottom: 20px;\n                border-bottom: 3px solid #f1f1f1;\n                margin-bottom: 20px;\n                text-align: center\n            }\n\n            .pp_nav {\n                display: block !important;\n            }\n\n            @media (min-width: 992px) {\n                .col-md-6 {\n                    width: 49.57% !important;\n                }\n\n                .col-md-4 {\n                    width: 33.30% !important;\n                }\n\n                .col-md-3 {\n                    width: 24.70% !important;\n                }\n            }\n        <\/style>\n\n        <!-- Load Effect File -->\n\t\t<style>\n.item-hover-1974 {\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-1974,\n.item-hover-1974 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-1974 a {\n    color: #333;\n}\n.item-hover-1974 a:hover {\n    text-decoration: none;\n}\n.item-hover-1974 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-1974.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-1974.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-1974.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 0%;\n    \n            box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);\n        \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-1974.circle .img img {\n    border-radius: 0%;\n}\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.circle.effect2.colored .info {\n    background: rgba(49,163,221, 0.6);\n}\n.item-hover-1974.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-1974.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: uppercase;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.circle.effect3.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1974.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-1974.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\n        margin: 0 30px;\n            padding: 20% 0 0 0;\n    \n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.circle.effect4.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1974.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-1974.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1974.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-1974.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-1974.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-1974.circle.effect5.colored .info .info-back {\n    background: rgba(49,163,221, 0.76);\n}\n.item-hover-1974.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-1974.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-1974.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1974.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-1974.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-1974.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-1974.circle.effect6.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1974.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-1974.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.circle.effect7.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1974.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-1974.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1974.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-1974.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.circle.effect8.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 16px;\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-1974.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-1974.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-1974.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.circle.effect9.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1974.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-1974.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.circle.effect10.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1974.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-1974.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-1974.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-1974.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-1974.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-1974.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-1974.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-1974.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-1974.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-1974.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-1974.circle.effect11.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1974.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-1974.circle.effect11 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\n    margin: 0 20px;\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-1974.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-1974.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.circle.effect12.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1974.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-1974.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1974.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-1974.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.circle.effect13.colored .info {\n    background: rgba(49,163,221, 0.6);\n}\n.item-hover-1974.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-1974.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1974.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-1974.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-1974.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-1974.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-1974.circle.effect14.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1974.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-1974.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1974.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-1974.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.circle.effect15.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1974.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-1974.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1974.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-1974.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-1974.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-1974.circle.effect16.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1974.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-1974.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1974.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-1974.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-1974.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-1974.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.6), 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-1974.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-1974.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-1974.circle.effect18.colored .info .info-back {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1974.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-1974.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-1974.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.circle.effect19.colored .info {\n    background: rgba(49,163,221, 0.6);\n}\n.item-hover-1974.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-1974.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 16px;\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-1974.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-1974.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-1974.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-1974.circle.effect20.colored .info .info-back {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1974.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-1974.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-1974.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1974.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-1974.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-1974.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-1974.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-1974.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-1974.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-1974.square.effect2 a:hover .info h3,\n.item-hover-1974.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-1974.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-1974.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-1974.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1974.square.effect4.colored .mask1,\n.item-hover-1974.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-1974.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-1974.square.effect4 .mask1,\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.square.effect4 a:hover .info h3,\n.item-hover-1974.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-1974.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-1974.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-1974.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-1974.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1974.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-1974.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-1974.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-1974.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-1974.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-1974.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-1974.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-1974.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-1974.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-1974.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-1974.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-1974.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-1974.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-1974.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-1974.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-1974.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-1974.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-1974.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-1974.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-1974.square.effect7 a:hover .info h3,\n.item-hover-1974.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-1974.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-1974.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-1974.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1974.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-1974.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-1974.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-1974.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-1974.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1974.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-1974.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-1974.square.effect8.scale_up .info h3,\n.item-hover-1974.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-1974.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-1974.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-1974.square.effect8.scale_up a:hover .info h3,\n.item-hover-1974.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-1974.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-1974.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-1974.square.effect8.scale_down .info h3,\n.item-hover-1974.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-1974.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-1974.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-1974.square.effect8.scale_down a:hover .info h3,\n.item-hover-1974.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-1974.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-1974.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-1974.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-1974.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-1974.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-1974.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-1974.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-1974.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-1974.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-1974.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-1974.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-1974.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-1974.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-1974.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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-1974.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=\"pgp_effect\">\n\t\t\t                <div class=\"portfolio-gallery-title\">\n\t\t\t\t\t360\u00b0 Panorama-Fotos, Apartment Hibiscos 2                <\/div>\n\t\t\t            <div class=\"gallery1\">\n            \t<div class=\"row\">\n\t\t\t\t                        <div class=\"col-md-4 item_margin col-sm-6\">\n                            <!-- colored -->\n                            <div class=\"item-hover-1974 circle colored effect11 right_to_left\">\n\n                                <a href=\"https:\/\/www.panono.com\/p\/dFTF141vt8ZD\/embed\"\n                                   title=\"360\u00b0 - Terrasse\/Terrace\"\n\t\t\t\t\t\t\t\t\t target=\"http:\/\/_self\"  >\n                                    <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/costa-del-sol.tv\/wp-content\/uploads\/2016\/05\/k-Terrasse-400x400.jpg\" alt=\"360\u00b0 - Terrasse\/Terrace\"> <\/div>\n                                    <div class=\"info\">\n\t\t\t\t\t\t\t\t\t\t                                            <h3 class=\"h3-1974\">360\u00b0 - Terrasse\/Terrace<\/h3>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n                                <\/a>\n                            <\/div>\n                            <!-- end colored -->\n                        <\/div>\n\t\t\t\t\t\t                        <div class=\"col-md-4 item_margin col-sm-6\">\n                            <!-- colored -->\n                            <div class=\"item-hover-1974 circle colored effect11 right_to_left\">\n\n                                <a href=\"https:\/\/www.panono.com\/p\/FHUGWzHmRZDw\/embed\"\n                                   title=\"360\u00b0 - Wohnzimmer\/Sitting Room\"\n\t\t\t\t\t\t\t\t\t target=\"http:\/\/_self\"  >\n                                    <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/costa-del-sol.tv\/wp-content\/uploads\/2016\/05\/k-Wohnzimmer-400x400.jpg\" alt=\"360\u00b0 - Wohnzimmer\/Sitting Room\"> <\/div>\n                                    <div class=\"info\">\n\t\t\t\t\t\t\t\t\t\t                                            <h3 class=\"h3-1974\">360\u00b0 - Wohnzimmer\/Sitting Room<\/h3>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n                                <\/a>\n                            <\/div>\n                            <!-- end colored -->\n                        <\/div>\n\t\t\t\t\t\t                        <div class=\"col-md-4 item_margin col-sm-6\">\n                            <!-- colored -->\n                            <div class=\"item-hover-1974 circle colored effect11 right_to_left\">\n\n                                <a href=\"https:\/\/www.panono.com\/p\/eiEVcxRog8xN\/embed\"\n                                   title=\"360\u00b0 - Masterbedroom\"\n\t\t\t\t\t\t\t\t\t target=\"http:\/\/_self\"  >\n                                    <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/costa-del-sol.tv\/wp-content\/uploads\/2016\/05\/Masterbedroom-400x400.jpg\" alt=\"360\u00b0 - Masterbedroom\"> <\/div>\n                                    <div class=\"info\">\n\t\t\t\t\t\t\t\t\t\t                                            <h3 class=\"h3-1974\">360\u00b0 - Masterbedroom<\/h3>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n                                <\/a>\n                            <\/div>\n                            <!-- end colored -->\n                        <\/div>\n\t\t\t\t\t\t                        <div class=\"col-md-4 item_margin col-sm-6\">\n                            <!-- colored -->\n                            <div class=\"item-hover-1974 circle colored effect11 right_to_left\">\n\n                                <a href=\"https:\/\/www.panono.com\/p\/qR2h0EqqGvpv\/embed\"\n                                   title=\"360\u00b0 - 2nd Bedroom\/Schlafzimmer 2\"\n\t\t\t\t\t\t\t\t\t target=\"http:\/\/_self\"  >\n                                    <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/costa-del-sol.tv\/wp-content\/uploads\/2016\/05\/k-Schlafzimmer2-400x400.jpg\" alt=\"360\u00b0 - 2nd Bedroom\/Schlafzimmer 2\"> <\/div>\n                                    <div class=\"info\">\n\t\t\t\t\t\t\t\t\t\t                                            <h3 class=\"h3-1974\">360\u00b0 - 2nd Bedroom\/Schlafzimmer 2<\/h3>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n                                <\/a>\n                            <\/div>\n                            <!-- end colored -->\n                        <\/div>\n\t\t\t\t\t\t                        <div class=\"col-md-4 item_margin col-sm-6\">\n                            <!-- colored -->\n                            <div class=\"item-hover-1974 circle colored effect11 right_to_left\">\n\n                                <a href=\"https:\/\/www.panono.com\/p\/Gt10neZQOhvw\/embed\"\n                                   title=\"360\u00b0 - Badezimmer\/Bath\"\n\t\t\t\t\t\t\t\t\t target=\"http:\/\/_self\"  >\n                                    <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/costa-del-sol.tv\/wp-content\/uploads\/2016\/05\/k-Bad-400x400.jpg\" alt=\"360\u00b0 - Badezimmer\/Bath\"> <\/div>\n                                    <div class=\"info\">\n\t\t\t\t\t\t\t\t\t\t                                            <h3 class=\"h3-1974\">360\u00b0 - Badezimmer\/Bath<\/h3>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n                                <\/a>\n                            <\/div>\n                            <!-- end colored -->\n                        <\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n            <\/div>\n        <\/div>\n        <script>\n\t\tjQuery(document).ready(function() {\n\t        jQuery('.gallery1').imagesLoaded(function () {\n\t            jQuery('.gallery1').masonry({\n\t                itemSelector: '.item_margin',\n\t                isAnimated: true,\n\t                isFitWidth: true\n\t            });\n\t        });\n\t\t});\n        <\/script>\n\t\n        <!-- Swipe Box-->\n        <script type=\"text\/javascript\">\n            jQuery(document).ready(function () {\n                ;(function (jQuery) {\n                    jQuery('.swipebox_1964').swipebox({\n                        hideBarsDelay: 0,\n                        hideCloseButtonOnMobile: false,\n                    });\n                })(jQuery);\n            });\n        <\/script>\n\t\t        <style>\n            .pgp_effect {\n                overflow: hidden;\n                paddind: 10px;\n            }\n\n            .item_margin {\n                margin-bottom: 20px;\n            }\n\n            .info .h3-1964 {\n                font-family: #31A3DD;\n                font-weight: 500;\n            }\n\n            .portfolio-gallery-title {\n                font-weight: bold;\n                font-size: 18px;\n                padding-bottom: 20px;\n                border-bottom: 3px solid #f1f1f1;\n                margin-bottom: 20px;\n                text-align: center\n            }\n\n            .pp_nav {\n                display: block !important;\n            }\n\n            @media (min-width: 992px) {\n                .col-md-6 {\n                    width: 49.57% !important;\n                }\n\n                .col-md-4 {\n                    width: 33.30% !important;\n                }\n\n                .col-md-3 {\n                    width: 24.70% !important;\n                }\n            }\n        <\/style>\n\n        <!-- Load Effect File -->\n\t\t<style>\n.item-hover-1964 {\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-1964,\n.item-hover-1964 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-1964 a {\n    color: #333;\n}\n.item-hover-1964 a:hover {\n    text-decoration: none;\n}\n.item-hover-1964 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-1964.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-1964.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-1964.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 0%;\n    \n            box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);\n        \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-1964.circle .img img {\n    border-radius: 0%;\n}\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.circle.effect2.colored .info {\n    background: rgba(49,163,221, 0.6);\n}\n.item-hover-1964.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-1964.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: uppercase;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.circle.effect3.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1964.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-1964.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\n        margin: 0 30px;\n            padding: 20% 0 0 0;\n    \n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.circle.effect4.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1964.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-1964.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1964.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-1964.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-1964.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-1964.circle.effect5.colored .info .info-back {\n    background: rgba(49,163,221, 0.76);\n}\n.item-hover-1964.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-1964.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-1964.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1964.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-1964.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-1964.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-1964.circle.effect6.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1964.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-1964.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.circle.effect7.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1964.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-1964.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1964.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-1964.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.circle.effect8.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 16px;\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-1964.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-1964.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-1964.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.circle.effect9.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1964.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-1964.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.circle.effect10.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1964.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-1964.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-1964.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-1964.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-1964.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-1964.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-1964.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-1964.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-1964.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-1964.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-1964.circle.effect11.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1964.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-1964.circle.effect11 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\n    margin: 0 20px;\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-1964.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-1964.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.circle.effect12.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1964.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-1964.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1964.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-1964.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.circle.effect13.colored .info {\n    background: rgba(49,163,221, 0.6);\n}\n.item-hover-1964.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-1964.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1964.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-1964.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-1964.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-1964.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-1964.circle.effect14.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1964.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-1964.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1964.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-1964.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.circle.effect15.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1964.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-1964.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1964.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-1964.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-1964.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-1964.circle.effect16.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1964.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-1964.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1964.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-1964.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-1964.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-1964.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.6), 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-1964.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-1964.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-1964.circle.effect18.colored .info .info-back {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1964.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-1964.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-1964.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.circle.effect19.colored .info {\n    background: rgba(49,163,221, 0.6);\n}\n.item-hover-1964.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-1964.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 16px;\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-1964.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-1964.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-1964.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-1964.circle.effect20.colored .info .info-back {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-1964.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-1964.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-1964.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 16px;\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-1964.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-1964.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-1964.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-1964.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-1964.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-1964.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-1964.square.effect2 a:hover .info h3,\n.item-hover-1964.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-1964.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-1964.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-1964.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1964.square.effect4.colored .mask1,\n.item-hover-1964.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-1964.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-1964.square.effect4 .mask1,\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.square.effect4 a:hover .info h3,\n.item-hover-1964.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-1964.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-1964.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-1964.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-1964.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1964.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-1964.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-1964.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-1964.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-1964.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-1964.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-1964.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-1964.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-1964.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-1964.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-1964.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-1964.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-1964.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-1964.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-1964.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-1964.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-1964.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-1964.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-1964.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-1964.square.effect7 a:hover .info h3,\n.item-hover-1964.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-1964.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-1964.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-1964.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1964.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-1964.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-1964.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-1964.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-1964.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1964.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-1964.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-1964.square.effect8.scale_up .info h3,\n.item-hover-1964.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-1964.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-1964.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-1964.square.effect8.scale_up a:hover .info h3,\n.item-hover-1964.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-1964.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-1964.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-1964.square.effect8.scale_down .info h3,\n.item-hover-1964.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-1964.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-1964.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-1964.square.effect8.scale_down a:hover .info h3,\n.item-hover-1964.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-1964.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-1964.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-1964.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-1964.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-1964.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-1964.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-1964.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-1964.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-1964.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-1964.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-1964.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-1964.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-1964.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-1964.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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-1964.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=\"pgp_effect\">\n\t\t\t                <div class=\"portfolio-gallery-title\">\n\t\t\t\t\t360\u00b0 Panorama-Fotos, Penthouse Hibiscos 41                <\/div>\n\t\t\t            <div class=\"gallery1\">\n            \t<div class=\"row\">\n\t\t\t\t                        <div class=\"col-md-4 item_margin col-sm-6\">\n                            <!-- colored -->\n                            <div class=\"item-hover-1964 circle colored effect11 right_to_left\">\n\n                                <a href=\"https:\/\/www.panono.com\/p\/VhWnF60wzkdM\/embed\"\n                                   title=\"360\u00b0 - Dachterrasse\/Roof terrace\"\n\t\t\t\t\t\t\t\t\t target=\"http:\/\/_self\"  >\n                                    <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/costa-del-sol.tv\/wp-content\/uploads\/2016\/05\/k-41-Dachterrasse-400x400.jpg\" alt=\"360\u00b0 - Dachterrasse\/Roof terrace\"> <\/div>\n                                    <div class=\"info\">\n\t\t\t\t\t\t\t\t\t\t                                            <h3 class=\"h3-1964\">360\u00b0 - Dachterrasse\/Roof terrace<\/h3>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n                                <\/a>\n                            <\/div>\n                            <!-- end colored -->\n                        <\/div>\n\t\t\t\t\t\t                        <div class=\"col-md-4 item_margin col-sm-6\">\n                            <!-- colored -->\n                            <div class=\"item-hover-1964 circle colored effect11 right_to_left\">\n\n                                <a href=\"https:\/\/www.panono.com\/p\/9F1AavDe73ld\/embed\"\n                                   title=\"360\u00b0 - S\u00fcdterrasse\/South f. terrace\"\n\t\t\t\t\t\t\t\t\t target=\"http:\/\/_self\"  >\n                                    <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/costa-del-sol.tv\/wp-content\/uploads\/2016\/05\/k-41-Terrasse-unten-400x400.jpg\" alt=\"360\u00b0 - S\u00fcdterrasse\/South f. terrace\"> <\/div>\n                                    <div class=\"info\">\n\t\t\t\t\t\t\t\t\t\t                                            <h3 class=\"h3-1964\">360\u00b0 - S\u00fcdterrasse\/South f. terrace<\/h3>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n                                <\/a>\n                            <\/div>\n                            <!-- end colored -->\n                        <\/div>\n\t\t\t\t\t\t                        <div class=\"col-md-4 item_margin col-sm-6\">\n                            <!-- colored -->\n                            <div class=\"item-hover-1964 circle colored effect11 right_to_left\">\n\n                                <a href=\"https:\/\/www.panono.com\/p\/mfVokpODJJ9l\/embed\"\n                                   title=\"360\u00b0 - Wohnzimmer\/Sitting Room\"\n\t\t\t\t\t\t\t\t\t target=\"http:\/\/_self\"  >\n                                    <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/costa-del-sol.tv\/wp-content\/uploads\/2016\/05\/k-41-Wohnzimmer-400x400.jpg\" alt=\"360\u00b0 - Wohnzimmer\/Sitting Room\"> <\/div>\n                                    <div class=\"info\">\n\t\t\t\t\t\t\t\t\t\t                                            <h3 class=\"h3-1964\">360\u00b0 - Wohnzimmer\/Sitting Room<\/h3>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n                                <\/a>\n                            <\/div>\n                            <!-- end colored -->\n                        <\/div>\n\t\t\t\t\t\t                        <div class=\"col-md-4 item_margin col-sm-6\">\n                            <!-- colored -->\n                            <div class=\"item-hover-1964 circle colored effect11 right_to_left\">\n\n                                <a href=\"https:\/\/www.panono.com\/p\/LTcDGZKOApQ2\/embed\"\n                                   title=\"360\u00b0 - Schlafzimmer\/Bedroom\"\n\t\t\t\t\t\t\t\t\t target=\"http:\/\/_self\"  >\n                                    <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/costa-del-sol.tv\/wp-content\/uploads\/2016\/05\/k-41-Schlafzimmer-400x400.jpg\" alt=\"360\u00b0 - Schlafzimmer\/Bedroom\"> <\/div>\n                                    <div class=\"info\">\n\t\t\t\t\t\t\t\t\t\t                                            <h3 class=\"h3-1964\">360\u00b0 - Schlafzimmer\/Bedroom<\/h3>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n                                <\/a>\n                            <\/div>\n                            <!-- end colored -->\n                        <\/div>\n\t\t\t\t\t\t                        <div class=\"col-md-4 item_margin col-sm-6\">\n                            <!-- colored -->\n                            <div class=\"item-hover-1964 circle colored effect11 right_to_left\">\n\n                                <a href=\"https:\/\/www.panono.com\/p\/ezchrsz1gj4D\/embed\"\n                                   title=\"360\u00b0 - Badezimmer\/Bath\"\n\t\t\t\t\t\t\t\t\t target=\"http:\/\/_self\"  >\n                                    <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/costa-del-sol.tv\/wp-content\/uploads\/2016\/05\/k-41-Bad-400x400.jpg\" alt=\"360\u00b0 - Badezimmer\/Bath\"> <\/div>\n                                    <div class=\"info\">\n\t\t\t\t\t\t\t\t\t\t                                            <h3 class=\"h3-1964\">360\u00b0 - Badezimmer\/Bath<\/h3>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n                                <\/a>\n                            <\/div>\n                            <!-- end colored -->\n                        <\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n            <\/div>\n        <\/div>\n        <script>\n\t\tjQuery(document).ready(function() {\n\t        jQuery('.gallery1').imagesLoaded(function () {\n\t            jQuery('.gallery1').masonry({\n\t                itemSelector: '.item_margin',\n\t                isAnimated: true,\n\t                isFitWidth: true\n\t            });\n\t        });\n\t\t});\n        <\/script>\n\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"coauthors":[103],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/costa-del-sol.tv\/de\/wp-json\/wp\/v2\/pages\/1241"}],"collection":[{"href":"https:\/\/costa-del-sol.tv\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/costa-del-sol.tv\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/costa-del-sol.tv\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/costa-del-sol.tv\/de\/wp-json\/wp\/v2\/comments?post=1241"}],"version-history":[{"count":9,"href":"https:\/\/costa-del-sol.tv\/de\/wp-json\/wp\/v2\/pages\/1241\/revisions"}],"predecessor-version":[{"id":2015,"href":"https:\/\/costa-del-sol.tv\/de\/wp-json\/wp\/v2\/pages\/1241\/revisions\/2015"}],"wp:attachment":[{"href":"https:\/\/costa-del-sol.tv\/de\/wp-json\/wp\/v2\/media?parent=1241"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/costa-del-sol.tv\/de\/wp-json\/wp\/v2\/coauthors?post=1241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}