.so-widget-sow-image-default-8b5b6f678277-4885 .sow-image-container{display:flex;align-items:flex-start}.so-widget-sow-image-default-8b5b6f678277-4885 .sow-image-container>a{display:inline-block;max-width:100%}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){.so-widget-sow-image-default-8b5b6f678277-4885 .sow-image-container>a{display:flex}}.so-widget-sow-image-default-8b5b6f678277-4885 .sow-image-container .so-widget-image{display:block;height:auto;max-width:100%}@font-face{font-family:flexslider-icon;src:url(/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.eot);src:url(/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.woff) format('woff'),url(/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.ttf) format('truetype'),url(/wp-content/plugins/ml-slider/assets/sliders/flexslider/fonts/flexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flex-container a:hover,.flex-slider a:hover{outline:0}.flex-control-nav,.flex-direction-nav,.slides,.slides>li{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}.flexslider{margin:0;padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides>li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;border-radius:4px;-o-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);box-shadow:'' 0 1px 4px rgba(0,0,0,.2)}.flexslider .slides{zoom:1}.flexslider .slides img{height:auto;-moz-user-select:none}.flex-viewport{max-height:2000px;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);transition:all .3s ease-in-out}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;z-index:-1}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}body .metaslider .coin-slider, body .metaslider .nivoSlider, body .metaslider .nivoSlider img, body .metaslider .rslides, body .metaslider .rslides li, body .metaslider .flexslider ul.slides, body .metaslider .flexslider .slides li, body .metaslider .flexslider .slides ul, body .metaslider .flexslider .slides ol, body .metaslider .flexslider .slides img, body .metaslider .flexslider .flex-direction-nav, body .metaslider .flexslider .flex-direction-nav li{border:0;margin:0;list-style-type:none;list-style:none;padding:0;line-height:normal;max-width:none;max-height:none}.metaslider{position:relative;z-index:0}.metaslider.fullwidth{overflow:hidden}.metaslider .caption{padding:5px 10px;word-wrap:break-word}.metaslider .caption-wrap{position:absolute;bottom:0;left:0;background:black;color:white;opacity:0.7;margin:0;display:block;width:100%;line-height:1.4em}.metaslider img{height:auto;padding:0;margin:0;-moz-user-select:none}.metaslider a{outline:none}.metaslider.ms-left{float:left;margin:0 20px 20px 0}.metaslider.ms-right{float:right;margin:0 0 20px 20px}.metaslider li:before, .metaslider li:after{content:"" !important;display:none !important;bottom:auto !important;margin:0 !important}.metaslider .caption-wrap .caption img{width:auto}.metaslider .slides img{width:100%;display:block}.metaslider .flexslider{background:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;border:0;margin:0 0 40px;max-width:none;max-height:none}.metaslider .flex-control-nav{border:0;margin:auto;list-style-type:none;list-style:none;padding:0;bottom:-27px;line-height:11px;z-index:2}.metaslider-flex.ms-theme-default .flex-next:focus{background:url('/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png') scroll right 0 transparent!important;height:27px!important}.metaslider-flex.ms-theme-default .flex-prev:focus{background:url('/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png') scroll left 0 transparent!important;height:27px!important}.metaslider .flex-control-nav li{margin:0}.metaslider .flex-control-nav li a{margin:0 6px;padding:0}.metaslider .flexslider .slides li{position:relative;height:auto}.metaslider .flex-viewport{direction:ltr}.metaslider .flex-direction-nav a{-moz-transition:all .3s ease;transition:all .3s ease}.metaslider .flexslider .slides p{margin:0}.metaslider .flexslider.filmstrip{margin-top:10px}.metaslider .flexslider.filmstrip .slides li{cursor:pointer;opacity:0.5}.metaslider .flexslider.filmstrip .slides li.flex-active-slide, .metaslider .flexslider.filmstrip .slides li:hover, .metaslider .flexslider.filmstrip .slides li:focus{opacity:1.0 !important}.metaslider .flex-control-thumbs li{width:auto}.metaslider ol.flex-control-thumbs img, #content .metaslider ol.flex-control-thumbs img{margin:10px 5px 0;width:auto}.metaslider.nav-hidden .flexslider{margin-bottom:0}.metaslider.nav-hidden.add-margin .flexslider{margin-bottom:40px}.metaslider .flexslider .flex-direction-nav li a:before{content:none!important}.metaslider .flexslider .flex-direction-nav li a{width:30px;height:30px;border:0;margin:-20px 0 0;box-shadow:none!important;display:block;background-color:transparent;background-image:url('/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png');background-repeat:no-repeat;position:absolute;right:10px;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;-moz-transition:opacity .25s ease-in-out;transition:all .3s ease}.metaslider .flex-direction-nav .flex-prev{background-position:left 0;left:10px}.metaslider .flex-direction-nav .flex-next{background-position:right 0;text-align:left;text-indent:9999px}.metaslider .flexslider:focus-within .flex-next, .metaslider .flexslider:hover .flex-next{opacity:0.8}.metaslider .flexslider:focus-within .flex-prev, .metaslider .flexslider:hover .flex-prev{opacity:0.8;text-indent:-9999px}.metaslider .flexslider:focus-within .flex-next:focus, .metaslider .flexslider:focus-within .flex-prev:focus, .metaslider .flexslider:hover .flex-next:hover, .metaslider .flexslider:hover .flex-prev:hover{opacity:1}.metaslider .flexslider .flex-next:focus, .metaslider .flexslider .flex-prev:focus{outline:-webkit-focus-ring-color auto 5px}.metaslider .flexslider .flex-direction-nav .flex-disabled{cursor:default;pointer-events:none}.metaslider .flexslider .flex-control-nav a{box-shadow:none !important}.metaslider .flexslider .flex-control-nav a:focus{outline:-webkit-focus-ring-color auto 5px}.metaslider .flexslider .slides>li{position:relative}.metaslider .rslides_nav, .metaslider .rslides_tabs a{box-shadow:none !important}.metaslider .rslides_tabs{margin:0 0 40px}.metaslider .rslides_nav:focus, .metaslider .rslides_nav:hover{color:#fff}.metaslider-responsive.no-text .rslides_nav{width:30px;height:30px;border:0;margin:0 5px;box-shadow:none !important;display:block;background-color:transparent;background-image:url('/wp-content/plugins/ml-slider/assets/metaslider/bg_direction_nav.png');background-repeat:no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:1;-webkit-transition:all .3s ease;-moz-transition:opacity .25s ease-in-out;transition:all .3s ease}.metaslider-responsive.no-text .rslides_nav.next{background-position:right 0}div.metaslider .theme-default .nivoSlider{-webkit-box-shadow:0 0 0;-moz-box-shadow:0 0 0;box-shadow:0 0 0}.metaslider .slider-wrapper .nivo-directionNav a, .metaslider .slider-wrapper .nivo-controlNav a, .metaslider .slider-wrapper img{border:0;box-shadow:none;list-style-type:none;list-style:none;padding:0;line-height:normal;max-width:none;max-height:none}div.metaslider .slider-wrapper .nivo-controlNav a{transition:none}.metaslider .coin-slider{max-width:100%;overflow:hidden}.metaslider .coin-slider .cs-buttons a, .metaslider .coin-slider>a{box-shadow:none !important}.metaslider .coin-slider a[href="javascript:void(0)"]{cursor:default !important}#wpadminbar #wp-admin-bar-ms-main-menu .ab-item #metaslider-main-menu-icon{background-size:18px;background-repeat:no-repeat;background-position:left center;width:18px;height:32px;float:left;margin-right:5px}#wpadminbar #wp-admin-bar-ms-main-menu:hover #metaslider-main-menu-icon{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjNzJhZWU2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjU1LjggMjU1LjgiIHN0eWxlPSJmaWxsOiM3MmFlZTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik0xMjcuOSwwQzU3LjMsMCwwLDU3LjMsMCwxMjcuOWMwLDcwLjYsNTcuMywxMjcuOSwxMjcuOSwxMjcuOWM3MC42LDAsMTI3LjktNTcuMywxMjcuOS0xMjcuOUMyNTUuOCw1Ny4zLDE5OC41LDAsMTI3LjksMHogTTE2LjQsMTc3LjFsOTIuNS0xMTcuNUwxMjQuMiw3OWwtNzcuMyw5OC4xSDE2LjR6IE0xNzAuNSwxNzcuMWwtMzguOS00OS40bDE1LjUtMTkuNmw1NC40LDY5SDE3MC41eiBNMjA4LjUsMTc3LjFMMTQ2LjksOTkgbC02MS42LDc4LjJoLTMxbDkyLjUtMTE3LjVsOTIuNSwxMTcuNUgyMDguNXoiLz48L2c+PC9zdmc+Cg==") !important}.ms-edit-frontend{text-decoration:none !important;font-size:18px}.ms-edit-frontend .dashicons.dashicons-external{height:25px;vertical-align:middle}#preview-container .ms-edit-frontend{display:none}.metaslider.ms-theme-nivo-light .slider-wrapper{background:#fff;padding:10px}.metaslider.ms-theme-nivo-light .nivoSlider{background:#fff url(/wp-content/plugins/ml-slider/themes/nivo-light/v1.0.0/loading.gif) no-repeat 50% 50%;margin-bottom:10px;overflow:visible;position:relative}.metaslider.ms-theme-nivo-light.has-thumb-nav .nivoSlider{margin-bottom:0}.metaslider.ms-theme-nivo-light .nivoSlider img{display:none;left:0;position:absolute;top:0}.metaslider.ms-theme-nivo-light .nivoSlider a{border:0;display:block}.metaslider.ms-theme-nivo-light .nivo-controlNav{padding:0;position:relative;text-align:left;z-index:10}.metaslider.ms-theme-nivo-light .nivo-controlNav a{background:url(/wp-content/plugins/ml-slider/themes/nivo-light/v1.0.0/bullets.png) no-repeat;background-position:0 5px;border:0;display:inline-block;height:15px;margin:0 2px;text-indent:-9999px;width:10px}.metaslider.ms-theme-nivo-light .nivo-controlNav a.active{background-position:0 100%}.metaslider.ms-theme-nivo-light .nivo-directionNav a{background:white url(/wp-content/plugins/ml-slider/themes/nivo-light/v1.0.0/arrows.png) no-repeat;border:0;bottom:-36px;display:block;height:30px;text-indent:-9999px;top:auto;width:30px;z-index:11}.metaslider.ms-theme-nivo-light.has-thumb-nav .nivo-directionNav a{bottom:0;margin-right:5px}.metaslider.ms-theme-nivo-light .nivo-directionNav a:hover{background-color:#eee;border-radius:2px}.metaslider.ms-theme-nivo-light a.nivo-nextNav{background-position:160% 55%;right:0}.metaslider.ms-theme-nivo-light a.nivo-prevNav{background-position:-60% 55%;left:auto;right:35px}.metaslider.ms-theme-nivo-light .nivo-caption{font-family:Helvetica,Arial,sans-serif}.metaslider.ms-theme-nivo-light .nivo-caption a{border-bottom:1px dotted #fff;color:#fff;text-decoration:none}.metaslider.ms-theme-nivo-light .nivo-caption a:hover{color:#fff}.metaslider.ms-theme-nivo-light .nivo-controlNav.nivo-thumbs-enabled{width:80%}.metaslider.ms-theme-nivo-light .nivo-controlNav.nivo-thumbs-enabled a{background:0;height:auto;margin-bottom:5px;width:auto}.metaslider.ms-theme-nivo-light .nivo-controlNav.nivo-thumbs-enabled img{display:block;height:auto}.wcp-caption-plugin p{margin:0}.ich-prefix{}.ich-prefix *, .ich-prefix *:after, .ich-prefix *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ich-prefix body{margin:0px}.ich-prefix [class*='col-']{float:left;padding-right:20px}.ich-prefix .grid{width:100%;margin:0 auto;overflow:visible}.ich-prefix .grid:after{content:"";display:table;clear:both}.ich-prefix .grid-pad{padding-top:20px;padding-left:20px;padding-right:0px}.ich-prefix .push-right{float:right}.ich-prefix .col-1-1{width:100%}.ich-prefix .col-2-3, .ich-prefix .col-8-12{width:66.66%}.ich-prefix .col-1-2, .ich-prefix .col-6-12{width:50%}.ich-prefix .col-1-3, .ich-prefix .col-4-12{width:33.33%}.ich-prefix .col-1-4, .ich-prefix .col-3-12{width:25%}.ich-prefix .col-1-5{width:20%}.ich-prefix .col-1-6, .ich-prefix .col-2-12{width:16.667%}.ich-prefix .col-1-7{width:14.28%}.ich-prefix .col-1-8{width:12.5%}.ich-prefix .col-1-9{width:11.1%}.ich-prefix .col-1-10{width:10%}.ich-prefix .col-1-11{width:9.09%}.ich-prefix .col-1-12{width:8.33%}.ich-prefix .col-11-12{width:91.66%}.ich-prefix .col-10-12{width:83.333%}.ich-prefix .col-9-12{width:75%}.ich-prefix .col-5-12{width:41.66%}.ich-prefix .col-7-12{width:58.33%}.ich-prefix .push-2-3, .ich-prefix .push-8-12{margin-left:66.66%}.ich-prefix .push-1-2, .ich-prefix .push-6-12{margin-left:50%}.ich-prefix .push-1-3, .ich-prefix .push-4-12{margin-left:33.33%}.ich-prefix .push-1-4, .ich-prefix .push-3-12{margin-left:25%}.ich-prefix .push-1-5{margin-left:20%}.ich-prefix .push-1-6, .ich-prefix .push-2-12{margin-left:16.667%}.ich-prefix .push-1-7{margin-left:14.28%}.ich-prefix .push-1-8{margin-left:12.5%}.ich-prefix .push-1-9{margin-left:11.1%}.ich-prefix .push-1-10{margin-left:10%}.ich-prefix .push-1-11{margin-left:9.09%}.ich-prefix .push-1-12{margin-left:8.33%}@media handheld, only screen and (max-width: 767px){.ich-prefix{}.ich-prefix .grid{width:100%;min-width:0;margin-left:0px;margin-right:0px;padding-left:20px;padding-right:10px}.ich-prefix [class*='col-']{width:auto;float:none;margin-left:0px;margin-right:0px;margin-top:10px;margin-bottom:10px;padding-left:0px;padding-right:10px}.ich-prefix [class*='mobile-col-']{float:left;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:10px;padding-left:0px;padding-right:10px;padding-bottom:0px}.ich-prefix .mobile-col-1-1{width:100%}.ich-prefix .mobile-col-2-3, .ich-prefix .mobile-col-8-12{width:66.66%}.ich-prefix .mobile-col-1-2, .ich-prefix .mobile-col-6-12{width:50%}.ich-prefix .mobile-col-1-3, .ich-prefix .mobile-col-4-12{width:33.33%}.ich-prefix .mobile-col-1-4, .ich-prefix .mobile-col-3-12{width:25%}.ich-prefix .mobile-col-1-5{width:20%}.ich-prefix .mobile-col-1-6, .ich-prefix .mobile-col-2-12{width:16.667%}.ich-prefix .mobile-col-1-7{width:14.28%}.ich-prefix .mobile-col-1-8{width:12.5%}.ich-prefix .mobile-col-1-9{width:11.1%}.ich-prefix .mobile-col-1-10{width:10%}.ich-prefix .mobile-col-1-11{width:9.09%}.ich-prefix .mobile-col-1-12{width:8.33%}.ich-prefix .mobile-col-11-12{width:91.66%}.ich-prefix .mobile-col-10-12{width:83.333%}.ich-prefix .mobile-col-9-12{width:75%}.ich-prefix .mobile-col-5-12{width:41.66%}.ich-prefix .mobile-col-7-12{width:58.33%}.ich-prefix .hide-on-mobile{display:none !important;width:0;height:0}}.ih-item { position: relative; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; margin-bottom: 0; } .ih-item, .ih-item * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ih-item a { color: #333; cursor: pointer; } .ih-item .wcp-ih-inner:hover { text-decoration: none; } .ih-item img { width: 100%; height: 100%; display: block; } .ih-item.circle { position: relative; /*width: 220px;*/ /*height: 220px;*/ border-radius: 50%; } .ih-item.circle .img { position: relative; /*width: 220px;*/ /*height: 220px;*/ border-radius: 50%; } .ih-item.circle .img:before { position: absolute; display: block; content: ''; width: 100%; height: 100%; border-radius: 50%; box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle .img img { border-radius: 50%; } .ih-item.circle .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; border-radius: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ih-item.square { position: relative; /*width: 316px;*/ /*height: 216px;*/ border: 8px solid #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .ih-item.square .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ih-item.circle.effect1 .spinner { width: 230px; height: 230px; border: 10px solid #ecab18; border-right-color: #1ad280; border-bottom-color: #1ad280; border-radius: 50%; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .ih-item.circle.effect1 .img { position: absolute; top: 10px; bottom: 0; left: 10px; right: 0; width: auto; height: auto; } .ih-item.circle.effect1 .img:before { display: none; } .ih-item.circle.effect1.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.circle.effect1 .info { top: 10px; bottom: 0; left: 10px; right: 0; background: #333333; background: rgba(0, 0, 0, 0.6); opacity: 0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .ih-item.circle.effect1 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect1 .info .bottom-caption { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect1 .wcp-ih-inner:hover .spinner { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ih-item.circle.effect1 .wcp-ih-inner:hover .info { opacity: 1; } .ih-item.circle.effect2 .img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect2.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.circle.effect2 .info { background: #333333; background: rgba(0, 0, 0, 0.6); opacity: 0; pointer-events: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect2 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect2 .info .bottom-caption { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect2.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect2.left_to_right .wcp-ih-inner:hover .img { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .ih-item.circle.effect2.left_to_right .wcp-ih-inner:hover .info { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect2.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect2.right_to_left .wcp-ih-inner:hover .img { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .ih-item.circle.effect2.right_to_left .wcp-ih-inner:hover .info { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect2.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect2.top_to_bottom .wcp-ih-inner:hover .img { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .ih-item.circle.effect2.top_to_bottom .wcp-ih-inner:hover .info { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect2.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect2.bottom_to_top .wcp-ih-inner:hover .img { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .ih-item.circle.effect2.bottom_to_top .wcp-ih-inner:hover .info { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect3 .img { z-index: 5; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect3.colored .info { background: #1a4a72; } .ih-item.circle.effect3 .info { background: #333333; opacity: 0; pointer-events: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect3 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect3 .info .bottom-caption { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect3.left_to_right .img { -webkit-transform: scale(1) translateX(0); -moz-transform: scale(1) translateX(0); -ms-transform: scale(1) translateX(0); -o-transform: scale(1) translateX(0); transform: scale(1) translateX(0); } .ih-item.circle.effect3.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect3.left_to_right .wcp-ih-inner:hover .img { -webkit-transform: scale(0.5) translateX(100%); -moz-transform: scale(0.5) translateX(100%); -ms-transform: scale(0.5) translateX(100%); -o-transform: scale(0.5) translateX(100%); transform: scale(0.5) translateX(100%); } .ih-item.circle.effect3.left_to_right .wcp-ih-inner:hover .info { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect3.right_to_left .img { -webkit-transform: scale(1) translateX(0); -moz-transform: scale(1) translateX(0); -ms-transform: scale(1) translateX(0); -o-transform: scale(1) translateX(0); transform: scale(1) translateX(0); } .ih-item.circle.effect3.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect3.right_to_left .wcp-ih-inner:hover .img { -webkit-transform: scale(0.5) translateX(-100%); -moz-transform: scale(0.5) translateX(-100%); -ms-transform: scale(0.5) translateX(-100%); -o-transform: scale(0.5) translateX(-100%); transform: scale(0.5) translateX(-100%); } .ih-item.circle.effect3.right_to_left .wcp-ih-inner:hover .info { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect3.top_to_bottom .img { -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .ih-item.circle.effect3.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect3.top_to_bottom .wcp-ih-inner:hover .img { -webkit-transform: scale(0.5) translateY(100%); -moz-transform: scale(0.5) translateY(100%); -ms-transform: scale(0.5) translateY(100%); -o-transform: scale(0.5) translateY(100%); transform: scale(0.5) translateY(100%); } .ih-item.circle.effect3.top_to_bottom .wcp-ih-inner:hover .info { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect3.bottom_to_top .img { -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .ih-item.circle.effect3.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect3.bottom_to_top .wcp-ih-inner:hover .img { -webkit-transform: scale(0.5) translateY(-100%); -moz-transform: scale(0.5) translateY(-100%); -ms-transform: scale(0.5) translateY(-100%); -o-transform: scale(0.5) translateY(-100%); transform: scale(0.5) translateY(-100%); } .ih-item.circle.effect3.bottom_to_top .wcp-ih-inner:hover .info { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect4 .img { opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ih-item.circle.effect4.colored .info { background: #1a4a72; } .ih-item.circle.effect4 .info { background: #333333; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; } .ih-item.circle.effect4 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect4 .info .bottom-caption { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect4 .wcp-ih-inner:hover .img { opacity: 0; pointer-events: none; } .ih-item.circle.effect4 .wcp-ih-inner:hover .info { visibility: visible; opacity: 1; } .ih-item.circle.effect4.left_to_right .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect4.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect4.left_to_right .wcp-ih-inner:hover .img { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect4.left_to_right .wcp-ih-inner:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect4.right_to_left .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect4.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect4.right_to_left .wcp-ih-inner:hover .img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect4.right_to_left .wcp-ih-inner:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect4.top_to_bottom .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect4.top_to_bottom .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect4.top_to_bottom .wcp-ih-inner:hover .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect4.top_to_bottom .wcp-ih-inner:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect4.bottom_to_top .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect4.bottom_to_top .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect4.bottom_to_top .wcp-ih-inner:hover .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect4.bottom_to_top .wcp-ih-inner:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect5 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.circle.effect5 .info { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .ih-item.circle.effect5 .info .info-back { visibility: hidden; border-radius: 50%; width: 100%; height: 100%; background: #333333; background: rgba(0, 0, 0, 0.6); -webkit-transform: rotate3d(0, 1, 0, 180deg); -moz-transform: rotate3d(0, 1, 0, 180deg); -ms-transform: rotate3d(0, 1, 0, 180deg); -o-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ih-item.circle.effect5 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect5 .info .bottom-caption { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect5 .wcp-ih-inner:hover .info { -webkit-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg); -ms-transform: rotate3d(0, 1, 0, -180deg); -o-transform: rotate3d(0, 1, 0, -180deg); transform: rotate3d(0, 1, 0, -180deg); } .ih-item.circle.effect5 .wcp-ih-inner:hover .info .info-back { visibility: visible; } .ih-item.circle.effect6 .img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect6.colored .info { background: #1a4a72; } .ih-item.circle.effect6 .info { background: #333333; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect6 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect6 .info .bottom-caption { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect6.scale_up .info { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.circle.effect6.scale_up .wcp-ih-inner:hover .img { opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } .ih-item.circle.effect6.scale_up .wcp-ih-inner:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect6.scale_down .info { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } .ih-item.circle.effect6.scale_down .wcp-ih-inner:hover .img { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.circle.effect6.scale_down .wcp-ih-inner:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect6.scale_down_up .info { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease-in-out 0.2s; -moz-transition: all 0.35s ease-in-out 0.2s; transition: all 0.35s ease-in-out 0.2s; } .ih-item.circle.effect6.scale_down_up .wcp-ih-inner:hover .img { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.circle.effect6.scale_down_up .wcp-ih-inner:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect7 .img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .ih-item.circle.effect7.colored .info { background: #1a4a72; } .ih-item.circle.effect7 .info { background: #333333; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.35s ease 0.2s; -moz-transition: all 0.35s ease 0.2s; transition: all 0.35s ease 0.2s; } .ih-item.circle.effect7 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect7 .info .bottom-caption { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect7 .wcp-ih-inner:hover .img { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.circle.effect7 .wcp-ih-inner:hover .info { visibility: visible; opacity: 1; } .ih-item.circle.effect7.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect7.left_to_right .wcp-ih-inner:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect7.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect7.right_to_left .wcp-ih-inner:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect7.top_to_bottom .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect7.top_to_bottom .wcp-ih-inner:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect7.bottom_to_top .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect7.bottom_to_top .wcp-ih-inner:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect8.colored .info { background: #1a4a72; } .ih-item.circle.effect8 .img-container { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ih-item.circle.effect8 .img-container .img { opacity: 1; -webkit-transition: all 0.3s ease-in-out 0.3s; -moz-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s; } .ih-item.circle.effect8 .info-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; border-radius: 50%; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease-in-out 0.3s; -moz-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s; } .ih-item.circle.effect8 .info { width: 100%; height: 100%; background: #333333; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease-in-out 0.6s; -moz-transition: all 0.35s ease-in-out 0.6s; transition: all 0.35s ease-in-out 0.6s; } .ih-item.circle.effect8 .info h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 45px 0 0 0; height: 140px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect8 .info .bottom-caption { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect8 .wcp-ih-inner:hover .img-container { pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.circle.effect8 .wcp-ih-inner:hover .img-container .img { opacity: 0; pointer-events: none; } .ih-item.circle.effect8 .wcp-ih-inner:hover .info-container { opacity: 1; } .ih-item.circle.effect8 .wcp-ih-inner:hover .info-container .info { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect8.left_to_right .img-container .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect8.left_to_right .info-container { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect8.left_to_right .wcp-ih-inner:hover .img-container .img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect8.left_to_right .wcp-ih-inner:hover .info-container { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect8.right_to_left .img-container .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect8.right_to_left .info-container { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect8.right_to_left .wcp-ih-inner:hover .img-container .img { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect8.right_to_left .wcp-ih-inner:hover .info-container { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect8.top_to_bottom .img-container .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect8.top_to_bottom .info-container { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect8.top_to_bottom .wcp-ih-inner:hover .img-container .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect8.top_to_bottom .wcp-ih-inner:hover .info-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect8.bottom_to_top .img-container .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect8.bottom_to_top .info-container { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect8.bottom_to_top .wcp-ih-inner:hover .img-container .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect8.bottom_to_top .wcp-ih-inner:hover .info-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect9 .img { opacity: 1; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .ih-item.circle.effect9.colored .info { background: #1a4a72; } .ih-item.circle.effect9 .info { background: #333333; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease 0.2s; -moz-transition: all 0.35s ease 0.2s; transition: all 0.35s ease 0.2s; } .ih-item.circle.effect9 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect9 .info .bottom-caption { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect9 .wcp-ih-inner:hover .img { opacity: 0; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.circle.effect9 .wcp-ih-inner:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect9.left_to_right .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .ih-item.circle.effect9.left_to_right .wcp-ih-inner:hover .img { -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); } .ih-item.circle.effect9.right_to_left .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .ih-item.circle.effect9.right_to_left .wcp-ih-inner:hover .img { -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); } .ih-item.circle.effect9.top_to_bottom .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect9.top_to_bottom .wcp-ih-inner:hover .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect9.bottom_to_top .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect9.bottom_to_top .wcp-ih-inner:hover .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect10 .img { z-index: 11; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect10.colored .info { background: #1a4a72; } .ih-item.circle.effect10 .info { background: #333333; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect10 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect10 .info .bottom-caption { color: #bbb; font-style: italic; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect10 .wcp-ih-inner:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect10.top_to_bottom .info h3 { margin: 0 30px; padding: 25px 0 0 0; height: 78px; } .ih-item.circle.effect10.top_to_bottom .info .bottom-caption { margin: 0 30px; padding: 5px; } .ih-item.circle.effect10.top_to_bottom .wcp-ih-inner:hover .img { -webkit-transform: translateY(50px) scale(0.5); -moz-transform: translateY(50px) scale(0.5); -ms-transform: translateY(50px) scale(0.5); -o-transform: translateY(50px) scale(0.5); transform: translateY(50px) scale(0.5); } .ih-item.circle.effect10.bottom_to_top .info h3 { margin: 95px 30px 0; padding: 25px 0 0 0; height: 78px; } .ih-item.circle.effect10.bottom_to_top .info .bottom-caption { margin: 0 30px; padding: 5px; } .ih-item.circle.effect10.bottom_to_top .wcp-ih-inner:hover .img { -webkit-transform: translateY(-50px) scale(0.5); -moz-transform: translateY(-50px) scale(0.5); -ms-transform: translateY(-50px) scale(0.5); -o-transform: translateY(-50px) scale(0.5); transform: translateY(-50px) scale(0.5); } .ih-item.circle.effect11 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.circle.effect11 .img { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect11.colored .info { background: #1a4a72; } .ih-item.circle.effect11 .info { background: #333333; opacity: 0; visibility: hidden; -webkit-transition: all 0.35s ease 0.35s; -moz-transition: all 0.35s ease 0.35s; transition: all 0.35s ease 0.35s; } .ih-item.circle.effect11 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect11 .info .bottom-caption { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect11 .wcp-ih-inner:hover .img { opacity: 0; } .ih-item.circle.effect11 .wcp-ih-inner:hover .info { visibility: visible; opacity: 1; } .ih-item.circle.effect11.left_to_right .img { -webkit-transform: translateZ(0) rotateY(0); -moz-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); -o-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); } .ih-item.circle.effect11.left_to_right .info { -webkit-transform: translateZ(-1000px) rotateY(-90deg); -moz-transform: translateZ(-1000px) rotateY(-90deg); -ms-transform: translateZ(-1000px) rotateY(-90deg); -o-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); } .ih-item.circle.effect11.left_to_right .wcp-ih-inner:hover .img { -webkit-transform: translateZ(-1000px) rotateY(90deg); -moz-transform: translateZ(-1000px) rotateY(90deg); -ms-transform: translateZ(-1000px) rotateY(90deg); -o-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); } .ih-item.circle.effect11.left_to_right .wcp-ih-inner:hover .info { -webkit-transform: translateZ(0) rotateY(0); -moz-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); -o-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); } .ih-item.circle.effect11.right_to_left .img { -webkit-transform: translateZ(0) rotateY(0); -moz-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); -o-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); } .ih-item.circle.effect11.right_to_left .info { -webkit-transform: translateZ(-1000px) rotateY(90deg); -moz-transform: translateZ(-1000px) rotateY(90deg); -ms-transform: translateZ(-1000px) rotateY(90deg); -o-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); } .ih-item.circle.effect11.right_to_left .wcp-ih-inner:hover .img { -webkit-transform: translateZ(-1000px) rotateY(-90deg); -moz-transform: translateZ(-1000px) rotateY(-90deg); -ms-transform: translateZ(-1000px) rotateY(-90deg); -o-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); } .ih-item.circle.effect11.right_to_left .wcp-ih-inner:hover .info { -webkit-transform: translateZ(0) rotateY(0); -moz-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); -o-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); } .ih-item.circle.effect11.top_to_bottom .img { -webkit-transform: translateZ(0) rotateX(0); -moz-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); -o-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); } .ih-item.circle.effect11.top_to_bottom .info { -webkit-transform: translateZ(-1000px) rotateX(90deg); -moz-transform: translateZ(-1000px) rotateX(90deg); -ms-transform: translateZ(-1000px) rotateX(90deg); -o-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); } .ih-item.circle.effect11.top_to_bottom .wcp-ih-inner:hover .img { -webkit-transform: translateZ(-1000px) rotateX(-90deg); -moz-transform: translateZ(-1000px) rotateX(-90deg); -ms-transform: translateZ(-1000px) rotateX(-90deg); -o-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); } .ih-item.circle.effect11.top_to_bottom .wcp-ih-inner:hover .info { -webkit-transform: translateZ(0) rotateX(0); -moz-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); -o-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); } .ih-item.circle.effect11.bottom_to_top .img { -webkit-transform: translateZ(0) rotateX(0); -moz-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); -o-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); } .ih-item.circle.effect11.bottom_to_top .info { -webkit-transform: translateZ(-1000px) rotateX(-90deg); -moz-transform: translateZ(-1000px) rotateX(-90deg); -ms-transform: translateZ(-1000px) rotateX(-90deg); -o-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); } .ih-item.circle.effect11.bottom_to_top .wcp-ih-inner:hover .img { -webkit-transform: translateZ(-1000px) rotateX(90deg); -moz-transform: translateZ(-1000px) rotateX(90deg); -ms-transform: translateZ(-1000px) rotateX(90deg); -o-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); } .ih-item.circle.effect11.bottom_to_top .wcp-ih-inner:hover .info { -webkit-transform: translateZ(0) rotateX(0); -moz-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); -o-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); } .ih-item.circle.effect12 .img { opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect12.colored .info { background: #1a4a72; } .ih-item.circle.effect12 .info { background: #333333; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect12 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect12 .info .bottom-caption { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect12 .wcp-ih-inner:hover .img { opacity: 0; pointer-events: none; } .ih-item.circle.effect12 .wcp-ih-inner:hover .info { opacity: 1; visibility: visible; } .ih-item.circle.effect12.left_to_right .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .ih-item.circle.effect12.left_to_right .info { -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); } .ih-item.circle.effect12.left_to_right .wcp-ih-inner:hover .img { -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); } .ih-item.circle.effect12.left_to_right .wcp-ih-inner:hover .info { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .ih-item.circle.effect12.right_to_left .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .ih-item.circle.effect12.right_to_left .info { -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); } .ih-item.circle.effect12.right_to_left .wcp-ih-inner:hover .img { -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); } .ih-item.circle.effect12.right_to_left .wcp-ih-inner:hover .info { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .ih-item.circle.effect12.top_to_bottom .img { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } .ih-item.circle.effect12.top_to_bottom .info { -webkit-transform: translateY(-100%) rotate(-180deg); -moz-transform: translateY(-100%) rotate(-180deg); -ms-transform: translateY(-100%) rotate(-180deg); -o-transform: translateY(-100%) rotate(-180deg); transform: translateY(-100%) rotate(-180deg); } .ih-item.circle.effect12.top_to_bottom .wcp-ih-inner:hover .img { -webkit-transform: translateY(-100%) rotate(-180deg); -moz-transform: translateY(-100%) rotate(-180deg); -ms-transform: translateY(-100%) rotate(-180deg); -o-transform: translateY(-100%) rotate(-180deg); transform: translateY(-100%) rotate(-180deg); } .ih-item.circle.effect12.top_to_bottom .wcp-ih-inner:hover .info { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .ih-item.circle.effect12.bottom_to_top .img { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } .ih-item.circle.effect12.bottom_to_top .info { -webkit-transform: translateY(100%) rotate(180deg); -moz-transform: translateY(100%) rotate(180deg); -ms-transform: translateY(100%) rotate(180deg); -o-transform: translateY(100%) rotate(180deg); transform: translateY(100%) rotate(180deg); } .ih-item.circle.effect12.bottom_to_top .wcp-ih-inner:hover .img { -webkit-transform: translateY(100%) rotate(180deg); -moz-transform: translateY(100%) rotate(180deg); -ms-transform: translateY(100%) rotate(180deg); -o-transform: translateY(100%) rotate(180deg); transform: translateY(100%) rotate(180deg); } .ih-item.circle.effect12.bottom_to_top .wcp-ih-inner:hover .info { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .ih-item.circle.effect13.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.circle.effect13 .info { background: #333333; background: rgba(0, 0, 0, 0.6); opacity: 0; pointer-events: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect13 .info h3 { visibility: hidden; color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect13 .info .bottom-caption { visibility: hidden; color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect13 .wcp-ih-inner:hover .info { opacity: 1; } .ih-item.circle.effect13 .wcp-ih-inner:hover h3 { visibility: visible; } .ih-item.circle.effect13 .wcp-ih-inner:hover .bottom-caption { visibility: visible; } .ih-item.circle.effect13.from_left_and_right .info h3 { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect13.from_left_and_right .info .bottom-caption { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect13.from_left_and_right .wcp-ih-inner:hover h3 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect13.from_left_and_right .wcp-ih-inner:hover .bottom-caption { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect13.top_to_bottom .info h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect13.top_to_bottom .info .bottom-caption { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect13.top_to_bottom .wcp-ih-inner:hover h3 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect13.top_to_bottom .wcp-ih-inner:hover .bottom-caption { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect13.bottom_to_top .info h3 { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect13.bottom_to_top .info .bottom-caption { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect13.bottom_to_top .wcp-ih-inner:hover h3 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect13.bottom_to_top .wcp-ih-inner:hover .bottom-caption { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect14 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.circle.effect14 .img { visibility: visible; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .ih-item.circle.effect14.colored .info { background: #1a4a72; } .ih-item.circle.effect14 .info { background: #333333; opacity: 0; visibility: hidden; -webkit-transition: all 0.35s ease-in-out 0.3s; -moz-transition: all 0.35s ease-in-out 0.3s; transition: all 0.35s ease-in-out 0.3s; } .ih-item.circle.effect14 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect14 .info .bottom-caption { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect14 .wcp-ih-inner:hover .img { opacity: 0; visibility: hidden; } .ih-item.circle.effect14 .wcp-ih-inner:hover .info { visibility: visible; opacity: 1; } .ih-item.circle.effect14.left_to_right .img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ih-item.circle.effect14.left_to_right .info { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ih-item.circle.effect14.left_to_right .wcp-ih-inner:hover .img { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); } .ih-item.circle.effect14.left_to_right .wcp-ih-inner:hover .info { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .ih-item.circle.effect14.right_to_left .img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ih-item.circle.effect14.right_to_left .info { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ih-item.circle.effect14.right_to_left .wcp-ih-inner:hover .img { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); } .ih-item.circle.effect14.right_to_left .wcp-ih-inner:hover .info { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .ih-item.circle.effect14.top_to_bottom .img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ih-item.circle.effect14.top_to_bottom .info { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .ih-item.circle.effect14.top_to_bottom .wcp-ih-inner:hover .img { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); } .ih-item.circle.effect14.top_to_bottom .wcp-ih-inner:hover .info { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } .ih-item.circle.effect14.bottom_to_top .img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .ih-item.circle.effect14.bottom_to_top .info { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ih-item.circle.effect14.bottom_to_top .wcp-ih-inner:hover .img { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); } .ih-item.circle.effect14.bottom_to_top .wcp-ih-inner:hover .info { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } .ih-item.circle.effect15 .img { opacity: 1; visibility: visible; -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect15.colored .info { background: #1a4a72; } .ih-item.circle.effect15 .info { background: #333333; opacity: 0; visibility: hidden; -webkit-transform: scale(0.5) rotate(-720deg); -moz-transform: scale(0.5) rotate(-720deg); -ms-transform: scale(0.5) rotate(-720deg); -o-transform: scale(0.5) rotate(-720deg); transform: scale(0.5) rotate(-720deg); -webkit-transition: all 0.35s ease-in-out 0.3s; -moz-transition: all 0.35s ease-in-out 0.3s; transition: all 0.35s ease-in-out 0.3s; } .ih-item.circle.effect15 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect15 .info .bottom-caption { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect15 .wcp-ih-inner:hover .img { opacity: 0; visibility: hidden; -webkit-transform: scale(0.5) rotate(720deg); -moz-transform: scale(0.5) rotate(720deg); -ms-transform: scale(0.5) rotate(720deg); -o-transform: scale(0.5) rotate(720deg); transform: scale(0.5) rotate(720deg); } .ih-item.circle.effect15 .wcp-ih-inner:hover .info { opacity: 1; visibility: visible; -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } .ih-item.circle.effect16 .img { z-index: 11; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect16.colored .info { background: #1a4a72; } .ih-item.circle.effect16 .info { background: #333333; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect16 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect16 .info .bottom-caption { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect16.left_to_right .img { -webkit-transform-origin: 95% 40%; -moz-transform-origin: 95% 40%; -ms-transform-origin: 95% 40%; -o-transform-origin: 95% 40%; transform-origin: 95% 40%; } .ih-item.circle.effect16.left_to_right .img:after { content: ''; width: 8px; height: 8px; position: absolute; border-radius: 50%; top: 40%; left: 95%; margin: -4px 0 0 -4px; background: rgba(0, 0, 0, 0.8); box-shadow: 0 0 1px rgba(255, 255, 255, 0.9); } .ih-item.circle.effect16.left_to_right .wcp-ih-inner:hover .img { -webkit-transform: rotate(-120deg); -moz-transform: rotate(-120deg); -ms-transform: rotate(-120deg); -o-transform: rotate(-120deg); transform: rotate(-120deg); } .ih-item.circle.effect16.right_to_left .img { -webkit-transform-origin: 5% 40%; -moz-transform-origin: 5% 40%; -ms-transform-origin: 5% 40%; -o-transform-origin: 5% 40%; transform-origin: 5% 40%; } .ih-item.circle.effect16.right_to_left .img:after { content: ''; width: 8px; height: 8px; position: absolute; border-radius: 50%; top: 40%; left: 5%; margin: -4px 0 0 -4px; background: rgba(0, 0, 0, 0.8); box-shadow: 0 0 1px rgba(255, 255, 255, 0.9); } .ih-item.circle.effect16.right_to_left .wcp-ih-inner:hover .img { -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); } .ih-item.circle.effect17 .info { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect17 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect17 .info .bottom-caption { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect17 .wcp-ih-inner:hover .img:before { 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); 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); } .ih-item.circle.effect17 .wcp-ih-inner:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect17 .wcp-ih-inner:hover .info .bottom-caption { opacity: 1; } .ih-item.circle.effect17.colored .wcp-ih-inner:hover .img:before { 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); box-shadow: inset 0 0 0 110px rgba(26, 74, 114, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1); } .ih-item.circle.effect18 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.circle.effect18 .img { z-index: 11; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .ih-item.circle.effect18.colored .info .info-back { background: #1a4a72; } .ih-item.circle.effect18 .info { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .ih-item.circle.effect18 .info .info-back { opacity: 1; border-radius: 50%; width: 100%; height: 100%; background: #333333; } .ih-item.circle.effect18 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect18 .info .bottom-caption { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect18.bottom_to_top .img { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .ih-item.circle.effect18.bottom_to_top .wcp-ih-inner:hover .img { -webkit-transform: rotate3d(1, 0, 0, 180deg); -moz-transform: rotate3d(1, 0, 0, 180deg); -ms-transform: rotate3d(1, 0, 0, 180deg); -o-transform: rotate3d(1, 0, 0, 180deg); transform: rotate3d(1, 0, 0, 180deg); } .ih-item.circle.effect18.top_to_bottom .img { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ih-item.circle.effect18.top_to_bottom .wcp-ih-inner:hover .img { -webkit-transform: rotate3d(1, 0, 0, -180deg); -moz-transform: rotate3d(1, 0, 0, -180deg); -ms-transform: rotate3d(1, 0, 0, -180deg); -o-transform: rotate3d(1, 0, 0, -180deg); transform: rotate3d(1, 0, 0, -180deg); } .ih-item.circle.effect18.left_to_right .img { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ih-item.circle.effect18.left_to_right .wcp-ih-inner:hover .img { -webkit-transform: rotate3d(0, 1, 0, 180deg); -moz-transform: rotate3d(0, 1, 0, 180deg); -ms-transform: rotate3d(0, 1, 0, 180deg); -o-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); } .ih-item.circle.effect18.right_to_left .img { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ih-item.circle.effect18.right_to_left .wcp-ih-inner:hover .img { -webkit-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg); -ms-transform: rotate3d(0, 1, 0, -180deg); -o-transform: rotate3d(0, 1, 0, -180deg); transform: rotate3d(0, 1, 0, -180deg); } .ih-item.circle.effect19.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.circle.effect19 .info { background: #333333; background: rgba(0, 0, 0, 0.6); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect19 .info h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 45px 0 0 0; height: 140px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect19 .info .bottom-caption { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect19 .wcp-ih-inner:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect20 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.circle.effect20 .img { -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; transition: all 0.35s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } .ih-item.circle.effect20.colored .info .info-back { background: #1a4a72; } .ih-item.circle.effect20 .info { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .ih-item.circle.effect20 .info .info-back { opacity: 1; visibility: hidden; border-radius: 50%; width: 100%; height: 100%; background: #333333; -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; transition: all 0.35s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ih-item.circle.effect20 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect20 .info .bottom-caption { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect20 .wcp-ih-inner:hover .img { opacity: 0; } .ih-item.circle.effect20 .wcp-ih-inner:hover .info .info-back { opacity: 1; visibility: visible; } .ih-item.circle.effect20.top_to_bottom .info .info-back { -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); } .ih-item.circle.effect20.top_to_bottom .wcp-ih-inner:hover .img { -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); } .ih-item.circle.effect20.top_to_bottom .wcp-ih-inner:hover .info .info-back { -webkit-transform: rotate3d(1, 0, 0, 0deg); -moz-transform: rotate3d(1, 0, 0, 0deg); -ms-transform: rotate3d(1, 0, 0, 0deg); -o-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); } .ih-item.circle.effect20.bottom_to_top .info .info-back { -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); } .ih-item.circle.effect20.bottom_to_top .wcp-ih-inner:hover .img { -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); } .ih-item.circle.effect20.bottom_to_top .wcp-ih-inner:hover .info .info-back { -webkit-transform: rotate3d(1, 0, 0, 0deg); -moz-transform: rotate3d(1, 0, 0, 0deg); -ms-transform: rotate3d(1, 0, 0, 0deg); -o-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); } .ih-item.square.effect1 { overflow: hidden; } .ih-item.square.effect1.colored .info { background: #1a4a72; } .ih-item.square.effect1 .img { z-index: 11; position: relative; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect1 .info { background: #333333; visibility: hidden; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect1 .wcp-ih-inner:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect1.left_and_right .info h3 { position: absolute; top: 12px; left: 12px; text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; margin: 0; } .ih-item.square.effect1.left_and_right .info .bottom-caption { position: absolute; right: 12px; bottom: 12px; margin: 0; font-style: italic; font-size: 12px; color: #bbb; } .ih-item.square.effect1.left_and_right .wcp-ih-inner:hover .img { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); } .ih-item.square.effect1.top_to_bottom .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px 10px 0 4px; margin: 10px 0 0 0; } .ih-item.square.effect1.top_to_bottom .info .bottom-caption { font-style: italic; font-size: 12px; color: #bbb; padding: 5px; text-align: center; } .ih-item.square.effect1.top_to_bottom .wcp-ih-inner:hover .img { -webkit-transform: translateY(30px) scale(0.6); -moz-transform: translateY(30px) scale(0.6); -ms-transform: translateY(30px) scale(0.6); -o-transform: translateY(30px) scale(0.6); transform: translateY(30px) scale(0.6); } .ih-item.square.effect1.bottom_to_top .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px 10px 0 4px; margin: 134px 0 0 0; } .ih-item.square.effect1.bottom_to_top .info .bottom-caption { font-style: italic; font-size: 12px; color: #bbb; padding: 5px; text-align: center; } .ih-item.square.effect1.bottom_to_top .wcp-ih-inner:hover .img { -webkit-transform: translateY(-30px) scale(0.6); -moz-transform: translateY(-30px) scale(0.6); -ms-transform: translateY(-30px) scale(0.6); -o-transform: translateY(-30px) scale(0.6); transform: translateY(-30px) scale(0.6); } .ih-item.square.effect2 { overflow: hidden; } .ih-item.square.effect2.colored .info { background: #1a4a72; } .ih-item.square.effect2.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect2 .img { opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } .ih-item.square.effect2 .info { background: #333333; visibility: hidden; -webkit-transition: all 0.35s 0.3s ease-in-out; -moz-transition: all 0.35s 0.3s ease-in-out; transition: all 0.35s 0.3s ease-in-out; } .ih-item.square.effect2 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -ms-transform: translateY(-200px); -o-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.35s 0.6s ease-in-out; -moz-transition: all 0.35s 0.6s ease-in-out; transition: all 0.35s 0.6s ease-in-out; } .ih-item.square.effect2 .info .bottom-caption { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -ms-transform: translateY(-200px); -o-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.35s 0.5s linear; -moz-transition: all 0.35s 0.5s linear; transition: all 0.35s 0.5s linear; } .ih-item.square.effect2 .wcp-ih-inner:hover .img { -webkit-transform: rotate(720deg) scale(0); -moz-transform: rotate(720deg) scale(0); -ms-transform: rotate(720deg) scale(0); -o-transform: rotate(720deg) scale(0); transform: rotate(720deg) scale(0); opacity: 0; } .ih-item.square.effect2 .wcp-ih-inner:hover .info { visibility: visible; } .ih-item.square.effect2 .wcp-ih-inner:hover .info h3, .ih-item.square.effect2 .wcp-ih-inner:hover .info .bottom-caption { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect3 { overflow: hidden; } .ih-item.square.effect3.colored .info { background: #1a4a72; } .ih-item.square.effect3 .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect3 .info { height: 65px; background: #333333; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect3 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px 10px 0 4px; margin: 4px 0 0 0; } .ih-item.square.effect3 .info .bottom-caption { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 5px; text-align: center; } .ih-item.square.effect3 .wcp-ih-inner:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect3.bottom_to_top .info { top: auto; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect3.bottom_to_top .wcp-ih-inner:hover .img { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } .ih-item.square.effect3.bottom_to_top .wcp-ih-inner:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect3.top_to_bottom .info { bottom: auto; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect3.top_to_bottom .wcp-ih-inner:hover .img { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .ih-item.square.effect3.top_to_bottom .wcp-ih-inner:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect4 { overflow: hidden; position: relative; } .ih-item.square.effect4.colored .info { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect4.colored .mask1, .ih-item.square.effect4.colored .mask2 { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.square.effect4 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect4 .mask1, .ih-item.square.effect4 .mask2 { position: absolute; background: #333333; background: rgba(0, 0, 0, 0.6); height: 361px; width: 361px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect4 .mask1 { left: auto; right: 0; top: 0; -webkit-transform: rotate(56.5deg) translateX(-180px); -moz-transform: rotate(56.5deg) translateX(-180px); -ms-transform: rotate(56.5deg) translateX(-180px); -o-transform: rotate(56.5deg) translateX(-180px); transform: rotate(56.5deg) translateX(-180px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; } .ih-item.square.effect4 .mask2 { top: auto; bottom: 0; left: 0; -webkit-transform: rotate(56.5deg) translateX(180px); -moz-transform: rotate(56.5deg) translateX(180px); -ms-transform: rotate(56.5deg) translateX(180px); -o-transform: rotate(56.5deg) translateX(180px); transform: rotate(56.5deg) translateX(180px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; } .ih-item.square.effect4 .info { background: #111111; height: 0; visibility: hidden; width: 361px; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.35s ease-in-out 0.35s; -moz-transition: all 0.35s ease-in-out 0.35s; transition: all 0.35s ease-in-out 0.35s; } .ih-item.square.effect4 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: transparent; margin-top: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); opacity: 0; -webkit-transition: all 0.35s ease-in-out 0.35s; -moz-transition: all 0.35s ease-in-out 0.35s; transition: all 0.35s ease-in-out 0.35s; } .ih-item.square.effect4 .info .bottom-caption { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; opacity: 0; -webkit-transition: all 0.35s ease-in-out 0.35s; -moz-transition: all 0.35s ease-in-out 0.35s; transition: all 0.35s ease-in-out 0.35s; } .ih-item.square.effect4 .wcp-ih-inner:hover .mask1 { -webkit-transform: rotate(56.5deg) translateX(1px); -moz-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .ih-item.square.effect4 .wcp-ih-inner:hover .mask2 { -webkit-transform: rotate(56.5deg) translateX(-1px); -moz-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .ih-item.square.effect4 .wcp-ih-inner:hover .info { width: 300px; height: 120px; visibility: visible; top: 40px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); } .ih-item.square.effect4 .wcp-ih-inner:hover .info h3, .ih-item.square.effect4 .wcp-ih-inner:hover .info .bottom-caption { opacity: 1; } .ih-item.square.effect5.colored .info { background: #1a4a72; } .ih-item.square.effect5.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect5 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect5 .info { background: #333333; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect5 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .ih-item.square.effect5 .info .bottom-caption { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect5 .wcp-ih-inner:hover .img { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0; } .ih-item.square.effect5 .wcp-ih-inner:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .ih-item.square.effect5.left_to_right .info { -webkit-transform: scale(0) rotate(-180deg); -moz-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } .ih-item.square.effect5.right_to_left .info { -webkit-transform: scale(0) rotate(180deg); -moz-transform: scale(0) rotate(180deg); -ms-transform: scale(0) rotate(180deg); -o-transform: scale(0) rotate(180deg); transform: scale(0) rotate(180deg); } .ih-item.square.effect6 { overflow: hidden; } .ih-item.square.effect6.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.square.effect6.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect6 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect6 .info { background: #333333; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect6 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect6 .info .bottom-caption { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transition: all 0.35s 0.1s linear; -moz-transition: all 0.35s 0.1s linear; transition: all 0.35s 0.1s linear; } .ih-item.square.effect6 .wcp-ih-inner:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .ih-item.square.effect6 .wcp-ih-inner:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect6.from_top_and_bottom .info h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect6.from_top_and_bottom .info .bottom-caption { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect6.from_top_and_bottom .wcp-ih-inner:hover .info h3, .ih-item.square.effect6.from_top_and_bottom .wcp-ih-inner:hover .info .bottom-caption { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect6.from_left_and_right .info h3 { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.square.effect6.from_left_and_right .info .bottom-caption { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.square.effect6.from_left_and_right .wcp-ih-inner:hover .info h3, .ih-item.square.effect6.from_left_and_right .wcp-ih-inner:hover .info .bottom-caption { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect6.top_to_bottom .info h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect6.top_to_bottom .info .bottom-caption { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect6.top_to_bottom .wcp-ih-inner:hover .info h3, .ih-item.square.effect6.top_to_bottom .wcp-ih-inner:hover .info .bottom-caption { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect6.bottom_to_top .info h3 { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect6.bottom_to_top .info .bottom-caption { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect6.bottom_to_top .wcp-ih-inner:hover .info h3, .ih-item.square.effect6.bottom_to_top .wcp-ih-inner:hover .info .bottom-caption { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect7 { overflow: hidden; } .ih-item.square.effect7.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.square.effect7.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect7 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect7 .info { background: #333333; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect7 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; -webkit-transform: scale(4); -moz-transform: scale(4); -ms-transform: scale(4); -o-transform: scale(4); transform: scale(4); -webkit-transition: all 0.35s 0.1s ease-in-out; -moz-transition: all 0.35s 0.1s ease-in-out; transition: all 0.35s 0.1s ease-in-out; } .ih-item.square.effect7 .info .bottom-caption { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); -webkit-transition: all 0.35s 0.3s linear; -moz-transition: all 0.35s 0.3s linear; transition: all 0.35s 0.3s linear; } .ih-item.square.effect7 .wcp-ih-inner:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .ih-item.square.effect7 .wcp-ih-inner:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect7 .wcp-ih-inner:hover .info h3, .ih-item.square.effect7 .wcp-ih-inner:hover .info .bottom-caption { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect8 { overflow: hidden; } .ih-item.square.effect8.colored .info { background: #1a4a72; } .ih-item.square.effect8.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect8 .img { opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect8 .info { background: #333333; visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect8 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; -webkit-transition: all 0.35s 0.1s ease-in-out; -moz-transition: all 0.35s 0.1s ease-in-out; transition: all 0.35s 0.1s ease-in-out; } .ih-item.square.effect8 .info .bottom-caption { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transition: all 0.35s 0.15s linear; -moz-transition: all 0.35s 0.15s linear; transition: all 0.35s 0.15s linear; } .ih-item.square.effect8 .wcp-ih-inner:hover .img { opacity: 0; } .ih-item.square.effect8 .wcp-ih-inner:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect8.scale_up .img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect8.scale_up .info { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .ih-item.square.effect8.scale_up .info h3, .ih-item.square.effect8.scale_up .info .bottom-caption { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .ih-item.square.effect8.scale_up .wcp-ih-inner:hover .img { -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); } .ih-item.square.effect8.scale_up .wcp-ih-inner:hover .info { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect8.scale_up .wcp-ih-inner:hover .info h3, .ih-item.square.effect8.scale_up .wcp-ih-inner:hover .info .bottom-caption { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect8.scale_down .img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect8.scale_down .info { -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); } .ih-item.square.effect8.scale_down .info h3, .ih-item.square.effect8.scale_down .info .bottom-caption { -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); } .ih-item.square.effect8.scale_down .wcp-ih-inner:hover .img { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.square.effect8.scale_down .wcp-ih-inner:hover .info { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect8.scale_down .wcp-ih-inner:hover .info h3, .ih-item.square.effect8.scale_down .wcp-ih-inner:hover .info .bottom-caption { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect9 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.square.effect9.colored .info .info-back { background: #1a4a72; } .ih-item.square.effect9.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect9 .img { position: relative; z-index: 11; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .ih-item.square.effect9 .info { z-index: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .ih-item.square.effect9 .info .info-back { opacity: 1; width: 100%; height: 100%; padding-top: 30px; background: #333333; } .ih-item.square.effect9 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 0; } .ih-item.square.effect9 .info .bottom-caption { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect9.left_to_right .img { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ih-item.square.effect9.left_to_right .wcp-ih-inner:hover .img { -webkit-transform: rotate3d(0, 1, 0, 180deg); -moz-transform: rotate3d(0, 1, 0, 180deg); -ms-transform: rotate3d(0, 1, 0, 180deg); -o-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); } .ih-item.square.effect9.right_to_left .img { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ih-item.square.effect9.right_to_left .wcp-ih-inner:hover .img { -webkit-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg); -ms-transform: rotate3d(0, 1, 0, -180deg); -o-transform: rotate3d(0, 1, 0, -180deg); transform: rotate3d(0, 1, 0, -180deg); } .ih-item.square.effect9.top_to_bottom .img { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ih-item.square.effect9.top_to_bottom .wcp-ih-inner:hover .img { -webkit-transform: rotate3d(1, 0, 0, -180deg); -moz-transform: rotate3d(1, 0, 0, -180deg); -ms-transform: rotate3d(1, 0, 0, -180deg); -o-transform: rotate3d(1, 0, 0, -180deg); transform: rotate3d(1, 0, 0, -180deg); } .ih-item.square.effect9.bottom_to_top .img { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .ih-item.square.effect9.bottom_to_top .wcp-ih-inner:hover .img { -webkit-transform: rotate3d(1, 0, 0, 180deg); -moz-transform: rotate3d(1, 0, 0, 180deg); -ms-transform: rotate3d(1, 0, 0, 180deg); -o-transform: rotate3d(1, 0, 0, 180deg); transform: rotate3d(1, 0, 0, 180deg); } .ih-item.square.effect10 { overflow: hidden; } .ih-item.square.effect10.colored .info { background: #1a4a72; } .ih-item.square.effect10.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect10 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect10 .info { background: #333333; visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect10 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .ih-item.square.effect10 .info .bottom-caption { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect10 .wcp-ih-inner:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect10.left_to_right .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect10.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.square.effect10.left_to_right .wcp-ih-inner:hover .img { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.square.effect10.left_to_right .wcp-ih-inner:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect10.right_to_left .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect10.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.square.effect10.right_to_left .wcp-ih-inner:hover .img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.square.effect10.right_to_left .wcp-ih-inner:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect10.top_to_bottom .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect10.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect10.top_to_bottom .wcp-ih-inner:hover .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect10.top_to_bottom .wcp-ih-inner:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect10.bottom_to_top .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect10.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect10.bottom_to_top .wcp-ih-inner:hover .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect10.bottom_to_top .wcp-ih-inner:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect11 { overflow: hidden; } .ih-item.square.effect11.colored .info { background: #1a4a72; } .ih-item.square.effect11.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect11 .img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect11 .info { background: #333333; visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease 0.2s; -moz-transition: all 0.35s ease 0.2s; transition: all 0.35s ease 0.2s; } .ih-item.square.effect11 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .ih-item.square.effect11 .info .bottom-caption { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect11 .wcp-ih-inner:hover .img { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.square.effect11 .wcp-ih-inner:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect11.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.square.effect11.left_to_right .wcp-ih-inner:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect11.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.square.effect11.right_to_left .wcp-ih-inner:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect11.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect11.top_to_bottom .wcp-ih-inner:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect11.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect11.bottom_to_top .wcp-ih-inner:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect12 { overflow: hidden; } .ih-item.square.effect12.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.square.effect12.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect12 .img { -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } .ih-item.square.effect12 .info { background: #333333; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } .ih-item.square.effect12 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } .ih-item.square.effect12 .info .bottom-caption { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } .ih-item.square.effect12 .wcp-ih-inner:hover .info { visibility: visible; opacity: 1; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .ih-item.square.effect12 .wcp-ih-inner:hover .info h3 { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .ih-item.square.effect12 .wcp-ih-inner:hover .info .bottom-caption { -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; transition-delay: 0.25s; } .ih-item.square.effect12.left_to_right .info { -webkit-transform: translate(-460px, -100px) rotate(-180deg); -moz-transform: translate(-460px, -100px) rotate(-180deg); -ms-transform: translate(-460px, -100px) rotate(-180deg); -o-transform: translate(-460px, -100px) rotate(-180deg); transform: translate(-460px, -100px) rotate(-180deg); } .ih-item.square.effect12.left_to_right .info h3 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); } .ih-item.square.effect12.left_to_right .info .bottom-caption { -webkit-transform: translateX(-300px) rotate(-90deg); -moz-transform: translateX(-300px) rotate(-90deg); -ms-transform: translateX(-300px) rotate(-90deg); -o-transform: translateX(-300px) rotate(-90deg); transform: translateX(-300px) rotate(-90deg); } .ih-item.square.effect12.left_to_right .wcp-ih-inner:hover .info { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } .ih-item.square.effect12.left_to_right .wcp-ih-inner:hover .info h3 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .ih-item.square.effect12.left_to_right .wcp-ih-inner:hover .info .bottom-caption { -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } .ih-item.square.effect12.right_to_left .info { -webkit-transform: translate(460px, -100px) rotate(180deg); -moz-transform: translate(460px, -100px) rotate(180deg); -ms-transform: translate(460px, -100px) rotate(180deg); -o-transform: translate(460px, -100px) rotate(180deg); transform: translate(460px, -100px) rotate(180deg); } .ih-item.square.effect12.right_to_left .info h3 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); } .ih-item.square.effect12.right_to_left .info .bottom-caption { -webkit-transform: translateX(300px) rotate(90deg); -moz-transform: translateX(300px) rotate(90deg); -ms-transform: translateX(300px) rotate(90deg); -o-transform: translateX(300px) rotate(90deg); transform: translateX(300px) rotate(90deg); } .ih-item.square.effect12.right_to_left .wcp-ih-inner:hover .info { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } .ih-item.square.effect12.right_to_left .wcp-ih-inner:hover .info h3 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .ih-item.square.effect12.right_to_left .wcp-ih-inner:hover .info .bottom-caption { -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } .ih-item.square.effect12.top_to_bottom .info { -webkit-transform: translate(-265px, -145px) rotate(-45deg); -moz-transform: translate(-265px, -145px) rotate(-45deg); -ms-transform: translate(-265px, -145px) rotate(-45deg); -o-transform: translate(-265px, -145px) rotate(-45deg); transform: translate(-265px, -145px) rotate(-45deg); } .ih-item.square.effect12.top_to_bottom .info h3 { -webkit-transform: translate(200px, -200px); -moz-transform: translate(200px, -200px); -ms-transform: translate(200px, -200px); -o-transform: translate(200px, -200px); transform: translate(200px, -200px); } .ih-item.square.effect12.top_to_bottom .info .bottom-caption { -webkit-transform: translate(200px, -200px); -moz-transform: translate(200px, -200px); -ms-transform: translate(200px, -200px); -o-transform: translate(200px, -200px); transform: translate(200px, -200px); } .ih-item.square.effect12.top_to_bottom .wcp-ih-inner:hover .info { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .ih-item.square.effect12.top_to_bottom .wcp-ih-inner:hover .info h3 { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .ih-item.square.effect12.top_to_bottom .wcp-ih-inner:hover .info .bottom-caption { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .ih-item.square.effect12.bottom_to_top .info { -webkit-transform: translate(265px, 145px) rotate(45deg); -moz-transform: translate(265px, 145px) rotate(45deg); -ms-transform: translate(265px, 145px) rotate(45deg); -o-transform: translate(265px, 145px) rotate(45deg); transform: translate(265px, 145px) rotate(45deg); } .ih-item.square.effect12.bottom_to_top .info h3 { -webkit-transform: translate(200px, -200px); -moz-transform: translate(200px, -200px); -ms-transform: translate(200px, -200px); -o-transform: translate(200px, -200px); transform: translate(200px, -200px); } .ih-item.square.effect12.bottom_to_top .info .bottom-caption { -webkit-transform: translate(-200px, 200px); -moz-transform: translate(-200px, 200px); -ms-transform: translate(-200px, 200px); -o-transform: translate(-200px, 200px); transform: translate(-200px, 200px); } .ih-item.square.effect12.bottom_to_top .wcp-ih-inner:hover .info { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .ih-item.square.effect12.bottom_to_top .wcp-ih-inner:hover .info h3 { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .ih-item.square.effect12.bottom_to_top .wcp-ih-inner:hover .info .bottom-caption { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .ih-item.square.effect13 { overflow: hidden; } .ih-item.square.effect13.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); } .ih-item.square.effect13.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect13 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect13 .info { background: #333333; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect13 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .ih-item.square.effect13 .info .bottom-caption { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect13 .wcp-ih-inner:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .ih-item.square.effect13 .wcp-ih-inner:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect13.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.square.effect13.left_to_right .wcp-ih-inner:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect13.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.square.effect13.right_to_left .wcp-ih-inner:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect13.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect13.top_to_bottom .wcp-ih-inner:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect13.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect13.bottom_to_top .wcp-ih-inner:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect14.colored .info { background: #1a4a72; } .ih-item.square.effect14.colored .info h3 { background: rgba(12, 34, 52, 0.6); } .ih-item.square.effect14 .img { opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect14 .info { background: #333333; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease 0.2s; -moz-transition: all 0.35s ease 0.2s; transition: all 0.35s ease 0.2s; } .ih-item.square.effect14 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .ih-item.square.effect14 .info .bottom-caption { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect14 .wcp-ih-inner:hover .img { opacity: 0; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.square.effect14 .wcp-ih-inner:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect14.left_to_right .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .ih-item.square.effect14.left_to_right .wcp-ih-inner:hover .img { -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); } .ih-item.square.effect14.right_to_left .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .ih-item.square.effect14.right_to_left .wcp-ih-inner:hover .img { -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); } .ih-item.square.effect14.top_to_bottom .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect14.top_to_bottom .wcp-ih-inner:hover .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect14.bottom_to_top .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect14.bottom_to_top .wcp-ih-inner:hover .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect15 { overflow: hidden; -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.square.effect15.colored .info { background: #1a4a72; } .ih-item.square.effect15 .img { opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ih-item.square.effect15 .info { background: #333333; opacity: 0; -webkit-transition: all 0.35s ease-in-out 0.3s; -moz-transition: all 0.35s ease-in-out 0.3s; transition: all 0.35s ease-in-out 0.3s; } .ih-item.square.effect15 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .ih-item.square.effect15 .info .bottom-caption { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect15 .wcp-ih-inner:hover .img { opacity: 0; visibility: hidden; } .ih-item.square.effect15 .wcp-ih-inner:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect15.left_to_right .img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ih-item.square.effect15.left_to_right .info { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ih-item.square.effect15.left_to_right .wcp-ih-inner:hover .img { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); } .ih-item.square.effect15.left_to_right .wcp-ih-inner:hover .info { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .ih-item.square.effect15.right_to_left .img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ih-item.square.effect15.right_to_left .info { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ih-item.square.effect15.right_to_left .wcp-ih-inner:hover .img { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); } .ih-item.square.effect15.right_to_left .wcp-ih-inner:hover .info { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .ih-item.square.effect15.top_to_bottom .img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ih-item.square.effect15.top_to_bottom .info { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .ih-item.square.effect15.top_to_bottom .wcp-ih-inner:hover .img { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); } .ih-item.square.effect15.top_to_bottom .wcp-ih-inner:hover .info { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } .ih-item.square.effect15.bottom_to_top .img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .ih-item.square.effect15.bottom_to_top .info { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ih-item.square.effect15.bottom_to_top .wcp-ih-inner:hover .img { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); } .ih-item.square.effect15.bottom_to_top .wcp-ih-inner:hover .info { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } .wcp-caption-plugin audio{display:none}.wcp-caption-plugin .image-caption-box{cursor:pointer;position:relative;overflow:visible;width:100%}.wcp-loader{display:block;background-image:url('/wp-content/plugins/image-caption-hover-pro/images/ajax-loader.gif');background-repeat:no-repeat;background-position:center center;background-color:#fff;position:absolute;width:100%;height:100%;z-index:99999999999}.centered-text{display:table-cell !important;vertical-align:middle !important}.wcp-caption-plugin .image-caption-box img{position:relative;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;-ms-transition:all 1s ease-out;transition:all 1s ease-out;max-width:100% !important;display:block}.wcp-caption-plugin .image-caption-box .caption{background-color:rgba(0,0,0,0.5);position:absolute;color:#fff;z-index:5;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;-ms-transition:all 1s ease-out;transition:all 1s ease-out;height:100%;width:100%}.wcp-caption-plugin .image-caption-box .captionna{pointer-events:none !important}.wcp-caption-plugin .image-caption-box .no-effect{display:block;top:0;visibility:hidden;-webkit-transition:none;transition:none}.wcp-caption-plugin .image-caption-box:hover .no-effect{visibility:visible}.wcp-caption-plugin .image-caption-box .simple-fade{display:block;opacity:0 !important;-webkit-transition:1s all;transition:1s all}.wcp-caption-plugin .image-caption-box:hover .simple-fade{opacity:1 !important}.wcp-caption-plugin .image-caption-box .slide-top-to-bottom{display:block;bottom:-100%}.wcp-caption-plugin .image-caption-box:hover .slide-top-to-bottom{-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.wcp-caption-plugin .image-caption-box .slide-bottom-to-top{display:block;top:-100%}.wcp-caption-plugin .image-caption-box:hover .slide-bottom-to-top{-moz-transform:translateY(100%);-o-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%)}.wcp-caption-plugin .image-caption-box .caption-slide-up{display:block;top:0}.wcp-caption-plugin .image-caption-box:hover .caption-slide-up{-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.wcp-caption-plugin .image-caption-box .slide-left-to-right{display:block;left:-100%}.wcp-caption-plugin .image-caption-box:hover .slide-left-to-right{-moz-transform:translateX(100%);-o-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}.wcp-caption-plugin .image-caption-box .slide-right-to-left{display:block;right:-100%}.wcp-caption-plugin .image-caption-box:hover .slide-right-to-left{-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.wcp-caption-plugin .image-caption-box .image-flip-up{display:block;top:0;z-index:0}.wcp-caption-plugin .image-caption-box .image-flip-up~img{z-index:101}.wcp-caption-plugin .image-caption-box:hover .image-flip-up~img{-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.wcp-caption-plugin .image-caption-box .image-flip-down{display:block;top:0;z-index:0}.wcp-caption-plugin .image-caption-box .image-flip-down~img{z-index:101}.wcp-caption-plugin .image-caption-box:hover .image-flip-down~img{-moz-transform:translateY(100%);-o-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%)}.wcp-caption-plugin .image-caption-box .image-flip-right{display:block;top:0;z-index:0}.wcp-caption-plugin .image-caption-box .image-flip-right~img{z-index:101}.wcp-caption-plugin .image-caption-box:hover .image-flip-right~img{-moz-transform:translateX(100%);-o-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}.wcp-caption-plugin .image-caption-box .image-flip-left{display:block;top:0;z-index:0}.wcp-caption-plugin .image-caption-box .image-flip-left~img{z-index:101}.wcp-caption-plugin .image-caption-box:hover .image-flip-left~img{-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.wcp-caption-plugin .image-caption-box .rotate-image-down{display:block;top:0;z-index:0}.wcp-caption-plugin .image-caption-box .rotate-image-down~img{z-index:2;transform-origin:bottom right;-ms-transform-origin:bottom right;-webkit-transform-origin:bottom right}.wcp-caption-plugin .image-caption-box:hover .rotate-image-down~img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg)}.wcp-caption-plugin .image-caption-box .image-turn-around{display:block;top:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.wcp-caption-plugin .image-caption-box .image-turn-around~img{backface-visibility:hidden;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.wcp-caption-plugin .image-caption-box:hover .image-turn-around~img{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}.wcp-caption-plugin .image-caption-box:hover .image-turn-around{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.wcp-caption-plugin .image-caption-box .zoom-and-pan{display:block;top:0;z-index:3;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s -webkit-transform:scale(0.01);-moz-transform:scale(0.01);transform:scale(0.01)}.wcp-caption-plugin .image-caption-box .zoom-and-pan~img{z-index:2;backface-visibility:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.wcp-caption-plugin .image-caption-box:hover .zoom-and-pan~img{-webkit-transform:scale(10);-moz-transform:scale(10);transform:scale(10)}.wcp-caption-plugin .image-caption-box:hover .zoom-and-pan{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}.wcp-caption-plugin .image-caption-box .tilt-image{display:block;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;transform:scale(0.01)}.wcp-caption-plugin .image-caption-box .tilt-image~img{z-index:2;backface-visibility:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.wcp-caption-plugin .image-caption-box:hover .tilt-image~img{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-o-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}.wcp-caption-plugin .image-caption-box:hover .tilt-image{transform:scale(1);-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-o-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}.wcp-caption-plugin .image-caption-box .morph{display:block;z-index:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;border-radius:50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}.wcp-caption-plugin .image-caption-box .morph~img{z-index:2;backface-visibility:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}.wcp-caption-plugin .image-caption-box:hover .morph~img{border-radius:50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}.wcp-caption-plugin .image-caption-box:hover .morph{z-index:3;border-radius:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.wcp-caption-plugin .image-caption-box .move-image-right{display:block;z-index:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.wcp-caption-plugin .image-caption-box .move-image-right~img{z-index:2;backface-visibility:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}.wcp-caption-plugin .image-caption-box:hover .move-image-right~img{-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}.wcp-caption-plugin .image-caption-box:hover .move-image-right{-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.wcp-caption-plugin .image-caption-box .move-image-left{display:block;z-index:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}.wcp-caption-plugin .image-caption-box .move-image-left~img{z-index:2;backface-visibility:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}.wcp-caption-plugin .image-caption-box:hover .move-image-left~img{-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.wcp-caption-plugin .image-caption-box:hover .move-image-left{-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}.wcp-caption-plugin .image-caption-box .move-image-top{display:block;z-index:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%)}.wcp-caption-plugin .image-caption-box .move-image-top~img{z-index:2;backface-visibility:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}.wcp-caption-plugin .image-caption-box:hover .move-image-top~img{-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.wcp-caption-plugin .image-caption-box:hover .move-image-top{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.wcp-caption-plugin .image-caption-box .move-image-bottom{display:block;z-index:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.wcp-caption-plugin .image-caption-box .move-image-bottom~img{z-index:2;backface-visibility:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}.wcp-caption-plugin .image-caption-box:hover .move-image-bottom~img{-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%)}.wcp-caption-plugin .image-caption-box:hover .move-image-bottom{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.wcp-caption-plugin .image-caption-box .image-squeez-right{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .image-squeez-right~img{transform-origin:right;z-index:2;backface-visibility:hidden}.wcp-caption-plugin .image-caption-box:hover .image-squeez-right~img{transform-origin:right;-ms-transform:scaleX(0);-moz-transform:scaleX(0);-webkit-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0)}.wcp-caption-plugin .image-caption-box .image-squeez-left{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .image-squeez-left~img{transform-origin:left;z-index:2;backface-visibility:hidden}.wcp-caption-plugin .image-caption-box:hover .image-squeez-left~img{transform-origin:left;-ms-transform:scaleX(0);-moz-transform:scaleX(0);-webkit-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0)}.wcp-caption-plugin .image-caption-box .image-squeez-top{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .image-squeez-top~img{transform-origin:top;z-index:2;backface-visibility:hidden}.wcp-caption-plugin .image-caption-box:hover .image-squeez-top~img{transform-origin:top;-ms-transform:scaleY(0);-moz-transform:scaleY(0);-webkit-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0)}.wcp-caption-plugin .image-caption-box .image-squeez-bottom{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .image-squeez-bottom~img{transform-origin:bottom;z-index:2;backface-visibility:hidden}.wcp-caption-plugin .image-caption-box:hover .image-squeez-bottom~img{transform-origin:bottom;-ms-transform:scaleY(0);-moz-transform:scaleY(0);-webkit-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0)}.wcp-caption-plugin .image-caption-box .fall-down-caption{display:block;z-index:2;backface-visibility:hidden;opacity:1;-webkit-transform-origin:100% 200%;-webkit-transform:scale(1, 1) rotate(0deg);transform-origin:100% 200%;transform:scale(1, 1) rotate(0deg)}.wcp-caption-plugin .image-caption-box .fall-down-caption~img{z-index:0}.wcp-caption-plugin .image-caption-box:hover .fall-down-caption{opacity:0;-webkit-transform-origin:200% 500%;-webkit-transform:scale(0, 0) rotate(270deg);transform-origin:200% 500%;transform:scale(0, 0) rotate(270deg)}.wcp-caption-plugin .image-caption-box .fall-down-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .fall-down-image~img{backface-visibility:hidden;opacity:1;-webkit-transform-origin:100% 200%;-webkit-transform:scale(1, 1) rotate(0deg);transform-origin:100% 200%;transform:scale(1, 1) rotate(0deg)}.wcp-caption-plugin .image-caption-box:hover .fall-down-image~img{opacity:0;-webkit-transform-origin:200% 500%;-webkit-transform:scale(0, 0) rotate(270deg);transform-origin:200% 500%;transform:scale(0, 0) rotate(270deg)}.wcp-caption-plugin .image-caption-box .swap-caption{backface-visibility:hidden;opacity:0;-webkit-transform-origin:0 100%;-webkit-transform:scale(0, 0) translate(-700px, 0px);transform-origin:0 100%;transform:scale(0, 0) translate(-700px, 0px)}.wcp-caption-plugin .image-caption-box .swap-caption~img{display:block;z-index:2}.wcp-caption-plugin .image-caption-box:hover .swap-caption{opacity:1;-webkit-transform-origin:100% 100%;-webkit-transform:scale(1, 1) translate(0px, 0px);transform-origin:100% 100%;transform:scale(1, 1) translate(0px, 0px)}.wcp-caption-plugin .image-caption-box .swap-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .swap-image~img{backface-visibility:hidden;opacity:0;z-index:2;-webkit-transform-origin:0 100%;-webkit-transform:scale(0, 0) translate(-700px, 0px);transform-origin:0 100%;transform:scale(0, 0) translate(-700px, 0px)}.wcp-caption-plugin .image-caption-box:hover .swap-image~img{opacity:1;-webkit-transform-origin:100% 100%;-webkit-transform:scale(1, 1) translate(0px, 0px);transform-origin:100% 100%;transform:scale(1, 1) translate(0px, 0px)}.wcp-caption-plugin .image-caption-box .puffin-caption{z-index:2;backface-visibility:hidden;opacity:0 !important;-webkit-transform-origin:50% 50%;-webkit-transform:scale(2,2);transform-origin:50% 50%;transform:scale(2,2);-webkit-filter:blur(2px)}.wcp-caption-plugin .image-caption-box .puffin-caption~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .puffin-caption{opacity:1 !important;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1);transform-origin:50% 50%;transform:scale(1,1);-webkit-filter:blur(0px)}.wcp-caption-plugin .image-caption-box .puffin-image{display:block;z-index:0;opacity:1 !important}.wcp-caption-plugin .image-caption-box .puffin-image~img{z-index:2;opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(2,2);transform-origin:50% 50%;transform:scale(2,2);-webkit-filter:blur(2px)}.wcp-caption-plugin .image-caption-box:hover .puffin-image~img{opacity:1 !important;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1);transform-origin:50% 50%;transform:scale(1,1);-webkit-filter:blur(0px)}.wcp-caption-plugin .image-caption-box .puffout-caption{z-index:2;opacity:1 !important;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1);transform-origin:50% 50%;transform:scale(1,1);-webkit-filter:blur(0px)}.wcp-caption-plugin .image-caption-box .puffout-caption~img{display:block;z-index:0;opacity:1 !important}.wcp-caption-plugin .image-caption-box:hover .puffout-caption{opacity:0 !important;-webkit-transform-origin:50% 50%;-webkit-transform:scale(2,2);transform-origin:50% 50%;transform:scale(2,2);-webkit-filter:blur(2px)}.wcp-caption-plugin .image-caption-box .puffout-image{display:block;z-index:0;opacity:1 !important}.wcp-caption-plugin .image-caption-box .puffout-image~img{z-index:2;opacity:1 !important;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1);transform-origin:50% 50%;transform:scale(1,1);-webkit-filter:blur(0px)}.wcp-caption-plugin .image-caption-box:hover .puffout-image~img{opacity:0 !important;-webkit-transform-origin:50% 50%;-webkit-transform:scale(2,2);transform-origin:50% 50%;transform:scale(2,2);-webkit-filter:blur(2px)}.wcp-caption-plugin .image-caption-box .opendoordown-caption{z-index:2;-webkit-transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(0deg);transform-origin:0 100%;transform:perspective(800px) rotateX(0deg)}.wcp-caption-plugin .image-caption-box .opendoordown-caption~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .opendoordown-caption{-webkit-transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(-180deg);transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}.wcp-caption-plugin .image-caption-box .opendoordown-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .opendoordown-image~img{z-index:2;-webkit-transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(0deg);transform-origin:0 100%;transform:perspective(800px) rotateX(0deg)}.wcp-caption-plugin .image-caption-box:hover .opendoordown-image~img{-webkit-transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(-180deg);transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}.wcp-caption-plugin .image-caption-box .opendoorup-caption{z-index:2;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg);transform-origin:0 0;transform:perspective(800px) rotateX(0deg)}.wcp-caption-plugin .image-caption-box .opendoorup-caption~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .opendoorup-caption{-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(180deg);transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}.wcp-caption-plugin .image-caption-box .opendoorup-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .opendoorup-image~img{z-index:2;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg);transform-origin:0 0;transform:perspective(800px) rotateX(0deg)}.wcp-caption-plugin .image-caption-box:hover .opendoorup-image~img{-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(180deg);transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}.wcp-caption-plugin .image-caption-box .opendoorright-caption{z-index:2;-webkit-transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(0deg);transform-origin:100% 0;transform:perspective(800px) rotateY(0deg)}.wcp-caption-plugin .image-caption-box .opendoorright-caption~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .opendoorright-caption{-webkit-transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(180deg);transform-origin:100% 0;transform:perspective(800px) rotateY(180deg)}.wcp-caption-plugin .image-caption-box .opendoorright-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .opendoorright-image~img{z-index:2;-webkit-transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(0deg);transform-origin:100% 0;transform:perspective(800px) rotateY(0deg)}.wcp-caption-plugin .image-caption-box:hover .opendoorright-image~img{-webkit-transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(180deg);transform-origin:100% 0;transform:perspective(800px) rotateY(180deg)}.wcp-caption-plugin .image-caption-box .opendoorleft-caption{z-index:2;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg);transform-origin:0 0;transform:perspective(800px) rotateY(0deg)}.wcp-caption-plugin .image-caption-box .opendoorleft-caption~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .opendoorleft-caption{-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(-180deg);transform-origin:0 0;transform:perspective(800px) rotateY(-180deg)}.wcp-caption-plugin .image-caption-box .opendoorleft-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .opendoorleft-image~img{z-index:2;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg);transform-origin:0 0;transform:perspective(800px) rotateY(0deg)}.wcp-caption-plugin .image-caption-box:hover .opendoorleft-image~img{-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(-180deg);transform-origin:0 0;transform:perspective(800px) rotateY(-180deg)}.wcp-caption-plugin .image-caption-box .rotatedown-caption{opacity:1 !important;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg) translateZ(0px);transform-origin:0 0;transform:perspective(800px) rotateX(0deg) translateZ(0px);z-index:2}.wcp-caption-plugin .image-caption-box .rotatedown-caption~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .rotatedown-caption{opacity:0 !important;-webkit-transform-origin:50% 100%;-webkit-transform:perspective(800px) rotateX(-180deg) translateZ(300px);transform-origin:50% 100%;transform:perspective(800px) rotateX(-180deg) translateZ(300px)}.wcp-caption-plugin .image-caption-box .rotatedown-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .rotatedown-image~img{opacity:1 !important;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg) translateZ(0px);transform-origin:0 0;transform:perspective(800px) rotateX(0deg) translateZ(0px);z-index:2}.wcp-caption-plugin .image-caption-box:hover .rotatedown-image~img{opacity:0 !important;-webkit-transform-origin:50% 100%;-webkit-transform:perspective(800px) rotateX(-180deg) translateZ(300px);transform-origin:50% 100%;transform:perspective(800px) rotateX(-180deg) translateZ(300px)}.wcp-caption-plugin .image-caption-box .rotateup-caption{opacity:1 !important;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg) translateZ(0px);transform-origin:0 0;transform:perspective(800px) rotateX(0deg) translateZ(0px);z-index:2}.wcp-caption-plugin .image-caption-box .rotateup-caption~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .rotateup-caption{opacity:0 !important;-webkit-transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(180deg) translateZ(100px);transform-origin:50% 0;transform:perspective(800px) rotateX(180deg) translateZ(100px)}.wcp-caption-plugin .image-caption-box .rotateup-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .rotateup-image~img{opacity:1 !important;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg) translateZ(0px);transform-origin:0 0;transform:perspective(800px) rotateX(0deg) translateZ(0px);z-index:2}.wcp-caption-plugin .image-caption-box:hover .rotateup-image~img{opacity:0 !important;-webkit-transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(180deg) translateZ(100px);transform-origin:50% 0;transform:perspective(800px) rotateX(180deg) translateZ(100px)}.wcp-caption-plugin .image-caption-box .rotateright-caption{opacity:1 !important;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg) translate3d(0px);transform-origin:0 0;transform:perspective(800px) rotateY(0deg) translate3d(0px);z-index:2}.wcp-caption-plugin .image-caption-box .rotateright-caption~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .rotateright-caption{opacity:0 !important;-webkit-transform-origin:50% 0;-webkit-transform:perspective(800px) rotateY(-180deg) translateZ(150px);transform-origin:50% 0;transform:perspective(800px) rotateY(-180deg) translateZ(150px)}.wcp-caption-plugin .image-caption-box .rotateright-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .rotateright-image~img{opacity:1 !important;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg) translate3d(0px);transform-origin:0 0;transform:perspective(800px) rotateY(0deg) translate3d(0px);z-index:2}.wcp-caption-plugin .image-caption-box:hover .rotateright-image~img{opacity:0 !important;-webkit-transform-origin:50% 0;-webkit-transform:perspective(800px) rotateY(-180deg) translateZ(150px);transform-origin:50% 0;transform:perspective(800px) rotateY(-180deg) translateZ(150px)}.wcp-caption-plugin .image-caption-box .rotateleft-caption{opacity:1 !important;-webkit-transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg) translateZ(0px);transform-origin:0 0;transform:perspective(800px) rotateY(0deg) translateZ(0px);z-index:2}.wcp-caption-plugin .image-caption-box .rotateleft-caption~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .rotateleft-caption{opacity:0 !important;-webkit-transform-origin:50% 0;-webkit-transform:perspective(800px) rotateY(180deg) translateZ(100px);transform-origin:50% 0;transform:perspective(800px) rotateY(180deg) translateZ(100px)}.wcp-caption-plugin .image-caption-box .rotateleft-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .rotateleft-image~img{opacity:1 !important;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0deg) translateZ(0px);transform:perspective(800px) rotateY(0deg) translateZ(0px);z-index:2}.wcp-caption-plugin .image-caption-box:hover .rotateleft-image~img{opacity:0 !important;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateY(180deg) translateZ(300px);transform:perspective(800px) rotateY(180deg) translateZ(300px)}.wcp-caption-plugin .image-caption-box .spaceoutup-caption{opacity:1 !important;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform:scale(1) translate(0%, 0%);transform:scale(1) translate(0%, 0%);z-index:2}.wcp-caption-plugin .image-caption-box .spaceoutup-caption~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .spaceoutup-caption{opacity:0 !important;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform:scale(.2) translate(0%, -200%);transform:scale(.2) translate(0%, -200%)}.wcp-caption-plugin .image-caption-box .spaceoutup-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .spaceoutup-image~img{opacity:1 !important;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform:scale(1) translate(0%, 0%);transform:scale(1) translate(0%, 0%);z-index:2}.wcp-caption-plugin .image-caption-box:hover .spaceoutup-image~img{opacity:0 !important;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform:scale(.2) translate(0%, -200%);transform:scale(.2) translate(0%, -200%)}.wcp-caption-plugin .image-caption-box .spaceoutdown-caption{opacity:1 !important;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1) translate(0%, 0%);transform:scale(1) translate(0%, 0%);z-index:2}.wcp-caption-plugin .image-caption-box .spaceoutdown-caption~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .spaceoutdown-caption{opacity:0 !important;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.2) translate(0%, 200%);transform:scale(.2) translate(0%, 200%)}.wcp-caption-plugin .image-caption-box .spaceoutdown-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .spaceoutdown-image~img{opacity:1 !important;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1) translate(0%, 0%);transform:scale(1) translate(0%, 0%);z-index:2}.wcp-caption-plugin .image-caption-box:hover .spaceoutdown-image~img{opacity:0 !important;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.2) translate(0%, 200%);transform:scale(.2) translate(0%, 200%)}.wcp-caption-plugin .image-caption-box .spaceoutright-caption{opacity:1 !important;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1) translate(0%, 0%);transform:scale(1) translate(0%, 0%);z-index:2}.wcp-caption-plugin .image-caption-box .spaceoutright-caption~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .spaceoutright-caption{opacity:0 !important;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.2) translate(200%, 0%);transform:scale(.2) translate(200%, 0%)}.wcp-caption-plugin .image-caption-box .spaceoutright-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .spaceoutright-image~img{opacity:1 !important;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1) translate(0%, 0%);transform:scale(1) translate(0%, 0%);z-index:2}.wcp-caption-plugin .image-caption-box:hover .spaceoutright-image~img{opacity:0 !important;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.2) translate(200%, 0%);transform:scale(.2) translate(200%, 0%)}.wcp-caption-plugin .image-caption-box .spaceoutleft-caption{opacity:1 !important;-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transform:scale(1) translate(0%, 0%);transform:scale(1) translate(0%, 0%);z-index:2}.wcp-caption-plugin .image-caption-box .spaceoutleft-caption~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .spaceoutleft-caption{opacity:0 !important;-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transform:scale(.2) translate(-200%, 0%);transform:scale(.2) translate(-200%, 0%)}.wcp-caption-plugin .image-caption-box .spaceoutleft-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .spaceoutleft-image~img{opacity:1 !important;-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transform:scale(1) translate(0%, 0%);transform:scale(1) translate(0%, 0%);z-index:2}.wcp-caption-plugin .image-caption-box:hover .spaceoutleft-image~img{opacity:0 !important;-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transform:scale(.2) translate(-200%, 0%);transform:scale(.2) translate(-200%, 0%)}.wcp-caption-plugin .image-caption-box .foolish-caption{opacity:1 !important;z-index:2;-webkit-animation-name:foolishIn;animation-name:foolishIn;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box .foolish-caption~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .foolish-caption{opacity:0 !important;-webkit-animation-name:foolishOut;animation-name:foolishOut;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box .foolish-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .foolish-image~img{opacity:1 !important;z-index:2;-webkit-animation-name:foolishIn;animation-name:foolishIn;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box:hover .foolish-image~img{opacity:0 !important;-webkit-animation-name:foolishOut;animation-name:foolishOut;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box .tinright-caption{opacity:1 !important;z-index:2;-webkit-animation-name:tinRightIn;animation-name:tinRightIn;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box .tinright-caption~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .tinright-caption{opacity:0 !important;-webkit-animation-name:tinRightOut;animation-name:tinRightOut;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box .tinright-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .tinright-image~img{opacity:1 !important;z-index:2;-webkit-animation-name:tinRightIn;animation-name:tinRightIn;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box:hover .tinright-image~img{opacity:0 !important;-webkit-animation-name:tinRightOut;animation-name:tinRightOut;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box .tinleft-caption{opacity:1 !important;z-index:2;-webkit-animation-name:tinLeftIn;animation-name:tinLeftIn;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box .tinleft-caption~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .tinleft-caption{opacity:0 !important;-webkit-animation-name:tinLeftOut;animation-name:tinLeftOut;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box .tinleft-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .tinleft-image~img{opacity:1 !important;z-index:2;-webkit-animation-name:tinLeftIn;animation-name:tinLeftIn;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box:hover .tinleft-image~img{opacity:0 !important;-webkit-animation-name:tinLeftOut;animation-name:tinLeftOut;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box .tinup-caption{opacity:1 !important;z-index:2;-webkit-animation-name:tinUpIn;animation-name:tinUpIn;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box .tinup-caption~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .tinup-caption{opacity:0 !important;-webkit-animation-name:tinUpOut;animation-name:tinUpOut;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box .tinup-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .tinup-image~img{opacity:1 !important;z-index:2;-webkit-animation-name:tinUpIn;animation-name:tinUpIn;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box:hover .tinup-image~img{opacity:0 !important;-webkit-animation-name:tinUpOut;animation-name:tinUpOut;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box .tindown-caption{opacity:1 !important;z-index:2;-webkit-animation-name:tinDownIn;animation-name:tinDownIn;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box .tindown-caption~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .tindown-caption{opacity:0 !important;-webkit-animation-name:tinDownOut;animation-name:tinDownOut;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box .tindown-image{display:block;z-index:0}.wcp-caption-plugin .image-caption-box .tindown-image~img{opacity:1 !important;z-index:2;-webkit-animation-name:tinDownIn;animation-name:tinDownIn;animation-duration:1s;-webkit-animation-duration:1s}.wcp-caption-plugin .image-caption-box:hover .tindown-image~img{opacity:0 !important;-webkit-animation-name:tinDownOut;animation-name:tinDownOut;animation-duration:1s;-webkit-animation-duration:1s}@-webkit-keyframes foolishOut{0%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1, 1) rotate(360deg)}20%{opacity:1;-webkit-transform-origin:0% 0%;-webkit-transform:scale(0.5, 0.5) rotate(0deg)}40%{opacity:1;-webkit-transform-origin:100% 0%;-webkit-transform:scale(0.5, 0.5) rotate(0deg)}60%{opacity:1;-webkit-transform-origin:0%;-webkit-transform:scale(0.5, 0.5) rotate(0deg)}80%{opacity:1;-webkit-transform-origin:0% 100%;-webkit-transform:scale(0.5, 0.5) rotate(0deg)}100%{opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(0, 0) rotate(0deg)}}@keyframes foolishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1, 1) rotate(360deg)}20%{opacity:1;transform-origin:0% 0%;transform:scale(0.5, 0.5) rotate(0deg)}40%{opacity:1;transform-origin:100% 0%;transform:scale(0.5, 0.5) rotate(0deg)}60%{opacity:1;transform-origin:0%;transform:scale(0.5, 0.5) rotate(0deg)}80%{opacity:1;transform-origin:0% 100%;transform:scale(0.5, 0.5) rotate(0deg)}100%{opacity:0;transform-origin:50% 50%;transform:scale(0, 0) rotate(0deg)}}@-webkit-keyframes foolishIn{0%{opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(0, 0) rotate(360deg)}20%{opacity:1;-webkit-transform-origin:0% 100%;-webkit-transform:scale(0.5, 0.5) rotate(0deg)}40%{opacity:1;-webkit-transform-origin:100% 100%;-webkit-transform:scale(0.5, 0.5) rotate(0deg)}60%{opacity:1;-webkit-transform-origin:0%;-webkit-transform:scale(0.5, 0.5) rotate(0deg)}80%{opacity:1;-webkit-transform-origin:0% 0%;-webkit-transform:scale(0.5, 0.5) rotate(0deg)}100%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1, 1) rotate(0deg)}}@keyframes foolishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0, 0) rotate(360deg)}20%{opacity:1;transform-origin:0% 100%;transform:scale(0.5, 0.5) rotate(0deg)}40%{opacity:1;transform-origin:100% 100%;transform:scale(0.5, 0.5) rotate(0deg)}60%{opacity:1;transform-origin:0%;transform:scale(0.5, 0.5) rotate(0deg)}80%{opacity:1;transform-origin:0% 0%;transform:scale(0.5, 0.5) rotate(0deg)}100%{opacity:1;transform-origin:50% 50%;transform:scale(1, 1) rotate(0deg)}}@-webkit-keyframes tinRightOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1, 1) translateX(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1, 1.1) translateX(0)}100%{opacity:0;-webkit-transform:scale(1, 1) translateX(900%)}}@keyframes tinRightOut{0%,20%,40%,50%{opacity:1;transform:scale(1, 1) translateX(0)}10%,30%{opacity:1;transform:scale(1.1, 1.1) translateX(0)}100%{opacity:0;transform:scale(1, 1) translateX(900%)}}@-webkit-keyframes tinLeftOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1, 1) translateX(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1, 1.1) translateX(0)}100%{opacity:0;-webkit-transform:scale(1, 1) translateX(-900%)}}@keyframes tinLeftOut{0%,20%,40%,50%{opacity:1;transform:scale(1, 1) translateX(0)}10%,30%{opacity:1;transform:scale(1.1, 1.1) translateX(0)}100%{opacity:0;transform:scale(1, 1) translateX(-900%)}}@-webkit-keyframes tinUpOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1, 1) translateY(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1, 1.1) translateY(0)}100%{opacity:0;-webkit-transform:scale(1, 1) translateY(-900%)}}@keyframes tinUpOut{0%,20%,40%,50%{opacity:1;transform:scale(1, 1) translateY(0)}10%,30%{opacity:1;transform:scale(1.1, 1.1) translateY(0)}100%{opacity:0;transform:scale(1, 1) translateY(-900%)}}@-webkit-keyframes tinDownOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1, 1) translateY(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1, 1.1) translateY(0)}100%{opacity:0;-webkit-transform:scale(1, 1) translateY(900%)}}@keyframes tinDownOut{0%,20%,40%,50%{opacity:1;transform:scale(1, 1) translateY(0)}10%,30%{opacity:1;transform:scale(1.1, 1.1) translateY(0)}100%{opacity:0;transform:scale(1, 1) translateY(900%)}}@-webkit-keyframes tinRightIn{0%{opacity:0;-webkit-transform:scale(1, 1) translateX(900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1, 1.1) translateX(0)}60%,80%,100%{opacity:1;-webkit-transform:scale(1, 1) translateX(0)}}@keyframes tinRightIn{0%{opacity:0;transform:scale(1, 1) translateX(900%)}50%,70%,90%{opacity:1;transform:scale(1.1, 1.1) translateX(0)}60%,80%,100%{opacity:1;transform:scale(1, 1) translateX(0)}}@-webkit-keyframes tinLeftIn{0%{opacity:0;-webkit-transform:scale(1, 1) translateX(-900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1, 1.1) translateX(0)}60%,80%,100%{opacity:1;-webkit-transform:scale(1, 1) translateX(0)}}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1, 1) translateX(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1, 1.1) translateX(0)}60%,80%,100%{opacity:1;transform:scale(1, 1) translateX(0)}}@-webkit-keyframes tinUpIn{0%{opacity:0;-webkit-transform:scale(1, 1) translateY(-900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1, 1.1) translateY(0)}60%,80%,100%{opacity:1;-webkit-transform:scale(1, 1) translateY(0)}}@keyframes tinUpIn{0%{opacity:0;transform:scale(1, 1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1, 1.1) translateY(0)}60%,80%,100%{opacity:1;transform:scale(1, 1) translateY(0)}}@-webkit-keyframes tinDownIn{0%{opacity:0;-webkit-transform:scale(1, 1) translateY(900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1, 1.1) translateY(0)}60%,80%,100%{opacity:1;-webkit-transform:scale(1, 1) translateY(0)}}@keyframes tinDownIn{0%{opacity:0;transform:scale(1, 1) translateY(900%)}50%,70%,90%{opacity:1;transform:scale(1.1, 1.1) translateY(0)}60%,80%,100%{opacity:1;transform:scale(1, 1) translateY(0)}}.wcp-caption-plugin .image-caption-box .zoom-in{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}.wcp-caption-plugin .image-caption-box .zoom-in~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .zoom-in{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.wcp-caption-plugin .image-caption-box .static-caption-zoom{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.wcp-caption-plugin .image-caption-box .static-caption-zoom~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .static-caption-zoom{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);opacity:1}.wcp-caption-plugin .image-caption-box .zoom-out{-webkit-transform:scale(5);-ms-transform:scale(5);transform:scale(5);opacity:0}.wcp-caption-plugin .image-caption-box .zoom-out~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .zoom-out{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.wcp-caption-plugin .image-caption-box .zoom-in-twist{-webkit-transform:scale(0) rotateZ(-720deg);transform:scale(0) rotateZ(-720deg);opacity:0}.wcp-caption-plugin .image-caption-box .zoom-in-twist~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .zoom-in-twist{-webkit-transform:scale(1) rotateZ(0);-ms-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0);opacity:1}.wcp-caption-plugin .image-caption-box .zoom-out-twist{-webkit-transform:scale(5) rotateZ(720deg);transform:scale(5) rotateZ(720deg);opacity:0}.wcp-caption-plugin .image-caption-box .zoom-out-twist~img{display:block;z-index:0}.wcp-caption-plugin .image-caption-box:hover .zoom-out-twist{-webkit-transform:scale(1) rotateZ(0);-ms-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0);opacity:1}.wcp-caption-plugin .image-caption-box .zoom-caption-in-image-out{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}.wcp-caption-plugin .image-caption-box .zoom-caption-in-image-out~img{display:block;z-index:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.wcp-caption-plugin .image-caption-box:hover .zoom-caption-in-image-out{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.wcp-caption-plugin .image-caption-box:hover .zoom-caption-in-image-out~img{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}.wcp-caption-plugin .image-caption-box .zoom-caption-out-image-in{-webkit-transform:scale(5);-ms-transform:scale(5);transform:scale(5);opacity:0}.wcp-caption-plugin .image-caption-box .zoom-caption-out-image-in~img{display:block;z-index:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.wcp-caption-plugin .image-caption-box:hover .zoom-caption-out-image-in{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.wcp-caption-plugin .image-caption-box:hover .zoom-caption-out-image-in~img{-webkit-transform:scale(5);-ms-transform:scale(5);transform:scale(5);opacity:0}.wcp-caption-plugin .image-caption-box .zoom-image-out-caption-twist{-webkit-transform:scale(0) rotateZ(-720deg);transform:scale(0) rotateZ(-720deg);opacity:0}.wcp-caption-plugin .image-caption-box .zoom-image-out-caption-twist~img{display:block;z-index:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.wcp-caption-plugin .image-caption-box:hover .zoom-image-out-caption-twist{-webkit-transform:scale(1) rotateZ(0);-ms-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0);opacity:1}.wcp-caption-plugin .image-caption-box:hover .zoom-image-out-caption-twist~img{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}.wcp-caption-plugin .image-caption-box .zoom-image-in-caption-twist{-webkit-transform:scale(5) rotateZ(720deg);transform:scale(5) rotateZ(720deg);opacity:0}.wcp-caption-plugin .image-caption-box .zoom-image-in-caption-twist~img{display:block;z-index:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.wcp-caption-plugin .image-caption-box:hover .zoom-image-in-caption-twist{-webkit-transform:scale(1) rotateZ(0);-ms-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0);opacity:1}.wcp-caption-plugin .image-caption-box:hover .zoom-image-in-caption-twist~img{-webkit-transform:scale(5);-ms-transform:scale(5);transform:scale(5);opacity:0}.wcp-caption-plugin .image-caption-box .flip-image-vertical, .wcp-caption-plugin .image-caption-box .flip-image-vertical-back, .wcp-caption-plugin .image-caption-box .flip-image-horizontal, .wcp-caption-plugin .image-caption-box .flip-image-horizontal-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.wcp-caption-plugin .image-caption-box .flip-image-vertical ~ img, .wcp-caption-plugin .image-caption-box .flip-image-vertical-back ~ img, .wcp-caption-plugin .image-caption-box .flip-image-horizontal ~ img, .wcp-caption-plugin .image-caption-box .flip-image-horizontal-back~img{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.wcp-caption-plugin .image-caption-box .flip-image-vertical{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.wcp-caption-plugin .image-caption-box:hover .flip-image-vertical{-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.wcp-caption-plugin .image-caption-box:hover .flip-image-vertical~img{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}.wcp-caption-plugin .image-caption-box .flip-image-vertical-back{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.wcp-caption-plugin .image-caption-box:hover .flip-image-vertical-back{-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.wcp-caption-plugin .image-caption-box:hover .flip-image-vertical-back~img{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}.wcp-caption-plugin .image-caption-box .flip-image-horizontal{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.wcp-caption-plugin .image-caption-box:hover .flip-image-horizontal{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.wcp-caption-plugin .image-caption-box:hover .flip-image-horizontal~img{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}.wcp-caption-plugin .image-caption-box .flip-image-horizontal-back{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.wcp-caption-plugin .image-caption-box:hover .flip-image-horizontal-back{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.wcp-caption-plugin .image-caption-box:hover .flip-image-horizontal-back~img{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}.wcp-caption-plugin .image-caption-box .page-turn-from-top{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0}.wcp-caption-plugin .image-caption-box:hover .page-turn-from-top{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}.wcp-caption-plugin .image-caption-box .page-turn-from-top~img{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}.wcp-caption-plugin .image-caption-box:hover .page-turn-from-top~img{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:0}.wcp-caption-plugin .image-caption-box .page-turn-from-bottom{-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:0}.wcp-caption-plugin .image-caption-box:hover .page-turn-from-bottom{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}.wcp-caption-plugin .image-caption-box .page-turn-from-bottom~img{-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}.wcp-caption-plugin .image-caption-box:hover .page-turn-from-bottom~img{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0}.wcp-caption-plugin .image-caption-box .page-turn-from-left{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);opacity:0}.wcp-caption-plugin .image-caption-box:hover .page-turn-from-left{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}.wcp-caption-plugin .image-caption-box .page-turn-from-left~img{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}.wcp-caption-plugin .image-caption-box:hover .page-turn-from-left~img{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);opacity:0}.wcp-caption-plugin .image-caption-box .page-turn-from-right{-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);opacity:0}.wcp-caption-plugin .image-caption-box:hover .page-turn-from-right{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}.wcp-caption-plugin .image-caption-box .page-turn-from-right~img{-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}.wcp-caption-plugin .image-caption-box:hover .page-turn-from-right~img{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);opacity:0}.no-hover-still-caption{}.wcp-caption-plugin .image-caption-box .visible-caption-blur-image~img{filter:blur(1px);-webkit-filter:blur(1px)}.wcp-caption-plugin .image-caption-box:hover .visible-caption-blur-image~img{filter:blur(0);-webkit-filter:blur(0)}.wcp-caption-plugin .image-caption-box .visible-caption-grayscale-image~img{filter:grayscale(100%);-webkit-filter:grayscale(100%)}.wcp-caption-plugin .image-caption-box:hover .visible-caption-grayscale-image~img{filter:grayscale(0);-webkit-filter:grayscale(0)}.square.overlay_visible.slide_up .wcp-ih-inner{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.square.overlay_visible.slide_up .wcp-ih-inner p{opacity:0}.square.overlay_visible.slide_up .wcp-ih-inner:hover .img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;background:rgba(184, 7, 31, .8)}.square.overlay_visible.slide_up .wcp-ih-inner:hover p{opacity:1}.square.overlay_visible.slide_up .wcp-ih-inner:hover h3{padding:10% 0 0 0;-webkit-transition:all .5s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;-ms-transition:all .5s ease-in-out .4s;transition:all .5s ease-in-out .4s}.scroll-image-bottom-caption .caption{height:auto !important;bottom:0 !important}.wcp-caption-plugin .image-caption-box.scroll-image-bottom-caption:hover{background-position:center 100% !important}.scroll-image-top-caption .caption{height:auto !important;top:0 !important}.wcp-caption-plugin .image-caption-box.scroll-image-top-caption:hover{background-position:center 100% !important}.wcp-caption-plugin .image-caption-box .visible-image-title-caption-switch{background-color:transparent}.wcp-caption-plugin .image-caption-box .visible-image-title-caption-switch .desc{max-height:0;overflow:hidden;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;-ms-transition:all 0.25s ease-out;transition:all 0.25s ease-out}.wcp-caption-plugin .image-caption-box .visible-image-title-caption-switch .heading{max-height:500px;overflow:visible;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;-ms-transition:all 0.25s ease-out;transition:all 0.25s ease-out}.wcp-caption-plugin .image-caption-box:hover .visible-image-title-caption-switch .desc{max-height:500px !important;overflow:visible;-webkit-transition:all 0.25s ease-in;-moz-transition:all 0.25s ease-in;-o-transition:all 0.25s ease-in;-ms-transition:all 0.25s ease-in;transition:all 0.25s ease-in}.wcp-caption-plugin .image-caption-box:hover .visible-image-title-caption-switch .heading{max-height:0 !important;overflow:hidden;!important;-webkit-transition:all 0.25s ease-in;-moz-transition:all 0.25s ease-in;-o-transition:all 0.25s ease-in;-ms-transition:all 0.25s ease-in;transition:all 0.25s ease-in}.wcp-caption-plugin .image-caption-box .black-dots-overlay{display:block;top:0;opacity:0 !important;-webkit-transition:1s all;transition:1s all;background-image:url(/wp-content/plugins/image-caption-hover-pro/css/pattern_dark.png);background-repeat:repeat;background-position:0 0}.wcp-caption-plugin .image-caption-box .black-dots-overlay .centered-text{vertical-align:bottom !important}.wcp-caption-plugin .image-caption-box .black-dots-overlay .centered-text p{background-color:#000;position:absolute;bottom:0;left:0;margin:8px;padding:2px 6px}.wcp-caption-plugin .image-caption-box:hover .black-dots-overlay{opacity:1 !important}.wcp-caption-plugin .image-caption-box:hover .static-caption-under-image{background-color:transparent}@font-face{font-family:star;src:url(/wp-content/plugins/image-caption-hover-pro/fonts/star.eot);src:url(/wp-content/plugins/image-caption-hover-pro/fonts/star.eot?#iefix) format("embedded-opentype"),url(/wp-content/plugins/image-caption-hover-pro/fonts/star.woff) format("woff"),url(/wp-content/plugins/image-caption-hover-pro/fonts/star.ttf) format("truetype"),url(/wp-content/plugins/image-caption-hover-pro/fonts/star.svg#star) format("svg");font-weight:400;font-style:normal}@font-face{font-family:WooCommerce;src:url(/wp-content/plugins/image-caption-hover-pro/fonts/WooCommerce.eot);src:url(/wp-content/plugins/image-caption-hover-pro/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),url(/wp-content/plugins/image-caption-hover-pro/fonts/WooCommerce.woff) format("woff"),url(/wp-content/plugins/image-caption-hover-pro/fonts/WooCommerce.ttf) format("truetype"),url(/wp-content/plugins/image-caption-hover-pro/fonts/WooCommerce.svg#WooCommerce) format("svg");font-weight:400;font-style:normal}div.pp_woocommerce .pp_content_container{background:#fff;border-radius:3px;box-shadow:0 1px 30px rgba(0,0,0,.25);padding:20px 0}div.pp_woocommerce .pp_content_container:after,div.pp_woocommerce .pp_content_container:before{content:" ";display:table}div.pp_woocommerce .pp_content_container:after{clear:both}div.pp_woocommerce .pp_loaderIcon:before{height:1em;width:1em;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;display:block;content:"";-webkit-animation:spin 1s ease-in-out infinite;-moz-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;background:url(/wp-content/plugins/image-caption-hover-pro/images/icons/loader.svg) center center;background-size:cover;line-height:1;text-align:center;font-size:2em;color:rgba(0,0,0,.75)}div.pp_woocommerce div.ppt{color:#000}div.pp_woocommerce .pp_gallery ul li a{border:1px solid rgba(0,0,0,.5);background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:2px;display:block}div.pp_woocommerce .pp_arrow_next,div.pp_woocommerce .pp_arrow_previous,div.pp_woocommerce .pp_close,div.pp_woocommerce .pp_next:before,div.pp_woocommerce .pp_previous:before,div.pp_woocommerce a.pp_contract,div.pp_woocommerce a.pp_expand{border-radius:100%;height:1em;width:1em;text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1em;transition:all ease-in-out .2s;color:#fff!important}div.pp_woocommerce .pp_gallery ul li a:hover,div.pp_woocommerce .pp_gallery ul li.selected a{border-color:#000}div.pp_woocommerce .pp_next:before,div.pp_woocommerce .pp_previous:before{background-color:#444;font-size:16px!important;font-family:WooCommerce;content:"\e00b";text-indent:0;display:none;position:absolute;top:50%;margin-top:-10px;text-align:center}div.pp_woocommerce .pp_next:before:hover,div.pp_woocommerce .pp_previous:before:hover{background-color:#000}div.pp_woocommerce .pp_next:hover:before,div.pp_woocommerce .pp_previous:hover:before{display:block}div.pp_woocommerce .pp_previous:before{left:1em}div.pp_woocommerce .pp_next:before{right:1em;font-family:WooCommerce;content:"\e008"}div.pp_woocommerce .pp_details{margin:0;padding-top:1em}div.pp_woocommerce .pp_description,div.pp_woocommerce .pp_nav{font-size:14px}div.pp_woocommerce .pp_arrow_next,div.pp_woocommerce .pp_arrow_previous,div.pp_woocommerce .pp_nav,div.pp_woocommerce .pp_nav .pp_pause,div.pp_woocommerce .pp_nav p,div.pp_woocommerce .pp_play{margin:0}div.pp_woocommerce .pp_nav{margin-right:1em;position:relative}div.pp_woocommerce .pp_close{background-color:#444;top:-.5em;right:-.5em;font-size:1.618em!important}div.pp_woocommerce .pp_close:hover{background-color:#000}div.pp_woocommerce .pp_close:before{font-family:WooCommerce;content:"\e013";display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;text-indent:0}div.pp_woocommerce .pp_arrow_next,div.pp_woocommerce .pp_arrow_previous{background-color:#444;font-size:16px!important;position:relative;margin-top:-1px}div.pp_woocommerce .pp_arrow_next:hover,div.pp_woocommerce .pp_arrow_previous:hover{background-color:#000}div.pp_woocommerce .pp_arrow_next:before,div.pp_woocommerce .pp_arrow_previous:before{font-family:WooCommerce;content:"\e00b";display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;text-indent:0}div.pp_woocommerce .pp_arrow_previous{margin-right:.5em}div.pp_woocommerce .pp_arrow_next{margin-left:.5em}div.pp_woocommerce .pp_arrow_next:before{content:"\e008"}div.pp_woocommerce a.pp_contract,div.pp_woocommerce a.pp_expand{background-color:#444;right:auto;left:-.5em;top:-.5em;font-size:1.618em!important}div.pp_woocommerce a.pp_contract:hover,div.pp_woocommerce a.pp_expand:hover{background-color:#000}div.pp_woocommerce a.pp_contract:before,div.pp_woocommerce a.pp_expand:before{font-family:WooCommerce;content:"\e005";display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;text-indent:0}div.pp_woocommerce a.pp_contract:before{content:"\e004"}div.pp_woocommerce #respond{margin:0;width:100%;background:0 0;border:none;padding:0}div.pp_woocommerce #respond .form-submit{margin-top:0;float:none}div.pp_woocommerce .pp_inline{padding:0!important}.rtl div.pp_woocommerce .pp_content_container{text-align:right}@media only screen and (max-width:768px){div.pp_woocommerce .pp_contract,div.pp_woocommerce .pp_description,div.pp_woocommerce .pp_expand,div.pp_woocommerce .pp_gallery,div.pp_woocommerce .pp_next,div.pp_woocommerce .pp_previous{display:none!important}div.pp_woocommerce{left:5%!important;right:5%!important;box-sizing:border-box;width:90%!important}div.pp_woocommerce .pp_arrow_next,div.pp_woocommerce .pp_arrow_previous,div.pp_woocommerce .pp_close{height:44px;width:44px;font-size:44px;line-height:44px}div.pp_woocommerce .pp_arrow_next:before,div.pp_woocommerce .pp_arrow_previous:before,div.pp_woocommerce .pp_close:before{font-size:44px}.pp_content,div.pp_woocommerce .pp_details{width:100%!important}.pp_content #pp_full_res>img{width:100%!important;height:auto!important}.currentTextHolder{line-height:3}}div.pp_pic_holder a:focus{outline:0}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9999}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_top{height:20px;position:relative}* html .pp_top{padding:0 20px}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle{left:0;position:static}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_content{height:40px;min-width:40px}* html .pp_content{width:40px}.pp_fade{display:none}.pp_content_container{position:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:20px}.pp_content_container .pp_right{padding-right:20px}.pp_content_container .pp_details{float:left;margin:10px 0 2px}.pp_description{display:none;margin:0}.pp_social{float:left;margin:0}.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}.pp_social .twitter{float:left}.pp_nav{clear:right;float:left;margin:3px 10px 0 0}.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}.pp_nav .pp_pause,.pp_nav .pp_play{float:left;margin-right:4px;text-indent:-10000px}a.pp_arrow_next,a.pp_arrow_previous{display:block;float:left;height:15px;margin-top:3px;text-indent:-100000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery div{float:left;overflow:hidden;position:relative}.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}.pp_gallery ul a{border:1px solid #000;border:1px solid rgba(0,0,0,.5);display:block;float:left;height:33px;overflow:hidden}.pp_gallery li.selected a,.pp_gallery ul a:hover{border-color:#fff}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}.pp_gallery li.default a{display:block;height:33px;width:50px}.pp_gallery li.default a img{display:none}a.pp_next,a.pp_previous{display:block;height:100%;width:49%;text-indent:-10000px}.pp_gallery .pp_arrow_next,.pp_gallery .pp_arrow_previous{margin-top:7px!important}a.pp_next{float:right}a.pp_previous{float:left}a.pp_contract,a.pp_expand{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{position:absolute;right:0;top:0;display:block;text-indent:-10000px}.pp_bottom{height:20px;position:relative}* html .pp_bottom{padding:0 20px}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_bottom .pp_middle{left:0;position:static}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}#pp_full_res .pp_inline{text-align:left}div.ppt{color:#fff!important;font-weight:700;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}