{"id":362,"date":"2015-05-13T11:52:31","date_gmt":"2015-05-13T11:52:31","guid":{"rendered":"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/?page_id=362"},"modified":"2017-12-16T09:30:46","modified_gmt":"2017-12-16T09:30:46","slug":"all-galleries","status":"publish","type":"page","link":"https:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/","title":{"rendered":"All Galleries"},"content":{"rendered":"\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['_arial_black'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t            <script>\n                jQuery(document).ready(function () {\n                    jQuery(\"a[data-rel^='prettyPhoto']\").prettyPhoto({\n                        animation_speed: 'fast', \/* fast\/slow\/normal *\/\n                        slideshow: 2000, \/* false OR interval time in ms *\/\n                        autoplay_slideshow: false, \/* true\/false *\/\n                        opacity: 0.80  \/* Value between 0 and 1 *\/\n                    });\n                });\n            <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-219{\n    font-family: _arial_black;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-219{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-219{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-219 {\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-219,\n.item-hover-219 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-219 a {\n    color: #333;\n}\n.item-hover-219 a:hover {\n    text-decoration: none;\n}\n.item-hover-219 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-219.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-219.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-219.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n\t\n\t\t\tbox-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);\n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-219.circle .img img {\n    border-radius: 50%;\n}\n.item-hover-219.circle .info {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n\n.item-hover-219.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-219.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-219.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-219.circle.effect2.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-219.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-219.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-219{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: _arial_black;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px !important;\n} \n\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.circle.effect3.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-219.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-219.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 15px;\n\t\tmargin: 0 10px;\n\t\t\tpadding-top: 50%;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.circle.effect4.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-219.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-219.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-219.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-219.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-219.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-219.circle.effect5.colored .info .info-back {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-219.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-219.circle.effect5 .info .info-back {\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-219.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-219.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-219.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-219.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-219.circle.effect6.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-219.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-219.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.circle.effect7.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-219.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-219.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-219.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-219.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.circle.effect8.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-219.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-219.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-219.circle.effect8 .info-container {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.3s ease-in-out 0.3s;\n    -moz-transition: all 0.3s ease-in-out 0.3s;\n    transition: all 0.3s ease-in-out 0.3s;\n}\n.item-hover-219.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-219.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-219.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-219.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-219.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.circle.effect9.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-219.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-219.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 55px 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.circle.effect10.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-219.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-219.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-219.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-219.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-219.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-219.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-219.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-219.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-219.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-219.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-219.circle.effect11.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-219.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-219.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-219.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-219.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.circle.effect12.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-219.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-219.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-219.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-219.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.circle.effect13.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-219.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-219.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n\n.item-hover-219.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-219.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-219.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-219.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-219.circle.effect14.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-219.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-219.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-219.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-219.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.circle.effect15.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-219.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-219.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-219.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-219.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-219.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-219.circle.effect16.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-219.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-219.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-219.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-219.circle.effect16.left_to_right .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 95%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-219.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-219.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-219.circle.effect16.right_to_left .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 5%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-219.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-219.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-219.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-219.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-219.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-219.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-219.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, 1), 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-219.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-219.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-219.circle.effect18.colored .info .info-back {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-219.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-219.circle.effect18 .info .info-back {\n    opacity: 1;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n}\n.item-hover-219.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.circle.effect19.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-219.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-219.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-219.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-219.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-219.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-219.circle.effect20.colored .info .info-back {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-219.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-219.circle.effect20 .info .info-back {\n    opacity: 1;\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    -webkit-transition: all 0.35s linear;\n    -moz-transition: all 0.35s linear;\n    transition: all 0.35s linear;\n    -webkit-transform-origin: 50% 0%;\n    -moz-transform-origin: 50% 0%;\n    -ms-transform-origin: 50% 0%;\n    -o-transform-origin: 50% 0%;\n    transform-origin: 50% 0%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-219.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-219.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-219.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-219.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-219.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-219.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-219.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-219.square.effect2 a:hover .info h3,\n.item-hover-219.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-219.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-219.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-219.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-219.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-219.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-219.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-219.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-219.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-219.square.effect4.colored .mask1,\n.item-hover-219.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-219.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-219.square.effect4 .mask1,\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.square.effect4 a:hover .info h3,\n.item-hover-219.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-219.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-219.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-219.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-219.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-219.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-219.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-219.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-219.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-219.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-219.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-219.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-219.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-219.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-219.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-219.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-219.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-219.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-219.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-219.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-219.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-219.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-219.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-219.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-219.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-219.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-219.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-219.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-219.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-219.square.effect7 a:hover .info h3,\n.item-hover-219.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-219.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-219.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-219.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-219.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-219.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-219.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-219.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-219.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-219.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-219.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-219.square.effect8.scale_up .info h3,\n.item-hover-219.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-219.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-219.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-219.square.effect8.scale_up a:hover .info h3,\n.item-hover-219.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-219.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-219.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-219.square.effect8.scale_down .info h3,\n.item-hover-219.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-219.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-219.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-219.square.effect8.scale_down a:hover .info h3,\n.item-hover-219.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-219.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-219.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-219.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-219.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-219.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-219.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-219.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-219.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-219.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-219.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-219.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-219.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-219.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-219.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-219.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-219.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-219.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-219.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-219.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-219.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-219.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-219.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-219.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-219.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.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-219.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 1 With Bottom To Top Transition    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-219 circle colored effect2 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/snow_white_2-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio219]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/snow_white_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-219\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-219 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-219 circle colored effect2 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/the_real_me-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio219]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/the_real_me-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-219\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-219 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-219 circle colored effect2 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/second_earth-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio219]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/second_earth-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-219\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-219 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-219 circle colored effect2 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/my_summer_home-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio219]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/my_summer_home-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-219\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-219 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-219 circle colored effect2 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tiger_playing_in_water-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio219]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tiger_playing_in_water-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-219\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-219 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-219 circle colored effect2 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/city_life_upgrade-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio219]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/city_life_upgrade-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-219\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-219 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-219 circle colored effect2 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/life_in_desert-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio219]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/life_in_desert-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-219\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-219 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-219 circle colored effect2 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mosque_2-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio219]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mosque_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-219\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-219 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-219 circle colored effect2 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/way_to_dreamland-wallpaper-1280x7201.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio219]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/way_to_dreamland-wallpaper-1280x7201-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-219\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-219 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-219 circle colored effect2 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/alone_21-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio219]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/alone_21-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-219\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-219 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-219 circle colored effect2 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/bmw_m6_super_abstract_car_2015_design_by_tony_kokhan-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio219]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/bmw_m6_super_abstract_car_2015_design_by_tony_kokhan-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-219\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-219 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-219 circle colored effect2 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/wonderland_2-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio219]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/wonderland_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-219\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-219 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Courgette'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t            <script>\n                jQuery(document).ready(function () {\n                    jQuery(\"a[data-rel^='prettyPhoto']\").prettyPhoto({\n                        animation_speed: 'fast', \/* fast\/slow\/normal *\/\n                        slideshow: 2000, \/* false OR interval time in ms *\/\n                        autoplay_slideshow: false, \/* true\/false *\/\n                        opacity: 0.80  \/* Value between 0 and 1 *\/\n                    });\n                });\n            <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-226{\n    font-family: Courgette;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-226{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-226{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-226 {\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-226,\n.item-hover-226 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-226 a {\n    color: #333;\n}\n.item-hover-226 a:hover {\n    text-decoration: none;\n}\n.item-hover-226 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-226.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-226.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-226.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 0%;\n\t\n\t\t\tbox-shadow: 0 0 0 8px rgba(255,255,255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3); \n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-226.circle .img img {\n    border-radius: 0%;\n}\n.item-hover-226.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-226.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-226.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-226.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-226.circle.effect2.colored .info {\n    background: rgba(214,56,97, 1);\n}\n.item-hover-226.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-226.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-226{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Courgette;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n} \n\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.circle.effect3.colored .info {\n    background: rgba(214,56,97, 1);\n}\n.item-hover-226.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-226.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 20px;\n\t\tmargin: 0 10px;\n\t\t\tpadding: 20% 0 0 0;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.circle.effect4.colored .info {\n    background: rgba(214,56,97, 1);\n}\n.item-hover-226.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-226.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-226.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-226.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-226.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-226.circle.effect5.colored .info .info-back {\n    background: rgba(214,56,97, 1);\n}\n.item-hover-226.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-226.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-226.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-226.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-226.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-226.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-226.circle.effect6.colored .info {\n    background: rgba(214,56,97, 1);\n}\n.item-hover-226.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-226.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.circle.effect7.colored .info {\n    background: rgba(214,56,97, 1);\n}\n.item-hover-226.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-226.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-226.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-226.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.circle.effect8.colored .info {\n    background: rgba(214,56,97, 1);\n}\n.item-hover-226.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-226.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-226.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-226.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-226.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-226.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-226.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-226.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.circle.effect9.colored .info {\n    background: rgba(214,56,97, 1);\n}\n.item-hover-226.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-226.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.circle.effect10.colored .info {\n    background: rgba(214,56,97, 1);\n}\n.item-hover-226.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-226.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-226.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-226.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-226.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-226.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-226.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-226.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-226.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-226.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-226.circle.effect11.colored .info {\n    background: rgba(214,56,97, 1);\n}\n.item-hover-226.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-226.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-226.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-226.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.circle.effect12.colored .info {\n    background: rgba(214,56,97, 1);\n}\n.item-hover-226.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-226.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-226.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-226.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.circle.effect13.colored .info {\n    background: rgba(214,56,97, 1);\n}\n.item-hover-226.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-226.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-226.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-226.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-226.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-226.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-226.circle.effect14.colored .info {\n    background: rgba(214,56,97, 1);\n}\n.item-hover-226.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-226.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-226.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-226.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.circle.effect15.colored .info {\n    background: rgba(214,56,97, 1);\n}\n.item-hover-226.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-226.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-226.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-226.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-226.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-226.circle.effect16.colored .info {\n    background: rgba(214,56,97, 1);\n}\n.item-hover-226.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-226.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-226.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-226.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-226.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-226.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(214,56,97, 1), 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-226.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-226.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-226.circle.effect18.colored .info .info-back {\n    background: rgba(214,56,97, 1);\n}\n.item-hover-226.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-226.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-226.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.circle.effect19.colored .info {\n    background: rgba(214,56,97, 1);\n}\n.item-hover-226.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-226.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-226.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-226.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-226.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-226.circle.effect20.colored .info .info-back {\n    background: rgba(214,56,97, 1);\n}\n.item-hover-226.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-226.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-226.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-226.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-226.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-226.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-226.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-226.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-226.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-226.square.effect2 a:hover .info h3,\n.item-hover-226.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-226.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-226.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-226.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-226.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-226.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-226.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-226.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-226.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-226.square.effect4.colored .mask1,\n.item-hover-226.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-226.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-226.square.effect4 .mask1,\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.square.effect4 a:hover .info h3,\n.item-hover-226.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-226.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-226.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-226.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-226.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-226.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-226.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-226.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-226.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-226.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-226.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-226.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-226.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-226.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-226.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-226.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-226.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-226.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-226.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-226.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-226.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-226.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-226.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-226.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-226.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-226.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-226.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-226.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-226.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-226.square.effect7 a:hover .info h3,\n.item-hover-226.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-226.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-226.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-226.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-226.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-226.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-226.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-226.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-226.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-226.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-226.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-226.square.effect8.scale_up .info h3,\n.item-hover-226.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-226.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-226.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-226.square.effect8.scale_up a:hover .info h3,\n.item-hover-226.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-226.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-226.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-226.square.effect8.scale_down .info h3,\n.item-hover-226.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-226.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-226.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-226.square.effect8.scale_down a:hover .info h3,\n.item-hover-226.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-226.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-226.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-226.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-226.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-226.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-226.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-226.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-226.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-226.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-226.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-226.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-226.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-226.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-226.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-226.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-226.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-226.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-226.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-226.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-226.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-226.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-226.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-226.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-226.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.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-226.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 2 With Top To Bottom Transition    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-226 circle colored effect3 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mosque_2-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio226]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mosque_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-226\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-226 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-226 circle colored effect3 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/life_in_desert-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio226]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/life_in_desert-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-226\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-226 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-226 circle colored effect3 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mclaren_p1_3-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio226]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mclaren_p1_3-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-226\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-226 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-226 circle colored effect3 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/turkish_cats_tabby-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio226]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/turkish_cats_tabby-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-226\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-226 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-226 circle colored effect3 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/coffee_beans_and_cup-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio226]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/coffee_beans_and_cup-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-226\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-226 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-226 circle colored effect3 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/center_of_the_universe_2-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio226]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/center_of_the_universe_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-226\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-226 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-226 circle colored effect3 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/funny_cat_4-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio226]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/funny_cat_4-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-226\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-226 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-226 circle colored effect3 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tree_house-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio226]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tree_house-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-226\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-226 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-226 circle colored effect3 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/white_horses-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio226]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/white_horses-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-226\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-226 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Courgette'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t            <script>\n                jQuery(document).ready(function () {\n                    jQuery(\"a[data-rel^='prettyPhoto']\").prettyPhoto({\n                        animation_speed: 'fast', \/* fast\/slow\/normal *\/\n                        slideshow: 2000, \/* false OR interval time in ms *\/\n                        autoplay_slideshow: false, \/* true\/false *\/\n                        opacity: 0.80  \/* Value between 0 and 1 *\/\n                    });\n                });\n            <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-246{\n    font-family: Courgette;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-246{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-246{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-246 {\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-246,\n.item-hover-246 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-246 a {\n    color: #333;\n}\n.item-hover-246 a:hover {\n    text-decoration: none;\n}\n.item-hover-246 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-246.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-246.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-246.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n\t\n\t\t\tbox-shadow: 0 0 0 10px rgba(255,119,87, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3); \n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-246.circle .img img {\n    border-radius: 50%;\n}\n.item-hover-246.circle .info {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n\n.item-hover-246.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-246.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-246.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-246.circle.effect2.colored .info {\n    background: rgba(255,119,87, 0.5);\n}\n.item-hover-246.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-246.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-246{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Courgette;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n} \n\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.circle.effect3.colored .info {\n    background: rgba(255,119,87, 1);\n}\n.item-hover-246.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-246.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 20px;\n\t\tmargin: 0 10px;\n\t\t\tpadding-top: 50%;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.circle.effect4.colored .info {\n    background: rgba(255,119,87, 1);\n}\n.item-hover-246.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-246.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-246.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-246.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-246.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-246.circle.effect5.colored .info .info-back {\n    background: rgba(255,119,87, 0.5);\n}\n.item-hover-246.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-246.circle.effect5 .info .info-back {\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-246.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-246.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-246.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-246.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-246.circle.effect6.colored .info {\n    background: rgba(255,119,87, 1);\n}\n.item-hover-246.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-246.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.circle.effect7.colored .info {\n    background: rgba(255,119,87, 1);\n}\n.item-hover-246.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-246.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-246.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-246.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.circle.effect8.colored .info {\n    background: rgba(255,119,87, 1);\n}\n.item-hover-246.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-246.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-246.circle.effect8 .info-container {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.3s ease-in-out 0.3s;\n    -moz-transition: all 0.3s ease-in-out 0.3s;\n    transition: all 0.3s ease-in-out 0.3s;\n}\n.item-hover-246.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-246.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-246.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-246.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-246.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.circle.effect9.colored .info {\n    background: rgba(255,119,87, 1);\n}\n.item-hover-246.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-246.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.circle.effect10.colored .info {\n    background: rgba(255,119,87, 1);\n}\n.item-hover-246.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-246.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-246.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-246.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-246.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-246.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-246.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-246.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-246.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-246.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-246.circle.effect11.colored .info {\n    background: rgba(255,119,87, 1);\n}\n.item-hover-246.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-246.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-246.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-246.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.circle.effect12.colored .info {\n    background: rgba(255,119,87, 1);\n}\n.item-hover-246.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-246.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-246.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-246.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.circle.effect13.colored .info {\n    background: rgba(255,119,87, 0.5);\n}\n.item-hover-246.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-246.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-246.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-246.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-246.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-246.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-246.circle.effect14.colored .info {\n    background: rgba(255,119,87, 1);\n}\n.item-hover-246.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-246.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-246.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-246.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.circle.effect15.colored .info {\n    background: rgba(255,119,87, 1);\n}\n.item-hover-246.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-246.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-246.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-246.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-246.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-246.circle.effect16.colored .info {\n    background: rgba(255,119,87, 1);\n}\n.item-hover-246.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-246.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-246.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-246.circle.effect16.left_to_right .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 95%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-246.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-246.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-246.circle.effect16.right_to_left .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 5%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-246.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-246.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-246.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-246.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-246.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-246.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-246.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(255,119,87, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-246.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-246.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-246.circle.effect18.colored .info .info-back {\n    background: rgba(255,119,87, 1);\n}\n.item-hover-246.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-246.circle.effect18 .info .info-back {\n    opacity: 1;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n}\n.item-hover-246.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.circle.effect19.colored .info {\n    background: rgba(255,119,87, 0.5);\n}\n.item-hover-246.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-246.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-246.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-246.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-246.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-246.circle.effect20.colored .info .info-back {\n    background: rgba(255,119,87, 1);\n}\n.item-hover-246.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-246.circle.effect20 .info .info-back {\n    opacity: 1;\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    -webkit-transition: all 0.35s linear;\n    -moz-transition: all 0.35s linear;\n    transition: all 0.35s linear;\n    -webkit-transform-origin: 50% 0%;\n    -moz-transform-origin: 50% 0%;\n    -ms-transform-origin: 50% 0%;\n    -o-transform-origin: 50% 0%;\n    transform-origin: 50% 0%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-246.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-246.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-246.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-246.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-246.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-246.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-246.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-246.square.effect2 a:hover .info h3,\n.item-hover-246.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-246.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-246.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-246.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-246.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-246.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-246.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-246.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-246.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-246.square.effect4.colored .mask1,\n.item-hover-246.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-246.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-246.square.effect4 .mask1,\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.square.effect4 a:hover .info h3,\n.item-hover-246.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-246.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-246.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-246.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-246.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-246.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-246.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-246.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-246.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-246.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-246.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-246.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-246.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-246.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-246.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-246.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-246.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-246.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-246.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-246.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-246.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-246.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-246.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-246.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-246.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-246.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-246.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-246.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-246.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-246.square.effect7 a:hover .info h3,\n.item-hover-246.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-246.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-246.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-246.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-246.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-246.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-246.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-246.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-246.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-246.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-246.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-246.square.effect8.scale_up .info h3,\n.item-hover-246.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-246.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-246.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-246.square.effect8.scale_up a:hover .info h3,\n.item-hover-246.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-246.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-246.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-246.square.effect8.scale_down .info h3,\n.item-hover-246.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-246.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-246.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-246.square.effect8.scale_down a:hover .info h3,\n.item-hover-246.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-246.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-246.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-246.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-246.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-246.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-246.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-246.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-246.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-246.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-246.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-246.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-246.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-246.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-246.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-246.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-246.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-246.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-246.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-246.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-246.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-246.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-246.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-246.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-246.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.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-246.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 3 With Bottom To Top Transition    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-246 circle colored effect4 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/peanuts_snoopy_2015-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio246]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/peanuts_snoopy_2015-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-246\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-246 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-246 circle colored effect4 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/paddington_2015_movie-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio246]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/paddington_2015_movie-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-246\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-246 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-246 circle colored effect4 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/ratchet_and_clank_2015-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio246]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/ratchet_and_clank_2015-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-246\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-246 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-246 circle colored effect4 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/dresden_semper_opera-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio246]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/dresden_semper_opera-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-246\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-246 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-246 circle colored effect4 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/the_pearl_districts_secret_garden-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio246]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/the_pearl_districts_secret_garden-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-246\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-246 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-246 circle colored effect4 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/armenia_opera-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio246]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/armenia_opera-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-246\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-246 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-246 circle colored effect4 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/european_architecture-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio246]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/european_architecture-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-246\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-246 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-246 circle colored effect4 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/audi___legend_perspective-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio246]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/audi___legend_perspective-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-246\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-246 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-246 circle colored effect4 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/supercharged-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio246]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/supercharged-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-246\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-246 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Courgette'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t            <script>\n                jQuery(document).ready(function () {\n                    jQuery(\"a[data-rel^='prettyPhoto']\").prettyPhoto({\n                        animation_speed: 'fast', \/* fast\/slow\/normal *\/\n                        slideshow: 2000, \/* false OR interval time in ms *\/\n                        autoplay_slideshow: false, \/* true\/false *\/\n                        opacity: 0.80  \/* Value between 0 and 1 *\/\n                    });\n                });\n            <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-249{\n    font-family: Courgette;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-249{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-249{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-249 {\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-249,\n.item-hover-249 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-249 a {\n    color: #333;\n}\n.item-hover-249 a:hover {\n    text-decoration: none;\n}\n.item-hover-249 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-249.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-249.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-249.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n\t\n\t\t\tbox-shadow: 0 0 0 8px rgba(255,255,255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3); \n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-249.circle .img img {\n    border-radius: 50%;\n}\n.item-hover-249.circle .info {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n\n.item-hover-249.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-249.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-249.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-249.circle.effect2.colored .info {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-249.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-249.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-249{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Courgette;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n} \n\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.circle.effect3.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-249.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-249.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 20px;\n\t\tmargin: 0 10px;\n\t\t\tpadding: 20% 0 0 0;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.circle.effect4.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-249.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-249.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-249.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-249.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-249.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-249.circle.effect5.colored .info .info-back {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-249.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-249.circle.effect5 .info .info-back {\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-249.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-249.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-249.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-249.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-249.circle.effect6.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-249.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-249.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.circle.effect7.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-249.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-249.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-249.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-249.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.circle.effect8.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-249.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-249.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-249.circle.effect8 .info-container {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.3s ease-in-out 0.3s;\n    -moz-transition: all 0.3s ease-in-out 0.3s;\n    transition: all 0.3s ease-in-out 0.3s;\n}\n.item-hover-249.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-249.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-249.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-249.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-249.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.circle.effect9.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-249.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-249.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.circle.effect10.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-249.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-249.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-249.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-249.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-249.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-249.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-249.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-249.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-249.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-249.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-249.circle.effect11.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-249.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-249.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-249.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-249.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.circle.effect12.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-249.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-249.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-249.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-249.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.circle.effect13.colored .info {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-249.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-249.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-249.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-249.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-249.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-249.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-249.circle.effect14.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-249.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-249.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-249.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-249.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.circle.effect15.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-249.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-249.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-249.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-249.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-249.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-249.circle.effect16.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-249.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-249.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-249.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-249.circle.effect16.left_to_right .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 95%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-249.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-249.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-249.circle.effect16.right_to_left .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 5%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-249.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-249.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-249.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-249.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-249.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-249.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-249.circle.effect17.colored a:hover .img:before {\n    box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n    box-shadow: inset 0 0 0 500px rgba(49,163,221, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-249.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-249.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-249.circle.effect18.colored .info .info-back {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-249.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-249.circle.effect18 .info .info-back {\n    opacity: 1;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n}\n.item-hover-249.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.circle.effect19.colored .info {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-249.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-249.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-249.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-249.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-249.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-249.circle.effect20.colored .info .info-back {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-249.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-249.circle.effect20 .info .info-back {\n    opacity: 1;\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    -webkit-transition: all 0.35s linear;\n    -moz-transition: all 0.35s linear;\n    transition: all 0.35s linear;\n    -webkit-transform-origin: 50% 0%;\n    -moz-transform-origin: 50% 0%;\n    -ms-transform-origin: 50% 0%;\n    -o-transform-origin: 50% 0%;\n    transform-origin: 50% 0%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-249.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-249.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-249.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-249.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-249.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-249.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-249.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-249.square.effect2 a:hover .info h3,\n.item-hover-249.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-249.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-249.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-249.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-249.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-249.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-249.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-249.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-249.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-249.square.effect4.colored .mask1,\n.item-hover-249.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-249.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-249.square.effect4 .mask1,\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.square.effect4 a:hover .info h3,\n.item-hover-249.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-249.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-249.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-249.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-249.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-249.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-249.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-249.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-249.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-249.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-249.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-249.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-249.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-249.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-249.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-249.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-249.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-249.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-249.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-249.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-249.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-249.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-249.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-249.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-249.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-249.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-249.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-249.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-249.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-249.square.effect7 a:hover .info h3,\n.item-hover-249.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-249.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-249.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-249.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-249.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-249.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-249.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-249.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-249.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-249.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-249.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-249.square.effect8.scale_up .info h3,\n.item-hover-249.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-249.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-249.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-249.square.effect8.scale_up a:hover .info h3,\n.item-hover-249.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-249.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-249.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-249.square.effect8.scale_down .info h3,\n.item-hover-249.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-249.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-249.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-249.square.effect8.scale_down a:hover .info h3,\n.item-hover-249.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-249.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-249.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-249.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-249.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-249.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-249.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-249.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-249.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-249.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-249.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-249.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-249.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-249.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-249.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-249.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-249.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-249.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-249.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-249.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-249.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-249.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-249.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-249.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-249.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.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-249.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 4    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-249 circle colored effect5 \"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/botella_magica_ot-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio249]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/botella_magica_ot-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-249\">Gallery Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-249 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-249 circle colored effect5 \"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/wonderland_2-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio249]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/wonderland_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-249\">Gallery Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-249 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-249 circle colored effect5 \"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/cool_eyes-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio249]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/cool_eyes-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-249\">Gallery Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-249 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-249 circle colored effect5 \"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/center_of_the_universe_2-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio249]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/center_of_the_universe_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-249\">Gallery Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-249 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-249 circle colored effect5 \"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/way_to_dreamland-wallpaper-1280x7201.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio249]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/way_to_dreamland-wallpaper-1280x7201-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-249\">Gallery Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-249 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-249 circle colored effect5 \"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/bmw_m6_super_abstract_car_2015_design_by_tony_kokhan-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio249]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/bmw_m6_super_abstract_car_2015_design_by_tony_kokhan-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-249\">Gallery Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-249 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-249 circle colored effect5 \"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tree_house-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio249]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tree_house-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-249\">Gallery Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-249 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-249 circle colored effect5 \"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/megan_fox_61-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio249]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/megan_fox_61-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-249\">Gallery Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-249 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-249 circle colored effect5 \"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/emma_watson_13-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio249]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/emma_watson_13-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-249\">Gallery Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-249 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-249 circle colored effect5 \"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/feel_the_music-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio249]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/feel_the_music-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-249\">Gallery Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-249 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-249 circle colored effect5 \"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/supercharged-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio249]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/supercharged-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-249\">Gallery Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-249 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-249 circle colored effect5 \"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mcdonnell_douglas_f_4_phantom_ii-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio249]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mcdonnell_douglas_f_4_phantom_ii-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-249\">Gallery Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-249 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-249 circle colored effect5 \"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/music_is_my_soul-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio249]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/music_is_my_soul-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-249\">Gallery Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-249 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-249 circle colored effect5 \"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/funny_cat_4-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio249]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/funny_cat_4-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-249\">Gallery Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-249 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-249 circle colored effect5 \"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/christmas_elf_and_reindeer-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio249]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/christmas_elf_and_reindeer-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-249\">Gallery Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-249 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Chenla'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t            <script type=\"text\/javascript\">\n                jQuery(document).ready(function () {\n                    ;(function (jQuery) {\n                        jQuery('.swipebox_252').swipebox();\n                    })(jQuery);\n                });\n            <\/script>\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-252{\n    font-family: Chenla;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-252{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-252{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-252 {\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-252,\n.item-hover-252 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-252 a {\n    color: #333;\n}\n.item-hover-252 a:hover {\n    text-decoration: none;\n}\n.item-hover-252 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-252.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-252.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-252.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n\t\n\t\t\tbox-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);\n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-252.circle .img img {\n    border-radius: 50%;\n}\n.item-hover-252.circle .info {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n\n.item-hover-252.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-252.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-252.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-252.circle.effect2.colored .info {\n    background: rgba(10,194,210, 0.5);\n}\n.item-hover-252.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-252.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-252{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Chenla;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n} \n\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.circle.effect3.colored .info {\n    background: rgba(10,194,210, 1);\n}\n.item-hover-252.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-252.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 20px;\n\t\tmargin: 0 10px;\n\t\t\tpadding: 20% 0 0 0;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.circle.effect4.colored .info {\n    background: rgba(10,194,210, 1);\n}\n.item-hover-252.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-252.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-252.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-252.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-252.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-252.circle.effect5.colored .info .info-back {\n    background: rgba(10,194,210, 0.5);\n}\n.item-hover-252.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-252.circle.effect5 .info .info-back {\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-252.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-252.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-252.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-252.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-252.circle.effect6.colored .info {\n    background: rgba(10,194,210, 1);\n}\n.item-hover-252.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-252.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.circle.effect7.colored .info {\n    background: rgba(10,194,210, 1);\n}\n.item-hover-252.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-252.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-252.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-252.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.circle.effect8.colored .info {\n    background: rgba(10,194,210, 1);\n}\n.item-hover-252.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-252.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-252.circle.effect8 .info-container {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.3s ease-in-out 0.3s;\n    -moz-transition: all 0.3s ease-in-out 0.3s;\n    transition: all 0.3s ease-in-out 0.3s;\n}\n.item-hover-252.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-252.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-252.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-252.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-252.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.circle.effect9.colored .info {\n    background: rgba(10,194,210, 1);\n}\n.item-hover-252.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-252.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.circle.effect10.colored .info {\n    background: rgba(10,194,210, 1);\n}\n.item-hover-252.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-252.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-252.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-252.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-252.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-252.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-252.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-252.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-252.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-252.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-252.circle.effect11.colored .info {\n    background: rgba(10,194,210, 1);\n}\n.item-hover-252.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-252.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-252.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-252.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.circle.effect12.colored .info {\n    background: rgba(10,194,210, 1);\n}\n.item-hover-252.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-252.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-252.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-252.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.circle.effect13.colored .info {\n    background: rgba(10,194,210, 0.5);\n}\n.item-hover-252.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-252.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-252.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-252.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-252.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-252.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-252.circle.effect14.colored .info {\n    background: rgba(10,194,210, 1);\n}\n.item-hover-252.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-252.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-252.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-252.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.circle.effect15.colored .info {\n    background: rgba(10,194,210, 1);\n}\n.item-hover-252.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-252.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-252.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-252.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-252.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-252.circle.effect16.colored .info {\n    background: rgba(10,194,210, 1);\n}\n.item-hover-252.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-252.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-252.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-252.circle.effect16.left_to_right .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 95%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-252.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-252.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-252.circle.effect16.right_to_left .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 5%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-252.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-252.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-252.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-252.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-252.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-252.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-252.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(10,194,210, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-252.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-252.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-252.circle.effect18.colored .info .info-back {\n    background: rgba(10,194,210, 1);\n}\n.item-hover-252.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-252.circle.effect18 .info .info-back {\n    opacity: 1;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n}\n.item-hover-252.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.circle.effect19.colored .info {\n    background: rgba(10,194,210, 0.5);\n}\n.item-hover-252.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-252.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-252.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-252.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-252.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-252.circle.effect20.colored .info .info-back {\n    background: rgba(10,194,210, 1);\n}\n.item-hover-252.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-252.circle.effect20 .info .info-back {\n    opacity: 1;\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    -webkit-transition: all 0.35s linear;\n    -moz-transition: all 0.35s linear;\n    transition: all 0.35s linear;\n    -webkit-transform-origin: 50% 0%;\n    -moz-transform-origin: 50% 0%;\n    -ms-transform-origin: 50% 0%;\n    -o-transform-origin: 50% 0%;\n    transform-origin: 50% 0%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-252.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-252.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-252.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-252.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-252.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-252.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-252.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-252.square.effect2 a:hover .info h3,\n.item-hover-252.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-252.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-252.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-252.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-252.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-252.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-252.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-252.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-252.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-252.square.effect4.colored .mask1,\n.item-hover-252.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-252.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-252.square.effect4 .mask1,\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.square.effect4 a:hover .info h3,\n.item-hover-252.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-252.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-252.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-252.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-252.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-252.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-252.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-252.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-252.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-252.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-252.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-252.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-252.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-252.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-252.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-252.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-252.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-252.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-252.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-252.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-252.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-252.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-252.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-252.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-252.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-252.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-252.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-252.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-252.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-252.square.effect7 a:hover .info h3,\n.item-hover-252.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-252.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-252.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-252.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-252.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-252.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-252.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-252.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-252.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-252.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-252.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-252.square.effect8.scale_up .info h3,\n.item-hover-252.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-252.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-252.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-252.square.effect8.scale_up a:hover .info h3,\n.item-hover-252.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-252.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-252.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-252.square.effect8.scale_down .info h3,\n.item-hover-252.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-252.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-252.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-252.square.effect8.scale_down a:hover .info h3,\n.item-hover-252.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-252.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-252.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-252.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-252.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-252.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-252.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-252.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-252.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-252.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-252.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-252.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-252.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-252.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-252.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-252.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-252.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-252.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-252.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-252.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-252.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-252.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-252.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-252.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-252.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.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-252.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 5 With Scale Up Transition    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-252 circle colored effect6 scale_up\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/radar_station-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   class=\"swipebox_252\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/radar_station-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-252\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-252 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-252 circle colored effect6 scale_up\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/music_is_my_soul-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   class=\"swipebox_252\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/music_is_my_soul-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-252\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-252 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-252 circle colored effect6 scale_up\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/cubeboy-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   class=\"swipebox_252\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/cubeboy-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-252\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-252 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-252 circle colored effect6 scale_up\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/rayman_raving_rabbids-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   class=\"swipebox_252\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/rayman_raving_rabbids-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-252\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-252 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-252 circle colored effect6 scale_up\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/imogen_poots-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   class=\"swipebox_252\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/imogen_poots-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-252\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-252 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-252 circle colored effect6 scale_up\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Katy-Perry-1920x1200-hdwallpapers.us_.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   class=\"swipebox_252\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Katy-Perry-1920x1200-hdwallpapers.us_-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-252\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-252 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-252 circle colored effect6 scale_up\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mortal_kombat_x___scorpio-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   class=\"swipebox_252\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mortal_kombat_x___scorpio-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-252\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-252 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-252 circle colored effect6 scale_up\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mclaren_p1_3-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   class=\"swipebox_252\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mclaren_p1_3-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-252\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-252 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-252 circle colored effect6 scale_up\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/2015_year_of_sheep-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   class=\"swipebox_252\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/2015_year_of_sheep-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-252\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-252 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-252 circle colored effect6 scale_up\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/wave_12-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   class=\"swipebox_252\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/wave_12-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-252\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-252 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-252 circle colored effect6 scale_up\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/wonderland_2-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   class=\"swipebox_252\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/wonderland_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-252\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-252 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-252 circle colored effect6 scale_up\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/supernova_3-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   class=\"swipebox_252\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/supernova_3-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-252\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-252 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-252 circle colored effect6 scale_up\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/daylight_2-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   class=\"swipebox_252\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/daylight_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-252\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-252 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-252 circle colored effect6 scale_up\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/ratchet_and_clank_2015-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   class=\"swipebox_252\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/ratchet_and_clank_2015-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-252\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-252 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-252 circle colored effect6 scale_up\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/white_horses-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   class=\"swipebox_252\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/white_horses-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-252\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-252 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Courgette'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t            <script>\n                jQuery(document).ready(function () {\n                    jQuery(\"a[data-rel^='prettyPhoto']\").prettyPhoto({\n                        animation_speed: 'fast', \/* fast\/slow\/normal *\/\n                        slideshow: 2000, \/* false OR interval time in ms *\/\n                        autoplay_slideshow: false, \/* true\/false *\/\n                        opacity: 0.80  \/* Value between 0 and 1 *\/\n                    });\n                });\n            <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-273{\n    font-family: Courgette;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-273{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-273{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-273 {\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-273,\n.item-hover-273 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-273 a {\n    color: #333;\n}\n.item-hover-273 a:hover {\n    text-decoration: none;\n}\n.item-hover-273 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-273.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-273.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-273.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 0%;\n\t\n\t\t\tbox-shadow: 0 0 0 9px rgba(221,51,51, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3); \n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-273.circle .img img {\n    border-radius: 0%;\n}\n.item-hover-273.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-273.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-273.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-273.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-273.circle.effect2.colored .info {\n    background: rgba(221,51,51, 0.7);\n}\n.item-hover-273.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-273.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-273{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Courgette;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px !important;\n} \n\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.circle.effect3.colored .info {\n    background: rgba(221,51,51, 1);\n}\n.item-hover-273.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-273.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 15px;\n\t\tmargin: 0 10px;\n\t\t\tpadding-top: 50%;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.circle.effect4.colored .info {\n    background: rgba(221,51,51, 1);\n}\n.item-hover-273.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-273.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-273.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-273.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-273.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-273.circle.effect5.colored .info .info-back {\n    background: rgba(221,51,51, 0.7);\n}\n.item-hover-273.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-273.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-273.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-273.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-273.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-273.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-273.circle.effect6.colored .info {\n    background: rgba(221,51,51, 1);\n}\n.item-hover-273.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-273.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.circle.effect7.colored .info {\n    background: rgba(221,51,51, 1);\n}\n.item-hover-273.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-273.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-273.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-273.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.circle.effect8.colored .info {\n    background: rgba(221,51,51, 1);\n}\n.item-hover-273.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-273.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-273.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-273.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-273.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-273.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-273.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-273.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.circle.effect9.colored .info {\n    background: rgba(221,51,51, 1);\n}\n.item-hover-273.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-273.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 55px 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.circle.effect10.colored .info {\n    background: rgba(221,51,51, 1);\n}\n.item-hover-273.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-273.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-273.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-273.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-273.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-273.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-273.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-273.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-273.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-273.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-273.circle.effect11.colored .info {\n    background: rgba(221,51,51, 1);\n}\n.item-hover-273.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-273.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-273.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-273.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.circle.effect12.colored .info {\n    background: rgba(221,51,51, 1);\n}\n.item-hover-273.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-273.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-273.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-273.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.circle.effect13.colored .info {\n    background: rgba(221,51,51, 0.7);\n}\n.item-hover-273.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-273.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n\n.item-hover-273.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-273.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-273.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-273.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-273.circle.effect14.colored .info {\n    background: rgba(221,51,51, 1);\n}\n.item-hover-273.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-273.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-273.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-273.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.circle.effect15.colored .info {\n    background: rgba(221,51,51, 1);\n}\n.item-hover-273.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-273.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-273.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-273.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-273.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-273.circle.effect16.colored .info {\n    background: rgba(221,51,51, 1);\n}\n.item-hover-273.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-273.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-273.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-273.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-273.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-273.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(221,51,51, 0.7), 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-273.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-273.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-273.circle.effect18.colored .info .info-back {\n    background: rgba(221,51,51, 1);\n}\n.item-hover-273.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-273.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-273.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.circle.effect19.colored .info {\n    background: rgba(221,51,51, 0.7);\n}\n.item-hover-273.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-273.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-273.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-273.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-273.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-273.circle.effect20.colored .info .info-back {\n    background: rgba(221,51,51, 1);\n}\n.item-hover-273.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-273.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-273.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-273.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-273.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-273.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-273.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-273.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-273.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-273.square.effect2 a:hover .info h3,\n.item-hover-273.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-273.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-273.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-273.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-273.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-273.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-273.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-273.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-273.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-273.square.effect4.colored .mask1,\n.item-hover-273.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-273.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-273.square.effect4 .mask1,\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.square.effect4 a:hover .info h3,\n.item-hover-273.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-273.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-273.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-273.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-273.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-273.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-273.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-273.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-273.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-273.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-273.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-273.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-273.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-273.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-273.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-273.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-273.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-273.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-273.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-273.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-273.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-273.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-273.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-273.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-273.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-273.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-273.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-273.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-273.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-273.square.effect7 a:hover .info h3,\n.item-hover-273.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-273.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-273.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-273.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-273.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-273.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-273.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-273.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-273.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-273.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-273.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-273.square.effect8.scale_up .info h3,\n.item-hover-273.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-273.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-273.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-273.square.effect8.scale_up a:hover .info h3,\n.item-hover-273.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-273.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-273.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-273.square.effect8.scale_down .info h3,\n.item-hover-273.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-273.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-273.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-273.square.effect8.scale_down a:hover .info h3,\n.item-hover-273.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-273.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-273.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-273.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-273.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-273.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-273.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-273.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-273.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-273.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-273.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-273.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-273.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-273.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-273.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-273.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-273.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-273.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-273.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-273.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-273.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-273.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-273.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-273.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-273.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.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-273.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 6 With Bottom To Top Transition    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-273 circle colored effect7 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/apple_and_the_loser_i-wallpaper-1920x1080.jpg\" title=\"Gallery TItle\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio273]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/apple_and_the_loser_i-wallpaper-1920x1080-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-273\">Gallery TItle<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-273 \">Gallery TItle<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-273 circle colored effect7 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/vintage_car_hd-wallpaper-1920x1080.jpg\" title=\"Gallery TItle\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio273]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/vintage_car_hd-wallpaper-1920x1080-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-273\">Gallery TItle<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-273 \">Gallery TItle<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-273 circle colored effect7 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/my_summer_home-wallpaper-1280x720.jpg\" title=\"Gallery TItle\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio273]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/my_summer_home-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-273\">Gallery TItle<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-273 \">Gallery TItle<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-273 circle colored effect7 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/eagle_for_freedom-wallpaper-1280x720.jpg\" title=\"Gallery TItle\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio273]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/eagle_for_freedom-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-273\">Gallery TItle<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-273 \">Gallery TItle<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-273 circle colored effect7 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/little_earth-wallpaper-1280x720.jpg\" title=\"Gallery TItle\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio273]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/little_earth-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-273\">Gallery TItle<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-273 \">Gallery TItle<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-273 circle colored effect7 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tiger_playing_in_water-wallpaper-1280x720.jpg\" title=\"Gallery TItle\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio273]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tiger_playing_in_water-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-273\">Gallery TItle<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-273 \">Gallery TItle<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-273 circle colored effect7 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mclaren_p1_3-wallpaper-1280x720.jpg\" title=\"Gallery TItle\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio273]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mclaren_p1_3-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-273\">Gallery TItle<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-273 \">Gallery TItle<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-273 circle colored effect7 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/full_moon_7-wallpaper-1280x720.jpg\" title=\"Gallery TItle\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio273]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/full_moon_7-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-273\">Gallery TItle<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-273 \">Gallery TItle<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-273 circle colored effect7 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/center_of_the_universe_2-wallpaper-1280x720.jpg\" title=\"Gallery TItle\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio273]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/center_of_the_universe_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-273\">Gallery TItle<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-273 \">Gallery TItle<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-273 circle colored effect7 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/jupiter_ascending_2015-wallpaper-1280x720.jpg\" title=\"Gallery TItle\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio273]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/jupiter_ascending_2015-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-273\">Gallery TItle<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-273 \">Gallery TItle<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-273 circle colored effect7 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/funny_cat_4-wallpaper-1280x720.jpg\" title=\"Gallery TItle\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio273]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/funny_cat_4-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-273\">Gallery TItle<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-273 \">Gallery TItle<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-273 circle colored effect7 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/lindsey_stirling-wallpaper-1280x720.jpg\" title=\"Gallery TItle\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio273]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/lindsey_stirling-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-273\">Gallery TItle<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-273 \">Gallery TItle<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-273 circle colored effect7 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/music_is_my_soul-wallpaper-1280x720.jpg\" title=\"Gallery TItle\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio273]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/music_is_my_soul-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-273\">Gallery TItle<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-273 \">Gallery TItle<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-273 circle colored effect7 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/2015_year_of_sheep-wallpaper-1280x720.jpg\" title=\"Gallery TItle\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio273]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/2015_year_of_sheep-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-273\">Gallery TItle<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-273 \">Gallery TItle<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Courgette'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t            <script>\n                jQuery(document).ready(function () {\n                    jQuery(\"a[data-rel^='prettyPhoto']\").prettyPhoto({\n                        animation_speed: 'fast', \/* fast\/slow\/normal *\/\n                        slideshow: 2000, \/* false OR interval time in ms *\/\n                        autoplay_slideshow: false, \/* true\/false *\/\n                        opacity: 0.80  \/* Value between 0 and 1 *\/\n                    });\n                });\n            <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-288{\n    font-family: Courgette;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-288{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-288{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-288 {\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-288,\n.item-hover-288 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-288 a {\n    color: #333;\n}\n.item-hover-288 a:hover {\n    text-decoration: none;\n}\n.item-hover-288 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-288.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-288.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-288.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 0%;\n\t\n\t\t\tbox-shadow: 0 0 0 10px rgba(49,163,221, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3); \n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-288.circle .img img {\n    border-radius: 0%;\n}\n.item-hover-288.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-288.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-288.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-288.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-288.circle.effect2.colored .info {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-288.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-288.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-288{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Courgette;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px !important;\n} \n\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.circle.effect3.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-288.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-288.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 15px;\n\t\tmargin: 0 30px;\n\t\t\tpadding: 20% 0 0 0;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.circle.effect4.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-288.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-288.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-288.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-288.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-288.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-288.circle.effect5.colored .info .info-back {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-288.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-288.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-288.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-288.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-288.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-288.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-288.circle.effect6.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-288.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-288.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.circle.effect7.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-288.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-288.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-288.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-288.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.circle.effect8.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-288.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-288.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-288.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-288.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-288.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-288.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-288.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-288.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.circle.effect9.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-288.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-288.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 55px 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.circle.effect10.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-288.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-288.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-288.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-288.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-288.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-288.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-288.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-288.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-288.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-288.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-288.circle.effect11.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-288.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-288.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-288.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-288.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.circle.effect12.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-288.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-288.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-288.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-288.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.circle.effect13.colored .info {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-288.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-288.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n\n.item-hover-288.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-288.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-288.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-288.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-288.circle.effect14.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-288.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-288.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-288.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-288.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.circle.effect15.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-288.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-288.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-288.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-288.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-288.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-288.circle.effect16.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-288.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-288.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-288.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-288.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-288.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-288.circle.effect17.colored a:hover .img:before {\n    box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n    box-shadow: inset 0 0 0 500px rgba(49,163,221, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-288.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-288.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-288.circle.effect18.colored .info .info-back {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-288.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-288.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-288.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.circle.effect19.colored .info {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-288.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-288.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-288.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-288.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-288.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-288.circle.effect20.colored .info .info-back {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-288.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-288.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-288.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-288.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-288.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-288.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-288.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-288.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-288.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-288.square.effect2 a:hover .info h3,\n.item-hover-288.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-288.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-288.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-288.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-288.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-288.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-288.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-288.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-288.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-288.square.effect4.colored .mask1,\n.item-hover-288.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-288.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-288.square.effect4 .mask1,\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.square.effect4 a:hover .info h3,\n.item-hover-288.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-288.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-288.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-288.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-288.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-288.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-288.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-288.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-288.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-288.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-288.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-288.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-288.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-288.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-288.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-288.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-288.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-288.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-288.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-288.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-288.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-288.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-288.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-288.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-288.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-288.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-288.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-288.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-288.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-288.square.effect7 a:hover .info h3,\n.item-hover-288.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-288.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-288.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-288.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-288.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-288.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-288.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-288.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-288.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-288.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-288.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-288.square.effect8.scale_up .info h3,\n.item-hover-288.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-288.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-288.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-288.square.effect8.scale_up a:hover .info h3,\n.item-hover-288.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-288.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-288.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-288.square.effect8.scale_down .info h3,\n.item-hover-288.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-288.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-288.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-288.square.effect8.scale_down a:hover .info h3,\n.item-hover-288.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-288.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-288.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-288.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-288.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-288.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-288.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-288.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-288.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-288.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-288.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-288.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-288.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-288.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-288.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-288.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-288.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-288.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-288.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-288.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-288.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-288.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-288.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-288.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-288.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.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-288.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 7 With left To Right Transition    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-288 circle colored effect8 left_to_right\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Flo-Rida-GDFR-ft.-Sage-The-Gemini-and-Lookas.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio288]\"  >\n\t\t\t\t\t\t<div class=\"img-container\">\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Flo-Rida-GDFR-ft.-Sage-The-Gemini-and-Lookas-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"info-container\">\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-288\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t<\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-288 \">Gallery Title<\/h3>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-288 circle colored effect8 left_to_right\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/supernova_3-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio288]\"  >\n\t\t\t\t\t\t<div class=\"img-container\">\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/supernova_3-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"info-container\">\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-288\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t<\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-288 \">Gallery Title<\/h3>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-288 circle colored effect8 left_to_right\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/apple_and_the_loser_i-wallpaper-1920x1080.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio288]\"  >\n\t\t\t\t\t\t<div class=\"img-container\">\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/apple_and_the_loser_i-wallpaper-1920x1080-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"info-container\">\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-288\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t<\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-288 \">Gallery Title<\/h3>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-288 circle colored effect8 left_to_right\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/natalia_contreras_sdgn-wallpaper-1920x1080.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio288]\"  >\n\t\t\t\t\t\t<div class=\"img-container\">\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/natalia_contreras_sdgn-wallpaper-1920x1080-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"info-container\">\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-288\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t<\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-288 \">Gallery Title<\/h3>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-288 circle colored effect8 left_to_right\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/See-You-Again-Wiz-Khalifa-ft.-Charlie-Puth.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio288]\"  >\n\t\t\t\t\t\t<div class=\"img-container\">\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/See-You-Again-Wiz-Khalifa-ft.-Charlie-Puth-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"info-container\">\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-288\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t<\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-288 \">Gallery Title<\/h3>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-288 circle colored effect8 left_to_right\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/vintage_car_hd-wallpaper-1920x1080.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio288]\"  >\n\t\t\t\t\t\t<div class=\"img-container\">\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/vintage_car_hd-wallpaper-1920x1080-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"info-container\">\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-288\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t<\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-288 \">Gallery Title<\/h3>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-288 circle colored effect8 left_to_right\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/red_aston_martin_dbc-wallpaper-1920x1080.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio288]\"  >\n\t\t\t\t\t\t<div class=\"img-container\">\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/red_aston_martin_dbc-wallpaper-1920x1080-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"info-container\">\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-288\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t<\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-288 \">Gallery Title<\/h3>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-288 circle colored effect8 left_to_right\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/little_earth-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio288]\"  >\n\t\t\t\t\t\t<div class=\"img-container\">\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/little_earth-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"info-container\">\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-288\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t<\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-288 \">Gallery Title<\/h3>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-288 circle colored effect8 left_to_right\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/wonderland_2-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio288]\"  >\n\t\t\t\t\t\t<div class=\"img-container\">\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/wonderland_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"info-container\">\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-288\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t<\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-288 \">Gallery Title<\/h3>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-288 circle colored effect8 left_to_right\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/visual_art___cs9_fx_design-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio288]\"  >\n\t\t\t\t\t\t<div class=\"img-container\">\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/visual_art___cs9_fx_design-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"info-container\">\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-288\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t<\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-288 \">Gallery Title<\/h3>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-288 circle colored effect8 left_to_right\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/full_moon_7-wallpaper-1280x720.jpg\" title=\"Gallery Title\"  data-rel=\"prettyPhoto[portfolio288]\"  >\n\t\t\t\t\t\t<div class=\"img-container\">\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/full_moon_7-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"info-container\">\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-288\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t<\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-288 \">Gallery Title<\/h3>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Courgette'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t            <script>\n                jQuery(document).ready(function () {\n                    jQuery(\"a[data-rel^='prettyPhoto']\").prettyPhoto({\n                        animation_speed: 'fast', \/* fast\/slow\/normal *\/\n                        slideshow: 2000, \/* false OR interval time in ms *\/\n                        autoplay_slideshow: false, \/* true\/false *\/\n                        opacity: 0.80  \/* Value between 0 and 1 *\/\n                    });\n                });\n            <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-304{\n    font-family: Courgette;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-304{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-304{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-304 {\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-304,\n.item-hover-304 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-304 a {\n    color: #333;\n}\n.item-hover-304 a:hover {\n    text-decoration: none;\n}\n.item-hover-304 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-304.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-304.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-304.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n\t\n\t\t\tbox-shadow: 0 0 0 10px rgba(49,163,221, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3); \n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-304.circle .img img {\n    border-radius: 50%;\n}\n.item-hover-304.circle .info {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n\n.item-hover-304.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-304.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-304.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-304.circle.effect2.colored .info {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-304.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-304.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-304{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Courgette;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n} \n\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.circle.effect3.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-304.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-304.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 20px;\n\t\tmargin: 0 30px;\n\t\t\tpadding: 20% 0 0 0;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.circle.effect4.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-304.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-304.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-304.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-304.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-304.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-304.circle.effect5.colored .info .info-back {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-304.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-304.circle.effect5 .info .info-back {\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-304.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-304.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-304.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-304.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-304.circle.effect6.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-304.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-304.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.circle.effect7.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-304.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-304.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-304.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-304.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.circle.effect8.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-304.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-304.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-304.circle.effect8 .info-container {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.3s ease-in-out 0.3s;\n    -moz-transition: all 0.3s ease-in-out 0.3s;\n    transition: all 0.3s ease-in-out 0.3s;\n}\n.item-hover-304.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-304.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-304.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-304.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-304.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.circle.effect9.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-304.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-304.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.circle.effect10.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-304.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-304.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-304.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-304.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-304.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-304.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-304.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-304.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-304.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-304.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-304.circle.effect11.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-304.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-304.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-304.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-304.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.circle.effect12.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-304.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-304.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-304.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-304.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.circle.effect13.colored .info {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-304.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-304.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-304.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-304.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-304.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-304.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-304.circle.effect14.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-304.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-304.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-304.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-304.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.circle.effect15.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-304.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-304.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-304.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-304.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-304.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-304.circle.effect16.colored .info {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-304.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-304.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-304.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-304.circle.effect16.left_to_right .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 95%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-304.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-304.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-304.circle.effect16.right_to_left .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 5%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-304.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-304.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-304.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-304.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-304.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-304.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-304.circle.effect17.colored a:hover .img:before {\n    box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n    box-shadow: inset 0 0 0 500px rgba(49,163,221, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-304.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-304.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-304.circle.effect18.colored .info .info-back {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-304.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-304.circle.effect18 .info .info-back {\n    opacity: 1;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n}\n.item-hover-304.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.circle.effect19.colored .info {\n    background: rgba(49,163,221, 0.5);\n}\n.item-hover-304.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-304.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-304.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-304.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-304.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-304.circle.effect20.colored .info .info-back {\n    background: rgba(49,163,221, 1);\n}\n.item-hover-304.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-304.circle.effect20 .info .info-back {\n    opacity: 1;\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    -webkit-transition: all 0.35s linear;\n    -moz-transition: all 0.35s linear;\n    transition: all 0.35s linear;\n    -webkit-transform-origin: 50% 0%;\n    -moz-transform-origin: 50% 0%;\n    -ms-transform-origin: 50% 0%;\n    -o-transform-origin: 50% 0%;\n    transform-origin: 50% 0%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-304.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-304.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-304.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-304.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-304.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-304.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-304.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-304.square.effect2 a:hover .info h3,\n.item-hover-304.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-304.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-304.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-304.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-304.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-304.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-304.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-304.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-304.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-304.square.effect4.colored .mask1,\n.item-hover-304.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-304.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-304.square.effect4 .mask1,\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.square.effect4 a:hover .info h3,\n.item-hover-304.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-304.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-304.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-304.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-304.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-304.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-304.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-304.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-304.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-304.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-304.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-304.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-304.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-304.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-304.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-304.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-304.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-304.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-304.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-304.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-304.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-304.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-304.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-304.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-304.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-304.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-304.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-304.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-304.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-304.square.effect7 a:hover .info h3,\n.item-hover-304.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-304.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-304.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-304.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-304.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-304.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-304.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-304.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-304.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-304.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-304.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-304.square.effect8.scale_up .info h3,\n.item-hover-304.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-304.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-304.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-304.square.effect8.scale_up a:hover .info h3,\n.item-hover-304.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-304.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-304.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-304.square.effect8.scale_down .info h3,\n.item-hover-304.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-304.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-304.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-304.square.effect8.scale_down a:hover .info h3,\n.item-hover-304.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-304.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-304.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-304.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-304.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-304.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-304.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-304.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-304.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-304.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-304.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-304.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-304.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-304.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-304.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-304.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-304.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-304.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-304.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-304.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-304.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-304.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-304.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-304.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-304.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.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-304.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 8 With Left To Right Transition    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-304 circle colored effect9 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/daylight_2-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio304]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/daylight_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-304\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-304 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-304 circle colored effect9 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/natalia_contreras_sdgn-wallpaper-1920x1080.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio304]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/natalia_contreras_sdgn-wallpaper-1920x1080-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-304\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-304 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-304 circle colored effect9 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/wave_12-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio304]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/wave_12-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-304\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-304 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-304 circle colored effect9 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/bmw_m6_super_abstract_car_2015_design_by_tony_kokhan-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio304]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/bmw_m6_super_abstract_car_2015_design_by_tony_kokhan-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-304\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-304 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-304 circle colored effect9 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/wonderland_2-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio304]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/wonderland_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-304\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-304 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-304 circle colored effect9 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/alone_21-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio304]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/alone_21-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-304\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-304 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-304 circle colored effect9 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/life_in_desert-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio304]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/life_in_desert-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-304\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-304 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-304 circle colored effect9 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/way_to_dreamland-wallpaper-1280x7201.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio304]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/way_to_dreamland-wallpaper-1280x7201-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-304\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-304 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-304 circle colored effect9 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/botella_magica_ot-wallpaper-1280x720.jpg\" title=\"Gallery Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio304]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/botella_magica_ot-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-304\">Gallery Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-304 \">Gallery Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Courgette'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t            <script type=\"text\/javascript\">\n                jQuery(document).ready(function () {\n                    ;(function (jQuery) {\n                        jQuery('.swipebox_322').swipebox();\n                    })(jQuery);\n                });\n            <\/script>\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-322{\n    font-family: Courgette;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-322{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-322{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-322 {\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-322,\n.item-hover-322 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-322 a {\n    color: #333;\n}\n.item-hover-322 a:hover {\n    text-decoration: none;\n}\n.item-hover-322 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-322.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-322.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-322.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 0%;\n\t\n\t\t\tbox-shadow: 0 0 0 3px rgba(255,255,255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3); \n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-322.circle .img img {\n    border-radius: 0%;\n}\n.item-hover-322.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-322.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-322.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-322.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-322.circle.effect2.colored .info {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-322.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-322.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-322{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Courgette;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px !important;\n} \n\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.circle.effect3.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-322.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-322.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 24px;\n\t\tmargin: 0 10px;\n\t\t\tpadding: 20% 0 0 0;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.circle.effect4.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-322.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-322.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-322.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-322.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-322.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-322.circle.effect5.colored .info .info-back {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-322.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-322.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-322.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-322.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-322.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-322.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-322.circle.effect6.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-322.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-322.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.circle.effect7.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-322.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-322.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-322.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-322.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.circle.effect8.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-322.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-322.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-322.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-322.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-322.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-322.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-322.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-322.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.circle.effect9.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-322.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-322.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 55px 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.circle.effect10.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-322.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-322.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-322.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-322.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-322.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-322.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-322.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-322.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-322.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-322.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-322.circle.effect11.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-322.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-322.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-322.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-322.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.circle.effect12.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-322.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-322.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-322.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-322.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.circle.effect13.colored .info {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-322.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-322.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n\n.item-hover-322.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-322.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-322.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-322.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-322.circle.effect14.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-322.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-322.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-322.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-322.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.circle.effect15.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-322.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-322.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-322.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-322.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-322.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-322.circle.effect16.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-322.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-322.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-322.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-322.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-322.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-322.circle.effect17.colored a:hover .img:before {\n    box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n    box-shadow: inset 0 0 0 500px rgba(27,231,255, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-322.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-322.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-322.circle.effect18.colored .info .info-back {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-322.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-322.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-322.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.circle.effect19.colored .info {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-322.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-322.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-322.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-322.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-322.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-322.circle.effect20.colored .info .info-back {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-322.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-322.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-322.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-322.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-322.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-322.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-322.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-322.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-322.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-322.square.effect2 a:hover .info h3,\n.item-hover-322.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-322.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-322.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-322.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-322.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-322.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-322.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-322.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-322.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-322.square.effect4.colored .mask1,\n.item-hover-322.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-322.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-322.square.effect4 .mask1,\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.square.effect4 a:hover .info h3,\n.item-hover-322.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-322.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-322.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-322.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-322.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-322.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-322.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-322.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-322.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-322.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-322.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-322.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-322.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-322.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-322.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-322.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-322.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-322.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-322.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-322.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-322.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-322.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-322.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-322.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-322.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-322.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-322.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-322.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-322.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-322.square.effect7 a:hover .info h3,\n.item-hover-322.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-322.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-322.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-322.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-322.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-322.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-322.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-322.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-322.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-322.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-322.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-322.square.effect8.scale_up .info h3,\n.item-hover-322.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-322.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-322.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-322.square.effect8.scale_up a:hover .info h3,\n.item-hover-322.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-322.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-322.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-322.square.effect8.scale_down .info h3,\n.item-hover-322.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-322.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-322.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-322.square.effect8.scale_down a:hover .info h3,\n.item-hover-322.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-322.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-322.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-322.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-322.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-322.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-322.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-322.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-322.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-322.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-322.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-322.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-322.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-322.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-322.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-322.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-322.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-322.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-322.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-322.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-322.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-322.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-322.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-322.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-322.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.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-322.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 9 With Top To Bottom Transition    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-322 circle colored effect10 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/radar_station-wallpaper-1280x720.jpg\" title=\"Photo Title Here\"\n\t\t\t\t\t   class=\"swipebox_322\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/radar_station-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-322\">Photo Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-322 \">Photo Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-322 circle colored effect10 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/dinner_is_served-wallpaper-1280x720.jpg\" title=\"Photo Title Here\"\n\t\t\t\t\t   class=\"swipebox_322\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/dinner_is_served-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-322\">Photo Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-322 \">Photo Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-322 circle colored effect10 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/christmas_elf_and_reindeer-wallpaper-1280x720.jpg\" title=\"Photo Title Here\"\n\t\t\t\t\t   class=\"swipebox_322\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/christmas_elf_and_reindeer-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-322\">Photo Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-322 \">Photo Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-322 circle colored effect10 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/interstellar_matthew_mcconaughey-wallpaper-1280x720.jpg\" title=\"Photo Title Here\"\n\t\t\t\t\t   class=\"swipebox_322\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/interstellar_matthew_mcconaughey-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-322\">Photo Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-322 \">Photo Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-322 circle colored effect10 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/funny_cat_4-wallpaper-1280x720.jpg\" title=\"Photo Title Here\"\n\t\t\t\t\t   class=\"swipebox_322\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/funny_cat_4-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-322\">Photo Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-322 \">Photo Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-322 circle colored effect10 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/dresden_semper_opera-wallpaper-1280x720.jpg\" title=\"Photo Title Here\"\n\t\t\t\t\t   class=\"swipebox_322\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/dresden_semper_opera-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-322\">Photo Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-322 \">Photo Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Buda'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t            <script>\n                jQuery(document).ready(function () {\n                    jQuery(\"a[data-rel^='prettyPhoto']\").prettyPhoto({\n                        animation_speed: 'fast', \/* fast\/slow\/normal *\/\n                        slideshow: 2000, \/* false OR interval time in ms *\/\n                        autoplay_slideshow: false, \/* true\/false *\/\n                        opacity: 0.80  \/* Value between 0 and 1 *\/\n                    });\n                });\n            <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-359{\n    font-family: Buda;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-359{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-359{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-359 {\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-359,\n.item-hover-359 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-359 a {\n    color: #333;\n}\n.item-hover-359 a:hover {\n    text-decoration: none;\n}\n.item-hover-359 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-359.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-359.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-359.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 0%;\n\t\n\t\t\tbox-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);\n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-359.circle .img img {\n    border-radius: 0%;\n}\n.item-hover-359.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-359.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-359.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-359.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-359.circle.effect2.colored .info {\n    background: rgba(110,235,131, 0.5);\n}\n.item-hover-359.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-359.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-359{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Buda;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n} \n\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.circle.effect3.colored .info {\n    background: rgba(110,235,131, 1);\n}\n.item-hover-359.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-359.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 20px;\n\t\tmargin: 0 10px;\n\t\t\tpadding: 20% 0 0 0;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.circle.effect4.colored .info {\n    background: rgba(110,235,131, 1);\n}\n.item-hover-359.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-359.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-359.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-359.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-359.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-359.circle.effect5.colored .info .info-back {\n    background: rgba(110,235,131, 0.5);\n}\n.item-hover-359.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-359.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-359.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-359.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-359.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-359.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-359.circle.effect6.colored .info {\n    background: rgba(110,235,131, 1);\n}\n.item-hover-359.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-359.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.circle.effect7.colored .info {\n    background: rgba(110,235,131, 1);\n}\n.item-hover-359.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-359.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-359.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-359.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.circle.effect8.colored .info {\n    background: rgba(110,235,131, 1);\n}\n.item-hover-359.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-359.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-359.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-359.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-359.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-359.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-359.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-359.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.circle.effect9.colored .info {\n    background: rgba(110,235,131, 1);\n}\n.item-hover-359.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-359.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.circle.effect10.colored .info {\n    background: rgba(110,235,131, 1);\n}\n.item-hover-359.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-359.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-359.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-359.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-359.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-359.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-359.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-359.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-359.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-359.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-359.circle.effect11.colored .info {\n    background: rgba(110,235,131, 1);\n}\n.item-hover-359.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-359.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-359.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-359.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.circle.effect12.colored .info {\n    background: rgba(110,235,131, 1);\n}\n.item-hover-359.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-359.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-359.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-359.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.circle.effect13.colored .info {\n    background: rgba(110,235,131, 0.5);\n}\n.item-hover-359.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-359.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-359.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-359.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-359.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-359.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-359.circle.effect14.colored .info {\n    background: rgba(110,235,131, 1);\n}\n.item-hover-359.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-359.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-359.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-359.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.circle.effect15.colored .info {\n    background: rgba(110,235,131, 1);\n}\n.item-hover-359.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-359.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-359.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-359.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-359.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-359.circle.effect16.colored .info {\n    background: rgba(110,235,131, 1);\n}\n.item-hover-359.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-359.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-359.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-359.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-359.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-359.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(110,235,131, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-359.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-359.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-359.circle.effect18.colored .info .info-back {\n    background: rgba(110,235,131, 1);\n}\n.item-hover-359.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-359.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-359.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.circle.effect19.colored .info {\n    background: rgba(110,235,131, 0.5);\n}\n.item-hover-359.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-359.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-359.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-359.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-359.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-359.circle.effect20.colored .info .info-back {\n    background: rgba(110,235,131, 1);\n}\n.item-hover-359.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-359.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-359.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-359.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-359.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-359.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-359.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-359.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-359.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-359.square.effect2 a:hover .info h3,\n.item-hover-359.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-359.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-359.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-359.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-359.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-359.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-359.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-359.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-359.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-359.square.effect4.colored .mask1,\n.item-hover-359.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-359.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-359.square.effect4 .mask1,\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.square.effect4 a:hover .info h3,\n.item-hover-359.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-359.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-359.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-359.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-359.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-359.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-359.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-359.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-359.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-359.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-359.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-359.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-359.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-359.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-359.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-359.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-359.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-359.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-359.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-359.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-359.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-359.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-359.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-359.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-359.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-359.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-359.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-359.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-359.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-359.square.effect7 a:hover .info h3,\n.item-hover-359.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-359.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-359.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-359.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-359.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-359.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-359.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-359.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-359.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-359.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-359.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-359.square.effect8.scale_up .info h3,\n.item-hover-359.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-359.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-359.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-359.square.effect8.scale_up a:hover .info h3,\n.item-hover-359.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-359.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-359.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-359.square.effect8.scale_down .info h3,\n.item-hover-359.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-359.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-359.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-359.square.effect8.scale_down a:hover .info h3,\n.item-hover-359.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-359.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-359.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-359.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-359.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-359.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-359.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-359.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-359.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-359.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-359.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-359.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-359.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-359.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-359.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-359.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-359.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-359.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-359.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-359.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-359.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-359.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-359.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-359.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-359.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.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-359.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 10 With Top To Bottom Transition    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-359 circle colored effect11 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/through_the_pink_woods-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio359]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/through_the_pink_woods-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-359\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-359 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-359 circle colored effect11 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tiger_playing_in_water-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio359]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tiger_playing_in_water-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-359\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-359 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-359 circle colored effect11 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tree_house-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio359]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tree_house-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-359\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-359 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-359 circle colored effect11 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/golden_sphere_coreopsis-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio359]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/golden_sphere_coreopsis-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-359\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-359 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-359 circle colored effect11 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/turks_cap_lily-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio359]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/turks_cap_lily-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-359\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-359 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-359 circle colored effect11 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/sunflower_31-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio359]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/sunflower_31-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-359\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-359 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-359 circle colored effect11 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/christmas_elf_and_reindeer-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio359]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/christmas_elf_and_reindeer-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-359\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-359 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-359 circle colored effect11 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/snowy_mountain_cottage-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio359]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/snowy_mountain_cottage-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-359\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-359 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-359 circle colored effect11 top_to_bottom\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/palm_beach_corner-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio359]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/palm_beach_corner-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-359\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-359 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Emilys Candy'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t            <script>\n                jQuery(document).ready(function () {\n                    jQuery(\"a[data-rel^='prettyPhoto']\").prettyPhoto({\n                        animation_speed: 'fast', \/* fast\/slow\/normal *\/\n                        slideshow: 2000, \/* false OR interval time in ms *\/\n                        autoplay_slideshow: false, \/* true\/false *\/\n                        opacity: 0.80  \/* Value between 0 and 1 *\/\n                    });\n                });\n            <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-352{\n    font-family: Emilys Candy;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-352{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-352{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-352 {\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-352,\n.item-hover-352 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-352 a {\n    color: #333;\n}\n.item-hover-352 a:hover {\n    text-decoration: none;\n}\n.item-hover-352 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-352.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-352.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-352.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n\t\n\t\t\tbox-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);\n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-352.circle .img img {\n    border-radius: 50%;\n}\n.item-hover-352.circle .info {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n\n.item-hover-352.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-352.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-352.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-352.circle.effect2.colored .info {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-352.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-352.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-352{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Emilys Candy;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px !important;\n} \n\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.circle.effect3.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-352.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-352.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 15px;\n\t\tmargin: 0 30px;\n\t\t\tpadding: 20% 0 0 0;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.circle.effect4.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-352.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-352.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-352.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-352.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-352.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-352.circle.effect5.colored .info .info-back {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-352.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-352.circle.effect5 .info .info-back {\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-352.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-352.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-352.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-352.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-352.circle.effect6.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-352.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-352.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.circle.effect7.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-352.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-352.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-352.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-352.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.circle.effect8.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-352.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-352.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-352.circle.effect8 .info-container {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.3s ease-in-out 0.3s;\n    -moz-transition: all 0.3s ease-in-out 0.3s;\n    transition: all 0.3s ease-in-out 0.3s;\n}\n.item-hover-352.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-352.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-352.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-352.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-352.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.circle.effect9.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-352.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-352.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 55px 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.circle.effect10.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-352.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-352.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-352.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-352.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-352.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-352.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-352.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-352.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-352.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-352.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-352.circle.effect11.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-352.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-352.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-352.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-352.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.circle.effect12.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-352.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-352.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-352.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-352.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.circle.effect13.colored .info {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-352.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-352.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n\n.item-hover-352.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-352.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-352.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-352.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-352.circle.effect14.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-352.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-352.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-352.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-352.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.circle.effect15.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-352.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-352.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-352.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-352.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-352.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-352.circle.effect16.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-352.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-352.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-352.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-352.circle.effect16.left_to_right .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 95%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-352.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-352.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-352.circle.effect16.right_to_left .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 5%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-352.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-352.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-352.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-352.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-352.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-352.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-352.circle.effect17.colored a:hover .img:before {\n    box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n    box-shadow: inset 0 0 0 500px rgba(27,231,255, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-352.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-352.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-352.circle.effect18.colored .info .info-back {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-352.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-352.circle.effect18 .info .info-back {\n    opacity: 1;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n}\n.item-hover-352.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.circle.effect19.colored .info {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-352.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-352.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-352.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-352.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-352.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-352.circle.effect20.colored .info .info-back {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-352.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-352.circle.effect20 .info .info-back {\n    opacity: 1;\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    -webkit-transition: all 0.35s linear;\n    -moz-transition: all 0.35s linear;\n    transition: all 0.35s linear;\n    -webkit-transform-origin: 50% 0%;\n    -moz-transform-origin: 50% 0%;\n    -ms-transform-origin: 50% 0%;\n    -o-transform-origin: 50% 0%;\n    transform-origin: 50% 0%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-352.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-352.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-352.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-352.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-352.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-352.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-352.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-352.square.effect2 a:hover .info h3,\n.item-hover-352.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-352.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-352.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-352.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-352.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-352.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-352.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-352.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-352.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-352.square.effect4.colored .mask1,\n.item-hover-352.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-352.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-352.square.effect4 .mask1,\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.square.effect4 a:hover .info h3,\n.item-hover-352.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-352.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-352.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-352.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-352.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-352.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-352.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-352.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-352.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-352.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-352.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-352.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-352.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-352.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-352.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-352.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-352.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-352.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-352.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-352.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-352.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-352.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-352.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-352.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-352.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-352.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-352.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-352.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-352.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-352.square.effect7 a:hover .info h3,\n.item-hover-352.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-352.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-352.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-352.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-352.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-352.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-352.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-352.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-352.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-352.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-352.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-352.square.effect8.scale_up .info h3,\n.item-hover-352.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-352.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-352.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-352.square.effect8.scale_up a:hover .info h3,\n.item-hover-352.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-352.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-352.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-352.square.effect8.scale_down .info h3,\n.item-hover-352.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-352.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-352.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-352.square.effect8.scale_down a:hover .info h3,\n.item-hover-352.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-352.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-352.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-352.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-352.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-352.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-352.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-352.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-352.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-352.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-352.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-352.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-352.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-352.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-352.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-352.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-352.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-352.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-352.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-352.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-352.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-352.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-352.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-352.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-352.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.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-352.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 11 With Right To Left Transition    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-352 circle colored effect12 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/eagle_eye_2-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio352]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/eagle_eye_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-352\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-352 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-352 circle colored effect12 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/visual_art___cs9_fx_design-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio352]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/visual_art___cs9_fx_design-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-352\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-352 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-352 circle colored effect12 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/underwater_9-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio352]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/underwater_9-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-352\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-352 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-352 circle colored effect12 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tree_house-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio352]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tree_house-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-352\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-352 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-352 circle colored effect12 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/white_horses-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio352]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/white_horses-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-352\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-352 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-352 circle colored effect12 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/turkish_cats_tabby-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio352]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/turkish_cats_tabby-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-352\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-352 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-352 circle colored effect12 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/little_earth-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio352]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/little_earth-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-352\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-352 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-352 circle colored effect12 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/full_moon_7-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio352]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/full_moon_7-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-352\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-352 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-352 circle colored effect12 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/f22_raptor_3-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio352]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/f22_raptor_3-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-352\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-352 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-352 circle colored effect12 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mosque_2-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio352]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mosque_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-352\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-352 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-352 circle colored effect12 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/way_to_dreamland-wallpaper-1280x7201.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio352]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/way_to_dreamland-wallpaper-1280x7201-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-352\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-352 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-352 circle colored effect12 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/through_the_pink_woods-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio352]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/through_the_pink_woods-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-352\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-352 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Handlee'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t            <script>\n                jQuery(document).ready(function () {\n                    jQuery(\"a[data-rel^='prettyPhoto']\").prettyPhoto({\n                        animation_speed: 'fast', \/* fast\/slow\/normal *\/\n                        slideshow: 2000, \/* false OR interval time in ms *\/\n                        autoplay_slideshow: false, \/* true\/false *\/\n                        opacity: 0.80  \/* Value between 0 and 1 *\/\n                    });\n                });\n            <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-355{\n    font-family: Handlee;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-355{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-355{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-355 {\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-355,\n.item-hover-355 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-355 a {\n    color: #333;\n}\n.item-hover-355 a:hover {\n    text-decoration: none;\n}\n.item-hover-355 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-355.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-355.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-355.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n\t\n\t\t\tbox-shadow: 0 0 0 5px rgba(221,51,51, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3); \n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-355.circle .img img {\n    border-radius: 50%;\n}\n.item-hover-355.circle .info {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n\n.item-hover-355.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-355.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-355.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-355.circle.effect2.colored .info {\n    background: rgba(255,87,20, 0.5);\n}\n.item-hover-355.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-355.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-355{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Handlee;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px !important;\n} \n\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.circle.effect3.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-355.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-355.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 24px;\n\t\tmargin: 0 10px;\n\t\t\tpadding-top: 50%;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.circle.effect4.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-355.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-355.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-355.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-355.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-355.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-355.circle.effect5.colored .info .info-back {\n    background: rgba(255,87,20, 0.5);\n}\n.item-hover-355.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-355.circle.effect5 .info .info-back {\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-355.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-355.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-355.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-355.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-355.circle.effect6.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-355.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-355.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.circle.effect7.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-355.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-355.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-355.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-355.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.circle.effect8.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-355.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-355.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-355.circle.effect8 .info-container {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.3s ease-in-out 0.3s;\n    -moz-transition: all 0.3s ease-in-out 0.3s;\n    transition: all 0.3s ease-in-out 0.3s;\n}\n.item-hover-355.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-355.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-355.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-355.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-355.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.circle.effect9.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-355.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-355.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 55px 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.circle.effect10.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-355.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-355.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-355.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-355.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-355.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-355.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-355.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-355.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-355.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-355.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-355.circle.effect11.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-355.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-355.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-355.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-355.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.circle.effect12.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-355.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-355.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-355.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-355.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.circle.effect13.colored .info {\n    background: rgba(255,87,20, 0.5);\n}\n.item-hover-355.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-355.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n\n.item-hover-355.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-355.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-355.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-355.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-355.circle.effect14.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-355.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-355.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-355.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-355.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.circle.effect15.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-355.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-355.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-355.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-355.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-355.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-355.circle.effect16.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-355.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-355.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-355.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-355.circle.effect16.left_to_right .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 95%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-355.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-355.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-355.circle.effect16.right_to_left .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 5%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-355.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-355.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-355.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-355.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-355.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-355.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-355.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(255,87,20, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-355.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-355.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-355.circle.effect18.colored .info .info-back {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-355.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-355.circle.effect18 .info .info-back {\n    opacity: 1;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n}\n.item-hover-355.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.circle.effect19.colored .info {\n    background: rgba(255,87,20, 0.5);\n}\n.item-hover-355.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-355.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-355.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-355.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-355.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-355.circle.effect20.colored .info .info-back {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-355.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-355.circle.effect20 .info .info-back {\n    opacity: 1;\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    -webkit-transition: all 0.35s linear;\n    -moz-transition: all 0.35s linear;\n    transition: all 0.35s linear;\n    -webkit-transform-origin: 50% 0%;\n    -moz-transform-origin: 50% 0%;\n    -ms-transform-origin: 50% 0%;\n    -o-transform-origin: 50% 0%;\n    transform-origin: 50% 0%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-355.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 24px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-355.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-355.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-355.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-355.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-355.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-355.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-355.square.effect2 a:hover .info h3,\n.item-hover-355.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-355.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-355.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-355.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-355.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-355.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-355.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-355.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-355.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-355.square.effect4.colored .mask1,\n.item-hover-355.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-355.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-355.square.effect4 .mask1,\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.square.effect4 a:hover .info h3,\n.item-hover-355.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-355.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-355.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-355.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-355.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-355.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-355.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-355.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-355.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-355.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-355.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-355.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-355.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-355.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-355.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-355.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-355.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-355.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-355.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-355.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-355.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-355.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-355.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-355.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-355.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-355.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-355.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-355.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-355.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-355.square.effect7 a:hover .info h3,\n.item-hover-355.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-355.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-355.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-355.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-355.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-355.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-355.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-355.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-355.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-355.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-355.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-355.square.effect8.scale_up .info h3,\n.item-hover-355.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-355.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-355.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-355.square.effect8.scale_up a:hover .info h3,\n.item-hover-355.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-355.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-355.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-355.square.effect8.scale_down .info h3,\n.item-hover-355.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-355.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-355.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-355.square.effect8.scale_down a:hover .info h3,\n.item-hover-355.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-355.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-355.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-355.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-355.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-355.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-355.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-355.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-355.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-355.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-355.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-355.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-355.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-355.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-355.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-355.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-355.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-355.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-355.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-355.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-355.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-355.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-355.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-355.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-355.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.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-355.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 11 With Bottom To Top Transition    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-355 circle colored effect12 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/vintage_car_hd-wallpaper-1920x1080.jpg\" title=\"Title Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio355]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/vintage_car_hd-wallpaper-1920x1080-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-355\">Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-355 \">Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-355 circle colored effect12 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/red_aston_martin_dbc-wallpaper-1920x1080.jpg\" title=\"Title Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio355]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/red_aston_martin_dbc-wallpaper-1920x1080-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-355\">Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-355 \">Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-355 circle colored effect12 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/bmw_m6_super_abstract_car_2015_design_by_tony_kokhan-wallpaper-1280x720.jpg\" title=\"Title Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio355]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/bmw_m6_super_abstract_car_2015_design_by_tony_kokhan-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-355\">Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-355 \">Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-355 circle colored effect12 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mclaren_p1_3-wallpaper-1280x720.jpg\" title=\"Title Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio355]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mclaren_p1_3-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-355\">Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-355 \">Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-355 circle colored effect12 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/supercharged-wallpaper-1280x720.jpg\" title=\"Title Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio355]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/supercharged-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-355\">Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-355 \">Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-355 circle colored effect12 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/audi___legend_perspective-wallpaper-1280x720.jpg\" title=\"Title Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio355]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/audi___legend_perspective-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-355\">Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-355 \">Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-355 circle colored effect12 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/crj1000_nextgen-wallpaper-1280x720.jpg\" title=\"Title Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio355]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/crj1000_nextgen-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-355\">Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-355 \">Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-355 circle colored effect12 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/two_brown_fighters-wallpaper-1280x720.jpg\" title=\"Title Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio355]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/two_brown_fighters-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-355\">Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-355 \">Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['IM Fell Double Pica'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t            <script>\n                jQuery(document).ready(function () {\n                    jQuery(\"a[data-rel^='prettyPhoto']\").prettyPhoto({\n                        animation_speed: 'fast', \/* fast\/slow\/normal *\/\n                        slideshow: 2000, \/* false OR interval time in ms *\/\n                        autoplay_slideshow: false, \/* true\/false *\/\n                        opacity: 0.80  \/* Value between 0 and 1 *\/\n                    });\n                });\n            <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-346{\n    font-family: IM Fell Double Pica;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-346{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-346{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-346 {\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-346,\n.item-hover-346 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-346 a {\n    color: #333;\n}\n.item-hover-346 a:hover {\n    text-decoration: none;\n}\n.item-hover-346 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-346.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-346.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-346.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 0%;\n\t\n\t\t\tbox-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);\n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-346.circle .img img {\n    border-radius: 0%;\n}\n.item-hover-346.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-346.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-346.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-346.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-346.circle.effect2.colored .info {\n    background: rgba(255,87,20, 0.5);\n}\n.item-hover-346.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-346.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-346{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: IM Fell Double Pica;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n} \n\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.circle.effect3.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-346.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-346.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 20px;\n\t\tmargin: 0 10px;\n\t\t\tpadding-top: 50%;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.circle.effect4.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-346.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-346.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-346.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-346.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-346.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-346.circle.effect5.colored .info .info-back {\n    background: rgba(255,87,20, 0.5);\n}\n.item-hover-346.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-346.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-346.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-346.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-346.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-346.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-346.circle.effect6.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-346.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-346.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.circle.effect7.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-346.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-346.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-346.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-346.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.circle.effect8.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-346.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-346.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-346.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-346.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-346.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-346.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-346.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-346.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.circle.effect9.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-346.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-346.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.circle.effect10.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-346.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-346.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-346.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-346.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-346.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-346.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-346.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-346.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-346.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-346.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-346.circle.effect11.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-346.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-346.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-346.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-346.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.circle.effect12.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-346.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-346.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-346.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-346.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.circle.effect13.colored .info {\n    background: rgba(255,87,20, 0.5);\n}\n.item-hover-346.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-346.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-346.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-346.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-346.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-346.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-346.circle.effect14.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-346.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-346.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-346.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-346.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.circle.effect15.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-346.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-346.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-346.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-346.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-346.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-346.circle.effect16.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-346.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-346.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-346.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-346.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-346.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-346.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(255,87,20, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-346.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-346.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-346.circle.effect18.colored .info .info-back {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-346.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-346.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-346.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.circle.effect19.colored .info {\n    background: rgba(255,87,20, 0.5);\n}\n.item-hover-346.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-346.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-346.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-346.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-346.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-346.circle.effect20.colored .info .info-back {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-346.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-346.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-346.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-346.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-346.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-346.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-346.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-346.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-346.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-346.square.effect2 a:hover .info h3,\n.item-hover-346.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-346.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-346.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-346.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-346.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-346.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-346.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-346.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-346.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-346.square.effect4.colored .mask1,\n.item-hover-346.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-346.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-346.square.effect4 .mask1,\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.square.effect4 a:hover .info h3,\n.item-hover-346.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-346.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-346.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-346.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-346.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-346.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-346.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-346.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-346.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-346.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-346.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-346.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-346.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-346.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-346.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-346.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-346.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-346.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-346.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-346.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-346.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-346.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-346.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-346.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-346.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-346.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-346.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-346.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-346.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-346.square.effect7 a:hover .info h3,\n.item-hover-346.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-346.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-346.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-346.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-346.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-346.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-346.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-346.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-346.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-346.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-346.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-346.square.effect8.scale_up .info h3,\n.item-hover-346.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-346.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-346.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-346.square.effect8.scale_up a:hover .info h3,\n.item-hover-346.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-346.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-346.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-346.square.effect8.scale_down .info h3,\n.item-hover-346.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-346.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-346.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-346.square.effect8.scale_down a:hover .info h3,\n.item-hover-346.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-346.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-346.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-346.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-346.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-346.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-346.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-346.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-346.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-346.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-346.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-346.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-346.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-346.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-346.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-346.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-346.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-346.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-346.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-346.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-346.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-346.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-346.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-346.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-346.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.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-346.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 13 With Bottom To Top Transition    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-346 circle colored effect14 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/camera_3-wallpaper-1280x720.jpg\" title=\"\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio346]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/camera_3-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-346\"><\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-346 \"><\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-346 circle colored effect14 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/apple_2-wallpaper-1280x720.jpg\" title=\"Title Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio346]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/apple_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-346\">Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-346 \">Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-346 circle colored effect14 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/turks_cap_lily-wallpaper-1280x720.jpg\" title=\"Title Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio346]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/turks_cap_lily-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-346\">Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-346 \">Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-346 circle colored effect14 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/palm_beach_corner-wallpaper-1280x720.jpg\" title=\"\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio346]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/palm_beach_corner-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-346\"><\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-346 \"><\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-346 circle colored effect14 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/the_pearl_districts_secret_garden-wallpaper-1280x720.jpg\" title=\"Title Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio346]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/the_pearl_districts_secret_garden-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-346\">Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-346 \">Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-346 circle colored effect14 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/sunflower_31-wallpaper-1280x720.jpg\" title=\"\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio346]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/sunflower_31-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-346\"><\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-346 \"><\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-346 circle colored effect14 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/european_architecture-wallpaper-1280x720.jpg\" title=\"Title Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio346]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/european_architecture-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-346\">Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-346 \">Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-346 circle colored effect14 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/dresden_semper_opera-wallpaper-1280x720.jpg\" title=\"Title Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio346]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/dresden_semper_opera-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-346\">Title Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-346 \">Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-346 circle colored effect14 bottom_to_top\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/apple_desk-wallpaper-1280x720.jpg\" title=\"\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio346]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/apple_desk-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-346\"><\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-346 \"><\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Judson'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t            <script>\n                jQuery(document).ready(function () {\n                    jQuery(\"a[data-rel^='prettyPhoto']\").prettyPhoto({\n                        animation_speed: 'fast', \/* fast\/slow\/normal *\/\n                        slideshow: 2000, \/* false OR interval time in ms *\/\n                        autoplay_slideshow: false, \/* true\/false *\/\n                        opacity: 0.80  \/* Value between 0 and 1 *\/\n                    });\n                });\n            <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-341{\n    font-family: Judson;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-341{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-341{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-341 {\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-341,\n.item-hover-341 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-341 a {\n    color: #333;\n}\n.item-hover-341 a:hover {\n    text-decoration: none;\n}\n.item-hover-341 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-341.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-341.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-341.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 0%;\n\t\n\t\t\tbox-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);\n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-341.circle .img img {\n    border-radius: 0%;\n}\n.item-hover-341.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-341.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-341.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-341.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-341.circle.effect2.colored .info {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-341.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-341.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-341{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Judson;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n} \n\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.circle.effect3.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-341.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-341.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 20px;\n\t\tmargin: 0 30px;\n\t\t\tpadding: 20% 0 0 0;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.circle.effect4.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-341.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-341.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-341.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-341.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-341.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-341.circle.effect5.colored .info .info-back {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-341.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-341.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-341.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-341.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-341.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-341.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-341.circle.effect6.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-341.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-341.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.circle.effect7.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-341.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-341.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-341.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-341.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.circle.effect8.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-341.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-341.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-341.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-341.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-341.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-341.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-341.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-341.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.circle.effect9.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-341.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-341.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.circle.effect10.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-341.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-341.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-341.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-341.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-341.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-341.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-341.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-341.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-341.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-341.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-341.circle.effect11.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-341.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-341.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-341.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-341.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.circle.effect12.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-341.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-341.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-341.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-341.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.circle.effect13.colored .info {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-341.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-341.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-341.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-341.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-341.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-341.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-341.circle.effect14.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-341.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-341.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-341.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-341.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.circle.effect15.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-341.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-341.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-341.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-341.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-341.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-341.circle.effect16.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-341.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-341.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-341.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-341.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-341.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-341.circle.effect17.colored a:hover .img:before {\n    box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n    box-shadow: inset 0 0 0 500px rgba(27,231,255, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-341.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-341.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-341.circle.effect18.colored .info .info-back {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-341.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-341.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-341.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.circle.effect19.colored .info {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-341.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-341.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-341.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-341.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-341.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-341.circle.effect20.colored .info .info-back {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-341.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-341.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-341.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-341.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-341.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-341.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-341.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-341.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-341.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-341.square.effect2 a:hover .info h3,\n.item-hover-341.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-341.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-341.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-341.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-341.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-341.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-341.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-341.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-341.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-341.square.effect4.colored .mask1,\n.item-hover-341.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-341.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-341.square.effect4 .mask1,\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.square.effect4 a:hover .info h3,\n.item-hover-341.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-341.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-341.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-341.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-341.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-341.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-341.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-341.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-341.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-341.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-341.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-341.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-341.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-341.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-341.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-341.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-341.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-341.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-341.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-341.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-341.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-341.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-341.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-341.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-341.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-341.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-341.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-341.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-341.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-341.square.effect7 a:hover .info h3,\n.item-hover-341.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-341.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-341.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-341.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-341.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-341.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-341.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-341.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-341.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-341.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-341.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-341.square.effect8.scale_up .info h3,\n.item-hover-341.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-341.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-341.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-341.square.effect8.scale_up a:hover .info h3,\n.item-hover-341.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-341.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-341.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-341.square.effect8.scale_down .info h3,\n.item-hover-341.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-341.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-341.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-341.square.effect8.scale_down a:hover .info h3,\n.item-hover-341.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-341.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-341.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-341.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-341.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-341.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-341.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-341.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-341.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-341.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-341.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-341.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-341.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-341.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-341.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-341.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-341.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-341.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-341.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-341.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-341.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-341.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-341.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-341.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-341.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.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-341.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 14 With Left To Right Transition    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-341 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/beautiful_model_2-wallpaper-1280x720.jpg\" title=\"Image Caption Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio341]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/beautiful_model_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-341\">Image Caption Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-341 \">Image Caption Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-341 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/asia_beauty-wallpaper-1280x720.jpg\" title=\"Image Caption Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio341]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/asia_beauty-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-341\">Image Caption Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-341 \">Image Caption Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-341 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/redhead_girl-wallpaper-1280x720.jpg\" title=\"\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio341]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/redhead_girl-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-341\"><\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-341 \"><\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-341 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/feel_the_music-wallpaper-1280x720.jpg\" title=\"\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio341]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/feel_the_music-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-341\"><\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-341 \"><\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-341 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/breakdance_girl-wallpaper-1280x720.jpg\" title=\"Image Caption Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio341]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/breakdance_girl-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-341\">Image Caption Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-341 \">Image Caption Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-341 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/christmas_elf_and_reindeer-wallpaper-1280x720.jpg\" title=\"\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio341]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/christmas_elf_and_reindeer-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-341\"><\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-341 \"><\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-341 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/lindsey_stirling-wallpaper-1280x720.jpg\" title=\"Image Caption Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio341]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/lindsey_stirling-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-341\">Image Caption Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-341 \">Image Caption Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-341 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/special_evening-wallpaper-1280x720.jpg\" title=\"Image Caption Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio341]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/special_evening-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-341\">Image Caption Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-341 \">Image Caption Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-341 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/megan_fox_61-wallpaper-1280x720.jpg\" title=\"Image Caption Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio341]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/megan_fox_61-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-341\">Image Caption Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-341 \">Image Caption Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-341 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Katy-Perry-1920x1200-hdwallpapers.us_.jpg\" title=\"Image Caption Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio341]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/Katy-Perry-1920x1200-hdwallpapers.us_-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-341\">Image Caption Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-341 \">Image Caption Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-341 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/imogen_poots-wallpaper-1280x720.jpg\" title=\"\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio341]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/imogen_poots-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-341\"><\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-341 \"><\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-341 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/natalia_contreras_sdgn-wallpaper-1920x1080.jpg\" title=\"\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio341]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/natalia_contreras_sdgn-wallpaper-1920x1080-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-341\"><\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-341 \"><\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-341 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/indian_girl-wallpaper-1280x720.jpg\" title=\"\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio341]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/indian_girl-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-341\"><\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-341 \"><\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-341 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/monica_hansen_red_dress_2-wallpaper-1280x720.jpg\" title=\"Image Caption Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio341]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/monica_hansen_red_dress_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-341\">Image Caption Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-341 \">Image Caption Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-341 circle colored effect15 left_to_right\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/alesia_riabenkova_black_and_white_2-wallpaper-1280x720.jpg\" title=\"Image Caption Here\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio341]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/alesia_riabenkova_black_and_white_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-341\">Image Caption Here<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-341 \">Image Caption Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Gruppo'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t            <script type=\"text\/javascript\">\n                jQuery(document).ready(function () {\n                    ;(function (jQuery) {\n                        jQuery('.swipebox_339').swipebox();\n                    })(jQuery);\n                });\n            <\/script>\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-339{\n    font-family: Gruppo;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-339{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-339{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-339 {\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-339,\n.item-hover-339 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-339 a {\n    color: #333;\n}\n.item-hover-339 a:hover {\n    text-decoration: none;\n}\n.item-hover-339 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-339.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-339.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-339.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 0%;\n\t\n\t\t\tbox-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);\n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-339.circle .img img {\n    border-radius: 0%;\n}\n.item-hover-339.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-339.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-339.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-339.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-339.circle.effect2.colored .info {\n    background: rgba(232,195,109, 0.5);\n}\n.item-hover-339.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-339.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-339{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Gruppo;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px !important;\n} \n\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.circle.effect3.colored .info {\n    background: rgba(232,195,109, 1);\n}\n.item-hover-339.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-339.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 15px;\n\t\tmargin: 0 30px;\n\t\t\tpadding: 20% 0 0 0;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.circle.effect4.colored .info {\n    background: rgba(232,195,109, 1);\n}\n.item-hover-339.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-339.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-339.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-339.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-339.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-339.circle.effect5.colored .info .info-back {\n    background: rgba(232,195,109, 0.5);\n}\n.item-hover-339.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-339.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-339.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-339.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-339.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-339.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-339.circle.effect6.colored .info {\n    background: rgba(232,195,109, 1);\n}\n.item-hover-339.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-339.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.circle.effect7.colored .info {\n    background: rgba(232,195,109, 1);\n}\n.item-hover-339.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-339.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-339.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-339.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.circle.effect8.colored .info {\n    background: rgba(232,195,109, 1);\n}\n.item-hover-339.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-339.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-339.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-339.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-339.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-339.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-339.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-339.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.circle.effect9.colored .info {\n    background: rgba(232,195,109, 1);\n}\n.item-hover-339.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-339.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 55px 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.circle.effect10.colored .info {\n    background: rgba(232,195,109, 1);\n}\n.item-hover-339.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-339.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-339.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-339.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-339.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-339.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-339.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-339.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-339.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-339.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-339.circle.effect11.colored .info {\n    background: rgba(232,195,109, 1);\n}\n.item-hover-339.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-339.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-339.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-339.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.circle.effect12.colored .info {\n    background: rgba(232,195,109, 1);\n}\n.item-hover-339.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-339.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-339.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-339.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.circle.effect13.colored .info {\n    background: rgba(232,195,109, 0.5);\n}\n.item-hover-339.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-339.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n\n.item-hover-339.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-339.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-339.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-339.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-339.circle.effect14.colored .info {\n    background: rgba(232,195,109, 1);\n}\n.item-hover-339.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-339.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-339.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-339.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.circle.effect15.colored .info {\n    background: rgba(232,195,109, 1);\n}\n.item-hover-339.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-339.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-339.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-339.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-339.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-339.circle.effect16.colored .info {\n    background: rgba(232,195,109, 1);\n}\n.item-hover-339.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-339.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-339.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-339.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-339.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-339.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(232,195,109, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-339.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-339.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-339.circle.effect18.colored .info .info-back {\n    background: rgba(232,195,109, 1);\n}\n.item-hover-339.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-339.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-339.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.circle.effect19.colored .info {\n    background: rgba(232,195,109, 0.5);\n}\n.item-hover-339.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-339.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-339.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-339.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-339.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-339.circle.effect20.colored .info .info-back {\n    background: rgba(232,195,109, 1);\n}\n.item-hover-339.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-339.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-339.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-339.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-339.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-339.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-339.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-339.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-339.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-339.square.effect2 a:hover .info h3,\n.item-hover-339.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-339.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-339.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-339.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-339.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-339.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-339.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-339.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-339.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-339.square.effect4.colored .mask1,\n.item-hover-339.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-339.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-339.square.effect4 .mask1,\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.square.effect4 a:hover .info h3,\n.item-hover-339.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-339.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-339.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-339.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-339.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-339.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-339.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-339.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-339.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-339.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-339.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-339.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-339.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-339.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-339.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-339.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-339.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-339.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-339.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-339.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-339.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-339.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-339.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-339.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-339.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-339.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-339.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-339.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-339.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-339.square.effect7 a:hover .info h3,\n.item-hover-339.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-339.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-339.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-339.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-339.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-339.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-339.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-339.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-339.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-339.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-339.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-339.square.effect8.scale_up .info h3,\n.item-hover-339.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-339.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-339.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-339.square.effect8.scale_up a:hover .info h3,\n.item-hover-339.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-339.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-339.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-339.square.effect8.scale_down .info h3,\n.item-hover-339.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-339.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-339.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-339.square.effect8.scale_down a:hover .info h3,\n.item-hover-339.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-339.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-339.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-339.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-339.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-339.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-339.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-339.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-339.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-339.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-339.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-339.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-339.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-339.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-339.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-339.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-339.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-339.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-339.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-339.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-339.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-339.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-339.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-339.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-339.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.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-339.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 15 With Right To Left Transition    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-339 circle colored effect16 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tiger_playing_in_water-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   class=\"swipebox_339\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tiger_playing_in_water-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-339\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-339 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-339 circle colored effect16 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/through_the_pink_woods-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   class=\"swipebox_339\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/through_the_pink_woods-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-339\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-339 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-339 circle colored effect16 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/creative_5-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   class=\"swipebox_339\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/creative_5-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-339\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-339 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-339 circle colored effect16 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/bmw_m6_super_abstract_car_2015_design_by_tony_kokhan-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   class=\"swipebox_339\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/bmw_m6_super_abstract_car_2015_design_by_tony_kokhan-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-339\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-339 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-339 circle colored effect16 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tree_house-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   class=\"swipebox_339\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tree_house-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-339\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-339 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-339 circle colored effect16 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/white_horses-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   class=\"swipebox_339\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/white_horses-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-339\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-339 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-339 circle colored effect16 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/turkish_cats_tabby-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   class=\"swipebox_339\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/turkish_cats_tabby-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-339\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-339 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-339 circle colored effect16 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mclaren_p1_3-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   class=\"swipebox_339\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mclaren_p1_3-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-339\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-339 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-339 circle colored effect16 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/jupiter_ascending_2015-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   class=\"swipebox_339\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/jupiter_ascending_2015-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-339\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-339 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-339 circle colored effect16 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/the_flash_cw-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   class=\"swipebox_339\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/the_flash_cw-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-339\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-339 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-339 circle colored effect16 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/man_of_steel_wallpaper_blue_by_visuasys-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   class=\"swipebox_339\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/man_of_steel_wallpaper_blue_by_visuasys-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-339\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-339 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-339 circle colored effect16 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/the_hobbit_the_battle_of_the_five_armies_thranduil-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   class=\"swipebox_339\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/the_hobbit_the_battle_of_the_five_armies_thranduil-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-339\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-339 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-339 circle colored effect16 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/beautiful_model_2-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   class=\"swipebox_339\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/beautiful_model_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-339\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-339 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-339 circle colored effect16 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/megan_fox_61-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   class=\"swipebox_339\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/megan_fox_61-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-339\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-339 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-339 circle colored effect16 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/redhead_girl-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   class=\"swipebox_339\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/redhead_girl-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-339\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-339 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-339 circle colored effect16 right_to_left\">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/special_evening-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   class=\"swipebox_339\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/special_evening-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-339\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-339 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Courgette'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t            <script>\n                jQuery(document).ready(function () {\n                    jQuery(\"a[data-rel^='prettyPhoto']\").prettyPhoto({\n                        animation_speed: 'fast', \/* fast\/slow\/normal *\/\n                        slideshow: 2000, \/* false OR interval time in ms *\/\n                        autoplay_slideshow: false, \/* true\/false *\/\n                        opacity: 0.80  \/* Value between 0 and 1 *\/\n                    });\n                });\n            <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-336{\n    font-family: Courgette;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-336{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-336{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-336 {\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-336,\n.item-hover-336 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-336 a {\n    color: #333;\n}\n.item-hover-336 a:hover {\n    text-decoration: none;\n}\n.item-hover-336 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-336.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-336.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-336.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n\t\n\t\t\tbox-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);\n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-336.circle .img img {\n    border-radius: 50%;\n}\n.item-hover-336.circle .info {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n\n.item-hover-336.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-336.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-336.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-336.circle.effect2.colored .info {\n    background: rgba(232,170,20, 0.5);\n}\n.item-hover-336.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-336.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-336{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Courgette;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px !important;\n} \n\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.circle.effect3.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-336.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-336.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 15px;\n\t\tmargin: 0 10px;\n\t\t\tpadding: 20% 0 0 0;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.circle.effect4.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-336.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-336.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-336.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-336.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-336.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-336.circle.effect5.colored .info .info-back {\n    background: rgba(232,170,20, 0.5);\n}\n.item-hover-336.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-336.circle.effect5 .info .info-back {\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-336.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-336.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-336.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-336.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-336.circle.effect6.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-336.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-336.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.circle.effect7.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-336.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-336.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-336.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-336.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.circle.effect8.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-336.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-336.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-336.circle.effect8 .info-container {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.3s ease-in-out 0.3s;\n    -moz-transition: all 0.3s ease-in-out 0.3s;\n    transition: all 0.3s ease-in-out 0.3s;\n}\n.item-hover-336.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-336.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-336.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-336.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-336.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.circle.effect9.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-336.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-336.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 55px 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.circle.effect10.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-336.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-336.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-336.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-336.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-336.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-336.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-336.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-336.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-336.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-336.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-336.circle.effect11.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-336.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-336.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-336.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-336.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.circle.effect12.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-336.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-336.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-336.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-336.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.circle.effect13.colored .info {\n    background: rgba(232,170,20, 0.5);\n}\n.item-hover-336.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-336.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n\n.item-hover-336.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-336.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-336.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-336.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-336.circle.effect14.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-336.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-336.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-336.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-336.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.circle.effect15.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-336.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-336.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-336.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-336.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-336.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-336.circle.effect16.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-336.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-336.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-336.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-336.circle.effect16.left_to_right .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 95%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-336.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-336.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-336.circle.effect16.right_to_left .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 5%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-336.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-336.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-336.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-336.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-336.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-336.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-336.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(232,170,20, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-336.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-336.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-336.circle.effect18.colored .info .info-back {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-336.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-336.circle.effect18 .info .info-back {\n    opacity: 1;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n}\n.item-hover-336.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.circle.effect19.colored .info {\n    background: rgba(232,170,20, 0.5);\n}\n.item-hover-336.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-336.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-336.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-336.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-336.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-336.circle.effect20.colored .info .info-back {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-336.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-336.circle.effect20 .info .info-back {\n    opacity: 1;\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    -webkit-transition: all 0.35s linear;\n    -moz-transition: all 0.35s linear;\n    transition: all 0.35s linear;\n    -webkit-transform-origin: 50% 0%;\n    -moz-transform-origin: 50% 0%;\n    -ms-transform-origin: 50% 0%;\n    -o-transform-origin: 50% 0%;\n    transform-origin: 50% 0%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-336.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-336.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-336.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-336.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-336.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-336.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-336.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-336.square.effect2 a:hover .info h3,\n.item-hover-336.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-336.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-336.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-336.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-336.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-336.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-336.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-336.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-336.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-336.square.effect4.colored .mask1,\n.item-hover-336.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-336.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-336.square.effect4 .mask1,\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.square.effect4 a:hover .info h3,\n.item-hover-336.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-336.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-336.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-336.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-336.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-336.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-336.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-336.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-336.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-336.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-336.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-336.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-336.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-336.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-336.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-336.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-336.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-336.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-336.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-336.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-336.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-336.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-336.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-336.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-336.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-336.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-336.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-336.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-336.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-336.square.effect7 a:hover .info h3,\n.item-hover-336.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-336.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-336.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-336.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-336.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-336.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-336.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-336.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-336.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-336.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-336.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-336.square.effect8.scale_up .info h3,\n.item-hover-336.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-336.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-336.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-336.square.effect8.scale_up a:hover .info h3,\n.item-hover-336.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-336.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-336.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-336.square.effect8.scale_down .info h3,\n.item-hover-336.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-336.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-336.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-336.square.effect8.scale_down a:hover .info h3,\n.item-hover-336.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-336.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-336.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-336.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-336.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-336.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-336.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-336.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-336.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-336.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-336.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-336.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-336.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-336.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-336.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-336.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-336.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-336.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-336.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-336.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-336.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-336.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-336.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-336.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-336.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.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-336.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 16 With Transition    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-336 circle colored effect17 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/camera_3-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio336]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/camera_3-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-336\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-336 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-336 circle colored effect17 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/gamer_3-wallpaper-1280x720.jpg\" title=\"\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio336]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/gamer_3-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-336\"><\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-336 \"><\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-336 circle colored effect17 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/jupiter_ascending_2015-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio336]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/jupiter_ascending_2015-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-336\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-336 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-336 circle colored effect17 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/man_of_steel_wallpaper_blue_by_visuasys-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio336]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/man_of_steel_wallpaper_blue_by_visuasys-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-336\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-336 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-336 circle colored effect17 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/palm_beach_corner-wallpaper-1280x720.jpg\" title=\"\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio336]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/palm_beach_corner-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-336\"><\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-336 \"><\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-336 circle colored effect17 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/sunflower_31-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio336]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/sunflower_31-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-336\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-336 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-336 circle colored effect17 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/snowy_mountain_cottage-wallpaper-1280x720.jpg\" title=\"\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio336]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/snowy_mountain_cottage-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-336\"><\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-336 \"><\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-336 circle colored effect17 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/screaming_emoticon-wallpaper-1280x720.jpg\" title=\"\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio336]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/screaming_emoticon-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-336\"><\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-336 \"><\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-336 circle colored effect17 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/apple_desk-wallpaper-1280x720.jpg\" title=\"\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio336]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/apple_desk-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-336\"><\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-336 \"><\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-336 circle colored effect17 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/coffee_beans_and_cup-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio336]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/coffee_beans_and_cup-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-336\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-336 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-336 circle colored effect17 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/cubeboy-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio336]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/cubeboy-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-336\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-336 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-336 circle colored effect17 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/apple_2-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio336]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/apple_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-336\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-336 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-336 circle colored effect17 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/sweet_coffee-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio336]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/sweet_coffee-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-336\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-336 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-336 circle colored effect17 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/peanuts_snoopy_2015-wallpaper-1280x720.jpg\" title=\"\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio336]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/peanuts_snoopy_2015-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-336\"><\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-336 \"><\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-336 circle colored effect17 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/big_hero_six-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio336]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/big_hero_six-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-336\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-336 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-336 circle colored effect17 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/breakdance_girl-wallpaper-1280x720.jpg\" title=\"\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio336]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/breakdance_girl-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-336\"><\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-336 \"><\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Dorsa'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t            <script type=\"text\/javascript\">\n                jQuery(document).ready(function () {\n                    ;(function (jQuery) {\n                        jQuery('.swipebox_334').swipebox();\n                    })(jQuery);\n                });\n            <\/script>\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-334{\n    font-family: Dorsa;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-334{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-334{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-334 {\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-334,\n.item-hover-334 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-334 a {\n    color: #333;\n}\n.item-hover-334 a:hover {\n    text-decoration: none;\n}\n.item-hover-334 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-334.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-334.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-334.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n\t\n\t\t\tbox-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);\n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-334.circle .img img {\n    border-radius: 50%;\n}\n.item-hover-334.circle .info {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n\n.item-hover-334.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-334.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-334.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-334.circle.effect2.colored .info {\n    background: rgba(255,87,20, 0.5);\n}\n.item-hover-334.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-334.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-334{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Dorsa;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n} \n\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.circle.effect3.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-334.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-334.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 20px;\n\t\tmargin: 0 10px;\n\t\t\tpadding-top: 50%;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.circle.effect4.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-334.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-334.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-334.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-334.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-334.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-334.circle.effect5.colored .info .info-back {\n    background: rgba(255,87,20, 0.5);\n}\n.item-hover-334.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-334.circle.effect5 .info .info-back {\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-334.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-334.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-334.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-334.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-334.circle.effect6.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-334.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-334.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.circle.effect7.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-334.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-334.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-334.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-334.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.circle.effect8.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-334.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-334.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-334.circle.effect8 .info-container {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.3s ease-in-out 0.3s;\n    -moz-transition: all 0.3s ease-in-out 0.3s;\n    transition: all 0.3s ease-in-out 0.3s;\n}\n.item-hover-334.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-334.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-334.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-334.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-334.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.circle.effect9.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-334.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-334.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.circle.effect10.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-334.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-334.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-334.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-334.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-334.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-334.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-334.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-334.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-334.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-334.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-334.circle.effect11.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-334.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-334.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-334.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-334.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.circle.effect12.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-334.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-334.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-334.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-334.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.circle.effect13.colored .info {\n    background: rgba(255,87,20, 0.5);\n}\n.item-hover-334.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-334.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-334.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-334.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-334.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-334.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-334.circle.effect14.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-334.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-334.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-334.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-334.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.circle.effect15.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-334.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-334.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-334.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-334.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-334.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-334.circle.effect16.colored .info {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-334.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-334.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-334.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-334.circle.effect16.left_to_right .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 95%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-334.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-334.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-334.circle.effect16.right_to_left .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 5%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-334.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-334.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-334.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-334.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-334.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-334.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-334.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(255,87,20, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-334.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-334.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-334.circle.effect18.colored .info .info-back {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-334.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-334.circle.effect18 .info .info-back {\n    opacity: 1;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n}\n.item-hover-334.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.circle.effect19.colored .info {\n    background: rgba(255,87,20, 0.5);\n}\n.item-hover-334.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-334.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-334.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-334.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-334.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-334.circle.effect20.colored .info .info-back {\n    background: rgba(255,87,20, 1);\n}\n.item-hover-334.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-334.circle.effect20 .info .info-back {\n    opacity: 1;\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    -webkit-transition: all 0.35s linear;\n    -moz-transition: all 0.35s linear;\n    transition: all 0.35s linear;\n    -webkit-transform-origin: 50% 0%;\n    -moz-transform-origin: 50% 0%;\n    -ms-transform-origin: 50% 0%;\n    -o-transform-origin: 50% 0%;\n    transform-origin: 50% 0%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-334.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-334.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-334.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-334.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-334.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-334.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-334.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-334.square.effect2 a:hover .info h3,\n.item-hover-334.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-334.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-334.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-334.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-334.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-334.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-334.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-334.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-334.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-334.square.effect4.colored .mask1,\n.item-hover-334.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-334.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-334.square.effect4 .mask1,\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.square.effect4 a:hover .info h3,\n.item-hover-334.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-334.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-334.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-334.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-334.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-334.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-334.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-334.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-334.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-334.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-334.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-334.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-334.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-334.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-334.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-334.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-334.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-334.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-334.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-334.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-334.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-334.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-334.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-334.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-334.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-334.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-334.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-334.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-334.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-334.square.effect7 a:hover .info h3,\n.item-hover-334.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-334.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-334.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-334.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-334.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-334.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-334.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-334.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-334.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-334.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-334.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-334.square.effect8.scale_up .info h3,\n.item-hover-334.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-334.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-334.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-334.square.effect8.scale_up a:hover .info h3,\n.item-hover-334.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-334.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-334.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-334.square.effect8.scale_down .info h3,\n.item-hover-334.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-334.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-334.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-334.square.effect8.scale_down a:hover .info h3,\n.item-hover-334.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-334.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-334.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-334.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-334.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-334.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-334.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-334.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-334.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-334.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-334.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-334.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-334.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-334.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-334.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-334.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-334.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-334.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-334.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-334.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-334.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-334.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-334.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-334.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-334.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.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-334.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 17 With Bottom To Top Transition    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-334 circle colored effect18 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/creative_5-wallpaper-1280x720.jpg\" title=\"Put Image Caption\"  class=\"swipebox_334\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/creative_5-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-334\">Put Image Caption<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-334 \">Put Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-334 circle colored effect18 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tree_house-wallpaper-1280x720.jpg\" title=\"Put Image Caption\"  class=\"swipebox_334\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/tree_house-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-334\">Put Image Caption<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-334 \">Put Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-334 circle colored effect18 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/2015_year_of_sheep-wallpaper-1280x720.jpg\" title=\"Put Image Caption\"  class=\"swipebox_334\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/2015_year_of_sheep-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-334\">Put Image Caption<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-334 \">Put Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-334 circle colored effect18 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/center_of_the_universe_2-wallpaper-1280x720.jpg\" title=\"Put Image Caption\"  class=\"swipebox_334\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/center_of_the_universe_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-334\">Put Image Caption<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-334 \">Put Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-334 circle colored effect18 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/golden_sphere_coreopsis-wallpaper-1280x720.jpg\" title=\"Put Image Caption\"  class=\"swipebox_334\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/golden_sphere_coreopsis-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-334\">Put Image Caption<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-334 \">Put Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-334 circle colored effect18 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/turks_cap_lily-wallpaper-1280x720.jpg\" title=\"Put Image Caption\"  class=\"swipebox_334\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/turks_cap_lily-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-334\">Put Image Caption<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-334 \">Put Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-334 circle colored effect18 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/armenia_opera-wallpaper-1280x720.jpg\" title=\"Put Image Caption\"  class=\"swipebox_334\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/armenia_opera-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-334\">Put Image Caption<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-334 \">Put Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-334 circle colored effect18 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/interstellar_movie-wallpaper-1280x720.jpg\" title=\"Put Image Caption\"  class=\"swipebox_334\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/interstellar_movie-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-334\">Put Image Caption<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-334 \">Put Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-334 circle colored effect18 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/jupiter_ascending_2015-wallpaper-1280x720.jpg\" title=\"Put Image Caption\"  class=\"swipebox_334\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/jupiter_ascending_2015-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-334\">Put Image Caption<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-334 \">Put Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Courgette'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t            <script>\n                jQuery(document).ready(function () {\n                    jQuery(\"a[data-rel^='prettyPhoto']\").prettyPhoto({\n                        animation_speed: 'fast', \/* fast\/slow\/normal *\/\n                        slideshow: 2000, \/* false OR interval time in ms *\/\n                        autoplay_slideshow: false, \/* true\/false *\/\n                        opacity: 0.80  \/* Value between 0 and 1 *\/\n                    });\n                });\n            <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-329{\n    font-family: Courgette;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-329{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-329{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-329 {\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-329,\n.item-hover-329 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-329 a {\n    color: #333;\n}\n.item-hover-329 a:hover {\n    text-decoration: none;\n}\n.item-hover-329 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-329.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-329.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 50%;\n}\n.item-hover-329.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n\t\n\t\t\tbox-shadow: 0 0 0 5px rgba(132,242,255, 0.6) inset, 0 1px 2px rgba(0, 0, 0, 0.3); \n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-329.circle .img img {\n    border-radius: 50%;\n}\n.item-hover-329.circle .info {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n\n.item-hover-329.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-329.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-329.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-329.circle.effect2.colored .info {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-329.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-329.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-329{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Courgette;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px !important;\n} \n\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.circle.effect3.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-329.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-329.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 20px;\n\t\tmargin: 0 10px;\n\t\t\tpadding: 20% 0 0 0;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.circle.effect4.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-329.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-329.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-329.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-329.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-329.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-329.circle.effect5.colored .info .info-back {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-329.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-329.circle.effect5 .info .info-back {\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    background: rgba(0, 0, 0, 0.6);\n    -webkit-transform: rotate3d(0, 1, 0, 180deg);\n    -moz-transform: rotate3d(0, 1, 0, 180deg);\n    -ms-transform: rotate3d(0, 1, 0, 180deg);\n    -o-transform: rotate3d(0, 1, 0, 180deg);\n    transform: rotate3d(0, 1, 0, 180deg);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-329.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-329.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-329.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-329.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-329.circle.effect6.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-329.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-329.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.circle.effect7.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-329.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-329.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-329.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-329.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.circle.effect8.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-329.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-329.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-329.circle.effect8 .info-container {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    border-radius: 50%;\n    opacity: 0;\n    pointer-events: none;\n    -webkit-transition: all 0.3s ease-in-out 0.3s;\n    -moz-transition: all 0.3s ease-in-out 0.3s;\n    transition: all 0.3s ease-in-out 0.3s;\n}\n.item-hover-329.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-329.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-329.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-329.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-329.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.circle.effect9.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-329.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-329.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.circle.effect10.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-329.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-329.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-329.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-329.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-329.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-329.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-329.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-329.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-329.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-329.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-329.circle.effect11.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-329.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-329.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-329.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-329.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.circle.effect12.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-329.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-329.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-329.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-329.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.circle.effect13.colored .info {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-329.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-329.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-329.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-329.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-329.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-329.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-329.circle.effect14.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-329.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-329.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-329.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-329.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.circle.effect15.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-329.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-329.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-329.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-329.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-329.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-329.circle.effect16.colored .info {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-329.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-329.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-329.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-329.circle.effect16.left_to_right .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 95%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-329.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-329.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-329.circle.effect16.right_to_left .img:after {\n    content: '';\n    width: 8px;\n    height: 8px;\n    position: absolute;\n    border-radius: 50%;\n    top: 40%;\n    left: 5%;\n    margin: -4px 0 0 -4px;\n    background: rgba(0, 0, 0, 0.8);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);\n}\n.item-hover-329.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-329.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-329.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-329.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-329.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-329.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-329.circle.effect17.colored a:hover .img:before {\n    box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n    box-shadow: inset 0 0 0 500px rgba(27,231,255, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-329.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-329.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-329.circle.effect18.colored .info .info-back {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-329.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-329.circle.effect18 .info .info-back {\n    opacity: 1;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n}\n.item-hover-329.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.circle.effect19.colored .info {\n    background: rgba(27,231,255, 0.5);\n}\n.item-hover-329.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-329.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 20px;\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-329.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-329.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-329.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-329.circle.effect20.colored .info .info-back {\n    background: rgba(27,231,255, 1);\n}\n.item-hover-329.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-329.circle.effect20 .info .info-back {\n    opacity: 1;\n    visibility: hidden;\n    border-radius: 50%;\n    width: 100%;\n    height: 100%;\n    background: #333333;\n    -webkit-transition: all 0.35s linear;\n    -moz-transition: all 0.35s linear;\n    transition: all 0.35s linear;\n    -webkit-transform-origin: 50% 0%;\n    -moz-transform-origin: 50% 0%;\n    -ms-transform-origin: 50% 0%;\n    -o-transform-origin: 50% 0%;\n    transform-origin: 50% 0%;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n}\n.item-hover-329.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 20px;\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-329.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-329.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-329.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-329.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-329.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-329.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-329.square.effect2 a:hover .info h3,\n.item-hover-329.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-329.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-329.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-329.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-329.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-329.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-329.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-329.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-329.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-329.square.effect4.colored .mask1,\n.item-hover-329.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-329.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-329.square.effect4 .mask1,\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.square.effect4 a:hover .info h3,\n.item-hover-329.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-329.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-329.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-329.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-329.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-329.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-329.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-329.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-329.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-329.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-329.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-329.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-329.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-329.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-329.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-329.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-329.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-329.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-329.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-329.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-329.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-329.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-329.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-329.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-329.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-329.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-329.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-329.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-329.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-329.square.effect7 a:hover .info h3,\n.item-hover-329.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-329.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-329.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-329.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-329.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-329.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-329.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-329.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-329.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-329.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-329.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-329.square.effect8.scale_up .info h3,\n.item-hover-329.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-329.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-329.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-329.square.effect8.scale_up a:hover .info h3,\n.item-hover-329.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-329.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-329.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-329.square.effect8.scale_down .info h3,\n.item-hover-329.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-329.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-329.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-329.square.effect8.scale_down a:hover .info h3,\n.item-hover-329.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-329.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-329.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-329.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-329.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-329.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-329.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-329.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-329.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-329.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-329.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-329.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-329.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-329.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-329.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-329.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-329.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-329.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-329.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-329.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-329.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-329.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-329.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-329.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-329.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.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-329.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 18 Transition    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/supernova_3-wallpaper-1280x720.jpg\" title=\"Image Label\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/supernova_3-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Label<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Label<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/daylight_2-wallpaper-1280x720.jpg\" title=\"Image Label\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/daylight_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Label<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Label<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/botella_magica_ot-wallpaper-1280x720.jpg\" title=\"Image Label\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/botella_magica_ot-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Label<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Label<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/wonderland_2-wallpaper-1280x720.jpg\" title=\"Image Label\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/wonderland_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Label<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Label<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/audi___legend_perspective-wallpaper-1280x720.jpg\" title=\"Image Label\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/audi___legend_perspective-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Label<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Label<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/bmw_m6_super_abstract_car_2015_design_by_tony_kokhan-wallpaper-1280x720.jpg\" title=\"Image Label\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/bmw_m6_super_abstract_car_2015_design_by_tony_kokhan-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Label<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Label<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/european_architecture-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/european_architecture-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/supercharged-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/supercharged-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/various_fruits-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/various_fruits-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/frozen_red_berries-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/frozen_red_berries-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/beautiful_model_2-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/beautiful_model_2-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/sliced_watermelon-wallpaper-1280x720.jpg\" title=\"Image Caption\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/sliced_watermelon-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Caption<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Caption<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/emma_watson_13-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/emma_watson_13-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/special_evening-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/special_evening-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/enjoy_of_music-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/enjoy_of_music-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/gamer_3-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/gamer_3-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/camera_3-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/camera_3-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/life_in_desert-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/life_in_desert-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/turkish_cats_tabby-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/turkish_cats_tabby-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/cute_56-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/cute_56-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-4 item_margin col-sm-6 wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-329 circle colored effect19 \">\n\t\t\t\t\t\n\t\t\t\t\t  <a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/cool_eyes-wallpaper-1280x720.jpg\" title=\"Image Title\"\n\t\t\t\t\t   data-rel=\"prettyPhoto[portfolio329]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/cool_eyes-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<h3 class=\"h3-329\">Image Title<\/h3>\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-329 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n\n        <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Coda'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\t            <script>\n                jQuery(document).ready(function () {\n                    jQuery(\"a[data-rel^='prettyPhoto']\").prettyPhoto({\n                        animation_speed: 'fast', \/* fast\/slow\/normal *\/\n                        slideshow: 2000, \/* false OR interval time in ms *\/\n                        autoplay_slideshow: false, \/* true\/false *\/\n                        opacity: 0.80  \/* Value between 0 and 1 *\/\n                    });\n                });\n            <\/script>\n\t\t        <!-- Swipe Box-->\n\t\t<style>\n.pgpp_effect{\n\toverflow: hidden;\n\tpaddind:10px;\n}\n.item_margin{\n\tmargin-bottom:20px;\n}\n.info .h3-326{\n    font-family: Coda;\n    font-weight: 500;\n}\n.portfolio-gallery-title{\n\tfont-weight: bold;font-size:18px;padding-bottom:20px; border-bottom:3px solid #f1f1f1; margin-bottom: 20px; text-align:center\n}\n.pp_nav {\n\tdisplay: block !important;\n}\n@media (min-width: 992px){\n\t.col-md-6 {\n\t\twidth: 49.57% !important;\n\t}\n\t.col-md-4 {\n\t\twidth: 33.30% !important;\n\t}\n\t.col-md-3 {\n\t\twidth: 24.70% !important;\n\t}\n\t.footer-h3-326{\n\t\tdisplay:none;\n\t}\n}\n@media (max-width: 992px){\n  .h3-326{\n\t\tdisplay:none;\n\t}\n\t.item_margin {\n\t\twidth:100%;\n\t}\n}\n\n\t\t\t\t\t\t\n\n<\/style>\n\n<!-- Load Effect File -->\n<style>\n.item-hover-326 {\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-326,\n.item-hover-326 * {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n.item-hover-326 a {\n    color: #333;\n}\n.item-hover-326 a:hover {\n    text-decoration: none;\n}\n.item-hover-326 img {\n    width: 100%;\n    height: 100%;\n}\n\n.item-hover-326.circle {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-326.circle .img {\n    position: relative;\n    width: 100%;\n    height: auto;\n    border-radius: 0%;\n}\n.item-hover-326.circle .img:before {\n    position: absolute;\n    display: block;\n    content: '';\n    width: 100%;\n    height: 100%;\n    border-radius: 0%;\n\t\n\t\t\tbox-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);\n\t\t\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n.item-hover-326.circle .img img {\n    border-radius: 0%;\n}\n.item-hover-326.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-326.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-326.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-326.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-326.circle.effect2.colored .info {\n    background: rgba(232,170,20, 0.5);\n}\n.item-hover-326.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-326.circle.effect2 .info h3 {\n    color: #fff;\n    text-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px !important;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.footer-h3-326{\n  margin-top:5px !important;\n  margin-bottom:5px !important;\n  text-align:center !important;\n  font-family: Coda;\n    font-weight: 500;\n\ttext-transform: none;\n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px !important;\n} \n\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.circle.effect3.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-326.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-326.circle.effect3 .info h3 {\n    color: #fff;\n    position: relative;\n    letter-spacing: 2px;\n\tfont-size: 15px;\n\t\tmargin: 0 10px;\n\t\t\tpadding-top: 50%;\n\t\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.circle.effect4.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-326.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-326.circle.effect4 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-326.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-326.circle.effect4 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-326.circle.effect4 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.circle.effect5 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-326.circle.effect5.colored .info .info-back {\n    background: rgba(232,170,20, 0.5);\n}\n.item-hover-326.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-326.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-326.circle.effect5 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-326.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-326.circle.effect5 a:hover .info .info-back {\n    visibility: visible;\n}\n\n.item-hover-326.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-326.circle.effect6.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-326.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-326.circle.effect6 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.circle.effect7.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-326.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-326.circle.effect7 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-326.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-326.circle.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.circle.effect8.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-326.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-326.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-326.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-326.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-326.circle.effect8 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-326.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-326.circle.effect8 a:hover .img-container .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-326.circle.effect8 a:hover .info-container {\n    opacity: 1;\n}\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.circle.effect9.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-326.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-326.circle.effect9 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 55px 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.circle.effect10.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-326.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-326.circle.effect10 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-326.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-326.circle.effect10.top_to_bottom .info h3 {\n    margin: 0 30px;\n    padding: 25px 0 0 0;\n    height: 78px;\n}\n.item-hover-326.circle.effect10.top_to_bottom .info p {\n    margin: 0 10px;\n    padding: 5px;\n}\n.item-hover-326.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-326.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-326.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-326.circle.effect11 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-326.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-326.circle.effect11.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-326.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-326.circle.effect11 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-326.circle.effect11 a:hover .img {\n    opacity: 0;\n}\n.item-hover-326.circle.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.circle.effect12.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-326.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-326.circle.effect12 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-326.circle.effect12 a:hover .img {\n    opacity: 0;\n    pointer-events: none;\n}\n.item-hover-326.circle.effect12 a:hover .info {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.circle.effect13.colored .info {\n    background: rgba(232,170,20, 0.5);\n}\n.item-hover-326.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-326.circle.effect13 .info h3 {\n    visibility: hidden;\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n    -webkit-transition: all 0.35s ease-in-out;\n    -moz-transition: all 0.35s ease-in-out;\n    transition: all 0.35s ease-in-out;\n}\n\n.item-hover-326.circle.effect13 a:hover .info {\n    opacity: 1;\n}\n.item-hover-326.circle.effect13 a:hover h3 {\n    visibility: visible;\n}\n.item-hover-326.circle.effect13 a:hover p {\n    visibility: visible;\n}\n\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.circle.effect14 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-326.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-326.circle.effect14.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-326.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-326.circle.effect14 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-326.circle.effect14 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-326.circle.effect14 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.circle.effect15.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-326.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-326.circle.effect15 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-326.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-326.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-326.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-326.circle.effect16.colored .info {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-326.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-326.circle.effect16 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.circle.effect17 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-326.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-326.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-326.circle.effect17 a:hover .info p {\n    opacity: 1;\n}\n.item-hover-326.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(232,170,20, 0.5), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n\n.item-hover-326.circle.effect18 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-326.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-326.circle.effect18.colored .info .info-back {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-326.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-326.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-326.circle.effect18 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.circle.effect19.colored .info {\n    background: rgba(232,170,20, 0.5);\n}\n.item-hover-326.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-326.circle.effect19 .info h3 {\n    color: #fff;\n    \n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 140px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.item-hover-326.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-326.circle.effect20 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-326.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-326.circle.effect20.colored .info .info-back {\n    background: rgba(232,170,20, 1);\n}\n.item-hover-326.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-326.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-326.circle.effect20 .info h3 {\n    color: #fff;\n    \n    position: relative;\n    letter-spacing: 2px;\n    font-size: 15px;\n    margin: 0 30px;\n    padding: 20% 0 0 0;\n    height: 110px;\n    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n.item-hover-326.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-326.circle.effect20 a:hover .img {\n    opacity: 0;\n}\n.item-hover-326.circle.effect20 a:hover .info .info-back {\n    opacity: 1;\n    visibility: visible;\n}\n\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.square.effect1 {\n    overflow: hidden;\n}\n.item-hover-326.square.effect1.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.square.effect2 {\n    overflow: hidden;\n}\n.item-hover-326.square.effect2.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-326.square.effect2.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.square.effect2 a:hover .info {\n    visibility: visible;\n}\n.item-hover-326.square.effect2 a:hover .info h3,\n.item-hover-326.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-326.square.effect3 {\n    overflow: hidden;\n}\n.item-hover-326.square.effect3.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-326.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-326.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-326.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-326.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-326.square.effect3 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.square.effect4 {\n    overflow: hidden;\n    position: relative;\n}\n.item-hover-326.square.effect4.colored .info {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-326.square.effect4.colored .mask1,\n.item-hover-326.square.effect4.colored .mask2 {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-326.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-326.square.effect4 .mask1,\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.square.effect4 a:hover .info h3,\n.item-hover-326.square.effect4 a:hover .info p {\n    opacity: 1;\n}\n\n.item-hover-326.square.effect5.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-326.square.effect5.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.square.effect6 {\n    overflow: hidden;\n}\n.item-hover-326.square.effect6.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-326.square.effect6.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.square.effect6 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-326.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-326.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-326.square.effect6.from_top_and_bottom a:hover .info h3,\n.item-hover-326.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-326.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-326.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-326.square.effect6.from_left_and_right a:hover .info h3,\n.item-hover-326.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-326.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-326.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-326.square.effect6.top_to_bottom a:hover .info h3,\n.item-hover-326.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-326.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-326.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-326.square.effect6.bottom_to_top a:hover .info h3,\n.item-hover-326.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-326.square.effect7 {\n    overflow: hidden;\n}\n.item-hover-326.square.effect7.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-326.square.effect7.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-326.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-326.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-326.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-326.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-326.square.effect7 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n.item-hover-326.square.effect7 a:hover .info h3,\n.item-hover-326.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-326.square.effect8 {\n    overflow: hidden;\n}\n.item-hover-326.square.effect8.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-326.square.effect8.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-326.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-326.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-326.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-326.square.effect8 a:hover .img {\n    opacity: 0;\n}\n.item-hover-326.square.effect8 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-326.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-326.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-326.square.effect8.scale_up .info h3,\n.item-hover-326.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-326.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-326.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-326.square.effect8.scale_up a:hover .info h3,\n.item-hover-326.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-326.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-326.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-326.square.effect8.scale_down .info h3,\n.item-hover-326.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-326.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-326.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-326.square.effect8.scale_down a:hover .info h3,\n.item-hover-326.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-326.square.effect9 {\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-326.square.effect9.colored .info .info-back {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-326.square.effect9.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.square.effect10 {\n    overflow: hidden;\n}\n.item-hover-326.square.effect10.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-326.square.effect10.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-326.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-326.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-326.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-326.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-326.square.effect10 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.square.effect11 {\n    overflow: hidden;\n}\n.item-hover-326.square.effect11.colored .info {\n    background: rgb(52, 152, 215);\n}\n.item-hover-326.square.effect11.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.square.effect11 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.square.effect12 {\n    overflow: hidden;\n}\n.item-hover-326.square.effect12.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-326.square.effect12.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.square.effect13 {\n    overflow: hidden;\n}\n.item-hover-326.square.effect13.colored .info {\n    background: rgba(118, 185, 215, 0.60);\n}\n.item-hover-326.square.effect13.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.square.effect13 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.square.effect14.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-326.square.effect14.colored .info h3 {\n    background: rgba(12, 34, 52, 0.6);\n}\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.square.effect15 {\n    overflow: hidden;\n    -webkit-perspective: 900px;\n    -moz-perspective: 900px;\n    perspective: 900px;\n}\n.item-hover-326.square.effect15.colored .info {\n    background: rgba(118, 185, 215, 1);\n}\n.item-hover-326.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-326.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-326.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-326.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-326.square.effect15 a:hover .img {\n    opacity: 0;\n    visibility: hidden;\n}\n.item-hover-326.square.effect15 a:hover .info {\n    visibility: visible;\n    opacity: 1;\n}\n\n.item-hover-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.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-326.square.effect15.bottom_to_top a:hover .info {\n    -webkit-transform: rotateX(0);\n    -moz-transform: rotateX(0);\n    -ms-transform: rotateX(0);\n    -o-transform: rotateX(0);\n    transform: rotateX(0);\n}\n#fancybox-loading{\ndisplay:none !important;\n}\n<\/style>\n<!-- Custom Css -->\n<style>\n<\/style>\n\n<div class=\"pgpp_effect\">\n\t\t<div class=\"portfolio-gallery-title\">\n        Effect 19 With Bottom To Top Transition    <\/div>\n\t\t<div class=\"row gallery1\">\n\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-326 circle colored effect20 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/green_truck-wallpaper-1280x720.jpg\" title=\"Image Title Here\"  data-rel=\"prettyPhoto[portfolio326]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/green_truck-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-326\">Image Title Her...<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-326 \">Image Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-326 circle colored effect20 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/wave_12-wallpaper-1280x720.jpg\" title=\"Image Title Here\"  data-rel=\"prettyPhoto[portfolio326]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/wave_12-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-326\">Image Title Her...<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-326 \">Image Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-326 circle colored effect20 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mclaren_p1_3-wallpaper-1280x720.jpg\" title=\"Image Title Here\"  data-rel=\"prettyPhoto[portfolio326]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/mclaren_p1_3-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-326\">Image Title Her...<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-326 \">Image Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-326 circle colored effect20 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/turks_cap_lily-wallpaper-1280x720.jpg\" title=\"Image Title Here\"  data-rel=\"prettyPhoto[portfolio326]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/turks_cap_lily-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-326\">Image Title Her...<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-326 \">Image Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-326 circle colored effect20 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/f22_raptor_3-wallpaper-1280x720.jpg\" title=\"Image Title Here\"  data-rel=\"prettyPhoto[portfolio326]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/f22_raptor_3-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-326\">Image Title Her...<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-326 \">Image Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-326 circle colored effect20 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/special_evening-wallpaper-1280x720.jpg\" title=\"Image Title Here\"  data-rel=\"prettyPhoto[portfolio326]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/special_evening-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-326\">Image Title Her...<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-326 \">Image Title Here<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-326 circle colored effect20 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/redhead_girl-wallpaper-1280x720.jpg\" title=\"Image Title\"  data-rel=\"prettyPhoto[portfolio326]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/redhead_girl-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-326\">Image Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-326 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-326 circle colored effect20 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/christmas_elf_and_reindeer-wallpaper-1280x720.jpg\" title=\"Image Title\"  data-rel=\"prettyPhoto[portfolio326]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/christmas_elf_and_reindeer-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-326\">Image Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-326 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-326 circle colored effect20 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/crj1000_nextgen-wallpaper-1280x720.jpg\" title=\"Image Title\"  data-rel=\"prettyPhoto[portfolio326]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/crj1000_nextgen-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-326\">Image Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-326 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-326 circle colored effect20 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/european_architecture-wallpaper-1280x720.jpg\" title=\"Image Title\"  data-rel=\"prettyPhoto[portfolio326]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/european_architecture-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-326\">Image Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-326 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-326 circle colored effect20 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/the_pearl_districts_secret_garden-wallpaper-1280x720.jpg\" title=\"Image Title\"  data-rel=\"prettyPhoto[portfolio326]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/the_pearl_districts_secret_garden-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-326\">Image Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-326 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-3 item_margin wl-gallery\">\n\t\t\t\t\t  <!-- colored -->\n\t\t\t\t\t  <div class=\"item-hover-326 circle colored effect20 bottom_to_top\"><a href=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/imogen_poots-wallpaper-1280x720.jpg\" title=\"Image Title\"  data-rel=\"prettyPhoto[portfolio326]\"  >\n\t\t\t\t\t\t  <div class=\"img\"><img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-content\/uploads\/sites\/50\/2015\/05\/imogen_poots-wallpaper-1280x720-400x400.jpg\" ><\/div>\n\t\t\t\t\t\t  <div class=\"info\">\n\t\t\t\t\t\t\t<div class=\"info-back\">\n\t\t\t\t\t\t\t   <h3 class=\"h3-326\">Image Title<\/h3>\n\t\t\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t  <\/div><\/a><\/div>\n\t\t\t\t\t  <!-- end colored -->\n\t\t\t\t\t  <h3 class=\"footer-h3-326 \">Image Title<\/h3>\n\t\t\t\t\t  \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"page-full-width-without-padding.php","meta":{"footnotes":""},"class_list":["post-362","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-json\/wp\/v2\/pages\/362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-json\/wp\/v2\/comments?post=362"}],"version-history":[{"count":8,"href":"https:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-json\/wp\/v2\/pages\/362\/revisions"}],"predecessor-version":[{"id":372,"href":"https:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-json\/wp\/v2\/pages\/362\/revisions\/372"}],"wp:attachment":[{"href":"https:\/\/demo.weblizar.com\/photo-video-link-gallery-pro\/wp-json\/wp\/v2\/media?parent=362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}