@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}.panel-grid.panel-has-style>.panel-row-style,.panel-grid.panel-no-style{display:flex;-ms-flex-wrap:wrap;flex-wrap:nowrap;-ms-justify-content:space-between;justify-content:space-between}.panel-grid .so-parallax{position:relative}.panel-grid .so-parallax>:not(.simpleParallax){position:relative;z-index:1}.panel-grid .so-parallax .simpleParallax{overflow:hidden}.panel-grid .so-parallax .simpleParallax,.panel-grid .so-parallax img[data-siteorigin-parallax]{bottom:0;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}.panel-background-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.panel-has-overlay .panel-cell-style,.panel-has-overlay .panel-row-style,.panel-has-overlay .panel-widget-style{overflow:hidden;position:relative;z-index:1}.panel-layout.panel-is-rtl .panel-grid.panel-has-style>.panel-row-style,.panel-layout.panel-is-rtl .panel-grid.panel-no-style{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.panel-grid-cell{-ms-box-sizing:border-box;box-sizing:border-box}.panel-grid-cell .panel-cell-style{height:100%}.panel-grid-cell .so-panel{zoom:1}.panel-grid-cell .so-panel:before{content:"";display:block}.panel-grid-cell .so-panel:after{content:"";display:table;clear:both}.panel-grid-cell .panel-last-child{margin-bottom:0}.panel-grid-cell .widget-title{margin-top:0}body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container){overflow-x:hidden}body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container) .siteorigin-panels-stretch{margin-right:-1000px!important;margin-left:-1000px!important;padding-right:1000px!important;padding-left:1000px!important}.so-widget-sow-headline-default-39d740dbc2eb-4736 .sow-headline-container h1.sow-headline {
text-align: center;
color: #334658;
line-height: 1.4em;
font-size: 38px;
}
@media (max-width: 780px) {
.so-widget-sow-headline-default-39d740dbc2eb-4736 .sow-headline-container h1.sow-headline {
text-align: center;
}
}
.so-widget-sow-headline-default-39d740dbc2eb-4736 .sow-headline-container h1.sow-headline a {
color: #334658;
}
.so-widget-sow-headline-default-39d740dbc2eb-4736 .sow-headline-container h1.sow-headline a:hover {
color: #95c11e;
}
.so-widget-sow-headline-default-39d740dbc2eb-4736 .sow-headline-container h3.sow-sub-headline {
text-align: center;
line-height: 1.4em;
}
@media (max-width: 780px) {
.so-widget-sow-headline-default-39d740dbc2eb-4736 .sow-headline-container h3.sow-sub-headline {
text-align: center;
}
}
.so-widget-sow-headline-default-39d740dbc2eb-4736 .sow-headline-container .decoration {
line-height: 0em;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
@media (max-width: 780px) {
.so-widget-sow-headline-default-39d740dbc2eb-4736 .sow-headline-container .decoration {
text-align: center;
}
}
.so-widget-sow-headline-default-39d740dbc2eb-4736 .sow-headline-container .decoration .decoration-inside {
height: 1px;
display: inline-block;
border-top: 1px solid #eeeeee;
width: 100%;
max-width: 80%;
}
.so-widget-sow-headline-default-39d740dbc2eb-4736 .sow-headline-container *:first-child {
margin-top: 0 !important;
}
.so-widget-sow-headline-default-39d740dbc2eb-4736 .sow-headline-container *:last-child {
margin-bottom: 0 !important;
}.so-widget-sow-headline-default-546db38d6ddc-4736 .sow-headline-container h4.sow-headline {
text-align: center;
color: #ffffff;
line-height: 1.4em;
font-size: 2.5em;
}
@media (max-width: 780px) {
.so-widget-sow-headline-default-546db38d6ddc-4736 .sow-headline-container h4.sow-headline {
text-align: center;
}
}
.so-widget-sow-headline-default-546db38d6ddc-4736 .sow-headline-container h4.sow-headline a {
color: #ffffff;
}
.so-widget-sow-headline-default-546db38d6ddc-4736 .sow-headline-container h4.sow-headline a:hover {
color: #ffffff;
}
.so-widget-sow-headline-default-546db38d6ddc-4736 .sow-headline-container p.sow-sub-headline {
text-align: center;
color: #ffffff;
line-height: 1.4em;
font-size: 1.1em;
}
@media (max-width: 780px) {
.so-widget-sow-headline-default-546db38d6ddc-4736 .sow-headline-container p.sow-sub-headline {
text-align: center;
}
}
.so-widget-sow-headline-default-546db38d6ddc-4736 .sow-headline-container p.sow-sub-headline a {
color: #ffffff;
}
.so-widget-sow-headline-default-546db38d6ddc-4736 .sow-headline-container p.sow-sub-headline a:hover {
color: #ffffff;
}
.so-widget-sow-headline-default-546db38d6ddc-4736 .sow-headline-container .decoration {
line-height: 0em;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
@media (max-width: 780px) {
.so-widget-sow-headline-default-546db38d6ddc-4736 .sow-headline-container .decoration {
text-align: center;
}
}
.so-widget-sow-headline-default-546db38d6ddc-4736 .sow-headline-container .decoration .decoration-inside {
height: 1px;
display: inline-block;
border-top: 1px none #eeeeee;
width: 100%;
max-width: 80%;
}
.so-widget-sow-headline-default-546db38d6ddc-4736 .sow-headline-container *:first-child {
margin-top: 0 !important;
}
.so-widget-sow-headline-default-546db38d6ddc-4736 .sow-headline-container *:last-child {
margin-bottom: 0 !important;
}@font-face{font-family:'so-slider-pointers';src:url(//www.agh-coffrage.fr/wp-content/plugins/so-widgets-bundle/css/slider/fonts/slider.eot);src:url(//www.agh-coffrage.fr/wp-content/plugins/so-widgets-bundle/css/slider/fonts/slider.eot) format('embedded-opentype'),url(//www.agh-coffrage.fr/wp-content/plugins/so-widgets-bundle/css/slider/fonts/slider.woff) format('woff'),url(//www.agh-coffrage.fr/wp-content/plugins/so-widgets-bundle/css/slider/fonts/slider.ttf) format('truetype'),url(//www.agh-coffrage.fr/wp-content/plugins/so-widgets-bundle/css/slider/fonts/slider.svg) format('svg');font-weight:normal;font-style:normal;font-display:block}.sow-slider-base{position:relative;overflow:hidden}.sow-slider-base ul.sow-slider-images{list-style:none;margin:0;overflow:hidden}.sow-slider-base ul.sow-slider-images li.sow-slider-image{width:100%;margin:0;list-style:none;position:relative;overflow:hidden}.sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover{background-position:center center;background-size:cover}.sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover{background-repeat:repeat}.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container{position:absolute;top:0;left:0;width:100%;z-index:2}.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container .sow-slider-image-wrapper{margin:0 auto;z-index:2;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container .sow-slider-image-wrapper>*:first-child{margin-top:0}.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container .sow-slider-image-wrapper>*:last-child{margin-bottom:0}.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-overlay{position:absolute;top:0;left:0;bottom:0;right:0}.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-overlay.sow-slider-image-cover{background-position:center center;background-size:cover}.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-overlay.sow-slider-image-cover{background-repeat:repeat}.sow-slider-base ul.sow-slider-images li.sow-slider-image>img,.sow-slider-base ul.sow-slider-images li.sow-slider-image>a>img,.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-wrapper>img,.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-wrapper>a>img{display:block;width:100%;height:auto;border:none}.sow-slider-base ul.sow-slider-images li.sow-slider-image video.sow-background-element{position:absolute;top:50%;left:50%;width:auto;height:auto;z-index:1;overflow:hidden}.sow-slider-base ul.sow-slider-images li.sow-slider-image video.sow-full-element{display:block;width:100%;height:auto}.sow-slider-base .sow-slider-pagination{-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;bottom:20px;font-size:0;left:0;line-height:11px;list-style:none;margin:0;padding:0 30px;position:absolute;width:100%;z-index:1001}.sow-slider-base .sow-slider-pagination li{display:inline-block;font-size:1em;text-align:left;margin:0 4px 0 0}.sow-slider-base .sow-slider-pagination li:last-of-type{margin-right:0}.sow-slider-base .sow-slider-pagination li a{background:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;display:block;height:11px;opacity:.45;text-indent:-9999px;width:11px}.sow-slider-base .sow-slider-pagination li.sow-active a{opacity:.85}.sow-slider-base .sow-slide-nav{list-style:none;z-index:1001;position:absolute;top:50%;transform:translateY(-50%);opacity:.75;font-size:25px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sow-slider-base .sow-slide-nav a{display:block;padding:15px;text-align:center;text-decoration:none;color:#FFFFFF}.sow-slider-base .sow-slide-nav a em{display:block}.sow-slider-base .sow-slide-nav.sow-slide-nav-next{right:5px}.sow-slider-base .sow-slide-nav.sow-slide-nav-next a{background-position:top right}.sow-slider-base .sow-slide-nav.sow-slide-nav-prev{left:5px}.sow-slider-base .sow-slide-nav.sow-slide-nav-prev a{background-position:top left}.sow-slider-base .cycle-sentinal{overflow:hidden}.sow-slider-base.sow-slider-is-mobile video.sow-background-element:not(.sow-mobile-video_enabled){visibility:hidden}.sow-slider-base [class^="sow-sld-icon-"],.sow-slider-base [class*=" sow-sld-icon-"]{font-family:'so-slider-pointers';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sow-slider-base .sow-sld-icon-ultra-thin-rounded-left:before{content:"\e600"}.sow-slider-base .sow-sld-icon-ultra-thin-rounded-right:before{content:"\e601"}.sow-slider-base .sow-sld-icon-thin-rounded-left:before{content:"\e602"}.sow-slider-base .sow-sld-icon-thin-rounded-right:before{content:"\e603"}.sow-slider-base .sow-sld-icon-medium-rounded-left:before{content:"\e604"}.sow-slider-base .sow-sld-icon-medium-rounded-right:before{content:"\e605"}.sow-slider-base .sow-sld-icon-thick-rounded-left:before{content:"\e606"}.sow-slider-base .sow-sld-icon-thick-rounded-right:before{content:"\e607"}.sow-slider-base .sow-sld-icon-ultra-thin-left:before{content:"\e608"}.sow-slider-base .sow-sld-icon-ultra-thin-right:before{content:"\e609"}.sow-slider-base .sow-sld-icon-thin-left:before{content:"\e60a"}.sow-slider-base .sow-sld-icon-thin-right:before{content:"\e60b"}.sow-slider-base .sow-sld-icon-medium-left:before{content:"\e60c"}.sow-slider-base .sow-sld-icon-medium-right:before{content:"\e60d"}.sow-slider-base .sow-sld-icon-thick-left:before{content:"\e60e"}.sow-slider-base .sow-sld-icon-thick-right:before{content:"\e60f"}@media (min-width: 780px) {
.so-widget-sow-hero-default-417b07bec0aa-4736 {
min-height: 720px;
}
}
@media (max-width: 780px) {
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base ul.sow-slider-images {
min-height: 0 !important;
}
}
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper {
padding: calc( 50px + 0px ) 5% 50px 5%;
max-width: 1280px;
height: 720px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 780px) {
}
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h1,
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h2,
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h3,
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h4,
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h5,
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h6 {
line-height: 1.375em;
color: #ffffff;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
margin: 0.1em 0;
}
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h1 {
font-size: 65px;
}
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h2 {
font-size: 55.25px;
}
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h3 {
font-size: 45.5px;
}
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h4 {
font-size: 39px;
}
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h5 {
font-size: 32.5px;
}
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h6 {
font-size: 26px;
}
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper p {
color: #ffffff;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
margin: 1em 0;
font-size: 23px;
}
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper .sow-hero-buttons {
margin-top: 3em;
padding-bottom: 0.2em;
}
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper .sow-hero-buttons .so-widget-sow-button {
display: inline-block;
margin: 3px 6px 0;
}
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base .sow-slider-pagination {
text-align: left;
}
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base .sow-slider-pagination li a {
background: #ffffff;
}
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base .sow-slide-nav {
font-size: 25px;
}
.so-widget-sow-hero-default-417b07bec0aa-4736 .sow-slider-base .sow-slide-nav a {
color: #ffffff;
}.ow-button-base{zoom:1}.ow-button-base:before{content:'';display:block}.ow-button-base:after{content:'';display:table;clear:both}.ow-button-base .sowb-button{cursor:pointer;display:inline-block;line-height:1em;text-align:center;text-decoration:none}.ow-button-base .sowb-button .sow-icon-image,.ow-button-base .sowb-button [class^="sow-icon-"]{font-size:1.3em;height:1em;width:auto;margin:-0.1em .75em -0.2em -0.75em;display:block;float:left}.ow-button-base .sowb-button .sow-icon-image{width:1em;background-size:cover}.ow-button-base .sowb-button.ow-icon-placement-top .sow-icon-image,.ow-button-base .sowb-button.ow-icon-placement-top [class^="sow-icon-"]{margin:0 auto .5em;float:none}.ow-button-base .sowb-button.ow-icon-placement-right .sow-icon-image,.ow-button-base .sowb-button.ow-icon-placement-right [class^="sow-icon-"]{margin:-0.1em -0.75em -0.2em .75em;float:right}.ow-button-base .sowb-button.ow-icon-placement-bottom .sow-icon-image,.ow-button-base .sowb-button.ow-icon-placement-bottom [class^="sow-icon-"]{float:none;margin:.5em auto 0}.ow-button-base .sowb-button.ow-icon-placement-bottom>span{display:flex;flex-direction:column-reverse}.ow-button-base .sowb-button.ow-icon-placement-left .sow-icon-image,.ow-button-base .sowb-button.ow-icon-placement-left [class^="sow-icon-"]{margin:-0.1em .75em -0.2em -0.75em;float:left}.ow-button-base.ow-button-align-left{text-align:left}.ow-button-base.ow-button-align-right{text-align:right}.ow-button-base.ow-button-align-center{text-align:center}.ow-button-base.ow-button-align-justify .sowb-button{display:block}.so-widget-sow-button-wire-59741a7368e2-4736 .ow-button-base {
zoom: 1;
}
.so-widget-sow-button-wire-59741a7368e2-4736 .ow-button-base:before {
content: '';
display: block;
}
.so-widget-sow-button-wire-59741a7368e2-4736 .ow-button-base:after {
content: '';
display: table;
clear: both;
}
@media (max-width: 780px) {
.so-widget-sow-button-wire-59741a7368e2-4736 .ow-button-base.ow-button-align-center {
text-align: center;
}
.so-widget-sow-button-wire-59741a7368e2-4736 .ow-button-base.ow-button-align-center.ow-button-align-justify .sowb-button {
display: inline-block;
}
}
.so-widget-sow-button-wire-59741a7368e2-4736 .ow-button-base .sowb-button {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0.25em;
-moz-border-radius: 0.25em;
border-radius: 0.25em;
background: transparent;
border: 2px solid #ffffff;
color: #ffffff !important;
font-size: 1em;
padding: 0.5em;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
padding-inline: 1em;
}
.so-widget-sow-button-wire-59741a7368e2-4736 .ow-button-base .sowb-button.ow-button-hover:active,
.so-widget-sow-button-wire-59741a7368e2-4736 .ow-button-base .sowb-button.ow-button-hover:hover {
background: #ffffff;
border-color: #ffffff;
color: #95c11e !important;
}.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;
}
}@-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;
} @font-face {
font-family: "FontAwesome";
src: url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/css/fonts/fontawesome-webfont.eot?v=4.6.3);
src:
url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/css/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3)
format("embedded-opentype"),
url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/css/fonts/fontawesome-webfont.woff2?v=4.6.3) format("woff2"),
url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/css/fonts/fontawesome-webfont.woff?v=4.6.3) format("woff"),
url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/css/fonts/fontawesome-webfont.ttf?v=4.6.3) format("truetype"),
url(//www.agh-coffrage.fr/wp-content/plugins/wp-google-map-plugin/assets/css/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular)
format("svg");
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.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;
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: 10px 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: #fff;
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_filter_wrappers {
margin-bottom: 20px;
float: left;
width: 100%;
}
.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: 2px;
}
@media (max-width: 370px) {
.wpgmp_infobox .wpgmp_infowindow {
width: 350px !important;
}
}
.wpgmp_map_parent {
float: left;
width: 100%;
position: relative;
margin-bottom: 10px;
}
#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: 10px;
} .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}html, body {
height: 100%;
} html, body {
margin: 0;
padding: 0;
}
html {
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
font-size: 16px;
}
@media (max-width: 991px) {
html {
font-size: 15px;
}
}
@media (max-width: 767px) {
html {
font-size: 14px;
}
}
body {
background: #ffffff;
}
.site {
background: #FFFFFF;
position: relative;
}
body, button, input, select, textarea {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7;
color: #777777;
}
pre,
code,
input,
textarea {
font: inherit;
}
::-moz-selection {
background: #000000;
color: #FFFFFF;
}
::selection {
background: #000000;
color: #FFFFFF;
} a {
color: #03c4eb;
text-decoration: none;
outline: none;
}
a:hover {
text-decoration: none;
color: #777777;
text-decoration: underline;
}
a:active, a:focus, a:hover {
outline: none;
} h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: "Raleway", Helvetica, Arial, sans-serif;
font-weight: 600;
margin-bottom: 15px;
margin-bottom: 15px;
margin-bottom: 0.9375rem;
margin-top: 0;
color: #333333;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #333333;
text-decoration: none;
}
h1 {
line-height: 1.3;
font-size: 33px;
font-size: 2.0625rem;
}
@media (min-width: 768px) {
h1 {
font-size: 40px;
font-size: 2.5rem;
}
}
h1 span {
font-weight: bold;
}
h2 {
line-height: 1.2;
font-size: 25px;
font-size: 1.5625rem;
}
@media (min-width: 768px) {
h2 {
font-size: 32px;
font-size: 2rem;
}
}
h3 {
font-size: 20px;
font-size: 1.25rem;
font-weight: 600;
}
h4 {
font-size: 17px;
font-size: 1.0625rem;
margin-bottom: 12px;
}
h5 {
text-transform: uppercase;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 700;
}
h6 {
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
font-size: 0.75rem;
letter-spacing: 1px;
} ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr {
margin-bottom: 15px;
margin-bottom: 0.9375rem;
margin-top: 0;
} img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
b,
strong {
font-weight: bold;
}
blockquote {
clear: both;
margin: 20px 0;
}
blockquote p {
font-style: italic;
}
blockquote cite {
font-style: normal;
margin-bottom: 20px;
font-size: 13px;
}
dfn,
cite,
em,
i {
font-style: italic;
}
figure {
margin: 0;
}
address {
margin: 20px 0;
}
hr {
border: 0;
border-top: 1px solid #e9e9e9;
height: 1px;
margin-bottom: 20px;
}
tt,
kbd,
pre,
code,
samp,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
background-color: #e9e9e9;
padding: 5px 7px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
pre {
overflow: auto;
white-space: pre-wrap;
max-width: 100%;
line-height: 1.7;
margin: 20px 0;
padding: 20px;
}
details summary {
font-weight: bold;
margin-bottom: 20px;
}
details :focus {
outline: none;
}
abbr,
acronym,
dfn {
cursor: help;
font-size: 0.95em;
text-transform: uppercase;
border-bottom: 1px dotted #e9e9e9;
letter-spacing: 1px;
}
mark {
background-color: #fff9c0;
text-decoration: none;
}
small {
font-size: 82%;
}
big {
font-size: 125%;
}
ul, ol {
padding-left: 20px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ul li, ol li {
margin: 8px 0;
}
dt {
font-weight: bold;
}
dd {
margin: 0 20px 20px;
} table {
width: 100%;
margin-bottom: 20px;
border: 1px solid #e9e9e9;
border-collapse: collapse;
border-spacing: 0;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
border: 1px solid #e9e9e9;
line-height: 1.42857;
padding: 5px;
vertical-align: middle;
}
table > thead > tr > th, table > thead > tr > td {
border-bottom-width: 2px;
}
table th {
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
} fieldset {
padding: 20px;
border: 1px solid #e9e9e9;
}
input[type=reset], input[type=submit], input[type=submit],
.pirate-forms-submit-button, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit {
cursor: pointer;
background: #03c4eb;
border: none;
display: inline-block;
color: #FFFFFF;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
text-align: center;
padding: 15px 23px 15px 23px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
margin: 3px 0;
text-decoration: none;
font-weight: 600;
font-size: 13px;
}
input[type=reset]:hover, input[type=submit]:hover, input[type=submit]:hover,
.pirate-forms-submit-button:hover, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit:hover {
opacity: 0.8;
background: #03c4eb;
border: none;
}
input[type=button]:hover, input[type=button]:focus, input[type=reset]:hover,
input[type=reset]:focus, input[type=submit]:hover, input[type=submit]:focus,
button:hover, button:focus {
cursor: pointer;
}
textarea {
resize: vertical;
}
select {
max-width: 100%;
overflow: auto;
vertical-align: top;
outline: none;
border: 1px solid #e9e9e9;
padding: 10px;
}
textarea:not(.editor-post-title__input),
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
padding: 10px;
max-width: 100%;
border: 0px;
font-size: 15px;
font-weight: normal;
line-height: 22px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
background-color: #f2f2f2;
border-bottom: 1px solid #fff;
box-sizing: border-box;
color: #000000;
}
textarea:not(.editor-post-title__input):focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
border-color: #EBEBEB;
border-bottom: 1px solid #fff !important;
background: #e9e9e9;
}
button::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type=radio], input[type=checkbox] {
margin: 0 10px;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f8f9f9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
clip: auto !important;
color: #03c4eb;
display: block;
height: auto;
left: 5px;
line-height: normal;
padding: 17px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }  .alignleft {
display: inline;
float: left;
margin-right: 3.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 3.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
clear: both;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .hide {
display: none;
}
.clearleft {
clear: left;
}
.break, h1,
h2,
h3,
h4,
h5,
h6, p, ul, ol, dl, blockquote, pre {
word-break: break-word;
word-wrap: break-word;
}
body.mce-content-body {
margin: 20px 40px;
font-size: 13px;
} #primary {
padding-bottom: 40px;
padding-top: 40px;
}
.template-fullwidth-stretched #primary,
.siteorigin-panels #primary {
padding: 0;
}
.template-fullwidth-stretched .entry-content,
.siteorigin-panels .entry-content {
margin-bottom: 0px;
}
#secondary {
padding-bottom: 40px;
padding-top: 0;
}
@media screen and (min-width: 940px) {
#secondary {
padding-top: 40px;
}
}
.content-area {
width: 100%;
float: none;
}
@media screen and (min-width: 940px) {
.content-area {
float: left;
}
}
.sidebar {
width: 100%;
float: none;
}
@media screen and (min-width: 940px) {
.sidebar {
width: 25.2252252252%;
float: left;
}
}
.left-sidebar .site-main {
margin-left: auto;
}
.no-sidebar .content-area {
width: 100%;
}
.single-post .no-sidebar .site-main,
.single-post .no-sidebar .entry-content > * {
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 940px) {
.left-sidebar .content-area {
float: right;
padding-left: 39px;
border-left: 1px solid #e9e9e9;
margin-right: 1px;
width: 74.7747747748%;
}
.left-sidebar .sidebar {
padding-right: 39px;
border-right: 1px solid #e9e9e9;
margin-right: -1px;
}
.right-sidebar .content-area {
padding-right: 39px;
border-right: 1px solid #e9e9e9;
width: 74.7747747748%;
}
.right-sidebar .sidebar {
padding-left: 39px;
border-left: 1px solid #e9e9e9;
margin-left: -1px;
}
} .footer-widgets {
background: #050505;
}
.footer-widgets.section-padding {
padding: 70px 0px 35px;
padding: 4.375rem 0rem 2.1875rem;
}
.footer-widgets table {
border-collapse: collapse;
}
.footer-widgets table > thead > tr > th,
.footer-widgets table > thead > tr > td {
border-width: 1px;
}
.footer-widgets table th,
.footer-widgets table td {
border-color: rgba(233, 233, 233, 0.4);
}
.footer-widgets .widget-title {
color: #ffffff;
}
.footer-widgets .widget-area .widget_categories li,
.footer-widgets .widget-area .widget_archive li,
.footer-widgets .widget-area .widget_meta li {
width: 100% !important;
float: none;
}
.footer-widgets .widget_recent_entries ul li,
.footer-widgets .widget_recent_comments ul li {
border-bottom: 0px none;
padding: 5px 0px;
margin-bottom: 0px;
}
.footer-widgets .sidebar .widget {
margin-bottom: 30px;
}  .site-header {
line-height: 75px;
position: relative;
width: 100%;
background: #ffffff;
z-index: 1000;
-webkit-transition: all 1s ease-out; transition: all 0.5s ease-out;
box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.06);
}
.site-header.header-fixed {
top: 0px;
left: 0px;
position: fixed;
}
.site-header .custom-logo-transparent {
display: none;
}
.followWrap {
display: block;
}
.header-full-width .container {
max-width: auto;
width: auto;
}
@media screen and (min-width: 940px) {
.header-full-width .container {
padding-left: 30px;
padding-right: 30px;
}
}
.is-transparent .followWrap {
z-index: 99;
width: 100%;
background: transparent;
position: absolute;
top: 0px;
display: block;
}
.is-transparent .site-header {
background: transparent;
position: fixed;
top: 0px;
}
.is-transparent .site-header.no-sticky {
position: absolute;
top: auto;
}
.is-transparent .site-header.no-scroll {
box-shadow: none;
}
.is-transparent .site-header.no-scroll .has-t-logo .custom-logo-transparent {
display: inline-block;
}
.is-transparent .site-header.no-scroll .has-t-logo .custom-logo {
display: none;
}
.is-transparent .site-header.no-scroll #nav-toggle span {
background-color: #ffffff;
}
.is-transparent .site-header.no-scroll #nav-toggle span::before, .is-transparent .site-header.no-scroll #nav-toggle span::after {
background-color: #ffffff;
}
.is-transparent .site-header.no-scroll #nav-toggle.nav-is-visible span {
background-color: transparent;
}
.is-transparent .site-header.header-fixed {
background: #ffffff;
}
.is-transparent .site-header.header-fixed.no-scroll {
background: transparent;
box-shadow: none;
}
@media screen and (min-width: 1140px) {
.is-transparent .no-scroll.site-header .onepress-menu > li > a {
color: rgba(255, 255, 255, 0.9);
}
}
.is-transparent .hero-slideshow-fullscreen .hero__content {
padding-top: 50px;
padding-top: 3.125rem;
}
.site-branding {
float: left;
}
.site-branding .site-title,
.site-branding .site-text-logo {
margin: 0px;
line-height: 1;
font-family: "Raleway", Helvetica, Arial, sans-serif;
font-size: 23px;
letter-spacing: 1px;
text-transform: uppercase;
color: #000000;
display: initial;
vertical-align: middle;
font-weight: 600;
}
.site-branding .site-title:hover,
.site-branding .site-text-logo:hover {
text-decoration: none;
}
.site-branding .site-title {
display: inline-block;
}
.site-branding .site-image-logo {
display: block;
}
.site-branding .site-logo-div {
line-height: 75px;
}
.site-branding .no-logo-img.has-desc,
.site-branding .has-logo-img {
line-height: 60px;
}
.site-branding .no-logo-img.has-desc .site-title,
.site-branding .has-logo-img .site-title {
margin-top: -5px;
position: relative;
}
.site-branding .no-logo-img.has-desc .site-description,
.site-branding .has-logo-img .site-description {
font-size: 12px;
line-height: 14px;
margin-bottom: 0;
position: relative;
top: -15px;
color: #000000;
}
.home.header-transparent .no-scroll .site-brand-inner,
.home.header-transparent .no-scroll .site-text-logo {
color: #fff;
}
.header-social {
margin-left: 0px;
float: right;
}
@media screen and (min-width: 940px) {
.header-social {
margin-left: 10px;
}
}
@media screen and (max-width: 576px) {
.header-social {
display: none;
}
}
.header-social a {
display: block;
height: 100%;
float: left;
margin-left: 0px;
margin-top: -2px;
color: #03c4eb;
}
@media screen and (min-width: 940px) {
.header-social a {
margin-left: 3px;
}
}
.header-social a:hover {
color: #000000;
transition: all 0.2s linear 0s;
}
.header-social .fa-stack-1x,
.header-social .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.header-social .fa-stack-1x {
line-height: inherit;
}
.header-social .fa-stack-2x {
font-size: 2em;
}
.header-social .fa-inverse {
color: #ffffff;
}
.header-btn {
float: right;
} .onepress-menu,
.onepress-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.onepress-menu {
float: right;
}
.onepress-menu ul {
position: absolute;
display: block;
height: 1px;
overflow: hidden;
opacity: 0;
z-index: -1;
top: 100%;
left: 0;
}
.onepress-menu ul.sub-ul-r {
left: auto;
right: 0px;
}
.onepress-menu ul ul {
top: 0;
left: 100%;
}
.onepress-menu li {
position: relative;
}
.onepress-menu > li {
float: left;
}
.onepress-menu li:hover > ul,
.onepress-menu li.sfHover > ul {
display: block;
height: initial;
overflow: initial;
opacity: 1;
z-index: 99;
}
.onepress-menu a {
display: block;
position: relative;
}
.onepress-menu ul {
min-width: 12em;
width: fit-content;
max-width: 100vw;
border: 1px solid #e9e9e9;
border-top: none;
}
.onepress-menu li {
white-space: nowrap;
*white-space: normal;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
.onepress-menu li:hover,
.onepress-menu li.sfHover {
-webkit-transition: none;
transition: none;
}
.onepress-menu a {
color: #333333;
font-family: "Raleway", Helvetica, Arial, sans-serif;
padding-left: 17px;
padding-right: 17px;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
zoom: 1;
letter-spacing: 1px;
white-space: nowrap;
}
.onepress-menu a:hover {
color: #03c4eb;
}
.onepress-menu ul li {
line-height: 26px;
width: fit-content;
min-width: 100%;
}
.onepress-menu ul li a {
border-top: 1px solid #e9e9e9;
padding: 8px 18px;
color: #999999;
font-size: 13px;
text-transform: none;
background: #ffffff;
letter-spacing: 0;
}
.onepress-menu ul li a:hover {
color: #03c4eb;
}
.onepress-menu li.onepress-current-item > a {
color: #03c4eb;
}
.onepress-menu ul li.current-menu-item > a {
color: #03c4eb;
}
.onepress-menu > li:last-child > a {
padding-right: 0px;
}
.onepress-menu > li a.menu-actived {
color: #03c4eb;
}
.onepress-menu .nav-toggle-subarrow {
display: none;
}
#nav-toggle {
display: none;
margin-left: 15px;
}
@media screen and (max-width: 1140px) {
.main-navigation {
position: static;
}
.main-navigation .onepress-menu {
width: 100% !important;
display: block;
height: 0px;
overflow: hidden;
background: #fff;
}
.onepress-menu.onepress-menu-mobile {
position: absolute;
top: 75px;
right: 0;
width: 100%;
z-index: 800;
overflow: auto !important;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
}
.onepress-menu.onepress-menu-mobile .sub-menu {
width: auto;
}
.onepress-menu.onepress-menu-mobile > li > a {
padding: 12px 20px;
}
.onepress-menu.onepress-menu-mobile li:hover ul {
display: none;
}
.onepress-menu.onepress-menu-mobile ul {
box-shadow: none;
padding-bottom: 0;
border: none;
position: relative;
}
.onepress-menu.onepress-menu-mobile ul li:last-child {
border-bottom: none;
}
.onepress-menu.onepress-menu-mobile ul li a {
padding: 12px 35px;
border-top: none;
white-space: pre-line;
}
.onepress-menu.onepress-menu-mobile ul li a:hover {
background: transparent;
}
.onepress-menu.onepress-menu-mobile ul li li a {
padding: 12px 70px;
border-top: none;
}
.onepress-menu.onepress-menu-mobile ul li li li a {
padding: 12px 105px;
}
.onepress-menu.onepress-menu-mobile ul ul {
left: 0px;
}
.onepress-menu.onepress-menu-mobile li {
line-height: 20px;
background: #ffffff;
border-top: 1px solid #e9e9e9;
width: 100% !important;
}
.onepress-menu.onepress-menu-mobile > li:first-child {
border-top: 0px none;
}
.onepress-menu.onepress-menu-mobile li.onepress-current-item > a {
color: #03c4eb;
}
.onepress-menu.onepress-menu-mobile a {
color: #777777;
}
.onepress-menu.onepress-menu-mobile a:hover {
color: #000000;
}
.onepress-menu.onepress-menu-mobile .nav-toggle-subarrow {
display: block;
color: #999999;
border-left: 1px solid #e9e9e9;
font-weight: normal;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
text-align: center;
padding: 11px 20px;
z-index: 10;
font-size: 22px;
}
.onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > .nav-toggle-subarrow .fa-angle-down:before {
content: "\f106" !important;
}
.onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > ul {
left: 0px;
display: block !important;
height: initial;
overflow: initial;
opacity: 1;
z-index: inherit;
}
#nav-toggle {
display: block;
}
}
#nav-toggle {
float: right;
position: relative;
width: 35px;
overflow: hidden;
white-space: nowrap;
color: transparent;
}
#nav-toggle span {
position: absolute;
top: 50%;
right: 5px;
margin-top: -2px;
-webkit-transition: rotate 0.2s, translate 0.2s;
-moz-transition: rotate 0.2s, translate 0.2s;
transition: rotate 0.2s, translate 0.2s;
display: inline-block;
height: 3px;
width: 24px;
background: #000000;
}
#nav-toggle span:before {
top: -8px;
}
#nav-toggle span:after {
top: 8px;
}
#nav-toggle span:before, #nav-toggle span:after {
position: absolute;
display: inline-block;
height: 3px;
width: 24px;
background: #000000;
content: "";
right: 0;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.2s;
-moz-transition: -moz-transform 0.2s;
transition: transform 0.2s;
}
#nav-toggle.nav-is-visible span {
background: transparent;
}
#nav-toggle.nav-is-visible span:before {
-webkit-transform: translateX(4px) translateY(-1px) rotate(45deg);
-moz-transform: translateX(4px) translateY(-1px) rotate(45deg);
-ms-transform: translateX(4px) translateY(-1px) rotate(45deg);
-o-transform: translateX(4px) translateY(-1px) rotate(45deg);
transform: translateX(4px) translateY(-1px) rotate(45deg);
}
#nav-toggle.nav-is-visible span:after {
-webkit-transform: translateX(4px) translateY(0px) rotate(-45deg);
-moz-transform: translateX(4px) translateY(0px) rotate(-45deg);
-ms-transform: translateX(4px) translateY(0px) rotate(-45deg);
-o-transform: translateX(4px) translateY(0px) rotate(-45deg);
transform: translateX(4px) translateY(0px) rotate(-45deg);
}
#nav-toggle.nav-is-visible span:before, #nav-toggle.nav-is-visible span:after {
background: #000000;
} .site-content {
border-top: 1px solid #e9e9e9;
margin-top: -1px;
}
.site-content.no-border {
border-top: none;
}
.blog .site-content,
.tax-portfolio_cat .site-content,
.single-post .site-content,
.hiding-page-title .site-content {
margin-top: 0;
}
.page-header {
padding: 30px 0px;
border-top: 1px solid #e9e9e9;
background: #f8f9f9;
border-bottom: 1px solid #e9e9e9;
position: relative;
}
.page-header:before {
position: absolute;
top: 0px;
bottom: 0;
left: 0;
width: 100%;
display: block;
content: " ";
}
.page-header .entry-title,
.page-header .page-title {
margin-bottom: 0px;
font-size: 24px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}
.page-header p {
margin: 6px 0px 0px 0px;
}
.page-header.page--cover {
position: relative;
padding: 8% 0px;
text-align: center;
border-top: 0 none;
border-bottom: 0 none;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.page-header.page--cover:before {
position: absolute;
top: 0px;
bottom: 0;
left: 0;
width: 100%;
display: block;
background: rgba(0, 0, 0, 0.3);
content: " ";
}
.page-header.page--cover .entry-title {
font-size: 2.5rem;
font-weight: 800;
color: #ffffff;
}
.page-header.page--cover .entry-tagline {
color: #ffffff;
font-style: italic;
font-weight: 300;
}
@media screen and (min-width: 1140px) {
.page-header.page--cover .entry-tagline {
font-size: 20px;
}
}
@media screen and (max-width: 940px) {
.page-header.page--cover .entry-tagline {
font-size: 18px;
}
}
@media screen and (max-width: 720px) {
.page-header.page--cover .entry-tagline {
font-size: 16px;
}
}
.page-header.page--cover.is-t-above .container {
margin-top: 30px;
} .site-footer {
background: #111111;
color: #bbbbbb;
font-size: 14px;
}
.site-footer a {
color: #03c4eb;
}
.site-footer .footer-connect {
padding: 90px 0px;
padding: 80px 0px;
padding: 5rem 0rem;
text-align: center;
}
@media (max-width: 767px) {
.site-footer .footer-connect .footer-subscribe {
margin-bottom: 40px;
}
}
.site-footer .footer-connect .follow-heading {
color: #ffffff;
margin-bottom: 20px;
letter-spacing: 0.8px;
}
.site-footer .footer-connect .subs_input {
background-color: rgba(255, 255, 255, 0.145);
color: #cccccc;
border-bottom: none;
box-shadow: none;
padding: 12px 15px 12px;
border-radius: 2px;
width: 60%;
font-size: 13px;
}
.site-footer .footer-connect .subs_input:focus {
border: none;
}
@media screen and (max-width: 1140px) {
.site-footer .footer-connect .subs_input {
width: 100%;
margin-bottom: 4px;
}
}
@media screen and (max-width: 940px) {
.site-footer .footer-connect .subs_input {
width: 70%;
margin-bottom: 4px;
}
}
@media screen and (max-width: 720px) {
.site-footer .footer-connect .subs_input {
width: 100%;
margin-bottom: 4px;
}
}
.site-footer .footer-connect .subs-button {
margin: 0px;
position: relative;
top: 0px;
padding: 16px 23px 16px;
}
@media screen and (max-width: 1140px) {
.site-footer .footer-connect .subs-button {
width: 100%;
}
}
@media screen and (max-width: 940px) {
.site-footer .footer-connect .subs-button {
width: 70%;
}
}
@media screen and (max-width: 720px) {
.site-footer .footer-connect .subs-button {
width: 100%;
}
}
.site-footer .footer-connect input[type=text]:focus {
border: none !important;
}
.site-footer .footer-social {
text-align: center;
}
.site-footer .footer-social a {
font-size: 30px;
margin: 0px 13px;
color: #ffffff;
}
.site-footer .footer-social a:hover {
color: #03c4eb;
}
.site-footer .site-info {
position: relative;
text-align: center;
padding: 35px 0px;
background: #222222;
font-weight: 500;
color: #bbbbbb;
}
.site-footer .site-info a {
color: #dddddd;
}
.site-footer .site-info a:hover {
text-decoration: underline;
}
.site-footer .site-info .container {
position: initial;
}
.site-footer .btt a {
border-radius: 0px 20px 0 0;
color: #999999;
background: #222222;
display: block;
font-size: 30px;
height: 50px;
line-height: 50px;
margin: auto;
position: absolute;
right: 60px;
top: -25px;
transition: all 0.2s linear 0s;
width: 50px;
z-index: 99;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.site-footer .btt a:hover {
color: #03c4eb;
}
.site-footer .btt a i {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
margin-left: 3px;
}
@media screen and (max-width: 940px) {
.site-footer .btt a {
right: 0;
left: 0;
}
}  .error-404 .search-form,
.error-404 .widget {
margin-bottom: 40px;
}
.error-404 .widgettitle,
.error-404 .widget-title {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 13px;
font-weight: 700;
}
.error-404 ul {
padding-left: 0px;
}
.error-404 ul li {
list-style: none;
} .search-results .hentry {
border-bottom: 1px solid #e9e9e9;
padding-bottom: 25px;
margin-bottom: 25px;
}
.search-results .entry-summary p {
margin-bottom: 0px;
}
.search-results .entry-header .entry-title {
font-size: 22px;
line-height: 1.5;
font-weight: 500;
}
.search-results .entry-header .entry-title a:hover {
text-decoration: none;
} .entry-header .entry-title {
font-weight: 500;
text-transform: none;
letter-spacing: -0.6px;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 25px;
line-height: 1.3;
}
@media screen and (min-width: 940px) {
.entry-header .entry-title {
font-size: 32px;
line-height: 1.5;
}
}
.entry-thumbnail {
margin-bottom: 30px;
}
.single .entry-header .entry-title {
margin-bottom: 10px;
}
.highlight {
color: #03c4eb;
} .entry-content {
margin-bottom: 30px;
}
.entry-content blockquote {
padding: 30px;
position: relative;
background: #f8f9f9;
border-left: 3px solid #03c4eb;
font-style: italic;
}
.entry-content blockquote p {
margin: 0px;
} .entry-meta {
margin-bottom: 30px;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 12px;
font-weight: 600;
padding-bottom: 30px;
border-bottom: 1px solid #e9e9e9;
}
.entry-footer {
margin-bottom: 30px;
padding-top: 30px;
border-top: 1px solid #e9e9e9;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
display: block;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 12px;
font-weight: 600;
margin-top: 5px;
}
.nav-links {
padding: 30px 0px;
border-left: none;
border-right: none;
margin-bottom: 50px;
flex-basis: 100%;
text-align: center;
}
.nav-links .nav-previous {
float: left;
}
.nav-links .nav-next {
float: right;
}
.nav-links a,
.nav-links .page-numbers {
background: #cccccc;
color: #FFFFFF;
padding: 12px 20px;
font-weight: 600;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 2px;
}
@media screen and (max-width: 940px) {
.nav-links a,
.nav-links .page-numbers {
padding: 6px 10px;
}
}
.nav-links a:hover, .nav-links a.current,
.nav-links .page-numbers:hover,
.nav-links .page-numbers.current {
background: #03c4eb;
text-decoration: none;
}
.bypostauthor {
margin: 0;
} .sticky .entry-title {
padding-left: 20px;
position: relative;
}
.sticky .entry-title:after {
content: "\f276";
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
width: 12px;
height: 12px;
position: absolute;
left: 0px;
top: 2px;
font-size: 22px;
color: #aaaaaa;
} .wp-caption {
max-width: 100%;
font-style: italic;
line-height: 1.35;
margin-bottom: 15px;
margin-top: 5px;
}
.wp-caption img[class*=wp-image-] {
display: block;
max-width: 100%;
}
.wp-caption .wp-caption-text {
margin: 10px 0px;
}
.wp-caption-text,
.entry-thumbnail-caption,
.cycle-caption {
font-style: italic;
line-height: 1.35;
font-size: 13px;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} #comments {
padding-top: 30px;
border-top: 1px solid #e9e9e9;
}
#comments .comments-title {
margin-bottom: 20px;
font-size: 18px;
line-height: 26px;
letter-spacing: 1.5px;
text-transform: uppercase;
}
#comments .comment-list {
list-style: none;
padding-left: 0px;
}
#comments .comment-list .pingback {
border-bottom: 1px solid #e9e9e9;
padding: 20px 0;
margin: 0;
}
#comments .comment-list .pingback p {
margin: 0px;
}
#comments .comment-list .pingback:last-child {
margin-bottom: 40px;
}
#comments .comment-content.entry-content {
margin-bottom: 0px;
}
#comments .comment {
list-style: none;
margin: 30px 0;
}
#comments .comment .avatar {
width: 60px;
float: left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#comments .comment .comment-wrapper {
margin-left: 90px;
padding: 25px 30px 15px 30px;
background: #f8f9f9;
position: relative;
}
#comments .comment .comment-wrapper:before {
border-color: rgba(0, 0, 0, 0) #f6f7f9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0 10px 10px 0;
content: "";
height: 0;
left: -9px;
position: absolute;
top: 0;
width: 0;
}
#comments .comment .comment-wrapper .comment-meta .comment-time,
#comments .comment .comment-wrapper .comment-meta .comment-reply-link,
#comments .comment .comment-wrapper .comment-meta .comment-edit-link {
color: #aaaaaa;
text-transform: uppercase;
letter-spacing: 0.3px;
font-size: 11px;
}
#comments .comment .comment-wrapper .comment-meta .comment-time:hover,
#comments .comment .comment-wrapper .comment-meta .comment-reply-link:hover,
#comments .comment .comment-wrapper .comment-meta .comment-edit-link:hover {
color: #03c4eb;
}
#comments .comment .comment-wrapper .comment-meta .comment-time:after,
#comments .comment .comment-wrapper .comment-meta .comment-reply-link:after,
#comments .comment .comment-wrapper .comment-meta .comment-edit-link:after {
content: "/";
padding: 0px 5px;
}
#comments .comment .comment-wrapper .comment-meta a:last-child:after {
content: "";
}
#comments .comment .comment-wrapper .comment-meta cite .fn {
font-weight: bold;
font-style: normal;
margin-right: 5px;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 14px;
}
#comments .comment .comment-wrapper .comment-meta cite span {
padding: 3px 10px;
background: #e9e9e9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-right: 10px;
}
#comments .comment .comment-wrapper a {
text-decoration: none;
}
#comments .comment .children {
padding-left: 30px;
}
#comments .comment .children .children {
padding-left: 30px;
}
#comments .comment .children .children .children {
padding-left: 0px;
}
@media screen and (min-width: 940px) {
#comments .comment .children {
padding-left: 90px;
}
#comments .comment .children .children {
padding-left: 90px;
}
#comments .comment .children .children .children {
padding-left: 90px;
}
}
#comments .form-allowed-tags {
display: none;
}
#comments a {
text-decoration: none;
}
#comments a:hover {
text-decoration: underline;
}
.comment-respond textarea,
.comment-respond textarea {
width: 100%;
} #respond {
padding-top: 20px;
}
#respond .comment-form label {
display: block;
margin-bottom: 4px;
}
#respond .form-allowed-tags {
font-size: 12px;
}
#respond .form-allowed-tags code {
background: none;
}
#respond .comment-reply-title {
font-size: 18px;
letter-spacing: 1.5px;
margin-bottom: 20px;
text-transform: uppercase;
}
#respond .comment-notes {
display: none;
}
#respond label {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.full-screen .comments-area {
max-width: 1110px;
margin: 0 auto;
} .woocommerce div.product form.cart .variations td.label {
color: #777;
} .wp-block-gallery.is-layout-flex {
display: flex;
flex-wrap: wrap;
}  .btn {
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 600;
}
.btn:active, .btn:focus {
outline: none;
}
.btn.btn-secondary-outline {
box-shadow: none;
border-color: rgba(255, 255, 255, 0.9);
color: rgba(255, 255, 255, 0.9);
}
.btn.btn-secondary-outline:hover {
background: #FFF;
color: #333;
}
.btn-lg {
font-size: 17px;
font-size: 1.0625rem;
}
.btn-theme-primary {
background: #03c4eb;
color: #FFFFFF;
}
.btn-theme-primary:hover {
color: #FFFFFF;
}
.btn-theme-primary-outline {
background-color: transparent;
background-image: none;
border-color: #03c4eb;
color: #03c4eb;
}
.btn-theme-primary-outline:hover {
color: #FFF;
background-color: #03c4eb;
border-color: #03c4eb;
} .slider-spinner {
width: 40px;
height: 40px;
position: relative;
margin: 100px auto;
}
.double-bounce1, .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2s infinite ease-in-out;
animation: sk-bounce 2s infinite ease-in-out;
}
.double-bounce2 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
@-webkit-keyframes sk-bounce {
0%, 100% {
-webkit-transform: scale(0);
}
50% {
-webkit-transform: scale(1);
}
}
@keyframes sk-bounce {
0%, 100% {
transform: scale(0);
-webkit-transform: scale(0);
}
50% {
transform: scale(1);
-webkit-transform: scale(1);
}
} section > .customize-partial-edit-shortcut {
z-index: 95;
}
section > .customize-partial-edit-shortcut button {
left: 30px;
} .sidebar .widget {
margin-bottom: 40px;
}
.sidebar .widget .widget-title {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 13px;
font-weight: 700;
}
.sidebar .widget ul {
list-style: none;
padding: 0px;
}
.sidebar .widget ul:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.sidebar .widget a {
color: #777777;
font-size: 14px;
}
.sidebar .widget a:hover {
color: #03c4eb;
text-decoration: underline;
} .search-form {
display: flex;
width: 100%;
align-items: center;
}
.search-form .search-field {
width: 100% !important;
padding: 10px 15px;
padding: 0.625rem 0.9375rem;
}
.search-form .search-submit {
width: auto;
margin: 0px 0 0 0.5em;
height: 100%;
}
.search-form label {
flex-grow: 2;
margin: 0px;
} .widget_recent_comments ul {
margin-top: 25px;
}
.widget_recent_comments ul li {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e9e9e9;
}
.widget_recent_comments ul a {
font-style: italic;
}
.widget_recent_comments .comment-author-link a {
font-weight: bold;
font-style: normal;
} .widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
float: left;
margin-bottom: 0;
width: 50%;
}
@media screen and (min-width: 720px) {
.widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
width: 50%;
}
}
@media screen and (min-width: 940px) {
.widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
width: 100%;
float: none;
}
}
@media screen and (min-width: 1140px) {
.widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
width: 50%;
float: left;
}
}
.widget_recent_entries ul li {
margin: 0px;
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #e9e9e9;
}
.sidebar .widget_calendar a {
color: #03c4eb;
text-decoration: underline;
}  .section-padding {
padding: 70px 0px;
padding: 4.375rem 0rem;
}
.section-padding-lg {
padding: 90px 0px;
padding: 5.625rem 0rem;
}
.section-padding-larger {
padding: 140px 0px;
padding: 8.75rem 0rem;
}
.section-meta {
background-color: #f8f9f9;
}
.onepage-section {
position: relative;
overflow: hidden;
}
.onepage-section:before {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: block;
content: " ";
z-index: 1;
}
.onepage-section .container-fluid,
.onepage-section .container {
position: relative;
z-index: 5;
}
.section-inverse {
background: #222222;
}
.section-inverse .section-title-area .section-title {
color: rgba(255, 255, 255, 0.99);
}
.section-inverse .section-title-area .section-subtitle {
color: rgba(255, 255, 255, 0.7);
}
.section-inverse .section-title-area .section-subtitle::after {
background: rgba(255, 255, 255, 0.8);
}
.section-inverse .pricing-table .pricing__item ul p {
color: #777777;
}
.section-inverse-extended {
background: #333333;
}
.section-inverse-extended .section-title-area .section-title {
color: rgba(255, 255, 255, 0.99);
}
.section-inverse-extended .section-title-area .section-subtitle {
color: rgba(255, 255, 255, 0.7);
}
.section-inverse-extended .section-title-area .section-subtitle::after {
background: rgba(255, 255, 255, 0.8);
}
.section-inverse {
color: rgba(255, 255, 255, 0.5);
}
.section-inverse h1, .section-inverse h2, .section-inverse h3, .section-inverse h4, .section-inverse h5, .section-inverse h6 {
color: rgba(255, 255, 255, 0.9);
}
.section-inverse p {
color: rgba(255, 255, 255, 0.5);
}
.section-title-area {
margin-bottom: 60px;
text-align: center;
}
.section-title-area .section-title {
font-size: 30px;
letter-spacing: 2px;
font-weight: 800;
position: relative;
margin-bottom: 0px;
text-transform: uppercase;
}
@media screen and (min-width: 940px) {
.section-title-area .section-title {
font-size: 40px;
letter-spacing: 3.5px;
}
}
.section-title-area .section-subtitle {
color: #aaaaaa;
font-size: 12px;
display: inline-block;
position: relative;
margin-bottom: 13px;
margin-bottom: 0.8125rem;
text-transform: uppercase;
letter-spacing: 2px;
}
@media screen and (min-width: 940px) {
.section-title-area .section-subtitle {
font-size: 14px;
}
}
.section-desc {
font-size: 20px;
font-size: 1.25rem;
margin-top: 40px;
margin-top: 2.5rem;
} .hero-slideshow-wrapper {
width: 100%;
position: relative;
background-color: #222222;
overflow: hidden; }
.hero-slideshow-wrapper:after {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
display: block;
content: "";
}
.hero-slideshow-wrapper .hero__content .hero-large-text, .hero-slideshow-wrapper .hero__content .hero-small-text, .hero-slideshow-wrapper .hero__content .btn,
.hero-slideshow-wrapper .hero__content .hcl2-content {
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.hero-slideshow-wrapper .hero__content .hero-large-text {
-webkit-transition-delay: 0.7s; transition-delay: 0.7s;
}
.hero-slideshow-wrapper .hero__content .hero-small-text {
-webkit-transition-delay: 0.8s; transition-delay: 0.8s;
}
.hero-slideshow-wrapper .hero__content .btn {
-webkit-transition-delay: 1s; transition-delay: 1s;
}
.hero-slideshow-wrapper .hero__content .hcl2-content {
-webkit-transition-delay: 0.7s; transition-delay: 0.7s;
}
.hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text, .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text, .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.hero-slideshow-wrapper.loaded .container .hero__content .hero-large-text,
.hero-slideshow-wrapper.loaded .container .hero__content .hero-small-text,
.hero-slideshow-wrapper.loaded .container .hero__content .btn, .hero-slideshow-wrapper.loaded .container .hero__content .hcl2-content {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.hero-slideshow-wrapper .slider-spinner {
position: absolute;
top: 50%;
left: 50%;
z-index: 9999999;
margin: 0px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.animation-disable .hero-slideshow-wrapper { }
.animation-disable .hero-slideshow-wrapper .hero__content .hero-large-text, .animation-disable .hero-slideshow-wrapper .hero__content .hero-small-text, .animation-disable .hero-slideshow-wrapper .hero__content .btn, .animation-disable .hero-slideshow-wrapper .hero__content .hcl2-content {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.animation-disable .hero-slideshow-wrapper .hero__content .hero-large-text {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper .hero__content .hero-small-text {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper .hero__content .btn {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper .hero__content .hcl2-content {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text, .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text, .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn, .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hcl2-content {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hcl2-content {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper .slider-spinner {
position: absolute;
top: 50%;
left: 50%;
z-index: 9999999;
margin: 0px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.js-rotating {
display: none;
}
.js-rotating.morphext {
display: inline-block;
}
.is-customize-preview .slider-spinner {
display: none !important;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .hero-large-text, .is-customize-preview .hero-slideshow-wrapper .hero__content .hero-small-text, .is-customize-preview .hero-slideshow-wrapper .hero__content .btn, .is-customize-preview .hero-slideshow-wrapper .hero__content .hcl2-content {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: all 0s linear;
transition: all 0s linear;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .hero-large-text {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .hero-small-text {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .btn {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .hcl2-content {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hcl2-content {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hcl2-content {
-webkit-transition-delay: 0s; transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .hero-large-text,
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .hero-small-text,
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .btn,
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .hcl2-content {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.hero-slideshow-normal .container {
padding: 10% 0px;
position: relative;
z-index: 80;
}
.hero-slideshow-fullscreen .container {
z-index: 80;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.hero__content {
color: #FFF;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
}
.hero__content h1, .hero__content h2, .hero__content h3, .hero__content h4, .hero__content h5, .hero__content h6 {
color: #FFF;
letter-spacing: 2px;
text-transform: uppercase;
}
.hero__content a.btn {
margin: 10px 10px 20px 0px;
margin: 0.625rem 0.625rem 1.25rem 0rem;
}
.hero__content p {
margin-bottom: 20px;
margin-bottom: 1.25rem;
} .hero-content-style2 h1 {
font-weight: 800;
font-size: 50px;
font-size: 3.125rem;
letter-spacing: 3px;
}
.hero-content-style2 .hcl2-content {
padding: 50px 0px;
padding: 3.125rem 0rem;
}
.hero-content-style2 .hcl2-image {
text-align: right;
}
@media (max-width: 1199px) {
.hero-content-style2 .hcl2-content, .hero-content-style2 .hcl2-image {
text-align: center;
}
} .hero-content-style1 {
text-align: center;
}
.hero-content-style1 h2 {
color: #FFFFFF;
font-size: 35px;
letter-spacing: 2px;
line-height: 1.3;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
font-weight: 800;
text-transform: uppercase;
}
@media screen and (min-width: 720px) {
.hero-content-style1 h2 {
font-size: 60px;
letter-spacing: 3px;
}
}
@media screen and (min-width: 940px) {
.hero-content-style1 h2 {
font-size: 75px;
letter-spacing: 4px;
}
}
.hero-content-style1 h2 strong {
font-weight: 900;
}
.hero-content-style1 p {
font-size: 14px;
font-style: italic;
letter-spacing: 0.4px;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
color: #FFFFFF;
text-align: center;
font-weight: 100;
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
@media screen and (min-width: 940px) {
.hero-content-style1 p {
font-size: 18px;
}
}
@media screen and (min-width: 1140px) {
.hero-content-style1 p {
font-size: 22px;
}
}
.hero-content-style1 p strong {
letter-spacing: -0.6px;
}
@media (max-width: 767px) {
.hero-content-style1 .btn {
display: inline-block;
}
}
.hero-content-style1 a:active, .hero-content-style1 a:focus, .hero-content-style1 .btn:active, .hero-content-style1 .btn:focus {
outline: none;
}
#hero .btn {
box-shadow: none;
}
#hero .btn-theme-primary:focus {
color: #fff;
}
.h-on-top.is-transparent #hero .container .hero__content {
margin-top: 75px;
} .morphext > .animated {
display: inline-block;
} .icon-background-default {
color: #03c4eb;
}
.feature-item {
text-align: center;
}
.feature-item .feature-icon {
color: #fff;
}
.feature-item .fa-5x {
font-size: 4em;
}
.feature-item:hover .icon-background-default {
color: #333333;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
@media screen and (min-width: 940px) {
.feature-item.col-lg-3:nth-child(4n+1), .feature-item.col-lg-4:nth-child(3n+1), .feature-item.col-lg-6:nth-child(2n+1) {
clear: left;
}
}
.feature-media {
text-align: center;
margin-bottom: 20px;
} .section-about .about-image {
text-align: center;
}
.section-about .about-image img {
margin-bottom: 30px;
}
.section-about .section-title-area {
margin-bottom: 30px;
}
.section-about .row > div {
margin-top: 30px;
} .section-services .service-item {
background: #FFFFFF;
padding: 30px;
margin-bottom: 30px;
position: relative;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
transition: all 100ms ease-out 0s;
}
@media screen and (max-width: 720px) {
.section-services .service-item {
padding: 20px;
}
}
.section-services .service-item:after {
content: "";
display: table;
clear: both;
clear: both;
}
.section-services .service-item:hover {
box-shadow: 0 6px 9px rgba(0, 0, 0, 0.09);
}
.section-services .service-item .service-image {
float: left;
margin-right: 30px;
}
.section-services .service-item .service-image img {
max-width: 120px;
height: auto;
}
.section-services .service-item .service-image i {
color: #03c4eb;
}
@media screen and (max-width: 720px) {
.section-services .service-item .service-image {
float: none;
margin-bottom: 30px;
margin-top: 10px;
margin-right: 0px;
text-align: center;
}
}
.section-services .service-item .service-thumbnail {
margin-bottom: 25px;
margin-bottom: 1.5625rem;
}
.section-services .service-item .service-content {
overflow: hidden;
}
.section-services .service-item .service-content p {
margin: 0px;
font-size: 14px;
color: #777777;
}
@media screen and (max-width: 720px) {
.section-services .service-item .service-content {
text-align: center;
overflow: auto;
}
}
.section-services .service-item .service-title {
margin-bottom: 10px;
margin-bottom: 0.625rem;
color: #333333;
}
.section-services .service-item .service-link:before {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0px;
left: 0px;
content: "";
} .counter_item {
text-align: center;
margin-bottom: 35px;
margin-bottom: 2.1875rem;
}
.counter_item .counter__number {
font-size: 50px;
font-size: 3.125rem;
font-weight: 800;
color: #03c4eb;
line-height: 1;
font-family: serif, sans-serif;
text-transform: uppercase;
}
.counter_item .counter_title {
font-size: 18px;
font-size: 1.125rem;
} #parallax-hero {
position: relative;
background: none;
overflow: hidden;
}
#parallax-hero .hero-slideshow-wrapper {
background: none;
}
#parallax-hero .hero-slideshow-wrapper::after {
background: none;
}
.section-parallax, #parallax-hero {
background: none;
position: relative;
overflow: hidden;
}
.section-parallax > section, .section-parallax .onepage-section, .section-parallax .section-inverse, #parallax-hero > section, #parallax-hero .onepage-section, #parallax-hero .section-inverse {
background: none;
}
.section-parallax .parallax-bg, #parallax-hero .parallax-bg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: auto;
min-height: 100%;
display: block;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
background-size: 100% auto;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50% 50%;
}
.section-parallax .parallax-bg:before, #parallax-hero .parallax-bg:before {
content: " ";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: rgba(0, 0, 0, 0.3);
display: block;
width: 100%;
height: 100%;
z-index: 2;
}
.section-parallax .parallax-bg img, #parallax-hero .parallax-bg img {
position: absolute;
left: 0;
display: none;
bottom: 0;
min-width: 100%;
min-height: 100%;
display: block;
object-fit: cover;
width: 100%;
height: auto;
}
.section-parallax .parallax-bg.no-img, #parallax-hero .parallax-bg.no-img {
height: 120%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
background-attachment: scroll;
background-position: 50% 0;
}
.parallax_bg_overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 5;
opacity: 0.4;
}
.parallax-content {
z-index: 10;
position: relative;
padding: 100px 0px;
text-align: center;
}
.parallax-content h1, .parallax-content h2, .parallax-content h3, .parallax-content h4, .parallax-content h5, .parallax-content h6 {
color: #FFFFFF;
line-height: 1.5;
}
.parallax-content p, .parallax-content a {
color: #FFFFFF;
} .section-team .team-member {
padding: 0px 0.5px;
text-align: center;
}
.section-team .row {
margin-left: -0.5px;
margin-right: -0.5px;
}
.team-members.row {
margin-left: 0px;
margin-left: 0rem;
margin-right: 0px;
margin-right: 0rem;
}
@media screen and (min-width: 940px) {
.team-members.row.team-layout-4 .team-member {
width: 25%;
}
.team-members.row.team-layout-4 .team-member:nth-child(4n+1) {
clear: left;
}
.team-members.row.team-layout-3 .team-member {
width: 33.3333333333%;
}
.team-members.row.team-layout-3 .team-member:nth-child(3n+1) {
clear: left;
}
.team-members.row.team-layout-2 .team-member {
width: 50%;
}
.team-members.row.team-layout-2 .team-member:nth-child(2n+1) {
clear: left;
}
}
@media screen and (max-width: 940px) {
.team-members.row .team-member {
width: 50%;
}
.team-members.row .team-member:nth-child(2n+1) {
clear: left;
}
}
@media screen and (max-width: 720px) {
.team-members.row .team-member {
width: 50%;
}
.team-members.row .team-member:nth-child(2n+1) {
clear: left;
}
}
@media screen and (max-width: 576px) {
.team-members.row .team-member {
width: 100%;
}
}
.team-member {
margin-bottom: 20px;
float: left;
}
.team-member .member-thumb {
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.team-member .member-thumb:hover .member-profile {
bottom: 8px;
transition: all 0.1s linear;
}
.team-member .member-thumb:hover img {
opacity: 0.7;
transition: all 0.1s linear;
}
.team-member .member-thumb .member-profile {
position: absolute;
text-align: center;
bottom: -35px;
left: auto;
right: auto;
width: 100%;
}
.team-member .member-thumb .member-profile a {
color: #000000;
}
.team-member .member-thumb .member-profile a .fa-inverse {
color: #ffffff;
}
.team-member .member-thumb .member-profile a:hover {
color: #03c4eb;
}
.team-member .member-info {
margin-top: 0px;
position: relative;
z-index: 30;
text-align: center;
}
.team-member .member-name {
letter-spacing: 2px;
margin-bottom: 15px;
position: relative;
}
.team-member .member-name:after {
content: "";
display: block;
position: absolute;
left: 50%;
margin-left: -15%;
bottom: -11px;
width: 30%;
height: 1px;
background: #cccccc;
}
.team-member .member-position {
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1.3px;
} .all-news {
text-align: center;
margin-top: 40px;
display: block;
}
.section-news .list-article, .archive .list-article, .blog .list-article {
border-top: 1px solid #e9e9e9;
padding: 25px 0px;
}
.section-news .list-article:last-of-type, .archive .list-article:last-of-type, .blog .list-article:last-of-type {
border-bottom: 1px solid #e9e9e9;
}
.section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
float: left;
margin-right: 30px;
}
.section-news .list-article-thumb a img:hover, .archive .list-article-thumb a img:hover, .blog .list-article-thumb a img:hover {
opacity: 0.8;
}
@media screen and (max-width: 940px) {
.section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
display: none;
}
}
@media screen and (max-width: 720px) {
.section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
width: 100%;
float: none;
margin-right: 0px;
margin-bottom: 30px;
display: block;
}
.section-news .list-article-thumb img, .archive .list-article-thumb img, .blog .list-article-thumb img {
width: 100%;
}
}
.section-news .list-article-content, .archive .list-article-content, .blog .list-article-content {
float: none;
overflow: hidden;
}
.section-news .list-article-meta, .archive .list-article-meta, .blog .list-article-meta {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1.2px;
margin-bottom: 10px;
}
.section-news .entry-title, .archive .entry-title, .blog .entry-title {
font-size: 22px;
line-height: 1.5;
}
.section-news .entry-title a:hover, .archive .entry-title a:hover, .blog .entry-title a:hover {
text-decoration: none;
}
.section-news .entry-excerpt p, .archive .entry-excerpt p, .blog .entry-excerpt p {
margin-bottom: 0px;
}
.archive .site-main .list-article:first-child,
.blog .site-main .list-article:first-of-type {
border-top: none;
padding-top: 0px;
}
.page-template-template-blog .section-news .list-article {
padding: 30px 0px;
}
.page-template-template-blog .section-news .list-article:first-of-type {
border-top: none;
padding-top: 0px;
}
.page-template-template-blog .section-news .list-article:last-of-type {
border-bottom: none;
}
.section-news.section-inverse .list-article {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.section-news.section-inverse .list-article:last-of-type {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.section-news.section-inverse h1 a, .section-news.section-inverse h2 a, .section-news.section-inverse h3 a, .section-news.section-inverse h4 a, .section-news.section-inverse h5 a {
color: rgba(255, 255, 255, 0.8);
}
.section-news.section-inverse h1 a:hover, .section-news.section-inverse h2 a:hover, .section-news.section-inverse h3 a:hover, .section-news.section-inverse h4 a:hover, .section-news.section-inverse h5 a:hover {
color: #FFF;
} .section-contact input, .section-contact textarea {
width: 100%;
}
.section-contact .address-contact {
margin-top: 5px;
margin-bottom: 15px;
}
.section-contact .address-contact span {
float: left;
color: #aaaaaa;
}
.section-contact .address-contact .address-content {
display: block;
padding-left: 45px;
font-style: italic;
line-height: 2;
}
.section-contact .address-contact .fa-inverse {
font-size: 12px;
}
.section-contact textarea {
max-height: 190px;
}
.wpcf7-form {
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
font-weight: 600;
}
.wpcf7-form br {
margin-bottom: 5px;
}
.wpcf7-form label {
width: 100%;
}
div.wpcf7-validation-errors {
margin: 20px 0px;
padding: 15px;
}
div.wpcf7-response-output {
margin: 20px 0px;
} .section-videolightbox {
text-align: center;
}
.section-videolightbox .videolightbox__icon {
margin-bottom: 40px;
margin-bottom: 2.5rem;
}
.section-videolightbox .videolightbox__heading {
text-transform: uppercase;
font-size: 38px;
font-size: 2.375rem;
letter-spacing: 0px;
font-weight: 500;
}
.section-videolightbox .videolightbox__heading strong {
font-weight: 800;
}
.section-videolightbox .video_icon {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
border: 4px solid #fff;
border-radius: 100px;
height: 50px;
line-height: 1;
padding: 10px;
width: 50px;
display: inline-block;
}
.section-videolightbox .video_icon i {
color: #fff;
font-size: 20px;
margin-left: 6px;
margin-top: 1px;
line-height: 1;
}
.section-videolightbox .video_icon:hover {
background: #FFFFFF;
}
.section-videolightbox .video_icon:hover i {
color: #000;
} .gallery-grid .g-item {
padding: 10px;
float: left;
}
.all-gallery {
text-align: center;
margin-top: 40px;
display: block;
}
.g-zoom-in .g-item {
display: block;
overflow: hidden;
}
.g-zoom-in .g-item .inner-content {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.g-zoom-in .g-item img {
display: block;
overflow: hidden;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.g-zoom-in .g-item:hover img {
-ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5);
}
.g-layout-full-width.container {
width: 100%;
max-width: none;
padding: 0px;
}
@media screen and (min-width: 720px) {
.g-col-1 .g-item {
width: 100%;
}
.g-col-1 .g-item:nth-child(1n+1) {
clear: left;
}
.g-col-2 .g-item {
width: 50%;
}
.g-col-2 .g-item:nth-child(2n+1) {
clear: left;
}
.g-col-3 .g-item {
width: 33.3333333333%;
}
.g-col-3 .g-item:nth-child(3n+1) {
clear: left;
}
.g-col-4 .g-item {
width: 25%;
}
.g-col-4 .g-item:nth-child(4n+1) {
clear: left;
}
.g-col-5 .g-item {
width: 20%;
}
.g-col-5 .g-item:nth-child(5n+1) {
clear: left;
}
.g-col-6 .g-item {
width: 16.6666666667%;
}
.g-col-6 .g-item:nth-child(6n+1) {
clear: left;
}
}
@media screen and (min-width: 576px) and (max-width: 720px) {
.g-col-1 .g-item {
width: 100%;
}
.g-col-1 .g-item:nth-child(1n+1) {
clear: left;
}
.g-col-2 .g-item {
width: 50%;
}
.g-col-2 .g-item:nth-child(2n+1) {
clear: left;
}
.g-col-3 .g-item {
width: 33.3333333333%;
}
.g-col-3 .g-item:nth-child(3n+1) {
clear: left;
}
.g-col-4 .g-item {
width: 25%;
}
.g-col-4 .g-item:nth-child(4n+1) {
clear: left;
}
.g-col-5 .g-item {
width: 20%;
}
.g-col-5 .g-item:nth-child(5n+1) {
clear: left;
}
.g-col-6 .g-item {
width: 16.6666666667%;
}
.g-col-6 .g-item:nth-child(6n+1) {
clear: left;
}
}
@media screen and (max-width: 576px) {
.g-col-1 .g-item {
width: 100%;
}
.g-col-1 .g-item:nth-child(1n+1) {
clear: left;
}
.g-col-2 .g-item {
width: 50%;
}
.g-col-2 .g-item:nth-child(2n+1) {
clear: left;
}
.g-col-3 .g-item {
width: 33.3333333333%;
}
.g-col-3 .g-item:nth-child(3n+1) {
clear: left;
}
.g-col-4 .g-item {
width: 25%;
}
.g-col-4 .g-item:nth-child(4n+1) {
clear: left;
}
.g-col-5 .g-item {
width: 20%;
}
.g-col-5 .g-item:nth-child(5n+1) {
clear: left;
}
.g-col-6 .g-item {
width: 16.6666666667%;
}
.g-col-6 .g-item:nth-child(6n+1) {
clear: left;
}
}
.gallery-justified {
width: 100%;
position: relative;
overflow: hidden;
}
.gallery-justified img {
max-width: none;
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
border: none;
}
.gallery-justified > a,
.gallery-justified > div {
position: absolute;
display: inline-block;
overflow: hidden;
float: left;
}
.gallery-masonry {
width: 100%;
position: relative;
display: block;
}
.gallery-masonry:after {
clear: both;
}
.gallery-masonry .inner {
display: block;
}  .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.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;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
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;
-webkit-box-shadow: none;
box-shadow: none;
}
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;
filter: alpha(opacity=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;
filter: alpha(opacity=100);
}
.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: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.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;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
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,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
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;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
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;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
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;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
} .woocommerce-result-count {
font-style: italic;
}
.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
margin-bottom: 1.5em;
}
.woocommerce-ordering select {
padding: 7px;
margin-top: -10px;
}
.woocommerce ul.products li.product h3 {
font-size: 18px;
font-size: 1.125rem;
margin-bottom: 7px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce button.button.alt {
background-color: #03c4eb;
padding: 10px 20px;
padding: 0.625rem 1.25rem;
color: #FFF;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 13px;
font-size: 0.8125rem;
border-radius: 2px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce button.button.alt:hover {
background: #222222;
color: #FFF;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.woocommerce table.shop_table {
border-collapse: collapse;
}
.woocommerce .quantity .qty {
padding: 5px;
}
.woocommerce span.onsale {
padding: inherit;
}
.related.products h2, #tab-description h2 {
font-size: 17px;
font-size: 1.0625rem;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
padding: 9px 14px;
font-weight: bold;
}
.woocommerce #customer_details .col-1, .woocommerce #customer_details .col-2, .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2,
.woocommerce .woocommerce-Addresses .col-1,
.woocommerce .woocommerce-Addresses .col-2,
.woocommerce .woocommerce-customer-details .col-1,
.woocommerce .woocommerce-customer-details .col-2 {
max-width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.woocommerce .woocommerce-additional-fields h3 {
margin-top: 20px;
}
.woocommerce .cart_totals th {
text-align: left;
}
.woocommerce .cart_totals h2 {
font-size: 20px;
font-size: 1.25rem;
}
.woocommerce .wc-proceed-to-checkout {
text-align: center;
}
.woocommerce .woocommerce-order-details__title,
.woocommerce .woocommerce-customer-details h2 {
font-size: 20px;
font-size: 1.25rem;
}
.woocommerce ul.products li.product .price del {
display: inline-block;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
float: none;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
display: inline-block;
margin: 0 auto;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: #03c4eb;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: #03c4eb;
opacity: 0.8;
}
.woocommerce-MyAccount-navigation ul {
margin: 0px;
padding-left: 0px;
}
.woocommerce-MyAccount-navigation li {
list-style: none;
} .breadcrumbs {
font-size: 10px;
padding: 15px 0px;
border-bottom: 1px solid #e9e9e9;
color: #858585;
}
@media screen and (min-width: 720px) {
.breadcrumbs {
font-size: 12px;
}
}
.breadcrumbs i {
margin: 0px 6px;
}
.breadcrumbs a {
text-decoration: none;
color: #777777;
font-weight: 600;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs span {
margin-right: 20px;
position: relative;
}
@media screen and (min-width: 720px) {
.breadcrumbs span {
margin-right: 40px;
}
}
.breadcrumbs span span {
margin-right: 0;
}
.breadcrumbs a:before {
border-bottom: 6px solid transparent;
border-left: 6px solid rgba(0, 0, 0, 0.2);
border-top: 6px solid transparent;
content: "";
display: inline-block;
position: absolute;
right: -11px;
top: 2px;
}
@media screen and (min-width: 720px) {
.breadcrumbs a:before {
right: -23px;
top: 3px;
}
}
.breadcrumbs a:after {
border-bottom: 5px solid transparent;
border-left: 5px solid #ffffff;
border-top: 5px solid transparent;
content: "";
display: inline-block;
position: absolute;
right: -10px;
top: 3px;
}
@media screen and (min-width: 720px) {
.breadcrumbs a:after {
right: -22px;
top: 4px;
}
}   .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-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-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: none;
touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
transition: height 500ms ease-in-out;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}  .owl-theme {
position: relative;
}
.owl-theme .owl-nav button {
position: absolute;
top: 50%;
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: 0px;
padding: 4px 10px 5px;
transform: translateY(-50%);
border: 0px none;
}
.owl-theme .owl-nav button:focus {
box-shadow: none;
outline: none;
}
.owl-theme .owl-nav:hover {
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
}
.owl-theme .owl-nav .owl-prev {
left: 15px;
}
.owl-theme .owl-nav .owl-prev .lg-icon::before {
content: "\e094";
}
.owl-theme .owl-nav .owl-next {
right: 15px;
}
.owl-theme .owl-nav .owl-next .lg-icon::before {
content: "\e095";
}
.owl-theme .owl-nav {
margin-top: 0px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.gallery-carousel.owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #869791;
color: #FFF;
text-decoration: none;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
background: none !important;
box-shadow: none !important;
outline: none !important;
border: 0px none;
padding: 0px;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791;
} div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-label, div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-sublabel {
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
font-weight: 600;
}
div.wpforms-container .wpforms-form .wpforms-field-row.wpforms-field-medium {
max-width: 100% !important;
}
div.wpforms-container .wpforms-form .wpforms-field input[type=date],
div.wpforms-container .wpforms-form .wpforms-field input[type=datetime],
div.wpforms-container .wpforms-form .wpforms-field input[type=datetime-local],
div.wpforms-container .wpforms-form .wpforms-field input[type=email],
div.wpforms-container .wpforms-form .wpforms-field input[type=month],
div.wpforms-container .wpforms-form .wpforms-field input[type=number],
div.wpforms-container .wpforms-form .wpforms-field input[type=password],
div.wpforms-container .wpforms-form .wpforms-field input[type=range],
div.wpforms-container .wpforms-form .wpforms-field input[type=search],
div.wpforms-container .wpforms-form .wpforms-field input[type=tel],
div.wpforms-container .wpforms-form .wpforms-field input[type=text],
div.wpforms-container .wpforms-form .wpforms-field input[type=time],
div.wpforms-container .wpforms-form .wpforms-field input[type=url],
div.wpforms-container .wpforms-form .wpforms-field input[type=week],
div.wpforms-container .wpforms-form .wpforms-field select,
div.wpforms-container .wpforms-form .wpforms-field textarea {
padding: 10px;
max-width: 100%;
border: 0px;
font-size: 15px;
font-weight: normal;
line-height: 22px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
background-color: #f2f2f2;
border-bottom: 1px solid #fff;
box-sizing: border-box;
color: #000000;
border-bottom: 1px solid #fff;
}
div.wpforms-container .wpforms-form .wpforms-field input[type=date]:hover, div.wpforms-container .wpforms-form .wpforms-field input[type=date]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=datetime]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=datetime]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=datetime-local]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=datetime-local]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=email]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=email]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=month]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=month]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=number]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=number]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=password]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=password]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=range]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=range]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=search]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=search]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=tel]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=tel]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=text]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=text]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=time]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=time]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=url]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=url]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=week]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=week]:focus,
div.wpforms-container .wpforms-form .wpforms-field select:hover,
div.wpforms-container .wpforms-form .wpforms-field select:focus,
div.wpforms-container .wpforms-form .wpforms-field textarea:hover,
div.wpforms-container .wpforms-form .wpforms-field textarea:focus {
border: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
border-color: #EBEBEB;
border-bottom: 1px solid #fff !important;
background: #e9e9e9;
}
div.wpforms-container .wpforms-form .wpforms-field textarea {
min-height: 215px;
}
div.wpforms-container .wpforms-form button[type=submit] {
width: 100%;
text-align: center;
display: block;
} .pirate_forms .pirate-forms-fields-container .form_field_wrap {
width: 100%;
max-width: 100%;
padding: 0px;
}
.pirate_forms .pirate-forms-fields-container .form_field_wrap .form-control {
border-radius: 0px;
}
.pirate_forms .pirate-forms-fields-container .form_field_wrap .pirate-forms-submit-button {
display: block;
width: 100%;
}
.pirate_forms .contact_message_wrap #pirate-forms-contact-message {
border-radius: 0px;
background-color: #f2f2f2;
border: 0 none;
min-height: 245px;
max-height: 999px;
} [class*=c-bully],
[class*=c-bully]:before,
[class*=c-bully]:after {
box-sizing: border-box;
}
.c-bully {
position: fixed;
top: 50%;
right: 28px;
font-size: 12px;
transform: translate(0, -50%);
z-index: 600;
color: #333;
text-transform: uppercase;
}
@media screen and (max-width: 940px) {
.c-bully {
right: 0px;
}
}
.c-bully.c-bully--inversed {
color: #fff;
}
@media screen and (max-width: 940px) {
.c-bully.c-bully-hide-on-mobile {
display: none;
}
}
.onepress-menu-mobile-opening .c-bully {
z-index: 10;
}
.c-bully__bullet {
padding: 8px;
opacity: 0;
cursor: pointer;
position: relative;
}
@media screen and (max-width: 940px) {
.c-bully__bullet {
padding: 8px 3px;
}
}
.c-bully__bullet:hover .c-bully__title {
opacity: 1;
transform: scale(1);
}
.c-bully__title {
position: absolute;
right: 26px;
top: 1px;
left: auto;
background: rgba(0, 0, 0, 0.7);
padding: 1px 10px;
border-radius: 2px;
transition: all 0.2s ease-out;
display: block;
opacity: 0;
white-space: nowrap;
color: rgba(255, 255, 255, 0.8);
transform: scale(0.6);
}
.c-bully__bullet:after {
content: "";
display: block;
width: 12px;
height: 12px;
border: 2px solid currentColor;
border-radius: 50%;
will-change: transform;
}
@media screen and (max-width: 940px) {
.c-bully__bullet:after {
width: 9px;
height: 9px;
}
}
.c-bully__bullet--active {
position: absolute;
top: 0;
left: 0;
transition: top 0.2s ease-out;
}
.c-bully__bullet--active:before {
content: "";
width: 12px;
height: 12px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 14px;
background: currentColor;
border-radius: 50%;
}
@media screen and (max-width: 940px) {
.c-bully__bullet--active:before {
width: 9px;
height: 9px;
}
}
.c-bully__bullet--active:after {
border-color: transparent;
}
.c-bully__bullet--pop {
animation: bully-pop 0.6s cubic-bezier(0.485, 1.63, 0.43, 2) forwards, fade-in 0.2s 0.2s ease-out forwards;
}
.c-bully__bullet--squash {
opacity: 1;
animation: bully-squash 0.2s ease-out forwards;
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes bully-pop {
50% {
transform: scale(0.7);
}
100% {
transform: scale(1);
}
}
@keyframes bully-squash {
50% {
transform: scale(0.6, 1.8);
}
100% {
transform: scale(1);
}
}
.single-post .content-inner {
margin-left: auto;
margin-right: auto;
}
.single-post .right-sidebar .content-inner {
margin-left: 0px;
}
.single-post .left-sidebar .content-inner {
margin-right: 0px;
}
.entry-content ul,
.entry-content ol {
margin: 1.5em auto;
list-style-position: outside;
}
.entry-content li {
margin-left: 2.5em;
margin-bottom: 6px;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
margin: 0 auto;
}
.entry-content ul ul li,
.entry-content ol ol li,
.entry-content ul ol li,
.entry-content ol ul li {
margin-left: 0;
} .has-strong-blue-color {
color: #0073aa;
}
.has-strong-blue-background-color {
background-color: #0073aa;
}
.has-lighter-blue-color {
color: #229fd8;
}
.has-lighter-blue-background-color {
background-color: #229fd8;
}
.has-very-light-gray-color {
color: #eee;
}
.has-very-light-gray-background-color {
background-color: #eee;
}
.has-very-dark-gray-color {
color: #444;
}
.has-very-dark-gray-background-color {
background-color: #444;
}