@charset "UTF-8";
#scnb-cookie-bar{display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;z-index:99999;padding-bottom:10px}#scnb-cookie-bar .wrap{padding:10px 15px 10px 15px}@media only screen and (max-width: 1023px){#scnb-cookie-bar .wrap{padding-left:6%;padding-right:6%}}.scnb-text,.scnb-buttons{float:left}@media only screen and (max-width: 800px){.scnb-text,.scnb-buttons{float:none;width:100% !important}}.scnb-text{width:80%}.scnb-buttons{width:17%;margin-left:3%}@media only screen and (max-width: 800px){.scnb-buttons{margin-left:0px !important;margin-top:20px;text-align:center}}.scnb-buttons a{display:inline-block;padding:5px 13px 5px 13px;text-decoration:none;font-weight:bold;border-radius:5px 5px 5px 5px}.scnb-buttons a:hover,.scnb-buttons a:focus{text-decoration:underline}.tlp-portfolio * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.6;
}
.pfp-carousel .owl-dot:hover {
background: transparent;
}
#tlp_portfolio_sc_settings_meta .wp-picker-container .wp-color-result-text {
position: relative;
z-index: 99;
}
h3.title.color-white a,
h3.title.color-white{
color: #fff !important;
text-decoration: none;
}
.tlp-portfolio-item .tlp-overlay-inner {
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 15px;
}
.tlp-portfolio-isotope {
display: flex;
flex-wrap: wrap;
}
.tlp-portfolio-container .tlp-portfolio-isotope .tlp-single-item,
.tlp-portfolio .tlp-portfolio-thum,
.tlp-portfolio-isotope .tlp-portfolio-item {
width: 100%;
display: block;
}
.tlp-portfolio .tlp-portfolio-thum img{
width: 100%;
backface-visibility: hidden;
}
.tlp-body-overflow {
overflow: hidden;
}
.tlp-portfolio-sd {
margin-bottom: 10px;
}
.rt-container-fluid, .rt-container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.rt-container .rt-row,
.rt-container-fluid .rt-row {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.tlp-portfolio .carousel2  .rt-row ,
.tlp-portfolio .isotope2  .rt-row ,
.tlp-portfolio .layout2 .rt-row {
margin-left: 0;
margin-right: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.rt-container-fluid .rt-row[class*=isotope],
.rt-container .rt-row[class*=isotope] {
display: block;
}
.rt-container-fluid .rt-row[class*=isotope] .tlp-portfolio-isotope,
.rt-container .rt-row[class*=isotope] .tlp-portfolio-isotope {
display: flex;
flex-wrap: wrap;
}
.tlp-col-xs-1,
.tlp-col-sm-1,
.tlp-col-md-1,
.tlp-col-lg-1,
.tlp-col-xs-2,
.tlp-col-sm-2,
.tlp-col-md-2,
.tlp-col-lg-2,
.tlp-col-xs-3,
.tlp-col-sm-3,
.tlp-col-md-3,
.tlp-col-lg-3,
.tlp-col-xs-4,
.tlp-col-sm-4,
.tlp-col-md-4,
.tlp-col-lg-4,
.tlp-col-xs-5,
.tlp-col-sm-5,
.tlp-col-md-5,
.tlp-col-lg-5,
.tlp-col-xs-6,
.tlp-col-sm-6,
.tlp-col-md-6,
.tlp-col-lg-6,
.tlp-col-xs-7,
.tlp-col-sm-7,
.tlp-col-md-7,
.tlp-col-lg-7,
.tlp-col-xs-8,
.tlp-col-sm-8,
.tlp-col-md-8,
.tlp-col-lg-8,
.tlp-col-xs-9,
.tlp-col-sm-9,
.tlp-col-md-9,
.tlp-col-lg-9,
.tlp-col-xs-10,
.tlp-col-sm-10,
.tlp-col-md-10,
.tlp-col-lg-10,
.tlp-col-xs-11,
.tlp-col-sm-11,
.tlp-col-md-11,
.tlp-col-lg-11,
.tlp-col-xs-12,
.tlp-col-sm-12,
.tlp-col-md-12,
.tlp-col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.tlp-col-xs-24 {
flex: 0 0 20%;
max-width: 20%;
}
.tlp-col-xs-12 {
flex: 0 0 100%;
max-width: 100%;
}
.tlp-col-xs-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.tlp-col-xs-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.tlp-col-xs-9 {
flex: 0 0 75%;
max-width: 75%;
}
.tlp-col-xs-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.tlp-col-xs-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.tlp-col-xs-6 {
flex: 0 0 50%;
max-width: 50%;
}
.tlp-col-xs-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.tlp-col-xs-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.tlp-col-xs-3 {
flex: 0 0 25%;
max-width: 25%;
}
.tlp-col-xs-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.tlp-col-xs-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.tlp-portfolio .tlp-overlay .link-icon {
text-align: center;
display: block;
padding: 0;
margin: 0;
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.tlp-portfolio-item {
direction: initial;
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none !important
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044
}
.mfp-preloader a {
color: #ccc
}
.mfp-preloader a:hover {
color: #fff
}
.mfp-s-ready .mfp-preloader {
display: none
}
.mfp-s-error .mfp-content {
display: none
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #fff;
right: 0;
text-align: right;
padding-right: 6px;
width: 44px;
text-align: center;
padding: 0;
height: 44px;
top: -4px;
background-color: #cc33668c;
font-size: 20px;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
top: 50%;
margin: -55px 0 0;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left:after {
border-right: 17px solid #fff;
margin-left: 31px
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right:after {
border-left: 17px solid #fff;
margin-left: 39px
}
.mfp-arrow-right:before {
border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px
}
.mfp-iframe-holder .mfp-close {
top: -40px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto
}
.mfp-figure {
line-height: 0
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-figure figure {
margin: 0
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px
}
.mfp-image-holder .mfp-content {
max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0
}
.mfp-img-mobile img.mfp-img {
padding: 0
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
} .owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-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 .owl-item {
float: left
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.grabbing {
cursor: url(//www.agh-coffrage.fr/wp-content/plugins/tlp-portfolio/assets/images/grabbing.png) 8 8, move
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
} .owl-theme .owl-controls {
margin-top: 10px;
text-align: center
}
.owl-theme .owl-controls .owl-buttons div {
color: #fff;
display: inline-block;
zoom: 1;
*display: inline;
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);
opacity: 0.5
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
filter: Alpha(Opacity=100);
opacity: 1;
text-decoration: none
}
.owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
opacity: 1
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #fff;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px
}
.owl-item.loading {
min-height: 150px;
background: url(//www.agh-coffrage.fr/wp-content/plugins/tlp-portfolio/assets/images/AjaxLoader.gif) no-repeat center center
}  .portfolio-feature-img {
text-align: center;
}
.portfolio-feature-img img {
max-width: 100%;
height: auto;
}
.single-portfolio .portfolio-feature-img img{
width: 100%;
}
.tlp-portfolio figure {
margin: 0 !important;
padding: 0 !important;
}
.tlp-portfolio .no-margin {
margin: 0;
padding: 0;
}
.paddingl0 {
padding-left: 0;
}
.paddingr0 {
padding-right: 0;
}
.padding0 {
padding: 0 !important;
}
.allmargin0 {
margin: 0 !important;
padding: 0 !important;
}
.tlp-portfolio ul {
margin: 0;
padding: 0;
}
.tlp-portfolio ul li {
list-style: none !important;
background: none;
margin-left: 0;
margin-bottom: 5px;
}
.tlp-portfolio label {
font-weight: bold;
display: inline-block;
margin-right: 5px;
}
.tlp-portfolio-container .tlp-single-item {
margin-bottom: 30px;
}
.tlp-portfolio .img-responsive {
max-width: 100%;
height: auto;
display: block;
}
.default-margin {
margin-bottom: 30px;
}
.single-portfolio-share {
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
.single-portfolio-share iframe {
margin: 0;
}
.single-portfolio-share .rt-share-item + .rt-share-item {
margin-left: 5px;
}
.tlp-portfolio-container a {
text-decoration: none;
} @font-face {
font-family: 'fontello';
src: url(//www.agh-coffrage.fr/wp-content/plugins/tlp-portfolio/assets/vendor/fontello/fontello.eot?77716788);
src: url(//www.agh-coffrage.fr/wp-content/plugins/tlp-portfolio/assets/vendor/fontello/fontello.eot?77716788#iefix) format('embedded-opentype'),
url(//www.agh-coffrage.fr/wp-content/plugins/tlp-portfolio/assets/vendor/fontello/fontello.woff2?77716788) format('woff2'),
url(//www.agh-coffrage.fr/wp-content/plugins/tlp-portfolio/assets/vendor/fontello/fontello.woff?77716788) format('woff'),
url(//www.agh-coffrage.fr/wp-content/plugins/tlp-portfolio/assets/vendor/fontello/fontello.ttf?77716788) format('truetype'),
url(//www.agh-coffrage.fr/wp-content/plugins/tlp-portfolio/assets/vendor/fontello/fontello.svg?77716788#fontello) format('svg');
font-weight: normal;
font-style: normal;
}   .tlp-portfolio [class^="icon-"]:before, 
.tlp-portfolio [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-left-open:before { content: '\e800'; } .icon-zoom-in:before { content: '\e801'; } .icon-right-open:before { content: '\e802'; } .icon-link-ext:before { content: '\f08e'; }  .tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination {
display: flex;
margin: 20px 0;
justify-content: center;
}
.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > li {
display: inline-block;
margin: 0;
}
.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > .disabled > span,
.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > .disabled > span:hover,
.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > .disabled > span:focus,
.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > .disabled > a,
.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > .disabled > a:hover,
.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > .disabled > a:focus {
color: #777777;
background-color: #ffffff;
border-color: #dddddd;
cursor: not-allowed;
}
.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > li > a,
.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > li > span {
position: relative;
padding: 6px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #337ab7;
background-color: #ffffff;
border: 0;
}
.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > .active > a,
.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > .active > span,
.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > .active > a:hover,
.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > .active > span:hover,
.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > .active > a:focus,
.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > .active > span:focus {
z-index: 3;
color: #ffffff;
background-color: #337ab7;
cursor: default;
}  .tlp-portfolio .layout1 .tlp-portfolio-thum {
background: #ccc;
overflow: hidden;
position: relative;
width: 100%;
}
.tlp-portfolio .layout1 .tlp-overlay {
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
color: #fff;
text-align: center;
background-color: rgba(217, 35, 45, 0.85);
-webkit-transition: all 0.5s ease-out 0.15s;
-moz-transition: all 0.5s ease-out 0.15s;
-ms-transition: all 0.5s ease-out 0.15s;
-o-transition: all 0.5s ease-out 0.15s;
transition: all 0.5s ease-out 0.15s;
}
.tlp-portfolio .layout1 .tlp-portfolio-thum .tlp-overlay,
.tlp-portfolio .layout1 .tlp-portfolio-thum .link-icon {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.tlp-portfolio .layout1 .tlp-portfolio-thum:hover .tlp-overlay,
.tlp-portfolio .layout1 .tlp-portfolio-thum:hover .link-icon {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.tlp-portfolio .layout1 .tlp-overlay .link-icon a {
text-align: center;
color: #fff;
text-decoration: none;
padding: 0;
margin-right: 4px;
margin-left: 4px;
font-size: 20px;
width: 45px;
height: 45px;
line-height: 43px;
border: 1px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.tlp-portfolio .layout1 .tlp-portfolio-item:hover .tlp-overlay {
left: 0;
}
.tlp-portfolio .layout1 .tlp-portfolio-thum img {
-webkit-transition: all 1.1s ease;
-moz-transition: all 1.1s ease;
-o-transition: all 1.1s ease;
-ms-transition: all 1.1s ease;
transition: all 1.1s ease;
max-width: 100%;
}
.tlp-portfolio .layout1 .tlp-portfolio-thum:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.tlp-portfolio .layout1 .tlp-content {
width: 100%;
position: relative;
}
.tlp-portfolio .layout1 .tlp-content h3 {
margin: 0 0px 6px 0;
font-size: 22px;
font-weight: 400;
text-decoration: none;
}
.tlp-portfolio .layout1 .tlp-content h3 a {
text-decoration: none;
border: none;
box-shadow: none;
}
.tlp-portfolio .layout1 .tlp-content p {
padding: 0;
margin: 0;
}
.tlp-portfolio .layout1 .tlp-content .tlp-content-holder {
padding: 15px 0;
display: block;
} .tlp-portfolio .carousel2 .tlp-portfolio-thum ,
.tlp-portfolio .isotope2 .tlp-portfolio-thum,
.tlp-portfolio .layout2 .tlp-portfolio-thum {
overflow: hidden;
position: relative;
padding-left: 0;
padding-right: 0;
}
.tlp-portfolio .carousel2 .tlp-overlay ,
.tlp-portfolio .isotope2 .tlp-overlay ,
.tlp-portfolio .layout2 .tlp-overlay {
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
color: #fff;
background-color: rgba(217, 35, 45, 0.85);
-webkit-transition: all 0.5s ease-out 0.15s;
-moz-transition: all 0.5s ease-out 0.15s;
-ms-transition: all 0.5s ease-out 0.15s;
-o-transition: all 0.5s ease-out 0.15s;
transition: all 0.5s ease-out 0.15s;
text-align: center;
}
.tlp-portfolio .carousel2 .tlp-portfolio-thum .tlp-overlay,
.tlp-portfolio .carousel2 .tlp-portfolio-thum .link-icon,
.tlp-portfolio .isotope2 .tlp-portfolio-thum .tlp-overlay,
.tlp-portfolio .isotope2 .tlp-portfolio-thum .link-icon,
.tlp-portfolio .layout2 .tlp-portfolio-thum .tlp-overlay,
.tlp-portfolio .layout2 .tlp-portfolio-thum .link-icon {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.tlp-portfolio .carousel2 .tlp-portfolio-thum:hover .tlp-overlay,
.tlp-portfolio .carousel2 .tlp-portfolio-thum:hover .link-icon,
.tlp-portfolio .isotope2 .tlp-portfolio-thum:hover .tlp-overlay,
.tlp-portfolio .isotope2 .tlp-portfolio-thum:hover .link-icon,
.tlp-portfolio .layout2 .tlp-portfolio-thum:hover .tlp-overlay,
.tlp-portfolio .layout2 .tlp-portfolio-thum:hover .link-icon {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.tlp-portfolio .carousel2 .tlp-overlay .link-icon a,
.tlp-portfolio .isotope2 .tlp-overlay .link-icon a,
.tlp-portfolio .layout2 .tlp-overlay .link-icon a {
text-align: center;
color: #fff;
text-decoration: none;
padding: 0;
margin-right: 4px;
margin-left: 4px;
font-size: 20px;
width: 45px;
height: 45px;
line-height: 43px;
border: 1px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.tlp-portfolio .tlp-portfolio-item .tlp-overlay .link-icon a {
line-height: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tlp-portfolio .tlp-overlay .link-icon a i {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 0;
}
.tlp-portfolio .carousel2 .tlp-overlay .link-icon ,
.tlp-portfolio .isotope2 .tlp-overlay .link-icon ,
.tlp-portfolio .layout2 .tlp-overlay .link-icon {
text-align: center;
display: block;
padding: 0;
}
.tlp-portfolio .layout2 .tlp-overlay .link-icon li {
list-style: none;
display: inline-block;
margin-right: 4px;
font-size: 16px;
width: 40px;
height: 40px;
border: 1px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.tlp-portfolio .layout2 .tlp-overlay .link-icon li a {
text-align: center;
color: #fff;
text-decoration: none;
display: block;
padding: 4px;
} .tlp-portfolio .carousel2 .tlp-portfolio-thum img ,
.tlp-portfolio .isotope2 .tlp-portfolio-thum img ,
.tlp-portfolio .layout2 .tlp-portfolio-thum img {
-webkit-transition: all 1.1s ease;
-moz-transition: all 1.1s ease;
-o-transition: all 1.1s ease;
-ms-transition: all 1.1s ease;
transition: all 1.1s ease;
max-width: 100%;
}
.tlp-portfolio .carousel2 .tlp-portfolio-thum:hover img ,
.tlp-portfolio .isotope2 .tlp-portfolio-thum:hover img ,
.tlp-portfolio .layout2 .tlp-portfolio-thum:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.tlp-portfolio .carousel2 .tlp-content2 p ,
.tlp-portfolio .isotope2 .tlp-content2 p ,
.tlp-portfolio .layout2 .tlp-content2 p {
padding: 0;
margin: 0 0px 12px 0px
}
.tlp-portfolio .carousel2 .tlp-content2 h3 ,
.tlp-portfolio .isotope2 .tlp-content2 h3 ,
.tlp-portfolio .layout2 .tlp-content2 h3 {
margin: 0 0 10px;
padding: 0;
font-size: 24px;
font-weight: 400;
}
.tlp-portfolio .carousel2 .tlp-content2 h3 a ,
.tlp-portfolio .isotope2 .tlp-content2 h3 a ,
.tlp-portfolio .layout2 .tlp-content2 h3 a {
text-decoration: none;
border: none;
box-shadow: none;
}
.tlp-portfolio .carousel2 .tlp-content-holder ,
.tlp-portfolio .isotope2 .tlp-content-holder ,
.tlp-portfolio .layout2 .tlp-content-holder {
padding: 0 5px;
}
.tlp-portfolio .carousel2 .tlp-portfolio-sd,
.tlp-portfolio .isotope2 .tlp-portfolio-sd,
.tlp-portfolio .layout2 .tlp-portfolio-sd{
padding: 0 0px 10px;
margin: 0;
font-size: 16px;
} .tlp-portfolio .isotope3 .tlp-portfolio-thum ,
.tlp-portfolio .carousel3 .tlp-portfolio-thum ,
.tlp-portfolio .layout3 .tlp-portfolio-thum {
overflow: hidden;
position: relative;
width: 100%;
}
.tlp-portfolio .isotope3 .tlp-overlay ,
.tlp-portfolio .carousel3 .tlp-overlay ,
.tlp-portfolio .layout3 .tlp-overlay {
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
color: #fff;
text-align: center;
background-color: rgba(217, 35, 45, 0.85);
-webkit-transition: all 0.5s ease-out 0.15s;
-moz-transition: all 0.5s ease-out 0.15s;
-ms-transition: all 0.5s ease-out 0.15s;
-o-transition: all 0.5s ease-out 0.15s;
transition: all 0.5s ease-out 0.15s;
}
.tlp-portfolio .isotope3 .tlp-portfolio-thum .tlp-overlay,
.tlp-portfolio .isotope3 .tlp-portfolio-thum .link-icon,
.tlp-portfolio .carousel3 .tlp-portfolio-thum .tlp-overlay,
.tlp-portfolio .carousel3 .tlp-portfolio-thum .link-icon,
.tlp-portfolio .layout3 .tlp-portfolio-thum .tlp-overlay,
.tlp-portfolio .layout3 .tlp-portfolio-thum .link-icon {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-out 0.5s;
-moz-transition: all 0.3s ease-out 0.1s;
-ms-transition: all 0.3s ease-out 0.1s;
-o-transition: all 0.3s ease-out 0.1s;
transition: all 0.3s ease-out 0.1s;
}
.tlp-portfolio .isotope3 .tlp-portfolio-thum:hover .tlp-overlay,
.tlp-portfolio .isotope3 .tlp-portfolio-thum:hover .link-icon ,
.tlp-portfolio .carousel3 .tlp-portfolio-thum:hover .tlp-overlay,
.tlp-portfolio .carousel3 .tlp-portfolio-thum:hover .link-icon ,
.tlp-portfolio .layout3 .tlp-portfolio-thum:hover .tlp-overlay,
.tlp-portfolio .layout3 .tlp-portfolio-thum:hover .link-icon {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.tlp-portfolio .isotope3 .tlp-portfolio-thum:hover .link-icon ,
.tlp-portfolio .carousel3 .tlp-portfolio-thum:hover .link-icon ,
.tlp-portfolio .layout3 .tlp-portfolio-thum:hover .link-icon {
-webkit-transform: scale(1) translateY(-50%);
-moz-transform: scale(1) translateY(-50%);
-ms-transform: scale(1) translateY(-50%);
-o-transform: scale(1) translateY(-50%);
}
.tlp-portfolio .isotope3 .tlp-overlay .link-icon ,
.tlp-portfolio .carousel3 .tlp-overlay .link-icon ,
.tlp-portfolio .layout3 .tlp-overlay .link-icon {
text-align: center;
display: block;
padding: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.tlp-portfolio .isotope3 .tlp-overlay .link-icon a ,
.tlp-portfolio .carousel3 .tlp-overlay .link-icon a ,
.tlp-portfolio .layout3 .tlp-overlay .link-icon a {
text-align: center;
color: #fff;
text-decoration: none;
margin-right: 4px;
margin-left: 4px;
font-size: 20px;
width: 40px;
height: 40px;
line-height: 38px;
border: 1px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.tlp-portfolio .isotope3 .tlp-portfolio-item:hover .tlp-overlay ,
.tlp-portfolio .carousel3 .tlp-portfolio-item:hover .tlp-overlay ,
.tlp-portfolio .layout3 .tlp-portfolio-item:hover .tlp-overlay {
left: 0;
}
.tlp-portfolio .isotope3 .tlp-portfolio-thum img ,
.tlp-portfolio .carousel3 .tlp-portfolio-thum img ,
.tlp-portfolio .layout3 .tlp-portfolio-thum img {
-webkit-transition: all 1.1s ease;
-moz-transition: all 1.1s ease;
-o-transition: all 1.1s ease;
-ms-transition: all 1.1s ease;
transition: all 1.1s ease;
max-width: 100%;
}
.tlp-portfolio .isotope3 .tlp-portfolio-thum:hover img ,
.tlp-portfolio .carousel3 .tlp-portfolio-thum:hover img ,
.tlp-portfolio .layout3 .tlp-portfolio-thum:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.tlp-portfolio .isotope3 h3 ,
.tlp-portfolio .carousel3 h3 ,
.tlp-portfolio .layout3 h3 {
padding: 0;
margin: 0;
}
.tlp-portfolio .isotope3 .tlp-content ,
.tlp-portfolio .carousel3 .tlp-content ,
.tlp-portfolio .layout3 .tlp-content {
width: 100%;
position: relative;
}
.tlp-portfolio .isotope3 .tlp-content h3 ,
.tlp-portfolio .carousel3 .tlp-content h3 ,
.tlp-portfolio .layout3 .tlp-content h3 {
margin: 0;
padding: 0;
font-size: 24px;
font-weight: 400;
text-decoration: none;
}
.tlp-portfolio .isotope3 .tlp-content h3 a ,
.tlp-portfolio .carousel3 .tlp-content h3 a ,
.tlp-portfolio .layout3 .tlp-content h3 a {
text-decoration: none;
border: none;
box-shadow: none;
}
.tlp-portfolio .isotope3 .tlp-content p ,
.tlp-portfolio .carousel3 .tlp-content p ,
.tlp-portfolio .layout3 .tlp-content p {
padding: 0 0 6px;
margin: 0;
}
.tlp-portfolio .isotope3 .tlp-content .tlp-content-holder ,
.tlp-portfolio .carousel3 .tlp-content .tlp-content-holder ,
.tlp-portfolio .layout3 .tlp-content .tlp-content-holder {
padding: 15px 0;
} .tlp-portfolio .isotope1 .tlp-portfolio-thum {
background: #ccc;
overflow: hidden;
position: relative;
width: 100%;
}
.tlp-portfolio .isotope1 .tlp-overlay {
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
color: #fff;
text-align: center;
background-color: rgba(217, 35, 45, 0.85);
-webkit-transition: all 0.5s ease-out 0.15s;
-moz-transition: all 0.5s ease-out 0.15s;
-ms-transition: all 0.5s ease-out 0.15s;
-o-transition: all 0.5s ease-out 0.15s;
transition: all 0.5s ease-out 0.15s;
}
.tlp-portfolio .isotope1 .tlp-portfolio-thum .tlp-overlay,
.tlp-portfolio .isotope1 .tlp-portfolio-thum .link-icon {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.tlp-portfolio .isotope1 .tlp-portfolio-thum:hover .tlp-overlay,
.tlp-portfolio .isotope1 .tlp-portfolio-thum:hover .link-icon {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.tlp-portfolio .isotope1 .tlp-overlay .link-icon {
text-align: center;
display: block;
padding: 0;
}
.tlp-portfolio .isotope1 .tlp-overlay .link-icon a {
text-align: center;
color: #fff;
text-decoration: none;
margin-right: 4px;
margin-left: 4px;
font-size: 20px;
width: 45px;
height: 45px;
line-height: 43px;
border: 1px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.tlp-portfolio .isotope1 .tlp-portfolio-item:hover .tlp-overlay {
left: 0;
}
.tlp-portfolio .isotope1 .tlp-portfolio-thum img {
-webkit-transition: all 1.1s ease;
-moz-transition: all 1.1s ease;
-o-transition: all 1.1s ease;
-ms-transition: all 1.1s ease;
transition: all 1.1s ease;
max-width: 100%;
}
.tlp-portfolio .isotope1 .tlp-portfolio-thum:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.tlp-portfolio .isotope1 .tlp-content {
width: 100%;
position: relative; }
.tlp-portfolio .isotope1 .tlp-content h3 {
margin: 0 0 6px 0;
font-size: 22px;
font-weight: 400;
text-decoration: none;
}
.tlp-portfolio .isotope1 .tlp-content h3 a { text-decoration: none;
border: none;
box-shadow: none;
}
.tlp-portfolio .isotope1 .tlp-content p {
padding: 0;
margin: 0;
}
.tlp-portfolio .isotope1 .tlp-content .tlp-content-holder {
padding: 15px 0;
} .tlp-portfolio .carousel1 .tlp-portfolio-thum {
background: #ccc;
overflow: hidden;
position: relative;
width: 100%;
}
.tlp-portfolio .carousel1 .tlp-overlay {
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
color: #fff;
text-align: center;
background-color: rgba(217, 35, 45, 0.85);
-webkit-transition: all 0.5s ease-out 0.15s;
-moz-transition: all 0.5s ease-out 0.15s;
-ms-transition: all 0.5s ease-out 0.15s;
-o-transition: all 0.5s ease-out 0.15s;
transition: all 0.5s ease-out 0.15s;
}
.tlp-portfolio .carousel1 .tlp-portfolio-thum .tlp-overlay,
.tlp-portfolio .carousel1 .tlp-portfolio-thum .link-icon {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.tlp-portfolio .carousel1 .tlp-portfolio-thum:hover .tlp-overlay,
.tlp-portfolio .carousel1 .tlp-portfolio-thum:hover .link-icon {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.tlp-portfolio .carousel1 .tlp-overlay .link-icon {
text-align: center;
display: block;
padding: 0;
}
.tlp-portfolio .carousel1 .tlp-overlay .link-icon a {
text-align: center;
color: #fff;
text-decoration: none;
padding: 0;
margin-right: 4px;
margin-left: 4px;
font-size: 20px;
width: 45px;
height: 45px;
line-height: 43px;
border: 1px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
line-height: 0;
}
.tlp-portfolio .carousel1 .tlp-overlay .link-icon a i {
line-height: 0;
}
.tlp-portfolio .carousel1 .tlp-portfolio-item:hover .tlp-overlay {
left: 0;
}
.tlp-portfolio .carousel1 .tlp-portfolio-thum img {
-webkit-transition: all 1.1s ease;
-moz-transition: all 1.1s ease;
-o-transition: all 1.1s ease;
-ms-transition: all 1.1s ease;
transition: all 1.1s ease;
max-width: 100%;
}
.tlp-portfolio .carousel1 .tlp-portfolio-thum:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.tlp-portfolio .carousel1 .tlp-content {
width: 100%;
position: relative;
}
.tlp-portfolio .carousel1 .tlp-content h3 {
margin: 0 0px 6px 0;
font-size: 22px;
font-weight: 400;
text-decoration: none;
}
.tlp-portfolio .carousel1 .tlp-content h3 a {
text-decoration: none;
border: none;
box-shadow: none;
}
.tlp-portfolio .carousel1 .tlp-content p {
padding: 0;
margin: 0;
}
.tlp-portfolio .carousel1 .tlp-content .tlp-content-holder {
padding: 15px 0;
display: block;
text-align: left;
}
.is-carousel .pfp-pre-loader {
height: 100px;
overflow: hidden;
text-align: center;
position: relative;
}
.is-carousel .rt-row.pfp-pre-loader:after {
position: absolute;
content: attr(data-title);
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 45px 0; z-index: 5;
}
.tlp-portfolio-container .pfp-carousel .owl-nav {
position: absolute;
right: 10px;
top: -60px;
}
.tlp-portfolio-container .pfp-carousel.owl-rtl .owl-nav {
right: inherit;
left: 10px;
display: flex;
flex-direction: row-reverse;
}
.pfp-carousel.owl-theme .owl-nav [class*=owl-] {
font-size: 18px;
padding: 8px !important;
} .tlp-portfolio .slider .tlp-portfolio-thum {
background: #ccc;
overflow: hidden;
position: relative;
width: 100%;
}
.tlp-portfolio .slider .tlp-overlay {
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
color: #fff;
text-align: center;
background-color: rgba(217, 35, 45, 0.85);
-webkit-transition: all 0.5s ease-out 0.15s;
-moz-transition: all 0.5s ease-out 0.15s;
-ms-transition: all 0.5s ease-out 0.15s;
-o-transition: all 0.5s ease-out 0.15s;
transition: all 0.5s ease-out 0.15s;
}
.tlp-portfolio .slider .tlp-portfolio-thum .tlp-overlay,
.tlp-portfolio .slider .tlp-portfolio-thum .link-icon {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.tlp-portfolio .slider .tlp-portfolio-thum:hover .tlp-overlay,
.tlp-portfolio .slider .tlp-portfolio-thum:hover .link-icon {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.tlp-portfolio .slider .tlp-overlay .link-icon {
text-align: center;
display: block;
padding: 0;
}
.tlp-portfolio .slider .tlp-overlay .link-icon a {
text-align: center;
color: #fff;
text-decoration: none;
padding: 8px;
margin-right: 4px;
margin-left: 4px;
font-size: 20px;
width: 45px;
height: 45px;
border: 1px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.tlp-portfolio .slider .tlp-portfolio-item:hover .tlp-overlay {
left: 0;
}
.tlp-portfolio .slider .tlp-portfolio-thum img {
-webkit-transition: all 1.1s ease;
-moz-transition: all 1.1s ease;
-o-transition: all 1.1s ease;
-ms-transition: all 1.1s ease;
max-width: 100%;
transition: all 1.1s ease;
}
.tlp-portfolio .slider .tlp-portfolio-thum:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.tlp-portfolio .slider .tlp-content {
width: 100%;
position: relative;
}
.tlp-portfolio .slider .tlp-content h3 {
margin: 0 0 6px 0;
font-size: 22px;
font-weight: 400;
text-decoration: none;
}
.tlp-portfolio .slider .tlp-content h3 a {
text-decoration: none;
border: none;
box-shadow: none;
}
.tlp-portfolio .slider .tlp-content p {
padding: 0;
margin: 0;
}
.tlp-portfolio .slider .tlp-content .tlp-content-holder {
padding: 15px 0;
}
.tlp-portfolio .owl-carousel {
position: relative;
}
.tlp-portfolio .owl-carousel .owl-buttons {
position: absolute;
top: -40px;
right: 0;
}
.tlp-portfolio .button-group {
margin: 10px;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.tlp-portfolio button {
background: #22b8f0;
text-transform: capitalize;
padding: 10px;
border-radius: 2px;
font-size: 16px;
font-weight: 300;
margin: 5px;
border: none;
}
.pfp-carousel.owl-theme .owl-nav .owl-next, 
.pfp-carousel.owl-theme .owl-nav .owl-prev {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid;
}
.pfp-carousel.owl-theme .owl-nav .owl-next i, 
.pfp-carousel.owl-theme .owl-nav .owl-prev i{
line-height: 0;
}
.tlp-portfolio button:focus,
.tlp-portfolio button:hover {
background: #1868f2;
color: #fff;
text-decoration: none;
}
.tlp-portfolio button.selected {
background: #1868f2;
color: #fff;
outline: 0;
}
.tlp-portfolio .tlp-portfolio-isotope-button {
margin: 0 15px 30px;
}
.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > li span.hidden-xs {
padding-left: 3px;
} .tlp-portfolio-container .tlp-carousel-item {
padding-top: 30px;
}  .tlp-portfolio-container.tlp-single-detail {
max-width: 85%;
margin-left: auto;
margin-right: auto;
}
.tlp-single-detail{
margin-top: 50px;
}
.tlp-portfolio-detail-wrap {
display: flex;
}
.tlp-portfolio-detail-wrap .tlp-portfolio-image {
flex: 0 0 50%;
margin-right: 15px;
}
.tlp-portfolio-detail-wrap .portfolio-detail-desc {
padding: 0 15px;
flex: 1;
}
.tlp-portfolio-detail-wrap ul.single-item-meta li {
margin: 8px 0;
}
.tlp-single-detail .tlp-portfolio-detail-wrap{
margin-bottom: 50px;
}
.tlp-portfolio-container.tlp-single-detail h2.portfolio-title {
line-height: 1.3;
margin-bottom: 20px;
}
@media screen and (max-width: 900px) {
.fotorama-holder {
width: 80%;
}
}
@media screen and (max-width: 767px) {
.fotorama-holder {
width: 96%;
}
.tlp-portfolio-detail-wrap {
flex-direction: column;
}
.tlp-portfolio-detail-wrap .tlp-portfolio-image {
margin-right: 0;
margin-bottom: 25px;
}
}
@media screen and (max-width: 360px) {
.fotorama-holder {
width: 100%;
}
}
@media (min-width: 768px) {
.tlp-col-sm-24 {
flex: 0 0 20%;
max-width: 20%;
}
.tlp-col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.tlp-col-sm-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.tlp-col-sm-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.tlp-col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.tlp-col-sm-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.tlp-col-sm-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.tlp-col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.tlp-col-sm-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.tlp-col-sm-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.tlp-col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.tlp-col-sm-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.tlp-col-sm-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
}
@media (min-width: 992px) {
.tlp-col-md-24 {
flex: 0 0 20%;
max-width: 20%;
}
.tlp-col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.tlp-col-md-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.tlp-col-md-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.tlp-col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.tlp-col-md-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.tlp-col-md-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.tlp-col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.tlp-col-md-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.tlp-col-md-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.tlp-col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.tlp-col-md-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.tlp-col-md-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
}
@media (min-width: 1200px) {
.tlp-col-lg-24 {
flex: 0 0 20%;
max-width: 20%;
}
.tlp-col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.tlp-col-lg-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.tlp-col-lg-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.tlp-col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.tlp-col-lg-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.tlp-col-lg-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.tlp-col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.tlp-col-lg-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.tlp-col-lg-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.tlp-col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.tlp-col-lg-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.tlp-col-lg-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
} .tlp-portfolio .owl-carousel.owl-theme .owl-item > [class*='tlp-col-']{
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 767px) {
.tlp-portfolio .carousel2 .tlp-portfolio-item.rt-row .tlp-content ,
.tlp-portfolio .isotope2 .tlp-portfolio-item.rt-row .tlp-content ,
.tlp-portfolio .layout2 .tlp-portfolio-item.rt-row .tlp-content {
padding: 0;
}
.tlp-portfolio .carousel2 .tlp-portfolio-thum, .tlp-portfolio .isotope2 .tlp-portfolio-thum, .tlp-portfolio .layout2 .tlp-portfolio-thum{
margin-bottom: 15px;
}
}
.rt-search-filter-wrap .rt-loading.is-loading {
display: inline-block;
}
.rt-search-filter-wrap .rt-loading {
display: none;
width: 16px;
height: 16px;
border: 2px solid #ccc;
border-top-color: #333;
border-radius: 50%;
animation: pfp-spin 0.6s linear infinite;
vertical-align: middle;
margin-left: 8px;
position: absolute;
top: 12px;
right: 10px;
}
@keyframes pfp-spin {
to { transform: rotate(360deg); }
}
.pfp-no-results {
text-align: center;
padding: 20px;
width: 100%;
}
.rt-search-filter-wrap{
width: 40%;
margin: 30px auto;
position: relative;
}
.rt-search-filter-wrap input{
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}@-webkit-keyframes GridFadeIn {
to {
opacity: 1
}
}
@keyframes GridFadeIn {
to {
opacity: 1
}
}
@-webkit-keyframes GridMoveUp {
to {
-webkit-transform: translateY(0);
opacity: 1
}
}
@keyframes GridMoveUp {
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-webkit-keyframes GridScaleUp {
to {
-webkit-transform: scale(1);
opacity: 1
}
}
@keyframes GridScaleUp {
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@-webkit-keyframes GridFallPerspective {
to {
-webkit-transform: translateZ(0) translateY(0) rotateX(0deg);
opacity: 1
}
}
@keyframes GridFallPerspective {
to {
-webkit-transform: translateZ(0) translateY(0) rotateX(0deg);
transform: translateZ(0) translateY(0) rotateX(0deg);
opacity: 1
}
}
@-webkit-keyframes GridFly {
to {
-webkit-transform: rotateX(0deg);
opacity: 1
}
}
@keyframes GridFly {
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1
}
}
@-webkit-keyframes GridFlip {
to {
-webkit-transform: rotateX(0deg);
opacity: 1
}
}
@keyframes GridFlip {
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1
}
}
@-webkit-keyframes GridHelix {
to {
-webkit-transform: rotateY(0deg);
opacity: 1
}
}
@keyframes GridHelix {
to {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1
}
}
@-webkit-keyframes GridPopUp {
70% {
-webkit-transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out
}
to {
-webkit-transform: scale(1);
opacity: 1
}
}
@keyframes GridPopUp {
70% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.mg-container {
max-width: 1170px;
}
.mg-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.mg-container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.mg-container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.mg-container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.mg-container {
max-width: 1140px;
}
}
.mg-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.mg-col-lg-1,
.mg-col-lg-10,
.mg-col-lg-11,
.mg-col-lg-12,
.mg-col-lg-2,
.mg-col-lg-3,
.mg-col-lg-4,
.mg-col-lg-5,
.mg-col-lg-6,
.mg-col-lg-7,
.mg-col-lg-8,
.mg-col-lg-9,
.mg-col-md-1,
.mg-col-md-10,
.mg-col-md-11,
.mg-col-md-12,
.mg-col-md-2,
.mg-col-md-3,
.mg-col-md-4,
.mg-col-md-5,
.mg-col-md-6,
.mg-col-md-7,
.mg-col-md-8,
.mg-col-md-9,
.mg-col-sm-1,
.mg-col-sm-10,
.mg-col-sm-11,
.mg-col-sm-12,
.mg-col-sm-2,
.mg-col-sm-3,
.mg-col-sm-4,
.mg-col-sm-5,
.mg-col-sm-6,
.mg-col-sm-7,
.mg-col-sm-8,
.mg-col-sm-9,
.mg-col-xs-1,
.mg-col-xs-10,
.mg-col-xs-11,
.mg-col-xs-12,
.mg-col-xs-2,
.mg-col-xs-3,
.mg-col-xs-4,
.mg-col-xs-5,
.mg-col-xs-6,
.mg-col-xs-7,
.mg-col-xs-8,
.mg-col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
.mg-col-xs-1,
.mg-col-xs-10,
.mg-col-xs-11,
.mg-col-xs-12,
.mg-col-xs-2,
.mg-col-xs-3,
.mg-col-xs-4,
.mg-col-xs-5,
.mg-col-xs-6,
.mg-col-xs-7,
.mg-col-xs-8,
.mg-col-xs-9 {
float: left
}
.mg-col-xs-1 {
width: 8.33333%
}
.mg-col-xs-2 {
width: 16.66667%
}
.mg-col-xs-3 {
width: 25%
}
.mg-col-xs-4 {
width: 33.33333%
}
.mg-col-xs-5 {
width: 41.66667%
}
.mg-col-xs-6 {
width: 50%
}
.mg-col-xs-7 {
width: 58.33333%
}
.mg-col-xs-8 {
width: 66.66667%
}
.mg-col-xs-9 {
width: 75%
}
.mg-col-xs-10 {
width: 83.33333%
}
.mg-col-xs-11 {
width: 91.66667%
}
.mg-col-xs-12 {
width: 100%
}
.mg-col-xs-pull-0 {
right: auto
}
.mg-col-xs-pull-1 {
right: 8.33333%
}
.mg-col-xs-pull-2 {
right: 16.66667%
}
.mg-col-xs-pull-3 {
right: 25%
}
.mg-col-xs-pull-4 {
right: 33.33333%
}
.mg-col-xs-pull-5 {
right: 41.66667%
}
.mg-col-xs-pull-6 {
right: 50%
}
.mg-col-xs-pull-7 {
right: 58.33333%
}
.mg-col-xs-pull-8 {
right: 66.66667%
}
.mg-col-xs-pull-9 {
right: 75%
}
.mg-col-xs-pull-10 {
right: 83.33333%
}
.mg-col-xs-pull-11 {
right: 91.66667%
}
.mg-col-xs-pull-12 {
right: 100%
}
.mg-col-xs-push-0 {
left: auto
}
.mg-col-xs-push-1 {
left: 8.33333%
}
.mg-col-xs-push-2 {
left: 16.66667%
}
.mg-col-xs-push-3 {
left: 25%
}
.mg-col-xs-push-4 {
left: 33.33333%
}
.mg-col-xs-push-5 {
left: 41.66667%
}
.mg-col-xs-push-6 {
left: 50%
}
.mg-col-xs-push-7 {
left: 58.33333%
}
.mg-col-xs-push-8 {
left: 66.66667%
}
.mg-col-xs-push-9 {
left: 75%
}
.mg-col-xs-push-10 {
left: 83.33333%
}
.mg-col-xs-push-11 {
left: 91.66667%
}
.mg-col-xs-push-12 {
left: 100%
}
.mg-col-xs-offset-0 {
margin-left: 0%
}
.mg-col-xs-offset-1 {
margin-left: 8.33333%
}
.mg-col-xs-offset-2 {
margin-left: 16.66667%
}
.mg-col-xs-offset-3 {
margin-left: 25%
}
.mg-col-xs-offset-4 {
margin-left: 33.33333%
}
.mg-col-xs-offset-5 {
margin-left: 41.66667%
}
.mg-col-xs-offset-6 {
margin-left: 50%
}
.mg-col-xs-offset-7 {
margin-left: 58.33333%
}
.mg-col-xs-offset-8 {
margin-left: 66.66667%
}
.mg-col-xs-offset-9 {
margin-left: 75%
}
.mg-col-xs-offset-10 {
margin-left: 83.33333%
}
.mg-col-xs-offset-11 {
margin-left: 91.66667%
}
.mg-col-xs-offset-12 {
margin-left: 100%
}
@media (min-width: 768px) {
.mg-col-sm-1,
.mg-col-sm-10,
.mg-col-sm-11,
.mg-col-sm-12,
.mg-col-sm-2,
.mg-col-sm-3,
.mg-col-sm-4,
.mg-col-sm-5,
.mg-col-sm-6,
.mg-col-sm-7,
.mg-col-sm-8,
.mg-col-sm-9 {
float: left
}
.mg-col-sm-1 {
width: 8.33333%
}
.mg-col-sm-2 {
width: 16.66667%
}
.mg-col-sm-3 {
width: 25%
}
.mg-col-sm-4 {
width: 33.33333%
}
.mg-col-sm-5 {
width: 41.66667%
}
.mg-col-sm-6 {
width: 50%
}
.mg-col-sm-7 {
width: 58.33333%
}
.mg-col-sm-8 {
width: 66.66667%
}
.mg-col-sm-9 {
width: 75%
}
.mg-col-sm-10 {
width: 83.33333%
}
.mg-col-sm-11 {
width: 91.66667%
}
.mg-col-sm-12 {
width: 100%
}
.mg-col-sm-pull-0 {
right: auto
}
.mg-col-sm-pull-1 {
right: 8.33333%
}
.mg-col-sm-pull-2 {
right: 16.66667%
}
.mg-col-sm-pull-3 {
right: 25%
}
.mg-col-sm-pull-4 {
right: 33.33333%
}
.mg-col-sm-pull-5 {
right: 41.66667%
}
.mg-col-sm-pull-6 {
right: 50%
}
.mg-col-sm-pull-7 {
right: 58.33333%
}
.mg-col-sm-pull-8 {
right: 66.66667%
}
.mg-col-sm-pull-9 {
right: 75%
}
.mg-col-sm-pull-10 {
right: 83.33333%
}
.mg-col-sm-pull-11 {
right: 91.66667%
}
.mg-col-sm-pull-12 {
right: 100%
}
.mg-col-sm-push-0 {
left: auto
}
.mg-col-sm-push-1 {
left: 8.33333%
}
.mg-col-sm-push-2 {
left: 16.66667%
}
.mg-col-sm-push-3 {
left: 25%
}
.mg-col-sm-push-4 {
left: 33.33333%
}
.mg-col-sm-push-5 {
left: 41.66667%
}
.mg-col-sm-push-6 {
left: 50%
}
.mg-col-sm-push-7 {
left: 58.33333%
}
.mg-col-sm-push-8 {
left: 66.66667%
}
.mg-col-sm-push-9 {
left: 75%
}
.mg-col-sm-push-10 {
left: 83.33333%
}
.mg-col-sm-push-11 {
left: 91.66667%
}
.mg-col-sm-push-12 {
left: 100%
}
.mg-col-sm-offset-0 {
margin-left: 0%
}
.mg-col-sm-offset-1 {
margin-left: 8.33333%
}
.mg-col-sm-offset-2 {
margin-left: 16.66667%
}
.mg-col-sm-offset-3 {
margin-left: 25%
}
.mg-col-sm-offset-4 {
margin-left: 33.33333%
}
.mg-col-sm-offset-5 {
margin-left: 41.66667%
}
.mg-col-sm-offset-6 {
margin-left: 50%
}
.mg-col-sm-offset-7 {
margin-left: 58.33333%
}
.mg-col-sm-offset-8 {
margin-left: 66.66667%
}
.mg-col-sm-offset-9 {
margin-left: 75%
}
.mg-col-sm-offset-10 {
margin-left: 83.33333%
}
.mg-col-sm-offset-11 {
margin-left: 91.66667%
}
.mg-col-sm-offset-12 {
margin-left: 100%
}
}
@media (min-width: 992px) {
.mg-col-md-1,
.mg-col-md-10,
.mg-col-md-11,
.mg-col-md-12,
.mg-col-md-2,
.mg-col-md-3,
.mg-col-md-4,
.mg-col-md-5,
.mg-col-md-6,
.mg-col-md-7,
.mg-col-md-8,
.mg-col-md-9 {
float: left
}
.mg-col-md-1 {
width: 8.33333%
}
.mg-col-md-2 {
width: 16.66667%
}
.mg-col-md-3 {
width: 25%
}
.mg-col-md-4 {
width: 33.33333%
}
.mg-col-md-5 {
width: 41.66667%
}
.mg-col-md-6 {
width: 50%
}
.mg-col-md-7 {
width: 58.33333%
}
.mg-col-md-8 {
width: 66.66667%
}
.mg-col-md-9 {
width: 75%
}
.mg-col-md-10 {
width: 83.33333%
}
.mg-col-md-11 {
width: 91.66667%
}
.mg-col-md-12 {
width: 100%
}
.mg-col-md-pull-0 {
right: auto
}
.mg-col-md-pull-1 {
right: 8.33333%
}
.mg-col-md-pull-2 {
right: 16.66667%
}
.mg-col-md-pull-3 {
right: 25%
}
.mg-col-md-pull-4 {
right: 33.33333%
}
.mg-col-md-pull-5 {
right: 41.66667%
}
.mg-col-md-pull-6 {
right: 50%
}
.mg-col-md-pull-7 {
right: 58.33333%
}
.mg-col-md-pull-8 {
right: 66.66667%
}
.mg-col-md-pull-9 {
right: 75%
}
.mg-col-md-pull-10 {
right: 83.33333%
}
.mg-col-md-pull-11 {
right: 91.66667%
}
.mg-col-md-pull-12 {
right: 100%
}
.mg-col-md-push-0 {
left: auto
}
.mg-col-md-push-1 {
left: 8.33333%
}
.mg-col-md-push-2 {
left: 16.66667%
}
.mg-col-md-push-3 {
left: 25%
}
.mg-col-md-push-4 {
left: 33.33333%
}
.mg-col-md-push-5 {
left: 41.66667%
}
.mg-col-md-push-6 {
left: 50%
}
.mg-col-md-push-7 {
left: 58.33333%
}
.mg-col-md-push-8 {
left: 66.66667%
}
.mg-col-md-push-9 {
left: 75%
}
.mg-col-md-push-10 {
left: 83.33333%
}
.mg-col-md-push-11 {
left: 91.66667%
}
.mg-col-md-push-12 {
left: 100%
}
.mg-col-md-offset-0 {
margin-left: 0%
}
.mg-col-md-offset-1 {
margin-left: 8.33333%
}
.mg-col-md-offset-2 {
margin-left: 16.66667%
}
.mg-col-md-offset-3 {
margin-left: 25%
}
.mg-col-md-offset-4 {
margin-left: 33.33333%
}
.mg-col-md-offset-5 {
margin-left: 41.66667%
}
.mg-col-md-offset-6 {
margin-left: 50%
}
.mg-col-md-offset-7 {
margin-left: 58.33333%
}
.mg-col-md-offset-8 {
margin-left: 66.66667%
}
.mg-col-md-offset-9 {
margin-left: 75%
}
.mg-col-md-offset-10 {
margin-left: 83.33333%
}
.mg-col-md-offset-11 {
margin-left: 91.66667%
}
.mg-col-md-offset-12 {
margin-left: 100%
}
}
@media (min-width: 1200px) {
.mg-col-lg-1,
.mg-col-lg-10,
.mg-col-lg-11,
.mg-col-lg-12,
.mg-col-lg-2,
.mg-col-lg-3,
.mg-col-lg-4,
.mg-col-lg-5,
.mg-col-lg-6,
.mg-col-lg-7,
.mg-col-lg-8,
.mg-col-lg-9 {
float: left
}
.mg-col-lg-1 {
width: 8.33333%
}
.mg-col-lg-2 {
width: 16.66667%
}
.mg-col-lg-3 {
width: 25%
}
.mg-col-lg-4 {
width: 33.33333%
}
.mg-col-lg-5 {
width: 41.66667%
}
.mg-col-lg-6 {
width: 50%
}
.mg-col-lg-7 {
width: 58.33333%
}
.mg-col-lg-8 {
width: 66.66667%
}
.mg-col-lg-9 {
width: 75%
}
.mg-col-lg-10 {
width: 83.33333%
}
.mg-col-lg-11 {
width: 91.66667%
}
.mg-col-lg-12 {
width: 100%
}
.mg-col-lg-pull-0 {
right: auto
}
.mg-col-lg-pull-1 {
right: 8.33333%
}
.mg-col-lg-pull-2 {
right: 16.66667%
}
.mg-col-lg-pull-3 {
right: 25%
}
.mg-col-lg-pull-4 {
right: 33.33333%
}
.mg-col-lg-pull-5 {
right: 41.66667%
}
.mg-col-lg-pull-6 {
right: 50%
}
.mg-col-lg-pull-7 {
right: 58.33333%
}
.mg-col-lg-pull-8 {
right: 66.66667%
}
.mg-col-lg-pull-9 {
right: 75%
}
.mg-col-lg-pull-10 {
right: 83.33333%
}
.mg-col-lg-pull-11 {
right: 91.66667%
}
.mg-col-lg-pull-12 {
right: 100%
}
.mg-col-lg-push-0 {
left: auto
}
.mg-col-lg-push-1 {
left: 8.33333%
}
.mg-col-lg-push-2 {
left: 16.66667%
}
.mg-col-lg-push-3 {
left: 25%
}
.mg-col-lg-push-4 {
left: 33.33333%
}
.mg-col-lg-push-5 {
left: 41.66667%
}
.mg-col-lg-push-6 {
left: 50%
}
.mg-col-lg-push-7 {
left: 58.33333%
}
.mg-col-lg-push-8 {
left: 66.66667%
}
.mg-col-lg-push-9 {
left: 75%
}
.mg-col-lg-push-10 {
left: 83.33333%
}
.mg-col-lg-push-11 {
left: 91.66667%
}
.mg-col-lg-push-12 {
left: 100%
}
.mg-col-lg-offset-0 {
margin-left: 0%
}
.mg-col-lg-offset-1 {
margin-left: 8.33333%
}
.mg-col-lg-offset-2 {
margin-left: 16.66667%
}
.mg-col-lg-offset-3 {
margin-left: 25%
}
.mg-col-lg-offset-4 {
margin-left: 33.33333%
}
.mg-col-lg-offset-5 {
margin-left: 41.66667%
}
.mg-col-lg-offset-6 {
margin-left: 50%
}
.mg-col-lg-offset-7 {
margin-left: 58.33333%
}
.mg-col-lg-offset-8 {
margin-left: 66.66667%
}
.mg-col-lg-offset-9 {
margin-left: 75%
}
.mg-col-lg-offset-10 {
margin-left: 83.33333%
}
.mg-col-lg-offset-11 {
margin-left: 91.66667%
}
.mg-col-lg-offset-12 {
margin-left: 100%
}
}
.mg-offset-md-1 {
margin-left: 8.333333%;
}@-webkit-keyframes GridFadeIn {
to {
opacity: 1
}
}
@keyframes GridFadeIn {
to {
opacity: 1
}
}
@-webkit-keyframes GridMoveUp {
to {
-webkit-transform: translateY(0);
opacity: 1
}
}
@keyframes GridMoveUp {
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-webkit-keyframes GridScaleUp {
to {
-webkit-transform: scale(1);
opacity: 1
}
}
@keyframes GridScaleUp {
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@-webkit-keyframes GridFallPerspective {
to {
-webkit-transform: translateZ(0) translateY(0) rotateX(0deg);
opacity: 1
}
}
@keyframes GridFallPerspective {
to {
-webkit-transform: translateZ(0) translateY(0) rotateX(0deg);
transform: translateZ(0) translateY(0) rotateX(0deg);
opacity: 1
}
}
@-webkit-keyframes GridFly {
to {
-webkit-transform: rotateX(0deg);
opacity: 1
}
}
@keyframes GridFly {
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1
}
}
@-webkit-keyframes GridFlip {
to {
-webkit-transform: rotateX(0deg);
opacity: 1
}
}
@keyframes GridFlip {
to {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1
}
}
@-webkit-keyframes GridHelix {
to {
-webkit-transform: rotateY(0deg);
opacity: 1
}
}
@keyframes GridHelix {
to {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1
}
}
@-webkit-keyframes GridPopUp {
70% {
-webkit-transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out
}
to {
-webkit-transform: scale(1);
opacity: 1
}
}
@keyframes GridPopUp {
70% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.mg-col-lg-1,
.mg-col-lg-10,
.mg-col-lg-11,
.mg-col-lg-12,
.mg-col-lg-2,
.mg-col-lg-3,
.mg-col-lg-4,
.mg-col-lg-5,
.mg-col-lg-6,
.mg-col-lg-7,
.mg-col-lg-8,
.mg-col-lg-9,
.mg-col-md-1,
.mg-col-md-10,
.mg-col-md-11,
.mg-col-md-12,
.mg-col-md-2,
.mg-col-md-3,
.mg-col-md-4,
.mg-col-md-5,
.mg-col-md-6,
.mg-col-md-7,
.mg-col-md-8,
.mg-col-md-9,
.mg-col-sm-1,
.mg-col-sm-10,
.mg-col-sm-11,
.mg-col-sm-12,
.mg-col-sm-2,
.mg-col-sm-3,
.mg-col-sm-4,
.mg-col-sm-5,
.mg-col-sm-6,
.mg-col-sm-7,
.mg-col-sm-8,
.mg-col-sm-9,
.mg-col-xs-1,
.mg-col-xs-10,
.mg-col-xs-11,
.mg-col-xs-12,
.mg-col-xs-2,
.mg-col-xs-3,
.mg-col-xs-4,
.mg-col-xs-5,
.mg-col-xs-6,
.mg-col-xs-7,
.mg-col-xs-8,
.mg-col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 0px;
padding-right: 0px
}
.mg-col-xs-1,
.mg-col-xs-10,
.mg-col-xs-11,
.mg-col-xs-12,
.mg-col-xs-2,
.mg-col-xs-3,
.mg-col-xs-4,
.mg-col-xs-5,
.mg-col-xs-6,
.mg-col-xs-7,
.mg-col-xs-8,
.mg-col-xs-9 {
float: left
}
.mg-col-xs-1 {
width: 8.33333%
}
.mg-col-xs-2 {
width: 16.66667%
}
.mg-col-xs-3 {
width: 25%
}
.mg-col-xs-4 {
width: 33.33333%
}
.mg-col-xs-5 {
width: 41.66667%
}
.mg-col-xs-6 {
width: 50%
}
.mg-col-xs-7 {
width: 58.33333%
}
.mg-col-xs-8 {
width: 66.66667%
}
.mg-col-xs-9 {
width: 75%
}
.mg-col-xs-10 {
width: 83.33333%
}
.mg-col-xs-11 {
width: 91.66667%
}
.mg-col-xs-12 {
width: 100%
}
.mg-col-xs-pull-0 {
right: auto
}
.mg-col-xs-pull-1 {
right: 8.33333%
}
.mg-col-xs-pull-2 {
right: 16.66667%
}
.mg-col-xs-pull-3 {
right: 25%
}
.mg-col-xs-pull-4 {
right: 33.33333%
}
.mg-col-xs-pull-5 {
right: 41.66667%
}
.mg-col-xs-pull-6 {
right: 50%
}
.mg-col-xs-pull-7 {
right: 58.33333%
}
.mg-col-xs-pull-8 {
right: 66.66667%
}
.mg-col-xs-pull-9 {
right: 75%
}
.mg-col-xs-pull-10 {
right: 83.33333%
}
.mg-col-xs-pull-11 {
right: 91.66667%
}
.mg-col-xs-pull-12 {
right: 100%
}
.mg-col-xs-push-0 {
left: auto
}
.mg-col-xs-push-1 {
left: 8.33333%
}
.mg-col-xs-push-2 {
left: 16.66667%
}
.mg-col-xs-push-3 {
left: 25%
}
.mg-col-xs-push-4 {
left: 33.33333%
}
.mg-col-xs-push-5 {
left: 41.66667%
}
.mg-col-xs-push-6 {
left: 50%
}
.mg-col-xs-push-7 {
left: 58.33333%
}
.mg-col-xs-push-8 {
left: 66.66667%
}
.mg-col-xs-push-9 {
left: 75%
}
.mg-col-xs-push-10 {
left: 83.33333%
}
.mg-col-xs-push-11 {
left: 91.66667%
}
.mg-col-xs-push-12 {
left: 100%
}
.mg-col-xs-offset-0 {
margin-left: 0%
}
.mg-col-xs-offset-1 {
margin-left: 8.33333%
}
.mg-col-xs-offset-2 {
margin-left: 16.66667%
}
.mg-col-xs-offset-3 {
margin-left: 25%
}
.mg-col-xs-offset-4 {
margin-left: 33.33333%
}
.mg-col-xs-offset-5 {
margin-left: 41.66667%
}
.mg-col-xs-offset-6 {
margin-left: 50%
}
.mg-col-xs-offset-7 {
margin-left: 58.33333%
}
.mg-col-xs-offset-8 {
margin-left: 66.66667%
}
.mg-col-xs-offset-9 {
margin-left: 75%
}
.mg-col-xs-offset-10 {
margin-left: 83.33333%
}
.mg-col-xs-offset-11 {
margin-left: 91.66667%
}
.mg-col-xs-offset-12 {
margin-left: 100%
}
@media (min-width: 768px) {
.mg-col-sm-1,
.mg-col-sm-10,
.mg-col-sm-11,
.mg-col-sm-12,
.mg-col-sm-2,
.mg-col-sm-3,
.mg-col-sm-4,
.mg-col-sm-5,
.mg-col-sm-6,
.mg-col-sm-7,
.mg-col-sm-8,
.mg-col-sm-9 {
float: left
}
.mg-col-sm-1 {
width: 8.33333%
}
.mg-col-sm-2 {
width: 16.66667%
}
.mg-col-sm-3 {
width: 25%
}
.mg-col-sm-4 {
width: 33.33333%
}
.mg-col-sm-5 {
width: 41.66667%
}
.mg-col-sm-6 {
width: 50%
}
.mg-col-sm-7 {
width: 58.33333%
}
.mg-col-sm-8 {
width: 66.66667%
}
.mg-col-sm-9 {
width: 75%
}
.mg-col-sm-10 {
width: 83.33333%
}
.mg-col-sm-11 {
width: 91.66667%
}
.mg-col-sm-12 {
width: 100%
}
.mg-col-sm-pull-0 {
right: auto
}
.mg-col-sm-pull-1 {
right: 8.33333%
}
.mg-col-sm-pull-2 {
right: 16.66667%
}
.mg-col-sm-pull-3 {
right: 25%
}
.mg-col-sm-pull-4 {
right: 33.33333%
}
.mg-col-sm-pull-5 {
right: 41.66667%
}
.mg-col-sm-pull-6 {
right: 50%
}
.mg-col-sm-pull-7 {
right: 58.33333%
}
.mg-col-sm-pull-8 {
right: 66.66667%
}
.mg-col-sm-pull-9 {
right: 75%
}
.mg-col-sm-pull-10 {
right: 83.33333%
}
.mg-col-sm-pull-11 {
right: 91.66667%
}
.mg-col-sm-pull-12 {
right: 100%
}
.mg-col-sm-push-0 {
left: auto
}
.mg-col-sm-push-1 {
left: 8.33333%
}
.mg-col-sm-push-2 {
left: 16.66667%
}
.mg-col-sm-push-3 {
left: 25%
}
.mg-col-sm-push-4 {
left: 33.33333%
}
.mg-col-sm-push-5 {
left: 41.66667%
}
.mg-col-sm-push-6 {
left: 50%
}
.mg-col-sm-push-7 {
left: 58.33333%
}
.mg-col-sm-push-8 {
left: 66.66667%
}
.mg-col-sm-push-9 {
left: 75%
}
.mg-col-sm-push-10 {
left: 83.33333%
}
.mg-col-sm-push-11 {
left: 91.66667%
}
.mg-col-sm-push-12 {
left: 100%
}
.mg-col-sm-offset-0 {
margin-left: 0%
}
.mg-col-sm-offset-1 {
margin-left: 8.33333%
}
.mg-col-sm-offset-2 {
margin-left: 16.66667%
}
.mg-col-sm-offset-3 {
margin-left: 25%
}
.mg-col-sm-offset-4 {
margin-left: 33.33333%
}
.mg-col-sm-offset-5 {
margin-left: 41.66667%
}
.mg-col-sm-offset-6 {
margin-left: 50%
}
.mg-col-sm-offset-7 {
margin-left: 58.33333%
}
.mg-col-sm-offset-8 {
margin-left: 66.66667%
}
.mg-col-sm-offset-9 {
margin-left: 75%
}
.mg-col-sm-offset-10 {
margin-left: 83.33333%
}
.mg-col-sm-offset-11 {
margin-left: 91.66667%
}
.mg-col-sm-offset-12 {
margin-left: 100%
}
}
@media (min-width: 992px) {
.mg-col-md-1,
.mg-col-md-10,
.mg-col-md-11,
.mg-col-md-12,
.mg-col-md-2,
.mg-col-md-3,
.mg-col-md-4,
.mg-col-md-5,
.mg-col-md-6,
.mg-col-md-7,
.mg-col-md-8,
.mg-col-md-9 {
float: left
}
.mg-col-md-1 {
width: 8.33333%
}
.mg-col-md-2 {
width: 16.66667%
}
.mg-col-md-3 {
width: 25%
}
.mg-col-md-4 {
width: 33.33333%
}
.mg-col-md-5 {
width: 41.66667%
}
.mg-col-md-6 {
width: 50%
}
.mg-col-md-7 {
width: 58.33333%
}
.mg-col-md-8 {
width: 66.66667%
}
.mg-col-md-9 {
width: 75%
}
.mg-col-md-10 {
width: 83.33333%
}
.mg-col-md-11 {
width: 91.66667%
}
.mg-col-md-12 {
width: 100%
}
.mg-col-md-pull-0 {
right: auto
}
.mg-col-md-pull-1 {
right: 8.33333%
}
.mg-col-md-pull-2 {
right: 16.66667%
}
.mg-col-md-pull-3 {
right: 25%
}
.mg-col-md-pull-4 {
right: 33.33333%
}
.mg-col-md-pull-5 {
right: 41.66667%
}
.mg-col-md-pull-6 {
right: 50%
}
.mg-col-md-pull-7 {
right: 58.33333%
}
.mg-col-md-pull-8 {
right: 66.66667%
}
.mg-col-md-pull-9 {
right: 75%
}
.mg-col-md-pull-10 {
right: 83.33333%
}
.mg-col-md-pull-11 {
right: 91.66667%
}
.mg-col-md-pull-12 {
right: 100%
}
.mg-col-md-push-0 {
left: auto
}
.mg-col-md-push-1 {
left: 8.33333%
}
.mg-col-md-push-2 {
left: 16.66667%
}
.mg-col-md-push-3 {
left: 25%
}
.mg-col-md-push-4 {
left: 33.33333%
}
.mg-col-md-push-5 {
left: 41.66667%
}
.mg-col-md-push-6 {
left: 50%
}
.mg-col-md-push-7 {
left: 58.33333%
}
.mg-col-md-push-8 {
left: 66.66667%
}
.mg-col-md-push-9 {
left: 75%
}
.mg-col-md-push-10 {
left: 83.33333%
}
.mg-col-md-push-11 {
left: 91.66667%
}
.mg-col-md-push-12 {
left: 100%
}
.mg-col-md-offset-0 {
margin-left: 0%
}
.mg-col-md-offset-1 {
margin-left: 8.33333%
}
.mg-col-md-offset-2 {
margin-left: 16.66667%
}
.mg-col-md-offset-3 {
margin-left: 25%
}
.mg-col-md-offset-4 {
margin-left: 33.33333%
}
.mg-col-md-offset-5 {
margin-left: 41.66667%
}
.mg-col-md-offset-6 {
margin-left: 50%
}
.mg-col-md-offset-7 {
margin-left: 58.33333%
}
.mg-col-md-offset-8 {
margin-left: 66.66667%
}
.mg-col-md-offset-9 {
margin-left: 75%
}
.mg-col-md-offset-10 {
margin-left: 83.33333%
}
.mg-col-md-offset-11 {
margin-left: 91.66667%
}
.mg-col-md-offset-12 {
margin-left: 100%
}
}
@media (min-width: 1200px) {
.mg-col-lg-1,
.mg-col-lg-10,
.mg-col-lg-11,
.mg-col-lg-12,
.mg-col-lg-2,
.mg-col-lg-3,
.mg-col-lg-4,
.mg-col-lg-5,
.mg-col-lg-6,
.mg-col-lg-7,
.mg-col-lg-8,
.mg-col-lg-9 {
float: left
}
.mg-col-lg-1 {
width: 8.33333%
}
.mg-col-lg-2 {
width: 16.66667%
}
.mg-col-lg-3 {
width: 25%
}
.mg-col-lg-4 {
width: 33.33333%
}
.mg-col-lg-5 {
width: 41.66667%
}
.mg-col-lg-6 {
width: 50%
}
.mg-col-lg-7 {
width: 58.33333%
}
.mg-col-lg-8 {
width: 66.66667%
}
.mg-col-lg-9 {
width: 75%
}
.mg-col-lg-10 {
width: 83.33333%
}
.mg-col-lg-11 {
width: 91.66667%
}
.mg-col-lg-12 {
width: 100%
}
.mg-col-lg-pull-0 {
right: auto
}
.mg-col-lg-pull-1 {
right: 8.33333%
}
.mg-col-lg-pull-2 {
right: 16.66667%
}
.mg-col-lg-pull-3 {
right: 25%
}
.mg-col-lg-pull-4 {
right: 33.33333%
}
.mg-col-lg-pull-5 {
right: 41.66667%
}
.mg-col-lg-pull-6 {
right: 50%
}
.mg-col-lg-pull-7 {
right: 58.33333%
}
.mg-col-lg-pull-8 {
right: 66.66667%
}
.mg-col-lg-pull-9 {
right: 75%
}
.mg-col-lg-pull-10 {
right: 83.33333%
}
.mg-col-lg-pull-11 {
right: 91.66667%
}
.mg-col-lg-pull-12 {
right: 100%
}
.mg-col-lg-push-0 {
left: auto
}
.mg-col-lg-push-1 {
left: 8.33333%
}
.mg-col-lg-push-2 {
left: 16.66667%
}
.mg-col-lg-push-3 {
left: 25%
}
.mg-col-lg-push-4 {
left: 33.33333%
}
.mg-col-lg-push-5 {
left: 41.66667%
}
.mg-col-lg-push-6 {
left: 50%
}
.mg-col-lg-push-7 {
left: 58.33333%
}
.mg-col-lg-push-8 {
left: 66.66667%
}
.mg-col-lg-push-9 {
left: 75%
}
.mg-col-lg-push-10 {
left: 83.33333%
}
.mg-col-lg-push-11 {
left: 91.66667%
}
.mg-col-lg-push-12 {
left: 100%
}
.mg-col-lg-offset-0 {
margin-left: 0%
}
.mg-col-lg-offset-1 {
margin-left: 8.33333%
}
.mg-col-lg-offset-2 {
margin-left: 16.66667%
}
.mg-col-lg-offset-3 {
margin-left: 25%
}
.mg-col-lg-offset-4 {
margin-left: 33.33333%
}
.mg-col-lg-offset-5 {
margin-left: 41.66667%
}
.mg-col-lg-offset-6 {
margin-left: 50%
}
.mg-col-lg-offset-7 {
margin-left: 58.33333%
}
.mg-col-lg-offset-8 {
margin-left: 66.66667%
}
.mg-col-lg-offset-9 {
margin-left: 75%
}
.mg-col-lg-offset-10 {
margin-left: 83.33333%
}
.mg-col-lg-offset-11 {
margin-left: 91.66667%
}
.mg-col-lg-offset-12 {
margin-left: 100%
}
}
.ultimate-grid-wrap {
clear: both;
margin-bottom: 30px;
padding: 0;
overflow: hidden
}
@media only screen and (max-width: 767px) {
.ultimate-grid-wrap {
overflow-x: hidden
}
}
.ultimate-grid-wrap *,
.ultimate-grid-wrap:after,
.ultimate-grid-wrap:before {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ultimate-grid {
margin: 0 auto;
padding: 0;
list-style: none
}
.ultimate-grid.ultimate-grid-gutter-30 {
margin-right: -30px
}
.ultimate-grid.ultimate-grid-gutter-30 .ultimate-grid-item {
padding-right: 30px;
padding-bottom: 30px
}
.ultimate-grid.ultimate-grid-gutter-29 {
margin-right: -29px
}
.ultimate-grid.ultimate-grid-gutter-29 .ultimate-grid-item {
padding-right: 29px;
padding-bottom: 29px
}
.ultimate-grid.ultimate-grid-gutter-28 {
margin-right: -28px
}
.ultimate-grid.ultimate-grid-gutter-28 .ultimate-grid-item {
padding-right: 28px;
padding-bottom: 28px
}
.ultimate-grid.ultimate-grid-gutter-27 {
margin-right: -27px
}
.ultimate-grid.ultimate-grid-gutter-27 .ultimate-grid-item {
padding-right: 27px;
padding-bottom: 27px
}
.ultimate-grid.ultimate-grid-gutter-26 {
margin-right: -26px
}
.ultimate-grid.ultimate-grid-gutter-26 .ultimate-grid-item {
padding-right: 26px;
padding-bottom: 26px
}
.ultimate-grid.ultimate-grid-gutter-25 {
margin-right: -25px
}
.ultimate-grid.ultimate-grid-gutter-25 .ultimate-grid-item {
padding-right: 25px;
padding-bottom: 25px
}
.ultimate-grid.ultimate-grid-gutter-24 {
margin-right: -24px
}
.ultimate-grid.ultimate-grid-gutter-24 .ultimate-grid-item {
padding-right: 24px;
padding-bottom: 24px
}
.ultimate-grid.ultimate-grid-gutter-23 {
margin-right: -23px
}
.ultimate-grid.ultimate-grid-gutter-23 .ultimate-grid-item {
padding-right: 23px;
padding-bottom: 23px
}
.ultimate-grid.ultimate-grid-gutter-22 {
margin-right: -22px
}
.ultimate-grid.ultimate-grid-gutter-22 .ultimate-grid-item {
padding-right: 22px;
padding-bottom: 22px
}
.ultimate-grid.ultimate-grid-gutter-21 {
margin-right: -21px
}
.ultimate-grid.ultimate-grid-gutter-21 .ultimate-grid-item {
padding-right: 21px;
padding-bottom: 21px
}
.ultimate-grid.ultimate-grid-gutter-20 {
margin-right: -20px
}
.ultimate-grid.ultimate-grid-gutter-20 .ultimate-grid-item {
padding-right: 20px;
padding-bottom: 20px
}
.ultimate-grid.ultimate-grid-gutter-19 {
margin-right: -19px
}
.ultimate-grid.ultimate-grid-gutter-19 .ultimate-grid-item {
padding-right: 19px;
padding-bottom: 19px
}
.ultimate-grid.ultimate-grid-gutter-18 {
margin-right: -18px
}
.ultimate-grid.ultimate-grid-gutter-18 .ultimate-grid-item {
padding-right: 18px;
padding-bottom: 18px
}
.ultimate-grid.ultimate-grid-gutter-17 {
margin-right: -17px
}
.ultimate-grid.ultimate-grid-gutter-17 .ultimate-grid-item {
padding-right: 17px;
padding-bottom: 17px
}
.ultimate-grid.ultimate-grid-gutter-16 {
margin-right: -16px
}
.ultimate-grid.ultimate-grid-gutter-16 .ultimate-grid-item {
padding-right: 16px;
padding-bottom: 16px
}
.ultimate-grid.ultimate-grid-gutter-15 {
margin-right: -15px
}
.ultimate-grid.ultimate-grid-gutter-15 .ultimate-grid-item {
padding-right: 15px;
padding-bottom: 15px
}
.ultimate-grid.ultimate-grid-gutter-14 {
margin-right: -14px
}
.ultimate-grid.ultimate-grid-gutter-14 .ultimate-grid-item {
padding-right: 14px;
padding-bottom: 14px
}
.ultimate-grid.ultimate-grid-gutter-13 {
margin-right: -13px
}
.ultimate-grid.ultimate-grid-gutter-13 .ultimate-grid-item {
padding-right: 13px;
padding-bottom: 13px
}
.ultimate-grid.ultimate-grid-gutter-12 {
margin-right: -12px
}
.ultimate-grid.ultimate-grid-gutter-12 .ultimate-grid-item {
padding-right: 12px;
padding-bottom: 12px
}
.ultimate-grid.ultimate-grid-gutter-11 {
margin-right: -11px
}
.ultimate-grid.ultimate-grid-gutter-11 .ultimate-grid-item {
padding-right: 11px;
padding-bottom: 11px
}
.ultimate-grid.ultimate-grid-gutter-10 {
margin-right: -10px
}
.ultimate-grid.ultimate-grid-gutter-10 .ultimate-grid-item {
padding-right: 10px;
padding-bottom: 10px
}
.ultimate-grid.ultimate-grid-gutter-9 {
margin-right: -9px
}
.ultimate-grid.ultimate-grid-gutter-9 .ultimate-grid-item {
padding-right: 9px;
padding-bottom: 9px
}
.ultimate-grid.ultimate-grid-gutter-8 {
margin-right: -8px
}
.ultimate-grid.ultimate-grid-gutter-8 .ultimate-grid-item {
padding-right: 8px;
padding-bottom: 8px
}
.ultimate-grid.ultimate-grid-gutter-7 {
margin-right: -7px
}
.ultimate-grid.ultimate-grid-gutter-7 .ultimate-grid-item {
padding-right: 7px;
padding-bottom: 7px
}
.ultimate-grid.ultimate-grid-gutter-6 {
margin-right: -6px
}
.ultimate-grid.ultimate-grid-gutter-6 .ultimate-grid-item {
padding-right: 6px;
padding-bottom: 6px
}
.ultimate-grid.ultimate-grid-gutter-5 {
margin-right: -5px
}
.ultimate-grid.ultimate-grid-gutter-5 .ultimate-grid-item {
padding-right: 5px;
padding-bottom: 5px
}
.ultimate-grid.ultimate-grid-gutter-4 {
margin-right: -4px
}
.ultimate-grid.ultimate-grid-gutter-4 .ultimate-grid-item {
padding-right: 4px;
padding-bottom: 4px
}
.ultimate-grid.ultimate-grid-gutter-3 {
margin-right: -3px
}
.ultimate-grid.ultimate-grid-gutter-3 .ultimate-grid-item {
padding-right: 3px;
padding-bottom: 3px
}
.ultimate-grid.ultimate-grid-gutter-2 {
margin-right: -2px
}
.ultimate-grid.ultimate-grid-gutter-2 .ultimate-grid-item {
padding-right: 2px;
padding-bottom: 2px
}
.ultimate-grid.ultimate-grid-gutter-1 {
margin-right: -1px
}
.ultimate-grid.ultimate-grid-gutter-1 .ultimate-grid-item {
padding-right: 1px;
padding-bottom: 1px
}
.ultimate-grid.ultimate-grid-gutter-0 {
margin-right: 0
}
.ultimate-grid.ultimate-grid-gutter-0 .ultimate-grid-item {
padding-right: 0;
padding-bottom: 0
}
.ultimate-grid a {
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none
}
.ultimate-grid .ultimate-grid-item {
padding: 0
}
.ultimate-grid .ultimate-grid-item a {
display: block;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0;
border: 0
}
.ultimate-grid .ultimate-grid-item .effect-hover {
margin-bottom: 0
}
.ultimate-grid.loaded {
background: 0 0
}
.effect-hover.effect-moses h2 span,
.ultimate-grid.loaded .ultimate-grid-item,
.ultimate-grid.ultimate-grid-animate .ultimate-grid-item a {
display: block
}
.ultimate-grid.ultimate-grid-animate .ultimate-grid-item.shown,
.no-cssanimations .ultimate-grid .ultimate-grid-item,
.no-js .ultimate-grid .ultimate-grid-item {
opacity: 1
}
.ultimate-grid,
.ultimate-grid.ultimate-grid-animate.ultimate-lazyload img {
min-height: 100px
}
.ultimate-grid.ultimate-grid-animate .ultimate-grid-item {
opacity: 0
}
.ultimate-grid.ultimate-grid-animate .ultimate-grid-item a h3,
.ultimate-tilter--3 svg {
display: none
}
.ultimate-grid.ultimate-grid-animate.effect-1 .ultimate-grid-item.animate {
-webkit-animation: GridFadeIn .65s ease forwards;
animation: GridFadeIn .65s ease forwards
}
.ultimate-grid.ultimate-grid-animate.effect-2 .ultimate-grid-item.animate {
-webkit-transform: translateY(200px);
transform: translateY(200px);
-webkit-animation: GridMoveUp .65s ease forwards;
animation: GridMoveUp .65s ease forwards
}
.ultimate-grid.ultimate-grid-animate.effect-3 .ultimate-grid-item.animate {
-webkit-transform: scale(.6);
transform: scale(.6);
-webkit-animation: GridScaleUp .65s ease-in-out forwards;
animation: GridScaleUp .65s ease-in-out forwards
}
.ultimate-grid.ultimate-grid-animate.effect-4,
.ultimate-grid.ultimate-grid-animate.effect-5,
.ultimate-grid.ultimate-grid-animate.effect-6,
.ultimate-grid.ultimate-grid-animate.effect-7,
.ultimate-grid.ultimate-grid-animate.effect-8 {
-webkit-perspective: 1300px;
perspective: 1300px
}
.ultimate-grid.ultimate-grid-animate.effect-4 .ultimate-grid-item.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
transform: translateZ(400px) translateY(300px) rotateX(-90deg);
-webkit-animation: GridFallPerspective .8s ease-in-out forwards;
animation: GridFallPerspective .8s ease-in-out forwards
}
.ultimate-grid.ultimate-grid-animate.effect-5 .ultimate-grid-item.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -300px;
transform-origin: 50% 50% -300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-animation: GridFly .8s ease-in-out forwards;
animation: GridFly .8s ease-in-out forwards
}
.ultimate-grid.ultimate-grid-animate.effect-6 .ultimate-grid-item.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotateX(-80deg);
transform: rotateX(-80deg);
-webkit-animation: GridFlip .8s ease-in-out forwards;
animation: GridFlip .8s ease-in-out forwards
}
.ultimate-grid.ultimate-grid-animate.effect-7 .ultimate-grid-item.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-animation: GridHelix .8s ease-in-out forwards;
animation: GridHelix .8s ease-in-out forwards
}
.ultimate-grid.ultimate-grid-animate.effect-8 .ultimate-grid-item.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: scale(.4);
transform: scale(.4);
-webkit-animation: GridPopUp .8s ease-in forwards;
animation: GridPopUp .8s ease-in forwards
}
.effect-hover.effect-no-spacing,
.non-spacing-grid .effect-hover,
.vc_row-no-padding .effect-hover {
margin-bottom: 0
}
.effect-hover {
position: relative;
margin: 0 0 30px;
padding: 0;
overflow: hidden;
background: #3085a3;
text-align: center;
cursor: pointer
}
.effect-hover,
.effect-hover * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.effect-hover.ratio11 img,
.effect-hover.ratio169 img,
.effect-hover.ratio21 img,
.effect-hover.ratio32 img,
.effect-hover.ratio34 img,
.effect-hover.ratio43 img {
position: absolute;
top: 0;
left: 0
}
.effect-hover.ratio11,
.effect-hover.ratio169,
.effect-hover.ratio21,
.effect-hover.ratio32,
.effect-hover.ratio34,
.effect-hover.ratio43 {
overflow: hidden;
position: relative
}
.effect-hover.ratio43:after {
content: '';
display: block;
padding-bottom: 75%
}
.effect-hover.ratio11:after {
content: '';
display: block;
padding-bottom: 100%
}
.effect-hover.ratio169:after {
content: '';
display: block;
padding-bottom: 56.25%
}
.effect-hover.ratio32:after {
content: '';
display: block;
padding-bottom: 66.66667%
}
.effect-hover.ratio21:after {
content: '';
display: block;
padding-bottom: 50%
}
.effect-hover.ratio34:after {
content: '';
display: block;
padding-bottom: 133.33333%
}
.effect-hover.ratio34 img {
min-width: 100%;
max-width: auto
}
.effect-hover img {
position: relative;
display: block;
width: 100%;
height: auto;
max-width: 100%;
opacity: .8;
z-index: 1;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.effect-hover figcaption,
.effect-hover figcaption>a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.effect-hover figcaption {
padding: 2em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
color: #fff;
z-index: 1;
font-size: 20px
}
.effect-hover figcaption::after,
.effect-hover figcaption::before {
pointer-events: none
}
.effect-hover figcaption h2 {
margin-bottom: 8px;
font-weight: 300
}
.effect-hover figcaption>a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0
}
.effect-hover h2,
.effect-hover p {
margin: 0;
font-weight: 300;
color: #fff;
font-size: 1.5em;
letter-spacing: 0;
line-height: 1.1;
-webkit-transition: color .35s ease;
transition: color .35s ease
}
.effect-hover h2 span {
font-weight: 800
}
.effect-hover p {
letter-spacing: 1px;
font-size: 68.5%;
font-weight: 400;
line-height: 1.4em
}
.effect-hover.effect-fonts figcaption,
.effect-hover.effect-fonts figcaption h2,
.effect-hover.effect-fonts figcaption p {
font-family: "Raleway", sans-serif
}
.effect-hover.effect-sm h2 {
font-size: 1.3em
}
.effect-hover.effect-sm figcaption {
padding: 1em
}
.effect-hover.effect-xs h2 {
font-size: 1.2em
}
.ultimate-anim {
opacity: 0
}
.ultimate-anim--start {
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.ultimate-anim--start.ultimate-anim {
opacity: 1;
filter: alpha(opacity=100)
}
.ultimate-anim--start.ultimate-anim-bounce {
-webkit-animation-name: "bounce";
animation-name: "bounce"
}
.ultimate-anim--start.ultimate-anim-flash {
-webkit-animation-name: "flash";
animation-name: "flash"
}
.ultimate-anim--start.ultimate-anim-pulse {
-webkit-animation-name: "pulse";
animation-name: "pulse"
}
.ultimate-anim--start.ultimate-anim-rubberBand {
-webkit-animation-name: "rubberBand";
animation-name: "rubberBand"
}
.ultimate-anim--start.ultimate-anim-shake {
-webkit-animation-name: "shake";
animation-name: "shake"
}
.ultimate-anim--start.ultimate-anim-headShake {
-webkit-animation-name: "headShake";
animation-name: "headShake"
}
.ultimate-anim--start.ultimate-anim-swing {
-webkit-animation-name: "swing";
animation-name: "swing"
}
.ultimate-anim--start.ultimate-anim-tada {
-webkit-animation-name: "tada";
animation-name: "tada"
}
.ultimate-anim--start.ultimate-anim-wobble {
-webkit-animation-name: "wobble";
animation-name: "wobble"
}
.ultimate-anim--start.ultimate-anim-jello {
-webkit-animation-name: "jello";
animation-name: "jello"
}
.ultimate-anim--start.ultimate-anim-bounceIn {
-webkit-animation-name: "bounceIn";
animation-name: "bounceIn"
}
.ultimate-anim--start.ultimate-anim-bounceInDown {
-webkit-animation-name: "bounceInDown";
animation-name: "bounceInDown"
}
.ultimate-anim--start.ultimate-anim-bounceInLeft {
-webkit-animation-name: "bounceInLeft";
animation-name: "bounceInLeft"
}
.ultimate-anim--start.ultimate-anim-bounceInRight {
-webkit-animation-name: "bounceInRight";
animation-name: "bounceInRight"
}
.ultimate-anim--start.ultimate-anim-bounceInUp {
-webkit-animation-name: "bounceInUp";
animation-name: "bounceInUp"
}
.ultimate-anim--start.ultimate-anim-fadeIn {
-webkit-animation-name: "fadeIn";
animation-name: "fadeIn"
}
.ultimate-anim--start.ultimate-anim-fadeInDown {
-webkit-animation-name: "fadeInDown";
animation-name: "fadeInDown"
}
.ultimate-anim--start.ultimate-anim-fadeInDownBig {
-webkit-animation-name: "fadeInDownBig";
animation-name: "fadeInDownBig"
}
.ultimate-anim--start.ultimate-anim-fadeInLeft {
-webkit-animation-name: "fadeInLeft";
animation-name: "fadeInLeft"
}
.ultimate-anim--start.ultimate-anim-fadeInLeftBig {
-webkit-animation-name: "fadeInLeftBig";
animation-name: "fadeInLeftBig"
}
.ultimate-anim--start.ultimate-anim-fadeInRight {
-webkit-animation-name: "fadeInRight";
animation-name: "fadeInRight"
}
.ultimate-anim--start.ultimate-anim-fadeInRightBig {
-webkit-animation-name: "fadeInRightBig";
animation-name: "fadeInRightBig"
}
.ultimate-anim--start.ultimate-anim-fadeInUp {
-webkit-animation-name: "fadeInUp";
animation-name: "fadeInUp"
}
.ultimate-anim--start.ultimate-anim-fadeInUpBig {
-webkit-animation-name: "fadeInUpBig";
animation-name: "fadeInUpBig"
}
.ultimate-anim--start.ultimate-anim-flipInX {
-webkit-animation-name: "flipInX";
animation-name: "flipInX"
}
.ultimate-anim--start.ultimate-anim-flipInY {
-webkit-animation-name: "flipInY";
animation-name: "flipInY"
}
.ultimate-anim--start.ultimate-anim-lightSpeedIn {
-webkit-animation-name: "lightSpeedIn";
animation-name: "lightSpeedIn"
}
.ultimate-anim--start.ultimate-anim-lightSpeedOut {
-webkit-animation-name: "lightSpeedOut";
animation-name: "lightSpeedOut"
}
.ultimate-anim--start.ultimate-anim-rotateIn {
-webkit-animation-name: "rotateIn";
animation-name: "rotateIn"
}
.ultimate-anim--start.ultimate-anim-rotateInDownLeft {
-webkit-animation-name: "rotateInDownLeft";
animation-name: "rotateInDownLeft"
}
.ultimate-anim--start.ultimate-anim-rotateInDownRight {
-webkit-animation-name: "rotateInDownRight";
animation-name: "rotateInDownRight"
}
.ultimate-anim--start.ultimate-anim-rotateInUpLeft {
-webkit-animation-name: "rotateInUpLeft";
animation-name: "rotateInUpLeft"
}
.ultimate-anim--start.ultimate-anim-rotateInUpRight {
-webkit-animation-name: "rotateInUpRight";
animation-name: "rotateInUpRight"
}
.ultimate-anim--start.ultimate-anim-hinge {
-webkit-animation-name: "hinge";
animation-name: "hinge"
}
.ultimate-anim--start.ultimate-anim-rollIn {
-webkit-animation-name: "rollIn";
animation-name: "rollIn"
}
.ultimate-anim--start.ultimate-anim-rollOut {
-webkit-animation-name: "rollOut";
animation-name: "rollOut"
}
.ultimate-anim--start.ultimate-anim-zoomIn {
-webkit-animation-name: "zoomIn";
animation-name: "zoomIn"
}
.ultimate-anim--start.ultimate-anim-zoomInDown {
-webkit-animation-name: "zoomInDown";
animation-name: "zoomInDown"
}
.ultimate-anim--start.ultimate-anim-zoomInLeft {
-webkit-animation-name: "zoomInLeft";
animation-name: "zoomInLeft"
}
.ultimate-anim--start.ultimate-anim-zoomInRight {
-webkit-animation-name: "zoomInRight";
animation-name: "zoomInRight"
}
.ultimate-anim--start.ultimate-anim-zoomInUp {
-webkit-animation-name: "zoomInUp";
animation-name: "zoomInUp"
}
.ultimate-anim--start.ultimate-anim-slideInDown {
-webkit-animation-name: "slideInDown";
animation-name: "slideInDown"
}
.ultimate-anim--start.ultimate-anim-slideInLeft {
-webkit-animation-name: "slideInLeft";
animation-name: "slideInLeft"
}
.ultimate-anim--start.ultimate-anim-slideInRight {
-webkit-animation-name: "slideInRight";
animation-name: "slideInRight"
}
.ultimate-anim--start.ultimate-anim-slideInUp {
-webkit-animation-name: "slideInUp";
animation-name: "slideInUp"
}
.effect-hover.effect-bubba {
background: #9e5406
}
.effect-hover.effect-bubba img {
opacity: .7;
-webkit-transition: opacity .35s;
transition: opacity .35s
}
.effect-hover.effect-bubba:hover img {
opacity: .4
}
.effect-hover.effect-bubba figcaption::after,
.effect-hover.effect-bubba figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-bubba figcaption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1)
}
.effect-hover.effect-bubba figcaption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0)
}
.effect-hover.effect-bubba h2 {
padding-top: 20%;
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
.effect-hover.effect-bubba p {
padding: 20px 2.5em;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
.effect-hover.effect-bubba:hover figcaption::after,
.effect-hover.effect-bubba:hover figcaption::before,
.effect-hover.effect-chico:hover img {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
.effect-hover.effect-bubba:hover h2,
.effect-hover.effect-bubba:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-bubba.effect-sm figcaption:after,
.effect-hover.effect-bubba.effect-sm figcaption:before {
left: 20px;
top: 20px;
right: 20px;
bottom: 20px
}
.effect-hover.effect-bubba.effect-sm p {
padding: 15px .5em
}
.effect-hover.effect-bubba.effect-xs figcaption:after,
.effect-hover.effect-bubba.effect-xs figcaption:before {
left: 10px;
top: 10px;
right: 10px;
bottom: 10px
}
.effect-hover.effect-bubba.effect-xs p {
padding: 15px 0
}
.effect-hover.effect-chico figcaption::before,
.effect-hover.effect-chico img {
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
-webkit-transform: scale(1.12);
transform: scale(1.12)
}
.effect-hover.effect-chico:hover img {
opacity: .5
}
.effect-hover.effect-chico figcaption {
padding: 3em
}
.effect-hover.effect-chico figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 0
}
.effect-hover.effect-bubba p,
.effect-hover.effect-chico p,
.effect-hover.effect-dexter p {
opacity: 0;
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-chico p {
margin: 0 auto;
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
.effect-hover.effect-chico h2 {
padding: 15% 0 20px
}
.effect-hover.effect-chico:hover figcaption::before,
.effect-hover.effect-chico:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
.effect-hover.effect-chico.effect-sm figcaption {
padding: 2em
}
.effect-hover.effect-chico.effect-sm figcaption:before {
top: 20px;
right: 20px;
bottom: 20px;
left: 20px
}
.effect-hover.effect-chico.effect-xs figcaption {
padding: 1em
}
.effect-hover.effect-chico.effect-xs figcaption:before {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px
}
.effect-hover.effect-chico.effect-xs h2 {
padding: 10% 0 10px
}
.effect-hover.effect-dexter {
background: -webkit-gradient(linear, left top, left bottom, from(#258dc8), to(#683c13));
background: linear-gradient(to bottom, #258dc8 0%, #683c13 100%)
}
.effect-hover.effect-dexter img,
.effect-hover.effect-honey img {
-webkit-transition: opacity .35s;
transition: opacity .35s
}
.effect-hover.effect-dexter:hover img {
opacity: .4
}
.effect-hover.effect-dexter figcaption::after,
.effect-hover.effect-honey figcaption::before,
.effect-hover.effect-honey h2 {
position: absolute;
-webkit-transition: -webkit-transform .35s;
transition: transform .35s;
transition: transform .35s, -webkit-transform .35s
}
.effect-hover.effect-dexter figcaption::after {
right: 30px;
height: calc(50% - 30px);
border: 7px solid #fff;
content: '';
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
bottom: 30px;
left: 30px
}
.effect-hover.effect-dexter.effect-sm:hover figcaption:after,
.effect-hover.effect-dexter.effect-xs:hover figcaption:after,
.effect-hover.effect-dexter:hover figcaption::after,
.effect-hover.effect-dexter:hover p,
.effect-hover.effect-layla.effect-sm:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-dexter figcaption {
padding: 3em;
text-align: left
}
.effect-hover.effect-dexter p {
position: absolute;
right: 60px;
bottom: 60px;
left: 60px;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0)
}
.effect-hover.effect-dexter:hover p {
opacity: 1
}
.effect-hover.effect-dexter.effect-sm figcaption {
padding: 2em
}
.effect-hover.effect-dexter.effect-sm figcaption:after {
left: 20px;
right: 20px;
bottom: 20px;
border-width: 4px;
-webkit-transform: translate3d(0, -120%, 0);
transform: translate3d(0, -120%, 0)
}
.effect-hover.effect-dexter.effect-sm p {
right: 40px;
left: 40px;
bottom: 33px
}
.effect-hover.effect-dexter.effect-xs figcaption {
padding: 1.5em 1em
}
.effect-hover.effect-dexter.effect-xs figcaption:after {
left: 10px;
right: 10px;
bottom: 10px;
height: 50%;
border-width: 3px;
-webkit-transform: translate3d(0, -80%, 0);
transform: translate3d(0, -80%, 0)
}
.effect-hover.effect-dexter.effect-xs p {
right: 20px;
left: 20px;
bottom: 20px
}
.effect-hover.effect-honey {
background: #4a3753
}
.effect-hover.effect-honey img {
opacity: .9
}
.effect-hover.effect-honey:hover img {
opacity: .5
}
.effect-hover.effect-honey figcaption::before,
.effect-hover.effect-honey h2 {
bottom: 0;
left: 0;
width: 100%
}
.effect-hover.effect-honey figcaption::before {
height: 10px;
background: #f8f8f8;
content: '';
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
.effect-hover.effect-honey h2 {
padding: 1em 1.5em;
text-align: left
}
.effect-hover.effect-honey h2 i {
font-style: normal;
opacity: 0;
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-honey p {
text-align: left;
opacity: 0;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
-webkit-transition: opacity .2s, color .35s, -webkit-transform .35s;
transition: opacity .2s, transform .35s, color .35s;
transition: opacity .2s, transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-honey:hover figcaption::before,
.effect-hover.effect-honey:hover h2,
.effect-hover.effect-honey:hover h2 i,
.effect-hover.effect-layla:hover img {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-honey:hover p {
-webkit-transition-delay: .05s;
transition-delay: .05s;
-webkit-transition-duration: .35s;
transition-duration: .35s
}
.effect-hover.effect-honey.effect-sm h2 {
padding: .8em
}
.effect-hover.effect-layla {
background: #18a367
}
.effect-hover.effect-honey h2,
.effect-hover.effect-honey h2 i,
.effect-hover.effect-layla h2,
.effect-hover.effect-layla img {
}
.effect-hover.effect-layla img {
margin-bottom: -30px;
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-layla figcaption {
padding: 3em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.effect-hover.effect-layla figcaption::after,
.effect-hover.effect-layla figcaption::before {
position: absolute;
content: '';
opacity: 0
}
.effect-hover.effect-layla figcaption::before {
top: 30px;
right: 20px;
bottom: 30px;
left: 20px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.effect-hover.effect-layla figcaption::after {
top: 20px;
right: 30px;
bottom: 20px;
left: 30px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0
}
.effect-hover.effect-layla h2 {
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-layla p {
padding: .5em 2em;
text-transform: none;
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
.effect-hover.effect-layla figcaption::after,
.effect-hover.effect-layla figcaption::before,
.effect-hover.effect-layla p {
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-layla:hover img {
opacity: .7
}
.effect-hover.effect-layla:hover figcaption::after,
.effect-hover.effect-layla:hover figcaption::before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
.effect-hover.effect-honey:hover p,
.effect-hover.effect-layla:hover h2,
.effect-hover.effect-layla:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-layla:hover figcaption::after,
.effect-hover.effect-layla:hover h2,
.effect-hover.effect-layla:hover img,
.effect-hover.effect-layla:hover p {
-webkit-transition-delay: .15s;
transition-delay: .15s
}
.effect-hover.effect-layla.effect-sm h2 {
padding-top: 15%;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
.effect-hover.effect-layla.effect-sm figcaption,
.effect-hover.effect-lily.effect-sm .effect-caption {
padding: 1em
}
.effect-hover.effect-layla.effect-sm figcaption::before {
top: 20px;
right: 10px;
bottom: 20px;
left: 10px
}
.effect-hover.effect-layla.effect-sm figcaption::after {
top: 10px;
right: 20px;
bottom: 10px;
left: 20px
}
.effect-hover.effect-layla.ratio11 img,
.effect-hover.effect-layla.ratio169 img,
.effect-hover.effect-layla.ratio21 img,
.effect-hover.effect-layla.ratio32 img,
.effect-hover.effect-layla.ratio34 img,
.effect-hover.effect-layla.ratio43 img {
height: calc(100% + 30px);
margin-bottom: 0
}
.effect-hover.effect-lily img {
max-width: none;
width: calc(100% + 50px);
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(0px, 0, 0)
}
.effect-hover.effect-lily figcaption {
text-align: left
}
.effect-hover.effect-lily figcaption>div {
position: absolute;
bottom: 0;
left: 0;
padding: 1.4em;
width: 100%;
height: auto
}
.effect-hover.effect-lily h2,
.effect-hover.effect-lily p {
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0)
}
.effect-hover.effect-lily h2,
.effect-hover.effect-marley h2 {
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-lily p {
padding-top: .8em;
margin-top: .4em;
border-top: 1px solid rgba(255, 255, 255, .3);
color: rgba(255, 255, 255, .8);
opacity: 0;
-webkit-transition: opacity .2s, color .35s, -webkit-transform .35s;
transition: opacity .2s, transform .35s, color .35s;
transition: opacity .2s, transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-lily:hover img,
.effect-hover.effect-lily:hover p,
.effect-hover.effect-steve:hover:before,
.effect-hover.effect-zoe:hover .effect-description {
opacity: 1
}
.effect-hover.effect-lily:hover h2,
.effect-hover.effect-lily:hover img,
.effect-hover.effect-lily:hover p,
.effect-hover.effect-marley:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-lily:hover p {
-webkit-transition-delay: .05s;
transition-delay: .05s;
-webkit-transition-duration: .35s;
transition-duration: .35s
}
.effect-hover.effect-marley figcaption {
text-align: right
}
.effect-hover.effect-marley h2 {
position: absolute;
right: 30px;
left: 30px;
padding: 10px 0;
top: 30px;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
.effect-hover.effect-marley p,
.effect-hover.effect-milo p {
opacity: 0;
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-marley p {
position: absolute;
right: 30px;
left: 30px;
bottom: 30px;
line-height: 1.5;
padding: 10px 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
.effect-hover.effect-lily img,
.effect-hover.effect-marley h2::after,
.effect-hover.effect-milo img {
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-marley h2::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: #fff;
content: '';
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
opacity: 0
}
.effect-hover.effect-marley:hover h2::after,
.effect-hover.effect-marley:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-marley.effect-sm h2 {
right: 20px;
left: 20px;
top: 10px;
padding-top: 0;
padding-bottom: 3px
}
.effect-hover.effect-marley.effect-sm p {
left: 20px;
right: 20px;
bottom: 20px
}
.effect-hover.effect-milo {
background: #2e5d5a
}
.effect-hover.effect-milo img {
max-width: none;
width: calc(100% + 60px);
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.effect-hover.effect-milo:hover img {
opacity: .5;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1)
}
.effect-hover.effect-milo h2 {
position: absolute;
right: 0;
bottom: 0;
padding: 1em 1.2em
}
.effect-hover.effect-milo p {
padding: 0 10px 0 0;
width: 50%;
border-right: 1px solid #fff;
text-align: right;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0)
}
.effect-hover.effect-milo:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-milo.effect-sm p {
width: 70%
}
.effect-hover.effect-milo.effect-xs p {
width: 80%
}
.effect-hover.effect-milo.effect-xs h2 {
padding: .5em
}
.effect-hover.effect-oscar {
background: linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%)
}
.effect-hover.effect-oscar img {
opacity: .9;
-webkit-transition: opacity .35s;
transition: opacity .35s
}
.effect-hover.effect-oscar figcaption {
padding: 3em;
background-color: rgba(58, 52, 42, .7);
-webkit-transition: background-color .35s;
transition: background-color .35s
}
.effect-hover.effect-oscar figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: ''
}
.effect-hover.effect-oscar figcaption h2,
.effect-hover.effect-romeo h2,
.effect-hover.effect-romeo p {
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-oscar figcaption h2 {
margin: 20% 0 10px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
.effect-hover.effect-oscar figcaption::before,
.effect-hover.effect-oscar p {
opacity: 0;
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s;
-webkit-transform: scale(0);
transform: scale(0)
}
.effect-hover.effect-oscar:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-oscar:hover figcaption::before,
.effect-hover.effect-oscar:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
.effect-hover.effect-oscar:hover figcaption {
background-color: transparent
}
.effect-hover.effect-oscar:hover img {
opacity: .4
}
.effect-hover.effect-oscar.effect-sm figcaption {
padding: 1.5em
}
.effect-hover.effect-oscar.effect-sm figcaption:before {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
border: 1px solid #fff;
content: ''
}
.effect-hover.effect-oscar.effect-xs figcaption:before {
top: 15px;
right: 15px;
bottom: 15px;
left: 15px
}
.effect-hover.effect-romeo img {
-webkit-transform: scale3d(1.4, 1.4, 1);
transform: scale3d(1.4, 1.4, 1)
}
.effect-hover.effect-romeo:hover img {
opacity: .6;
-webkit-transform: scale3d(1, 1, 1);
transform: translate3d(1, 1, 1)
}
.effect-hover.effect-romeo figcaption::after,
.effect-hover.effect-romeo figcaption::before {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 1px;
background: #fff;
content: '';
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.effect-hover.effect-romeo:hover figcaption::before {
opacity: .5;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
transform: translate3d(-50%, -50%, 0) rotate(45deg)
}
.effect-hover.effect-romeo:hover figcaption::after {
opacity: .5;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}
.effect-hover.effect-romeo h2,
.effect-hover.effect-romeo p {
position: absolute;
top: 50%;
left: 0;
width: 100%
}
.effect-hover.effect-romeo h2 {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0)
}
.effect-hover.effect-romeo p {
padding: .25em 2em;
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0)
}
.effect-hover.effect-romeo.effect-sm h2,
.effect-hover.effect-romeo:hover h2 {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0)
}
.effect-hover.effect-romeo:hover p {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0)
}
.effect-hover.effect-romeo.effect-sm p {
padding-left: 1em;
padding-right: 1em;
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, 80%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, 80%, 0)
}
.effect-hover.effect-romeo.effect-sm:hover h2 {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -80%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -80%, 0)
}
.effect-hover.effect-romeo.effect-sm:hover p {
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, 60%, 0);
transform: translate3d(0, -50%, 0) translate3d(0, 60%, 0)
}
.effect-hover.effect-roxy {
background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%)
}
.effect-hover.effect-romeo figcaption::after,
.effect-hover.effect-romeo figcaption::before,
.effect-hover.effect-romeo img,
.effect-hover.effect-roxy figcaption::before,
.effect-hover.effect-roxy img {
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-roxy img {
max-width: none;
width: calc(100% + 60px);
}
.effect-hover.effect-roxy figcaption {
padding: 3em;
text-align: left
}
.effect-hover.effect-roxy figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
.effect-hover.effect-roxy h2 {
padding: 30% 0 10px
}
.effect-hover.effect-roxy p {
opacity: 0;
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
.effect-hover.effect-roxy:hover img {
opacity: .7;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-roxy:hover figcaption::before,
.effect-hover.effect-roxy:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-roxy.effect-sm figcaption {
padding: 1em
}
.effect-hover.effect-roxy.effect-sm figcaption:before {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px
}
.effect-hover.effect-ruby {
background-color: #17819c
}
.effect-hover.effect-ruby img {
opacity: .7;
-webkit-transform: scale(1.15);
transform: scale(1.15)
}
.effect-hover.effect-ruby:hover img {
opacity: .5;
-webkit-transform: scale(1);
transform: scale(1)
}
.effect-hover.effect-ruby h2,
.effect-hover.effect-sadie h2 {
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-ruby h2 {
margin-top: 20%;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
.effect-hover.effect-ruby p {
margin: 1em 0 0;
padding: 3em;
border: 1px solid #fff;
-webkit-transform: translate3d(0, 20px, 0) scale(1.1);
transform: translate3d(0, 20px, 0) scale(1.1)
}
.effect-hover.effect-ruby:hover h2,
.effect-hover.effect-sarah:hover h2::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-ruby:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1)
}
.effect-hover.effect-ruby.effect-sm h2 {
margin-top: 10%
}
.effect-hover.effect-ruby.effect-sm p {
padding: 1em
}
.effect-hover.effect-ruby.effect-xs p {
padding-top: .5em;
padding-bottom: .5em
}
.effect-hover.effect-ruby img,
.effect-hover.effect-sadie figcaption::before,
.effect-hover.effect-sarah img {
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-sadie figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(72, 76, 97, 0)), color-stop(75%, rgba(72, 76, 97, .8)));
background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, .8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0)
}
.effect-hover.effect-sadie h2 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #484c61;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.effect-hover.effect-ruby p,
.effect-hover.effect-sadie p,
.effect-hover.effect-sarah p {
opacity: 0;
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-sadie p {
position: absolute;
bottom: 0;
left: 0;
padding: 2em!important;
width: 100%;
text-align: center;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
.effect-hover.effect-sadie:hover h2 {
color: #fff;
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0)
}
.effect-hover.effect-sadie:hover figcaption::before,
.effect-hover.effect-sadie:hover p,
.effect-hover.effect-sarah:hover img,
.effect-hover.effect-sarah:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-sarah {
background: #42b078
}
.effect-hover.effect-sarah img {
max-width: none;
width: calc(100% + 20px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.effect-hover.effect-sarah:hover img {
opacity: .4
}
.effect-hover.effect-sarah figcaption {
text-align: left
}
.effect-hover.effect-sarah h2 {
position: relative;
overflow: hidden;
padding: .5em 0
}
.effect-hover.effect-sarah h2::after,
.effect-hover.effect-zoe figcaption {
bottom: 0;
-webkit-transition: -webkit-transform .35s;
transition: transform .35s;
transition: transform .35s, -webkit-transform .35s
}
.effect-hover.effect-sarah h2::after {
position: absolute;
left: 0;
width: 100%;
background: #fff;
content: '';
height: 3px;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
.effect-hover.effect-sarah p {
padding: 1em 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
.effect-hover.effect-zoe figcaption {
top: auto;
padding: 1em;
height: 3.75em;
background: #f8f8f8;
color: #3c4a50;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
.effect-hover.effect-zoe h2,
.effect-hover.effect-zoe p.icon-links a {
color: #3c4a50;
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s;
-webkit-transform: translate3d(0, 200%, 0);
transform: translate3d(0, 200%, 0)
}
.effect-hover.effect-zoe h2 {
display: inline-block;
float: left
}
.effect-hover.effect-zoe p.icon-links a {
float: right;
font-size: 1.4em
}
.effect-hover.effect-zoe:hover p.icon-links a:focus,
.effect-hover.effect-zoe:hover p.icon-links a:hover {
color: #252d31
}
.effect-hover.effect-zoe .effect-description {
position: absolute;
bottom: 8em;
padding: 2em;
color: #fff;
text-transform: none;
opacity: 0;
-webkit-transition: opacity .35s;
transition: opacity .35s;
-webkit-backface-visibility: hidden
}
.effect-hover.effect-zoe .description {
font-size: 90%
}
.effect-hover.effect-zoe p.icon-links a span::before {
display: inline-block;
padding: 8px 10px;
font-family: 'feathericons';
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.effect-hover.effect-zoe:hover figcaption,
.effect-hover.effect-zoe:hover h2,
.effect-hover.effect-zoe:hover p.icon-links a {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-zoe:hover h2 {
-webkit-transition-delay: .05s;
transition-delay: .05s
}
.effect-hover.effect-zoe:hover p.icon-links a:nth-child(3) {
-webkit-transition-delay: .1s;
transition-delay: .1s
}
.effect-hover.effect-zoe:hover p.icon-links a:nth-child(2) {
-webkit-transition-delay: .15s;
transition-delay: .15s
}
.effect-hover.effect-zoe:hover p.icon-links a:first-child {
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.effect-hover.effect-zoe.effect-sm figcaption {
padding: .55em;
height: 2.75em
}
.effect-hover.effect-zoe.effect-sm .effect-description {
bottom: 3em;
padding: 1em 0
}
.effect-hover.effect-apollo {
background: #3498db
}
.effect-hover.effect-apollo img {
opacity: .95;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1)
}
.effect-hover.effect-apollo figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .5);
content: '';
-webkit-transition: -webkit-transform .6s;
transition: transform .6s;
transition: transform .6s, -webkit-transform .6s;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0)
}
.effect-hover.effect-apollo p {
position: absolute;
right: 0;
bottom: 0;
margin: 3em;
padding: 0 1em;
max-width: 150px;
border-right: 4px solid #fff;
text-align: right;
opacity: 0;
-webkit-transition: opacity .35s, color .35s;
transition: opacity .35s, color .35s
}
.effect-hover.effect-apollo h2,
.effect-hover.effect-julia figcaption {
text-align: left
}
.effect-hover.effect-apollo:hover img {
opacity: .6;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.effect-hover.effect-apollo:hover figcaption::before {
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}
.effect-hover.effect-apollo:hover p {
opacity: 1;
-webkit-transition-delay: .1s;
transition-delay: .1s
}
.effect-hover.effect-apollo.effect-sm p {
border-right-width: 3px;
margin: 1.5em;
max-width: 200px
}
.effect-hover.effect-duke {
background: linear-gradient(-45deg, #34495e 0%, #cc6055 100%)
}
.effect-hover.effect-apollo img,
.effect-hover.effect-duke img {
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-duke p,
.effect-hover.effect-goliath p {
position: absolute;
bottom: 0;
left: 0;
padding: 30px;
text-transform: none;
font-size: 90%;
opacity: 0
}
.effect-hover.effect-duke h2,
.effect-hover.effect-duke p {
-webkit-transform: scale3d(.8, .8, 1);
transform: scale3d(.8, .8, 1)
}
.effect-hover.effect-duke p {
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s;
margin: 20px;
border: 2px solid #fff;
-webkit-transform-origin: 50% -100%;
transform-origin: 50% -100%
}
.effect-hover.effect-duke:hover img {
opacity: .1;
-webkit-transform: scale3d(2, 2, 1);
transform: scale3d(2, 2, 1)
}
.effect-hover.effect-duke h2,
.effect-hover.effect-goliath h2 {
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-duke h2 {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.effect-hover.effect-duke:hover h2,
.effect-hover.effect-duke:hover p {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.effect-hover.effect-duke.effect-sm p {
padding: 10px;
margin: 10px
}
.effect-hover.effect-goliath {
background: #df4e4e
}
.effect-hover.effect-goliath h2 {
position: absolute;
bottom: 0;
left: 0;
padding: 30px
}
.effect-hover.effect-goliath img {
-webkit-transition: -webkit-transform .35s;
transition: transform .35s;
transition: transform .35s, -webkit-transform .35s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.effect-hover.effect-goliath p {
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0)
}
.effect-hover.effect-goliath:hover img {
-webkit-transform: translate3d(0, -80px, 0);
transform: translate3d(0, -80px, 0)
}
.effect-hover.effect-goliath:hover h2 {
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0)
}
.effect-hover.effect-goliath:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-goliath.effect-sm h2 {
padding: 15px
}
.effect-hover.effect-goliath.effect-sm p {
padding: 10px 15px;
font-size: 80%
}
.effect-hover.effect-goliath.effect-xs p {
font-size: 68.5%
}
.effect-hover.effect-hera {
background: #303fa9
}
.effect-hover.effect-goliath p,
.effect-hover.effect-hera h2,
.effect-hover.effect-hera p {
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-hera h2 {
font-size: 158.75%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.effect-hover.effect-hera figcaption::before,
.effect-hover.effect-hera p {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform-origin: 50%;
transform-origin: 50%
}
.effect-hover.effect-hera p {
-webkit-transform: translate3d(-50%, -70%, 0);
transform: translate3d(-50%, -70%, 0);
text-transform: none;
line-height: 1.4em;
width: 30%
}
.effect-hover.effect-hera figcaption::before {
width: 200px;
height: 200px;
border: 2px solid #fff;
content: '';
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1)
}
.effect-hover.effect-hera p a {
color: #fff
}
.effect-hover.effect-hera p a:focus,
.effect-hover.effect-hera p a:hover,
.effect-hover.effect-kira p a:focus,
.effect-hover.effect-kira p a:hover {
opacity: .6
}
.effect-hover.effect-hera p a i {
opacity: 0;
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-hera p a:first-child i {
-webkit-transform: translate3d(-60px, -60px, 0);
transform: translate3d(-60px, -60px, 0)
}
.effect-hover.effect-hera p a:nth-child(2) i {
-webkit-transform: translate3d(60px, -60px, 0);
transform: translate3d(60px, -60px, 0)
}
.effect-hover.effect-hera p a:nth-child(3) i {
-webkit-transform: translate3d(-60px, 60px, 0);
transform: translate3d(-60px, 60px, 0)
}
.effect-hover.effect-hera p a:nth-child(4) i {
-webkit-transform: translate3d(60px, 60px, 0);
transform: translate3d(60px, 60px, 0)
}
.effect-hover.effect-hera:hover figcaption::before {
opacity: 1;
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1)
}
.effect-hover.effect-hera:hover h2 {
opacity: 0;
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(.8, .8, 1);
transform: translate3d(-50%, -50%, 0) scale3d(.8, .8, 1)
}
.effect-hover.effect-hera:hover p {
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
opacity: 1
}
.effect-hover.effect-hera:hover p i:empty {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
.effect-hover.effect-hera.effect-sm h2 {
font-size: 1.3em
}
.effect-hover.effect-hera.effect-xs p {
width: 60%
}
.effect-hover.effect-hera.effect-xs h2 {
font-size: 1.2em
}
.effect-hover.effect-jazz {
background: linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%)
}
.effect-hover.effect-jazz img {
opacity: .9
}
.effect-hover.effect-jazz figcaption::after,
.effect-hover.effect-jazz img,
.effect-hover.effect-jazz p {
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-jazz figcaption::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.effect-hover.effect-jazz h2,
.effect-hover.effect-jazz p {
-webkit-transform: scale3d(.8, .8, 1);
transform: scale3d(.8, .8, 1)
}
.effect-hover.effect-jazz h2 {
padding-top: 26%;
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s;
opacity: 1
}
.effect-hover.effect-jazz p {
padding: .5em 2em;
text-transform: none;
font-size: .85em;
opacity: 0
}
.effect-hover.effect-jazz:hover img {
opacity: .7;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1)
}
.effect-hover.effect-jazz:hover figcaption::after {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1)
}
.effect-hover.effect-jazz:hover h2,
.effect-hover.effect-jazz:hover p {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.effect-hover.effect-jazz.effect-sm h2 {
padding-top: 16%
}
.effect-hover.effect-jazz.effect-sm p {
padding: .5em 0
}
.effect-hover.effect-jazz.effect-sm:hover figcaption:after {
-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1.4, 1.4, 1);
transform: rotate3d(0, 0, 1, 45deg) scale3d(1.4, 1.4, 1)
}
.effect-hover.effect-julia {
background: #2f3238
}
.effect-hover.effect-julia img {
max-width: 100%;
height: auto;
-webkit-transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, transform 1s;
transition: opacity 1s, transform 1s, -webkit-transform 1s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.effect-hover.effect-julia h2 {
position: relative;
padding: .5em 0
}
.effect-hover.effect-julia p {
display: inline-block;
margin: 0 0 .25em;
padding: .4em 1em;
background: rgba(255, 255, 255, .9);
color: #2f3238;
text-transform: none;
font-weight: 500;
font-size: 75%;
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s;
-webkit-transform: translate3d(-1500px, 0, 0);
transform: translate3d(-1500px, 0, 0)
}
.effect-hover.effect-julia p:first-child {
-webkit-transition-delay: .15s;
transition-delay: .15s
}
.effect-hover.effect-julia p:nth-of-type(2) {
-webkit-transition-delay: .1s;
transition-delay: .1s
}
.effect-hover.effect-julia p:nth-of-type(3) {
-webkit-transition-delay: .05s;
transition-delay: .05s
}
.effect-hover.effect-julia:hover p:first-child {
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.effect-hover.effect-julia:hover p:nth-of-type(2) {
-webkit-transition-delay: .05s;
transition-delay: .05s
}
.effect-hover.effect-julia:hover p:nth-of-type(3) {
-webkit-transition-delay: .1s;
transition-delay: .1s
}
.effect-hover.effect-julia:hover img {
opacity: .4;
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1)
}
.effect-hover.effect-julia:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-julia.effect-xs h2 {
padding-top: 0
}
.effect-hover.effect-julia.effect-xs p {
padding: .3em .5em
}
.effect-hover.effect-kira {
background: #fff;
text-align: left
}
.effect-hover.effect-kira img {
-webkit-transition: opacity .35s;
transition: opacity .35s
}
.effect-hover.effect-kira figcaption,
.effect-hover.effect-steve figcaption {
z-index: 1
}
.effect-hover.effect-kira p {
padding: 1em .5em;
font-weight: 600;
line-height: 1.5;
color: #101010;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
.effect-hover.effect-kira p a {
margin: 0 .5em;
color: #101010
}
.effect-hover.effect-kira figcaption::before,
.effect-hover.effect-lexi img {
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-kira figcaption::before {
position: absolute;
top: 0;
right: 2em;
left: 2em;
z-index: -1;
height: 3.5em;
background: #fff;
content: '';
-webkit-transform: translate3d(0, 4em, 0) scale3d(1, .023, 1);
transform: translate3d(0, 4em, 0) scale3d(1, .023, 1);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0
}
.effect-hover.effect-kira:hover img {
opacity: .5
}
.effect-hover.effect-kira:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0)
}
.effect-hover.effect-kira:hover figcaption::before {
opacity: .7;
-webkit-transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
transform: translate3d(0, 5em, 0) scale3d(1, 1, 1)
}
.effect-hover.effect-kira.effect-sm figcaption:before {
left: 1em;
right: 1em;
height: 4em;
-webkit-transform: translate3d(0, 3em, 0) scale3d(1, .023, 1);
transform: translate3d(0, 3em, 0) scale3d(1, .023, 1)
}
.effect-hover.effect-kira.effect-sm:hover figcaption:before {
-webkit-transform: translate3d(0, 3em, 0) scale3d(1, 1, 1);
transform: translate3d(0, 3em, 0) scale3d(1, 1, 1)
}
.effect-hover.effect-kira.effect-xs p {
font-size: 62.5%
}
.effect-hover.effect-kira.effect-xs figcaption:before {
height: 5em;
-webkit-transform: translate3d(0, 3em, 0) scale3d(1, .023, 1);
transform: translate3d(0, 3em, 0) scale3d(1, .023, 1)
}
.effect-hover.effect-kira.effect-xs:hover figcaption:before {
-webkit-transform: translate3d(0, 4em, 0) scale3d(1, 1, 1);
transform: translate3d(0, 4em, 0) scale3d(1, 1, 1)
}
.effect-hover.effect-lexi {
background: linear-gradient(-45deg, #000 0%, #fff 100%)
}
.effect-hover.effect-lexi img {
margin: -10px 0 0 -10px;
max-width: none;
width: calc(100% + 10px);
opacity: .9;
-webkit-transform: translate3d(10px, 10px, 0);
transform: translate3d(10px, 10px, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.effect-hover.effect-kira p,
.effect-hover.effect-lexi p,
.effect-hover.effect-ming p {
opacity: 0;
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-lexi p {
position: absolute;
right: 0;
bottom: 0;
width: 140px;
text-align: right;
-webkit-transform: translate3d(20px, 20px, 0);
transform: translate3d(20px, 20px, 0);
padding: 0 1.5em 1.5em 0
}
.effect-hover.effect-lexi figcaption::before {
right: -100px;
bottom: -100px;
width: 300px;
height: 300px;
border: 2px solid #fff;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 900px rgba(255, 255, 255, .2);
box-shadow: 0 0 0 900px rgba(255, 255, 255, .2);
opacity: 0;
-webkit-transform: scale3d(.5, .5, 1);
transform: scale3d(.5, .5, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.effect-hover.effect-lexi:hover img {
opacity: .6;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-lexi h2,
.effect-hover.effect-ming h2 {
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-lexi h2 {
text-align: left;
-webkit-transform: translate3d(5px, 5px, 0);
transform: translate3d(5px, 5px, 0)
}
.effect-hover.effect-lexi:hover figcaption::before {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.effect-hover.effect-lexi:hover h2,
.effect-hover.effect-lexi:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-lexi.effect-xs p {
padding: 0 .5em .5em 0
}
.effect-hover.effect-lexi.effect-xs figcaption:before {
width: 270px;
height: 270px
}
.effect-hover.effect-ming {
background: #030c17
}
.effect-hover.effect-ming img {
opacity: .9;
-webkit-transition: opacity .35s;
transition: opacity .35s
}
.effect-hover.effect-lexi figcaption::before,
.effect-hover.effect-ming figcaption::before,
.effect-hover.effect-phoebe figcaption::before {
position: absolute;
content: '';
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-ming figcaption::before {
right: 30px;
bottom: 30px;
border: 2px solid #fff;
-webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, .2);
box-shadow: 0 0 0 30px rgba(255, 255, 255, .2);
opacity: 0;
top: 30px;
left: 30px;
-webkit-transform: scale3d(1.4, 1.4, 1);
transform: scale3d(1.4, 1.4, 1)
}
.effect-hover.effect-ming h2 {
margin: 20% 0 10px
}
.effect-hover.effect-ming p {
padding: 1em;
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
.effect-hover.effect-ming:hover h2 {
-webkit-transform: scale(.9);
transform: scale(.9)
}
.effect-hover.effect-ming:hover figcaption::before,
.effect-hover.effect-ming:hover p {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.effect-hover.effect-ming:hover figcaption {
background-color: transparent
}
.effect-hover.effect-ming:hover img {
opacity: .4
}
.effect-hover.effect-ming.effect-sm h2 {
margin: 15% 0 10px
}
.effect-hover.effect-ming.effect-sm p {
padding: 0
}
.effect-hover.effect-ming.effect-sm figcaption:before {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border-width: 1px
}
.effect-hover.effect-ming.effect-xs h2 {
margin: 10% 0 10px
}
.effect-hover.effect-moses {
background: linear-gradient(-45deg, #ec65b7 0%, #05e0d8 100%)
}
.effect-hover.effect-moses img,
.effect-hover.effect-phoebe img {
opacity: .85;
-webkit-transition: opacity .35s;
transition: opacity .35s
}
.effect-hover.effect-moses h2,
.effect-hover.effect-moses p {
width: 50%;
height: 50%;
min-height: 140px;
border: 2px solid #fff
}
.effect-hover.effect-moses h2 {
padding: 20px;
text-align: left;
-webkit-transform: translate3d(10px, 10px, 0);
transform: translate3d(10px, 10px, 0)
}
.effect-hover.effect-moses p,
.effect-hover.effect-phoebe p,
.effect-hover.effect-selena p {
opacity: 0;
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-moses p {
float: right;
padding: 20px;
text-align: right;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.effect-hover.effect-moses:hover h2,
.effect-hover.effect-moses:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-moses:hover p {
opacity: 1
}
.effect-hover.effect-moses:hover img,
.effect-hover.effect-phoebe:hover img {
opacity: .6
}
.effect-hover.effect-moses.effect-sm figcaption,
.effect-hover.effect-moses.effect-xs figcaption {
padding: .5em
}
.effect-hover.effect-moses.effect-sm h2,
.effect-hover.effect-moses.effect-sm p {
padding: 10px;
width: 60%;
min-height: 100px
}
.effect-hover.effect-moses.effect-sm p {
margin-top: 5px
}
.effect-hover.effect-moses.effect-xs h2 {
padding: 10px;
width: 80%;
min-height: 80px
}
.effect-hover.effect-moses.effect-xs p {
margin-top: 5px;
padding: 10px;
width: 80%;
font-size: 62.5%;
min-height: 80px
}
.effect-hover.effect-phoebe {
background: #675983
}
.effect-hover.effect-phoebe figcaption::before {
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//www.agh-coffrage.fr/wp-content/plugins/ultimate-hover-effects/assets/img/triangle2.svg) no-repeat center center;
background-size: 100% 100%;
-webkit-transform: scale3d(5, 2.5, 1);
transform: scale3d(5, 2.5, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.effect-hover.effect-moses h2,
.effect-hover.effect-phoebe h2,
.effect-hover.effect-selena h2 {
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-phoebe h2 {
margin-top: 1em;
-webkit-transition: transform .35s, color .35s;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0)
}
.effect-hover.effect-phoebe p,
.effect-hover.effect-selena p {
margin-top: 10px
}
.effect-hover.effect-phoebe p {
position: relative;
display: inline-block;
width: 50%;
color: #fff;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0)
}
.effect-hover.effect-phoebe:hover figcaption:before {
opacity: .6;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.effect-hover.effect-phoebe:hover h2,
.effect-hover.effect-phoebe:hover p,
.effect-hover.effect-selena:hover h2,
.effect-hover.effect-terry:hover figcaption::after,
.effect-hover.effect-terry:hover figcaption::before {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-phoebe:hover p {
opacity: 1
}
.effect-hover.effect-phoebe.effect-xs p {
width: 100%
}
.effect-hover.effect-selena {
background: #000
}
.effect-hover.effect-selena img,
.effect-hover.effect-steve img {
-webkit-transition: -webkit-transform .35s;
transition: transform .35s;
transition: transform .35s, -webkit-transform .35s
}
.effect-hover.effect-selena img {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: .95
}
.effect-hover.effect-selena:hover img {
-webkit-transform: scale3d(.95, .95, 1);
transform: scale3d(.95, .95, 1)
}
.effect-hover.effect-selena h2 {
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
.effect-hover.effect-selena p {
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%
}
.effect-hover.effect-selena:hover p {
opacity: 1;
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0);
transform: perspective(1000px) rotate3d(1, 0, 0, 0)
}
.effect-hover.effect-steve {
z-index: auto;
background: #000
}
.effect-hover.effect-steve h2:before,
.effect-hover.effect-steve:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: #000;
content: '';
-webkit-transition: opacity .35s;
transition: opacity .35s
}
.effect-hover.effect-steve:before {
-webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, .8);
box-shadow: 0 3px 30px rgba(0, 0, 0, .8);
opacity: 0
}
.effect-hover.effect-steve img {
opacity: 1;
-webkit-transform: perspective(1000px) translate3d(0, 0, 0);
transform: perspective(1000px) translate3d(0, 0, 0)
}
.effect-hover.effect-steve h2,
.effect-hover.effect-steve p {
background: #fff;
color: #2d434e
}
.effect-hover.effect-steve h2 {
position: relative;
margin-top: 2em;
padding: .25em
}
.effect-hover.effect-steve h2:before {
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .5);
box-shadow: 0 1px 10px rgba(0, 0, 0, .5)
}
.effect-hover.effect-steve p {
margin-top: 1em;
padding: .5em;
font-weight: 800;
opacity: 0;
-webkit-transform: scale3d(.9, .9, 1);
transform: scale3d(.9, .9, 1)
}
.effect-hover.effect-steve:hover img {
-webkit-transform: perspective(1000px) translate3d(0, 0, 21px);
transform: perspective(1000px) translate3d(0, 0, 21px)
}
.effect-hover.effect-steve:hover h2:before {
opacity: 0
}
.effect-hover.effect-steve:hover p {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.effect-hover.effect-steve.effect-sm h2 {
margin-top: 1em
}
.effect-hover.effect-steve.effect-xs h2 {
margin-top: .5em
}
.effect-hover.effect-terry {
background: #34495e
}
.effect-hover.effect-terry figcaption {
padding: 1em
}
.effect-hover.effect-terry figcaption::after,
.effect-hover.effect-terry figcaption::before {
position: absolute;
width: 200%;
height: 200%;
border-style: solid;
border-color: #101010;
content: '';
-webkit-transition: -webkit-transform .35s;
transition: transform .35s;
transition: transform .35s, -webkit-transform .35s
}
.effect-hover.effect-terry figcaption::before {
right: 0;
bottom: 0;
border-width: 0 15px 60px 0;
-webkit-transform: translate3d(15px, 60px, 0);
transform: translate3d(15px, 60px, 0)
}
.effect-hover.effect-terry figcaption::after {
top: 0;
left: 0;
border-width: 15px 0 0 15px;
-webkit-transform: translate3d(-15px, -15px, 0);
transform: translate3d(-15px, -15px, 0)
}
.effect-hover.effect-steve p,
.effect-hover.effect-terry img,
.effect-hover.effect-terry p {
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-terry p {
position: absolute;
bottom: 70px;
display: block;
clear: both;
text-align: left;
text-transform: none;
padding: 0 2em;
color: #fff;
font-size: 80%;
opacity: 0
}
.effect-hover.effect-terry img {
opacity: .85
}
.effect-hover.effect-terry h2 {
position: absolute;
bottom: 0;
left: 0;
padding: .4em 1em;
width: 100%;
text-align: left;
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s
}
.effect-hover.effect-terry p:focus,
.effect-hover.effect-terry p:hover {
color: #f3cf3f
}
.effect-hover.effect-terry:hover img,
.effect-hover.effect-winston:hover img {
opacity: .6
}
.effect-hover.effect-terry:hover p {
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
opacity: 1
}
.effect-hover.effect-terry.effect-sm figcaption:before {
border-width: 0 15px 50px 0
}
@media screen and (max-width: 920px) {
.effect-hover.effect-terry h2 {
padding: .75em 10px;
font-size: 120%
}
}
.effect-hover.effect-winston {
background: #162633;
text-align: left
}
.effect-hover.effect-winston img {
-webkit-transition: opacity .45s;
transition: opacity .45s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.effect-hover.effect-winston figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//www.agh-coffrage.fr/wp-content/plugins/ultimate-hover-effects/assets/img/triangle.svg) no-repeat center center;
background-size: 100% 100%;
content: '';
-webkit-transition: opacity .45s, -webkit-transform .45s;
transition: opacity .45s, transform .45s;
transition: opacity .45s, transform .45s, -webkit-transform .45s;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%
}
.effect-hover.effect-winston h2 {
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
.effect-hover.effect-winston p {
width: 40%;
color: #5d504f;
position: absolute;
right: 0;
bottom: 0;
padding: 0 1.5em 1.5em 0;
opacity: 0;
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0)
}
.effect-hover.effect-winston a {
margin: 0 10px;
color: #5d504f;
font-size: 170%
}
.effect-hover.effect-winston a:focus,
.effect-hover.effect-winston a:hover {
color: #cc6055
}
.effect-hover.effect-winston:hover h2,
.effect-hover.effect-winston:hover p {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-winston:hover figcaption::before {
opacity: .7;
-webkit-transform: rotate3d(0, 0, 1, 20deg);
transform: rotate3d(0, 0, 1, 20deg)
}
.effect-hover.effect-winston:hover p {
opacity: 1
}
.effect-hover.effect-winston.effect-sm p {
width: 50%;
padding: 0 .5em .5em 0;
font-size: 62.5%
}
.effect-hover.effect-winston.effect-sm:hover figcaption:before {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg)
}
a.ultimate-imsw-link,
a.ultimate-tilter {
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none
}
a.ultimate-imsw-link:focus,
a.ultimate-imsw-link:hover,
a.ultimate-tilter:focus,
a.ultimate-tilter:hover {
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none
}
.ultimate-tilter {
display: block;
position: relative;
margin: 0 auto 30px;
color: #fff;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-webkit-perspective: 1000px;
perspective: 1000px;
cursor: pointer;
font-size: 16px;
-webkit-box-shadow: none;
box-shadow: none;
overflow: hidden
}
.ultimate-tilter:after {
content: '';
display: block;
padding-bottom: 138.33333%
}
.ultimate-tilter * {
pointer-events: none
}
.ultimate-tilter:focus,
.ultimate-tilter:hover {
color: #fff;
outline: 0
}
.ultimate-tilter:not(href) {
cursor: default
}
.ultimate-tilter.effect-sm .ultimate-tilter__caption {
padding: 2.5em
}
.ultimate-tilter.effect-sm .ultimate-tilter__title {
font-size: 2em
}
.ultimate-tilter.effect-xs .ultimate-tilter__caption {
padding: 2em
}
.ultimate-tilter.effect-xs .ultimate-tilter__title {
font-size: 1.6em
}
.ultimate-tilter__caption,
.ultimate-tilter__deco,
.ultimate-tilter__figure {
will-change: transform
}
.ultimate-tilter__figure {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ultimate-tilter__figure>* {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.ultimate-tilter__figure:before {
content: '';
position: absolute;
width: 90%;
height: 90%;
top: 5%;
left: 5%;
-webkit-box-shadow: 0 30px 20px rgba(35, 32, 39, .5);
box-shadow: 0 30px 20px rgba(35, 32, 39, .5)
}
.ultimate-tilter__image {
position: absolute;
display: block;
margin: 0;
top: 50%;
left: 50%;
width: auto;
height: 100%;
max-width: initial;
max-height: initial;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.ultimate-smooth .ultimate-tilter__caption,
.ultimate-smooth .ultimate-tilter__deco--lines,
.ultimate-smooth .ultimate-tilter__deco--overlay,
.ultimate-smooth .ultimate-tilter__deco--shine div,
.ultimate-smooth .ultimate-tilter__figure {
-webkit-transition: -webkit-transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out
}
.ultimate-tilter__deco {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.ultimate-tilter__deco--overlay {
background-image: linear-gradient(45deg, rgba(226, 60, 99, .4), rgba(145, 58, 252, .4), rgba(16, 11, 192, .4))
}
.ultimate-tilter__deco--shine div {
position: absolute;
width: 200%;
height: 200%;
top: -50%;
left: -50%;
background-image: linear-gradient(45deg, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, .25) 50%, transparent 100%)
}
.ultimate-tilter__deco--lines {
fill: none;
stroke: #fff;
stroke-width: 1.5px
}
.ultimate-tilter__caption {
position: absolute;
bottom: 0;
width: 100%;
padding: 4em
}
.ultimate-tilter__title {
margin: 0;
font-weight: 400;
font-size: 2.5em;
line-height: 1
}
.ultimate-tilter__description {
margin: 1em 0 0;
font-size: .85em;
letter-spacing: .15em
}
.ultimate-tilter--1 .ultimate-tilter__figure::before {
-webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, .5);
box-shadow: 0 30px 20px rgba(0, 0, 0, .5)
}
.ultimate-tilter--2,
.ultimate-tilter--6 {
color: #2e27ad
}
.ultimate-tilter--2:focus,
.ultimate-tilter--2:hover {
color: #2e27ad
}
.ultimate-tilter--2 .ultimate-tilter__deco--overlay {
background-image: linear-gradient(45deg, rgba(245, 239, 40, .6), rgba(164, 22, 169, .6))
}
.ultimate-tilter--2 .ultimate-tilter__deco--lines {
stroke: #2e27ad;
stroke-width: 4px
}
.ultimate-tilter--3 .ultimate-tilter__deco--overlay {
background-image: linear-gradient(45deg, rgba(205, 81, 220, .6), rgba(41, 94, 230, .5))
}
.ultimate-tilter--3 .ultimate-tilter__caption {
padding: 2em;
text-align: right;
text-shadow: .1em .8em 1em rgba(0, 0, 0, .35)
}
.ultimate-tilter--4 .ultimate-tilter__deco--overlay {
background-image: linear-gradient(20deg, #d66428, rgba(46, 39, 173, .58), rgba(53, 74, 165, .6))
}
@media screen and (min-width: 30em) {
.ultimate-tilter--4 .ultimate-tilter__deco--lines {
-webkit-transform: scale3d(.8, .8, 1);
transform: scale3d(.8, .8, 1);
-webkit-transition: -webkit-transform .4s;
transition: transform .4s;
transition: transform .4s, -webkit-transform .4s
}
.ultimate-tilter--4:hover .ultimate-tilter__deco--lines {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.ultimate-tilter--4 .ultimate-tilter__description,
.ultimate-tilter--4 .ultimate-tilter__title {
-webkit-transform: translate3d(0, 80px, 0);
transform: translate3d(0, 80px, 0);
opacity: 0;
-webkit-transition: opacity .4s, -webkit-transform .4s;
transition: transform .4s, opacity .4s;
transition: transform .4s, opacity .4s, -webkit-transform .4s
}
.ultimate-tilter--4:hover .ultimate-tilter__description {
-webkit-transition-delay: .1s;
transition-delay: .1s
}
.ultimate-tilter--4:hover .ultimate-tilter__description,
.ultimate-tilter--4:hover .ultimate-tilter__title {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.ultimate-tilter--5 .ultimate-tilter__deco--lines path {
stroke-dasharray: 1270;
stroke-dashoffset: 1270;
-webkit-transition: stroke-dashoffset .7s;
transition: stroke-dashoffset .7s
}
.ultimate-tilter--5:hover .ultimate-tilter__deco--lines path {
stroke-dashoffset: 0
}
.ultimate-tilter--5 .ultimate-tilter__figure::before,
.ultimate-tilter--6 .ultimate-tilter__figure::before,
.ultimate-tilter--7 .ultimate-tilter__figure::before,
.ultimate-tilter--8 .ultimate-tilter__figure::before {
-webkit-box-shadow: none;
box-shadow: none
}
.ultimate-tilter--6:focus,
.ultimate-tilter--6:hover {
color: #2e27ad
}
.ultimate-tilter--6 .ultimate-tilter__deco--overlay {
background-image: linear-gradient(45deg, rgba(46, 39, 173, .2), rgba(255, 186, 59, .58))
}
.ultimate-tilter--6 .ultimate-tilter__deco--lines {
stroke: #2e27ad;
stroke-width: 4px
}
.ultimate-tilter--7 .ultimate-tilter__deco--overlay {
background-image: linear-gradient(45deg, rgba(93, 203, 106, .48), rgba(59, 239, 255, .58))
}
.ultimate-tilter--7 .ultimate-tilter__deco--lines {
stroke-width: 10px;
-webkit-transform: scale3d(.9, .9, 1);
transform: scale3d(.9, .9, 1);
opacity: 0;
-webkit-transition: opacity .3s, -webkit-transform .3s;
transition: transform .3s, opacity .3s;
transition: transform .3s, opacity .3s, -webkit-transform .3s
}
.ultimate-tilter--7:hover .ultimate-tilter__deco--lines {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
.ultimate-tilter--8 {
-webkit-perspective: none;
perspective: none
}
.ultimate-tilter--8 .ultimate-tilter__figure {
-webkit-transform-style: flat;
transform-style: flat
}
.ultimate-tilter--8 .ultimate-tilter__deco--lines {
stroke: #9255ae;
stroke-width: 6px;
mix-blend-mode: color-burn
}
.ultimate-tilter--8 .ultimate-tilter__caption {
color: #9255ae;
mix-blend-mode: color-burn
}
.effect-hover.effect-washington figcaption::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.effect-hover.effect-vanburen .effect-caption,
.effect-hover.effect-washington .effect-caption {
position: absolute;
height: auto;
top: 50%;
left: 1em;
right: 1em;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%)
}
.effect-hover.effect-washington h2,
.effect-hover.effect-washington p {
opacity: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.effect-hover.effect-washington h2 {
margin-bottom: 50px
}
.effect-hover.effect-vanburen figcaption::before,
.effect-hover.effect-washington p {
-webkit-transform-origin: 50% 100% 0;
transform-origin: 50% 100% 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.effect-hover.effect-washington p {
padding: 5px 10px;
-webkit-transform: rotate3d(1, 0, 0, 90deg) perspective(1000px);
transform: rotate3d(1, 0, 0, 90deg) perspective(1000px);
display: inline-block
}
.effect-hover.effect-washington:hover figcaption::before {
opacity: .65
}
.effect-hover.effect-washington:hover h2 {
opacity: 1;
margin-bottom: 5px
}
.effect-hover.effect-washington:hover p {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
.effect-hover.effect-vanburen figcaption::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #000;
opacity: 0;
transform: perspective(800px) rotateX(90deg);
-webkit-transform: perspective(800px) rotateX(90deg);
-webkit-transition: transform .2s ease, opacity .2s ease;
-webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
transition: transform .2s ease, opacity .2s ease;
transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease
}
.effect-hover.effect-vanburen h2,
.effect-hover.effect-vanburen p {
position: relative;
left: 50%;
opacity: 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.effect-hover.effect-vanburen h2 {
transform: translate(-100%) scale3d(0, 0, 0) perspective(900px) translateZ(-50px);
-webkit-transform: translate(-100%) scale3d(0, 0, 0) perspective(900px) translateZ(-50px);
margin-bottom: 7px;
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out
}
.effect-hover.effect-vanburen p {
text-align: center;
transform: translate(100%) scale3d(0, 0, 0) perspective(900px) translateZ(-50px);
-webkit-transform: translate(100%) scale3d(0, 0, 0) perspective(900px) translateZ(-50px);
-webkit-transition: all .35s ease-out;
transition: all .35s ease-out
}
.effect-hover.effect-vanburen:hover figcaption:before {
opacity: .85;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transition: transform .6s ease, opacity .6s ease;
-webkit-transition: opacity .6s ease, -webkit-transform .6s ease;
transition: transform .6s ease, opacity .6s ease;
transition: transform .6s ease, opacity .6s ease, -webkit-transform .6s ease
}
.effect-hover.effect-vanburen:hover h2,
.effect-hover.effect-vanburen:hover p {
left: 50%;
opacity: 1;
transform: translate(-50%) scale3d(1, 1, 1) perspective(900px) translateZ(0);
-webkit-transform: translate(-50%) scale3d(1, 1, 1) perspective(900px) translateZ(0)
}
.effect-hover.effect-jackson figcaption::before {
content: '';
z-index: 10;
display: block;
width: 20%;
height: 20%;
background-color: #000;
opacity: 0;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.effect-hover.effect-jackson .effect-caption {
z-index: 20;
position: absolute;
top: 50%;
left: 1em;
right: 1em;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.effect-hover.effect-jackson h2,
.effect-hover.effect-jackson p {
clear: both;
position: relative;
opacity: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.effect-hover.effect-jackson h2 {
margin-bottom: 10px;
left: -50%;
-webkit-transform: skewX(50deg);
transform: skewX(50deg)
}
.effect-hover.effect-jackson p {
left: 50%;
-webkit-transform: skewX(50deg);
transform: skewX(-50deg)
}
.effect-hover.effect-cobbles:hover img,
.effect-hover.effect-jackson:hover img {
opacity: 1
}
.effect-hover.effect-jackson:hover h2 {
left: 50%
}
.effect-hover.effect-jackson:hover h2,
.effect-hover.effect-jackson:hover p {
opacity: 1;
-webkit-transform: translate(-50%) skewX(0deg);
transform: translate(-50%) skewX(0deg)
}
.effect-hover.effect-jackson:hover figcaption::before {
width: 100%;
height: 100%;
opacity: .8
}
.effect-hover.effect-cobbles figcaption .effect-caption {
position: relative;
width: 100%;
height: 100%;
z-index: 1
}
.effect-hover.effect-cobbles .effect-caption:before,
.effect-hover.effect-cobbles figcaption:before {
content: '';
display: block;
position: absolute;
opacity: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.effect-hover.effect-cobbles figcaption:before {
left: 0;
bottom: 0;
right: 0;
visibility: visible;
top: 0;
background-color: #000
}
.effect-hover.effect-cobbles .effect-caption {
width: 100%;
height: 100%;
position: relative
}
.effect-hover.effect-cobbles .effect-caption:before {
top: 50%;
height: 4px;
width: 10%;
background-color: #fff;
-webkit-transform: translate(-50%, -50%) scale(1.5, 1.5);
transform: translate(-50%, -50%) scale(1.5, 1.5)
}
.effect-hover.effect-cobbles .effect-description,
.effect-hover.effect-cobbles .effect-heading {
position: absolute;
left: 0;
width: 100%;
opacity: 0;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.effect-hover.effect-cobbles .effect-heading {
bottom: 50%;
margin-bottom: 20px;
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0)
}
.effect-hover.effect-cobbles .effect-description {
top: 50%;
margin-top: 20px;
-webkit-transform: translate(-150%);
transform: translate(-150%)
}
.effect-hover.effect-cobbles:hover figcaption::before {
opacity: .8
}
.effect-hover.effect-cobbles:hover .effect-heading {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
.effect-hover.effect-cobbles:hover .effect-description {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1
}
.effect-hover.effect-cobbles:hover .effect-caption::before {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(1, 1);
transform: translate(-50%, -50%) scale(1, 1);
opacity: 1
}
.effect-hover.effect-madison {
background-color: #585c67
}
.effect-hover.effect-madison img {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
opacity: 1
}
.effect-hover.effect-adams .effect-caption,
.effect-hover.effect-madison .effect-caption {
position: relative;
top: 50%;
left: 50%;
transform: translate(50%, -50%);
-webkit-transform: translate(-50%, -50%)
}
.effect-hover.effect-madison h2,
.effect-hover.effect-madison p {
background-color: rgba(225, 225, 225, .15);
opacity: 0;
padding: 5px 10px;
-webkit-transition: all .5s ease-out .2s;
transition: all .5s ease-out .2s
}
.effect-hover.effect-madison h2 {
display: block;
margin-bottom: -40px
}
.effect-hover.effect-madison p {
display: inline-block;
text-align: center
}
.effect-hover.effect-madison:hover img {
-webkit-transform: perspective(400px) rotateX(-180deg);
transform: perspective(400px) rotateX(-180deg);
opacity: 0
}
.effect-hover.effect-madison:hover h2,
.effect-hover.effect-madison:hover p {
opacity: 1
}
.effect-hover.effect-madison:hover h2 {
margin-bottom: 10px
}
.effect-hover.effect-adams,
.effect-hover.effect-carter,
.effect-hover.effect-jefferson {
background-color: transparent
}
.effect-hover.effect-adams figcaption::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #89af72;
-webkit-transform: matrix3d(0, 0, 1, -.00083, 0, 1, 0, 0, -1, 0, 0, 0, 0, 0, 0, 1);
transform: matrix3d(0, 0, 1, -.00083, 0, 1, 0, 0, -1, 0, 0, 0, 0, 0, 0, 1);
-webkit-transform-style: flat;
transform-style: flat;
-webkit-transform-origin: 100% 50% 0;
transform-origin: 100% 50% 0;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.effect-hover.effect-adams img,
.effect-hover.effect-madison img {
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.effect-hover.effect-adams .effect-caption {
position: absolute;
height: auto;
width: 100%;
transform: translate(-50%, -50%)
}
.effect-hover.effect-adams h2,
.effect-hover.effect-adams p {
opacity: 0;
padding: 5px 10px;
background-color: rgba(255, 255, 255, .15);
z-index: 20;
-webkit-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.effect-hover.effect-adams h2 {
display: inline-block;
margin-bottom: 10px
}
.effect-hover.effect-adams p {
margin-left: 1em;
margin-right: 1em
}
.effect-hover.effect-adams:hover figcaption::before {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
.effect-hover.effect-adams:hover img {
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 0
}
.effect-hover.effect-adams img,
.effect-hover.effect-adams:hover h2,
.effect-hover.effect-adams:hover p {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1)
}
.effect-hover.effect-jefferson figcaption::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
background-color: #e33a0c;
-webkit-transform: perspective(500px) rotateY(180deg) translateZ(-20px);
transform: perspective(500px) rotateY(180deg) translateZ(-20px)
}
.effect-hover.effect-jefferson figcaption::before,
.effect-hover.effect-jefferson h2,
.effect-hover.effect-jefferson img,
.effect-hover.effect-jefferson p {
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.effect-hover.effect-carter .effect-caption,
.effect-hover.effect-jefferson .effect-caption {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%)
}
.effect-hover.effect-jefferson h2,
.effect-hover.effect-jefferson p {
opacity: 0;
-webkit-transform: scale3d(1.4, 1.4, 1.4) perspective(500px) translateZ(100px);
transform: scale3d(1.4, 1.4, 1.4) perspective(500px) translateZ(100px);
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out
}
.effect-hover.effect-jefferson h2 {
margin-bottom: 7px;
display: block
}
.effect-hover.effect-jefferson p {
display: inline-block;
padding: 5px;
background-color: rgba(225, 225, 225, .15)
}
.effect-hover.effect-jefferson img,
.effect-hover.effect-jefferson:hover figcaption::before {
opacity: 1;
-webkit-transform: perspective(500px) rotateY(0deg) translateZ(0);
transform: perspective(500px) rotateY(0deg) translateZ(0)
}
.effect-hover.effect-jefferson:hover img {
opacity: 0;
-webkit-transform: perspective(500px) rotateY(-180deg) translateZ(-20px);
transform: perspective(500px) rotateY(-180deg) translateZ(-20px)
}
.effect-hover.effect-jefferson:hover h2,
.effect-hover.effect-jefferson:hover p {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) perspective(500px) translateZ(0);
transform: scale3d(1, 1, 1) perspective(500px) translateZ(0)
}
.effect-hover.effect-jefferson:hover h2 {
-webkit-transition: all .3s ease-out .45s;
transition: all .3s ease-out .45s
}
.effect-hover.effect-jefferson:hover p {
-webkit-transition: all .4s ease-out .45s;
transition: all .4s ease-out .45s
}
.effect-hover.effect-carter img {
-webkit-transform-style: flat;
transform-style: flat;
-webkit-transform-origin: 100% 50% 0;
transform-origin: 100% 50% 0;
-webkit-transition: all .5s ease;
transition: all .5s ease;
-webkit-transform: perspective(500px) translateZ(0) translateX(0) rotateX(0) rotateY(0) rotateZ(0) scale3d(1, 1, 1);
transform: perspective(500px) translateZ(0) translateX(0) rotateX(0) rotateY(0) rotateZ(0) scale3d(1, 1, 1)
}
.effect-hover.effect-carter .effect-caption {
position: absolute;
width: 100%;
height: auto
}
.effect-hover.effect-carter h2,
.effect-hover.effect-carter p {
position: relative;
opacity: 0;
padding: 5px 10px;
background-color: #fff;
color: #000;
left: 50%;
-webkit-transform: translate(-200%) skew(-55deg);
transform: translate(-200%) skew(-55deg);
-webkit-transition: all .5s ease;
transition: all .5s ease;
text-align: left
}
.effect-hover.effect-carter h2 {
margin-bottom: 10px
}
.effect-hover.effect-carter:hover figcaption {
padding: 0
}
.effect-hover.effect-carter:hover img {
-webkit-transform: translateX(-20px) translateZ(-50px) perspective(1000px) rotateX(14deg) rotateY(-10deg) rotateZ(3deg) scale3d(.85, .85, .85);
transform: translateX(-20px) translateZ(-50px) perspective(1000px) rotateX(14deg) rotateY(-10deg) rotateZ(3deg) scale3d(.85, .85, .85)
}
.effect-hover.effect-carter:hover h2,
.effect-hover.effect-carter:hover p {
opacity: 1;
left: 0;
-webkit-transform: translate(0) skew(0);
transform: translate(0) skew(0)
}
.effect-hover.effect-carter:hover h2 {
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out
}
.effect-hover.effect-carter:hover p {
-webkit-transition: all .4s ease-out;
transition: all .4s ease-out
}
.effect-hover.effect-monroe img {
opacity: 1
}
.effect-hover.effect-brasilia figcaption .effect-caption,
.effect-hover.effect-camberra figcaption .effect-caption,
.effect-hover.effect-caracas figcaption .effect-caption,
.effect-hover.effect-malabo figcaption .effect-caption,
.effect-hover.effect-monroe figcaption .effect-caption,
.effect-hover.effect-oslo figcaption .effect-caption,
.effect-hover.effect-praia figcaption .effect-caption {
position: relative;
width: 100%;
height: 100%;
z-index: 1
}
.effect-hover.effect-monroe figcaption:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
visibility: visible;
background-color: #000;
opacity: .5;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.effect-hover.effect-monroe .effect-heading {
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 1;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.effect-hover.effect-monroe .effect-description {
position: absolute;
left: 0;
right: 0;
bottom: 15px;
z-index: 1
}
.effect-hover.effect-monroe .description,
.effect-hover.effect-monroe h2 {
padding: 0 1em;
-webkit-transform-origin: center bottom 0;
transform-origin: center bottom 0;
-webkit-transition: -webkit-transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease
}
.effect-hover.effect-monroe h2 {
display: inline-block;
padding: 7px 10px 5px;
background-color: rgba(255, 255, 255, .25);
-webkit-transform-style: flat;
transform-style: flat
}
.effect-hover.effect-monroe:hover figcaption:before {
opacity: 0;
visibility: hidden
}
.effect-hover.effect-monroe .description,
.effect-hover.effect-monroe:hover h2 {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1)
}
.effect-hover.effect-monroe:hover .description {
-webkit-transform: none;
transform: none
}
.effect-hover.effect-wilbert img {
-webkit-transition: -webkit-filter .3s ease;
transition: filter .3s ease;
transition: filter .3s ease, -webkit-filter .3s ease;
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.effect-hover.effect-wilbert figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, rgba(0, 0, 0, .8)));
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s
}
.effect-hover.effect-wilbert h2 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transition: color .35s, -webkit-transform .35s;
transition: transform .35s, color .35s;
transition: transform .35s, color .35s, -webkit-transform .35s;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.effect-hover.effect-wilbert p {
-webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s, color .35s;
transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s;
position: absolute;
bottom: 0;
left: 0;
padding: 2em!important;
width: 100%;
opacity: 0;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
text-align: center
}
.effect-hover.effect-wilbert:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%)
}
.effect-hover.effect-wilbert:hover h2 {
color: #fff;
-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0)
}
.effect-hover.effect-wilbert:hover figcaption::before,
.effect-hover.effect-wilbert:hover p {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.effect-hover.effect-praia figcaption:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
visibility: visible;
background-color: #000;
opacity: .6;
-webkit-transition: all .3s ease;
transition: all .3s ease;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .6)));
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .6) 100%)
}
.effect-hover.effect-brasilia h2,
.effect-hover.effect-oslo img,
.effect-hover.effect-praia h2,
.effect-hover.effect-praia img {
-webkit-transition: opacity .35s ease-out, -webkit-transform .3s ease;
transition: opacity .35s ease-out, transform .3s ease;
transition: opacity .35s ease-out, transform .3s ease, -webkit-transform .3s ease
}
.effect-hover.effect-praia .effect-description,
.effect-hover.effect-praia .effect-heading {
position: absolute;
bottom: 1em;
left: 0;
right: 0;
padding: 1em
}
.effect-hover.effect-praia .description {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: opacity .35s ease-out, -webkit-transform .3s ease;
transition: opacity .35s ease-out, transform .3s ease;
transition: opacity .35s ease-out, transform .3s ease, -webkit-transform .3s ease
}
.effect-hover.effect-praia:hover figcaption:before {
opacity: 0;
visibility: hidden
}
.effect-hover.effect-oslo:hover img,
.effect-hover.effect-praia:hover img {
-webkit-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03)
}
.effect-hover.effect-praia:hover h2 {
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
opacity: 0
}
.effect-hover.effect-praia:hover .description {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
.effect-hover.effect-brasilia .effect-heading {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 1em;
text-align: left
}
.effect-hover.effect-brasilia .effect-description {
position: absolute;
left: 0;
bottom: 0;
right: 0;
padding: 1em;
text-align: left
}
.effect-hover.effect-brasilia .description {
opacity: 0;
-webkit-transition: opacity .35s ease-out, .3s ease;
transition: opacity .35s ease-out, .3s ease
}
.effect-hover.effect-brasilia h2 {
-webkit-transform: translate3d(0, 22px, 0);
transform: translate3d(0, 22px, 0)
}
.effect-hover.effect-brasilia:hover .description,
.effect-hover.effect-brasilia:hover figcaption:before,
.effect-hover.effect-oslo:hover figcaption:before {
opacity: 1
}
.effect-hover.effect-brasilia:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
.effect-hover.effect-brasilia figcaption:before,
.effect-hover.effect-oslo figcaption:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
visibility: visible;
background-color: #000;
opacity: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
background-color: rgba(0, 0, 0, .6)
}
.effect-hover.effect-oslo .effect-caption {
position: absolute;
top: 50%;
left: 0;
right: 0;
padding: 1em;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.effect-hover.effect-oslo .description,
.effect-hover.effect-oslo h2 {
opacity: 0;
-webkit-transform: translateY(34px);
transform: translateY(34px);
-webkit-transition: opacity .35s ease-out, -webkit-transform .35s ease;
transition: opacity .35s ease-out, transform .35s ease;
transition: opacity .35s ease-out, transform .35s ease, -webkit-transform .35s ease
}
.effect-hover.effect-oslo h2 {
-webkit-transform: translateY(-34px);
transform: translateY(-34px)
}
.effect-hover.effect-malabo:hover h2,
.effect-hover.effect-oslo:hover .description,
.effect-hover.effect-oslo:hover h2 {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
.effect-hover.effect-caracas figcaption {
top: 100%;
height: auto;
bottom: auto;
padding: .8em;
min-height: 40px;
-webkit-transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease
}
.effect-hover.effect-caracas h2 {
line-height: 1
}
.effect-hover.effect-caracas .effect-description {
margin-top: .8em;
text-transform: initial
}
.effect-hover.effect-caracas:active img,
.effect-hover.effect-caracas:hover img {
-webkit-transform: translateY(-40px);
transform: translateY(-40px)
}
.effect-hover.effect-camberra:active img,
.effect-hover.effect-camberra:hover img,
.effect-hover.effect-caracas:active figcaption,
.effect-hover.effect-caracas:hover figcaption {
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%)
}
.effect-hover.effect-camberra figcaption {
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%)
}
.effect-hover.effect-camberra figcaption:before,
.effect-hover.effect-caracas figcaption:before,
.effect-hover.effect-malabo figcaption:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
visibility: visible;
opacity: 1;
-webkit-transition: all .3s ease;
transition: all .3s ease;
background-color: #292929
}
.effect-hover.effect-camberra figcaption,
.effect-hover.effect-camberra img {
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.effect-hover.effect-camberra .effect-caption {
position: absolute;
top: 50%;
left: 0;
right: 0;
padding: 1em;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.effect-hover.effect-camberra .effect-description {
text-transform: initial
}
.effect-hover.effect-camberra:active figcaption,
.effect-hover.effect-camberra:hover figcaption,
.effect-hover.effect-male:active figcaption,
.effect-hover.effect-male:hover figcaption {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
.effect-hover.effect-male {
background-color: transparent!important
}
.effect-hover.effect-male figcaption,
.effect-hover.effect-male img {
-webkit-transition: -webkit-transform .5s linear;
transition: transform .5s linear;
transition: transform .5s linear, -webkit-transform .5s linear
}
.effect-hover.effect-male figcaption {
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%)
}
.effect-hover.effect-male img {
-webkit-transform-origin: top;
transform-origin: top
}
.effect-hover.effect-male .effect-caption {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 1em;
-webkit-transform: perspective(550px) rotate3d(1, 0, 0, 90deg) translate3d(0, .0001%, 0);
transform: perspective(550px) rotate3d(1, 0, 0, 90deg) translate3d(0, .0001%, 0);
-webkit-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
background: #333;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.effect-hover.effect-male .effect-media {
-webkit-transition: all .5s linear;
transition: all .5s linear
}
.effect-hover.effect-male .effect-description {
text-transform: initial;
font-style: italic
}
.effect-hover.effect-male img,
.effect-hover.effect-male:active .effect-caption,
.effect-hover.effect-male:hover .effect-caption {
-webkit-transform: perspective(550px) rotate3d(1, 0, 0, 0deg) translate3d(0, .0001%, 0);
transform: perspective(550px) rotate3d(1, 0, 0, 0deg) translate3d(0, .0001%, 0)
}
.effect-hover.effect-male:active .effect-media,
.effect-hover.effect-male:hover .effect-media {
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%)
}
.effect-hover.effect-male:active img,
.effect-hover.effect-male:hover img {
-webkit-transform: perspective(550px) rotate3d(1, 0, 0, -90deg) translate3d(0, .0001%, 0);
transform: perspective(550px) rotate3d(1, 0, 0, -90deg) translate3d(0, .0001%, 0)
}
.effect-hover.effect-malabo figcaption:before {
background-color: #000;
opacity: 0;
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
-webkit-transform: matrix3d(.75, 0, 0, 0, 0, .75, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(.75, 0, 0, 0, 0, .75, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
background-color: rgba(0, 0, 0, .6)
}
.effect-hover.effect-malabo .effect-caption {
position: absolute;
top: 50%;
left: 0;
right: 0;
padding: 1em;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.effect-hover.effect-malabo .description,
.effect-hover.effect-malabo h2 {
opacity: 0;
-webkit-transform: translateY(34px);
transform: translateY(34px);
-webkit-transition: opacity .35s ease-out, -webkit-transform .35s ease;
transition: opacity .35s ease-out, transform .35s ease;
transition: opacity .35s ease-out, transform .35s ease, -webkit-transform .35s ease
}
.effect-hover.effect-malabo h2 {
-webkit-transform: translateY(-34px);
transform: translateY(-34px)
}
.effect-hover.effect-malabo:hover figcaption:before {
opacity: 1;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
.effect-hover.effect-malabo:hover .description {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
.ultimate-imsw-wapper {
margin-bottom: 30px
}
.ultimate-imsw,
.ultimate-imsw .imsw-af-img,
.ultimate-imsw .imsw-bf-img {
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.ultimate-imsw .imsw-af-img,
.ultimate-imsw .imsw-bf-img {
width: 100%
}
.ultimate-imsw,
.ultimate-imsw .imsw-bf-img {
position: relative;
height: auto
}
.ultimate-imsw .imsw-af-img {
position: absolute;
height: 100%;
background-repeat: no-repeat;
background-size: 100% 100%
}
.ultimate-imsw[data-hover-style=fade] .imsw-af-img {
top: 0;
left: 0;
opacity: 0;
position: absolute
}
.ultimate-imsw[data-hover-style=fade]:hover .imsw-af-img {
opacity: 1;
z-index: 9
}
.ultimate-imsw[data-hover-style=slide-downward],
.ultimate-imsw[data-hover-style=slide-leftward],
.ultimate-imsw[data-hover-style=slide-rightward],
.ultimate-imsw[data-hover-style=slide-upward] {
overflow: hidden
}
.ultimate-imsw[data-hover-style=slide-rightward] .imsw-af-img {
position: absolute;
top: 0;
left: -100%
}
.ultimate-imsw[data-hover-style=slide-rightward]:hover .imsw-bf-img {
margin-left: 100%
}
.ultimate-imsw[data-hover-style=slide-rightward]:hover .imsw-af-img {
left: 0
}
.ultimate-imsw[data-hover-style=slide-leftward] .imsw-af-img {
position: absolute;
top: 0;
right: -100%
}
.ultimate-imsw[data-hover-style=slide-leftward]:hover .imsw-bf-img {
margin-left: -100%
}
.ultimate-imsw[data-hover-style=slide-leftward]:hover .imsw-af-img {
right: 0
}
.ultimate-imsw[data-hover-style=slide-downward] .imsw-af-img {
position: absolute;
top: -100%;
left: 0
}
.ultimate-imsw[data-hover-style=slide-downward]:hover .imsw-af-img,
.ultimate-imsw[data-hover-style=slide-upward]:hover .imsw-af-img {
top: 0
}
.ultimate-imsw[data-hover-style=slide-upward] .imsw-af-img,
.tilt {
position: absolute;
top: 100%;
left: 0
}
.ultimate-imsw-shadow:hover {
-webkit-box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .5);
box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .5)
}
.tilt {
overflow: hidden;
top: 0;
width: 100%;
height: 100%;
margin: 0 auto
}
.tilt .tilt__back,
.tilt .tilt__front {
width: 100%;
height: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.tilt .tilt__back {
position: relative
}
.tilt .tilt__front {
position: absolute;
top: 0;
left: 0
}
.ultimate-image-tilt,
.ultimate-image-tilt.ratio11,
.ultimate-image-tilt.ratio12,
.ultimate-image-tilt.ratio169,
.ultimate-image-tilt.ratio21,
.ultimate-image-tilt.ratio32,
.ultimate-image-tilt.ratio34,
.ultimate-image-tilt.ratio43 {
overflow: hidden;
position: relative
}
.ultimate-image-tilt:after {
content: '';
display: block;
padding-bottom: 66.66667%
}
.ultimate-image-tilt.ratio43:after {
content: '';
display: block;
padding-bottom: 75%
}
.ultimate-image-tilt.ratio11:after {
content: '';
display: block;
padding-bottom: 100%
}
.ultimate-image-tilt.ratio169:after {
content: '';
display: block;
padding-bottom: 56.25%
}
.ultimate-image-tilt.ratio32:after {
content: '';
display: block;
padding-bottom: 66.66667%
}
.ultimate-image-tilt.ratio21:after {
content: '';
display: block;
padding-bottom: 50%
}
.ultimate-image-tilt.ratio12:after {
content: '';
display: block;
padding-bottom: 200%
}
.ultimate-image-tilt.ratio34:after {
content: '';
display: block;
padding-bottom: 133.33333%
}
.ultimate-image-tilt img {
display: block
}
.ultimate-image-tilt.ultimate-image-tilt--border,
.ultimate-image-tilt.ultimate-image-tilt--border .tilt {
overflow: visible
}.ih-item {
position: relative;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ih-item a {
color: #333;
}
.ih-item a:hover {
text-decoration: none;
}
.ih-item img {
width: 100%;
height: 100%;
}
.ih-item.circle {
position: relative;
width: 220px;
height: 220px;
border-radius: 50%;
}
.ih-item.circle .img {
position: relative;
width: 220px;
height: 220px;
border-radius: 50%;
}
.ih-item.circle .img:before {
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle .img img {
border-radius: 50%;
}
.ih-item.circle .info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
border-radius: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ih-item.square {
position: relative;
width: 316px;
height: 216px;
border: 8px solid #fff;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.ih-item.square .info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ih-item.circle.effect1 .spinner {
width: 230px;
height: 230px;
border: 10px solid #ecab18;
border-right-color: #1ad280;
border-bottom-color: #1ad280;
border-radius: 50%;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.ih-item.circle.effect1 .img {
position: absolute;
top: 10px;
bottom: 0;
left: 10px;
right: 0;
width: auto;
height: auto;
}
.ih-item.circle.effect1 .img:before {
display: none;
}
.ih-item.circle.effect1.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect1 .info {
top: 10px;
bottom: 0;
left: 10px;
right: 0;
background: #333333;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.ih-item.circle.effect1 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect1 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect1 a:hover .spinner {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.ih-item.circle.effect1 a:hover .info {
opacity: 1;
}
.ih-item.circle.effect2 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect2.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect2 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect2 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect2 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect2.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect2.left_to_right a:hover .img {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.ih-item.circle.effect2.left_to_right a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect2.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect2.right_to_left a:hover .img {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.ih-item.circle.effect2.right_to_left a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect2.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect2.top_to_bottom a:hover .img {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.ih-item.circle.effect2.top_to_bottom a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect2.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect2.bottom_to_top a:hover .img {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.ih-item.circle.effect2.bottom_to_top a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect3 .img {
z-index: 11;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect3.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect3 .info {
background: #333333;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect3 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect3 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect3.left_to_right .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
}
.ih-item.circle.effect3.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect3.left_to_right a:hover .img {
-webkit-transform: scale(0.5) translateX(100%);
-moz-transform: scale(0.5) translateX(100%);
-ms-transform: scale(0.5) translateX(100%);
-o-transform: scale(0.5) translateX(100%);
transform: scale(0.5) translateX(100%);
}
.ih-item.circle.effect3.left_to_right a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect3.right_to_left .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
}
.ih-item.circle.effect3.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect3.right_to_left a:hover .img {
-webkit-transform: scale(0.5) translateX(-100%);
-moz-transform: scale(0.5) translateX(-100%);
-ms-transform: scale(0.5) translateX(-100%);
-o-transform: scale(0.5) translateX(-100%);
transform: scale(0.5) translateX(-100%);
}
.ih-item.circle.effect3.right_to_left a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect3.top_to_bottom .img {
-webkit-transform: scale(1) translateY(0);
-moz-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
-o-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.ih-item.circle.effect3.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect3.top_to_bottom a:hover .img {
-webkit-transform: scale(0.5) translateY(100%);
-moz-transform: scale(0.5) translateY(100%);
-ms-transform: scale(0.5) translateY(100%);
-o-transform: scale(0.5) translateY(100%);
transform: scale(0.5) translateY(100%);
}
.ih-item.circle.effect3.top_to_bottom a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect3.bottom_to_top .img {
-webkit-transform: scale(1) translateY(0);
-moz-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
-o-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.ih-item.circle.effect3.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect3.bottom_to_top a:hover .img {
-webkit-transform: scale(0.5) translateY(-100%);
-moz-transform: scale(0.5) translateY(-100%);
-ms-transform: scale(0.5) translateY(-100%);
-o-transform: scale(0.5) translateY(-100%);
transform: scale(0.5) translateY(-100%);
}
.ih-item.circle.effect3.bottom_to_top a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect4 .img {
opacity: 1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.ih-item.circle.effect4.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect4 .info {
background: #333333;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.ih-item.circle.effect4 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect4 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect4 a:hover .img {
opacity: 0;
pointer-events: none;
}
.ih-item.circle.effect4 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.circle.effect4.left_to_right .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect4.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect4.left_to_right a:hover .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect4.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect4.right_to_left .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect4.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect4.right_to_left a:hover .img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect4.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect4.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect4.top_to_bottom .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect4.top_to_bottom a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect4.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect4.bottom_to_top .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect4.bottom_to_top .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect4.bottom_to_top a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect4.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect5 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.circle.effect5.colored .info .info-back {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect5 .info {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ih-item.circle.effect5 .info .info-back {
visibility: hidden;
border-radius: 50%;
width: 100%;
height: 100%;
background: #333333;
background: rgba(0, 0, 0, 0.6);
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ih-item.circle.effect5 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect5 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect5 a:hover .info {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg);
}
.ih-item.circle.effect5 a:hover .info .info-back {
visibility: visible;
}
.ih-item.circle.effect6 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect6.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect6 .info {
background: #333333;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect6 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect6 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect6.scale_up .info {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.circle.effect6.scale_up a:hover .img {
opacity: 0;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.ih-item.circle.effect6.scale_up a:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect6.scale_down .info {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.ih-item.circle.effect6.scale_down a:hover .img {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.circle.effect6.scale_down a:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect6.scale_down_up .info {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.35s ease-in-out 0.2s;
-moz-transition: all 0.35s ease-in-out 0.2s;
transition: all 0.35s ease-in-out 0.2s;
}
.ih-item.circle.effect6.scale_down_up a:hover .img {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.circle.effect6.scale_down_up a:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect7 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.ih-item.circle.effect7.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect7 .info {
background: #333333;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.35s ease 0.2s;
-moz-transition: all 0.35s ease 0.2s;
transition: all 0.35s ease 0.2s;
}
.ih-item.circle.effect7 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect7 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect7 a:hover .img {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.circle.effect7 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.circle.effect7.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect7.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect7.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect7.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect7.top_to_bottom .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect7.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect7.bottom_to_top .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect7.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect8.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect8 .img-container {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ih-item.circle.effect8 .img-container .img {
opacity: 1;
-webkit-transition: all 0.3s ease-in-out 0.3s;
-moz-transition: all 0.3s ease-in-out 0.3s;
transition: all 0.3s ease-in-out 0.3s;
}
.ih-item.circle.effect8 .info-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
border-radius: 50%;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.3s ease-in-out 0.3s;
-moz-transition: all 0.3s ease-in-out 0.3s;
transition: all 0.3s ease-in-out 0.3s;
}
.ih-item.circle.effect8 .info {
width: 100%;
height: 100%;
background: #333333;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.35s ease-in-out 0.6s;
-moz-transition: all 0.35s ease-in-out 0.6s;
transition: all 0.35s ease-in-out 0.6s;
}
.ih-item.circle.effect8 .info h3 {
color: #fff;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 45px 0 0 0;
height: 140px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect8 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect8 a:hover .img-container {
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.circle.effect8 a:hover .img-container .img {
opacity: 0;
pointer-events: none;
}
.ih-item.circle.effect8 a:hover .info-container {
opacity: 1;
}
.ih-item.circle.effect8 a:hover .info-container .info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect8.left_to_right .img-container .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect8.left_to_right .info-container {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect8.left_to_right a:hover .img-container .img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect8.left_to_right a:hover .info-container {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect8.right_to_left .img-container .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect8.right_to_left .info-container {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect8.right_to_left a:hover .img-container .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect8.right_to_left a:hover .info-container {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect8.top_to_bottom .img-container .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect8.top_to_bottom .info-container {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect8.top_to_bottom a:hover .img-container .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect8.top_to_bottom a:hover .info-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect8.bottom_to_top .img-container .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect8.bottom_to_top .info-container {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect8.bottom_to_top a:hover .img-container .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect8.bottom_to_top a:hover .info-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect9 .img {
opacity: 1;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.ih-item.circle.effect9.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect9 .info {
background: #333333;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.35s ease 0.2s;
-moz-transition: all 0.35s ease 0.2s;
transition: all 0.35s ease 0.2s;
}
.ih-item.circle.effect9 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect9 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect9 a:hover .img {
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.circle.effect9 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect9.left_to_right .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
}
.ih-item.circle.effect9.left_to_right a:hover .img {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg);
}
.ih-item.circle.effect9.right_to_left .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
}
.ih-item.circle.effect9.right_to_left a:hover .img {
-webkit-transform: translateX(-100%) rotate(-180deg);
-moz-transform: translateX(-100%) rotate(-180deg);
-ms-transform: translateX(-100%) rotate(-180deg);
-o-transform: translateX(-100%) rotate(-180deg);
transform: translateX(-100%) rotate(-180deg);
}
.ih-item.circle.effect9.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect9.top_to_bottom a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect9.bottom_to_top .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect9.bottom_to_top a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect10 .img {
z-index: 11;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect10.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect10 .info {
background: #333333;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect10 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect10 .info p {
color: #bbb;
font-style: italic;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect10 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect10.top_to_bottom .info h3 {
margin: 0 30px;
padding: 25px 0 0 0;
height: 78px;
}
.ih-item.circle.effect10.top_to_bottom .info p {
margin: 0 30px;
padding: 5px;
}
.ih-item.circle.effect10.top_to_bottom a:hover .img {
-webkit-transform: translateY(50px) scale(0.5);
-moz-transform: translateY(50px) scale(0.5);
-ms-transform: translateY(50px) scale(0.5);
-o-transform: translateY(50px) scale(0.5);
transform: translateY(50px) scale(0.5);
}
.ih-item.circle.effect10.bottom_to_top .info h3 {
margin: 95px 30px 0;
padding: 25px 0 0 0;
height: 78px;
}
.ih-item.circle.effect10.bottom_to_top .info p {
margin: 0 30px;
padding: 5px;
}
.ih-item.circle.effect10.bottom_to_top a:hover .img {
-webkit-transform: translateY(-50px) scale(0.5);
-moz-transform: translateY(-50px) scale(0.5);
-ms-transform: translateY(-50px) scale(0.5);
-o-transform: translateY(-50px) scale(0.5);
transform: translateY(-50px) scale(0.5);
}
.ih-item.circle.effect11 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.circle.effect11 .img {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect11.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect11 .info {
background: #333333;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.35s ease 0.35s;
-moz-transition: all 0.35s ease 0.35s;
transition: all 0.35s ease 0.35s;
}
.ih-item.circle.effect11 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect11 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect11 a:hover .img {
opacity: 0;
}
.ih-item.circle.effect11 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.circle.effect11.left_to_right .img {
-webkit-transform: translateZ(0) rotateY(0);
-moz-transform: translateZ(0) rotateY(0);
-ms-transform: translateZ(0) rotateY(0);
-o-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0);
}
.ih-item.circle.effect11.left_to_right .info {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
-moz-transform: translateZ(-1000px) rotateY(-90deg);
-ms-transform: translateZ(-1000px) rotateY(-90deg);
-o-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
}
.ih-item.circle.effect11.left_to_right a:hover .img {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
-moz-transform: translateZ(-1000px) rotateY(90deg);
-ms-transform: translateZ(-1000px) rotateY(90deg);
-o-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
}
.ih-item.circle.effect11.left_to_right a:hover .info {
-webkit-transform: translateZ(0) rotateY(0);
-moz-transform: translateZ(0) rotateY(0);
-ms-transform: translateZ(0) rotateY(0);
-o-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0);
}
.ih-item.circle.effect11.right_to_left .img {
-webkit-transform: translateZ(0) rotateY(0);
-moz-transform: translateZ(0) rotateY(0);
-ms-transform: translateZ(0) rotateY(0);
-o-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0);
}
.ih-item.circle.effect11.right_to_left .info {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
-moz-transform: translateZ(-1000px) rotateY(90deg);
-ms-transform: translateZ(-1000px) rotateY(90deg);
-o-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
}
.ih-item.circle.effect11.right_to_left a:hover .img {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
-moz-transform: translateZ(-1000px) rotateY(-90deg);
-ms-transform: translateZ(-1000px) rotateY(-90deg);
-o-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
}
.ih-item.circle.effect11.right_to_left a:hover .info {
-webkit-transform: translateZ(0) rotateY(0);
-moz-transform: translateZ(0) rotateY(0);
-ms-transform: translateZ(0) rotateY(0);
-o-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0);
}
.ih-item.circle.effect11.top_to_bottom .img {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0);
}
.ih-item.circle.effect11.top_to_bottom .info {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
-moz-transform: translateZ(-1000px) rotateX(90deg);
-ms-transform: translateZ(-1000px) rotateX(90deg);
-o-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
}
.ih-item.circle.effect11.top_to_bottom a:hover .img {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
-moz-transform: translateZ(-1000px) rotateX(-90deg);
-ms-transform: translateZ(-1000px) rotateX(-90deg);
-o-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
}
.ih-item.circle.effect11.top_to_bottom a:hover .info {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0);
}
.ih-item.circle.effect11.bottom_to_top .img {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0);
}
.ih-item.circle.effect11.bottom_to_top .info {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
-moz-transform: translateZ(-1000px) rotateX(-90deg);
-ms-transform: translateZ(-1000px) rotateX(-90deg);
-o-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
}
.ih-item.circle.effect11.bottom_to_top a:hover .img {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
-moz-transform: translateZ(-1000px) rotateX(90deg);
-ms-transform: translateZ(-1000px) rotateX(90deg);
-o-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
}
.ih-item.circle.effect11.bottom_to_top a:hover .info {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0);
}
.ih-item.circle.effect12 .img {
opacity: 1;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect12.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect12 .info {
background: #333333;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect12 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect12 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect12 a:hover .img {
opacity: 0;
pointer-events: none;
}
.ih-item.circle.effect12 a:hover .info {
opacity: 1;
visibility: visible;
}
.ih-item.circle.effect12.left_to_right .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
}
.ih-item.circle.effect12.left_to_right .info {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg);
}
.ih-item.circle.effect12.left_to_right a:hover .img {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg);
}
.ih-item.circle.effect12.left_to_right a:hover .info {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ih-item.circle.effect12.right_to_left .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
}
.ih-item.circle.effect12.right_to_left .info {
-webkit-transform: translateX(-100%) rotate(-180deg);
-moz-transform: translateX(-100%) rotate(-180deg);
-ms-transform: translateX(-100%) rotate(-180deg);
-o-transform: translateX(-100%) rotate(-180deg);
transform: translateX(-100%) rotate(-180deg);
}
.ih-item.circle.effect12.right_to_left a:hover .img {
-webkit-transform: translateX(-100%) rotate(-180deg);
-moz-transform: translateX(-100%) rotate(-180deg);
-ms-transform: translateX(-100%) rotate(-180deg);
-o-transform: translateX(-100%) rotate(-180deg);
transform: translateX(-100%) rotate(-180deg);
}
.ih-item.circle.effect12.right_to_left a:hover .info {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ih-item.circle.effect12.top_to_bottom .img {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
.ih-item.circle.effect12.top_to_bottom .info {
-webkit-transform: translateY(-100%) rotate(-180deg);
-moz-transform: translateY(-100%) rotate(-180deg);
-ms-transform: translateY(-100%) rotate(-180deg);
-o-transform: translateY(-100%) rotate(-180deg);
transform: translateY(-100%) rotate(-180deg);
}
.ih-item.circle.effect12.top_to_bottom a:hover .img {
-webkit-transform: translateY(-100%) rotate(-180deg);
-moz-transform: translateY(-100%) rotate(-180deg);
-ms-transform: translateY(-100%) rotate(-180deg);
-o-transform: translateY(-100%) rotate(-180deg);
transform: translateY(-100%) rotate(-180deg);
}
.ih-item.circle.effect12.top_to_bottom a:hover .info {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ih-item.circle.effect12.bottom_to_top .img {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
.ih-item.circle.effect12.bottom_to_top .info {
-webkit-transform: translateY(100%) rotate(180deg);
-moz-transform: translateY(100%) rotate(180deg);
-ms-transform: translateY(100%) rotate(180deg);
-o-transform: translateY(100%) rotate(180deg);
transform: translateY(100%) rotate(180deg);
}
.ih-item.circle.effect12.bottom_to_top a:hover .img {
-webkit-transform: translateY(100%) rotate(180deg);
-moz-transform: translateY(100%) rotate(180deg);
-ms-transform: translateY(100%) rotate(180deg);
-o-transform: translateY(100%) rotate(180deg);
transform: translateY(100%) rotate(180deg);
}
.ih-item.circle.effect12.bottom_to_top a:hover .info {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ih-item.circle.effect13.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect13 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect13 .info h3 {
visibility: hidden;
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect13 .info p {
visibility: hidden;
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect13 a:hover .info {
opacity: 1;
}
.ih-item.circle.effect13 a:hover h3 {
visibility: visible;
}
.ih-item.circle.effect13 a:hover p {
visibility: visible;
}
.ih-item.circle.effect13.from_left_and_right .info h3 {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.circle.effect13.from_left_and_right .info p {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.circle.effect13.from_left_and_right a:hover h3 {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect13.from_left_and_right a:hover p {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.circle.effect13.top_to_bottom .info h3 {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect13.top_to_bottom .info p {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.circle.effect13.top_to_bottom a:hover h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect13.top_to_bottom a:hover p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect13.bottom_to_top .info h3 {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect13.bottom_to_top .info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.circle.effect13.bottom_to_top a:hover h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect13.bottom_to_top a:hover p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.circle.effect14 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.circle.effect14 .img {
visibility: visible;
opacity: 1;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.ih-item.circle.effect14.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect14 .info {
background: #333333;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.35s ease-in-out 0.3s;
-moz-transition: all 0.35s ease-in-out 0.3s;
transition: all 0.35s ease-in-out 0.3s;
}
.ih-item.circle.effect14 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect14 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect14 a:hover .img {
opacity: 0;
visibility: hidden;
}
.ih-item.circle.effect14 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.circle.effect14.left_to_right .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ih-item.circle.effect14.left_to_right .info {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ih-item.circle.effect14.left_to_right a:hover .img {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.ih-item.circle.effect14.left_to_right a:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.ih-item.circle.effect14.right_to_left .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ih-item.circle.effect14.right_to_left .info {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ih-item.circle.effect14.right_to_left a:hover .img {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.ih-item.circle.effect14.right_to_left a:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.ih-item.circle.effect14.top_to_bottom .img {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.ih-item.circle.effect14.top_to_bottom .info {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.ih-item.circle.effect14.top_to_bottom a:hover .img {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
}
.ih-item.circle.effect14.top_to_bottom a:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.ih-item.circle.effect14.bottom_to_top .img {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.ih-item.circle.effect14.bottom_to_top .info {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.ih-item.circle.effect14.bottom_to_top a:hover .img {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.ih-item.circle.effect14.bottom_to_top a:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.ih-item.circle.effect15 .img {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect15.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect15 .info {
background: #333333;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.5) rotate(-720deg);
-moz-transform: scale(0.5) rotate(-720deg);
-ms-transform: scale(0.5) rotate(-720deg);
-o-transform: scale(0.5) rotate(-720deg);
transform: scale(0.5) rotate(-720deg);
-webkit-transition: all 0.35s ease-in-out 0.3s;
-moz-transition: all 0.35s ease-in-out 0.3s;
transition: all 0.35s ease-in-out 0.3s;
}
.ih-item.circle.effect15 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect15 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect15 a:hover .img {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.5) rotate(720deg);
-moz-transform: scale(0.5) rotate(720deg);
-ms-transform: scale(0.5) rotate(720deg);
-o-transform: scale(0.5) rotate(720deg);
transform: scale(0.5) rotate(720deg);
}
.ih-item.circle.effect15 a:hover .info {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
.ih-item.circle.effect16 .img {
z-index: 11;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect16.colored .info {
background: #1a4a72;
}
.ih-item.circle.effect16 .info {
background: #333333;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect16 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect16 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect16.left_to_right .img {
-webkit-transform-origin: 95% 40%;
-moz-transform-origin: 95% 40%;
-ms-transform-origin: 95% 40%;
-o-transform-origin: 95% 40%;
transform-origin: 95% 40%;
}
.ih-item.circle.effect16.left_to_right .img:after {
content: '';
width: 8px;
height: 8px;
position: absolute;
border-radius: 50%;
top: 40%;
left: 95%;
margin: -4px 0 0 -4px;
background: rgba(0, 0, 0, 0.8);
box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}
.ih-item.circle.effect16.left_to_right a:hover .img {
-webkit-transform: rotate(-120deg);
-moz-transform: rotate(-120deg);
-ms-transform: rotate(-120deg);
-o-transform: rotate(-120deg);
transform: rotate(-120deg);
}
.ih-item.circle.effect16.right_to_left .img {
-webkit-transform-origin: 5% 40%;
-moz-transform-origin: 5% 40%;
-ms-transform-origin: 5% 40%;
-o-transform-origin: 5% 40%;
transform-origin: 5% 40%;
}
.ih-item.circle.effect16.right_to_left .img:after {
content: '';
width: 8px;
height: 8px;
position: absolute;
border-radius: 50%;
top: 40%;
left: 5%;
margin: -4px 0 0 -4px;
background: rgba(0, 0, 0, 0.8);
box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}
.ih-item.circle.effect16.right_to_left a:hover .img {
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg);
}
.ih-item.circle.effect17 .info {
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect17 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect17 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect17 a:hover .img:before {
box-shadow: inset 0 0 0 110px #333333, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 110px rgba(0, 0, 0, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.ih-item.circle.effect17 a:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect17 a:hover .info p {
opacity: 1;
}
.ih-item.circle.effect17.colored a:hover .img:before {
box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 110px rgba(26, 74, 114, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.ih-item.circle.effect18 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.circle.effect18 .img {
z-index: 11;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.ih-item.circle.effect18.colored .info .info-back {
background: #1a4a72;
}
.ih-item.circle.effect18 .info {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ih-item.circle.effect18 .info .info-back {
opacity: 1;
border-radius: 50%;
width: 100%;
height: 100%;
background: #333333;
}
.ih-item.circle.effect18 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect18 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect18.bottom_to_top .img {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.ih-item.circle.effect18.bottom_to_top a:hover .img {
-webkit-transform: rotate3d(1, 0, 0, 180deg);
-moz-transform: rotate3d(1, 0, 0, 180deg);
-ms-transform: rotate3d(1, 0, 0, 180deg);
-o-transform: rotate3d(1, 0, 0, 180deg);
transform: rotate3d(1, 0, 0, 180deg);
}
.ih-item.circle.effect18.top_to_bottom .img {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.ih-item.circle.effect18.top_to_bottom a:hover .img {
-webkit-transform: rotate3d(1, 0, 0, -180deg);
-moz-transform: rotate3d(1, 0, 0, -180deg);
-ms-transform: rotate3d(1, 0, 0, -180deg);
-o-transform: rotate3d(1, 0, 0, -180deg);
transform: rotate3d(1, 0, 0, -180deg);
}
.ih-item.circle.effect18.left_to_right .img {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ih-item.circle.effect18.left_to_right a:hover .img {
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg);
}
.ih-item.circle.effect18.right_to_left .img {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ih-item.circle.effect18.right_to_left a:hover .img {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg);
}
.ih-item.circle.effect19.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect19 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect19 .info h3 {
color: #fff;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 45px 0 0 0;
height: 140px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect19 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect19 a:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.circle.effect20 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.circle.effect20 .img {
-webkit-transition: all 0.35s linear;
-moz-transition: all 0.35s linear;
transition: all 0.35s linear;
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.ih-item.circle.effect20.colored .info .info-back {
background: #1a4a72;
}
.ih-item.circle.effect20 .info {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ih-item.circle.effect20 .info .info-back {
opacity: 1;
visibility: hidden;
border-radius: 50%;
width: 100%;
height: 100%;
background: #333333;
-webkit-transition: all 0.35s linear;
-moz-transition: all 0.35s linear;
transition: all 0.35s linear;
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ih-item.circle.effect20 .info h3 {
color: #fff;
position: relative;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect20 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect20 a:hover .img {
opacity: 0;
}
.ih-item.circle.effect20 a:hover .info .info-back {
opacity: 1;
visibility: visible;
}
.ih-item.circle.effect20.top_to_bottom .info .info-back {
-webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
}
.ih-item.circle.effect20.top_to_bottom a:hover .img {
-webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
}
.ih-item.circle.effect20.top_to_bottom a:hover .info .info-back {
-webkit-transform: rotate3d(1, 0, 0, 0deg);
-moz-transform: rotate3d(1, 0, 0, 0deg);
-ms-transform: rotate3d(1, 0, 0, 0deg);
-o-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg);
}
.ih-item.circle.effect20.bottom_to_top .info .info-back {
-webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
}
.ih-item.circle.effect20.bottom_to_top a:hover .img {
-webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
}
.ih-item.circle.effect20.bottom_to_top a:hover .info .info-back {
-webkit-transform: rotate3d(1, 0, 0, 0deg);
-moz-transform: rotate3d(1, 0, 0, 0deg);
-ms-transform: rotate3d(1, 0, 0, 0deg);
-o-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg);
}
.ih-item.square.effect1 {
overflow: hidden;
}
.ih-item.square.effect1.colored .info {
background: #1a4a72;
}
.ih-item.square.effect1 .img {
z-index: 11;
position: absolute;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect1 .info {
background: #333333;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect1 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect1.left_and_right .info h3 {
position: absolute;
top: 12px;
left: 12px;
color: #fff;
text-align: center;
font-size: 17px;
margin: 0;
}
.ih-item.square.effect1.left_and_right .info p {
position: absolute;
right: 12px;
bottom: 12px;
margin: 0;
font-style: italic;
font-size: 12px;
color: #bbb;
}
.ih-item.square.effect1.left_and_right a:hover .img {
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-o-transform: scale(0.6);
transform: scale(0.6);
}
.ih-item.square.effect1.top_to_bottom .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px 10px 0 4px;
margin: 10px 0 0 0;
}
.ih-item.square.effect1.top_to_bottom .info p {
font-style: italic;
font-size: 12px;
color: #bbb;
padding: 5px;
text-align: center;
}
.ih-item.square.effect1.top_to_bottom a:hover .img {
-webkit-transform: translateY(30px) scale(0.6);
-moz-transform: translateY(30px) scale(0.6);
-ms-transform: translateY(30px) scale(0.6);
-o-transform: translateY(30px) scale(0.6);
transform: translateY(30px) scale(0.6);
}
.ih-item.square.effect1.bottom_to_top .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px 10px 0 4px;
margin: 134px 0 0 0;
}
.ih-item.square.effect1.bottom_to_top .info p {
font-style: italic;
font-size: 12px;
color: #bbb;
padding: 5px;
text-align: center;
}
.ih-item.square.effect1.bottom_to_top a:hover .img {
-webkit-transform: translateY(-30px) scale(0.6);
-moz-transform: translateY(-30px) scale(0.6);
-ms-transform: translateY(-30px) scale(0.6);
-o-transform: translateY(-30px) scale(0.6);
transform: translateY(-30px) scale(0.6);
}
.ih-item.square.effect2 {
overflow: hidden;
}
.ih-item.square.effect2.colored .info {
background: #1a4a72;
}
.ih-item.square.effect2.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect2 .img {
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: rotate(0deg) scale(1);
-moz-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
}
.ih-item.square.effect2 .info {
background: #333333;
visibility: hidden;
-webkit-transition: all 0.35s 0.3s ease-in-out;
-moz-transition: all 0.35s 0.3s ease-in-out;
transition: all 0.35s 0.3s ease-in-out;
}
.ih-item.square.effect2 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-o-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.35s 0.6s ease-in-out;
-moz-transition: all 0.35s 0.6s ease-in-out;
transition: all 0.35s 0.6s ease-in-out;
}
.ih-item.square.effect2 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-o-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.35s 0.5s linear;
-moz-transition: all 0.35s 0.5s linear;
transition: all 0.35s 0.5s linear;
}
.ih-item.square.effect2 a:hover .img {
-webkit-transform: rotate(720deg) scale(0);
-moz-transform: rotate(720deg) scale(0);
-ms-transform: rotate(720deg) scale(0);
-o-transform: rotate(720deg) scale(0);
transform: rotate(720deg) scale(0);
opacity: 0;
}
.ih-item.square.effect2 a:hover .info {
visibility: visible;
}
.ih-item.square.effect2 a:hover .info h3,
.ih-item.square.effect2 a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect3 {
overflow: hidden;
}
.ih-item.square.effect3.colored .info {
background: #1a4a72;
}
.ih-item.square.effect3 .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect3 .info {
height: 65px;
background: #333333;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect3 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px 10px 0 4px;
margin: 4px 0 0 0;
}
.ih-item.square.effect3 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 5px;
text-align: center;
}
.ih-item.square.effect3 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect3.bottom_to_top .info {
top: auto;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect3.bottom_to_top a:hover .img {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}
.ih-item.square.effect3.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect3.top_to_bottom .info {
bottom: auto;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect3.top_to_bottom a:hover .img {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.ih-item.square.effect3.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect4 {
overflow: hidden;
position: relative;
}
.ih-item.square.effect4.colored .info {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect4.colored .mask1,
.ih-item.square.effect4.colored .mask2 {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect4 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect4 .mask1,
.ih-item.square.effect4 .mask2 {
position: absolute;
background: #333333;
background: rgba(0, 0, 0, 0.6);
height: 361px;
width: 361px;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect4 .mask1 {
left: auto;
right: 0;
top: 0;
-webkit-transform: rotate(56.5deg) translateX(-180px);
-moz-transform: rotate(56.5deg) translateX(-180px);
-ms-transform: rotate(56.5deg) translateX(-180px);
-o-transform: rotate(56.5deg) translateX(-180px);
transform: rotate(56.5deg) translateX(-180px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.ih-item.square.effect4 .mask2 {
top: auto;
bottom: 0;
left: 0;
-webkit-transform: rotate(56.5deg) translateX(180px);
-moz-transform: rotate(56.5deg) translateX(180px);
-ms-transform: rotate(56.5deg) translateX(180px);
-o-transform: rotate(56.5deg) translateX(180px);
transform: rotate(56.5deg) translateX(180px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.ih-item.square.effect4 .info {
background: #111111;
height: 0;
visibility: hidden;
width: 361px;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
-o-transform: rotate(-33.5deg) translate(-112px, 166px);
transform: rotate(-33.5deg) translate(-112px, 166px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: all 0.35s ease-in-out 0.35s;
-moz-transition: all 0.35s ease-in-out 0.35s;
transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: transparent;
margin-top: 5px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
opacity: 0;
-webkit-transition: all 0.35s ease-in-out 0.35s;
-moz-transition: all 0.35s ease-in-out 0.35s;
transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out 0.35s;
-moz-transition: all 0.35s ease-in-out 0.35s;
transition: all 0.35s ease-in-out 0.35s;
}
.ih-item.square.effect4 a:hover .mask1 {
-webkit-transform: rotate(56.5deg) translateX(1px);
-moz-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}
.ih-item.square.effect4 a:hover .mask2 {
-webkit-transform: rotate(56.5deg) translateX(-1px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}
.ih-item.square.effect4 a:hover .info {
width: 216px;
height: 120px;
visibility: visible;
top: 40px;
-webkit-transform: rotate(0deg) translate(0, 0);
-moz-transform: rotate(0deg) translate(0, 0);
-ms-transform: rotate(0deg) translate(0, 0);
-o-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
}
.ih-item.square.effect4 a:hover .info h3,
.ih-item.square.effect4 a:hover .info p {
opacity: 1;
}
.ih-item.square.effect5.colored .info {
background: #1a4a72;
}
.ih-item.square.effect5.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect5 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect5 .info {
background: #333333;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect5 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
}
.ih-item.square.effect5 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect5 a:hover .img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
}
.ih-item.square.effect5 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ih-item.square.effect5.left_to_right .info {
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg);
}
.ih-item.square.effect5.right_to_left .info {
-webkit-transform: scale(0) rotate(180deg);
-moz-transform: scale(0) rotate(180deg);
-ms-transform: scale(0) rotate(180deg);
-o-transform: scale(0) rotate(180deg);
transform: scale(0) rotate(180deg);
}
.ih-item.square.effect6 {
overflow: hidden;
}
.ih-item.square.effect6.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect6.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect6 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect6 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
-webkit-transition: all 0.35s 0.1s linear;
-moz-transition: all 0.35s 0.1s linear;
transition: all 0.35s 0.1s linear;
}
.ih-item.square.effect6 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ih-item.square.effect6 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect6.from_top_and_bottom .info h3 {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect6.from_top_and_bottom .info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
.ih-item.square.effect6.from_top_and_bottom a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect6.from_left_and_right .info h3 {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.square.effect6.from_left_and_right .info p {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.square.effect6.from_left_and_right a:hover .info h3,
.ih-item.square.effect6.from_left_and_right a:hover .info p {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect6.top_to_bottom .info h3 {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect6.top_to_bottom .info p {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect6.top_to_bottom a:hover .info h3,
.ih-item.square.effect6.top_to_bottom a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect6.bottom_to_top .info h3 {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect6.bottom_to_top .info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect6.bottom_to_top a:hover .info h3,
.ih-item.square.effect6.bottom_to_top a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect7 {
overflow: hidden;
}
.ih-item.square.effect7.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect7.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect7 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect7 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect7 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
-webkit-transform: scale(4);
-moz-transform: scale(4);
-ms-transform: scale(4);
-o-transform: scale(4);
transform: scale(4);
-webkit-transition: all 0.35s 0.1s ease-in-out;
-moz-transition: all 0.35s 0.1s ease-in-out;
transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect7 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
-webkit-transition: all 0.35s 0.3s linear;
-moz-transition: all 0.35s 0.3s linear;
transition: all 0.35s 0.3s linear;
}
.ih-item.square.effect7 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ih-item.square.effect7 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect7 a:hover .info h3,
.ih-item.square.effect7 a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect8 {
overflow: hidden;
}
.ih-item.square.effect8.colored .info {
background: #1a4a72;
}
.ih-item.square.effect8.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect8 .img {
opacity: 1;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect8 .info {
background: #333333;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect8 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
-webkit-transition: all 0.35s 0.1s ease-in-out;
-moz-transition: all 0.35s 0.1s ease-in-out;
transition: all 0.35s 0.1s ease-in-out;
}
.ih-item.square.effect8 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
-webkit-transition: all 0.35s 0.15s linear;
-moz-transition: all 0.35s 0.15s linear;
transition: all 0.35s 0.15s linear;
}
.ih-item.square.effect8 a:hover .img {
opacity: 0;
}
.ih-item.square.effect8 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect8.scale_up .img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect8.scale_up .info {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.ih-item.square.effect8.scale_up .info h3,
.ih-item.square.effect8.scale_up .info p {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.ih-item.square.effect8.scale_up a:hover .img {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
}
.ih-item.square.effect8.scale_up a:hover .info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect8.scale_up a:hover .info h3,
.ih-item.square.effect8.scale_up a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect8.scale_down .img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect8.scale_down .info {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
}
.ih-item.square.effect8.scale_down .info h3,
.ih-item.square.effect8.scale_down .info p {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
}
.ih-item.square.effect8.scale_down a:hover .img {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.square.effect8.scale_down a:hover .info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect8.scale_down a:hover .info h3,
.ih-item.square.effect8.scale_down a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect9 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.square.effect9.colored .info .info-back {
background: #1a4a72;
}
.ih-item.square.effect9.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect9 .img {
position: relative;
z-index: 11;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.ih-item.square.effect9 .info {
z-index: 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ih-item.square.effect9 .info .info-back {
opacity: 1;
width: 100%;
height: 100%;
padding-top: 30px;
background: #333333;
}
.ih-item.square.effect9 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 0;
}
.ih-item.square.effect9 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect9.left_to_right .img {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ih-item.square.effect9.left_to_right a:hover .img {
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg);
}
.ih-item.square.effect9.right_to_left .img {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ih-item.square.effect9.right_to_left a:hover .img {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg);
}
.ih-item.square.effect9.top_to_bottom .img {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.ih-item.square.effect9.top_to_bottom a:hover .img {
-webkit-transform: rotate3d(1, 0, 0, -180deg);
-moz-transform: rotate3d(1, 0, 0, -180deg);
-ms-transform: rotate3d(1, 0, 0, -180deg);
-o-transform: rotate3d(1, 0, 0, -180deg);
transform: rotate3d(1, 0, 0, -180deg);
}
.ih-item.square.effect9.bottom_to_top .img {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.ih-item.square.effect9.bottom_to_top a:hover .img {
-webkit-transform: rotate3d(1, 0, 0, 180deg);
-moz-transform: rotate3d(1, 0, 0, 180deg);
-ms-transform: rotate3d(1, 0, 0, 180deg);
-o-transform: rotate3d(1, 0, 0, 180deg);
transform: rotate3d(1, 0, 0, 180deg);
}
.ih-item.square.effect10 {
overflow: hidden;
}
.ih-item.square.effect10.colored .info {
background: #1a4a72;
}
.ih-item.square.effect10.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect10 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect10 .info {
background: #333333;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect10 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
}
.ih-item.square.effect10 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect10 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect10.left_to_right .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect10.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.square.effect10.left_to_right a:hover .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.square.effect10.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect10.right_to_left .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect10.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.square.effect10.right_to_left a:hover .img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.square.effect10.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect10.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect10.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect10.top_to_bottom a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect10.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect10.bottom_to_top .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect10.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect10.bottom_to_top a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect10.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect11 {
overflow: hidden;
}
.ih-item.square.effect11.colored .info {
background: #1a4a72;
}
.ih-item.square.effect11.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect11 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect11 .info {
background: #333333;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease 0.2s;
-moz-transition: all 0.35s ease 0.2s;
transition: all 0.35s ease 0.2s;
}
.ih-item.square.effect11 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
}
.ih-item.square.effect11 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect11 a:hover .img {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.square.effect11 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect11.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.square.effect11.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect11.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.square.effect11.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect11.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect11.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect11.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect11.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect12 {
overflow: hidden;
}
.ih-item.square.effect12.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect12.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect12 .img {
-webkit-transition: all 0.35s ease-in;
-moz-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.ih-item.square.effect12 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in;
-moz-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.ih-item.square.effect12 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
-webkit-transition: all 0.35s ease-in;
-moz-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.ih-item.square.effect12 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
-webkit-transition: all 0.35s ease-in;
-moz-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.ih-item.square.effect12 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.ih-item.square.effect12 a:hover .info h3 {
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ih-item.square.effect12 a:hover .info p {
-webkit-transition-delay: 0.25s;
-moz-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.ih-item.square.effect12.left_to_right .info {
-webkit-transform: translate(-460px, -100px) rotate(-180deg);
-moz-transform: translate(-460px, -100px) rotate(-180deg);
-ms-transform: translate(-460px, -100px) rotate(-180deg);
-o-transform: translate(-460px, -100px) rotate(-180deg);
transform: translate(-460px, -100px) rotate(-180deg);
}
.ih-item.square.effect12.left_to_right .info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px);
}
.ih-item.square.effect12.left_to_right .info p {
-webkit-transform: translateX(-300px) rotate(-90deg);
-moz-transform: translateX(-300px) rotate(-90deg);
-ms-transform: translateX(-300px) rotate(-90deg);
-o-transform: translateX(-300px) rotate(-90deg);
transform: translateX(-300px) rotate(-90deg);
}
.ih-item.square.effect12.left_to_right a:hover .info {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.ih-item.square.effect12.left_to_right a:hover .info h3 {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.ih-item.square.effect12.left_to_right a:hover .info p {
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
.ih-item.square.effect12.right_to_left .info {
-webkit-transform: translate(460px, -100px) rotate(180deg);
-moz-transform: translate(460px, -100px) rotate(180deg);
-ms-transform: translate(460px, -100px) rotate(180deg);
-o-transform: translate(460px, -100px) rotate(180deg);
transform: translate(460px, -100px) rotate(180deg);
}
.ih-item.square.effect12.right_to_left .info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px);
}
.ih-item.square.effect12.right_to_left .info p {
-webkit-transform: translateX(300px) rotate(90deg);
-moz-transform: translateX(300px) rotate(90deg);
-ms-transform: translateX(300px) rotate(90deg);
-o-transform: translateX(300px) rotate(90deg);
transform: translateX(300px) rotate(90deg);
}
.ih-item.square.effect12.right_to_left a:hover .info {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.ih-item.square.effect12.right_to_left a:hover .info h3 {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.ih-item.square.effect12.right_to_left a:hover .info p {
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
.ih-item.square.effect12.top_to_bottom .info {
-webkit-transform: translate(-265px, -145px) rotate(-45deg);
-moz-transform: translate(-265px, -145px) rotate(-45deg);
-ms-transform: translate(-265px, -145px) rotate(-45deg);
-o-transform: translate(-265px, -145px) rotate(-45deg);
transform: translate(-265px, -145px) rotate(-45deg);
}
.ih-item.square.effect12.top_to_bottom .info h3 {
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
transform: translate(200px, -200px);
}
.ih-item.square.effect12.top_to_bottom .info p {
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
transform: translate(200px, -200px);
}
.ih-item.square.effect12.top_to_bottom a:hover .info {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.ih-item.square.effect12.top_to_bottom a:hover .info h3 {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ih-item.square.effect12.top_to_bottom a:hover .info p {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ih-item.square.effect12.bottom_to_top .info {
-webkit-transform: translate(265px, 145px) rotate(45deg);
-moz-transform: translate(265px, 145px) rotate(45deg);
-ms-transform: translate(265px, 145px) rotate(45deg);
-o-transform: translate(265px, 145px) rotate(45deg);
transform: translate(265px, 145px) rotate(45deg);
}
.ih-item.square.effect12.bottom_to_top .info h3 {
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
transform: translate(200px, -200px);
}
.ih-item.square.effect12.bottom_to_top .info p {
-webkit-transform: translate(-200px, 200px);
-moz-transform: translate(-200px, 200px);
-ms-transform: translate(-200px, 200px);
-o-transform: translate(-200px, 200px);
transform: translate(-200px, 200px);
}
.ih-item.square.effect12.bottom_to_top a:hover .info {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.ih-item.square.effect12.bottom_to_top a:hover .info h3 {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ih-item.square.effect12.bottom_to_top a:hover .info p {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.ih-item.square.effect13 {
overflow: hidden;
}
.ih-item.square.effect13.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect13.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect13 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect13 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect13 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
}
.ih-item.square.effect13 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect13 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ih-item.square.effect13 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect13.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.square.effect13.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect13.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.square.effect13.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect13.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect13.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect13.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect13.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect14.colored .info {
background: #1a4a72;
}
.ih-item.square.effect14.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect14 .img {
opacity: 1;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect14 .info {
background: #333333;
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.35s ease 0.2s;
-moz-transition: all 0.35s ease 0.2s;
transition: all 0.35s ease 0.2s;
}
.ih-item.square.effect14 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
}
.ih-item.square.effect14 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect14 a:hover .img {
opacity: 0;
pointer-events: none;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.ih-item.square.effect14 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect14.left_to_right .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
}
.ih-item.square.effect14.left_to_right a:hover .img {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg);
}
.ih-item.square.effect14.right_to_left .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
}
.ih-item.square.effect14.right_to_left a:hover .img {
-webkit-transform: translateX(-100%) rotate(-180deg);
-moz-transform: translateX(-100%) rotate(-180deg);
-ms-transform: translateX(-100%) rotate(-180deg);
-o-transform: translateX(-100%) rotate(-180deg);
transform: translateX(-100%) rotate(-180deg);
}
.ih-item.square.effect14.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect14.top_to_bottom a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect14.bottom_to_top .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect14.bottom_to_top a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect15 {
overflow: hidden;
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.ih-item.square.effect15.colored .info {
background: #1a4a72;
}
.ih-item.square.effect15 .img {
opacity: 1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.ih-item.square.effect15 .info {
background: #333333;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out 0.3s;
-moz-transition: all 0.35s ease-in-out 0.3s;
transition: all 0.35s ease-in-out 0.3s;
}
.ih-item.square.effect15 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
}
.ih-item.square.effect15 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
}
.ih-item.square.effect15 a:hover .img {
opacity: 0;
visibility: hidden;
}
.ih-item.square.effect15 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect15.left_to_right .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ih-item.square.effect15.left_to_right .info {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ih-item.square.effect15.left_to_right a:hover .img {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.ih-item.square.effect15.left_to_right a:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.ih-item.square.effect15.right_to_left .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ih-item.square.effect15.right_to_left .info {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ih-item.square.effect15.right_to_left a:hover .img {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.ih-item.square.effect15.right_to_left a:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.ih-item.square.effect15.top_to_bottom .img {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.ih-item.square.effect15.top_to_bottom .info {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.ih-item.square.effect15.top_to_bottom a:hover .img {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
}
.ih-item.square.effect15.top_to_bottom a:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.ih-item.square.effect15.bottom_to_top .img {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.ih-item.square.effect15.bottom_to_top .info {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.ih-item.square.effect15.bottom_to_top a:hover .img {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.ih-item.square.effect15.bottom_to_top a:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}.ahe-caption {
list-style: outside none none !important;
margin: 0 !important;
padding: 0;
width: 100%;
}
.caption_li {
float: left;
}
.wcp-caption-plugin {
}
.wcp-caption-plugin .image-caption-box {
cursor: pointer;
overflow: visible;
position: relative;
width: 100%;
}
.centered-text {
display: table-cell !important;
vertical-align: middle !important;
}
.wcp-caption-plugin .image-caption-box img {
max-width: 100% !important;
position: relative;
transition: all 1s ease-out 0s;
}
.wcp-caption-plugin .image-caption-box .caption {
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
height: 100%;
position: absolute;
transition: all 1s ease-out 0s;
width: 100%;
z-index: 100;
}
.wcp-caption-plugin .image-caption-box .captionna {
pointer-events: none !important;
}
.wcp-caption-plugin .image-caption-box .no-effect {
display: block;
top: 0;
transition: none 0s ease 0s ;
visibility: hidden;
}
.wcp-caption-plugin .image-caption-box:hover .no-effect {
visibility: visible;
}
.wcp-caption-plugin .image-caption-box .simple-fade {
display: block;
opacity: 0 !important;
top: 0;
transition: all 1s ease 0s;
}
.wcp-caption-plugin .image-caption-box:hover .simple-fade {
opacity: 1 !important;
}
.wcp-caption-plugin .image-caption-box .slide-top-to-bottom {
bottom: -100%;
display: block;
}
.wcp-caption-plugin .image-caption-box:hover .slide-top-to-bottom {
transform: translateY(-100%);
}
.wcp-caption-plugin .image-caption-box .slide-bottom-to-top {
display: block;
top: -100%;
}
.wcp-caption-plugin .image-caption-box:hover .slide-bottom-to-top {
transform: translateY(100%);
}
.wcp-caption-plugin .image-caption-box .caption-slide-up {
display: block;
top: 0;
}
.wcp-caption-plugin .image-caption-box:hover .caption-slide-up {
transform: translateY(-100%);
}
.wcp-caption-plugin .image-caption-box .slide-left-to-right {
display: block;
left: -100%;
}
.wcp-caption-plugin .image-caption-box:hover .slide-left-to-right {
transform: translateX(100%);
}
.wcp-caption-plugin .image-caption-box .slide-right-to-left {
display: block;
right: -100%;
}
.wcp-caption-plugin .image-caption-box:hover .slide-right-to-left {
transform: translateX(-100%);
}
.wcp-caption-plugin .image-caption-box .image-flip-up {
display: block;
top: 0;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-flip-up ~ img {
z-index: 101;
}
.wcp-caption-plugin .image-caption-box:hover .image-flip-up ~ img {
transform: translateY(-100%);
}
.wcp-caption-plugin .image-caption-box .image-flip-down {
display: block;
top: 0;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-flip-down ~ img {
z-index: 101;
}
.wcp-caption-plugin .image-caption-box:hover .image-flip-down ~ img {
transform: translateY(100%);
}
.wcp-caption-plugin .image-caption-box .image-flip-right {
display: block;
top: 0;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-flip-right ~ img {
z-index: 101;
}
.wcp-caption-plugin .image-caption-box:hover .image-flip-right ~ img {
transform: translateX(100%);
}
.wcp-caption-plugin .image-caption-box .image-flip-left {
display: block;
top: 0;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-flip-left ~ img {
z-index: 101;
}
.wcp-caption-plugin .image-caption-box:hover .image-flip-left ~ img {
transform: translateX(-100%);
}
.wcp-caption-plugin .image-caption-box .rotate-image-down {
display: block;
top: 0;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .rotate-image-down ~ img {
transform-origin: right bottom 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .rotate-image-down ~ img {
transform: rotate(180deg);
}
.wcp-caption-plugin .image-caption-box .image-turn-around {
backface-visibility: hidden;
display: block;
top: 0;
transform: rotateY(180deg);
transition: all 0.5s ease-in-out 0s;
}
.wcp-caption-plugin .image-caption-box .image-turn-around ~ img {
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.5s ease-in-out 0s;
}
.wcp-caption-plugin .image-caption-box:hover .image-turn-around ~ img {
backface-visibility: hidden;
transform: rotateY(-180deg);
}
.wcp-caption-plugin .image-caption-box:hover .image-turn-around {
backface-visibility: hidden;
transform: rotateY(0deg);
}
.wcp-caption-plugin .image-caption-box .zoom-and-pan {
display: block;
top: 0;
transform: scale(0.01);
transition: all 0.5s ease 0s;
z-index: 3;
}
.wcp-caption-plugin .image-caption-box .zoom-and-pan ~ img {
backface-visibility: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-and-pan ~ img {
transform: scale(10);
}
.wcp-caption-plugin .image-caption-box:hover .zoom-and-pan {
transform: scale(1);
}
.wcp-caption-plugin .image-caption-box .tilt-image {
display: block;
transform: scale(0.01);
transition: all 0.5s ease 0s;
}
.wcp-caption-plugin .image-caption-box .tilt-image ~ img {
backface-visibility: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .tilt-image ~ img {
transform: rotate(-10deg);
}
.wcp-caption-plugin .image-caption-box:hover .tilt-image {
transform: rotate(-10deg);
}
.wcp-caption-plugin .image-caption-box .morph {
border-radius: 50%;
display: block;
transform: rotate(360deg);
transition: all 0.5s ease 0s;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .morph ~ img {
backface-visibility: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .morph ~ img {
border-radius: 50%;
transform: rotate(360deg);
}
.wcp-caption-plugin .image-caption-box:hover .morph {
border-radius: 0;
transform: rotate(0deg);
z-index: 3;
}
.wcp-caption-plugin .image-caption-box .move-image-right {
display: block;
transform: translateX(-100%);
transition: all 0.5s ease 0s;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .move-image-right ~ img {
backface-visibility: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .move-image-right ~ img {
transform: translateX(100%);
}
.wcp-caption-plugin .image-caption-box:hover .move-image-right {
transform: translateX(0px);
}
.wcp-caption-plugin .image-caption-box .move-image-left {
display: block;
transform: translateX(100%);
transition: all 0.5s ease 0s;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .move-image-left ~ img {
backface-visibility: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .move-image-left ~ img {
transform: translateX(-100%);
}
.wcp-caption-plugin .image-caption-box:hover .move-image-left {
transform: translateX(0px);
}
.wcp-caption-plugin .image-caption-box .move-image-top {
display: block;
transform: translateY(100%);
transition: all 0.5s ease 0s;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .move-image-top ~ img {
backface-visibility: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .move-image-top ~ img {
transform: translateY(-100%);
}
.wcp-caption-plugin .image-caption-box:hover .move-image-top {
transform: translateY(0px);
}
.wcp-caption-plugin .image-caption-box .move-image-bottom {
display: block;
transform: translateY(-100%);
transition: all 0.5s ease 0s;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .move-image-bottom ~ img {
backface-visibility: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .move-image-bottom ~ img {
transform: translateY(100%);
}
.wcp-caption-plugin .image-caption-box:hover .move-image-bottom {
transform: translateY(0px);
}
.wcp-caption-plugin .image-caption-box .image-squeez-right {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-squeez-right ~ img {
backface-visibility: hidden;
transform-origin: right center 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .image-squeez-right ~ img {
transform: scaleX(0);
transform-origin: right center 0;
}
.wcp-caption-plugin .image-caption-box .image-squeez-left {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-squeez-left ~ img {
backface-visibility: hidden;
transform-origin: left center 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .image-squeez-left ~ img {
transform: scaleX(0);
transform-origin: left center 0;
}
.wcp-caption-plugin .image-caption-box .image-squeez-top {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-squeez-top ~ img {
backface-visibility: hidden;
transform-origin: center top 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .image-squeez-top ~ img {
transform: scaleY(0);
transform-origin: center top 0;
}
.wcp-caption-plugin .image-caption-box .image-squeez-bottom {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .image-squeez-bottom ~ img {
backface-visibility: hidden;
transform-origin: center bottom 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .image-squeez-bottom ~ img {
transform: scaleY(0);
transform-origin: center bottom 0;
}
.wcp-caption-plugin .image-caption-box .fall-down-caption {
backface-visibility: hidden;
display: block;
opacity: 1;
transform: scale(1, 1) rotate(0deg);
transform-origin: 100% 200% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .fall-down-caption ~ img {
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .fall-down-caption {
opacity: 0;
transform: scale(0, 0) rotate(270deg);
transform-origin: 200% 500% 0;
}
.wcp-caption-plugin .image-caption-box .fall-down-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .fall-down-image ~ img {
backface-visibility: hidden;
opacity: 1;
transform: scale(1, 1) rotate(0deg);
transform-origin: 100% 200% 0;
}
.wcp-caption-plugin .image-caption-box:hover .fall-down-image ~ img {
opacity: 0;
transform: scale(0, 0) rotate(270deg);
transform-origin: 200% 500% 0;
}
.wcp-caption-plugin .image-caption-box .swap-caption {
backface-visibility: hidden;
opacity: 0;
transform: scale(0, 0) translate(-700px, 0px);
transform-origin: 0 100% 0;
}
.wcp-caption-plugin .image-caption-box .swap-caption ~ img {
display: block;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .swap-caption {
opacity: 1;
transform: scale(1, 1) translate(0px, 0px);
transform-origin: 100% 100% 0;
}
.wcp-caption-plugin .image-caption-box .swap-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .swap-image ~ img {
backface-visibility: hidden;
opacity: 0;
transform: scale(0, 0) translate(-700px, 0px);
transform-origin: 0 100% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .swap-image ~ img {
opacity: 1;
transform: scale(1, 1) translate(0px, 0px);
transform-origin: 100% 100% 0;
}
.wcp-caption-plugin .image-caption-box .puffin-caption {
backface-visibility: hidden;
opacity: 0 !important;
transform: scale(2, 2);
transform-origin: 50% 50% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .puffin-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .puffin-caption {
opacity: 1 !important;
transform: scale(1, 1);
transform-origin: 50% 50% 0;
}
.wcp-caption-plugin .image-caption-box .puffin-image {
display: block;
opacity: 1 !important;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .puffin-image ~ img {
opacity: 0;
transform: scale(2, 2);
transform-origin: 50% 50% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .puffin-image ~ img {
opacity: 1 !important;
transform: scale(1, 1);
transform-origin: 50% 50% 0;
}
.wcp-caption-plugin .image-caption-box .puffout-caption {
opacity: 1 !important;
transform: scale(1, 1);
transform-origin: 50% 50% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .puffout-caption ~ img {
display: block;
opacity: 1 !important;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .puffout-caption {
opacity: 0 !important;
transform: scale(2, 2);
transform-origin: 50% 50% 0;
}
.wcp-caption-plugin .image-caption-box .puffout-image {
display: block;
opacity: 1 !important;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .puffout-image ~ img {
opacity: 1 !important;
transform: scale(1, 1);
transform-origin: 50% 50% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .puffout-image ~ img {
opacity: 0 !important;
transform: scale(2, 2);
transform-origin: 50% 50% 0;
}
.wcp-caption-plugin .image-caption-box .opendoordown-caption {
transform: perspective(800px) rotateX(0deg);
transform-origin: 0 100% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .opendoordown-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .opendoordown-caption {
transform: perspective(800px) rotateX(-180deg);
transform-origin: 0 100% 0;
}
.wcp-caption-plugin .image-caption-box .opendoordown-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .opendoordown-image ~ img {
transform: perspective(800px) rotateX(0deg);
transform-origin: 0 100% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .opendoordown-image ~ img {
transform: perspective(800px) rotateX(-180deg);
transform-origin: 0 100% 0;
}
.wcp-caption-plugin .image-caption-box .opendoorup-caption {
transform: perspective(800px) rotateX(0deg);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .opendoorup-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .opendoorup-caption {
transform: perspective(800px) rotateX(180deg);
transform-origin: 0 0 0;
}
.wcp-caption-plugin .image-caption-box .opendoorup-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .opendoorup-image ~ img {
transform: perspective(800px) rotateX(0deg);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .opendoorup-image ~ img {
transform: perspective(800px) rotateX(180deg);
transform-origin: 0 0 0;
}
.wcp-caption-plugin .image-caption-box .opendoorright-caption {
transform: perspective(800px) rotateY(0deg);
transform-origin: 100% 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .opendoorright-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .opendoorright-caption {
transform: perspective(800px) rotateY(180deg);
transform-origin: 100% 0 0;
}
.wcp-caption-plugin .image-caption-box .opendoorright-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .opendoorright-image ~ img {
transform: perspective(800px) rotateY(0deg);
transform-origin: 100% 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .opendoorright-image ~ img {
transform: perspective(800px) rotateY(180deg);
transform-origin: 100% 0 0;
}
.wcp-caption-plugin .image-caption-box .opendoorleft-caption {
transform: perspective(800px) rotateY(0deg);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .opendoorleft-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .opendoorleft-caption {
transform: perspective(800px) rotateY(-180deg);
transform-origin: 0 0 0;
}
.wcp-caption-plugin .image-caption-box .opendoorleft-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .opendoorleft-image ~ img {
transform: perspective(800px) rotateY(0deg);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .opendoorleft-image ~ img {
transform: perspective(800px) rotateY(-180deg);
transform-origin: 0 0 0;
}
.wcp-caption-plugin .image-caption-box .rotatedown-caption {
opacity: 1 !important;
transform: perspective(800px) rotateX(0deg) translateZ(0px);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .rotatedown-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .rotatedown-caption {
opacity: 0 !important;
transform: perspective(800px) rotateX(-180deg) translateZ(300px);
transform-origin: 50% 100% 0;
}
.wcp-caption-plugin .image-caption-box .rotatedown-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .rotatedown-image ~ img {
opacity: 1 !important;
transform: perspective(800px) rotateX(0deg) translateZ(0px);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .rotatedown-image ~ img {
opacity: 0 !important;
transform: perspective(800px) rotateX(-180deg) translateZ(300px);
transform-origin: 50% 100% 0;
}
.wcp-caption-plugin .image-caption-box .rotateup-caption {
opacity: 1 !important;
transform: perspective(800px) rotateX(0deg) translateZ(0px);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .rotateup-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .rotateup-caption {
opacity: 0 !important;
transform: perspective(800px) rotateX(180deg) translateZ(100px);
transform-origin: 50% 0 0;
}
.wcp-caption-plugin .image-caption-box .rotateup-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .rotateup-image ~ img {
opacity: 1 !important;
transform: perspective(800px) rotateX(0deg) translateZ(0px);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .rotateup-image ~ img {
opacity: 0 !important;
transform: perspective(800px) rotateX(180deg) translateZ(100px);
transform-origin: 50% 0 0;
}
.wcp-caption-plugin .image-caption-box .rotateright-caption {
opacity: 1 !important;
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .rotateright-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .rotateright-caption {
opacity: 0 !important;
transform: perspective(800px) rotateY(-180deg) translateZ(150px);
transform-origin: 50% 0 0;
}
.wcp-caption-plugin .image-caption-box .rotateright-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .rotateright-image ~ img {
opacity: 1 !important;
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .rotateright-image ~ img {
opacity: 0 !important;
transform: perspective(800px) rotateY(-180deg) translateZ(150px);
transform-origin: 50% 0 0;
}
.wcp-caption-plugin .image-caption-box .rotateleft-caption {
opacity: 1 !important;
transform: perspective(800px) rotateY(0deg) translateZ(0px);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .rotateleft-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .rotateleft-caption {
opacity: 0 !important;
transform: perspective(800px) rotateY(180deg) translateZ(100px);
transform-origin: 50% 0 0;
}
.wcp-caption-plugin .image-caption-box .rotateleft-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .rotateleft-image ~ img {
opacity: 1 !important;
transform: perspective(800px) rotateY(0deg) translateZ(0px);
transform-origin: 0 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .rotateleft-image ~ img {
opacity: 0 !important;
transform: perspective(800px) rotateY(180deg) translateZ(300px);
transform-origin: 50% 0 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutup-caption {
opacity: 1 !important;
transform: scale(1) translate(0%, 0%);
transform-origin: 50% 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .spaceoutup-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutup-caption {
opacity: 0 !important;
transform: scale(0.2) translate(0%, -200%);
transform-origin: 50% 0 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutup-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutup-image ~ img {
opacity: 1 !important;
transform: scale(1) translate(0%, 0%);
transform-origin: 50% 0 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutup-image ~ img {
opacity: 0 !important;
transform: scale(0.2) translate(0%, -200%);
transform-origin: 50% 0 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutdown-caption {
opacity: 1 !important;
transform: scale(1) translate(0%, 0%);
transform-origin: 50% 100% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .spaceoutdown-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutdown-caption {
opacity: 0 !important;
transform: scale(0.2) translate(0%, 200%);
transform-origin: 50% 100% 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutdown-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutdown-image ~ img {
opacity: 1 !important;
transform: scale(1) translate(0%, 0%);
transform-origin: 50% 100% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutdown-image ~ img {
opacity: 0 !important;
transform: scale(0.2) translate(0%, 200%);
transform-origin: 50% 100% 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutright-caption {
opacity: 1 !important;
transform: scale(1) translate(0%, 0%);
transform-origin: 100% 50% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .spaceoutright-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutright-caption {
opacity: 0 !important;
transform: scale(0.2) translate(200%, 0%);
transform-origin: 100% 50% 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutright-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutright-image ~ img {
opacity: 1 !important;
transform: scale(1) translate(0%, 0%);
transform-origin: 100% 50% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutright-image ~ img {
opacity: 0 !important;
transform: scale(0.2) translate(200%, 0%);
transform-origin: 100% 50% 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutleft-caption {
opacity: 1 !important;
transform: scale(1) translate(0%, 0%);
transform-origin: 0 50% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .spaceoutleft-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutleft-caption {
opacity: 0 !important;
transform: scale(0.2) translate(-200%, 0%);
transform-origin: 0 50% 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutleft-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .spaceoutleft-image ~ img {
opacity: 1 !important;
transform: scale(1) translate(0%, 0%);
transform-origin: 0 50% 0;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .spaceoutleft-image ~ img {
opacity: 0 !important;
transform: scale(0.2) translate(-200%, 0%);
transform-origin: 0 50% 0;
}
.wcp-caption-plugin .image-caption-box .foolish-caption {
animation-duration: 1s;
animation-name: foolishIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .foolish-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .foolish-caption {
animation-duration: 1s;
animation-name: foolishOut;
opacity: 0 !important;
}
.wcp-caption-plugin .image-caption-box .foolish-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .foolish-image ~ img {
animation-duration: 1s;
animation-name: foolishIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .foolish-image ~ img {
animation-duration: 1s;
animation-name: foolishOut;
opacity: 0 !important;
}
.wcp-caption-plugin .image-caption-box .tinright-caption {
animation-duration: 1s;
animation-name: tinRightIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .tinright-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .tinright-caption {
animation-duration: 1s;
animation-name: tinRightOut;
opacity: 0 !important;
}
.wcp-caption-plugin .image-caption-box .tinright-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .tinright-image ~ img {
animation-duration: 1s;
animation-name: tinRightIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .tinright-image ~ img {
animation-duration: 1s;
animation-name: tinRightOut;
opacity: 0 !important;
}
.wcp-caption-plugin .image-caption-box .tinleft-caption {
animation-duration: 1s;
animation-name: tinLeftIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .tinleft-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .tinleft-caption {
animation-duration: 1s;
animation-name: tinLeftOut;
opacity: 0 !important;
}
.wcp-caption-plugin .image-caption-box .tinleft-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .tinleft-image ~ img {
animation-duration: 1s;
animation-name: tinLeftIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .tinleft-image ~ img {
animation-duration: 1s;
animation-name: tinLeftOut;
opacity: 0 !important;
}
.wcp-caption-plugin .image-caption-box .tinup-caption {
animation-duration: 1s;
animation-name: tinUpIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .tinup-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .tinup-caption {
animation-duration: 1s;
animation-name: tinUpOut;
opacity: 0 !important;
}
.wcp-caption-plugin .image-caption-box .tinup-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .tinup-image ~ img {
animation-duration: 1s;
animation-name: tinUpIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .tinup-image ~ img {
animation-duration: 1s;
animation-name: tinUpOut;
opacity: 0 !important;
}
.wcp-caption-plugin .image-caption-box .tindown-caption {
animation-duration: 1s;
animation-name: tinDownIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box .tindown-caption ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .tindown-caption {
animation-duration: 1s;
animation-name: tinDownOut;
opacity: 0 !important;
}
.wcp-caption-plugin .image-caption-box .tindown-image {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box .tindown-image ~ img {
animation-duration: 1s;
animation-name: tinDownIn;
opacity: 1 !important;
z-index: 2;
}
.wcp-caption-plugin .image-caption-box:hover .tindown-image ~ img {
animation-duration: 1s;
animation-name: tinDownOut;
opacity: 0 !important;
}
@keyframes foolishOut {
0% {
opacity: 1;
transform: scale(1, 1) rotate(360deg);
transform-origin: 50% 50% 0;
}
20% {
opacity: 1;
transform: scale(0.5, 0.5) rotate(0deg);
transform-origin: 0 0 0;
}
40% {
opacity: 1;
transform: scale(0.5, 0.5) rotate(0deg);
transform-origin: 100% 0 0;
}
60% {
opacity: 1;
transform: scale(0.5, 0.5) rotate(0deg);
transform-origin: 0 50% 0;
}
80% {
opacity: 1;
transform: scale(0.5, 0.5) rotate(0deg);
transform-origin: 0 100% 0;
}
100% {
opacity: 0;
transform: scale(0, 0) rotate(0deg);
transform-origin: 50% 50% 0;
}
}
@keyframes foolishIn {
0% {
opacity: 0;
transform: scale(0, 0) rotate(360deg);
transform-origin: 50% 50% 0;
}
20% {
opacity: 1;
transform: scale(0.5, 0.5) rotate(0deg);
transform-origin: 0 100% 0;
}
40% {
opacity: 1;
transform: scale(0.5, 0.5) rotate(0deg);
transform-origin: 100% 100% 0;
}
60% {
opacity: 1;
transform: scale(0.5, 0.5) rotate(0deg);
transform-origin: 0 50% 0;
}
80% {
opacity: 1;
transform: scale(0.5, 0.5) rotate(0deg);
transform-origin: 0 0 0;
}
100% {
opacity: 1;
transform: scale(1, 1) rotate(0deg);
transform-origin: 50% 50% 0;
}
}
@keyframes tinRightOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateX(0px);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0px);
}
100% {
opacity: 0;
transform: scale(1, 1) translateX(900%);
}
}
@keyframes tinLeftOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateX(0px);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0px);
}
100% {
opacity: 0;
transform: scale(1, 1) translateX(-900%);
}
}
@keyframes tinUpOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateY(0px);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0px);
}
100% {
opacity: 0;
transform: scale(1, 1) translateY(-900%);
}
}
@keyframes tinDownOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateY(0px);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0px);
}
100% {
opacity: 0;
transform: scale(1, 1) translateY(900%);
}
}
@keyframes tinRightIn {
0% {
opacity: 0;
transform: scale(1, 1) translateX(900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0px);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateX(0px);
}
}
@keyframes tinLeftIn {
0% {
opacity: 0;
transform: scale(1, 1) translateX(-900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0px);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateX(0px);
}
}
@keyframes tinUpIn {
0% {
opacity: 0;
transform: scale(1, 1) translateY(-900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0px);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateY(0px);
}
}
@keyframes tinDownIn {
0% {
opacity: 0;
transform: scale(1, 1) translateY(900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0px);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateY(0px);
}
}
.wcp-caption-plugin .image-caption-box .zoom-in {
opacity: 0;
transform: scale(0);
}
.wcp-caption-plugin .image-caption-box .zoom-in ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-in {
opacity: 1;
transform: scale(1);
}
.wcp-caption-plugin .image-caption-box .zoom-out {
opacity: 0;
transform: scale(5);
}
.wcp-caption-plugin .image-caption-box .zoom-out ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-out {
opacity: 1;
transform: scale(1);
}
.wcp-caption-plugin .image-caption-box .zoom-in-twist {
opacity: 0;
transform: scale(0) rotateZ(-720deg);
}
.wcp-caption-plugin .image-caption-box .zoom-in-twist ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-in-twist {
opacity: 1;
transform: scale(1) rotateZ(0deg);
}
.wcp-caption-plugin .image-caption-box .zoom-out-twist {
opacity: 0;
transform: scale(5) rotateZ(720deg);
}
.wcp-caption-plugin .image-caption-box .zoom-out-twist ~ img {
display: block;
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-out-twist {
opacity: 1;
transform: scale(1) rotateZ(0deg);
}
.wcp-caption-plugin .image-caption-box .zoom-caption-in-image-out {
opacity: 0;
transform: scale(0);
}
.wcp-caption-plugin .image-caption-box .zoom-caption-in-image-out ~ img {
display: block;
transform: scale(1);
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-caption-in-image-out {
opacity: 1;
transform: scale(1);
}
.wcp-caption-plugin .image-caption-box:hover .zoom-caption-in-image-out ~ img {
opacity: 0;
transform: scale(0);
}
.wcp-caption-plugin .image-caption-box .zoom-caption-out-image-in {
opacity: 0;
transform: scale(5);
}
.wcp-caption-plugin .image-caption-box .zoom-caption-out-image-in ~ img {
display: block;
transform: scale(1);
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-caption-out-image-in {
opacity: 1;
transform: scale(1);
}
.wcp-caption-plugin .image-caption-box:hover .zoom-caption-out-image-in ~ img {
opacity: 0;
transform: scale(5);
}
.wcp-caption-plugin .image-caption-box .zoom-image-out-caption-twist {
opacity: 0;
transform: scale(0) rotateZ(-720deg);
}
.wcp-caption-plugin .image-caption-box .zoom-image-out-caption-twist ~ img {
display: block;
transform: scale(1);
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-image-out-caption-twist {
opacity: 1;
transform: scale(1) rotateZ(0deg);
}
.wcp-caption-plugin .image-caption-box:hover .zoom-image-out-caption-twist ~ img {
opacity: 0;
transform: scale(0);
}
.wcp-caption-plugin .image-caption-box .zoom-image-in-caption-twist {
opacity: 0;
transform: scale(5) rotateZ(720deg);
}
.wcp-caption-plugin .image-caption-box .zoom-image-in-caption-twist ~ img {
display: block;
transform: scale(1);
z-index: 0;
}
.wcp-caption-plugin .image-caption-box:hover .zoom-image-in-caption-twist {
opacity: 1;
transform: scale(1) rotateZ(0deg);
}
.wcp-caption-plugin .image-caption-box:hover .zoom-image-in-caption-twist ~ img {
opacity: 0;
transform: scale(5);
}
.wcp-caption-plugin .image-caption-box .flip-image-vertical, .wcp-caption-plugin .image-caption-box .flip-image-vertical-back, .wcp-caption-plugin .image-caption-box .flip-image-horizontal, .wcp-caption-plugin .image-caption-box .flip-image-horizontal-back {
backface-visibility: hidden;
transition: all 0.5s ease-in-out 0s;
}
.wcp-caption-plugin .image-caption-box .flip-image-vertical ~ img, .wcp-caption-plugin .image-caption-box .flip-image-vertical-back ~ img, .wcp-caption-plugin .image-caption-box .flip-image-horizontal ~ img, .wcp-caption-plugin .image-caption-box .flip-image-horizontal-back ~ img {
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.5s ease-in-out 0s;
}
.wcp-caption-plugin .image-caption-box .flip-image-vertical {
transform: rotateX(180deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-vertical {
backface-visibility: hidden;
transform: rotateX(0deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-vertical ~ img {
backface-visibility: hidden;
transform: rotateX(-180deg);
}
.wcp-caption-plugin .image-caption-box .flip-image-vertical-back {
transform: rotateX(-180deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-vertical-back {
backface-visibility: hidden;
transform: rotateX(0deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-vertical-back ~ img {
backface-visibility: hidden;
transform: rotateX(180deg);
}
.wcp-caption-plugin .image-caption-box .flip-image-horizontal {
transform: rotateY(180deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-horizontal {
backface-visibility: hidden;
transform: rotateY(0deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-horizontal ~ img {
backface-visibility: hidden;
transform: rotateY(-180deg);
}
.wcp-caption-plugin .image-caption-box .flip-image-horizontal-back {
transform: rotateY(-180deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-horizontal-back {
backface-visibility: hidden;
transform: rotateY(0deg);
}
.wcp-caption-plugin .image-caption-box:hover .flip-image-horizontal-back ~ img {
backface-visibility: hidden;
transform: rotateY(180deg);
}
.wcp-caption-plugin .image-caption-box .page-turn-from-top {
opacity: 0;
transform: rotateX(90deg);
transform-origin: 0 0 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-top {
opacity: 1;
transform: rotateX(0deg);
}
.wcp-caption-plugin .image-caption-box .page-turn-from-top ~ img {
opacity: 1;
transform: rotateX(0deg);
transform-origin: 0 0 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-top ~ img {
opacity: 0;
transform: rotateX(-90deg);
}
.wcp-caption-plugin .image-caption-box .page-turn-from-bottom {
opacity: 0;
transform: rotateX(-90deg);
transform-origin: 100% 100% 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-bottom {
opacity: 1;
transform: rotateX(0deg);
}
.wcp-caption-plugin .image-caption-box .page-turn-from-bottom ~ img {
opacity: 1;
transform: rotateX(0deg);
transform-origin: 100% 100% 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-bottom ~ img {
opacity: 0;
transform: rotateX(90deg);
}
.wcp-caption-plugin .image-caption-box .page-turn-from-left {
opacity: 0;
transform: rotateY(-90deg);
transform-origin: 0 0 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-left {
opacity: 1;
transform: rotateY(0deg);
}
.wcp-caption-plugin .image-caption-box .page-turn-from-left ~ img {
opacity: 1;
transform: rotateY(0deg);
transform-origin: 0 0 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-left ~ img {
opacity: 0;
transform: rotateY(90deg);
}
.wcp-caption-plugin .image-caption-box .page-turn-from-right {
opacity: 0;
transform: rotateY(90deg);
transform-origin: 100% 100% 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-right {
opacity: 1;
transform: rotateY(0deg);
}
.wcp-caption-plugin .image-caption-box .page-turn-from-right ~ img {
opacity: 1;
transform: rotateY(0deg);
transform-origin: 100% 100% 0;
}
.wcp-caption-plugin .image-caption-box:hover .page-turn-from-right ~ img {
opacity: 0;
transform: rotateY(-90deg);
}.effect-hover figcaption::before {
background-color: #000;
content: "";
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
.effect-hover:hover figcaption::before {
opacity: 0.65;
transform: rotateX(0deg);
transition: transform 0.6s ease 0s, opacity 0.6s ease 0s, -webkit-transform 0.6s ease 0s;
}
.effect-hover.effect-honey figcaption::before {
content: "";
height: 0;
}
.hover-wrap {
margin-left: 20px !important;
}
.wpgmp_locateme_control {
background: white;
border-radius: 2px;
padding: 5px;
cursor: pointer !important;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
z-index: 1000; position: relative;
}
.wpgmp_locateme_control span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
font-size: 24px;   }
.pulse-marker {
width: 30px;
height: 30px;
background: rgba(66, 133, 244, 0.4);
border: 4px solid #4285f4;
border-radius: 50%;
animation: pulse 1.8s ease-out infinite;
cursor: none;
}
@keyframes pulse {
0% {
transform: scale(0.5);
opacity: 0;
}
30% {
opacity: 1;
}
60% {
transform: scale(1.2);
opacity: 0.5;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}
.bottom_center {
margin-bottom: 5px;
}
.top_center {
margin-top: 5px;
}
.right_center {
margin-right: 5px;
}
.left_center {
margin-left: 5px;
}
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-star:before {
content: "\f005";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.wpgmp_map_container * {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.geotags_link {
clear: both;
display: block;
text-decoration: none;
border: none;
} .wpgmp_tabs_container *,
.wpgmp_listing_container *,
.wpgmp_infowindow {
width: auto;
height: auto;
padding: 0px;
margin: 0px;
font-size: 1rem;
font-family: inherit;
line-height: 1.5em;
font-weight: normal;
box-shadow: none;
text-decoration: none;
}
.wpgmp_tabs_container a,
.wpgmp_tabs_container a:hover {
text-decoration: none !important;
border-bottom: 0px;
}  .wpgmp_tabs_container .wpgmp_tabs li a.active,
.wpgmp_direction_container p input.wpgmp_find_direction,
.wpgmp_nearby_container .wpgmp_find_nearby_button,
.wpgmp_pagination span.current,
.wpgmp_pagination a:hover,
.wpgmp_toggle_main_container input[type="submit"],
.wpgmp_toggle_main_container .amenity_type:hover {
background: #29b6f6;
}
div.wpgmp_search_form input.wpgmp_search_input:focus {
border: 1px solid #29b6f6;
}
div.wpgmp_search_form input.wpgmp_search_input {
border-bottom: 1px solid ".$secondary_color.";
}  .fc-label-info,
.fc-badge.info,
.wpgmp_pagination span,
.wpgmp_pagination a,
.wpgmp_toggle_main_container .amenity_type,
div.categories_filter select,
.wpgmp_tabs_container .wpgmp_tabs,
.wpgmp_toggle_container {
background: #212f3d;
}
.wpgmp-select-all,
.wpgmp_tabs_container .wpgmp_tab_item .wpgmp_cat_title,
.wpgmp_tabs_container .wpgmp_tabs li a.active,
.wpgmp_location_title a.place_title {
color: #212f3d;
}
.fc-label-info,
.fc-badge.info {
border: 1px solid #212f3d;
}
.wpgmp-infowindow-action {
margin-top: 10px;
}
.wpgmp-infowindow-action:hover a {
opacity: 0.87;
}  .wpgmp-map-1 .wpgmp-select-all,
.wpgmp-map-1 .wpgmp_infowindow .wpgmp-infowindow-fields span b,
.wpgmp_location_meta,
span.wpgmp_nearby_distance,
.wpgmp_nearby_container select#tmode,
.wpgmp_nearby_container .wpgmp_set_current_location,
div.wpgmp_pagination span.disabled,
span.wpgmp_nearby_distance,
.wpgmp_location_meta,
.wpgmp_pagination span,
div.wpgmp_direction_panel_container h2 a,
div.wpgmp_direction_panel_container div.dir_start,
div.wpgmp_direction_panel_container .dir_end {
color: rgba(0, 0, 0, 0.87);
}
.wpgmp-map-1 .wpgmp-select-all,
.wpgmp-map-1 .wpgmp_infowindow .wpgmp-infowindow-fields span,
.wpgmp_infowindow .fc-item-featured_image,
div.wpgmp_search_form input.wpgmp_search_input,
.wpgmp_listing_grid .wpgmp_locations .wpgmp_locations_content,
.wpgmp_listing_list .wpgmp_locations .wpgmp_locations_content {
color: rgba(0, 0, 0, 0.58);
}
.wpgmp-infowindow-action a.fc-btn,
.wpgmp-infowindow-action a.fc-btn:hover,
.wpgmp_tabs_container .wpgmp_tabs li a.active,
.wpgmp_pagination span.current,
.wpgmp_pagination a:hover,
.wpgmp_toggle_main_container input[type="submit"],
.wpgmp_direction_container p input.wpgmp_find_direction,
.wpgmp_nearby_container .wpgmp_find_nearby_button,
.wpgmp_pagination a,
.wpgmp_locations_listing div.wpgmp_pagination span.current,
.wpgmp_locations_listing div.wpgmp_pagination a,
div.categories_filter select,
.wpgmp_tabs_container .wpgmp_tabs li a,
.wpgmp_toggle_container,
.wpgmp_toggle_main_container .amenity_type,
.fc-badge,
.fc-btn {
color: #fff;
} [data-input="map-search-control"],
.wpgmp_toggle_main_container p select, div.directions-panel,
div.wpgmp-directions-panel-route-style,
div.wpgmp_rdpcontainer,
div.wpgmp_search_form input.wpgmp_search_input,
.wpgmp_locations_listing div.wpgmp_pagination span.current,
.wpgmp_nearby_container .wpgmp_set_current_location,
.wpgmp_direction_container p select[name="start_point"],
.wpgmp_direction_container p select[name="end_point"],
li.wpgmp_nearby_all_locations,
.wpgmp_tabs_container {
background: #fff;
} div.wpgmp_direction_panel_container h2,
div.wpgmp_direction_panel_container .dir_end,
div.wpgmp_direction_panel_container div.dir_start,
.wpgmp_tabs_container .jspCorner,
.wpgmp_tabs_container .jspArrow.jspDisabled,
.wpgmp_tabs_container .jspArrow,
.wpgmp_tabs_container .jspTrack,
.wpgmp_tabs_container .jspDrag {
background: #dde;
} .wpgmp_locations .wpgmp_location_title a {
font-size: 1.2em;
}   .wpgmp_location_title a.place_title,
div.wpgmp_toggle_main_container
div.wpgmp_tab_item
ul.wpgmp_location_container
li
a,
.wpgmp_tabs_container .wpgmp_tab_item .wpgmp_cat_title,
.wpgmp_tabs_container .wpgmp_tabs li a {
font-size: 1em;
}
.adp-legal,
.adp-text,
.adp-summary,
.wpgmp_toggle_main_container p select,
.wpgmp_toggle_main_container input[type="text"],
.wpgmp_toggle_main_container .amenity_type label,
.wpgmp_direction_container p input.wpgmp_find_direction,
.wpgmp_nearby_container .wpgmp_find_nearby_button,
div.wpgmp_search_form input.wpgmp_search_input,
[data-input="map-search-control"],
div.categories_filter select,
.fc-label-info,
.fc-badge.info,
.wpgmp_pagination {
font-size: 0.875em;
}
.adp-legal,
.adp-text,
.adp-summary {
padding-top: 7px;
}
.adp-legal {
text-align: left;
}
.wpgmp_tabs_container {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
position: absolute;
right: 5px;
top: 60px;
padding: 0px;
z-index: 9999;
}
.wpgmp_tabs_container .jspContainer {
overflow-y: auto;
overflow-x: hidden;
position: relative;
}
.wpgmp_tabs_container .jspPane {
position: absolute;
}
.wpgmp_tabs_container .jspPane,
.wpgmp_tabs_container .jspContainer,
.wpgmp_tabs_container .scroll-pane {
width: 100% !important;
}
.wpgmp_tabs_container .jspVerticalBar {
position: absolute;
top: 0;
right: 0px;
width: 3px;
height: 100%;
}
.wpgmp_tabs_container .jspVerticalBar .jspArrow {
height: 16px;
}
.wpgmp_tabs_container .jspVerticalBar .jspArrow:focus {
outline: none;
}
.wpgmp_tabs_container .jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
}
.wpgmp_tabs_container .jspHorizontalBar .jspCap {
float: left;
}
.wpgmp_tabs_container .jspHorizontalBar .jspArrow {
width: 16px;
float: left;
height: 100%;
}
.wpgmp_tabs_container .jspCap {
display: none;
}
.wpgmp_tabs_container .jspTrack {
position: relative;
}
.wpgmp_tabs_container .jspDrag {
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.wpgmp_tabs_container .jspArrow {
text-indent: -20000px;
display: block;
cursor: pointer;
margin: 0;
padding: 0;
}
.wpgmp_tabs_container .jspArrow.jspDisabled {
cursor: default;
}
.wpgmp_tabs_container .jspCorner {
float: left;
height: 100%;
}
.wpgmp_tabs_container .wpgmp_tabs {
width: 100%;
display: flex;
margin: 0 0 0 !important;
padding: 0;
overflow: auto;
}
.wpgmp_tabs_container .wpgmp_tabs li {
flex: 1 0 0;
white-space: nowrap;
list-style: none;
}
.wpgmp_tabs_container .wpgmp_tabs li:focus {
outline: none;
}
.wpgmp_tabs_container .wpgmp_tabs li a.active {
cursor: pointer;
border: none;
}
.wpgmp_tabs_container .wpgmp_tabs li a {
display: block;
text-align: center;
text-decoration: none !important;
padding: 10px;
}
.wpgmp_tabs_container .wpgmp_tab_item {
border-bottom: 1px solid #e8ebec;
margin: 0px;
padding: 10px 0px;
}
.wpgmp_tabs_container .wpgmp_tab_item:last-child {
border-bottom: none;
}
.wpgmp_tabs_container .wpgmp_tab_item .wpgmp_cat_title {
text-decoration: none !important;
padding: 0 0 0 8px;
text-transform: capitalize;
box-shadow: none;
display: inline;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.wpgmp-select-all {
text-align: center;
margin-right: 10px;
}
.wpgmp_tabs_container .wpgmp_tab_item input[type="checkbox"] {
vertical-align: middle; display: inline;
transition: all 0.3s;
-webkit-transition: all 0.3s;
margin: 0 0 0 -14px;
margin: 0 0 0 -14px;
-webkit-appearance: auto;
height: auto;
width: auto;
min-width: auto;
}
.wpgmp_tabs_container .wpgmp_tab_item input[type="checkbox"]:before {
display: none !important;
}
.wpgmp_tabs_container .wpgmp_tab_item .wpgmp_cat_title span.arrow:after {
display: none !important;
}
.wpgmp_tabs_container .wpgmp_tab_item .wpgmp_cat_title span.arrow {
position: static !important;
}
@media (max-width: 767px) {
.wpgmp_tabs_container .wpgmp_tab_item input[type="checkbox"] {
margin-left: -16px;
}
}
.wpgmp_tabs_container #wpgmp_tab_0,
.wpgmp_tabs_container #wpgmp_tab_3,
.wpgmp_tabs_container #wpgmp_tab_2 {
overflow: hidden;
}
.wpgmp_tabs_container #wpgmp_tab_0 .wpgmp_tab_item:hover input[type="checkbox"],
.wpgmp_tabs_container #wpgmp_tab_3 .wpgmp_tab_item:hover input[type="checkbox"],
.wpgmp_tabs_container
#wpgmp_tab_2
.wpgmp_tab_item:hover
input[type="checkbox"] {
display: table-cell;
opacity: 1;
width: auto;
margin-left: 0px;
}
.wpgmp_tabs_container .wpgmp_tab_item .wpgmp_cat_title span.arrow {
float: right;
width: 32px;
margin-top: -5px;
margin-right: 10px;
}
.wpgmp_tabs_container .wpgmp_tab_item .wpgmp_cat_title:hover {
text-decoration: none !important;
}
.wpgmp_tabs_container .jspHorizontalBar .jspTrack,
.wpgmp_tabs_container .jspHorizontalBar .jspDrag {
float: left;
height: 100%;
}
* html .wpgmp_tabs_container .jspCorner {
margin: 0 -3px 0 0;
}
.wpgmp_map_container {
position: relative;
outline: none;
} .wpgmp_toggle_main_container {
width: 100%;
padding: 1em;
max-height: 300px;
overflow: auto;
}
.wpgmp_tab_item .wpgmp_location_container {
margin: 0 !important;
padding-top: 10px;
padding-bottom: 30px;
overflow: hidden;
}
.wpgmp_tabs_container
.wpgmp_tab_item
.wpgmp_location_container
input[type="checkbox"] {
margin-left: -23px;
}
.wpgmp_tab_item .wpgmp_location_container li.wpgmp_all_locations {
list-style: none;
border: 1px solid rgba(0, 0, 0, 0);
cursor: pointer;
margin: 0 18px 0 25px;
padding: 4px 0;
}
.wpgmp_tab_item .wpgmp_location_container li.wpgmp_all_locations:before {
border-bottom: 4px solid rgba(0, 0, 0, 0);
border-left: 4px solid #9e9e9e;
border-top: 4px solid rgba(0, 0, 0, 0);
content: "";
display: inline-block;
vertical-align: middle;
margin: -4px 5px 0 0;
}
.wpgmp_tab_item .wpgmp_location_container li.wpgmp_all_locations:hover {
border: 1px solid #d1d1d1;
text-decoration: none !important;
}
li.wpgmp_nearby_all_locations {
list-style: none;
cursor: pointer;
border: 1px solid #e9e9e9;
width: 97%;
text-indent: 10px;
margin: 6px 10px 0 0px !important;
padding: 7px 5px;
float: left;
} .wpgmp_listing_grid .wpgmp_locations {
width: 31.3333333333333333%;
vertical-align: top;
display: inline-block;
padding: 0 !important;
margin: 1% 1% !important;
border: 1px solid #e9e9e9;
border-radius: 0px;
height: auto;
float: none;
padding-bottom: 0px !important;
}
.wpgmp_listing_grid .fc-itemcontent-padding,
.wpgmp_listing_grid .fc-item-padding-content_15 {
padding: 15px;
}
.wpgmp_print_listing .fc-item-padding-content_15 {
float: left;
width: 100%;
}
.wpgmp_listing_list .fc-itemcontent-padding {
padding: 0 0 0 15px;
}
.wpgmp_listing_grid .fc-item-default.fc-wait .wpgmp_locations {
padding: 15px !important;
}
.wpgmp_listing_grid .fc-item-title {
margin-top: 15px;
}
.wpgmp_listing_grid .wpgmp_locations_head {
margin-bottom: 10px;
}
.wpgmp_listing_grid .wpgmp_locations .wpgmp_location_title {
line-height: 25px;
display: inline-block;
}
.wpgmp_listing_grid .wpgmp_locations .wpgmp_location_meta {
margin-top: 5px;
}
.wpgmp_listing_grid .wpgmp_locations .wpgmp_locations_content img {
float: none;
width: 100% !important;
margin-bottom: 10px !important;
border: none;
}
.wpgmp_listing_list .wpgmp_locations {
float: left;
width: 100%;
box-sizing: border-box;
padding: 14px;
margin-bottom: 10px;
border-bottom: 1px solid #f1f1f1;
height: auto !important;
}
.wpgmp_listing_list .wpgmp_locations .wpgmp_location_meta {
float: right;
}
.wpgmp_listing_grid .wpgmp_locations .wpgmp_locations_content,
.wpgmp_listing_list .wpgmp_locations .wpgmp_locations_content {
float: left;
width: 100%;
}
.categories_filter span.span_list,
.categories_filter span.span_grid,
.categories_filter span.span_print {
float: right;
margin-top: 0.75em;
}
.categories_filter span.span_list i,
.categories_filter span.span_list .active i,
.categories_filter span.span_grid i,
.categories_filter span.span_grid .active i,
.categories_filter span.span_print i,
.categories_filter span.span_print .active i {
opacity: 0.7;
}
.categories_filter span.span_list i:hover,
.categories_filter span.span_list .active i,
.categories_filter span.span_grid i:hover,
.categories_filter span.span_grid .active i,
.categories_filter span.span_print i:hover,
.categories_filter span.span_print .active i {
opacity: 1;
}
.categories_filter span.span_list a,
.categories_filter span.span_grid a,
.categories_filter span.span_print a {
box-shadow: none;
cursor: pointer;
border-radius: 50%;
padding: 5px;
font-size: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: inherit;
}
span.wpgmp_nearby_distance {
font-style: italic;
color: #9e9e9e;
float: left;
margin-right: 8px;
}
.wpgmp_direction_container,
.wpgmp_routes_container,
.wpgmp_nearby_container {
margin-top: 0px;
}
.wpgmp_direction_container p {
margin: 4px 0 7px;
}
.wpgmp_direction_container .wpgmp-direction-form .input {
float: left;
width: 235px;
border-radius: 0 !important;
margin: 4px 10px 5px 0;
padding: 5px 30px 5px 10px;
}
.wpgmp_direction_container span.wpgmp_mcurrent_location { display: inline-block;
height: 25px;
cursor: pointer !important;
vertical-align: middle;
width: 25px;
float: right;
margin: -25px 10px;
}
.wpgmp_direction_container p select[name="start_point"],
.wpgmp_direction_container p select[name="end_point"] {
box-shadow: none !important;
display: block;
margin-bottom: 10px;
}
.wpgmp_direction_container p input.wpgmp_find_direction,
.wpgmp_nearby_container .wpgmp_find_nearby_button {
border: 0px;
padding: 0.642857em 1.142857em;
line-height: 1.5;
}
.wpgmp_tabs_container input[type="button"]:hover,
.wpgmp_tabs_container input[type="submit"]:hover {
opacity: 0.87;
}
.wpgmp_nearby_container select#tmode {
width: 175px;
background: none;
margin: 4px 10px 7px 0;
padding: 5px 0 5px 5px;
}
.wpgmp_nearby_container .wpgmp_set_current_location {
font-size: 10px;
border: solid 1px #ddd;
display: block;
margin: 10px 0;
padding: 5px 0;
}
.wpgmp_nearby_container span.wpgmp_mcurrent_location { display: inline-block;
height: 25px;
cursor: pointer !important;
vertical-align: middle;
width: 25px;
margin: 3px -35px;
}
.wpgmp_toggle_container {
border-radius: 0 0 2px 2px;
cursor: pointer;
left: 50%;
margin-left: -49px;
position: absolute;
text-align: center;
width: 90px;
padding: 5px;
}
.wpgmp_locations_content img {
vertical-align: middle;
}
.wpgmp_location_meta {
display: inline-block;
float: right;
margin-right: 10px;
font-style: italic;
}
.wpgmp_display_category_data {
list-style: none !important;
}
.wpgmp_loading {
min-width: 300px;
min-height: 100px;
background: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/images/loader.gif) no-repeat center;
}
.wpgmp_display_locations_data {
list-style: none !important;
padding-bottom: 12px !important;
border-bottom: 1px solid #e5e4e2 !important;
margin: 16px 0 !important;
}
.wpgmp_display_locations_data h2 {
margin-bottom: 12px !important;
padding: 0 !important;
}
.wpgmp_display_locations_data p {
margin-bottom: 7px !important;
padding: 0 !important;
}
.wpgmp_display_locations_data img {
float: left !important;
width: 30px !important;
height: 30px !important;
}
.wpgmp_locations_listing div.wpgmp_pagination {
text-align: center;
margin: 3px;
padding: 3px;
}
.wpgmp_locations_listing div.wpgmp_pagination a {
margin-right: 2px;
border: 1px solid #ddd;
text-decoration: none;
padding: 2px 5px;
}
.wpgmp_locations_listing div.wpgmp_pagination span.current {
margin-right: 2px;
border: 1px solid #e0e0e0;
font-weight: 700;
padding: 2px 5px;
}
div.wpgmp_pagination span.disabled {
margin-right: 2px;
border: 1px solid #f3f3f3;
padding: 2px 5px;
}
div.wpgmp_listing_header,
div.categories_filter,
div.wpgmp_categories,
div.wpgmp_before_listing {
float: left;
width: 100%;
margin: 0px;
}
.wpgmp_location_container {
padding: 0;
}
.wpgmp_listing_container .wpgmp_location_listing_header {
font-weight: 400;
margin: 10px 5px;
}
div.wpgmp_search_form input.wpgmp_search_input {
display: block;
padding: 0.7142857em;
width: 100%;
margin-bottom: 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
outline: none;
border: 1px solid #fff;
border-bottom: 1px solid #f1f1f1;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
div.wpgmp_search_form input.wpgmp_search_input:focus {
}
div.wpgmp_search_form {
position: relative;
} div.wpgmp_tabs_container div.wpgmp_tab_item span.arrow img {
width: 100%;
box-shadow: none;
vertical-align: middle;
margin: 0px;
}
div.wpgmp_toggle_main_container
div.wpgmp_tab_item
ul.wpgmp_location_container
li {
list-style: none outside none;
margin: 0px;
padding: 0px 0.625em 0.625em 0.625em;
display: table;
}
div.wpgmp_toggle_main_container
div.wpgmp_tab_item
ul.wpgmp_location_container
li
.wpgmp_specific_location_item {
margin-right: 10px;
}
div.wpgmp_toggle_main_container
div.wpgmp_tab_item
ul.wpgmp_location_container
li
a {
text-decoration: none;
padding-left: 10px;
display: table-cell;
box-shadow: none;
}
div.wpgmp_direction_panel_container {
width: 100%;
float: left;
border-radius: 3px;
margin-bottom: 10px;
font-family: "Lato", Helvetica, Arial, sans-serif;
}
div.wpgmp_direction_panel_container div.dir_start {
font-weight: bold;
padding: 7px;
margin: 10px 12px;
border-left: 4px solid #bfbfbf;
color: #666;
}
div.wpgmp_direction_panel_container .dir_end {
font-weight: bold;
padding: 7px;
margin: 10px 12px;
border-left: 4px solid #bfbfbf;
}
div.wpgmp_direction_panel_container .dir_summary {
margin: 5px 15px;
}
div.wpgmp_direction_panel_container table {
border: none !important;
margin: 0px 15px !important;
padding: 0 !important;
width: 96% !important;
}
div.wpgmp_direction_panel_container div.dir_end {
margin-bottom: 20px !important;
}
div.wpgmp_direction_panel_container h2 {
border-radius: 3px;
margin: 10px 0;
}
div.wpgmp_direction_panel_container h2 a {
background: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/images/wpgmp-toggle-sprite.png) no-repeat scroll 15px
13px rgba(0, 0, 0, 0);
display: block;
font-weight: normal;
margin: 0;
padding: 6px 10px 6px 32px;
text-decoration: none;
}
div.wpgmp_direction_panel_container h2.open a {
background-position: 13px -25px;
}
.dir_row {
padding-right: 10px;
}
.dir_sprite {
width: 20px;
height: 20px;
display: block;
}
div.wpgmp_direction_panel_container table tr,
div.wpgmp_direction_panel_container table td {
border: none !important;
background: none !important;
border-bottom: 1px solid #e8ebec;
}
div.wpgmp_before_listing h2 {
margin: 0px;
}
div.wpgmp_listing_header div.wpgmp_search_form {
float: left;
width: 100%;
margin: 0.75em 0px 0px 0px;
}
div.categories_filter select {
margin-top: 0.85714em;
margin-right: 0.85714em;
border: 0px;
box-shadow: none !important;
display: block;
padding: 10px 30px 10px 10px;
float: left;
border-radius: 0px;
height: inherit;
line-height: 1.8;
font-weight: 500;
max-width: 225px;
border-radius: 4px;
text-transform: capitalize;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/images/white_select_arrow.png) no-repeat 99% 50% #212f3d;
}
div.directions-panel,
div.wpgmp-directions-panel-route-style {
margin-top: 8px !important;
padding: 2px 9px !important;
border: 1px solid #e8ebec;
}
div.directions-panel table,
div.directions-panel table tr,
div.directions-panel table tr td {
border: none !important;
background: none !important;
vertical-align: top !important;
}
div.wpgmp-directions-panel-route-style table,
div.wpgmp-directions-panel-route-style table tr,
div.wpgmp-directions-panel-route-style table tr td {
border: none !important;
background: none !important;
vertical-align: top !important;
}
div.directions-panel table tr td img,
div.wpgmp-directions-panel-route-style table tr td img {
box-shadow: none !important;
}
div.wpgmp_categories div.wpgmp_no_locations {
font: italic normal 18px georgia;
line-height: 25px;
margin: 10px 6px;
}
div.wpgmp_infowindow { overflow-x: hidden;
overflow-y: auto;
}
.direction-panel .adp-text {
padding-left: 10px;
}
.adp-directions tr td:first-child,
.adp-directions tr td:nth-child(2),
.adp-directions tr td::last-child {
width: 10% !important;
}
.adp-directions tr td:nth-child(3) {
width: 70% !important;
}
.directions-panel {
height: 280px !important;
overflow: auto;
}
.wpgmp-directions-panel-route-style *,
.directions-panel * {
font-size: 11px;
}
.directions-panel .adp-text {
padding-left: 10px;
}
.adp-directions {
margin: 0px;
padding: 0px;
width: 100%;
border-radius: 0;
}
.adp-directions table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
.adp-directions td {
vertical-align: middle;
border: 0 none;
border-width: 0px 1px 1px 0px;
text-align: left;
padding: 7px;
}
.adp b,
.adp-list b {
font-weight: 700;
font-size: inherit;
} .wpgmp_toggle_main_container input[type="text"] {
display: block;
width: 100%;
border: solid 1px #f1f1f1 !important;
padding: 8px;
margin-bottom: 0.85714em;
line-height: 1.5em;
background: #fff;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.wpgmp_toggle_main_container input[name="wpgmp_radius"] {
width: 25%;
float: left;
margin-right: 0.85714em;
}
.wpgmp_toggle_main_container span.wpgmp_mcurrent_location { display: inline-block;
height: 25px;
cursor: pointer !important;
vertical-align: middle;
width: 25px;
float: right;
margin: -43px 5px 0;
z-index: 50;
position: relative;
}
.wpgmp_locateme_control span::before,
.wpgmp_nearby_container span.wpgmp_mcurrent_location::before,
.wpgmp_direction_container span.wpgmp_mcurrent_location::before,
.wpgmp_toggle_main_container span.wpgmp_mcurrent_location::before {
content: "\e86d";
font-family: "weplugin";
display: block;
background-color: #fff;
}
.wpgmp_toggle_main_container p {
margin: 0;
}
.wpgmp_toggle_main_container p select {
width: 40%;
display: block;
font-weight: 300 !important;
float: left;
margin-right: 0.85714em;
height: inherit;
border: solid 1px #f1f1f1;
border-radius: 0px;
line-height: 1.5em;
margin-bottom: 0.85714em;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
padding: 8px 20px 8px 8px;
background: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/images/select_arrow.png) no-repeat 99% 50% #fff;
}
.wpgmp_toggle_main_container p select::-ms-expand,
div.categories_filter select::-ms-expand {
display: none;
}
.wpgmp_toggle_main_container input[type="submit"] {
border: 0px;
padding: 0.642857em 1.142857em;
}
.wpgmp_toggle_main_container .choose_amenities {
clear: both;
padding: 0px;
text-transform: uppercase;
}
.wpgmp_toggle_main_container .choose_amenities label {
display: block;
color: #ffff;
}
.wpgmp_toggle_main_container .amenity_type {
margin-right: 0.75em;
color: #fff;
padding: 0.4em 0.6em;
margin-bottom: 0.75em;
display: inline-table;
vertical-align: middle;
}
.wpgmp_toggle_main_container .amenity_type label {
font-size: 0.75em;
}
.wpgmp_toggle_main_container .choose_amenities input[type="checkbox"] {
vertical-align: middle;
width: 1.0714em;
height: 1.0714em;
margin-right: 0.4285em;
}
.wpgmp_listing_list .wpgmp_locations .wpgmp_location_title {
display: inline-block;
margin-bottom: 10px;
}
div.wpgmp_listing_container {
float: left;
width: 100%;
margin: 0 0 0;
}
.wpgmp_pagination {
padding: 20px 0px;
margin-bottom: 20px;
display: flex;
gap: 10px;
}
.wpgmp_pagination span,
.wpgmp_pagination a {
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none !important;
margin-right: 0;
padding: 10px 20px;
background: transparent;
color: rgba(72, 72, 72, 0.8); border: 1px solid #f1f1f1;
}
.wpgmp_locations img {
float: left;
margin-right: 10px;
width: 200px !important;
margin: 0px 10px 0px 0px !important;
border: 1px solid #ddd;
padding: 5px;
}
.wpgmp_specific_category_item {
vertical-align: middle;
}
.gm-style-iw .wpgmp_map img {
max-width: 100% !important;
} .wpgmp_infowindow .fc-content-holder {
margin-top: 10px;
}
.wpgmp_infowindow .fc-content-holder img {
width: 100px;
border: 1px solid #ddd !important;
padding: 5px;
float: left;
margin-right: 10px;
margin-top: 5px;
}
.wpgmp_infowindow .fc-item-title {
margin-bottom: 5px;
text-transform: uppercase;
color: #212f3d;
font-weight: 600;
font-size: 18px;
}
.wpgmp_infowindow .fc-badge.info {
font-size: 12px;
padding: 2px 8px;
}
.gm-style-iw .wpgmp_infowindow .fc-main {
line-height: 22px !important;
}
.wpgmp_infowindow .wpgmp-infowindow-fields span {
display: block;
margin: 0px;
padding: 0px;
}
.wpgmp_location_title a.place_title {
text-decoration: none;
border-bottom: 0px;
}
.fc-badge {
padding: 5px 10px;
border-radius: 0px;
}
[data-input="map-search-control"] {
padding: 0 11px 0 13px;
text-overflow: ellipsis;
width: 50% !important;
}
[data-input="map-search-control"] {
margin-top: 10px !important;
margin-bottom: 10px !important;
border: 1px solid transparent !important;
border-radius: 2px 0 0 2px !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
height: 32px;
outline: none;
}
[data-input="map-search-control"]:focus {
border-color: #4d90fe;
} .wpgmp_iw_head_content {
padding-left: 10px !important;
}
.fc-item-top-space {
margin-top: 10px;
}
.fc-item-top-space_5 {
margin-top: 5px;
}
.fc-item-top-space_20 {
margin-top: 20px;
}
.fc-item-top-space_30 {
margin-top: 30px;
}
.fc-item-bottom-space {
margin-bottom: 10px;
}
.fc-item-bottom-space_20 {
margin-bottom: 20px;
}
.fc-item-bottom-space_30 {
margin-bottom: 30px;
}
.fc-item-padding-content {
padding: 0 10px;
box-sizing: border-box;
}
.fc-item-padding-content_15 {
padding: 0 15px;
box-sizing: border-box;
}
.fc-item-padding-content_20 {
padding: 0 20px;
box-sizing: border-box;
}
.fc-item-padding-content_30 {
padding: 0 30px;
box-sizing: border-box;
}
.fc-item-padding-content_40 {
padding: 0px 40px;
}
.fc-item-no-padding {
padding: 0px;
}
.fc-itemcontent-padding {
padding: 10px;
float: left;
width: 100%;
}
.fc-btn {
padding: 6px 18px;
border: none;
cursor: pointer;
border-radius: 2px;
margin: 5px 0;
transition: all 0.5s;
text-align: center;
}
.fc-btn-small {
padding: 2px 8px;
}
.wpgmp_map_container img {
border: none;
}
.infowindow-close {
background: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/images/cross.png) no-repeat;
position: absolute;
right: 0px;
top: 2px;
cursor: pointer;
height: 20px;
width: 20px;
z-index: 100;
}
.wpgmp-control-outer {
padding: 5px;
text-align: center;
}
.wpgmp_listing_grid .fc-component-thumb {
width: 100% !important;
}
.wpgmp_listing_grid .fc-component-thumb img {
margin-bottom: 20px;
}
.wpgmp_listing_grid .fc-component-text {
width: 100% !important;
}
.wpgmp_infowindow .fc-item-box {
min-width: inherit !important;
}
.wpgmp_locations_foot {
float: left;
width: 100%;
margin: 10px 0;
}
.wpgmp_locations_foot {
line-height: 1.6em;
}
.wpgmp_locations_foot strong {
font-weight: 600;
}
.wpgmp-filters-container,
.categories_filter_reset {
float: left !important;
}
.categories_filter input[type="button"] {
background: #212f3d;
height: inherit !important;
border-radius: 0px;
text-transform: none;
line-height: inherit !important;
display: block;
float: left;
border-radius: 0px;
}
.categories_filter_reset_btn {
margin-top: 0.85714em !important;
color: #ffffff !important;
font-weight: inherit !important;
font-size: 0.875em !important;
}
@media only screen and (min-width: 0px) and (max-width: 319px) { .wpgmp_tabs_container *,
.wpgmp_listing_container *,
.wpgmp_pagination * {
font-size: 10px;
}
.wpgmp_listing_container .categories_filter select {
width: 100%;
margin-bottom: 10px;
padding: 4px;
height: 30px;
font-size: 10px;
}
.wpgmp_map_container .gm-style-iw {
max-width: 80% !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 480px) { .wpgmp_listing_container .categories_filter select {
width: 100%;
margin-bottom: 10px;
padding: 4px;
height: 30px;
font-size: 10px;
}
.wpgmp_tabs_container .wpgmp_tabs li a {
padding: 10px 5px;
}
.wpgmp_map_container .gm-style-iw {
max-width: 80% !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.wpgmp_listing_container .categories_filter select {
width: 48%;
margin-bottom: 10px;
padding: 4px;
height: 30px;
font-size: 10px;
}
.wpgmp_map_container .gm-style-iw {
max-width: 80% !important;
}
.fc-infowindow-default .fc-item-featured img {
width: 100%;
padding: 0px !important;
margin: 10px 0px !important;
}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.wpgmp_tabs_container {
width: 30%;
max-width: 30%;
} .wpgmp_map_container .gm-style-iw {
max-width: 300px !important;
}
.wpgmp_tabs_container *,
.wpgmp_listing_container *,
.wpgmp_pagination * {
font-size: 14px;
}
.wpgmp_listing_container .categories_filter select {
margin-bottom: 10px;
padding: 0px;
height: 30px;
}
.wpgmp_pagination {
padding: 0px;
}
.wpgmp_listing_container .categories_filter select {
width: 48%;
margin-bottom: 10px;
padding: 4px;
height: 30px;
font-size: 10px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1824px) {
.wpgmp_tabs_container {
width: 30%;
max-width: 30%;
}
} @media only screen and (min-width: 1824px) { .wpgmp_tabs_container {
width: 30%;
max-width: 30%;
}
}
@media only screen and (max-width: 768px) {
.wpgmp_toggle_main_container span.wpgmp_mcurrent_location {
margin-top: -39px;
}
.wpgmp_infowindow .wpgmp_iw_content .fc-badge.info {
display: block;
margin-top: 10px;
}
.wpgmp_tabs_container *,
.wpgmp_listing_container *,
.wpgmp_pagination * {
font-size: 14px;
}
.wpgmp_pagination {
padding: 0px;
}
div.wpgmp_tabs_container div.wpgmp_tab_item span.arrow img {
width: 24px;
}
.wpgmp_map_container {
box-shadow: none;
}
.wpgmp_tabs_container {
position: relative;
top: 0;
left: 0;
box-shadow: none;
-ms-box-shadow: none;
margin-top: 10px;
}
.wpgmp_tabs_container {
margin-bottom: 30px;
}
.wpgmp_toggle_container {
display: block;
}
.fc-feature-img img {
width: 100%;
height: auto;
}
.wpgmp_toggle_main_container p select {
width: 48.5%;
}
.wpgmp_toggle_main_container p select#travel_unit {
margin-right: 0px;
}
.fc-hide-mobile {
display: none;
}
}
@media (max-width: 767px) {
.wpgmp_toggle_main_container p select {
width: 47%;
}
.fc-hide-mobile,
.span_grid,
.span_list {
display: none;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.categories_filter span.span_list img,
.categories_filter span.span_grid img,
.categories_filter span.span_print img {
padding: 3px;
width: 18px;
}
}
@media (max-width: 650px) {
.wpgmp_toggle_main_container p select,
div.categories_filter select,
.categories_filter_reset {
width: 100%;
border-radius: 0px;
max-width: 100%;
}
.wpgmp_toggle_main_container input[name="wpgmp_radius"] {
width: 100%;
}
}
.fc-badge:empty {
display: none;
}
@media (max-width: 960px) {
.wpgmp_listing_grid .fc-component-6 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media (max-width: 678px) {
.wpgmp_listing_grid .fc-component-6 {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.wpgmp_listing_grid .wpgmp_locations {
width: 100%;
margin-left: 0px !important;
margin-right: 0px !important;
}
}
.fc-item-title {
font-size: 1.5em;
margin-bottom: 5px;
text-transform: uppercase;
}
.gm-style-iw {
line-height: 22px !important;
}
.fc-badge {
border-radius: 2px;
color: #a5a3a3;
font-size: 14px;
padding: 0 10px;
}
.fc-badge.info {
background: #f1f1f1 none repeat scroll 0 0;
border: 1px solid #f1f1f1;
display: inline-block;
}
.fc-item-featured_image { }
.fc-infowindow-default .fc-item-featured img,
.fc-item-featured_image img {
float: left;
margin-right: 10px;
margin-top: 9px;
border: 1px solid #ddd;
height: auto;
max-width: 100%;
padding: 5px;
}
.fc-infowindow-default .fc-item-featured img {
float: left;
width: 200px !important;
margin-right: 10px;
}
.fc-btn {
border: medium none;
border-radius: 2px;
cursor: pointer;
font-size: 14px;
margin: 5px 0;
padding: 6px 18px;
text-align: center;
transition: all 0.5s ease 0s;
}
.fc-btn-red {
background: #c12e2a none repeat scroll 0 0;
border: 1px solid #a91511;
box-shadow:
0 1px 0 rgba(255, 255, 255, 0.15) inset,
0 1px 1px rgba(0, 0, 0, 0.075);
color: #fff !important;
text-decoration: none !important;
}
.fc-btn-green {
background: #419641;
border: 1px solid #1d741d;
box-shadow:
0 1px 0 rgba(255, 255, 255, 0.15) inset,
0 1px 1px rgba(0, 0, 0, 0.075);
color: #fff !important;
text-decoration: none !important;
}
.fc-btn-small {
font-size: 12px;
padding: 2px 8px;
}
.fc-item-no-padding {
padding: 0px;
}
.fc-itemcontent-padding {
padding: 10px;
float: left;
width: 100%;
}
.fc-item-box {
display: inline-block;
margin: 20px;
vertical-align: top;
padding: 10px !important;
border: 1px solid #f1f1f1;
box-sizing: border-box !important;
width: 100%;
position: relative;
height: 100%;
background: none !important;
}
.wpgmp_infowindow.fc-infowindow-default .fc-item-box,
.wpgmp_infowindow.fc-item-default .fc-item-box {
border: none;
padding: 0px !important;
}
.wpgmp_listing_list .fc-item-box {
margin: 10px 0 !important;
}
.fc-component-content ul li.fc-component-thumb .fc-feature-img {
width: 250px;
}
.wpgmp_infowindow .default-feature-img {
display: none;
}
.wpgmp_listing_grid
.fc-component-content
ul
li.fc-component-thumb
.fc-feature-img {
width: 100%;
}
.wpgmp_listing_grid .fc-component-content ul {
width: 100% !important;
display: block !important;
}
.wpgmp_listing_grid .fc-component-content ul li {
display: inherit !important;
width: 100% !important;
float: left;
}
.wpgmp_listing_container .fc-component-content ul {
margin: 0;
padding: 0;
display: table;
width: 100%;
}
.wpgmp_listing_container .fc-component-content ul li {
list-style: none;
display: table-cell;
vertical-align: top;
}
.wpgmp_listing_container .fc-component-content ul li.fc-component-text {
width: 100%;
}
.fc-component-content .fc-featured-hoverdiv {
position: relative;
float: left;
width: 100%;
}
.fc-component-content .fc-featured-hoverinner {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.5s ease;
opacity: 0;
}
.fc-component-content .fc-featured-hoverdiv:hover .fc-featured-hoverinner {
opacity: 1;
}
.fc-featured-hoverinner a {
text-decoration: none;
box-shadow: none;
}
.fc-featured-hoverinner .facebook {
background: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/images/facebook.png) no-repeat;
width: 40px;
height: 40px;
display: inline-block;
margin: 0 5px;
}
.fc-featured-hoverinner .twitter {
background: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/images/twitter.png) no-repeat;
width: 40px;
height: 40px;
display: inline-block;
margin: 0 5px;
}
.fc-featured-hoverinner .map {
background: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/images/map.png) no-repeat;
width: 50px;
height: 50px;
display: inline-block;
margin: 0 5px;
}
.fc_preview .fc-component-content ul li {
float: left;
}
.fc-item-kairav.fc-wait .fc-item-meta,
.fc_preview .fc-item-kairav .fc-item-meta {
background: #f1f1f1;
padding: 3px 10px;
color: #000;
margin: 0px;
}
.fc-right {
float: right;
}
.fc-left {
float: left;
}
.wpgmp_listing_list .fc-wait .fc-item-padding-content_15 {
padding-right: 0px;
}
.fc-location-marker {
float: left;
width: 100%;
background-repeat: no-repeat;
padding-left: 23px;
margin: 10px 0;
position: relative;
}
.fc-location-marker:before {
position: absolute;
background: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/images/location-icon.png) no-repeat top left;
content: "";
width: 15px;
height: 24px;
left: 0px;
top: 0px;
}
.wpgmp_listing_grid .fc-hide-grid {
display: none;
}
.wpgmp_listing_list .fc-show-grid {
display: none;
}
@media (max-width: 767px) {
.fc-component-content ul li.fc-component-thumb .fc-feature-img {
width: 100% !important;
}
.fc-item-default.fc-wait .wpgmp_locations .wpgmp_locations_content img {
width: 100% !important;
margin-bottom: 10px !important;
}
.fc-component-content ul li {
display: inherit !important;
width: 100%;
}
.wpgmp_listing_list .fc-wait .fc-item-padding-content_15 {
padding: 0 15px;
}
.wpgmp_listing_grid .fc-hide-grid,
.wpgmp_listing_list .fc-hide-grid {
display: none;
}
.wpgmp_listing_grid .fc-show-grid,
.wpgmp_listing_list .fc-show-grid {
display: block;
}
}
.fc-infowindow3 {
position: relative;
width: 100%;
height: 100%;
}
.wpgmp_infowindow.fc-infowindow-fano .fc-item-title,
.wpgmp_infowindow.fc-item-fano .fc-item-title,
.wpgmp_infowindow.fc-post-fano .fc-item-title {
position: absolute;
left: 10px;
top: 10px;
}
.wpgmp_infowindow.fc-infowindow-fano .fc-item-meta,
.wpgmp_infowindow.fc-item-fano .fc-item-meta,
.wpgmp_infowindow.fc-post-fano .fc-item-meta {
position: absolute;
right: 8px;
bottom: 1px;
background: #fff;
padding: 5px 10px;
text-align: center;
}
.fc-infowindow-content,
.fc-item-content {
float: left;
width: 100%;
box-sizing: border-box;
}
.fc-infowindow-ojas .fc-item-title,
.fc-post-ojas .fc-item-title {
background: #4390ff;
color: #fff;
padding: 8px 30px 8px 10px;
}
.fc-post-ojas .fc-item-title a {
color: #fff;
}
.fc-space-bottom {
margin-bottom: 20px;
}
.wpgmp_infowindow.fc-item-aare,
.wpgmp_infowindow.fc-item-acerra,
.wpgmp_infowindow.fc-item-fano,
.wpgmp_infowindow.fc-item-kairav,
.wpgmp_infowindow.fc-item-kriday,
.wpgmp_infowindow.fc-item-ojas,
.wpgmp_infowindow.fc-item-parma,
.wpgmp_infowindow.fc-item-udine,
.wpgmp_infowindow.fc-infowindow-aare,
.wpgmp_infowindow.fc-infowindow-acerra,
.wpgmp_infowindow.fc-infowindow-fano,
.wpgmp_infowindow.fc-infowindow-kairav,
.wpgmp_infowindow.fc-infowindow-kriday,
.wpgmp_infowindow.fc-infowindow-ojas,
.wpgmp_infowindow.fc-infowindow-parma,
.wpgmp_infowindow.fc-infowindow-udine {
width: 350px;
background: #fff;
position: relative;
}
@media (max-width: 600px) {
.categories_filter_reset_btn {
width: 100%;
}
.wpgmp_infobox .wpgmp_infowindow {
width: 350px !important;
position: relative;
}
}
.infowindow-close {
right: 6px;
top: 8px;
}
.fc-item-padding-content_20 {
padding: 0 20px;
box-sizing: border-box;
}
.wpgmp_infowindow_post .fc-item-title a {
text-decoration: none !important;
box-shadow: none !important;
}
.wpgmp_infowindow_post .wp-post-image {
max-width: 100% !important;
height: auto;
box-sizing: border-box;
}
.wpgmp_infowindow a {
box-shadow: none;
} .fc-accordion {
margin: 0 0 15px 0;
}
.fc-accordion dt {
float: left;
width: 100%;
}
.fc-accordion dt a {
background-color: #012139;
position: relative;
text-transform: uppercase;
width: 100%;
display: block;
text-align: left;
cursor: pointer;
font-weight: 600;
color: #80c8fe;
text-decoration: none;
padding: 11px 15px;
border-bottom: 1px solid #6b94b3;
outline: none;
}
.fc-accordion dt a:active,
.fc-accordion dt a:visited,
.fc-accordion dt a:focus {
outline: none;
box-shadow: none;
}
.fc-accordion dt i {
float: right;
margin-top: 2px;
}
.fc-accordion dt a:hover,
.fc-accordion dt.active a {
text-decoration: none;
background: #012139;
color: #80c8fe;
}
.fc-accordion dt a::after {
content: "";
position: absolute;
right: 10px;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='13px' viewBox='0 0 55.751 55.751' style='enable-background:new 0 0 55.751 55.751;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M31.836,43.006c0.282-0.281,0.518-0.59,0.725-0.912L54.17,20.485c2.107-2.109,2.109-5.528,0-7.638 c-2.109-2.107-5.527-2.109-7.638,0l-18.608,18.61L9.217,12.753c-2.109-2.108-5.527-2.109-7.637,0 C0.527,13.809-0.002,15.19,0,16.571c-0.002,1.382,0.527,2.764,1.582,3.816l21.703,21.706c0.207,0.323,0.445,0.631,0.729,0.913 c1.078,1.078,2.496,1.597,3.91,1.572C29.336,44.604,30.758,44.084,31.836,43.006z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 13px;
width: 13px;
height: 13px;
top: 50%;
transform: translateY(-50%);
}
.fc-accordion dt.active a::after {
content: "";
position: absolute;
right: 10px;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='13px' viewBox='0 0 55.751 55.751' style='enable-background:new 0 0 55.751 55.751;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M31.836,43.006c0.282-0.281,0.518-0.59,0.725-0.912L54.17,20.485c2.107-2.109,2.109-5.528,0-7.638 c-2.109-2.107-5.527-2.109-7.638,0l-18.608,18.61L9.217,12.753c-2.109-2.108-5.527-2.109-7.637,0 C0.527,13.809-0.002,15.19,0,16.571c-0.002,1.382,0.527,2.764,1.582,3.816l21.703,21.706c0.207,0.323,0.445,0.631,0.729,0.913 c1.078,1.078,2.496,1.597,3.91,1.572C29.336,44.604,30.758,44.084,31.836,43.006z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 13px;
width: 13px;
height: 13px;
top: 50%;
transform: translateY(-50%) rotate(180deg);
}
.fc-accordion dd {
background-color: #fff;
padding: 15px;
display: none;
border-bottom: 1px solid #6b94b3;
max-height: 0;
transition: max-height 0.2s ease-out;
float: left;
width: 100%;
position: relative;
margin-bottom: 0px;
box-sizing: border-box;
}
.fc-accordion dd.active {
display: block;
max-height: inherit;
}
.fc-infowindow-parma .fc-accordion,
.wpgmp_infowindow_post.fc-item-parma .fc-accordion {
float: left;
width: 100%;
margin: 0px 0 15px;
}
.fc-infowindow-parma .fc-accordion dl,
.wpgmp_infowindow_post.fc-item-parma .fc-accordion dl {
margin: 0px;
}
.fc-infowindow-parma .fc-accordion dt a,
.wpgmp_infowindow_post.fc-item-parma .fc-accordion dt a {
background-color: #e0e0e0;
color: #000;
padding: 6px 15px;
border-bottom: 1px solid #d8d7d7;
box-sizing: border-box;
}
.fc-infowindow-parma .fc-accordion dt a:hover,
.fc-infowindow-parma .fc-accordion dt.active a,
.wpgmp_infowindow_post.fc-item-parma .fc-accordion dt a:hover,
.wpgmp_infowindow_post.fc-item-parma .fc-accordion dt.active a {
text-decoration: none;
background: #e0e0e0;
color: #000;
width: 100%;
float: left;
display: block;
}
.fc-infowindow-parma .fc-accordion dd,
.wpgmp_infowindow_post.fc-item-parma .fc-accordion dd {
background-color: #fff;
border-bottom: 1px solid #d8d7d7;
margin: 0px;
}
.fc-item-fano div.fc-item-meta {
background: #fbfbfb;
padding: 5px 10px;
text-align: center; }
.fc-item-fano div.fc-feature-img + div.fc-item-meta,
.fc-item-fano img + div.fc-item-meta {
position: absolute;
left: 3px;
top: 3px;
}
.fc-item-fano .read-more {
border: 1px solid #444444;
font-size: 14px;
padding: 0;
display: inline-block;
margin: 16px 0 0;
box-shadow: none;
background: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/images/arrow.png) no-repeat center 7px;
width: 67px;
height: 33px;
text-indent: -99999px;
}
.fc-item-fano .read-more:hover {
background: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/images/arrow.png) no-repeat center -43px #444444;
color: #fff;
}
.fc-item-aare .read-more {
border: 1px solid #444444;
font-size: 12px;
padding: 5px 10px;
display: inline-block;
margin: 15px 0 0;
box-shadow: none;
}
.fc-item-aare .read-more:hover {
background: #444444;
color: #fff;
}
.fc-item-padding-content_15 {
padding: 0 15px;
box-sizing: border-box;
}
@media (max-width: 600px) {
.infowindow-close {
right: 4px;
}
.wpgmp_categories .fc-feature-img {
width: 100%;
float: left;
margin: 0px 0 0px;
}
.wpgmp_categories .fc-feature-img img {
width: 100% !important;
height: auto;
margin: 0px !important;
padding: 0px !important;
}
}
.wpgmp_iw_content .fc-main {
background: none;
}
.fc-p-text {
font-size: 14px;
margin-bottom: 30px;
}
.wpgmp_before_listing {
line-height: 1em;
}
.infoBoxTail:after {
content: "";
position: absolute; left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #fff;
}
.infoBox {
animation: fadeIn 0.9s;
}
.fc-6 {
width: 50%;
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
box-sizing: border-box;
}
@media (max-width: 992px) {
.fc-6 {
width: 100%;
}
}
.wpgmp_filter_wrappers {
background: #f3f3f3;
padding: 20px;
border-radius: 8px;
float: left;
width: 100%;
margin-bottom: 10px;
}
@media (max-width: 370px) {
.wpgmp_infobox .wpgmp_infowindow {
width: 350px !important;
}
}
.wpgmp_map_parent {
float: left;
width: 100%;
position: relative;
margin-bottom: 15px;
}
#wpgmp_tab_3 .wpgmp_cat_title span {
margin-top: 7px !important;
}
.adp-placemark td:nth-child(2) {
padding-left: 5px;
}
.categories_filter span.span_list img,
.categories_filter span.span_print img {
display: block;
}
.amenity_type {
padding-left: 30px;
position: relative;
}
.amenity_type input[type="checkbox"] {
opacity: 0;
z-index: 1;
position: relative;
}
.amenity_type label {
vertical-align: middle;
position: relative;
transition: all 0.4s ease 0s;
display: inline-block !important;
font-weight: normal;
line-height: 1.5em;
}
.amenity_type label::before {
content: "";
display: inline-block;
position: absolute;
width: 1.25em;
height: 1.25em;
left: 0;
top: 1px;
margin-left: -1.75em;
border: 1px solid #fff;
border-radius: 0px;
background-color: #fff;
-webkit-transition:
border 0.15s ease-in-out,
color 0.15s ease-in-out;
-o-transition:
border 0.15s ease-in-out,
color 0.15s ease-in-out;
transition:
border 0.15s ease-in-out,
color 0.15s ease-in-out;
}
.amenity_type label::after {
display: inline-block;
position: absolute;
width: 1.25em;
height: 1.25em;
left: 1px;
top: -1px;
margin-left: -2.1em;
padding-left: 3px;
padding-top: 1px;
font-size: 0.916667em;
color: #000;
}
.amenity_type input[type="checkbox"]:checked + label::before {
outline: none;
border: 1px solid #fff;
outline: 0px auto -webkit-focus-ring-color;
background: #fff;
}
.amenity_type input[type="checkbox"]:checked + label::after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' viewBox='0 0 236.988 236.988' style='enable-background:new 0 0 236.988 236.988;' xml:space='preserve'%3E%3Cpolygon points='198.098,24.326 87.543,134.881 38.891,86.229 0,125.121 87.543,212.662 236.988,63.217 '/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
top: 50%;
left: 3px;
transform: translateY(-50%);
background-position: center;
}
.wpgmp_infowindow .fc-item-box img {
display: block;
}
.fc-featured-hoverdiv div.fc-featured-hoverinner:last-child {
display: none;
}
.gm-svpc img {
max-width: none !important;
} @media (max-width: 768px) {
.gm-style .gm-style-iw-a {
width: 100% !important;
}
.fc-infowindow-default .wpgmp_iw_content {
width: 100%;
}
}
.categories_filter input[type="button"] {
border: none;
padding: 0.7142857em 0.7142857em 0.7142857em 0.7142857em;
line-height: 1.8 !important;
font-weight: 500 !important;
}
.wpgmp_map_container {
display: table;
width: 100%;
}
.wpgmp_hide_map_container {
display: none;
}
.wpgmp_map_container_placeholder {
position: relative;
background-image: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/images/map_placeholder.png);
background-size: cover;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
min-height: 200px;
}
.wpgmp_map_container_placeholder .no-cookie-accepted {
padding: 20px;
background: #000;
opacity: 0.4;
color: #fff;
}
.wpgmp_map_container * {
box-sizing: border-box;
}
.wpgmp_map_parent,
.wpgmp_filter_wrappers,
.location_listing2 {
float: none;
display: inline-block;
}
@media (max-width: 768px) {
.fc-infowindow-default .wpgmp_iw_content {
width: 33vh !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.wpgmp_map_container .gm-style-iw-t > .gm-style-iw {
max-width: 26vh !important;
}
.wpgmp_infowindow .fc-item-box {
margin: 0px !important;
}
} .wpgmp-autocomplete-wrapper {
position: relative;
margin-bottom: 10px;
}
.wpgmp-autocomplete-wrapper input {
width: 100%;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 4px;
outline: none;
}
.wpgmp-autocomplete-wrapper input:focus {
border-color: #66afe9;
box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
}
.wpgmp-autosuggest-results {
width: 100%;
position: absolute;
top: 40px;
left: 0;
border: 1px solid #ccc;
border-top: none;
border-radius: 0 0 4px 4px;
background-color: #fff;
z-index: 1000;
max-height: 150px;
overflow-y: auto;
display: none;
margin-block: 0 !important;
padding-left: 0 !important;
list-style: none;
}
.wpgmp-autosuggest-results li {
padding: 10px;
cursor: pointer;
transition: background-color 0.2s;
}
.wpgmp-autosuggest-results li:hover {
background-color: #f0f0f0;
}
.wpgmp-search-control-wrapper .wpgmp-autocomplete-wrapper input {
width: 100% !important;
}
.wpgmp-search-control-wrapper {
width: 100% !important;
max-width: 350px;
}
a.wpgmp-action-link {
text-decoration: underline;
color: #4390ff;
margin-right: 10px;
}
.wpgmp-actions {
margin: 15px 0px 15px!important;
}
.wpgmp-actions a{
font-size: .875em!important;
text-decoration: none!important;
background: #212F3D;
padding: 7px 14px;
border-radius: 4px;
color: #ffffff;
} .leaflet-routing-container-hide {
display: none;
visibility: none;
} .wpgmp_infowindow.fc-infowindow-default,
.wpgmp_infowindow.wpgmp_infowindow_post.fc-item-default {
background: #fff;
padding: 20px;
width: 350px;
} .wpgmp-marker-label {
background: #4285f4;
color: #fff;
border-radius: 50%;
padding: 5px 10px;
font-weight: bold;
text-align: center;
} .leaflet-bounce-animation {
animation: leaflet-bounce 0.6s ease-in-out infinite !important;
will-change: transform;
}
@keyframes leaflet-bounce {
0%,
100% {
transform: translateY(0) !important;
}
50% {
transform: translateY(-10px) !important;
}
} .wpgmp_toggle_main_container input.wpgmp_error,
div.wpgmp_search_form input.wpgmp_error:focus {
border: solid 1px #ff0000 !important;
} .wpgmp-map-provider-google .wpgmp_locateme_control {
margin-top: 10px;
margin-left: 10px;
} .wpgmp-autosuggest-loader {
position: absolute;
top: 50%;
right: 10px;
width: 16px;
height: 16px;
transform: translateY(-50%);
border: 2px solid #ccc;
border-top: 2px solid #000;
border-radius: 50%;
animation: wpgmp-spin 0.6s linear infinite;
z-index: 5;
}
@keyframes wpgmp-spin {
0% {
transform: translateY(-50%) rotate(0deg);
}
100% {
transform: translateY(-50%) rotate(360deg);
}
}
.wpgmp_msg_info {
text-align: center;
font-size: 14px;
font-weight: 500;
} @keyframes gmp-drop {
0% {
opacity: 0;
transform: translateY(-200px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.gmp-marker-drop {
animation: gmp-drop 0.6s ease-out forwards;
}
@keyframes gmp-bounce {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-15px);
}
}
.gmp-marker-bounce {
animation: gmp-bounce 0.6s infinite;
} .leaflet-control select.wpomp_map_type {
--fc-form-select-bg-img: url("data:image/svg+xml,%3Csvg width='18' height='9' viewBox='0 0 18 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9201 0.950195L10.4001 7.4702C9.63008 8.2402 8.37008 8.2402 7.60008 7.4702L1.08008 0.950195' stroke='%234390FF' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--fc-form-select-padding-y: 12px;
--fc-form-select-padding-x: 20px;
--fc-form-select-font-size: 16px;
--fc-form-select-font-weight: 400;
--fc-form-select-line-height: 20px;
--fc-form-select-height: 46px;
--fc-form-select-bg: #fff;
--fc-form-select-color: var(--fc-body-color);
--fc-form-select-placeholder-color: #868e96;
--fc-form-select-border-width: 1px;
--fc-form-select-border-color: rgba(0, 0, 0, 0.1);
--fc-form-select-active-border-color: var(--fc-primary);
--fc-form-select-active-box-shadow: none;
--fc-form-select-box-shadow: none;
--fc-form-select-border-radius: 8px;
position: relative;
display: block;
margin: 0;
width: 100%;
max-width: none;
padding: var(--fc-form-select-padding-y)
calc(var(--fc-form-select-padding-x) + 16px) var(--fc-form-select-padding-y)
var(--fc-form-select-padding-x);
font-size: var(--fc-form-select-font-size);
font-weight: var(--fc-form-select-font-weight);
line-height: var(--fc-form-select-line-height);
color: var(--fc-form-select-color);
min-height: var(--fc-form-select-height);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--fc-form-select-bg);
background-image: var(--fc-form-select-bg-img);
background-repeat: no-repeat;
background-position: right 15px center;
background-size: 16px 12px;
border: var(--fc-border-width) solid var(--fc-form-select-border-color);
border-radius: var(--fc-form-select-border-radius);
box-shadow: var(--fc-form-select-box-shadow);
transition:
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
} .searchContainer {
position: relative;
}
.wpgmp_map_container .searchBox {
width: 310px;
height:46px;
border: none;
margin-left: 10px;
overflow: hidden;
outline: none;
}
.resultsDiv {
background: #fff;
}
.resultsDiv.result {
position: absolute;
background-color: white;
width: 399px; 
top: 200px;
border-style: solid;
border-width: 1px;
border-color: lightgrey;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 2px 2px 2px -2px gray;
-webkit-box-shadow: 2px 2px 2px -2px gray;
box-shadow: 2px 2px 2px -2px gray;
}
.resultsDiv .list {
list-style-type:none;
padding-left:0;
margin-bottom: 0px;
margin-top: 0px;
}
.listResult {
background-color: white;
height: 38px;
margin-bottom: 0px;
border-top: 1px solid #e6e6e6;
}
.listResult.active {
background-color: lightskyblue;
}
.listResult.mouseover {
background-color: lightgrey;
}
.iconStyle {
width: 24px;
height: 24px;
margin-left: 5px;
vertical-align: middle;
}
.resultsDiv .content {
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 38px;
width: 399px; 
line-height:38px;
}
.pagingDiv {
border-top: 1px solid #e6e6e6;
}
.pagingArrow {
vertical-align: bottom;
}
.title {
margin-left: 10px;
line-height:38px;;
}
.resultsDiv.result {
top: 42px;
z-index: 9999;
}
.leaflet-control-fullscreen a {
background:#fff url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/css/fullscreen.png) no-repeat 0 0;
background-size:26px 52px;
}
.leaflet-touch .leaflet-control-fullscreen a {
background-position: 2px 2px;
}
.leaflet-fullscreen-on .leaflet-control-fullscreen a {
background-position:0 -26px;
}
.leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a {
background-position: 2px -24px;
} .leaflet-container:-webkit-full-screen {
width:100%!important;
height:100%!important;
}
.leaflet-container.leaflet-fullscreen-on {
width:100%!important;
height:100%!important;
}
.leaflet-pseudo-fullscreen {
position:fixed!important;
width:100%!important;
height:100%!important;
top:0!important;
left:0!important;
z-index:99999;
}
@media
(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.leaflet-control-fullscreen a {
background-image:url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/css/fullscreen@2x.png);
}
}
.leaflet-control-locate a{font-size:1.4em;color:#444;cursor:pointer}.leaflet-control-locate.active a{color:#2074b6}.leaflet-control-locate.active.following a{color:#fc8428}.leaflet-control-locate-location circle{animation:leaflet-control-locate-throb 4s ease infinite}@keyframes leaflet-control-locate-throb{0%{r:9;stroke-width:1}50%{r:7;stroke-width:3}100%{r:9;stroke-width:1}} .leaflet-routing-container, .leaflet-routing-error {
width: 320px;
background-color: white;
padding-top: 4px;
transition: all 0.2s ease;
box-sizing: border-box;
}
.leaflet-control-container .leaflet-routing-container-hide {
width: 32px;
height: 32px;
}
.leaflet-routing-container h2 {
font-size: 14px;
}
.leaflet-routing-container h3 {
font-size: 12px;
font-weight: normal;
}
.leaflet-routing-collapsible .leaflet-routing-geocoders {
margin-top: 20px;
}
.leaflet-routing-alt, .leaflet-routing-geocoders, .leaflet-routing-error {
padding: 6px;
margin-top: 2px;
margin-bottom: 6px;
border-bottom: 1px solid #ccc;
max-height: 320px;
overflow-y: auto;
transition: all 0.2s ease;
}
.leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-alt, 
.leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-geocoders {
display: none;
}
.leaflet-bar .leaflet-routing-alt:last-child {
border-bottom: none;
}
.leaflet-routing-alt-minimized {
color: #888;
max-height: 64px;
overflow: hidden;
cursor: pointer;
}
.leaflet-routing-alt table {
border-collapse: collapse;
}
.leaflet-routing-alt tr:hover {
background-color: #eee;
cursor: pointer;
}
.leaflet-routing-alt::-webkit-scrollbar {
width: 8px;
}
.leaflet-routing-alt::-webkit-scrollbar-track {
border-radius: 2px;
background-color: #eee;
}
.leaflet-routing-alt::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #888;
}
.leaflet-routing-icon {
background-image: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/css/leaflet.routing.icons.png);
-webkit-background-size: 240px 20px;
background-size: 240px 20px;
background-repeat: no-repeat;
margin: 0;
content: '';
display: inline-block;
vertical-align: top;
width: 20px;
height: 20px;
}
.leaflet-routing-icon-continue         { background-position: 0 0; }
.leaflet-routing-icon-sharp-right      { background-position: -20px 0; }
.leaflet-routing-icon-turn-right       { background-position: -40px 0; }
.leaflet-routing-icon-bear-right       { background-position: -60px 0; }
.leaflet-routing-icon-u-turn           { background-position: -80px 0; }
.leaflet-routing-icon-sharp-left       { background-position: -100px 0; }
.leaflet-routing-icon-turn-left        { background-position: -120px 0; }
.leaflet-routing-icon-bear-left        { background-position: -140px 0; }
.leaflet-routing-icon-depart           { background-position: -160px 0; }
.leaflet-routing-icon-enter-roundabout { background-position: -180px 0; }
.leaflet-routing-icon-arrive           { background-position: -200px 0; }
.leaflet-routing-icon-via              { background-position: -220px 0; }
.leaflet-routing-geocoders div {
padding: 4px 0px 4px 0px;
}
.leaflet-routing-geocoders input {
width: 303px;
width: calc(100% - 4px);
line-height: 1.67;
border: 1px solid #ccc;
}
.leaflet-routing-geocoders button {
font: bold 18px 'Lucida Console', Monaco, monospace;
border: 1px solid #ccc;
border-radius: 4px;
background-color: white;
margin: 0;
margin-right: 3px;
float: right;
cursor: pointer;
transition: background-color 0.2s ease;
}
.leaflet-routing-add-waypoint:after {
content: '+';
}
.leaflet-routing-reverse-waypoints:after {
font-weight: normal;
content: '\21c5';
}
.leaflet-routing-geocoders button:hover {
background-color: #eee;
}
.leaflet-routing-geocoders input,.leaflet-routing-remove-waypoint,.leaflet-routing-geocoder {
position: relative;
}
.leaflet-routing-geocoder-result {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
position: absolute;
max-height: 0;
overflow: hidden;
transition: all 0.5s ease;
z-index: 1000; }
.leaflet-routing-geocoder-result table {
width: 100%;
border: 1px solid #ccc;
border-radius: 0 0 4px 4px;
background-color: white;
cursor: pointer;
}
.leaflet-routing-geocoder-result-open {
max-height: 800px;
}
.leaflet-routing-geocoder-selected, .leaflet-routing-geocoder-result tr:hover {
background-color: #eee;
}
.leaflet-routing-geocoder-no-results {
font-style: italic;
color: #888;
}
.leaflet-routing-remove-waypoint {
background-color: transparent;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.leaflet-routing-remove-waypoint:after {
position: absolute;
display: block;
width: 15px;
height: 1px;
z-index: 1;
right: 1px;
top: 4px;
bottom: 0;
margin: auto;
padding: 2px;
font-size: 18px;
font-weight: bold;
content: "\00d7";
text-align: center;
cursor: pointer;
color: #ccc;
background: white;
padding-bottom: 16px;
margin-top: -16px;
padding-right: 4px;
line-height: 1;
}
.leaflet-routing-remove-waypoint:hover {
color: black;
}
.leaflet-routing-instruction-distance {
width: 48px;
}
.leaflet-routing-collapse-btn {
position: absolute;
top: 0;
right: 6px;
font-size: 24px;
color: #ccc;
font-weight: bold;
}
.leaflet-routing-collapse-btn:after {
content: '\00d7';
}
.leaflet-routing-container-hide .leaflet-routing-collapse-btn {
position: relative;
left: 4px;
top: 4px;
display: block;
width: 26px;
height: 23px;
background-image: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/css/routing-icon.png);
}
.leaflet-routing-container-hide .leaflet-routing-collapse-btn:after {
content: none;
}
.leaflet-top .leaflet-routing-container.leaflet-routing-container-hide {
margin-top: 10px !important;
}
.leaflet-right .leaflet-routing-container.leaflet-routing-container-hide {
margin-right: 10px !important;
}
.leaflet-bottom .leaflet-routing-container.leaflet-routing-container-hide {
margin-bottom: 10px !important;
}
.leaflet-left .leaflet-routing-container.leaflet-routing-container-hide {
margin-left: 10px !important;
}
@media only screen and (max-width: 640px) {
.leaflet-routing-container {
margin: 0 !important;
padding: 0 !important;
width: 100%;
height: 100%;
}
}
@keyframes bounce {
0%   { transform: translateY(0); }
30%  { transform: translateY(-15px); }
60%  { transform: translateY(0); }
100% { transform: translateY(-7px); }
}
.leaflet-bounce-animation {
animation: bounce 0.5s ease;
}    .fc-text-primary {
color: var(--fc-infobox-primary) !important;
}
.fc-text-secondary {
color: var(--fc-infobox-secondary) !important;
}
.fc-bg-primary {
background-color: var(--fc-infobox-primary) !important;
}
.fc-bg-secondary {
background-color: var(--fc-infobox-secondary) !important;
}
.fc-text-left {
text-align: left !important;
}
.fc-text-center {
text-align: center !important;
}
.fc-text-right {
text-align: right !important;
}
.fc-text-capitalize {
text-transform: capitalize !important;
}
.fc-text-lowercase {
text-transform: lowercase !important;
}
.fc-text-uppercase {
text-transform: uppercase !important;
} .fc-infobox-root {
--fc-infobox-primary: #4390ff;
--fc-infobox-primary-hover: color-mix(in srgb, var(--fc-infobox-primary) 80%, #000 15%);
--fc-infobox-secondary: #f5f7fa;
--fc-infobox-bg: #fff;
--fc-infobox-color: #65686e;
--fc-infobox-link-color: var(--fc-infobox-primary);
--fc-infobox-link-hover-color: var(--fc-infobox-primary-hover);
--fc-infobox-title-color: #23272f;
--fc-infobox-title-font-size: 18px;
--fc-infobox-title-font-weight: 600;
--fc-infobox-font-weight: 400;
--fc-infobox-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
--fc-infobox-font-size: 14px;
--fc-infobox-line-height: 18px;
--fc-infobox-padding-y: 24px;
--fc-infobox-padding-x: 20px;
--fc-infobox-max-width: 350px;
--fc-infobox-max-height: 500px;
--fc-infobox-border-radius: 6px;
}
.fc-infobox-root *,
.fc-infobox-root *::before,
.fc-infobox-root *::after {
box-sizing: border-box !important;
}
.fc-infobox-root img {
max-width: 100%;
vertical-align: middle;
border-style: none;
}
.fc-infobox {
position: relative;
background: var(--fc-infobox-bg);
color: var(--fc-infobox-color);
border-radius: var(--fc-infobox-border-radius);
font-family: var(--fc-infobox-font-family);
font-size: var(--fc-infobox-font-size);
font-weight: var(--fc-infobox-font-weight);
line-height: var(--fc-infobox-line-height);
max-width: var(--fc-infobox-max-width);
width: 100%;
overflow: hidden;
}
@media screen and (min-width: 992px) {
.fc-infobox {
width: var(--fc-infobox-max-width);
}
}
.fc-infobox .fc-infobox-title {
font-size: var(--fc-infobox-title-font-size);
font-weight: var(--fc-infobox-title-font-weight);
color: var(--fc-infobox-title-color);
line-height: 1.4;
margin-bottom: 8px;
}
.fc-infobox .fc-infobox-title a {
color: inherit;
}
.fc-infobox-body {
padding: var(--fc-infobox-padding-y) var(--fc-infobox-padding-x);
max-height: var(--fc-infobox-max-height);
overflow-y: auto;
}
.fc-infobox-img .fc-feature-img {
height: 100%;
width: 100%;
} .fc-infobox-list {
display: flex;
flex-direction: column;
gap: 8px;
font-size: 12px;
line-height: 16px;
font-weight: 500;
}
.fc-infobox-list i {
font-size: 18px;
line-height: 14px;
vertical-align: -4px;
}
.fc-infobox-list-item {
display: flex;
gap: 8px;
}
.fc-infobox-msg:not(:last-child),
.fc-infobox-list:not(:last-child),
.fc-infobox-extra-content:not(:last-child) {
margin-bottom: 15px;
}
.fc-infobox-address {
font-style: normal;
margin: 0;
} .wpgmp-infowindow-addon .wpgmp_iw_content {
display: block;
padding: 0 !important;
} .wpgmp-infowindow-addon.leaflet-popup-content-wrapper {
padding: 0;
box-shadow: none;
border-radius: 0;
background-color: transparent;
}
.wpgmp-infowindow-addon ~ .leaflet-popup-tip-container .leaflet-popup-tip {
box-shadow: none;
}
.wpgmp-infowindow-addon .leaflet-popup-content {
margin: 0;
font-size: inherit;
line-height: inherit;
}
.wpgmp-infowindow-addon ~ a.leaflet-popup-close-button {
background-color: rgba(0, 0, 0, 0.5) !important;
color: #fff !important;
border-radius: 50%;
} .fc-badge {
--fc-badge-padding-y: 4px;
--fc-badge-padding-x: 12px;
--fc-badge-border-radius: 4px;
--fc-badge-font-size: 12px;
--fc-badge-font-weight: 500;
--fc-badge-line-height: 1.2;
--fc-badge-bg: #f2f2f2;
--fc-badge-color: #23272f;
display: inline-flex;
font-size: var(--fc-badge-font-size);
font-weight: var(--fc-badge-font-weight);
line-height: var(--fc-badge-line-height);
padding: var(--fc-badge-padding-y) var(--fc-badge-padding-x);
border-radius: var(--fc-badge-border-radius);
background-color: var(--fc-badge-bg);
color: var(--fc-badge-color);
}
.fc-infobox-categories {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.fc-infobox-categories:not(:last-child) {
margin-bottom: 15px;
} .fc-infobox-btn {
--fc-infobox-btn-padding-x: 20px;
--fc-infobox-btn-padding-y: 10px;
--fc-infobox-btn-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
--fc-infobox-btn-font-size: 14px;
--fc-infobox-btn-font-weight: 500;
--fc-infobox-btn-line-height: 18px;
--fc-infobox-btn-min-width: 120px;
--fc-infobox-btn-color: #23272f;
--fc-infobox-btn-bg: transparent;
--fc-infobox-btn-box-shadow: none;
--fc-infobox-btn-border-width: 1px;
--fc-infobox-btn-border-color: transparent;
--fc-infobox-btn-border-radius: 6px;
--fc-infobox-btn-hover-border-color: transparent;
--fc-infobox-btn-disabled-opacity: 0.5;
display: inline-block;
min-width: var(--fc-infobox-btn-min-width);
padding: var(--fc-infobox-btn-padding-y) var(--fc-infobox-btn-padding-x);
font-family: var(--fc-infobox-btn-font-family);
font-size: var(--fc-infobox-btn-font-size);
font-weight: var(--fc-infobox-btn-font-weight);
line-height: var(--fc-infobox-btn-line-height);
color: var(--fc-infobox-btn-color) !important;
text-align: center;
text-decoration: none !important;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: var(--fc-infobox-btn-border-width) solid
var(--fc-infobox-btn-border-color);
border-radius: var(--fc-infobox-btn-border-radius);
background-color: var(--fc-infobox-btn-bg);
box-shadow: var(--fc-infobox-btn-box-shadow);
white-space: nowrap;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.fc-infobox-btn {
transition: none;
}
}
.fc-infobox-btn:hover,
.fc-infobox-btn:focus,
.fc-infobox-btn:focus-visible {
color: var(--fc-infobox-btn-hover-color) !important;
background-color: var(--fc-infobox-btn-hover-bg);
border-color: var(--fc-infobox-btn-hover-border-color);
outline: 0;
}
.fc-infobox-btn:disabled,
.fc-infobox-btn-disabled,
.fc-infobox-btn.disabled {
pointer-events: none;
cursor: not-allowed;
opacity: var(--fc-infobox-btn-disabled-opacity);
}
.fc-infobox-btn-link {
--fc-infobox-btn-padding-x: 5px;
--fc-infobox-btn-color: var(--fc-infobox-primary);
--fc-infobox-btn-bg: transparent;
--fc-infobox-btn-border-color: transparent;
--fc-infobox-btn-hover-color: var(--fc-infobox-primary-hover);
--fc-infobox-btn-hover-bg: color-mix(in srgb, var(--fc-infobox-primary) 10%, transparent);
--fc-infobox-btn-hover-border-color: transparent;
--fc-infobox-btn-min-width: auto;
display: inline-flex;
align-items: center;
}
.fc-infobox-btn-primary {
--fc-infobox-btn-color: #fff;
--fc-infobox-btn-bg: var(--fc-infobox-primary);
--fc-infobox-btn-border-color: var(--fc-infobox-primary);
--fc-infobox-btn-hover-color: #fff;
--fc-infobox-btn-hover-bg: var(--fc-infobox-primary-hover);
--fc-infobox-btn-hover-border-color: var(--fc-infobox-primary-hover);
}
.fc-infobox-btn-outline-primary {
--fc-infobox-btn-color: var(--fc-infobox-primary);
--fc-infobox-btn-border-color: var(--fc-infobox-primary);
--fc-infobox-btn-hover-color: #fff;
--fc-infobox-btn-hover-bg: var(--fc-infobox-primary);
--fc-infobox-btn-hover-border-color: var(--fc-infobox-primary);
}
.fc-infobox-btn-icon {
--fc-infobox-btn-padding-x: 5px;
--fc-infobox-btn-padding-y: 5px;
--fc-infobox-btn-border-radius: 50%;
min-width: auto;
width: 48px;
height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.fc-infobox-btn:not(.fc-infobox-btn-icon) > [class^="wep-icon-"],
.fc-infobox-btn:not(.fc-infobox-btn-icon) > [class*=" wep-icon-"] {
margin-left: 10px;
align-self: center;
}
.fc-infobox-btn-wrapper {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
@font-face {
font-family: 'weplugin';
src: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/font/weplugin.eot?63506848);
src: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/font/weplugin.eot?63506848#iefix) format('embedded-opentype'),
url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/font/weplugin.woff2?63506848) format('woff2'),
url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/font/weplugin.woff?63506848) format('woff'),
url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/font/weplugin.ttf?63506848) format('truetype'),
url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/font/weplugin.svg?63506848#weplugin) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="wep-icon-"], [class*=" wep-icon-"] {
font-family: "weplugin";
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center; font-variant: normal;
text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wep-icon-lg { font-size: 1.3333em; line-height: 0.75em; vertical-align: -.0667em; }
.wep-icon-xl { font-size: 1.5em; line-height: 0.6666em; vertical-align: -.075em; }
.wep-icon-xs { font-size: .75em; }
.wep-icon-sm { font-size: .875em }
.wep-icon-1x { font-size: 1rem; }
.wep-icon-2x { font-size: 2rem; }
.wep-icon-3x { font-size: 3rem; }
.wep-icon-4x { font-size: 4rem; }
.wep-icon-5x { font-size: 5rem; }
.wep-icon-6x { font-size: 6rem; }
.wep-icon-7x { font-size: 7rem; }
.wep-icon-8x { font-size: 8rem; }
.wep-icon-9x { font-size: 9rem; }
.wep-icon-10x { font-size: 10rem; }
.wep-icon-setting:before { content: '\e800'; } .wep-icon-setting-1:before { content: '\e801'; } .wep-icon-setting-2:before { content: '\e802'; } .wep-icon-setting-3:before { content: '\e803'; } .wep-icon-share:before { content: '\e804'; } .wep-icon-shop:before { content: '\e805'; } .wep-icon-shopping-bag:before { content: '\e806'; } .wep-icon-shopping-cart:before { content: '\e807'; } .wep-icon-sidebar-left:before { content: '\e808'; } .wep-icon-sidebar-right:before { content: '\e809'; } .wep-icon-slider-horizontal:before { content: '\e80a'; } .wep-icon-speaker:before { content: '\e80b'; } .wep-icon-star:before { content: '\e80c'; } .wep-icon-status-up:before { content: '\e80d'; } .wep-icon-sun:before { content: '\e80e'; } .wep-icon-tag:before { content: '\e80f'; } .wep-icon-ticket:before { content: '\e810'; } .wep-icon-timer:before { content: '\e811'; } .wep-icon-translate:before { content: '\e812'; } .wep-icon-trash:before { content: '\e813'; } .wep-icon-tree:before { content: '\e814'; } .wep-icon-unhappy:before { content: '\e815'; } .wep-icon-upload:before { content: '\e816'; } .wep-icon-user:before { content: '\e817'; } .wep-icon-users:before { content: '\e818'; } .wep-icon-user-tag:before { content: '\e819'; } .wep-icon-verify:before { content: '\e81a'; } .wep-icon-video:before { content: '\e81b'; } .wep-icon-wallet:before { content: '\e81c'; } .wep-icon-wallet-1:before { content: '\e81d'; } .wep-icon-whatsapp:before { content: '\e81e'; } .wep-icon-wifi:before { content: '\e81f'; } .wep-icon-woman:before { content: '\e820'; } .wep-icon-youtube:before { content: '\e821'; } .wep-icon-achivement:before { content: '\e822'; } .wep-icon-add:before { content: '\e823'; } .wep-icon-airplane:before { content: '\e824'; } .wep-icon-align-center:before { content: '\e825'; } .wep-icon-align-left:before { content: '\e826'; } .wep-icon-align-right:before { content: '\e827'; } .wep-icon-apple:before { content: '\e828'; } .wep-icon-archive:before { content: '\e829'; } .wep-icon-arrow-down:before { content: '\e82a'; } .wep-icon-arrow-left:before { content: '\e82b'; } .wep-icon-arrow-right:before { content: '\e82c'; } .wep-icon-arrow-up:before { content: '\e82d'; } .wep-icon-bathtub:before { content: '\e82e'; } .wep-icon-bed:before { content: '\e82f'; } .wep-icon-blueprint:before { content: '\e830'; } .wep-icon-book:before { content: '\e831'; } .wep-icon-book-1:before { content: '\e832'; } .wep-icon-box:before { content: '\e833'; } .wep-icon-briefcase:before { content: '\e834'; } .wep-icon-broom:before { content: '\e835'; } .wep-icon-cake:before { content: '\e836'; } .wep-icon-calculator:before { content: '\e837'; } .wep-icon-calendar:before { content: '\e838'; } .wep-icon-camera:before { content: '\e839'; } .wep-icon-car:before { content: '\e83a'; } .wep-icon-card:before { content: '\e83b'; } .wep-icon-chart:before { content: '\e83c'; } .wep-icon-chat:before { content: '\e83d'; } .wep-icon-check:before { content: '\e83e'; } .wep-icon-circle-check:before { content: '\e83f'; } .wep-icon-circle-close:before { content: '\e840'; } .wep-icon-circle-code:before { content: '\e841'; } .wep-icon-circle-info:before { content: '\e842'; } .wep-icon-clock:before { content: '\e843'; } .wep-icon-close:before { content: '\e844'; } .wep-icon-cloud:before { content: '\e845'; } .wep-icon-cloud-check:before { content: '\e846'; } .wep-icon-cloud-remove:before { content: '\e847'; } .wep-icon-coffee:before { content: '\e848'; } .wep-icon-color:before { content: '\e849'; } .wep-icon-contact:before { content: '\e84a'; } .wep-icon-copy:before { content: '\e84b'; } .wep-icon-copyright:before { content: '\e84c'; } .wep-icon-cpu:before { content: '\e84d'; } .wep-icon-crown:before { content: '\e84e'; } .wep-icon-danger:before { content: '\e84f'; } .wep-icon-danger-1:before { content: '\e850'; } .wep-icon-data:before { content: '\e851'; } .wep-icon-database:before { content: '\e852'; } .wep-icon-delivery:before { content: '\e853'; } .wep-icon-direction:before { content: '\e854'; } .wep-icon-direction-1:before { content: '\e855'; } .wep-icon-discover:before { content: '\e856'; } .wep-icon-dislike:before { content: '\e857'; } .wep-icon-docs:before { content: '\e858'; } .wep-icon-dollar:before { content: '\e859'; } .wep-icon-dollar-circle:before { content: '\e85a'; } .wep-icon-dollar-square:before { content: '\e85b'; } .wep-icon-download:before { content: '\e85c'; } .wep-icon-edit:before { content: '\e85d'; } .wep-icon-export:before { content: '\e85e'; } .wep-icon-eye:before { content: '\e85f'; } .wep-icon-eye-slash:before { content: '\e860'; } .wep-icon-facebook:before { content: '\e861'; } .wep-icon-filter:before { content: '\e862'; } .wep-icon-fire:before { content: '\e863'; } .wep-icon-flag:before { content: '\e864'; } .wep-icon-flash:before { content: '\e865'; } .wep-icon-folder:before { content: '\e866'; } .wep-icon-gallery:before { content: '\e867'; } .wep-icon-gas-station:before { content: '\e868'; } .wep-icon-gift:before { content: '\e869'; } .wep-icon-global:before { content: '\e86a'; } .wep-icon-google:before { content: '\e86b'; } .wep-icon-google-play:before { content: '\e86c'; } .wep-icon-gps:before { content: '\e86d'; } .wep-icon-gps-slash:before { content: '\e86e'; } .wep-icon-grid:before { content: '\e86f'; } .wep-icon-grid-1:before { content: '\e870'; } .wep-icon-grid-2:before { content: '\e871'; } .wep-icon-happy:before { content: '\e872'; } .wep-icon-heart:before { content: '\e873'; } .wep-icon-home:before { content: '\e874'; } .wep-icon-home-1:before { content: '\e875'; } .wep-icon-important:before { content: '\e876'; } .wep-icon-inbox:before { content: '\e877'; } .wep-icon-inbox-received:before { content: '\e878'; } .wep-icon-inbox-send:before { content: '\e879'; } .wep-icon-infinity:before { content: '\e87a'; } .wep-icon-info-circle-fill:before { content: '\e87b'; } .wep-icon-info-danger:before { content: '\e87c'; } .wep-icon-instagram:before { content: '\e87d'; } .wep-icon-key:before { content: '\e87e'; } .wep-icon-layer:before { content: '\e87f'; } .wep-icon-like:before { content: '\e880'; } .wep-icon-link:before { content: '\e881'; } .wep-icon-list:before { content: '\e882'; } .wep-icon-list-1:before { content: '\e883'; } .wep-icon-lock:before { content: '\e884'; } .wep-icon-login:before { content: '\e885'; } .wep-icon-logout:before { content: '\e886'; } .wep-icon-long-arrow-down:before { content: '\e887'; } .wep-icon-long-arrow-left:before { content: '\e888'; } .wep-icon-long-arrow-right:before { content: '\e889'; } .wep-icon-long-arrow-up:before { content: '\e88a'; } .wep-icon-magicpen:before { content: '\e88b'; } .wep-icon-man:before { content: '\e88c'; } .wep-icon-map:before { content: '\e88d'; } .wep-icon-map-1:before { content: '\e88e'; } .wep-icon-massage:before { content: '\e88f'; } .wep-icon-massage-tracking:before { content: '\e890'; } .wep-icon-math:before { content: '\e891'; } .wep-icon-maximize:before { content: '\e892'; } .wep-icon-maximize-1:before { content: '\e893'; } .wep-icon-maximize-2:before { content: '\e894'; } .wep-icon-medal:before { content: '\e895'; } .wep-icon-menu:before { content: '\e896'; } .wep-icon-mic:before { content: '\e897'; } .wep-icon-minimize:before { content: '\e898'; } .wep-icon-minimize-1:before { content: '\e899'; } .wep-icon-minus:before { content: '\e89a'; } .wep-icon-mirroring-screen:before { content: '\e89b'; } .wep-icon-monitor:before { content: '\e89c'; } .wep-icon-moon:before { content: '\e89d'; } .wep-icon-more:before { content: '\e89e'; } .wep-icon-more-1:before { content: '\e89f'; } .wep-icon-music:before { content: '\e8a0'; } .wep-icon-note:before { content: '\e8a1'; } .wep-icon-notification:before { content: '\e8a2'; } .wep-icon-percentage-square:before { content: '\e8a3'; } .wep-icon-phone:before { content: '\e8a4'; } .wep-icon-phone-1:before { content: '\e8a5'; } .wep-icon-pin:before { content: '\e8a6'; } .wep-icon-pin-fill:before { content: '\e8a7'; } .wep-icon-plug:before { content: '\e8a8'; } .wep-icon-printer:before { content: '\e8a9'; } .wep-icon-ranking:before { content: '\e8aa'; } .wep-icon-refresh:before { content: '\e8ab'; } .wep-icon-reload:before { content: '\e8ac'; } .wep-icon-route:before { content: '\e8ad'; } .wep-icon-route-1:before { content: '\e8ae'; } .wep-icon-ruler:before { content: '\e8af'; } .wep-icon-search:before { content: '\e8b0'; } .wep-icon-search-zoom-in:before { content: '\e8b1'; } .wep-icon-search-zoom-out:before { content: '\e8b2'; } .wep-icon-security:before { content: '\e8b3'; } .wep-icon-security-safe:before { content: '\e8b4'; } .wep-icon-send:before { content: '\e8b5'; }  .leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
} .leaflet-tile::selection {
background: transparent;
} .leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
} .leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}  .leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container img.leaflet-tile { mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom; touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
} .leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane         { z-index: 400; }
.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
} .leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
} .leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
} .leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor:    -moz-grab;
cursor:         grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor:    -moz-grabbing;
cursor:         grabbing;
} .leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; pointer-events: auto;
} .leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
} .leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
} .leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
text-decoration: none;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
} .leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
font-size: 22px;
} .leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/css/images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/css/images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
} .leaflet-default-icon-path { background-image: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/css/images/marker-icon.png);
} .leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
line-height: 1.4;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline;
}
.leaflet-attribution-flag {
display: inline !important;
vertical-align: baseline !important;
width: 1em;
height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
} .leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px;
}
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575;
text-decoration: none;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
} .leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}  .leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
} .leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
} @media print { .leaflet-control {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}.is-menu a,.is-menu a:focus,.is-menu a:hover,.is-menu:hover>a{background:0 0!important;outline:0}.is-screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);color:#000;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}.is-menu,form .is-link-container{position:relative}.is-menu a{line-height:1}.is-menu a::after,.is-menu a::before{display:none!important}.is-menu.default form{max-width:310px}.is-menu.is-dropdown form{display:none;min-width:310px;max-width:100%;position:absolute;right:0;top:100%;z-index:9}.is-menu.full-width-menu form,.is-menu.sliding form{min-width:0!important;overflow:hidden;position:absolute;right:0;top:25%;width:0;z-index:99;padding:0;margin:0}.is-menu.full-width-menu form:not(.is-search-form) input[type=search],.is-menu.full-width-menu form:not(.is-search-form) input[type=text],.is-menu.is-dropdown form:not(.is-search-form) input[type=search],.is-menu.is-dropdown form:not(.is-search-form) input[type=text],.is-menu.sliding form:not(.is-search-form) input[type=search],.is-menu.sliding form:not(.is-search-form) input[type=text],.is-popup-search-form form:not(.is-search-form) input[type=search],.is-popup-search-form form:not(.is-search-form) input[type=text]{background:#fff;color:#000}.is-menu.is-first form{right:auto;left:0}.is-menu.full-width-menu.open .search-close,.is-menu.full-width-menu:not(.open) form,.is-menu.is-dropdown form[style="display: block;"]+.search-close,.is-menu.sliding.open .search-close,.is-menu.sliding:not(.open) form,form:hover+.is-link-container,form:hover>.is-link-container{display:block}.is-form-style-2 .is-search-submit,.is-link-container,.is-menu form .screen-reader-text,.search-close{display:none}.is-menu form label{margin:0;padding:0}.is-menu-wrapper{display:none;position:absolute;right:5px;top:5px;width:auto;z-index:9999}.popup-search-close,.search-close{cursor:pointer;width:20px;height:20px}.is-menu-wrapper.is-expanded{width:100%}.admin-bar .is-menu-wrapper{top:51px}.is-menu-wrapper .is-menu{float:right}.is-menu-wrapper .is-menu form{right:0;left:auto}.gsc-cse-search-menu{max-width:310px;float:right}.gsc-cse-search-menu .cse .gsc-control-cse,.gsc-cse-search-menu .gsc-control-cse{padding:0}.is-menu .search-icon-path{fill:#848484}.search-close{position:absolute;right:-22px;top:33%;z-index:99999}.is-menu.is-first .search-close{right:auto;left:-22px}.is-menu.is-dropdown .search-close{top:calc(100% + 7px)}.popup-search-close{z-index:99999;float:right;position:relative;margin:20px 20px 0 0}#is-popup-wrapper{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(4,4,4,.91);z-index:999999}.is-popup-search-form form{width:80%;margin:20% auto 0}.is-popup-search-form form.is-ajax-search{margin:10% auto 0}.popup-search-close:after,.search-close:after{border-left:2px solid #848484;content:'';height:20px;left:9px;position:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.popup-search-close:before,.search-close:before{border-left:2px solid #848484;content:'';height:20px;left:9px;position:absolute;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.is-highlight{background-color:#ffffb9;color:#222}@media screen and (max-width:910px){.is-menu form{left:0;min-width:50%;right:auto}.is-menu.default form{max-width:100%}.is-menu.full-width-menu.active-search{position:relative}.is-menu-wrapper{display:block}}.is-form-style label,.is-menu.full-width-menu.is-first button.is-search-submit,.is-menu.sliding.is-first button.is-search-submit{display:inline-block!important}form .is-link-container div{position:absolute;width:200px;bottom:-25px;left:5px;z-index:99999;height:auto;line-height:14px;padding:10px 15px}form .is-link-container a{text-decoration:none;font-size:14px;font-weight:100;font-family:arial;box-shadow:none}form .is-link-container a:hover{text-decoration:underline}form .is-link-container a.is-customize-link{margin-left:15px}.is-form-style label{padding:0;vertical-align:middle;margin:0;width:100%;line-height:1}.is-form-style{line-height:1;position:relative;padding:0!important}.is-form-style.is-form-style-3 label{width:calc(100% - 36px)!important}.is-form-style input.is-search-input{background:#fff;background-image:none!important;color:#333;padding:0 12px;margin:0;outline:0!important;font-size:14px!important;height:36px;min-height:0;line-height:1;border-radius:0;border:1px solid #ccc!important;font-family:arial;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-webkit-border-radius:0}.is-form-style input.is-search-input::-ms-clear{display:none;width:0;height:0}.is-form-style input.is-search-input::-ms-reveal{display:none;width:0;height:0}.is-form-style input.is-search-input::-webkit-search-cancel-button,.is-form-style input.is-search-input::-webkit-search-decoration,.is-form-style input.is-search-input::-webkit-search-results-button,.is-form-style input.is-search-input::-webkit-search-results-decoration{display:none}.is-form-style.is-form-style-3 input.is-search-input{border-right:0!important}.is-form-style button.is-search-submit{background:0 0;border:0;box-shadow:none!important;opacity:1;padding:0!important;margin:0;line-height:0;outline:0;vertical-align:middle;width:36px;height:36px}.is-menu.full-width-menu.is-first button.is-search-submit:not([style="display: inline-block;"]),.is-menu.sliding.is-first button.is-search-submit:not([style="display: inline-block;"]){visibility:hidden}.is-form-style .is-search-submit path{fill:#555}.is-form-style input.is-search-submit{text-decoration:none;position:absolute;top:0;right:0;padding:0 10px!important;width:auto}.is-search-icon{width:36px;padding-top:6px!important}.is-search-icon svg{width:22px;display:inline}.is-form-style input.is-search-submit,.is-search-icon{display:inline-block!important;color:#666;background:#ededed;box-shadow:none!important;outline:0;margin:0;font-size:14px!important;border:1px solid #ccc;border-radius:0;line-height:1;height:36px;text-transform:capitalize;vertical-align:middle;-webkit-transition:background-color .1s ease-in-out;-moz-transition:background-color .1s ease-in-out;-o-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.is-search-icon:hover,form.is-form-style input.is-search-submit:hover{background:#dcdcdc}