.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//www.quellfisch-tirol.at/wp-content/themes/resto/assets/vendors/owl-carousel/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
font-family: inherit;
font-weight: inherit;
font-style: inherit;
font-size: 100%; margin: 0;
border: 0;
}
body {
line-height: 1.8em;
max-width:   100%;
position: relative;
}
body #jws_theme_wrapper{
overflow: hidden;
}
body.boxed #jws_theme_wrapper{
background: #fff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
margin: 0 auto;
max-width: 1200px;
position: relative;
overflow: hidden;
}
*:focus {
outline: 0;
}
a:hover, a:focus {
text-decoration: none;
}
ul{
list-style: disc;
}
ol{
list-style: decimal;
}
ol, ul {  margin: 0 0 24px 20px;
}
sup {
font-size: 10px;
vertical-align: super;
}
sub {
font-size: 10px;
vertical-align: sub;
}
pre{
padding: 20px;
}
p:empty {
display: none;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
ol {
list-style: decimal outside none;
}
footer{
clear: both;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: bold;
}
td {
border-width: 0 1px 1px 0;
}
address {
font-style: italic;
margin-bottom: 24px;
}
big {
font-size: 125%;
}
code, kbd, tt, var, samp, pre {
-moz-hyphens: none;
font-family: monospace,serif;
line-height: 1.6;
}
cite, dfn, em, i {
font-style: italic;
} .tb-content-block, .tb-content-block p{ }
p, hr, dl, blockquote, pre, address, fieldset, figure{
margin: 0;
}
blockquote {
background: #f5f5f5;
border-left: 4px solid #84c340;
margin-bottom: 10px;
padding: 20px;
}
dl {
margin: 0 0 28px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 28px;
}
h1 {
font-size: 42px; 
}
h2 {
font-size: 36px; 
}
h3 {
font-size: 24px; 
}
h4 {
font-size: 18px; 
}
h5 {
font-size: 16px; 
}
h6 {
font-size: 14px; 
}
table,
th,
td {
border: 1px solid rgba(0, 0, 0, 0.1);
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin-bottom: 24px;
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: bold;
}
td {
border-width: 0 1px 1px 0;
}
address {
font-style: italic;
margin-bottom: 24px;
}
big {
font-size: 125%;
}
body.admin-bar {
margin-top: 0px;
}
.direction-ltr {
direction: ltr;
}
.direction-rtl {
direction: rtl;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.full-width .site-content .alignleft {
clear: left;
}
.full-width .site-content .alignright {
clear: right;
}
.center {
text-align:center;
}
.center th,.center tr,.center td{
text-align:center;
}
.widget ul, .widget ol {
list-style: none outside none;
margin: 0;
}
.widget > ul,ul.menu{
padding-left: 0;
}
.widget li > ol, .widget li > ul {
margin-left: 10px;
}
#dropdown_product_cat{
width: 100%;
} .main-content .wpb_gmaps_widget .wpb_wrapper {
padding: 0;
}
.container .container{
margin: 0;
padding: 0;
width: auto;
} .no-container .row .vc_column_container{
padding: 0px;
}
.wpb_wrapper .row-bg-center{
background-position: center center !important;
}
.row-overflow-hidden{
overflow: hidden;
}
.ro-calc-30 {
margin: 0 15px !important;
width: calc(100% - 30px) !important;
} .text-ellipsis{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
} @media (max-width: 980px) {
.aligncenter-sm{
text-align: center !important;
}
} .tbripple { 
position: relative; 
overflow: hidden;  
text-align: center; 
border: none; 
overflow: hidden; 
}
a.tbripple,
a.tbripple .wpb_button {
display: inline-block;
line-height: normal;
margin-top: 0;
margin-bottom: 0;
}
.tbripple:not([disabled]):hover,
.tbripple:not([disabled]):focus,
.tbripple:not([disabled]):active{ 
outline: none;
}
.tbripple:focus { 
outline: none; 
}
.ripple { 
display: block;
position: absolute; 
background: rgba(0,0,0,.1); 
border-radius: 100%; 
transform: scale(0); transform: scale(0); 
-webkit-transform: scale(0); transform: scale(0); 
} .ripple.animate { 
-webkit-animation: ripple 0.65s linear; 
animation: ripple 0.65s linear; }
@-webkit-keyframes ripple {
100% {opacity: 0; -webkit-transform: scale(3); transform: scale(2.5);}
}
@keyframes ripple { 
100% {opacity: 0; -webkit-transform: scale(3); transform: scale(2.5);}
} .inline_middle > .container > .row{
font-size: 0;
}
.inline_middle > .container > .row > .wpb_column{
float: none;
display: inline-block;
vertical-align: middle;
} .wpb_image_grid_ul:after{
content: "Gallery";
color: #FFF;
font-size: 20px;
font-weight: bold;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
}
.wpb_image_grid_ul:before{
content: "";
background: #483865;
padding: 50px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-o-transform: translate(-50%, -50%) rotate(-45deg);
box-shadow: 0 0 0 1px #8f8f8f, 0 0 0 6px #483865, 0 0 0 11px rgba(255, 255, 255, 0.3), -7px 7px 24px 10px rgba(0,0,0,.5);
color: #fff;
}
.wpb_image_grid_ul{ 
font-size: 0;
border: 7px solid rgba(0, 0, 0, 0);
box-shadow: 0 0 26px -18px rgba(16, 16, 16, 0.6);
margin: 0 auto !important;
width: 80% !important;
}
.wpb_image_grid_ul li{
position: static !important;
display: inline-block;
box-sizing: border-box;
margin:0 !important;
width: 50% !important;
}
.wpb_image_grid_ul li img{
width: 100%;
max-width: 100%;
} .separator-icon {
overflow: hidden;
}
.separator-icon span{
display: inline-block;
position: relative;
}
.separator-icon  span:after,
.separator-icon  span:before{
background: url(//www.quellfisch-tirol.at/wp-content/themes/resto/assets/images/border-img.png) repeat-x scroll center center / 14px auto rgba(0, 0, 0, 0);
content: "";
height: 16px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: 3000px;
}
.separator-icon span:after{
left: -3015px;
}
.separator-icon span:before{
right: -3015px;
}
.separator-icon span i{
color: #D3D3D3;
font-size: 18px;
}
.no-lineheight{
line-height: 0;
}
.tbblur{ position: relative; overflow: hidden; }
.tbblur canvas{ position: absolute; left: 0; top: 0; transition: .8s; }
.text-color-black,
.text-color-black a,
.text-color-black i{ 
color: #555;
}
.text-color-white,
.text-color-white a,
.text-color-white i{ 
color: #FFF;
}
.admin-bar .nicescroll-rails-vr{
transform: translateY(-32px);
-webkit-transform: translateY(-32px);
}
.nicescroll-rails{
z-index: 999 !important;
}
.nicescroll-rails > div{
background: rgba(16,16,16,.3) !important;
border: none !important;
width: 4px !important; 
}
.nicescroll-rails:hover{
opacity: 1 !important;
} .tb-arrow-bottom{ position: relative; overflow: hidden; }
.tb-arrow-bottom:after,
.tb-arrow-bottom:before{
content: "";
width: 70%;
bottom: 0;
height: 30px;
position: absolute;
background: #FFF;
}
.tb-arrow-bottom:before{
left: -20%;
transform: skew(50deg);
-webkit-transform: skew(50deg);
}
.tb-arrow-bottom:after{
right: -20%;
transform: skew(-50deg);
-webkit-transform: skew(-50deg);
} .tb-social-buttons{ }
.tb-social-buttons a {
border-radius: 50%;
display: inline-block;
height: 30px;
line-height: 30px;
margin: 2px 4px; width: 30px;
position: relative;
}
.tb-social-buttons a span{
display: none;
}
.tb-social-buttons a:hover {
text-decoration: none;
}
.tb-social-buttons a:after{
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
border: solid 1px;
position: absolute;
left: 0;
top: 0;
transform: scale(.7);
-webkit-transform: scale(.7);
transition: .2s ease;	
-webkit-transition: .2s ease;
opacity: 0;
}
.tb-social-buttons a:hover:after{
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
.tb-social-buttons a:before {
color: #999;
font-family: FontAwesome;
content: "\f099";
transition: .3s;
-webkit-transition: .3s;
}
.tb-social-buttons .icon-fb:before {
content: "\f09a";
}
.tb-social-buttons .icon-gplus:before {
content: "\f0d5";
}
.tb-social-buttons a:hover:before {
color: #000;
}
.tb-social-buttons a.icon-twitter:hover:before,
.tb-social-buttons a.icon-twitter:hover:after{
color: #1AB2E8;
} 
.tb-social-buttons a.icon-fb:hover:before,
.tb-social-buttons a.icon-fb:hover:after{
color: #3B5998;
} 
.tb-social-buttons a.icon-gplus:hover:before,
.tb-social-buttons a.icon-gplus:hover:after{
color: #D84734;
} .tb-line-center{
position: relative;
display: inline-block;
overflow: hidden;
}
.tb-line-center:after{
content: "";
position: absolute;
left: 50%; 
top: -5px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
width: 3px;
height: 3000px !important;
box-shadow: 0 0 2px 1px rgba(16,16,16,.1) inset;
} @font-face {
font-family: cylburn;
src: url(//www.quellfisch-tirol.at/wp-content/themes/resto/assets/fonts/Cylburn.ttf);
}
@font-face {
font-family: lanvanderia;
src: url(//www.quellfisch-tirol.at/wp-content/themes/resto/assets/fonts/vnf-lanvanderia-regular.ttf);
}
.font-cylburn h1,
.font-cylburn h2,
.font-cylburn h3,
.font-cylburn h4,
.font-cylburn h5,
.font-cylburn h6,
h1.font-cylburn,
h2.font-cylburn,
h3.font-cylburn,
h4.font-cylburn,
h5.font-cylburn,
h6.font-cylburn,
.font-cylburn-me{
font-family: cylburn;
}
.font-lanvanderia h1,
.font-lanvanderia h2,
.font-lanvanderia h3,
.font-lanvanderia h4,
.font-lanvanderia h5,
.font-lanvanderia h6,
h1.font-lanvanderia,
h2.font-lanvanderia,
h3.font-lanvanderia,
h4.font-lanvanderia,
h5.font-lanvanderia,
h6.font-lanvanderia,
.font-lanvanderia-me{
font-family: lanvanderia;
} .widget.widget_categories,
.widget.widget_archive, 
.widget.widget_tag_cloud,
.widget.widget_search{
}
.widget_categories .wg-title,
.widget_archive .wg-title,
.widget_tag_cloud .wg-title,
.widget_search .wg-title{
font-weight: bold;
text-transform: uppercase;
color: #999;
}
.widget_categories ul,
.widget_archive ul{
border: 1px solid #f2f2f2; 
border-radius: 4px;
}
.widget_categories ul li,
.widget_archive ul li{
border-bottom: 1px solid #f2f2f2;
overflow: hidden;
transition: .8s;
-webkit-transition: .8s;
}
.widget_categories ul li:last-child,
.widget_archive ul li:last-child{
border-bottom: none;
border-radius: 0 0 4px 4px;
}
.widget_categories ul li:first-child,
.widget_archive ul li:first-child{
border-radius: 4px 4px 0 0 ;
}
.widget_categories ul li a,
.widget_archive ul li a{
padding: 10px 8px;
line-height: normal;
width: 100%;
transition: .3s;
-webkit-transition: .3s;
} 
.widget_categories ul li:hover a,
.widget_categories ul li.current-cat a,
.widget_archive ul li:hover a{
transform: translateX(10px);
-webkit-transform: translateX(10px);
}
.widget_categories ul li:hover,
.widget_categories ul li.current-cat,
.widget_archive ul li:hover{
background: #FAFAFA;
} .widget_search{}
.widget_search label,
.widget_search .search-field{
width: 100%;
margin: 0;
position: relative;
}
.widget_search .screen-reader-text,
.widget_search .search-submit{
display: none;
}
.widget_search .search-form label:after {
content: "";
font-family: FontAwesome;
font-size: 18px;
font-style: normal;
font-weight: normal;
position: absolute;
right: 10px;
text-decoration: inherit;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
} .tb-form-contact{}
.tb-form-contact .form-item,
.wpcf7 .form-item{
margin-bottom: 20px !important;
}
.tb-form-contact .wpcf7-submit,
.wpcf7 .wpcf7-submit{
border-color: #D3D3D3 ; text-transform: none;
text-shadow: none !important;
margin: 0;
} #comments{}
.comments-area{}
.comments-area h3.comments-title{
text-transform: uppercase;
}
.comments-area .comment-list{}
.comments-area > ol{
margin: 0;
}
.comments-area > ol ol{
padding: 0 0 0 30px;
margin: 0;
}
.comments-area li{
list-style: none;
border-top: solid 1px #F0F3F4 !important;
padding: 10px 0 10px 0;
}
.comments-area li:first-child{
}
.comments-area .comment-list li .comment-body{
}
.comments-area .comment-list li .comment-body .comment-meta{
text-transform: uppercase;
position: relative;
}
.comments-area .comment-list li .comment-body .comment-meta .comment-author{
line-height: normal;
padding: 10px 0;
}
.comments-area .comment-list li .comment-body .comment-meta .comment-author img{
border-radius: 50%;
margin-right: 10px;
display: inline-block;
vertical-align: text-top;
}
.comments-area .comment-list li .comment-body .comment-meta .comment-author .fn,
.comments-area .comment-list li .comment-body .comment-meta .comment-author .says{
font-size: 12px;
}
.comments-area .comment-list li .comment-body .comment-meta .comment-metadata{
bottom: 0;
font-size: 9px;
left: 45px;
font-weight: bold;
position: absolute;
}
.comments-area .comment-list li .comment-body .comment-content{
margin-top: 10px;
}
.comments-area .comment-list li .comment-body .reply a{
font-size: 12px;	
}
.header_shortcodes h1{ text-transform: uppercase;} body .menu-list-default{}
body .menu-list-default .menu ul{
padding: 0; 
margin: 0;
}
body .menu-list-default .menu li{
position: relative;
list-style: none;
}
body .menu-list-default .menu > ul > li > ul a{
padding: 8px 10px;
}
body .menu-list-default .menu > ul > li > a{
color: #4c4c4c;
font-size: 16px;
height: 50px;
line-height: 50px;
padding: 0 12px;
}
body .menu-list-default .menu > ul > li > ul > li.page_item_has_children ul.children{
left: 100%;
top: 0;
}
body .menu-list-default .menu > ul > li{
display: inline-block;
}
body .menu-list-default .menu > ul > li ul{
display: none;
min-width: 220px;
background: #FFF;
position: absolute;
z-index : 999;
box-shadow: 0 0 2px 1px rgba(16,16,16,.1);
}
body .menu-list-default .menu li:hover > ul{
display: block;
}
body .menu-list-default .menu li:hover{
background: #FAFAFA;
}
table{
border-radius: 2px;
}
td, th{
padding: 10px;
}
img.aligncenter {
margin: 5px auto;
}
img.alignleft{
margin: 5px 20px 5px 0;
}
img.alignright {
margin: 5px 0 5px 20px;
}
.wp-caption.alignleft {
margin: 5px 20px 5px 0;
}
.wp-caption .wp-caption-text, 
.entry-caption, 
.gallery-caption {
font-style: italic;
margin: 0 0 24px;
}
.entry-content img, 
.entry-summary img, 
.comment-content img, 
.widget img, 
.wp-caption {
max-width: 100%;
}
.wp-caption.alignright {
margin: 5px 0 5px 20px;
}
.format-status .entry-content .page-links a, 
.format-gallery .entry-content .page-links a, 
.format-chat .entry-content .page-links a, 
.format-quote .entry-content .page-links a, 
.page-links a {
border: 1px solid #d3d3d3;
border-radius: 50px;
color: #d3d3d3;
display: inline-block;
font-size: 13px;
line-height: normal;
margin-left: 5px;
padding: 5px 10px;
vertical-align: top;
}
.page-links a:hover {
border-color: #8dc155;
color: #8dc155;
}
.post-password-form input[type="submit"]{
width: auto;
}
.gallery-item {
display: inline-block;
vertical-align: top;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-item > .gallery-icon{
display: inling-block;
line-height: 0;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
bottom: 0;
box-sizing: border-box;
color: #fff;
font-size: 14px;
left: 0;
line-height: 1.3;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 2px 8px;
position: absolute;
text-align: left;
transition: opacity 400ms ease 0s;
-webkit-transition: opacity 400ms ease 0s;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.widget img{
width: 100%;
}
.wpb_single_image {
line-height: 0;
} @media(max-width: 980px){
.tb-advertise-2 .vc_col-sm-9{
padding-top: 78px !important;
}
} body .menu-list-default .menu > ul > li > ul a{
display: block;
}
.widget_categories ul, .widget_archive ul, .widget_pages ul, .widget_meta ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul, .widget_nav_menu ul{
border: none;
border-radius: 0;
padding: 0;
margin: 0;
}
.widget_categories ul li, .widget_archive ul li, .widget_pages ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_rss ul li, .widget_nav_menu ul li{
border: none; }
.widget > ul ul, .widget .menu-testing-menu-container > ul ul{
margin-left: 10px;
} .widget ul li:last-child{
padding-bottom: 0;
}
.widget ul li a{ }
.widget_categories ul li:hover, .widget_categories ul li.current-cat, .widget_archive ul li:hover{
background: none;
}
.widget.widget_rss ul li{
line-height: inherit;
margin: 20px 0;
}
.widget.widget_rss .wg-title img{
width: auto;
}
.widget.widget_rss ul li cite{
display: block;
width: 100%;
text-align: right;
}
.format-status .entry-content .page-links a, 
.format-gallery .entry-content .page-links a, 
.format-chat .entry-content .page-links a, 
.format-quote .entry-content .page-links a, 
.page-links a{
border-radius: 0;
}
.home .tb-blog-image img {
width: auto;
}
.home .post-password-form input {
padding: 10px;
}
.home .post-password-form input:hover {
background: #8dc155;
border-color: #8dc155;
color: #ffffff;
}
.more-link {
border: 1px solid #444444;
color: #222222;
padding: 6px 12px;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}
.more-link:hover {
background: #8dc155;
border: 1px solid #8dc155;
color: #ffffff;
}
.carousel-control .glyphicon:before {
content: "\f104";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
}
.carousel-control .glyphicon.glyphicon-chevron-right:before {
content: "\f105";
}input, textarea, select{
background: rgba(255,555,255,.9);
border: 1px solid #D3D3D3;
padding: 10px;
margin-bottom: 10px;
width: 100%;
color: #777;
transition: .3s;
-webkit-transition: .3s;
}
input[type="checkbox"], input[type="radio"]{
width: auto;
}
input:focus, input:target,
textarea:focus, textarea:target,
select:focus, select:target{
border-color: #FC5E49;
color: #333;
}
button, 
input[type="button"], input[type="submit"],
.btn{
display: inline-block;
background: none;
vertical-align: top;
border-radius: 1px;
color: #999;
border: solid 1px;
line-height: 20px;
transition: .3s;
-webkit-transition: .3s;
}
.btn-contact-form-custom{
text-transform: uppercase;
font-size: 18px;
}
code{ white-space: normal; }
.text-large h1{ font-size: 600% }
.text-large h2{ font-size: 500% }
.text-large h3{ font-size: 400% }
.text-large h4{ font-size: 300% }
.text-large h5{ font-size: 200% }
.text-large h6{ font-size: 100% }
.border-box{
border: 1px solid #222;
} @keyframes slideUp{
from{ opacity: 0; transform: translateY(20px); }
to{  opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes slideUp{
from{ opacity: 0; -webkit-transform: translateY(20px); }
to{  opacity: 1; -webkit-transform: translateY(0px); }
}
@keyframes slideDown{
from{ opacity: 1; transform: translateY(0px); }
to{  opacity: 0; transform: translateY(20px); }
}
@-webkit-keyframes slideDown{
from{ opacity: 1; -webkit-transform: translateY(0px); }
to{  opacity: 0; -webkit-transform: translateY(20px); }
}
@keyframes menuMagazine{
from{ opacity: 0; top: -20px; }
to{  opacity: 1; top: 0px; }
}
@-webkit-keyframes menuMagazine{ 
from{ opacity: 0; top: -20px; }
to{  opacity: 1; top: 0px; }
}
@keyframes scrollbtnEffect{
from{ top: 0; }
to{ top: 20px; }
}.demo-col,.solid-hover .text-center {
text-align: center}
.demo-col {
background: #0583bb;
padding: .5em}
#wrapper {
width: 95%;
margin: 2em auto;
border: 1px solid #d8d8d8;
background: #F5F5F5}
.w-50 {
width: 50%}
.solid-hover .margin-bottom-0 {
margin-bottom: 0!important}
.solid-hover .text-left {
text-align: left!important}
.solid-hover .text-right {
text-align: right}
.solid-hover .text-x-large {
font-size: 1.75em}
.solid-hover .text-large {
font-size: 1.15em}
.solid-hover .text-medium {
font-size: .875em}
.solid-hover .text-small {
font-size: .725em}
.solid-hover .text-x-small {
font-size: .625em}
.solid-hover .btn {
text-transform: uppercase;
position: relative;
padding: .625em 1.3625em;
font-size: .75em;
margin: 10px 0;
color: rgba(252,252,252,.86);
border-radius: 4px;
display: inline-block;
text-align: center;
font-weight: 700}
.solid-hover .btn .fa {
margin-right: .25em}
.solid-hover .btn-big {
font-size: 1em}
.solid-hover .btn-small {
font-size: .6em}
.solid-hover .btn-x-small {
font-size: .5em}
.solid-hover .btn-default {
background: #0583bb;
box-shadow: 0 2px 0 0 #046e9d}
.solid-hover .btn-muted {
background: #868686;
box-shadow: 0 2px 0 0 #777}
.solid-hover .btn-alternate {
background: #06b2a2;
box-shadow: 0 2px 0 0 #059487}
.solid-hover .btn-success {
background: #14bb46;
box-shadow: 0 2px 0 0 #119f3c}
.solid-hover .btn-info {
background: #03a9f4;
box-shadow: 0 2px 0 0 #0394d6}
.solid-hover .btn-danger {
background: #ea0000;
box-shadow: 0 2px 0 0 #cb0000}
.solid-hover .btn-caution {
background: #e48609;
box-shadow: 0 2px 0 0 #c77508}
.solid-hover .btn-warning {
background: #ec4848;
box-shadow: 0 2px 0 0 #e92c2c}
.solid-hover .overflow-visible {
overflow: visible!important}
.solid-hover .image-container {
position: relative;
overflow: hidden}
.solid-hover .image-container .caution {
color: #e48609}
.solid-hover .image-container .success {
color: #14bb46}
.solid-hover .image-container .info {
color: #03a9f4}
.solid-hover .image-container .warning {
color: #ec4848}
.solid-hover .image-container .image-overlay-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 3px 0;
text-align: center;
overflow: hidden;
z-index: 1;
background: rgba(0,0,0,.75);
-webkit-transition: all .7s ease;
transition: all .7s ease}
.solid-hover .image-container .image-overlay-container.image-overlay-container-thirds-b,.solid-hover .image-container .image-overlay-container.image-overlay-container-thirds-t {
height: 33.33%}
.solid-hover .image-container .image-overlay-container.image-overlay-container-thirds-b p,.solid-hover .image-container .image-overlay-container.image-overlay-container-thirds-t p {
margin: 2px 5px}
.solid-hover .image-container .image-overlay-container.image-overlay-container-thirds-b {
top: auto;
bottom: 0;
left: 0}
.solid-hover .image-container .image-overlay-container.image-overlay-container-thirds-t {
top: 0;
left: 0}
.solid-hover .image-container .image-overlay-container p {
font-size: 68%;
color: #fff;
padding: 0 8px}
.solid-hover .image-container .image-overlay-container.image-overlay-container-social-narrow-v,.solid-hover .image-container .image-overlay-container.image-overlay-container-social-narrow-v-r {
width: 40px!important;
padding-top: 10px}
.solid-hover .image-container .image-overlay-container.image-overlay-container-social-narrow-h,.solid-hover .image-container .image-overlay-container.image-overlay-container-social-narrow-h-b {
height: 40px!important;
padding-top: 7px}
.solid-hover .image-container .image-overlay-container.image-overlay-container-social-narrow-v-r {
top: 0;
left: auto;
right: 0}
.solid-hover .image-container .image-overlay-container.image-overlay-container-social-narrow-h-b {
top: auto;
bottom: 0;
right: 0}
.solid-hover .image-container .image-overlay-container .social-list {
position: relative;
float: left;
color: #ccc;
left: 50%;
bottom: -90%;
-webkit-transform: translateX(-50%) translateY(50%);
transform: translateX(-50%) translateY(50%)}
.solid-hover .image-container .image-overlay-container .social-list>li {
display: inline}
.solid-hover .image-container .image-overlay-container .social-list>li: last-child .fa {
margin-right: 0}
.solid-hover .image-container .image-overlay-container .social-list .fa {
transition: all .1s ease-in-out;
text-align: center}
.solid-hover .image-container .image-overlay-container .social-list .fa:hover {
color: #fff}
.solid-hover .image-container .image-overlay-container .social-list.social-list-caution .fa:hover {
color: #e48609}
.solid-hover .image-container .image-overlay-container .social-list.social-list-success .fa:hover {
color: #14bb46}
.solid-hover .image-container .image-overlay-container .social-list.social-list-info .fa:hover {
color: #03a9f4}
.solid-hover .image-container .image-overlay-container .social-list.social-list-warning .fa:hover {
color: #ec4848}
.solid-hover .image-container .image-overlay-container .social-list.social-list-vertical {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
left: 0;
bottom: 0;
color: #ccc;
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0)}
.solid-hover .image-container .image-overlay-container .social-list.social-list-vertical>li {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
padding: 0 12px}
.solid-hover .image-container .image-overlay-container .social-list.social-list-vertical>li .fa {
margin-right: 0!important}
.solid-hover .image-container .image-overlay-container .social-list.social-list-horizontal {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
float: none;
left: 0;
bottom: 0;
color: #ccc;
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
padding-top: 3px}
.solid-hover .image-container .image-overlay-container .social-list.social-list-horizontal>li {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
height: 100%}
.solid-hover .image-container .image-overlay-container .social-list.social-list-horizontal>li: last-child {
margin-right: 0}
.solid-hover .image-container .image-overlay-container .social-list.social-list-horizontal>li .fa {
height: 20%;
margin-right: 0!important}
.solid-hover .image-container .image-overlay-container .social-list-buttons-b-l>li,.solid-hover .image-container .image-overlay-container .social-list-buttons-b-r>li,.solid-hover .image-container .image-overlay-container .social-list-buttons-t-l>li,.solid-hover .image-container .image-overlay-container .social-list-buttons-t-r>li {
width: 30px;
height: 30px;
line-height: 30px;
display: block;
text-align: center;
transition: all .3s ease-in-out;
border-radius: 100%}
.solid-hover .image-container .image-overlay-container .social-list-buttons-t-l {
position: absolute;
top: 5px;
left: 10px}
.solid-hover .image-container .image-overlay-container .social-list-buttons-t-l>li {
margin: 10px 0;
background: #fff}
.solid-hover .image-container .image-overlay-container .social-list-buttons-t-l>li i {
margin: 0;
color: #111}
.solid-hover .image-container .image-overlay-container .social-list-buttons-t-l>li:hover {
background: #ff1889;
transform: rotateY(360deg)}
.solid-hover .image-container .image-overlay-container .social-list-buttons-t-l>li:hover i {
color: #fff}
.solid-hover .image-container .image-overlay-container .social-list-buttons-t-r {
position: absolute;
top: 5px;
right: 10px}
.solid-hover .image-container .image-overlay-container .social-list-buttons-t-r>li {
margin: 10px 0;
background: #fff}
.solid-hover .image-container .image-overlay-container .social-list-buttons-t-r>li i {
margin: 0;
color: #111}
.solid-hover .image-container .image-overlay-container .social-list-buttons-t-r>li:hover {
background: #ff1889;
transform: rotateY(360deg)}
.solid-hover .image-container .image-overlay-container .social-list-buttons-t-r>li:hover i {
color: #fff}
.solid-hover .image-container .image-overlay-container .social-list-buttons-b-l {
position: absolute;
bottom: 5px;
left: 10px}
.solid-hover .image-container .image-overlay-container .social-list-buttons-b-l>li {
margin: 10px 0;
background: #fff}
.solid-hover .image-container .image-overlay-container .social-list-buttons-b-l>li i {
margin: 0;
color: #111}
.solid-hover .image-container .image-overlay-container .social-list-buttons-b-l>li:hover {
background: #ff1889;
transform: rotateY(360deg)}
.solid-hover .image-container .image-overlay-container .social-list-buttons-b-l>li:hover i {
color: #fff}
.solid-hover .image-container .image-overlay-container .social-list-buttons-b-l.social-list-buttons-b-l-caution>li {
background: #e48609}
.solid-hover .image-container .image-overlay-container .social-list-buttons-b-r {
position: absolute;
bottom: 5px;
right: 10px}
.solid-hover .image-container .image-overlay-container .social-list-buttons-b-r>li {
margin: 10px 0;
background: #fff}
.solid-hover .image-container .image-overlay-container .social-list-buttons-b-r>li i {
margin: 0;
color: #111}
.solid-hover .image-container .image-overlay-container .social-list-buttons-b-r>li:hover {
background: #ff1889;
transform: rotateY(360deg)}
.solid-hover .image-container .image-overlay-container .social-list-buttons-b-r>li:hover i {
color: #fff}
.solid-hover .image-container .image-overlay-container .social-list-buttons-r {
position: absolute;
top: 5px;
right: 10px}
.solid-hover .image-container .image-overlay-container .social-list-buttons-r>li {
display: block;
width: 22px;
height: 22px;
margin: 5px 5px 10px 0;
background: #dcdbdb;
text-align: center;
border-radius: 100%;
line-height: 20px;
transition: all .3s ease-in-out}
.solid-hover .image-container .image-overlay-container .social-list-buttons-r>li i {
margin: 0;
color: #111;
font-size: 12px}
.solid-hover .image-container .image-overlay-container .social-list-buttons-r>li:hover {
transform: rotateZ(360deg);
background: #ff1789}
.solid-hover .image-container .image-overlay-container .social-list-buttons-r>li:hover i {
color: #fff}
.solid-hover .image-container .image-overlay-container .rating-container {
position: relative}
.solid-hover .image-container .image-overlay-container .rating-container .rating-stars {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 20px auto;
width: 60%;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse}
.solid-hover .image-container .image-overlay-container .rating-container .rating-stars .fa {
margin-right: 0!important}
.solid-hover .image-container .image-overlay-container .rating-container .rating-stars input {
display: none}
.solid-hover .image-container .image-overlay-container .rating-container .rating-stars input+label:hover,.solid-hover .image-container .image-overlay-container .rating-container .rating-stars input+label:hover~label,.solid-hover .image-container .image-overlay-container .rating-container .rating-stars input: checked~label {
color: #03a9f4}
.solid-hover .image-container .image-overlay-container .rating-container .rating-stars label {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1}
.solid-hover .image-container .image-overlay-container .rating-container .rating-stars label:hover {
cursor: pointer}
.solid-hover .image-container .image-overlay-container .rating-container .rating-stars.rating-stars-caution input+label:hover,.solid-hover .image-container .image-overlay-container .rating-container .rating-stars.rating-stars-caution input+label:hover~label,.solid-hover .image-container .image-overlay-container .rating-container .rating-stars.rating-stars-caution input: checked~label {
color: #e48609}
.solid-hover .image-container .image-overlay-container .rating-container .rating-stars.rating-stars-success input+label:hover,.solid-hover .image-container .image-overlay-container .rating-container .rating-stars.rating-stars-success input+label:hover~label,.solid-hover .image-container .image-overlay-container .rating-container .rating-stars.rating-stars-success input: checked~label {
color: #14bb46}
.solid-hover .image-container .image-overlay-container .rating-container .rating-stars.rating-stars-info input+label:hover,.solid-hover .image-container .image-overlay-container .rating-container .rating-stars.rating-stars-info input+label:hover~label,.solid-hover .image-container .image-overlay-container .rating-container .rating-stars.rating-stars-info input: checked~label {
color: #03a9f4}
.solid-hover .image-container .image-overlay-container .rating-container .rating-stars.rating-stars-warning input+label:hover,.solid-hover .image-container .image-overlay-container .rating-container .rating-stars.rating-stars-warning input+label:hover~label,.solid-hover .image-container .image-overlay-container .rating-container .rating-stars.rating-stars-warning input: checked~label {
color: #ec4848}
.solid-hover .image-container .image-overlay-container .chart-container {
padding: 0 10px;
font-size: .7em;
text-align: left}
.solid-hover .image-container .image-overlay-container .chart-container dl {
width: 100%;
color: #f4f4f4;
font-size: .85em}
.solid-hover .image-container .image-overlay-container .chart-container dl dt {
letter-spacing: 2px;
text-transform: capitalize}
.solid-hover .image-container .image-overlay-container .chart-container dl dd {
display: block;
margin: 0 0 2px;
text-align: right}
.solid-hover .image-container .image-overlay-container .chart-container dl dd span {
display: block;
padding: 2px 5px 2px 0;
background: #0583bb}
.solid-hover .image-container .image-overlay-container .chart-container.chart-container-caution span {
background: #e48609}
.solid-hover .image-container .image-overlay-container .chart-container.chart-container-success span {
background: #14bb46}
.solid-hover .image-container .image-overlay-container .chart-container.chart-container-info span {
background: #03a9f4}
.solid-hover .image-container .image-overlay-container .chart-container.chart-container-warning span {
background: #ec4848}
.solid-hover .image-container .image-overlay-container .vote-container h1 {
font-size: 2.5em;
margin: 0;
letter-spacing: 3px;
color: #0583bb}
.solid-hover .image-container .image-overlay-container .vote-container h4 {
color: #d2d2d2;
margin: 0}
.solid-hover .image-container .image-overlay-container .vote-container p {
margin: 0}
.solid-hover .image-container .image-overlay-container .vote-container.vote-container-caution h1 {
color: #e48609}
.solid-hover .image-container .image-overlay-container .vote-container.vote-container-success h1 {
color: #14bb46}
.solid-hover .image-container .image-overlay-container .vote-container.vote-container-info h1 {
color: #03a9f4}
.solid-hover .image-container .image-overlay-container .vote-container.vote-container-warning h1 {
color: #ec4848}
.solid-hover .image-container .image-overlay-container .team-container {
padding: 5px 15px;
text-align: left;
font-size: .75em;
height: 80%}
.solid-hover .image-container .image-overlay-container .team-container .team-list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%}
.solid-hover .image-container .image-overlay-container .team-container .team-list>li {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
color: #ccc}
.solid-hover .image-container .image-overlay-container .team-container .team-list>li span {
float: right;
color: #0583bb}
.solid-hover .image-container .image-overlay-container .team-container .team-list.team-list-caution span {
color: #e48609}
.solid-hover .image-container .image-overlay-container .team-container .team-list.team-list-success span {
color: #14bb46}
.solid-hover .image-container .image-overlay-container .team-container .team-list.team-list-info span {
color: #03a9f4}
.solid-hover .image-container .image-overlay-container .team-container .team-list.team-list-warning span {
color: #ec4848}
.solid-hover .image-container .image-overlay-container .social-details-container {
padding: 5px 20%;
text-align: left;
font-size: .75em;
height: 80%}
.solid-hover .image-container .image-overlay-container .social-details-container .social-details {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%}
.solid-hover .image-container .image-overlay-container .social-details-container .social-details>li {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
color: #ccc}
.solid-hover .image-container .image-overlay-container .social-details-container .social-details>li .fa {
width: 25px;
height: 25px;
background: #fff;
font-size: 1.25em;
border-radius: 100%;
text-align: center;
line-height: 28px;
font-weight: 700}
.solid-hover .image-container .image-overlay-container .social-details-container .social-details>li span {
float: right;
line-height: 2.3;
color: #0583bb}
.solid-hover .image-container .image-overlay-container .social-details-container .social-details>li .fa.fa-facebook {
color: #3b579d}
.solid-hover .image-container .image-overlay-container .social-details-container .social-details>li .fa.fa-twitter {
color: #2caae1}
.solid-hover .image-container .image-overlay-container .social-details-container .social-details>li .fa.fa-google-plus {
color: #dd5044}
.solid-hover .image-container .image-overlay-container .social-details-container .social-details.social-details-caution .fa,.solid-hover .image-container .image-overlay-container .social-details-container .social-details.social-details-caution span {
color: #e48609}
.solid-hover .image-container .image-overlay-container .social-details-container .social-details.social-details-success .fa,.solid-hover .image-container .image-overlay-container .social-details-container .social-details.social-details-success span {
color: #14bb46}
.solid-hover .image-container .image-overlay-container .social-details-container .social-details.social-details-info .fa,.solid-hover .image-container .image-overlay-container .social-details-container .social-details.social-details-info span {
color: #03a9f4}
.solid-hover .image-container .image-overlay-container .social-details-container .social-details.social-details-warning span {
color: #ec4848}
.solid-hover .image-container .image-overlay-container .quote-container {
text-align: left}
.solid-hover .image-container .image-overlay-container .quote-container p {
position: relative;
font-size: .8em;
text-indent: 38px;
margin-top: 15px;
padding: 5px 15px;
background: rgba(12,12,12,.31)}
.solid-hover .image-container .image-overlay-container .quote-container .open-quote {
font-size: 5em;
font-weight: 700;
position: absolute;
top: -30px;
left: -25px;
color: #0583bb}
.solid-hover .image-container .image-overlay-container .quote-container .open-quote.open-quote-caution {
color: #e48609}
.solid-hover .image-container .image-overlay-container .quote-container .open-quote.open-quote-success {
color: #14bb46}
.solid-hover .image-container .image-overlay-container .quote-container .open-quote.open-quote-info {
color: #03a9f4}
.solid-hover .image-container .image-overlay-container .quote-container .open-quote.open-quote-warning {
color: #ec4848}
.solid-hover .image-container .image-overlay-container .buy-container {
color: #fff}
.solid-hover .image-container .image-overlay-container .buy-container h2 {
margin: .15em 0;
letter-spacing: 1px}
.solid-hover .image-container .image-overlay-container .buy-container .btn-buy {
min-width: 110px;
background: #0583bb;
margin-bottom: .5em;
border-radius: 3px}
.solid-hover .image-container .image-overlay-container .buy-container .btn-buy.btn-buy-caution {
background: #e48609}
.solid-hover .image-container .image-overlay-container .buy-container .btn-buy.btn-buy-success {
background: #14bb46}
.solid-hover .image-container .image-overlay-container .buy-container .btn-buy.btn-buy-info {
background: #03a9f4}
.solid-hover .image-container .image-overlay-container .buy-container .btn-buy.btn-buy-warning {
background: #ec4848}
.solid-hover .image-container .image-overlay-container .buy-container .btn-buy:hover {
background: #ff1789}
.solid-hover .image-container .image-overlay-container .buy-container em {
display: block;
font-size: .75em}
.solid-hover .image-container .image-overlay-container .buy-container a.continue:link,.solid-hover .image-container .image-overlay-container .buy-container a.continue:visited {
color: #ccc}
.solid-hover .image-container .image-overlay-container .buy-container a.continue:link .fa,.solid-hover .image-container .image-overlay-container .buy-container a.continue:visited .fa {
margin-left: 2px}
.solid-hover .image-container .image-overlay-container .buy-container a.continue:active,.solid-hover .image-container .image-overlay-container .buy-container a.continue:hover {
color: #fff}
.solid-hover .image-container .image-overlay-container .icon-container-outer {
height: 77%;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0 20px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff}
.solid-hover .image-container .image-overlay-container .icon-container-outer .icon-container-inner {
width: 100%;
margin: 0 auto}
.solid-hover .image-container .image-overlay-container .icon-container-outer .icon-container-inner .icon-list-container .icon-list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex}
.solid-hover .image-container .image-overlay-container .icon-container-outer .icon-container-inner .icon-list-container .icon-list>li {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1}
.solid-hover .image-container .image-overlay-container .icon-container-outer .icon-container-inner .icon-list-container .icon-list>li .fa {
margin: 0;
font-size: 1.5em;
transition: all .5s ease-in-out}
.solid-hover .image-container .image-overlay-container .icon-container-outer .icon-container-inner .icon-list-container .icon-list>li .fa:hover {
color: #0583bb}
.solid-hover .image-container .image-overlay-container .icon-container-outer .icon-container-inner .icon-list-container .icon-list.icon-list-caution .fa:hover {
color: #e48609}
.solid-hover .image-container .image-overlay-container .icon-container-outer .icon-container-inner .icon-list-container .icon-list.icon-list-success .fa:hover {
color: #14bb46}
.solid-hover .image-container .image-overlay-container .icon-container-outer .icon-container-inner .icon-list-container .icon-list.icon-list-info .fa:hover {
color: #03a9f4}
.solid-hover .image-container .image-overlay-container .icon-container-outer .icon-container-inner .icon-list-container .icon-list.icon-list-warning .fa:hover {
color: #ec4848}
.solid-hover .image-container .image-overlay-container .description-container {
padding: 0 10px;
text-align: left;
margin-top: .5em}
.solid-hover .image-container .image-overlay-container .description-container p {
display: inline-block;
margin: 0 0 .35em;
padding: .35em .75em;
font-size: .725em;
background: #0583bb}
.solid-hover .image-container .image-overlay-container .description-container.description-container-caution p {
background: #e48609}
.solid-hover .image-container .image-overlay-container .description-container.description-container-success p {
background: #14bb46}
.solid-hover .image-container .image-overlay-container .description-container.description-container-info p {
background: #03a9f4}
.solid-hover .image-container .image-overlay-container .description-container.description-container-warning p {
background: #ec4848}
.solid-hover .image-container .image-overlay-container .image-caption-container .image-title {
color: #fff;
margin-bottom: .25em}
.solid-hover .image-container .image-overlay-container .image-caption-container .image-author {
display: block;
color: #ff1789;
font-size: .85em;
margin-bottom: .45em;
letter-spacing: 1px}
.solid-hover .image-container .image-overlay-container .image-caption-container .btn-take-a-look {
min-width: 110px;
background: #ED4E6E;
margin: .5em;
border-radius: 3px;
font-size: .725em}
.solid-hover .image-container .image-overlay-container .image-caption-container .btn-take-a-look.btn-take-a-look-caution:hover {
background: #e48609}
.solid-hover .image-container .image-overlay-container .image-caption-container .btn-take-a-look.btn-take-a-look-success:hover {
background: #14bb46}
.solid-hover .image-container .image-overlay-container .image-caption-container .btn-take-a-look.btn-take-a-look-info:hover {
background: #03a9f4}
.solid-hover .image-container .image-overlay-container .image-caption-container .btn-take-a-look.btn-take-a-look-warning:hover {
background: #ec4848}
.solid-hover .image-container .image-overlay-container .review-container {
text-align: left;
padding: 0 5px}
.solid-hover .image-container .image-overlay-container .review-container p {
-webkit-column-count: 2;
-webkit-column-gap: 12px;
font-size: .7em}
.solid-hover .image-container .image-overlay-container .review-container p span {
display: block;
text-align: center;
margin-top: 1em}
.solid-hover .image-container .image-overlay-container .review-container p span a {
font-size: 180%}
.solid-hover .image-container .image-overlay-container .review-container p span a:link,.solid-hover .image-container .image-overlay-container .review-container p span a:visited {
color: #ccc}
.solid-hover .image-container .image-overlay-container .review-container p span a:active,.solid-hover .image-container .image-overlay-container .review-container p span a:hover {
color: #0583bb}
.solid-hover .image-container .image-overlay-container .review-container p span a: last-child {
margin-right: 0}
.solid-hover .image-container .image-overlay-container .review-container p span.review-icon-caution a:hover {
color: #e48609}
.solid-hover .image-container .image-overlay-container .review-container p span.review-icon-success a:hover {
color: #14bb46}
.solid-hover .image-container .image-overlay-container .review-container p span.review-icon-info a:hover {
color: #03a9f4}
.solid-hover .image-container .image-overlay-container .review-container p span.review-icon-warning a:hover {
color: #ec4848}
.solid-hover .image-container .image-overlay-container .purchase-container {
color: #fff;
padding: 10px}
.solid-hover .image-container .image-overlay-container .purchase-container .purchase-details {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center}
.solid-hover .image-container .image-overlay-container .purchase-container .purchase-details h1 {
font-size: 4em;
margin: 0;
color: #f3ca47}
.solid-hover .image-container .image-overlay-container .purchase-container .purchase-details>li {
width: 50%}
.solid-hover .image-container .image-overlay-container .purchase-container .purchase-details>li:nth-child(2) div.purchase-count {
margin-bottom: 1em;
font-size: .85em}
.solid-hover .image-container .image-overlay-container .purchase-container .purchase-details>li:nth-child(2) div.purchase-count .fa {
margin-right: .5em}
.solid-hover .image-container .image-overlay-container .purchase-container .purchase-details .purchase-method a:link,.solid-hover .image-container .image-overlay-container .purchase-container .purchase-details .purchase-method a:visited {
color: #ccc}
.solid-hover .image-container .image-overlay-container .purchase-container .purchase-details .purchase-method.purchase-method-caution a:active,.solid-hover .image-container .image-overlay-container .purchase-container .purchase-details .purchase-method.purchase-method-caution a:hover {
color: #e48609}
.solid-hover .image-container .image-overlay-container .purchase-container .purchase-details .purchase-method.purchase-method-success a:active,.solid-hover .image-container .image-overlay-container .purchase-container .purchase-details .purchase-method.purchase-method-success a:hover {
color: #14bb46}
.solid-hover .image-container .image-overlay-container .purchase-container .purchase-details .purchase-method.purchase-method-info a:active,.solid-hover .image-container .image-overlay-container .purchase-container .purchase-details .purchase-method.purchase-method-info a:hover {
color: #03a9f4}
.solid-hover .image-container .image-overlay-container .purchase-container .purchase-details .purchase-method.purchase-method-warning a:active,.solid-hover .image-container .image-overlay-container .purchase-container .purchase-details .purchase-method.purchase-method-warning a:hover {
color: #ec4848}
.solid-hover .image-container .image-overlay-container .purchase-container .purchase-details .fa: last-child {
margin-right: 0}
.solid-hover .image-container .image-overlay-container .pricing-buttons-container {
padding: 11% 12%;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center}
.solid-hover .image-container .image-overlay-container .pricing-buttons-container .pricing-buttons {
display: -webkit-flex;
display: -ms-flexbox;
display: flex}
.solid-hover .image-container .image-overlay-container .pricing-buttons-container .pricing-buttons>li {
width: 50%;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1}
.solid-hover .image-container .image-overlay-container .pricing-buttons-container .pricing-buttons>li h4 {
margin: 0 auto;
width: 55px;
height: 55px;
background: #0583bb;
color: #fff;
border-radius: 100%;
line-height: 55px}
.solid-hover .image-container .image-overlay-container .pricing-buttons-container .pricing-buttons>li h4.buy {
background: #FF1889!important}
.solid-hover .image-container .image-overlay-container .pricing-buttons-container .pricing-buttons>li h4:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05)}
.solid-hover .image-container .image-overlay-container .pricing-buttons-container .pricing-buttons.pricing-buttons-caution>li h4 {
background: #e48609}
.solid-hover .image-container .image-overlay-container .pricing-buttons-container .pricing-buttons.pricing-buttons-success>li h4 {
background: #14bb46}
.solid-hover .image-container .image-overlay-container .pricing-buttons-container .pricing-buttons.pricing-buttons-info>li h4 {
background: #03a9f4}
.solid-hover .image-container .image-overlay-container .pricing-buttons-container .pricing-buttons.pricing-buttons-warning>li h4 {
background: #ec4848}
.solid-hover .image-container .image-overlay-container .drop-cap-container {
padding: 0 8px;
text-align: left}
.solid-hover .image-container .image-overlay-container .drop-cap-container .fa {
float: left;
font-size: 2.5em;
margin: 0 12px 0 0}
.solid-hover .image-container .image-overlay-container .drop-cap-container .corner {
position: absolute;
bottom: 0;
right: 0;
border-top: 40px solid transparent;
border-left: 40px solid transparent;
border-right: 40px solid #fff}
.solid-hover .image-container .image-overlay-container .drop-cap-container .corner .fa-heart {
position: absolute;
right: -48px;
bottom: 5px;
color: #000;
font-size: 14px!important}
.solid-hover .image-container .image-overlay-container .drop-cap-container.drop-cap-container-caution .fa {
color: #e48609}
.solid-hover .image-container .image-overlay-container .drop-cap-container.drop-cap-container-success .fa {
color: #14bb46}
.solid-hover .image-container .image-overlay-container .drop-cap-container.drop-cap-container-info .fa {
color: #03a9f4}
.solid-hover .image-container .image-overlay-container .drop-cap-container.drop-cap-container-warning .fa {
color: #ec4848}
.solid-hover .image-container .image-overlay-container .trio-button-container {
padding: 15px 40px;
color: #fff}
.solid-hover .image-container .image-overlay-container .trio-button-container .trio-buttons {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column}
.solid-hover .image-container .image-overlay-container .trio-button-container .trio-buttons>li {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-bottom: .5em}
.solid-hover .image-container .image-overlay-container .trio-button-container .trio-buttons>li .fa {
width: 33px;
height: 33px;
background: #0583bb;
border-radius: 100%;
padding: .4em;
line-height: 22px;
margin-right: 0}
.solid-hover .image-container .image-overlay-container .trio-button-container .trio-buttons>li .fa:hover {
background: #ff1889!important}
.solid-hover .image-container .image-overlay-container .trio-button-container .trio-buttons.trio-buttons-caution>li .fa {
background: #e48609}
.solid-hover .image-container .image-overlay-container .trio-button-container .trio-buttons.trio-buttons-success>li .fa {
background: #14bb46}
.solid-hover .image-container .image-overlay-container .trio-button-container .trio-buttons.trio-buttons-info>li .fa {
background: #03a9f4}
.solid-hover .image-container .image-overlay-container .trio-button-container .trio-buttons.trio-buttons-warning>li .fa {
background: #ec4848}
.solid-hover .image-container .image-overlay-container .panel-container {
padding: 5px 20px;
text-align: left;
color: #111}
.solid-hover .image-container .image-overlay-container .panel-container .panel {
background: #ccc;
padding-bottom: 5px}
.solid-hover .image-container .image-overlay-container .panel-container .panel h6 {
position: relative;
margin: 0;
background: #0583bb;
color: #fff;
font-size: .75em;
padding: 3px 10px 3px 30px;
letter-spacing: 1px;
text-transform: uppercase}
.solid-hover .image-container .image-overlay-container .panel-container .panel h6 .fa {
position: absolute;
top: 0;
left: 0;
height: 23px;
color: #111;
background: #ccc;
padding: 4px 6px}
.solid-hover .image-container .image-overlay-container .panel-container .panel p {
color: #111}
.solid-hover .image-container .image-overlay-container .panel-container .panel.panel-caution h6 {
background: #e48609}
.solid-hover .image-container .image-overlay-container .panel-container .panel.panel-success h6 {
background: #14bb46}
.solid-hover .image-container .image-overlay-container .panel-container .panel.panel-info h6 {
background: #03a9f4}
.solid-hover .image-container .image-overlay-container .panel-container .panel.panel-warning h6 {
background: #ec4848}
.solid-hover .image-container .image-overlay-container .quote-comic-container {
text-align: left;
padding: 5px 15px}
.solid-hover .image-container .image-overlay-container .quote-comic-container .quote-comic {
padding: 10px;
position: relative;
border-radius: 5px;
background: #0583bb;
color: #fff;
margin: 0 auto;
font-size: .75em}
.solid-hover .image-container .image-overlay-container .quote-comic-container .quote-comic:after {
content: "";
position: absolute;
bottom: -10px;
left: 45%;
width: 0;
height: 0;
border-style: solid;
margin-bottom: 0;
border-width: 10px 14px 0;
border-color: #0583bb transparent transparent}
.solid-hover .image-container .image-overlay-container .quote-comic-container .quote-comic.quote-comic-caution {
background: #e48609}
.solid-hover .image-container .image-overlay-container .quote-comic-container .quote-comic.quote-comic-caution:after {
border-color: #e48609 transparent transparent}
.solid-hover .image-container .image-overlay-container .quote-comic-container .quote-comic.quote-comic-success {
background: #14bb46}
.solid-hover .image-container .image-overlay-container .quote-comic-container .quote-comic.quote-comic-success:after {
border-color: #14bb46 transparent transparent}
.solid-hover .image-container .image-overlay-container .quote-comic-container .quote-comic.quote-comic-info {
background: #03a9f4}
.solid-hover .image-container .image-overlay-container .quote-comic-container .quote-comic.quote-comic-info:after {
border-color: #03a9f4 transparent transparent}
.solid-hover .image-container .image-overlay-container .quote-comic-container .quote-comic.quote-comic-warning {
background: #ec4848}
.solid-hover .image-container .image-overlay-container .quote-comic-container .quote-comic.quote-comic-warning:after {
border-color: #ec4848 transparent transparent}
.solid-hover .image-container .image-overlay-container .social-sidebar-container .social-sidebar-inner-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center}
.solid-hover .image-container .image-overlay-container .social-sidebar-container .social-sidebar-inner-container .social-sidebar {
color: #fff;
padding: 5px 5px 0 10px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1}
.solid-hover .image-container .image-overlay-container .social-sidebar-container .social-sidebar-inner-container .social-sidebar>li {
text-align: center;
margin-bottom: 10px}
.solid-hover .image-container .image-overlay-container .social-sidebar-container .social-sidebar-inner-container .social-sidebar>li .fa {
margin-right: 0;
color: #0583bb;
font-size: 1.1em;
transition: -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out}
.solid-hover .image-container .image-overlay-container .social-sidebar-container .social-sidebar-inner-container .social-sidebar>li .fa:hover {
-webkit-transform: rotateY(360deg) rotateZ(30deg);
transform: rotateY(360deg) rotateZ(30deg)}
.solid-hover .image-container .image-overlay-container .social-sidebar-container .social-sidebar-inner-container .social-sidebar.social-sidebar-caution>li .fa {
color: #e48609}
.solid-hover .image-container .image-overlay-container .social-sidebar-container .social-sidebar-inner-container .social-sidebar.social-sidebar-success>li .fa {
color: #14bb46}
.solid-hover .image-container .image-overlay-container .social-sidebar-container .social-sidebar-inner-container .social-sidebar.social-sidebar-info>li .fa {
color: #03a9f4}
.solid-hover .image-container .image-overlay-container .social-sidebar-container .social-sidebar-inner-container .social-sidebar.social-sidebar-warning>li .fa {
color: #ec4848}
.solid-hover .image-container .image-overlay-container .social-sidebar-container .social-sidebar-inner-container p {
-webkit-flex: 11;
-ms-flex: 11;
flex: 11;
text-align: left;
padding: 0 .9em}
.solid-hover .image-container .image-overlay-container .yes-no-container {
color: #fff}
.solid-hover .image-container .image-overlay-container .yes-no-container .switch-container {
text-align: center;
margin-bottom: 10px}
.solid-hover .image-container .image-overlay-container .yes-no-container .switch-container .switch {
position: relative;
display: block;
vertical-align: top;
width: 64px;
height: 22px;
margin: 0 auto;
border-radius: 18px;
cursor: pointer}
.solid-hover .image-container .image-overlay-container .yes-no-container .switch-container .switch.switch-caution .switch-label {
background: #e48609}
.solid-hover .image-container .image-overlay-container .yes-no-container .switch-container .switch.switch-success .switch-label {
background: #14bb46}
.solid-hover .image-container .image-overlay-container .yes-no-container .switch-container .switch.switch-info .switch-label {
background: #03a9f4}
.solid-hover .image-container .image-overlay-container .yes-no-container .switch-container .switch.switch-warning .switch-label {
background: #ec4848}
.solid-hover .image-container .image-overlay-container .yes-no-container .switch-container .switch .switch-input {
display: none}
.solid-hover .image-container .image-overlay-container .yes-no-container .switch-container .switch .switch-input: checked~.switch-handle {
left: 43px;
box-shadow: -1px 1px 5px rgba(0,0,0,.2)}
.solid-hover .image-container .image-overlay-container .yes-no-container .switch-container .switch .switch-input: checked~.switch-label {
background: #ff1889;
box-shadow: inset 0 1px 2px rgba(0,0,0,.15),inset 0 0 3px rgba(0,0,0,.2)}
.solid-hover .image-container .image-overlay-container .yes-no-container .switch-container .switch .switch-input: checked~.switch-label:before {
opacity: 0}
.solid-hover .image-container .image-overlay-container .yes-no-container .switch-container .switch .switch-input: checked~.switch-label:after {
opacity: 1}
.solid-hover .image-container .image-overlay-container .yes-no-container .switch-container .switch .switch-label {
position: relative;
display: block;
height: inherit;
font-size: 11px;
text-transform: uppercase;
background: #0583bb;
border-radius: inherit;
box-shadow: inset 0 1px 2px rgba(0,0,0,.12),inset 0 0 2px rgba(0,0,0,.15)}
.solid-hover .image-container .image-overlay-container .yes-no-container .switch-container .switch .switch-label:before {
position: absolute;
content: attr(data-off);
top: 3px;
right: 8px;
color: #fff;
text-shadow: 0 1px rgba(255,255,255,.5)}
.solid-hover .image-container .image-overlay-container .yes-no-container .switch-container .switch .switch-label:after {
position: absolute;
content: attr(data-on);
top: 3px;
left: 10px;
color: #FFF;
text-shadow: 0 1px rgba(0,0,0,.2);
opacity: 0}
.solid-hover .image-container .image-overlay-container .yes-no-container .switch-container .switch .switch-handle {
position: absolute;
top: 1px;
left: 1px;
width: 20px;
height: 20px;
background: #fff;
border-radius: 100%;
box-shadow: 1px 1px 5px rgba(0,0,0,.2);
transition: all .2s linear}
.solid-hover .image-container .image-overlay-container .yes-no-container .switch-container .switch .switch-handle:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -6px 0 0 -6px;
width: 12px;
height: 12px;
background: linear-gradient(to bottom,#eee,#fff);
background-image: -webkit-linear-gradient(top,#eee,#fff);
border-radius: 6px;
box-shadow: inset 0 1px rgba(0,0,0,.02)}
.solid-hover .image-container .image-overlay-container .event-container {
padding: 10px 15px;
margin: 0 auto;
color: #fff}
.solid-hover .image-container .image-overlay-container .event-container .event-list h4,.solid-hover .image-container .image-overlay-container .event-container .event-list h6 {
margin-top: 10px;
margin-bottom: 0}
.solid-hover .image-container .image-overlay-container .event-container .event-list h6,.solid-hover .image-container .image-overlay-container .event-container .event-list p {
text-align: left;
letter-spacing: 1px}
.solid-hover .image-container .image-overlay-container .event-container .event-list p {
padding-left: 0}
.solid-hover .image-container .image-overlay-container .event-container .event-list>li {
height: 70px;
float: left}
.solid-hover .image-container .image-overlay-container .event-container .event-list>li:first-child {
width: 40%;
background: #0583bb}
.solid-hover .image-container .image-overlay-container .event-container .event-list>li: last-child {
width: 60%;
padding-left: 15px;
background: #111}
.solid-hover .image-container .image-overlay-container .event-container .event-list.event-list-caution>li:first-child {
background: #e48609}
.solid-hover .image-container .image-overlay-container .event-container .event-list.event-list-success>li:first-child {
background: #14bb46}
.solid-hover .image-container .image-overlay-container .event-container .event-list.event-list-info>li:first-child {
background: #03a9f4}
.solid-hover .image-container .image-overlay-container .event-container .event-list.event-list-warning>li:first-child {
background: #ec4848}
.solid-hover .image-container .image-overlay-container .likert-container {
margin: 0 auto;
padding: 0 10px;
color: #fff;
width: 80%;
text-align: left}
.solid-hover .image-container .image-overlay-container .likert-container h4 {
text-align: center;
margin: 3px 0}
.solid-hover .image-container .image-overlay-container .likert-container .likert-list {
padding-left: 25px}
.solid-hover .image-container .image-overlay-container .likert-container .likert-list.likert-list-caution>li input+span {
background: #e48609}
.solid-hover .image-container .image-overlay-container .likert-container .likert-list.likert-list-success>li input+span {
background: #14bb46}
.solid-hover .image-container .image-overlay-container .likert-container .likert-list.likert-list-info>li input+span {
background: #03a9f4}
.solid-hover .image-container .image-overlay-container .likert-container .likert-list.likert-list-warning>li input+span {
background: #ec4848}
.solid-hover .image-container .image-overlay-container .likert-container .likert-list>li {
margin-bottom: 3px;
font-size: 12px}
.solid-hover .image-container .image-overlay-container .likert-container .likert-list input {
opacity: 0;
position: absolute;
height: 100%;
width: 18px;
z-index: 5;
cursor: pointer}
.solid-hover .image-container .image-overlay-container .likert-container .likert-list input+span {
position: relative;
border-radius: 50%;
height: 20px;
width: 20px;
border: 1px solid #424242;
margin-right: 8px;
box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
line-height: 1em;
display: inline-block;
vertical-align: middle;
background: #0583bb}
.solid-hover .image-container .image-overlay-container .likert-container .likert-list input+span:after {
content: '\f058';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #fff;
border-radius: 100%;
font-family: FontAwesome;
font-size: 14px;
line-height: 18px;
vertical-align: middle;
text-align: center;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
transition: all .4s ease-in-out}
.solid-hover .image-container .image-overlay-container .likert-container .likert-list input: checked+span:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
visibility: visible}
.solid-hover .image-container .image-overlay-container .survey-container {
margin: 0 auto;
padding: 0 10px;
color: #fff;
width: 80%;
text-align: left}
.solid-hover .image-container .image-overlay-container .survey-container h4 {
text-align: center;
margin: 3px 0}
.solid-hover .image-container .image-overlay-container .survey-container .survey-list {
padding-left: 25px}
.solid-hover .image-container .image-overlay-container .survey-container .survey-list.survey-list-caution>li input+span {
background: #e48609}
.solid-hover .image-container .image-overlay-container .survey-container .survey-list.survey-list-success>li input+span {
background: #14bb46}
.solid-hover .image-container .image-overlay-container .survey-container .survey-list.survey-list-info>li input+span {
background: #03a9f4}
.solid-hover .image-container .image-overlay-container .survey-container .survey-list.survey-list-warning>li input+span {
background: #ec4848}
.solid-hover .image-container .image-overlay-container .survey-container .survey-list>li {
margin-bottom: 3px;
font-size: 12px}
.solid-hover .image-container .image-overlay-container .survey-container .survey-list input {
opacity: 0;
position: absolute;
height: 100%;
width: 18px;
z-index: 5;
cursor: pointer}
.solid-hover .image-container .image-overlay-container .survey-container .survey-list input+span {
position: relative;
height: 20px;
width: 20px;
border: 1px solid #424242;
margin-right: 8px;
box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
line-height: 1em;
display: inline-block;
vertical-align: middle;
background: #0583bb}
.solid-hover .image-container .image-overlay-container .survey-container .survey-list input+span:after {
content: '\f00c';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #fff;
border-radius: 100%;
font-family: FontAwesome;
font-size: 12px;
line-height: 18px;
vertical-align: middle;
text-align: center;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
transition: all .4s ease-in-out}
.solid-hover .image-container .image-overlay-container .survey-container .survey-list input: checked+span:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
visibility: visible}
.solid-hover .image-container .image-overlay-container.image-overlay-container-slide-up {
top: 100%;
left: 0}
.solid-hover .image-container .image-overlay-container.image-overlay-container-slide-down {
top: -100%;
left: 0}
.solid-hover .image-container .image-overlay-container.image-overlay-container-slide-left {
top: 0;
left: 100%}
.solid-hover .image-container .image-overlay-container.image-overlay-container-slide-right {
top: 0;
left: -100%}
.solid-hover .image-container .image {
-webkit-transition: all .8s ease;
transition: all .8s ease}
.solid-hover .image-container .image.image-slide-down,.solid-hover .image-container .image.image-slide-up {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)}
.solid-hover .image-container .image.image-slide-left,.solid-hover .image-container .image.image-slide-right {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)}
.solid-hover .image-container:hover .image-overlay-container-slide-down,.solid-hover .image-container:hover .image-overlay-container-slide-left,.solid-hover .image-container:hover .image-overlay-container-slide-right,.solid-hover .image-container:hover .image-overlay-container-slide-up {
top: 0;
left: 0}
.solid-hover .image-container:hover .image-slide-up {
-webkit-transform: translateY(-101%);
-ms-transform: translateY(-101%);
transform: translateY(-101%)}
.solid-hover .image-container:hover .image-slide-down {
-webkit-transform: translateY(101%);
-ms-transform: translateY(101%);
transform: translateY(101%)}
.solid-hover .image-container:hover .image-slide-left {
-webkit-transform: translateX(-101%);
-ms-transform: translateX(-101%);
transform: translateX(-101%)}
.solid-hover .image-container:hover .image-slide-right {
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%)}
.solid-hover .image-container.image-container-sweep-1 {
overflow: hidden}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-container {
background: 0;
opacity: 0;
-webkit-transition: all .8s ease;
transition: all .8s ease}
.solid-hover .image-container.image-container-sweep-1 [class^=image-overlay-horizontal-],.solid-hover .image-container.image-container-sweep-1 [class^=image-overlay-vertical-] {
background: rgba(0,0,0,.75);
z-index: -5;
-webkit-transition: all .5s ease;
transition: all .5s ease}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-horizontal-top-1 {
position: absolute;
width: 100%;
height: 0%;
top: 0;
left: 0}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-horizontal-bottom-1 {
position: absolute;
width: 100%;
height: 0%;
bottom: 0;
left: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-horizontal-top-2 {
position: absolute;
width: 100%;
height: 0;
top: 50%;
left: 0}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-horizontal-bottom-2 {
position: absolute;
width: 100%;
height: 0%;
bottom: 50%;
left: 0}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-vertical-left-1 {
position: absolute;
width: 0;
height: 100%;
top: 0;
left: 0}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-vertical-right-1 {
position: absolute;
width: 0;
height: 100%;
top: 0;
right: 0}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-vertical-left-2 {
position: absolute;
width: 0;
height: 100%;
top: 0;
left: 50%}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-vertical-right-2 {
position: absolute;
width: 0;
height: 100%;
top: 0;
right: 50%}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-horizontal-top-3 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateZ(-90deg);
transform: rotateZ(-90deg)}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-horizontal-bottom-3 {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 50%;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateZ(-90deg);
transform: rotateZ(-90deg)}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-vertical-left-3 {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg)}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-vertical-right-3 {
position: absolute;
bottom: 0;
right: 0;
width: 50%;
height: 100%;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg)}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-horizontal-top-4 {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 50%;
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg)}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-horizontal-bottom-4 {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 50%;
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg)}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-vertical-left-4 {
position: absolute;
bottom: 0;
left: 0;
width: 50%;
height: 100%;
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: rotateZ(-90deg);
transform: rotateZ(-90deg)}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-vertical-right-4 {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: rotateZ(-90deg);
transform: rotateZ(-90deg)}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-horizontal-bottom-5 {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 50%;
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg)}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-vertical-left-5 {
position: absolute;
bottom: 0;
left: 0;
width: 50%;
height: 100%;
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: rotateZ(-90deg);
transform: rotateZ(-90deg)}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-vertical-right-5 {
position: absolute;
bottom: 0;
right: 0;
width: 50%;
height: 100%;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg)}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-horizontal-top-5 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateZ(-90deg);
transform: rotateZ(-90deg)}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-horizontal-top-6 {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 50%;
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg)}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-horizontal-bottom-6 {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 50%;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateZ(-90deg);
transform: rotateZ(-90deg)}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-vertical-left-6 {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg)}
.solid-hover .image-container.image-container-sweep-1 .image-overlay-vertical-right-6 {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: rotateZ(-90deg);
transform: rotateZ(-90deg)}
.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-container {
opacity: 1}
.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-horizontal-bottom-1,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-horizontal-bottom-2,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-horizontal-top-1,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-horizontal-top-2 {
height: 50%}
.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-vertical-left-1,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-vertical-left-2,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-vertical-right-1,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-vertical-right-2 {
width: 50%}
.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-horizontal-bottom-3,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-horizontal-bottom-4,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-horizontal-bottom-5,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-horizontal-bottom-6,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-horizontal-top-3,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-horizontal-top-4,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-horizontal-top-5,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-horizontal-top-6,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-vertical-left-3,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-vertical-left-4,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-vertical-left-5,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-vertical-left-6,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-vertical-right-3,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-vertical-right-4,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-vertical-right-5,.solid-hover .image-container.image-container-sweep-1:hover .image-overlay-vertical-right-6 {
-webkit-transform: -webkit-rotateZ(0);
transform: rotateZ(0)}
.solid-hover .image-container.image-container-zoom [class^=image-zoom] {
-webkit-transition: all .5s ease;
transition: all .5s ease;
opacity: 1}
.solid-hover .image-container.image-container-zoom .image-zoom-in,.solid-hover .image-container.image-container-zoom .image-zoom-out {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)}
.solid-hover .image-container.image-container-zoom .image-zoom-out-rotate {
-webkit-transform: scale(1) rotateZ(-360deg);
transform: scale(1) rotateZ(-360deg);
opacity: 1}
.solid-hover .image-container.image-container-zoom .image-overlay-container-zoom-in {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0}
.solid-hover .image-container.image-container-zoom .image-overlay-container-zoom-in-rotate {
-webkit-transform: scale(0) rotateZ(-720deg);
transform: scale(0) rotateZ(-720deg);
opacity: 0}
.solid-hover .image-container.image-container-zoom .image-overlay-container-zoom-out {
-webkit-transform: scale(5);
-ms-transform: scale(5);
transform: scale(5);
opacity: 0}
.solid-hover .image-container.image-container-zoom .image-overlay-container-zoom-out-rotate {
-webkit-transform: scale(5) rotateZ(720deg);
transform: scale(5) rotateZ(720deg);
opacity: 0}
.solid-hover .image-container.image-container-zoom:hover .image-zoom-in {
-webkit-transform: scale(5);
-ms-transform: scale(5);
transform: scale(5);
opacity: 0}
.solid-hover .image-container.image-container-zoom:hover .image-zoom-out {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0}
.solid-hover .image-container.image-container-zoom:hover .image-overlay-container-zoom-in-rotate,.solid-hover .image-container.image-container-zoom:hover .image-overlay-container-zoom-out-rotate {
-webkit-transform: scale(1) rotateZ(0);
-ms-transform: scale(1) rotateZ(0);
transform: scale(1) rotateZ(0);
opacity: 1}
.solid-hover .image-container.image-container-zoom:hover .image-overlay-container-zoom-in,.solid-hover .image-container.image-container-zoom:hover .image-overlay-container-zoom-out {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1}
.solid-hover .image-container.image-container-flip {
-webkit-perspective: 2500px;
perspective: 2500px;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
overflow: visible!important}
.solid-hover .image-container.image-container-flip .image-flip-diagonal-1,.solid-hover .image-container.image-container-flip .image-flip-diagonal-2,.solid-hover .image-container.image-container-flip .image-flip-diagonal-3,.solid-hover .image-container.image-container-flip .image-flip-diagonal-4,.solid-hover .image-container.image-container-flip .image-flip-x,.solid-hover .image-container.image-container-flip .image-flip-x-rev,.solid-hover .image-container.image-container-flip .image-flip-y,.solid-hover .image-container.image-container-flip .image-flip-y-rev {
-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}
.solid-hover .image-container.image-container-flip .image-overlay-container-flip-diagonal-1,.solid-hover .image-container.image-container-flip .image-overlay-container-flip-diagonal-2,.solid-hover .image-container.image-container-flip .image-overlay-container-flip-diagonal-3,.solid-hover .image-container.image-container-flip .image-overlay-container-flip-diagonal-4,.solid-hover .image-container.image-container-flip .image-overlay-container-flip-x,.solid-hover .image-container.image-container-flip .image-overlay-container-flip-x-rev,.solid-hover .image-container.image-container-flip .image-overlay-container-flip-y,.solid-hover .image-container.image-container-flip .image-overlay-container-flip-y-rev {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
background: rgba(0,0,0,.75)}
.solid-hover .image-container.image-container-flip .image-overlay-container-flip-x {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg)}
.solid-hover .image-container.image-container-flip .image-overlay-container-flip-x-rev {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg)}
.solid-hover .image-container.image-container-flip .image-overlay-container-flip-y {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg)}
.solid-hover .image-container.image-container-flip .image-overlay-container-flip-y-rev {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg)}
.solid-hover .image-container.image-container-flip .image-overlay-container-flip-diagonal-1 {
-webkit-transform: rotateX(-180deg) rotateY(-60deg);
transform: rotateX(-180deg) rotateY(-60deg)}
.solid-hover .image-container.image-container-flip .image-overlay-container-flip-diagonal-2 {
-webkit-transform: rotateX(180deg) rotateY(60deg);
transform: rotateX(180deg) rotateY(60deg)}
.solid-hover .image-container.image-container-flip .image-overlay-container-flip-diagonal-3 {
-webkit-transform: rotateX(180deg) rotateY(-60deg);
transform: rotateX(180deg) rotateY(-60deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden}
.solid-hover .image-container.image-container-flip .image-overlay-container-flip-diagonal-4 {
-webkit-transform: rotateX(-180deg) rotateY(60deg);
transform: rotateX(-180deg) rotateY(60deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden}
.solid-hover .image-container.image-container-flip:hover .image-flip-x {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden}
.solid-hover .image-container.image-container-flip:hover .image-flip-x-rev {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden}
.solid-hover .image-container.image-container-flip:hover .image-flip-y {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden}
.solid-hover .image-container.image-container-flip:hover .image-flip-y-rev {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden}
.solid-hover .image-container.image-container-flip:hover .image-flip-diagonal-1 {
-webkit-transform: rotateX(180deg) rotateY(60deg);
transform: rotateX(180deg) rotateY(60deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden}
.solid-hover .image-container.image-container-flip:hover .image-flip-diagonal-2 {
-webkit-transform: rotateX(-180deg) rotateY(-60deg);
transform: rotateX(-180deg) rotateY(-60deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden}
.solid-hover .image-container.image-container-flip:hover .image-flip-diagonal-3 {
-webkit-transform: rotateX(-180deg) rotateY(60deg);
transform: rotateX(-180deg) rotateY(60deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden}
.solid-hover .image-container.image-container-flip:hover .image-flip-diagonal-4 {
-webkit-transform: rotateX(180deg) rotateY(-60deg);
transform: rotateX(180deg) rotateY(-60deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden}
.solid-hover .image-container.image-container-flip:hover .image-overlay-container-flip-x,.solid-hover .image-container.image-container-flip:hover .image-overlay-container-flip-x-rev {
-webkit-transform: rotateX(0);
transform: rotateX(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden}
.solid-hover .image-container.image-container-flip:hover .image-overlay-container-flip-y,.solid-hover .image-container.image-container-flip:hover .image-overlay-container-flip-y-rev {
-webkit-transform: rotateY(0);
transform: rotateY(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden}
.solid-hover .image-container.image-container-flip:hover .image-overlay-container-flip-diagonal-1,.solid-hover .image-container.image-container-flip:hover .image-overlay-container-flip-diagonal-2,.solid-hover .image-container.image-container-flip:hover .image-overlay-container-flip-diagonal-3,.solid-hover .image-container.image-container-flip:hover .image-overlay-container-flip-diagonal-4 {
-webkit-transform: rotateX(0) rotateY(0);
transform: rotateX(0) rotateY(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden}
.solid-hover .image-container.image-container-hinge {
-webkit-perspective: 2500px;
perspective: 2500px;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
overflow: visible}
.solid-hover .image-container.image-container-hinge [class^=image-overlay-container-hinge-],.solid-hover .image-container.image-container-hinge [class^=image-hinge] {
-webkit-transition: all .4s ease-in;
transition: all .4s ease-in}
.solid-hover .image-container.image-container-hinge .image-hinge-top {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1}
.solid-hover .image-container.image-container-hinge .image-hinge-bottom {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1}
.solid-hover .image-container.image-container-hinge .image-hinge-left {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1}
.solid-hover .image-container.image-container-hinge .image-hinge-right {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1}
.solid-hover .image-container.image-container-hinge .image-overlay-container-hinge-top {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
opacity: 0}
.solid-hover .image-container.image-container-hinge .image-overlay-container-hinge-bottom {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
opacity: 0}
.solid-hover .image-container.image-container-hinge .image-overlay-container-hinge-left {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
opacity: 0}
.solid-hover .image-container.image-container-hinge .image-overlay-container-hinge-right {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
opacity: 0}
.solid-hover .image-container.image-container-hinge:hover .image-hinge-top {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
opacity: 0}
.solid-hover .image-container.image-container-hinge:hover .image-hinge-bottom {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
opacity: 0}
.solid-hover .image-container.image-container-hinge:hover .image-hinge-left {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
opacity: 0}
.solid-hover .image-container.image-container-hinge:hover .image-hinge-right {
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
opacity: 0}
.solid-hover .image-container.image-container-hinge:hover .image-overlay-container-hinge-bottom,.solid-hover .image-container.image-container-hinge:hover .image-overlay-container-hinge-top {
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1}
.solid-hover .image-container.image-container-hinge:hover .image-overlay-container-hinge-left,.solid-hover .image-container.image-container-hinge:hover .image-overlay-container-hinge-right {
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1}
.solid-hover .image-container.image-container-venetian-blind {
-webkit-perspective: 2500px;
perspective: 2500px;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
overflow: hidden!important}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-container {
background: 0 0;
opacity: 0;
-webkit-transition-delay: 1s;
transition-delay: 1s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-1,.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-2,.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-3,.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-4,.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-5 {
display: block;
position: absolute;
top: 0;
width: 20%;
height: 100%;
background: rgba(0,0,0,.75);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
-webkit-transform: rotateY(-120deg);
transform: rotateY(-120deg);
-webkit-transition: all 1s ease;
transition: all 1s ease}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-1 {
left: 0;
-webkit-transition-delay: .2s;
transition-delay: .2s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-2 {
left: 20%;
-webkit-transition-delay: .4s;
transition-delay: .4s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-3 {
left: 40%;
-webkit-transition-delay: .6s;
transition-delay: .6s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-4 {
left: 60%;
-webkit-transition-delay: .8s;
transition-delay: .8s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-5 {
left: 80%;
-webkit-transition-delay: 1s;
transition-delay: 1s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-rev-1,.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-rev-2,.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-rev-3,.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-rev-4,.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-rev-5 {
display: block;
position: absolute;
top: 0;
width: 20%;
height: 100%;
background: rgba(0,0,0,.75);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
-webkit-transform: rotateY(120deg);
transform: rotateY(120deg);
-webkit-transition: all 1s ease;
transition: all 1s ease}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-rev-1 {
left: 0;
-webkit-transition-delay: 1s;
transition-delay: 1s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-rev-2 {
left: 20%;
-webkit-transition-delay: .8s;
transition-delay: .8s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-rev-3 {
left: 40%;
-webkit-transition-delay: .6s;
transition-delay: .6s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-rev-4 {
left: 60%;
-webkit-transition-delay: .4s;
transition-delay: .4s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-v-rev-5 {
left: 80%;
-webkit-transition-delay: .2s;
transition-delay: .2s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-1,.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-2,.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-3,.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-4,.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-5 {
display: block;
position: absolute;
left: 0;
width: 100%;
height: 20%;
background: rgba(0,0,0,.75);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
-webkit-transform: rotateX(120deg);
transform: rotateX(120deg);
-webkit-transition: all 1s ease;
transition: all 1s ease}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-1 {
top: 0;
-webkit-transition-delay: .2s;
transition-delay: .2s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-2 {
top: 20%;
-webkit-transition-delay: .4s;
transition-delay: .4s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-3 {
top: 40%;
-webkit-transition-delay: .6s;
transition-delay: .6s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-4 {
top: 60%;
-webkit-transition-delay: .8s;
transition-delay: .8s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-5 {
top: 80%;
-webkit-transition-delay: 1s;
transition-delay: 1s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-rev-1,.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-rev-2,.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-rev-3,.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-rev-4,.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-rev-5 {
display: block;
position: absolute;
left: 0;
width: 100%;
height: 20%;
background: rgba(0,0,0,.75);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
-webkit-transform: rotateX(-120deg);
transform: rotateX(-120deg);
-webkit-transition: all 1s ease;
transition: all 1s ease}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-rev-1 {
top: 0;
-webkit-transition-delay: 1s;
transition-delay: 1s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-rev-2 {
top: 20%;
-webkit-transition-delay: .8s;
transition-delay: .8s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-rev-3 {
top: 40%;
-webkit-transition-delay: .6s;
transition-delay: .6s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-rev-4 {
top: 60%;
-webkit-transition-delay: .4s;
transition-delay: .4s}
.solid-hover .image-container.image-container-venetian-blind .image-overlay-venetian-blind-h-rev-5 {
top: 80%;
-webkit-transition-delay: .2s;
transition-delay: .2s}
.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-container {
opacity: 1;
-webkit-transition-delay: 1s;
transition-delay: 1s}
.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-v-1,.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-v-2,.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-v-3,.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-v-4,.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-v-5,.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-v-rev-1,.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-v-rev-2,.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-v-rev-3,.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-v-rev-4,.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-v-rev-5 {
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1}
.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-h-1,.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-h-2,.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-h-3,.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-h-4,.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-h-5,.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-h-rev-1,.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-h-rev-2,.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-h-rev-3,.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-h-rev-4,.solid-hover .image-container.image-container-venetian-blind:hover .image-overlay-venetian-blind-h-rev-5 {
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1}
.solid-hover .image-container.image-container-fold {
overflow: visible!important;
-webkit-perspective: 500px;
perspective: 500px;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%}
.solid-hover .image-container.image-container-fold .image-overlay-container {
background: 0 0;
opacity: 0;
-webkit-transition: opacity 2s ease-in;
transition: opacity 2s ease-in}
.solid-hover .image-container.image-container-fold .fold-container-v-right [class^=image-overlay-fold-v] {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0}
.solid-hover .image-container.image-container-fold .fold-container-v-left [class^=image-overlay-fold-v] {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%}
.solid-hover .image-container.image-container-fold .fold-container-v-left .image-overlay-fold-v-1,.solid-hover .image-container.image-container-fold .fold-container-v-left .image-overlay-fold-v-2,.solid-hover .image-container.image-container-fold .fold-container-v-left .image-overlay-fold-v-3,.solid-hover .image-container.image-container-fold .fold-container-v-left .image-overlay-fold-v-4,.solid-hover .image-container.image-container-fold .fold-container-v-left .image-overlay-fold-v-5,.solid-hover .image-container.image-container-fold .fold-container-v-right .image-overlay-fold-v-1,.solid-hover .image-container.image-container-fold .fold-container-v-right .image-overlay-fold-v-2,.solid-hover .image-container.image-container-fold .fold-container-v-right .image-overlay-fold-v-3,.solid-hover .image-container.image-container-fold .fold-container-v-right .image-overlay-fold-v-4,.solid-hover .image-container.image-container-fold .fold-container-v-right .image-overlay-fold-v-5 {
display: block;
position: absolute;
top: 0;
width: 20%;
height: 100%;
background: rgba(0,0,0,.75);
opacity: 0;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in}
.solid-hover .image-container.image-container-fold .fold-container-v-right .image-overlay-fold-v-1 {
left: 0;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s}
.solid-hover .image-container.image-container-fold .fold-container-v-right .image-overlay-fold-v-2 {
left: 20%;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s}
.solid-hover .image-container.image-container-fold .fold-container-v-right .image-overlay-fold-v-3 {
left: 40%;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transition-delay: .9s;
transition-delay: .9s}
.solid-hover .image-container.image-container-fold .fold-container-v-right .image-overlay-fold-v-4 {
left: 60%;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transition-delay: .6s;
transition-delay: .6s}
.solid-hover .image-container.image-container-fold .fold-container-v-right .image-overlay-fold-v-5 {
left: 80%;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transition-delay: .3s;
transition-delay: .3s}
.solid-hover .image-container.image-container-fold .fold-container-v-left .image-overlay-fold-v-1 {
left: 0;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transition-delay: 0s;
transition-delay: 0s}
.solid-hover .image-container.image-container-fold .fold-container-v-left .image-overlay-fold-v-2 {
left: 20%;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transition-delay: .3s;
transition-delay: .3s}
.solid-hover .image-container.image-container-fold .fold-container-v-left .image-overlay-fold-v-3 {
left: 40%;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transition-delay: .6s;
transition-delay: .6s}
.solid-hover .image-container.image-container-fold .fold-container-v-left .image-overlay-fold-v-4 {
left: 60%;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transition-delay: .9s;
transition-delay: .9s}
.solid-hover .image-container.image-container-fold .fold-container-v-left .image-overlay-fold-v-5 {
left: 80%;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s}
.solid-hover .image-container.image-container-fold .fold-container-h-down [class^=image-overlay-fold-h] {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0}
.solid-hover .image-container.image-container-fold .fold-container-h-up [class^=image-overlay-fold-h] {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%}
.solid-hover .image-container.image-container-fold .fold-container-h-down .image-overlay-fold-h-1,.solid-hover .image-container.image-container-fold .fold-container-h-down .image-overlay-fold-h-2,.solid-hover .image-container.image-container-fold .fold-container-h-down .image-overlay-fold-h-3,.solid-hover .image-container.image-container-fold .fold-container-h-down .image-overlay-fold-h-4,.solid-hover .image-container.image-container-fold .fold-container-h-down .image-overlay-fold-h-5,.solid-hover .image-container.image-container-fold .fold-container-h-up .image-overlay-fold-h-1,.solid-hover .image-container.image-container-fold .fold-container-h-up .image-overlay-fold-h-2,.solid-hover .image-container.image-container-fold .fold-container-h-up .image-overlay-fold-h-3,.solid-hover .image-container.image-container-fold .fold-container-h-up .image-overlay-fold-h-4,.solid-hover .image-container.image-container-fold .fold-container-h-up .image-overlay-fold-h-5 {
display: block;
position: absolute;
width: 100%;
height: 20%;
background: rgba(0,0,0,.75);
opacity: 0;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in}
.solid-hover .image-container.image-container-fold .fold-container-h-down .image-overlay-fold-h-1 {
top: 0;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s}
.solid-hover .image-container.image-container-fold .fold-container-h-down .image-overlay-fold-h-2 {
top: 20%;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transition-delay: .9s;
transition-delay: .9s}
.solid-hover .image-container.image-container-fold .fold-container-h-down .image-overlay-fold-h-3 {
top: 40%;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transition-delay: .6s;
transition-delay: .6s}
.solid-hover .image-container.image-container-fold .fold-container-h-down .image-overlay-fold-h-4 {
top: 60%;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transition-delay: .3s;
transition-delay: .3s}
.solid-hover .image-container.image-container-fold .fold-container-h-down .image-overlay-fold-h-5 {
top: 80%;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transition-delay: 0s;
transition-delay: 0s}
.solid-hover .image-container.image-container-fold .fold-container-h-up .image-overlay-fold-h-1 {
top: 0;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-transition-delay: 0s;
transition-delay: 0s}
.solid-hover .image-container.image-container-fold .fold-container-h-up .image-overlay-fold-h-2 {
top: 20%;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-transition-delay: .3s;
transition-delay: .3s}
.solid-hover .image-container.image-container-fold .fold-container-h-up .image-overlay-fold-h-3 {
top: 40%;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-transition-delay: .6s;
transition-delay: .6s}
.solid-hover .image-container.image-container-fold .fold-container-h-up .image-overlay-fold-h-4 {
top: 60%;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-transition-delay: .9s;
transition-delay: .9s}
.solid-hover .image-container.image-container-fold .fold-container-h-up .image-overlay-fold-h-5 {
top: 80%;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s}
.solid-hover .image-container.image-container-fold:hover .image-overlay-container {
opacity: 1}
.solid-hover .image-container.image-container-fold:hover [class^=image-overlay-fold] {
-webkit-transition: all .75s ease-in;
transition: all .75s ease-in}
.solid-hover .image-container.image-container-fold:hover .image-overlay-fold-v-1,.solid-hover .image-container.image-container-fold:hover .image-overlay-fold-v-2,.solid-hover .image-container.image-container-fold:hover .image-overlay-fold-v-3,.solid-hover .image-container.image-container-fold:hover .image-overlay-fold-v-4,.solid-hover .image-container.image-container-fold:hover .image-overlay-fold-v-5 {
opacity: 1;
-webkit-transform: rotateY(0);
transform: rotateY(0)}
.solid-hover .image-container.image-container-fold:hover .fold-container-v-right .image-overlay-fold-v-1 {
-webkit-transition-delay: 0s;
transition-delay: 0s}
.solid-hover .image-container.image-container-fold:hover .fold-container-v-right .image-overlay-fold-v-2 {
-webkit-transition-delay: .3s;
transition-delay: .3s}
.solid-hover .image-container.image-container-fold:hover .fold-container-v-right .image-overlay-fold-v-3 {
-webkit-transition-delay: .6s;
transition-delay: .6s}
.solid-hover .image-container.image-container-fold:hover .fold-container-v-right .image-overlay-fold-v-4 {
-webkit-transition-delay: .9s;
transition-delay: .9s}
.solid-hover .image-container.image-container-fold:hover .fold-container-v-left .image-overlay-fold-v-1,.solid-hover .image-container.image-container-fold:hover .fold-container-v-right .image-overlay-fold-v-5 {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s}
.solid-hover .image-container.image-container-fold:hover .fold-container-v-left .image-overlay-fold-v-2 {
-webkit-transition-delay: .9s;
transition-delay: .9s}
.solid-hover .image-container.image-container-fold:hover .fold-container-v-left .image-overlay-fold-v-3 {
-webkit-transition-delay: .6s;
transition-delay: .6s}
.solid-hover .image-container.image-container-fold:hover .fold-container-v-left .image-overlay-fold-v-4 {
-webkit-transition-delay: .3s;
transition-delay: .3s}
.solid-hover .image-container.image-container-fold:hover .fold-container-v-left .image-overlay-fold-v-5 {
-webkit-transition-delay: 0s;
transition-delay: 0s}
.solid-hover .image-container.image-container-fold:hover .image-overlay-fold-h-1,.solid-hover .image-container.image-container-fold:hover .image-overlay-fold-h-2,.solid-hover .image-container.image-container-fold:hover .image-overlay-fold-h-3,.solid-hover .image-container.image-container-fold:hover .image-overlay-fold-h-4,.solid-hover .image-container.image-container-fold:hover .image-overlay-fold-h-5 {
opacity: 1;
-webkit-transform: rotateY(0);
transform: rotateY(0)}
.solid-hover .image-container.image-container-fold:hover .fold-container-h-down .image-overlay-fold-h-1 {
-webkit-transition-delay: 0s;
transition-delay: 0s}
.solid-hover .image-container.image-container-fold:hover .fold-container-h-down .image-overlay-fold-h-2 {
-webkit-transition-delay: .3s;
transition-delay: .3s}
.solid-hover .image-container.image-container-fold:hover .fold-container-h-down .image-overlay-fold-h-3 {
-webkit-transition-delay: .6s;
transition-delay: .6s}
.solid-hover .image-container.image-container-fold:hover .fold-container-h-down .image-overlay-fold-h-4 {
-webkit-transition-delay: .9s;
transition-delay: .9s}
.solid-hover .image-container.image-container-fold:hover .fold-container-h-down .image-overlay-fold-h-5,.solid-hover .image-container.image-container-fold:hover .fold-container-h-up .image-overlay-fold-h-1 {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s}
.solid-hover .image-container.image-container-fold:hover .fold-container-h-up .image-overlay-fold-h-2 {
-webkit-transition-delay: .9s;
transition-delay: .9s}
.solid-hover .image-container.image-container-fold:hover .fold-container-h-up .image-overlay-fold-h-3 {
-webkit-transition-delay: .6s;
transition-delay: .6s}
.solid-hover .image-container.image-container-fold:hover .fold-container-h-up .image-overlay-fold-h-4 {
-webkit-transition-delay: .3s;
transition-delay: .3s}
.solid-hover .image-container.image-container-fold:hover .fold-container-h-up .image-overlay-fold-h-5 {
-webkit-transition-delay: 0s;
transition-delay: 0s}
.solid-hover .image-container.image-container-ripple .image-overlay-container {
background: 0 0;
opacity: 0}
.solid-hover .image-container.image-container-ripple [class^=image-overlay-ripple] {
display: block;
margin: 0 auto;
width: 35px;
height: 35px;
position: absolute;
border-radius: 100%;
background: rgba(255,255,255,.3);
opacity: 1;
z-index: -10;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all .5s ease;
transition: all .5s ease}
.solid-hover .image-container.image-container-ripple .image-overlay-ripple-tl {
top: 20%;
left: 20%}
.solid-hover .image-container.image-container-ripple .image-overlay-ripple-tr {
top: 20%;
right: 20%}
.solid-hover .image-container.image-container-ripple .image-overlay-ripple-c {
top: 50%;
left: 45%}
.solid-hover .image-container.image-container-ripple .image-overlay-ripple-bl {
bottom: 20%;
left: 20%}
.solid-hover .image-container.image-container-ripple .image-overlay-ripple-br {
bottom: 20%;
right: 20%}
.solid-hover .image-container.image-container-ripple:hover .image-overlay-container {
background: rgba(0,0,0,.75);
opacity: 1;
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear}
.solid-hover .image-container.image-container-ripple:hover .image-overlay-ripple-bl,.solid-hover .image-container.image-container-ripple:hover .image-overlay-ripple-br,.solid-hover .image-container.image-container-ripple:hover .image-overlay-ripple-c,.solid-hover .image-container.image-container-ripple:hover .image-overlay-ripple-tl,.solid-hover .image-container.image-container-ripple:hover .image-overlay-ripple-tr {
-webkit-transform: scale(15);
-ms-transform: scale(15);
transform: scale(15);
opacity: 0}
.solid-hover .image-container.image-container-ripple:hover .image-overlay-ripple-tl+.image-overlay-ripple-br,.solid-hover .image-container.image-container-ripple:hover .image-overlay-ripple-tr+.image-overlay-ripple-bl {
-webkit-transition-delay: .3s;
transition-delay: .3s}
.solid-hover .image-container.image-container-ripple:hover .image-overlay-ripple-tl~.image-overlay-ripple-tr {
-webkit-transition-delay: .2s;
transition-delay: .2s}
.solid-hover .image-container.image-container-ripple:hover .image-overlay-ripple-tr~.image-overlay-ripple-bl {
-webkit-transition-delay: .3s;
transition-delay: .3s}
.solid-hover .image-container.image-container-ripple:hover .image-overlay-ripple-bl~.image-overlay-ripple-br {
-webkit-transition-delay: .4s;
transition-delay: .4s}
.solid-hover .image-container.image-container-blur .image-overlay-container {
background: 0 0;
opacity: 0;
-webkit-transition: opacity .8s ease;
transition: opacity .8s ease}
.solid-hover .image-container.image-container-blur .image-blur-1,.solid-hover .image-container.image-container-blur .image-blur-2,.solid-hover .image-container.image-container-blur .image-blur-3,.solid-hover .image-container.image-container-blur .image-blur-4 {
-webkit-filter: blur(0);
-webkit-transition: all .3s ease;
transition: all .3s ease}
.solid-hover .image-container.image-container-blur:hover .image-overlay-container {
background: rgba(0,0,0,.75);
opacity: 1}
.solid-hover .image-container.image-container-blur:hover .image-blur-1 {
-webkit-filter: blur(1px)}
.solid-hover .image-container.image-container-blur:hover .image-blur-2 {
-webkit-filter: blur(1px);
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15)}
.solid-hover .image-container.image-container-blur:hover .image-blur-3 {
-webkit-filter: blur(1px);
-webkit-transform: rotateZ(-8deg) scale(1.15);
transform: rotateZ(-8deg) scale(1.15)}
.solid-hover .image-container.image-container-blur:hover .image-blur-4 {
-webkit-filter: blur(1px);
-webkit-transform: rotateZ(8deg) scale(1.15);
transform: rotateZ(8deg) scale(1.15)}
.solid-hover .image-container.image-container-saturate .image-overlay-container {
background: 0 0;
opacity: 0;
-webkit-transition: opacity .8s ease;
transition: opacity .8s ease}
.solid-hover .image-container.image-container-saturate .image-saturate-1,.solid-hover .image-container.image-container-saturate .image-saturate-2,.solid-hover .image-container.image-container-saturate .image-saturate-3,.solid-hover .image-container.image-container-saturate .image-saturate-4 {
-webkit-filter: saturate(100%);
-webkit-transition: all .3s ease;
transition: all .3s ease}
.solid-hover .image-container.image-container-saturate:hover .image-overlay-container {
background: rgba(0,0,0,.75);
opacity: 1}
.solid-hover .image-container.image-container-saturate:hover .image-saturate-1 {
-webkit-filter: saturate(0)}
.solid-hover .image-container.image-container-saturate:hover .image-saturate-2 {
-webkit-filter: saturate(0);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)}
.solid-hover .image-container.image-container-saturate:hover .image-saturate-3 {
-webkit-filter: saturate(0);
-webkit-transform: rotateZ(-2deg) scale(1.1);
transform: rotateZ(-2deg) scale(1.1)}
.solid-hover .image-container.image-container-saturate:hover .image-saturate-4 {
-webkit-filter: saturate(0);
-webkit-transform: rotateZ(2deg) scale(1.1);
transform: rotateZ(2deg) scale(1.1)}
.solid-hover .image-container.image-container-disintegrate {
-webkit-perspective: 1500px;
perspective: 1500px;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
overflow: visible!important}
.solid-hover .image-container.image-container-disintegrate .image-overlay-container {
background: rgba(0,0,0,.75);
opacity: 0;
-webkit-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container {
position: relative;
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
padding-bottom: 66.5%}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container [class^=image-clip-] {
position: absolute;
top: 0;
left: 0;
opacity: 1;
z-index: -500;
-webkit-transition: all .3s linear;
transition: all .3s linear}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-ascend .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-collapse .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-drop .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-flush .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-fly-up .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-left .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-zoom-in .image-clip-1 {
-webkit-clip-path: inset(0 79% 0 0);
clip-path: inset(0 79% 0 0)}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-ascend .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-collapse .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-drop .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-flush .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-fly-up .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-left .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-zoom-in .image-clip-2 {
-webkit-clip-path: inset(0 60% 0 20%);
clip-path: inset(0 60% 0 20%);
-webkit-transition-delay: .2s;
transition-delay: .2s}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-ascend .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-collapse .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-drop .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-flush .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-fly-up .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-left .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-zoom-in .image-clip-3 {
-webkit-clip-path: inset(0 40% 0 39%);
clip-path: inset(0 40% 0 39%);
-webkit-transition-delay: .3s;
transition-delay: .3s}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-ascend .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-collapse .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-drop .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-flush .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-fly-up .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-left .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-zoom-in .image-clip-4 {
-webkit-clip-path: inset(0 20% 0 59%);
clip-path: inset(0 20% 0 59%);
-webkit-transition-delay: .4s;
transition-delay: .4s}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-ascend .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-collapse .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-drop .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-flush .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-fly-up .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-left .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-zoom-in .image-clip-5 {
-webkit-clip-path: inset(0 0 0 79%);
clip-path: inset(0 0 0 79%);
-webkit-transition-delay: .5s;
transition-delay: .5s}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-descend .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-flush-clockwise .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-fly-down .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-right .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-zoom-out .image-clip-1 {
-webkit-clip-path: inset(0 79% 0 0);
clip-path: inset(0 79% 0 0);
-webkit-transition-delay: .5s;
transition-delay: .5s}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-descend .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-flush-clockwise .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-fly-down .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-right .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-zoom-out .image-clip-2 {
-webkit-clip-path: inset(0 60% 0 20%);
clip-path: inset(0 60% 0 20%);
-webkit-transition-delay: .4s;
transition-delay: .4s}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-descend .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-flush-clockwise .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-fly-down .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-right .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-zoom-out .image-clip-3 {
-webkit-clip-path: inset(0 40% 0 39%);
clip-path: inset(0 40% 0 39%);
-webkit-transition-delay: .3s;
transition-delay: .3s}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-descend .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-flush-clockwise .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-fly-down .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-right .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-zoom-out .image-clip-4 {
-webkit-clip-path: inset(0 20% 0 59%);
clip-path: inset(0 20% 0 59%);
-webkit-transition-delay: .2s;
transition-delay: .2s}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-descend .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-flush-clockwise .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-fly-down .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-right .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-v-zoom-out .image-clip-5 {
-webkit-clip-path: inset(0 0 0 79%);
clip-path: inset(0 0 0 79%)}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-ascend .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-flush .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-fly-up .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-up .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-zoom-in .image-clip-1 {
-webkit-clip-path: inset(0 0 79% 0);
clip-path: inset(0 0 79% 0)}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-ascend .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-flush .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-fly-up .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-up .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-zoom-in .image-clip-2 {
-webkit-clip-path: inset(20% 0 60% 0);
clip-path: inset(20% 0 60% 0);
-webkit-transition-delay: .2s;
transition-delay: .2s}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-ascend .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-flush .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-fly-up .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-up .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-zoom-in .image-clip-3 {
-webkit-clip-path: inset(39% 0 40% 0);
clip-path: inset(39% 0 40% 0);
-webkit-transition-delay: .3s;
transition-delay: .3s}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-ascend .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-flush .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-fly-up .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-up .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-zoom-in .image-clip-4 {
-webkit-clip-path: inset(59% 0 20% 0);
clip-path: inset(59% 0 20% 0);
-webkit-transition-delay: .4s;
transition-delay: .4s}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-ascend .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-flush .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-fly-up .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-up .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-zoom-in .image-clip-5 {
-webkit-clip-path: inset(79% 0 0 0);
clip-path: inset(79% 0 0 0);
-webkit-transition-delay: .5s;
transition-delay: .5s}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-collapse .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-descend .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-down .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-drop .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-flush-clockwise .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-fly-down .image-clip-1,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-zoom-out .image-clip-1 {
-webkit-clip-path: inset(0 0 79% 0);
clip-path: inset(0 0 79% 0);
-webkit-transition-delay: .5s;
transition-delay: .5s}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-collapse .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-descend .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-down .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-drop .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-flush-clockwise .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-fly-down .image-clip-2,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-zoom-out .image-clip-2 {
-webkit-clip-path: inset(20% 0 60% 0);
clip-path: inset(20% 0 60% 0);
-webkit-transition-delay: .4s;
transition-delay: .4s}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-collapse .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-descend .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-down .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-drop .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-flush-clockwise .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-fly-down .image-clip-3,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-zoom-out .image-clip-3 {
-webkit-clip-path: inset(39% 0 40% 0);
clip-path: inset(39% 0 40% 0);
-webkit-transition-delay: .3s;
transition-delay: .3s}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-collapse .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-descend .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-down .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-drop .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-flush-clockwise .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-fly-down .image-clip-4,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-zoom-out .image-clip-4 {
-webkit-clip-path: inset(59% 0 20% 0);
clip-path: inset(59% 0 20% 0);
-webkit-transition-delay: .2s;
transition-delay: .2s}
.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-collapse .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-descend .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-down .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-drop .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-flush-clockwise .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-fly-down .image-clip-5,.solid-hover .image-container.image-container-disintegrate .disintegrate-container.disintegrate-h-zoom-out .image-clip-5 {
-webkit-clip-path: inset(79% 0 0 0);
clip-path: inset(79% 0 0 0)}
.solid-hover .image-container.image-container-disintegrate:hover .image-overlay-container {
opacity: 1}
.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-v-left [class^=image-clip] {
-webkit-transform: translateX(-10%);
-ms-transform: translateX(-10%);
transform: translateX(-10%)}
.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-v-right [class^=image-clip] {
-webkit-transform: translateX(10%);
-ms-transform: translateX(10%);
transform: translateX(10%)}
.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-v-fly-up [class^=image-clip] {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateX(150deg) rotateY(90deg) rotateZ(5deg);
transform: rotateX(150deg) rotateY(90deg) rotateZ(5deg)}
.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-v-fly-down [class^=image-clip] {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateX(-150deg) rotateY(-90deg) rotateZ(-5deg);
transform: rotateX(-150deg) rotateY(-90deg) rotateZ(-5deg)}
.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-h-ascend [class^=image-clip],.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-v-ascend [class^=image-clip] {
-webkit-transform: rotateY(-10deg) translate(-15%,-15%);
transform: rotateY(-10deg) translate(-15%,-15%)}
.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-h-descend [class^=image-clip],.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-v-descend [class^=image-clip] {
-webkit-transform: rotateY(10deg) translate(15%,15%);
transform: rotateY(10deg) translate(15%,15%)}
.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-h-zoom-in [class^=image-clip],.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-v-zoom-in [class^=image-clip] {
-webkit-transform: scale(1.25);
-ms-transform: scale(1.25);
transform: scale(1.25)}
.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-h-zoom-out [class^=image-clip],.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-v-zoom-out [class^=image-clip] {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)}
.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-h-flush [class^=image-clip],.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-v-flush [class^=image-clip] {
-webkit-transform: scale(0) rotateZ(-360deg) rotateY(90deg) rotateX(90deg);
transform: scale(0) rotateZ(-360deg) rotateY(90deg) rotateX(90deg)}
.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-h-flush-clockwise [class^=image-clip],.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-v-flush-clockwise [class^=image-clip] {
-webkit-transform: scale(0) rotateZ(360deg) rotateY(-90deg) rotateX(-90deg);
transform: scale(0) rotateZ(360deg) rotateY(-90deg) rotateX(-90deg)}
.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-h-collapse [class^=image-clip]:nth-child(even),.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-v-collapse [class^=image-clip]:nth-child(even) {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateX(90deg) rotateZ(5deg);
transform: rotateX(90deg) rotateZ(5deg)}
.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-h-collapse [class^=image-clip]:nth-child(odd),.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-v-collapse [class^=image-clip]:nth-child(odd) {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateX(90deg) rotateZ(-5deg);
transform: rotateX(90deg) rotateZ(-5deg)}
.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-h-drop [class^=image-clip]:nth-child(even),.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-v-drop [class^=image-clip]:nth-child(even) {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateX(10deg) rotateY(15deg) rotateZ(-5deg) translateY(30%);
transform: rotateX(10deg) rotateY(15deg) rotateZ(-5deg) translateY(30%)}
.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-h-drop [class^=image-clip]:nth-child(odd),.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-v-drop [class^=image-clip]:nth-child(odd) {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateX(10deg) rotateY(-15deg) rotateZ(5deg) translateY(30%);
transform: rotateX(10deg) rotateY(-15deg) rotateZ(5deg) translateY(30%)}
.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-h-up [class^=image-clip] {
-webkit-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%)}
.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-h-down [class^=image-clip] {
-webkit-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%)}
.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-h-fly-up [class^=image-clip] {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateY(150deg) rotateX(120deg) rotateZ(5deg);
transform: rotateY(150deg) rotateX(120deg) rotateZ(5deg)}
.solid-hover .image-container.image-container-disintegrate:hover .disintegrate-h-fly-down [class^=image-clip] {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotateY(-150deg) rotateX(-120deg) rotateZ(-5deg);
transform: rotateY(-150deg) rotateX(-120deg) rotateZ(-5deg)}
.solid-hover .image-container.image-container-disintegrate:hover .image-clip-1,.solid-hover .image-container.image-container-disintegrate:hover .image-clip-2,.solid-hover .image-container.image-container-disintegrate:hover .image-clip-3,.solid-hover .image-container.image-container-disintegrate:hover .image-clip-4,.solid-hover .image-container.image-container-disintegrate:hover .image-clip-5 {
opacity: 0}
.solid-hover .image-container.image-container-disperse {
-webkit-perspective: 1500px;
perspective: 1500px;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
overflow: visible!important}
.solid-hover .image-container.image-container-disperse .image-overlay-container {
background: rgba(0,0,0,.75);
opacity: 0;
-webkit-transition: all 3.5s ease-in-out;
transition: all 3.5s ease-in-out}
.solid-hover .image-container.image-container-disperse .disperse-container {
position: relative;
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
padding-bottom: 66.5%}
.solid-hover .image-container.image-container-disperse .disperse-container [class^=image-clip-] {
position: absolute;
top: 0;
left: 0;
opacity: 1;
z-index: -500;
-webkit-transition: all 1s ease;
transition: all 1s ease}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-1,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-1,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-1,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-1 {
-webkit-clip-path: inset(0 79% 80% 0);
clip-path: inset(0 79% 80% 0);
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-6,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-6,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-6,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-6 {
-webkit-clip-path: inset(20% 79% 60% 0);
clip-path: inset(20% 79% 60% 0);
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-11,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-11,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-11,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-11 {
-webkit-clip-path: inset(39% 79% 40% 0);
clip-path: inset(39% 79% 40% 0);
-webkit-transition-delay: 2.3s;
transition-delay: 2.3s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-16,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-16,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-16,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-16 {
-webkit-clip-path: inset(59% 79% 20% 0);
clip-path: inset(59% 79% 20% 0);
-webkit-transition-delay: 2.2s;
transition-delay: 2.2s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-21,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-21,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-21,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-21 {
-webkit-clip-path: inset(79% 79% 0 0);
clip-path: inset(79% 79% 0 0);
-webkit-transition-delay: 2.1s;
transition-delay: 2.1s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-2,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-2,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-2,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-2 {
-webkit-clip-path: inset(0 60% 80% 20%);
clip-path: inset(0 60% 80% 20%);
-webkit-transition-delay: 2s;
transition-delay: 2s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-7,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-7,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-7,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-7 {
-webkit-clip-path: inset(20% 60% 60% 20%);
clip-path: inset(20% 60% 60% 20%);
-webkit-transition-delay: 1.9s;
transition-delay: 1.9s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-12,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-12,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-12,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-12 {
-webkit-clip-path: inset(39% 60% 40% 20%);
clip-path: inset(39% 60% 40% 20%);
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-17,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-17,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-17,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-17 {
-webkit-clip-path: inset(59% 60% 20% 20%);
clip-path: inset(59% 60% 20% 20%);
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-22,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-22,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-22,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-22 {
-webkit-clip-path: inset(79% 60% 0 20%);
clip-path: inset(79% 60% 0 20%);
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-3,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-3,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-3,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-3 {
-webkit-clip-path: inset(0 40% 80% 39%);
clip-path: inset(0 40% 80% 39%);
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-8,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-8,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-8,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-8 {
-webkit-clip-path: inset(20% 40% 60% 39%);
clip-path: inset(20% 40% 60% 39%);
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-13,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-13,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-13,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-13 {
-webkit-clip-path: inset(39% 40% 40% 39%);
clip-path: inset(39% 40% 40% 39%);
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-18,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-18,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-18,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-18 {
-webkit-clip-path: inset(59% 40% 20% 39%);
clip-path: inset(59% 40% 20% 39%);
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-23,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-23,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-23,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-23 {
-webkit-clip-path: inset(79% 40% 0 39%);
clip-path: inset(79% 40% 0 39%);
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-4,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-4,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-4,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-4 {
-webkit-clip-path: inset(0 20% 80% 59%);
clip-path: inset(0 20% 80% 59%);
-webkit-transition-delay: 1s;
transition-delay: 1s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-9,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-9,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-9,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-9 {
-webkit-clip-path: inset(20% 20% 60% 59%);
clip-path: inset(20% 20% 60% 59%);
-webkit-transition-delay: .9s;
transition-delay: .9s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-14,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-14,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-14,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-14 {
-webkit-clip-path: inset(39% 20% 40% 59%);
clip-path: inset(39% 20% 40% 59%);
-webkit-transition-delay: .8s;
transition-delay: .8s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-19,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-19,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-19,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-19 {
-webkit-clip-path: inset(59% 20% 20% 59%);
clip-path: inset(59% 20% 20% 59%);
-webkit-transition-delay: .7s;
transition-delay: .7s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-24,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-24,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-24,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-24 {
-webkit-clip-path: inset(79% 20% 0 59%);
clip-path: inset(79% 20% 0 59%);
-webkit-transition-delay: .6s;
transition-delay: .6s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-5,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-5,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-5,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-5 {
-webkit-clip-path: inset(0 0 80% 79%);
clip-path: inset(0 0 80% 79%);
-webkit-transition-delay: .5s;
transition-delay: .5s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-10,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-10,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-10,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-10 {
-webkit-clip-path: inset(20% 0 60% 79%);
clip-path: inset(20% 0 60% 79%);
-webkit-transition-delay: .4s;
transition-delay: .4s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-15,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-15,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-15,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-15 {
-webkit-clip-path: inset(39% 0 40% 79%);
clip-path: inset(39% 0 40% 79%);
-webkit-transition-delay: .3s;
transition-delay: .3s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-20,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-20,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-20,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-20 {
-webkit-clip-path: inset(59% 0 20% 79%);
clip-path: inset(59% 0 20% 79%);
-webkit-transition-delay: .2s;
transition-delay: .2s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-1 .image-clip-25,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-2 .image-clip-25,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-3 .image-clip-25,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-4 .image-clip-25 {
-webkit-clip-path: inset(79% 0 0 79%);
clip-path: inset(79% 0 0 79%);
-webkit-transition-delay: .1s;
transition-delay: .1s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-1,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-1,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-1,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-1 {
-webkit-clip-path: inset(0 79% 79% 0);
clip-path: inset(0 79% 79% 0);
-webkit-transition-delay: .1s;
transition-delay: .1s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-6,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-6,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-6,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-6 {
-webkit-clip-path: inset(20% 79% 60% 0);
clip-path: inset(20% 79% 60% 0);
-webkit-transition-delay: .2s;
transition-delay: .2s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-11,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-11,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-11,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-11 {
-webkit-clip-path: inset(39% 79% 40% 0);
clip-path: inset(39% 79% 40% 0);
-webkit-transition-delay: .3s;
transition-delay: .3s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-16,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-16,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-16,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-16 {
-webkit-clip-path: inset(59% 79% 20% 0);
clip-path: inset(59% 79% 20% 0);
-webkit-transition-delay: .4s;
transition-delay: .4s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-21,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-21,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-21,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-21 {
-webkit-clip-path: inset(79% 79% 0 0);
clip-path: inset(79% 79% 0 0);
-webkit-transition-delay: .5s;
transition-delay: .5s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-2,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-2,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-2,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-2 {
-webkit-clip-path: inset(0 60% 79% 20%);
clip-path: inset(0 60% 79% 20%);
-webkit-transition-delay: .6s;
transition-delay: .6s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-7,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-7,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-7,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-7 {
-webkit-clip-path: inset(20% 60% 60% 20%);
clip-path: inset(20% 60% 60% 20%);
-webkit-transition-delay: .7s;
transition-delay: .7s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-12,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-12,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-12,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-12 {
-webkit-clip-path: inset(39% 60% 40% 20%);
clip-path: inset(39% 60% 40% 20%);
-webkit-transition-delay: .8s;
transition-delay: .8s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-17,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-17,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-17,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-17 {
-webkit-clip-path: inset(59% 60% 20% 20%);
clip-path: inset(59% 60% 20% 20%);
-webkit-transition-delay: .9s;
transition-delay: .9s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-22,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-22,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-22,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-22 {
-webkit-clip-path: inset(79% 60% 0 20%);
clip-path: inset(79% 60% 0 20%);
-webkit-transition-delay: 1s;
transition-delay: 1s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-3,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-3,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-3,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-3 {
-webkit-clip-path: inset(0 40% 79% 39%);
clip-path: inset(0 40% 79% 39%);
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-8,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-8,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-8,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-8 {
-webkit-clip-path: inset(20% 40% 60% 39%);
clip-path: inset(20% 40% 60% 39%);
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-13,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-13,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-13,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-13 {
-webkit-clip-path: inset(39% 40% 40% 39%);
clip-path: inset(39% 40% 40% 39%);
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-18,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-18,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-18,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-18 {
-webkit-clip-path: inset(59% 40% 20% 39%);
clip-path: inset(59% 40% 20% 39%);
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-23,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-23,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-23,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-23 {
-webkit-clip-path: inset(79% 40% 0 39%);
clip-path: inset(79% 40% 0 39%);
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-4,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-4,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-4,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-4 {
-webkit-clip-path: inset(0 20% 79% 59%);
clip-path: inset(0 20% 79% 59%);
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-9,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-9,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-9,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-9 {
-webkit-clip-path: inset(20% 20% 60% 59%);
clip-path: inset(20% 20% 60% 59%);
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-14,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-14,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-14,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-14 {
-webkit-clip-path: inset(39% 20% 40% 59%);
clip-path: inset(39% 20% 40% 59%);
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-19,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-19,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-19,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-19 {
-webkit-clip-path: inset(59% 20% 20% 59%);
clip-path: inset(59% 20% 20% 59%);
-webkit-transition-delay: 1.9s;
transition-delay: 1.9s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-24,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-24,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-24,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-24 {
-webkit-clip-path: inset(79% 20% 0 59%);
clip-path: inset(79% 20% 0 59%);
-webkit-transition-delay: 2s;
transition-delay: 2s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-5,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-5,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-5,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-5 {
-webkit-clip-path: inset(0 0 79% 79%);
clip-path: inset(0 0 79% 79%);
-webkit-transition-delay: 2.1s;
transition-delay: 2.1s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-10,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-10,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-10,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-10 {
-webkit-clip-path: inset(20% 0 60% 79%);
clip-path: inset(20% 0 60% 79%);
-webkit-transition-delay: 2.2s;
transition-delay: 2.2s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-15,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-15,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-15,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-15 {
-webkit-clip-path: inset(39% 0 40% 79%);
clip-path: inset(39% 0 40% 79%);
-webkit-transition-delay: 2.3s;
transition-delay: 2.3s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-20,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-20,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-20,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-20 {
-webkit-clip-path: inset(59% 0 20% 79%);
clip-path: inset(59% 0 20% 79%);
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-5 .image-clip-25,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-6 .image-clip-25,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-7 .image-clip-25,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-8 .image-clip-25 {
-webkit-clip-path: inset(79% 0 0 79%);
clip-path: inset(79% 0 0 79%);
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-1,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-1,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-1,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-1 {
-webkit-clip-path: inset(0 79% 79% 0);
clip-path: inset(0 79% 79% 0);
-webkit-transition-delay: .1s;
transition-delay: .1s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-6,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-6,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-6,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-6 {
-webkit-clip-path: inset(20% 79% 60% 0);
clip-path: inset(20% 79% 60% 0);
-webkit-transition-delay: .2s;
transition-delay: .2s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-11,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-11,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-11,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-11 {
-webkit-clip-path: inset(39% 79% 40% 0);
clip-path: inset(39% 79% 40% 0);
-webkit-transition-delay: .3s;
transition-delay: .3s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-16,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-16,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-16,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-16 {
-webkit-clip-path: inset(59% 79% 20% 0);
clip-path: inset(59% 79% 20% 0);
-webkit-transition-delay: .4s;
transition-delay: .4s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-21,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-21,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-21,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-21 {
-webkit-clip-path: inset(79% 79% 0 0);
clip-path: inset(79% 79% 0 0);
-webkit-transition-delay: .5s;
transition-delay: .5s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-2,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-2,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-2,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-2 {
-webkit-clip-path: inset(0 60% 79% 20%);
clip-path: inset(0 60% 79% 20%);
-webkit-transition-delay: .6s;
transition-delay: .6s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-7,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-7,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-7,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-7 {
-webkit-clip-path: inset(20% 60% 60% 20%);
clip-path: inset(20% 60% 60% 20%);
-webkit-transition-delay: .7s;
transition-delay: .7s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-12,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-12,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-12,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-12 {
-webkit-clip-path: inset(39% 60% 40% 20%);
clip-path: inset(39% 60% 40% 20%);
-webkit-transition-delay: .8s;
transition-delay: .8s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-17,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-17,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-17,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-17 {
-webkit-clip-path: inset(59% 60% 20% 20%);
clip-path: inset(59% 60% 20% 20%);
-webkit-transition-delay: .9s;
transition-delay: .9s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-22,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-22,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-22,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-22 {
-webkit-clip-path: inset(79% 60% 0 20%);
clip-path: inset(79% 60% 0 20%);
-webkit-transition-delay: 1s;
transition-delay: 1s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-3,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-3,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-3,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-3 {
-webkit-clip-path: inset(0 40% 79% 39%);
clip-path: inset(0 40% 79% 39%);
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-8,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-8,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-8,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-8 {
-webkit-clip-path: inset(20% 40% 60% 39%);
clip-path: inset(20% 40% 60% 39%);
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-13,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-13,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-13,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-13 {
-webkit-clip-path: inset(39% 40% 40% 39%);
clip-path: inset(39% 40% 40% 39%);
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-18,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-18,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-18,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-18 {
-webkit-clip-path: inset(59% 40% 20% 39%);
clip-path: inset(59% 40% 20% 39%);
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-23,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-23,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-23,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-23 {
-webkit-clip-path: inset(79% 40% 0 39%);
clip-path: inset(79% 40% 0 39%);
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-4,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-4,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-4,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-4 {
-webkit-clip-path: inset(0 20% 79% 59%);
clip-path: inset(0 20% 79% 59%);
-webkit-transition-delay: .6s;
transition-delay: .6s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-9,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-9,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-9,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-9 {
-webkit-clip-path: inset(20% 20% 60% 59%);
clip-path: inset(20% 20% 60% 59%);
-webkit-transition-delay: .7s;
transition-delay: .7s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-14,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-14,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-14,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-14 {
-webkit-clip-path: inset(39% 20% 40% 59%);
clip-path: inset(39% 20% 40% 59%);
-webkit-transition-delay: .8s;
transition-delay: .8s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-19,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-19,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-19,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-19 {
-webkit-clip-path: inset(59% 20% 20% 59%);
clip-path: inset(59% 20% 20% 59%);
-webkit-transition-delay: .9s;
transition-delay: .9s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-24,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-24,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-24,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-24 {
-webkit-clip-path: inset(79% 20% 0 59%);
clip-path: inset(79% 20% 0 59%);
-webkit-transition-delay: 1s;
transition-delay: 1s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-5,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-5,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-5,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-5 {
-webkit-clip-path: inset(0 0 79% 79%);
clip-path: inset(0 0 79% 79%);
-webkit-transition-delay: .1s;
transition-delay: .1s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-10,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-10,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-10,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-10 {
-webkit-clip-path: inset(20% 0 60% 79%);
clip-path: inset(20% 0 60% 79%);
-webkit-transition-delay: .2s;
transition-delay: .2s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-15,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-15,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-15,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-15 {
-webkit-clip-path: inset(39% 0 40% 79%);
clip-path: inset(39% 0 40% 79%);
-webkit-transition-delay: .3s;
transition-delay: .3s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-20,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-20,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-20,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-20 {
-webkit-clip-path: inset(59% 0 20% 79%);
clip-path: inset(59% 0 20% 79%);
-webkit-transition-delay: .4s;
transition-delay: .4s}
.solid-hover .image-container.image-container-disperse .disperse-container.disperse-10 .image-clip-25,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-11 .image-clip-25,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-12 .image-clip-25,.solid-hover .image-container.image-container-disperse .disperse-container.disperse-9 .image-clip-25 {
-webkit-clip-path: inset(79% 0 0 79%);
clip-path: inset(79% 0 0 79%);
-webkit-transition-delay: .5s;
transition-delay: .5s}
.solid-hover .image-container.image-container-disperse:hover .image-overlay-container {
opacity: 1}
.solid-hover .image-container.image-container-disperse:hover .disperse-1 [class^=image-clip-]:nth-child(even),.solid-hover .image-container.image-container-disperse:hover .disperse-5 [class^=image-clip-]:nth-child(even),.solid-hover .image-container.image-container-disperse:hover .disperse-9 [class^=image-clip-]:nth-child(even) {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate(-10%,-20%) rotateZ(-120deg) rotateX(-120deg) skew(-35deg);
transform: translate(-10%,-20%) rotateZ(-120deg) rotateX(-120deg) skew(-35deg)}
.solid-hover .image-container.image-container-disperse:hover .disperse-1 [class^=image-clip-]:nth-child(odd),.solid-hover .image-container.image-container-disperse:hover .disperse-5 [class^=image-clip-]:nth-child(odd),.solid-hover .image-container.image-container-disperse:hover .disperse-9 [class^=image-clip-]:nth-child(odd) {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate(-20%,-10%) rotateZ(120deg) rotateX(120deg) skew(35deg);
transform: translate(-20%,-10%) rotateZ(120deg) rotateX(120deg) skew(35deg)}
.solid-hover .image-container.image-container-disperse:hover .disperse-10 [class^=image-clip-]:nth-child(even),.solid-hover .image-container.image-container-disperse:hover .disperse-2 [class^=image-clip-]:nth-child(even),.solid-hover .image-container.image-container-disperse:hover .disperse-6 [class^=image-clip-]:nth-child(even) {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate(10%,20%) rotateZ(-180deg) rotateY(120deg);
transform: translate(10%,20%) rotateZ(-180deg) rotateY(120deg)}
.solid-hover .image-container.image-container-disperse:hover .disperse-10 [class^=image-clip-]:nth-child(odd),.solid-hover .image-container.image-container-disperse:hover .disperse-2 [class^=image-clip-]:nth-child(odd),.solid-hover .image-container.image-container-disperse:hover .disperse-6 [class^=image-clip-]:nth-child(odd) {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate(20%,10%) rotateZ(180deg) rotateY(120deg);
transform: translate(20%,10%) rotateZ(180deg) rotateY(120deg)}
.solid-hover .image-container.image-container-disperse:hover .disperse-11 [class^=image-clip-]:nth-child(even),.solid-hover .image-container.image-container-disperse:hover .disperse-3 [class^=image-clip-]:nth-child(even),.solid-hover .image-container.image-container-disperse:hover .disperse-7 [class^=image-clip-]:nth-child(even) {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translateX(-80%) rotateZ(-45deg) rotateY(120deg) rotateX(-35deg);
transform: translateX(-80%) rotateZ(-45deg) rotateY(120deg) rotateX(-35deg)}
.solid-hover .image-container.image-container-disperse:hover .disperse-11 [class^=image-clip-]:nth-child(odd),.solid-hover .image-container.image-container-disperse:hover .disperse-3 [class^=image-clip-]:nth-child(odd),.solid-hover .image-container.image-container-disperse:hover .disperse-7 [class^=image-clip-]:nth-child(odd) {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translateX(80%) rotateZ(45deg) rotateY(120deg) rotateX(35deg);
transform: translateX(80%) rotateZ(45deg) rotateY(120deg) rotateX(35deg)}
.solid-hover .image-container.image-container-disperse:hover .disperse-12 [class^=image-clip-]:nth-child(even),.solid-hover .image-container.image-container-disperse:hover .disperse-4 [class^=image-clip-]:nth-child(even),.solid-hover .image-container.image-container-disperse:hover .disperse-8 [class^=image-clip-]:nth-child(even) {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translateY(-80%) rotateZ(-45deg) rotateY(120deg) rotateX(-35deg);
transform: translateY(-80%) rotateZ(-45deg) rotateY(120deg) rotateX(-35deg)}
.solid-hover .image-container.image-container-disperse:hover .disperse-12 [class^=image-clip-]:nth-child(odd),.solid-hover .image-container.image-container-disperse:hover .disperse-4 [class^=image-clip-]:nth-child(odd),.solid-hover .image-container.image-container-disperse:hover .disperse-8 [class^=image-clip-]:nth-child(odd) {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translateY(80%) rotateZ(45deg) rotateY(-120deg) rotateX(35deg);
transform: translateY(80%) rotateZ(45deg) rotateY(-120deg) rotateX(35deg)}
.solid-hover .image-container.image-container-mosaic .image-overlay-container {
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: -1}
.solid-hover .image-container.image-container-mosaic p {
color: #111}
.solid-hover .image-container.image-container-mosaic .mosaic-container {
position: relative;
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
padding-bottom: 66.5%}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-container-caution div:nth-child(1):hover,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-container-caution div:nth-child(2):hover,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-container-caution div:nth-child(3):hover,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-container-caution div:nth-child(4):hover {
background: rgba(228,134,9,.2)}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-container-success div:nth-child(1):hover,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-container-success div:nth-child(2):hover,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-container-success div:nth-child(3):hover,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-container-success div:nth-child(4):hover {
background: rgba(20,187,70,.2)}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-container-info div:nth-child(1):hover,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-container-info div:nth-child(2):hover,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-container-info div:nth-child(3):hover,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-container-info div:nth-child(4):hover {
background: rgba(3,169,244,.2)}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-container-warning div:nth-child(1):hover,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-container-warning div:nth-child(2):hover,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-container-warning div:nth-child(3):hover,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-container-warning div:nth-child(4):hover {
background: rgba(236,72,72,.2)}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-1>div,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-2>div,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-3>div,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-4>div,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-5>div,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-6>div,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-7>div,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-8>div {
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
position: relative;
width: 50%;
height: 50%;
float: left;
-webkit-transition: all .8s ease-in;
transition: all .8s ease-in}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-1>div>p,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-2>div>p,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-3>div>p,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-4>div>p,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-5>div>p,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-6>div>p,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-7>div>p,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-8>div>p {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 25%;
float: left;
text-align: center;
z-index: 0;
margin: 0;
font-weight: 700}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-1>div>p i,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-2>div>p i,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-3>div>p i,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-4>div>p i,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-5>div>p i,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-6>div>p i,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-7>div>p i,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-8>div>p i {
margin-right: 0;
font-size: 1.2em;
font-weight: 700}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-1>div>img,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-2>div>img,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-3>div>img,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-4>div>img,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-5>div>img,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-6>div>img,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-7>div>img,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-8>div>img {
position: relative;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-1 div:nth-child(1):hover img,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-1 div:nth-child(3):hover img {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-1 div:nth-child(2):hover img,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-1 div:nth-child(4):hover img {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-2 div:nth-child(1):hover img,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-2 div:nth-child(2):hover img {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-2 div:nth-child(3):hover img,.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-2 div:nth-child(4):hover img {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-3 div:nth-child(1):hover img {
-webkit-transform: translate(100%,100%);
-ms-transform: translate(100%,100%);
transform: translate(100%,100%)}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-3 div:nth-child(2):hover img {
-webkit-transform: translate(-100%,100%);
-ms-transform: translate(-100%,100%);
transform: translate(-100%,100%)}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-3 div:nth-child(3):hover img {
-webkit-transform: translate(100%,-100%);
-ms-transform: translate(100%,-100%);
transform: translate(100%,-100%)}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-3 div:nth-child(4):hover img {
-webkit-transform: translate(-100%,-100%);
-ms-transform: translate(-100%,-100%);
transform: translate(-100%,-100%)}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-4 {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-4 div:nth-child(1):hover img {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-4 div:nth-child(2):hover img {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-4 div:nth-child(3):hover img {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-4 div:nth-child(4):hover img {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-5 {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-5 div:nth-child(1):hover img {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate3d(0,-1,1,-120deg);
transform: rotate3d(0,-1,1,-120deg);
opacity: 0}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-5 div:nth-child(2):hover img {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: rotate3d(0,-1,1,120deg);
transform: rotate3d(0,-1,1,120deg);
opacity: 0}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-5 div:nth-child(3):hover img {
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: rotate3d(0,-1,1,120deg);
transform: rotate3d(0,-1,1,120deg);
opacity: 0}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-5 div:nth-child(4):hover img {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotate3d(0,-1,1,-120deg);
transform: rotate3d(0,-1,1,-120deg);
opacity: 0}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-6 {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-6 div:nth-child(1):hover img {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: rotate3d(-1,-1,2,220deg);
transform: rotate3d(-1,-1,2,220deg);
opacity: 0}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-6 div:nth-child(2):hover img {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate3d(1,-1,2,-220deg);
transform: rotate3d(1,-1,2,-220deg);
opacity: 0}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-6 div:nth-child(3):hover img {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotate3d(-1,1,2,-220deg);
transform: rotate3d(-1,1,2,-220deg);
opacity: 0}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-6 div:nth-child(4):hover img {
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: rotate3d(1,1,2,220deg);
transform: rotate3d(1,1,2,220deg);
opacity: 0}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-7 {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-7 div:nth-child(1):hover img {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotate3d(-5,5,-1,90deg);
transform: rotate3d(-5,5,-1,90deg);
opacity: 0}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-7 div:nth-child(2):hover img {
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: rotate3d(5,5,-1,-90deg);
transform: rotate3d(5,5,-1,-90deg);
opacity: 0}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-7 div:nth-child(3):hover img {
-webkit-transform-origin: 100% 10%;
-ms-transform-origin: 100% 10%;
transform-origin: 100% 10%;
-webkit-transform: rotate3d(5,5,-1,90deg);
transform: rotate3d(5,5,-1,90deg);
opacity: 0}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-7 div:nth-child(4):hover img {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate3d(-5,5,-1,-90deg);
transform: rotate3d(-5,5,-1,-90deg);
opacity: 0}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-8 {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-8 div:nth-child(3):hover img {
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate3d(1,1,12,360deg) scale(0);
transform: rotate3d(1,1,12,360deg) scale(0);
opacity: 0}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-8 div:nth-child(2):hover img {
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate3d(1,1,12,-360deg) scale(0);
transform: rotate3d(1,1,12,-360deg) scale(0);
opacity: 0}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-8 div:nth-child(1):hover img {
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate3d(15,15,-12,360deg) scale(0);
transform: rotate3d(15,15,-12,360deg) scale(0);
opacity: 0}
.solid-hover .image-container.image-container-mosaic .mosaic-container.mosaic-8 div:nth-child(4):hover img {
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate3d(15,15,-12,-360deg) scale(0);
transform: rotate3d(15,15,-12,-360deg) scale(0);
opacity: 0}
.solid-hover .image-container.image-container-threeD-peel {
-webkit-perspective: 500px;
perspective: 500px;
width: 280px!important;
height: 195px!important;
margin: 0 auto}
.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container {
width: 260px;
height: 171px;
position: relative}
.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-1 .part,.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-2 .part,.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-3 .part {
position: relative;
width: 52px;
height: 100%;
float: left;
z-index: 150;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition: all .25s ease-in;
transition: all .25s ease-in}
.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-1 .part:before,.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-2 .part:before,.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-3 .part:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 52px;
height: 171px;
background: rgba(68,68,68,.1);
opacity: 0}
.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-1 .part.p1,.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-2 .part.p1,.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-3 .part.p1 {
background-position: 0 0}
.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-1 .part.p2,.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-2 .part.p2,.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-3 .part.p2 {
background-position: -52px 0;
-webkit-transform: translate3d(51px,0,0);
transform: translate3d(51px,0,0)}
.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-1 .part.p3,.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-2 .part.p3,.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-3 .part.p3 {
background-position: -104px 0;
-webkit-transform: translate3d(51px,0,0);
transform: translate3d(51px,0,0)}
.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-1 .part.p4,.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-2 .part.p4,.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-3 .part.p4 {
background-position: -156px 0;
-webkit-transform: translate3d(51px,0,0);
transform: translate3d(51px,0,0)}
.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-1 .part.p5,.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-2 .part.p5,.solid-hover .image-container.image-container-threeD-peel .threeD-peel-container.threeD-peel-3 .part.p5 {
background-position: -208px 0;
-webkit-transform: translate3d(51px,0,0);
transform: translate3d(51px,0,0)}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-1 .part.p2 {
-webkit-transform: translate3d(51px,0,0) rotate3d(0,1,0,-15deg);
transform: translate3d(51px,0,0) rotate3d(0,1,0,-15deg);
-webkit-transition-delay: 70ms;
transition-delay: 70ms}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-1 .part.p3 {
-webkit-transform: translate3d(51px,0,0) rotate3d(0,1,0,-8deg);
transform: translate3d(51px,0,0) rotate3d(0,1,0,-8deg)}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-1 .part.p3:before {
opacity: 1;
-webkit-transition-delay: 60ms;
transition-delay: 60ms}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-1 .part.p4 {
-webkit-transform: translate3d(51px,0,0) rotate3d(0,1,0,-40deg);
transform: translate3d(51px,0,0) rotate3d(0,1,0,-40deg)}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-1 .part.p4:before {
opacity: 1;
-webkit-transition-delay: 50ms;
transition-delay: 50ms}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-1 .part.p5 {
-webkit-transform: translate3d(51px,0,0) rotate3d(0,1,0,-16deg);
transform: translate3d(51px,0,0) rotate3d(0,1,0,-16deg)}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-1 .part.p5:before {
opacity: 1}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-2 .part.p2 {
-webkit-transform: translate3d(51px,0,0) rotate3d(0,1,0,-47deg);
transform: translate3d(51px,0,0) rotate3d(0,1,0,-47deg)}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-2 .part.p2:before {
opacity: 1;
-webkit-transition-delay: 70ms;
transition-delay: 70ms}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-2 .part.p3 {
-webkit-transform: translate3d(51px,0,0) rotate3d(0,1,0,92deg);
transform: translate3d(51px,0,0) rotate3d(0,1,0,92deg)}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-2 .part.p3:before {
opacity: 1;
-webkit-transition-delay: 60ms;
transition-delay: 60ms}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-2 .part.p4 {
-webkit-transform: translate3d(51px,0,0) rotate3d(0,1,0,-100deg);
transform: translate3d(51px,0,0) rotate3d(0,1,0,-100deg)}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-2 .part.p4:before {
opacity: 1;
-webkit-transition-delay: 50ms;
transition-delay: 50ms}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-2 .part.p5 {
-webkit-transform: translate3d(51px,0,0) rotate3d(0,1,0,77deg);
transform: translate3d(51px,0,0) rotate3d(0,1,0,77deg)}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-3 .part.p1 {
-webkit-transform: translate3d(0,0,0) rotate3d(0,1,0,-45deg);
transform: translate3d(0,0,0) rotate3d(0,1,0,-45deg)}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-3 .part.p1:before {
opacity: 1;
-webkit-transition-delay: 80ms;
transition-delay: 80ms}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-3 .part.p2 {
-webkit-transform: translate3d(51px,0,0) rotate3d(0,1,0,14deg);
transform: translate3d(51px,0,0) rotate3d(0,1,0,14deg)}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-3 .part.p2:before {
opacity: 1;
-webkit-transition-delay: 70ms;
transition-delay: 70ms}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-3 .part.p3 {
-webkit-transform: translate3d(51px,0,0) rotate3d(0,1,0,22deg);
transform: translate3d(51px,0,0) rotate3d(0,1,0,22deg)}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-3 .part.p3:before {
opacity: 1;
-webkit-transition-delay: 60ms;
transition-delay: 60ms}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-3 .part.p4 {
-webkit-transform: translate3d(51px,0,0) rotate3d(0,1,0,43deg);
transform: translate3d(51px,0,0) rotate3d(0,1,0,43deg)}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-3 .part.p4:before {
opacity: 1;
-webkit-transition-delay: 50ms;
transition-delay: 50ms}
.solid-hover .image-container.image-container-threeD-peel:hover .threeD-peel-3 .part.p5 {
-webkit-transform: translate3d(51px,0,0) rotate3d(0,1,0,379deg);
transform: translate3d(51px,0,0) rotate3d(0,1,0,379deg)}
.solid-hover .image-container.image-container-threeD-block {
-webkit-perspective: 900px;
perspective: 900px;
border: 0!important;
background: 0 0;
box-shadow: none}
.solid-hover .image-container.image-container-threeD-block .threeD-block-container {
width: 280px;
height: 171px;
margin: 0 auto;
position: relative}
.solid-hover .image-container.image-container-threeD-block .threeD-block-container .image-part {
margin: 0;
width: 280px;
height: 136px;
background-size: 100%;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out}
.solid-hover .image-container.image-container-threeD-block .threeD-block-container .image-part .image-caption {
width: 280px;
height: 50px;
background: -webkit-linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.6)) no-repeat;
background: linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.6)) no-repeat;
background-size: 100%;
background-position: bottom;
color: #fff;
position: relative;
top: 135px;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: rotateX(-86deg);
transform: rotateX(-86deg);
font-size: 1em;
text-align: center;
line-height: 3}
.solid-hover .image-container.image-container-threeD-block .threeD-block-container .image-part:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 100px 50px rgba(0,0,0,.1),inset 0 0 250px 250px rgba(0,0,0,.1);
-webkit-transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out;
-webkit-transform: rotateX(75deg) translateZ(-10px) scale(.75);
transform: rotateX(75deg) translateZ(-10px) scale(.75);
-webkit-transform-origin: inherit;
-ms-transform-origin: inherit;
transform-origin: inherit}
.solid-hover .image-container.image-container-threeD-block:hover .image-part {
-webkit-transform: rotateX(57deg) translateZ(80px);
transform: rotateX(57deg) translateZ(80px)}
.solid-hover .image-container.image-container-threeD-block:hover .image-part:before {
box-shadow: 0 0 25px 10px #979494,inset 0 0 250px 128px #a19f9f;
-webkit-transform: rotateX(-18deg) translateZ(-76px) scale(.95);
transform: rotateX(-18deg) translateZ(-76px) scale(.95)}
.solid-hover .image-container.image-container-shape {
-webkit-perspective: 500px;
perspective: 500px;
margin: 0 auto}
.solid-hover .image-container.image-container-shape .image-overlay-container {
opacity: 0;
-webkit-transition: opacity .5s ease-in;
transition: opacity .5s ease-in}
.solid-hover .image-container.image-container-shape .shape-container {
position: relative;
opacity: 1;
z-index: 500;
-webkit-transition: all .3s linear;
padding-bottom: 66.5%}
.solid-hover .image-container.image-container-shape .shape-container [class=image-clip] {
position: absolute;
top: 0;
left: 0;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out}
.solid-hover .image-container.image-container-shape .shape-container.shape-1 .image-clip,.solid-hover .image-container.image-container-shape .shape-container.shape-2 .image-clip,.solid-hover .image-container.image-container-shape .shape-container.shape-3 .image-clip {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%)}
.solid-hover .image-container.image-container-shape .shape-container.shape-4 .image-clip {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%,0 50%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%,0 50%)}
.solid-hover .image-container.image-container-shape:hover .shape-container {
z-index: -10}
.solid-hover .image-container.image-container-shape:hover .image-overlay-container {
opacity: 1}
.solid-hover .image-container.image-container-shape:hover .shape-1 .image-clip {
-webkit-clip-path: polygon(25% 0,99% 0,75% 99%,0 99%);
clip-path: polygon(25% 0,99% 0,75% 99%,0 99%)}
.solid-hover .image-container.image-container-shape:hover .shape-2 .image-clip {
-webkit-clip-path: polygon(50% 0,99% 50%,50% 99%,0 50%);
clip-path: polygon(50% 0,99% 50%,50% 99%,0 50%)}
.solid-hover .image-container.image-container-shape:hover .shape-3 .image-clip {
-webkit-clip-path: polygon(30% 0,70% 0,100% 100%,0 100%);
clip-path: polygon(30% 0,70% 0,100% 100%,0 100%)}
.solid-hover .image-container.image-container-shape:hover .shape-4 .image-clip {
-webkit-clip-path: polygon(45% 0,100% 0,100% 100%,45% 100%,0 50%);
clip-path: polygon(45% 0,100% 0,100% 100%,45% 100%,0 50%)}
.solid-hover .image-container:hover {
cursor: pointer}