@charset "UTF-8";
@font-face {
font-family: 'FontAwesome';
src: url(//vanegmondvanhirtum.nl/wp-content/plugins/PW-Pro-News-Ticker-For-VC//css/fontawesome/fonts/fontawesome-webfont.eot?v=4.1.0);
src: url(//vanegmondvanhirtum.nl/wp-content/plugins/PW-Pro-News-Ticker-For-VC//css/fontawesome/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format('embedded-opentype'), url(//vanegmondvanhirtum.nl/wp-content/plugins/PW-Pro-News-Ticker-For-VC//css/fontawesome/fonts/fontawesome-webfont.woff?v=4.1.0) format('woff'), url(//vanegmondvanhirtum.nl/wp-content/plugins/PW-Pro-News-Ticker-For-VC//css/fontawesome/fonts/fontawesome-webfont.ttf?v=4.1.0) format('truetype'), url(//vanegmondvanhirtum.nl/wp-content/plugins/PW-Pro-News-Ticker-For-VC//css/fontawesome/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-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-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-moz-transform: scale(1, -1);
-ms-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
} .fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-square:before,
.fa-pied-piper:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}.main-ticker-wrapper img{
width:100%;
height:auto;
}
.main-ticker-wrapper a{
border-bottom:none;
box-shadow:none!important;
}
.pl-thumbnail-overlay{ 
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
background-color:rgba(0,0,0,0.2);
transition:0.5s;
z-index:999;
}
.pl-vitem-item:hover .pl-thumbnail-overlay{
opacity:1;
}
.pl-ticker-loading {
text-align: center;
padding: 10px 0;
} .pl-vitem-item .pl-zoom-quick-btn{
position:absolute;
z-index:99;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;	
}
.pl-vitem-item  .pl-zoom-quick-btn > a 
{
color:#fff;
background-color: rgba(68,68,68,0.8) ;
display:inline-block;
text-align:center;
width:25px;
height:25px;
line-height:25px;
cursor:pointer;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;	
}
.pl-vitem-item   .pl-zoom-quick-btn > div.pl-zoom-gallery a:first-child
{ 
color:#000;
}
.pl-vitem-item   .pl-zoom-quick-btn  > a:hover
{
background-color:rgba(68,68,68,1);;
}
.pl-vitem-item  .pl-zoom-quick-btn > div.pl-zoom-gallery:hover a:first-child
{ 
color:#fff; 
}
.pl-vitem-item  .pl-zoom-quick-btn > a i
{ 
line-height:25px;
font-size:12px;
}
.pl-zoom-quick-btn.pl-circle-icon a{
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.pl-zoom-quick-btn.pl-bottom-left{
bottom:-40px;
left:10px!important;
right:auto;
}
.pl-zoom-quick-btn.pl-bottom-right{
bottom:-40px;
right:10px!important;
}
.pl-vitem-item:hover .pl-zoom-quick-btn.pl-bottom-right, .pl-vitem-item:hover .pl-zoom-quick-btn.pl-bottom-left{
bottom:10px;
}
.pl-zoom-quick-btn.pl-top-left{
top:-40px;
left:10px!important;
right:auto;
}
.pl-zoom-quick-btn.pl-top-right{
top:-40px;
right:10px!important;
}
.pl-vitem-item:hover .pl-zoom-quick-btn.pl-top-right, .pl-vitem-item:hover .pl-zoom-quick-btn.pl-top-left{
top:10px;
}
.pl-zoom-quick-btn.pl-center-center-bottom{
bottom:-40px;
width: 100%;
text-align: center;
}
.pl-vitem-item:hover .pl-zoom-quick-btn.pl-center-center-bottom
{
bottom:50%;
margin-bottom:-13px;
}
.pl-zoom-quick-btn.pl-center-center-top{
top:-40px;
width: 100%;
text-align: center;
}
.pl-vitem-item:hover .pl-zoom-quick-btn.pl-center-center-top{
top:50%;
margin-top:-13px;
}
.pl-zoom-quick-btn.pl-center-center-fade{
top:50%;
margin-top:-13px;
width: 100%;
text-align: center;
opacity:0;
-webkit-transform: scale3d(1.35,1.35,1.35);
-moz-transform: scale3d(1.35,1.35,1.35);
-ms-transform: scale3d(1.35,1.35,1.35);
-o-transform: scale3d(1.35,1.35,1.35);
transform: scale3d(1.35,1.35,1.35);
z-index:9999;
}
.pl-vitem-item:hover .pl-zoom-quick-btn.pl-center-center-fade{
opacity:1;	
-webkit-transform: scale3d(1,1,1);
-moz-transform: scale3d(1,1,1);
-ms-transform: scale3d(1,1,1);
-o-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
} .pl-over-category{
position:absolute;
top:10px;
left:10px;
z-index:999;
padding:5px 10px;
background-color:#444;
font-size:11px;
}
.pl-over-category a{
text-transform:capitalize;
text-decoration:none;
color:#fff;
font-size:11px;
}
.pl-cat-meta {
margin: 5 20px;
display: block;
position:relative;
}
.pl-cat-meta .pl-meta-item{  
margin-bottom:5px; 
}
.pl-cat-meta .pl-meta-item i {  
margin-right:5px;
font-size:12px;
color:#bdbdbd;
}
.pl-cat-meta  .pl-meta-item a { 
display:inline-block;
color:#fff; 
padding:5px 10px;
text-decoration:none; 
text-transform:uppercase;
font-size:9px;
background-color:#444;
margin-right:10px;
}
.main-ticker-wrapper .pl-title{
display:block;
line-height:30px;
text-overflow: ellipsis;
overflow: hidden;
color:#444;
margin-bottom:0;
}
.main-ticker-wrapper .pl-title a{
margin:0;
display: inline;
text-decoration: none;
font-size: 13px;
font-weight: bold;
text-transform: capitalize;
color: #444;
}
.pl-title .pl-date{
display:inline-block;
font-size:12px;
color:#fff;
}
.pl-date span {
background-color: #444;
padding: 2px 10px;
border-radius: 20px;
}
.pl-meta{ line-height:13px; margin-top:5px;}
.pl-meta .pl-meta-item{  
display:inline-block; 
margin-right:15px;  
line-height:13px;
}
.pl-meta .pl-meta-item i {  
margin-right:5px;
font-size:11px;
color:#bdbdbd;
}
.pl-meta .pl-meta-item a , .pl-meta .pl-meta-item .meta-text{ 
color:#bdbdbd; 
text-decoration:none; 
text-transform:capitalize;
font-size:11px;
}
.pl-meta-spil{
display:inline-block;
margin:0 5px;
font-size:11px;
color:#bdbdbd; 
}
.pl-excerpt{
color:#b3b3b3;
font-size:15px;
}
.pl-excerpt p{
margin:0;
font-size:13px;
}
.main-ticker-wrapper .pl-buttons{
margin-left:10px;  
display:inline-block;
}
.main-ticker-wrapper .pl-buttons .pl-readmore-btn{
display:inline;
color:#8B8B8B;
cursor:pointer;
text-transform:uppercase;
font-size:12px;
border:none;
padding:3px 10px;
background-color:#444;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
}
.main-ticker-wrapper .pl-buttons .pl-readmore-btn:hover{
color:#444;
background-color:#fff;
opacity:0.85;
} .main-ticker-wrapper{
position: relative;
display: inline-block;
width: 100%;
line-height:0;
}
.main-ticker-wrapper.show_toggle{
margin-bottom:30px;
}
.pl-fixed-wrapper.main-ticker-wrapper.show_toggle{
margin-bottom:0!important;
}
.main-ticker-wrapper.pl-fixed-wrapper{
position: fixed;
display: inline-block;
width: 100%;
max-width:100%;	
left:0;
z-index:9999;
}
.main-ticker-wrapper.pl-fixed-wrapper.pl-fix-top{
top: 0;
}
.main-ticker-wrapper.pl-fixed-wrapper.pl-fix-bottom{
bottom: 0;
}
.main-ticker-wrapper .pl-ticker-close{
position:absolute;
bottom:-20px;
right:0;
z-index:99;
}
.main-ticker-wrapper.pl-fix-bottom .pl-ticker-close{
bottom:auto;
top:-20px;
}
.main-ticker-wrapper .pl-ticker-close i{
width:20px;
height:20px;
line-height:20px;
color:#fff;
text-align:center;
font-size:11px;
cursor:pointer;
background-color:#444;
vertical-align:top;
}
.pl-ticker-cnt {
position: relative;
width: 100%;
display: table;
background-color: #777;
}
.pl-ticker-title-cnt { 
position: relative;
background-color: #444;
color: #fff;
height: 50px;
width: 150px;
padding: 0 10px;
font-size:13px;
cursor: pointer;
display: table-cell;
vertical-align: middle;
} .pl-ticker-title-cnt.pl-ticker-title-l1{
-webkit-border-radius:0 30px 0 0;
-moz-border-radius:0 30px 0 0;
border-radius:0 30px 0 0;
}
.pl-ticker-title-cnt.pl-ticker-title-l2{
-webkit-border-radius:0 0 30px  0;
-moz-border-radius:0 0 30px 0;
border-radius:0 0 30px 0;
}
.pl-ticker-title-cnt.pl-ticker-title-l3{
-webkit-border-radius:0 30px 30px 0;
-moz-border-radius:0 30px 30px 0;
border-radius:0 30px 30px 0;
}
.pl-ticker-title-cnt.pl-ticker-title-l4:before{
content:'';
position:absolute;
top:50%;
margin-top:-10px;
right:-10px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 12px;
border-color: transparent transparent transparent #444444;
}
.pl-ticker-title-cnt.pl-ticker-title-l5:before{
content:'';
position:absolute;
top:0;
right:-25px;
width: 0;
height: 0;
border-style: solid;
border-width: 25px 0 25px 25px;
border-color: transparent transparent transparent #444444;
}
.pl-ticker-title-cnt.pl-ticker-title-l6:before{
content: '';
position: absolute;
top: 0;
right: -20px;
width: 70px;
height: 50px;
background-color: #444;
-webkit-transform: skewX(160deg);
-moz-transform: skewX(160deg);
transform: skewX(160deg);
}
.pl-ticker-title-cnt.pl-ticker-title-l7:before{
content: '';
position: absolute;
top: 0;
right: -20px;
width: 70px;
height: 50px;
background-color: #444;
-webkit-transform: skewX(20deg);
-moz-transform: skewX(20deg);
transform: skewX(20deg);
}
.pl-vertical-ticker  .pl-ticker-title-cnt:before{
display:none;
content:''!important;
width:0!important;
height:0!important;
background:none!important;
background-color:transparent!important;
}
.pl-title-icon{
display:inline-block;
margin-right:5px;
}
.pl-ticker-title{
display:inline-block;
font-weight:bold;
}
.pl-ticker-title .pl-author-img {
display: inline-block;
height: 25px;
width: auto;
margin-right: 5px;
}
.pl-ticker-title .pl-author-img img {
height: 25px;
width: auto;
}
.pl-ticker-title span {
display: inline-block;
}
.pl-title-menu{
position: absolute;
top: 100%;
left: 0;
margin:0;
padding:0;
background: #fff;
width: 100%;
cursor: pointer;
color:#444;
border-top:5px solid #505050;
-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
visibility: hidden;
opacity: 0;
z-index: 9999;
}
.pl-ticker-title-cnt:hover .pl-title-menu{
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
} 
.main-ticker-wrapper.pl-fix-bottom .pl-title-menu{
top: -30px;
-webkit-transform: translateY(-110%);
-moz-transform: translateY(-110%);
-ms-transform: translateY(-110%);
-o-transform: translateY(-110%);
transform: translateY(-110%);
}
.main-ticker-wrapper.pl-fix-bottom .pl-ticker-title-cnt:hover .pl-title-menu{
top:0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.pl-title-menu li {
background-color:#444;
color:#777777;
font-size:13px;
padding: 0px 10px;
border-bottom: 1px solid #505050;
list-style:none;
line-height:36px;
font-weight:bold;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.pl-title-menu li:last-child{
border-bottom:none;
}
.pl-title-menu li:hover{
background-color:#454545;
}
.pl-title-menu li .pl-author-img{
width: auto;
height: 25px;
float: left;
margin-right: 5px;
margin-top: 5px;
border-radius: 50%;
}
.pl-title-menu li .pl-author-img img{
width: auto;
height: 25px;
vertical-align:top;
}
.pl-bloading {
display:table-cell;
max-width:1px;
padding-left: 30px; 
padding-right: 15px;
text-align:center;
vertical-align:middle;
}
.pl-ticker-content-cnt{
display: table-cell;
padding-left: 30px;
padding-right: 15px;
color: #fff;
vertical-align: middle;
text-align: left;
max-width:1px;
overflow:hidden;
direction: ltr;
}
.pl-ticker-show-nav .pl-ticker-content-cnt{
padding-right:70px;
}
.pl-ticker-cnt.pl-timer-enable{
padding-left: 60px;
}
.pl-ticker-cnt.pl-timer-enable .pl-title-time{
display:block;	
}
.pl-title-time {
display:none;
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 60px;
line-height: 50px;
height: 100%;
background-color: #333;
color: #fff;
font-size:15px;
font-weight:bold;
direction: ltr;
}
.pl-time-hour, .pl-time-min {
display: inline-block;
}
.pl-ticker-img {
display:inline-block;
width: 30px;
height: 30px;
margin-right:5px;
vertical-align:top;
}
.pl-ticker-img img{
width:30px!important;
height:30px!important;
border:3px solid #444;
vertical-align:top;
}
.pl-ticker-img.pl-round-img img{
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
} .pl-ticker-cnt .pl-share-cnt {
display: inline-block;
position: relative;
cursor:pointer;
}
.pl-ticker-cnt .pl-share-cnt i.fa-share-alt {
width: 25px;
height: 25px;
background-color: #444;
color: #fff;
line-height: 25px;
text-align: center;
font-size: 12px;
border-radius: 50%;
}
.pl-ticker-cnt .pl-share-icons {
position: absolute;
top: 3px;
right: 0;
z-index:999;
line-height: 25px;
opacity:0;
visibility:hidden;
background-color: #444;
white-space: nowrap;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-moz-transform: translateX(110%);
-webkit-transform: translateX(110%);
transform: translateX(110%);
}
.pl-ticker-cnt .pl-share-icons i {
width: 25px;
height: 25px;
text-align: center;
line-height: 25px;
font-size: 12px;
color: #fff;
}
.pl-ticker-cnt .pl-share-cnt:hover .pl-share-icons{
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity:1;
visibility:visible;
}
.pl-ticker-content-item {
margin-left: 10px;
line-height:30px;
overflow: hidden;
display: block;
white-space: nowrap;
} .pl-quick-cnt {
display: inline-block;
position: relative;
cursor:pointer;
margin-right:5px;
}
.pl-quick-cnt i.fa-file-text-o {
width: 25px;
height: 25px;
background-color: #444;
color: #fff;
line-height: 25px;
text-align: center;
font-size: 12px;
border-radius: 50%;
} .pl-quick-popup{
max-width:600px; 
margin: 20px auto; 
background-color:#fff; 
line-height:20px;
}
.pl-popup-content{
padding:20px;
}
.pl-popup-content .pl-title{
margin-bottom:10px;
}
.pl-popup-content .pl-title a{
font-size:20px;
}
.pl-popup-content .pl-meta{
margin-bottom:10px;
} .pl-ticker-cnt.pl-vertical-ticker{
display:inline-block;
width:100%;
}
.pl-ticker-cnt.pl-vertical-ticker.pl-timer-enable{
padding-left:0;
}
.pl-ticker-cnt.pl-vertical-ticker .pl-title-time{
position:relative;
width:100%;
height:auto!important;
padding:10px 10px;
line-height:normal!important;
}
.pl-ticker-cnt.pl-vertical-ticker .pl-ticker-title-cnt{
display:block;
width:100%!important;
height:auto!important;
padding:10px 10px;
text-align:center;
-webkit-border-radius:0!important;
-moz-border-radius:0!important;
border-radius:0!important
}
.pl-ticker-cnt.pl-vertical-ticker .pl-ticker-content-cnt{
display:block;
width:100%;
max-width:100%;
padding:0px;
overflow:hidden;
}
.pl-ticker-cnt.pl-vertical-ticker .pl-ticker-content-item {
display: block;
white-space: normal;
margin-left:0;
} .pl-vitem.pl-vitem-layout-1{
background: none;
display: inline-block;
width: 100%;
box-sizing: border-box;
border-top:none;
}
.right-direction .pl-vitem.pl-vitem-layout-1, 
.left-direction  .pl-vitem.pl-vitem-layout-1{
width:auto;
}
.pl-vitem.pl-vitem-layout-1  .pl-vitem-item{
display:inline-block;
padding: 0;
margin:0!important;
border-bottom: none;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
}
.pl-vitem.pl-vitem-layout-1 .pl-vitem-item:last-child{
border-bottom:none;
}
.pl-vitem.pl-vitem-layout-1  .pl-vitem-item:hover{
background-color:none;
}
.pl-vitem-layout-1 .pl-vitem-item  .pl-thumbnail{
width:100px;
float:left;
}
.pl-vitem-layout-1 .pl-vitem-content {
margin-left: 110px;
}
.pl-vitem-layout-1 .pl-vitem-content .pl-title a{
font-size:13px;
}
.pl-vitem-layout-1 .pl-vitem-content  .pl-meta .pl-meta-item a , .pl-vitem-layout-1 .pl-vitem-content  .pl-meta .pl-meta-item .meta-text , .pl-vitem-layout-1 .pl-vitem-content  .pl-meta .pl-meta-item  i{ 
font-size:10px;
}
.pl-vitem-layout-1 .pl-vitem-content  .pl-excerpt, .pl-vitem-layout-1 .pl-vitem-content  .pl-excerpt p{
margin-top: 15px;
font-size:11px;
} .pl-vitem.pl-vitem-layout-5{
background: none;
display: inline-block;
width: 100%;
box-sizing: border-box;
border-top:none;
}
.right-direction .pl-vitem.pl-vitem-layout-5, 
.left-direction  .pl-vitem.pl-vitem-layout-5{
width:auto;
}
.pl-vitem.pl-vitem-layout-5  .pl-vitem-item{
display:inline-block;
padding: 0;
border-bottom: none;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
}
.pl-vitem.pl-vitem-layout-5 .pl-vitem-item:last-child{
border-bottom:none;
}
.pl-vitem.pl-vitem-layout-5  .pl-vitem-item:hover{
background-color:none;
}
.pl-vitem-layout-5 .pl-vitem-item  .pl-thumbnail{
display:none;
}
.pl-vitem-layout-5 .pl-vitem-content {
margin-left:0;
}
.pl-vitem-layout-5 .pl-vitem-content .pl-title a{
font-size:13px;
}
.pl-vitem-layout-5 .pl-vitem-content  .pl-meta .pl-meta-item a , .pl-vitem-layout-5 .pl-vitem-content  .pl-meta .pl-meta-item .meta-text , .pl-vitem-layout-5 .pl-vitem-content  .pl-meta .pl-meta-item  i{ 
font-size:10px;
}
.pl-vitem-layout-5 .pl-vitem-content  .pl-excerpt, .pl-vitem-layout-5 .pl-vitem-content  .pl-excerpt p{
font-size:11px;
} .pl-vitem-layout-2  .pl-vitem-item{
display:inline-block;
padding: 0;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
}
.pl-vitem-layout-2 .pl-thumbnail {
position:relative;
}
.pl-vitem-layout-2 .pl-vitem-content{
position:relative;
text-align:center;
background-color: #fff;	
padding:10px;
width:90%;
margin:-30px auto 0;
z-index:999;
}
.pl-vitem-layout-2 .pl-vitem-content  .pl-title a{
font-size:13px;
}
.pl-vitem-layout-2 .pl-meta{
margin-top:5px;
}
.pl-vitem-layout-2 .pl-vitem-content  .pl-meta .pl-meta-item a , 
.pl-vitem-layout-2 .pl-vitem-content  .pl-meta .pl-meta-item .meta-text , 
.pl-vitem-layout-2 .pl-vitem-content  .pl-meta .pl-meta-item  i{ 
font-size:10px;
}
.pl-vitem-layout-2 .pl-vitem-content  .pl-excerpt, 
.pl-vitem-layout-2 .pl-vitem-content  .pl-excerpt p{
font-size:11px;
} .pl-vitem-layout-3  .pl-vitem-item{
display:inline-block;
padding: 0;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
}
.pl-vitem-layout-3 .pl-thumbnail {
position:relative;
}
.pl-vitem-layout-3 .pl-vitem-content{
position:relative;
text-align:left;
}
.pl-vitem-layout-3 .pl-vitem-content  .pl-title{
margin-top:10px;
}
.pl-vitem-layout-3 .pl-vitem-content  .pl-title a{
font-size:13px;
}
.pl-vitem-layout-3 .pl-meta{
margin-top:5px;
}
.pl-vitem-layout-3 .pl-vitem-content  .pl-meta .pl-meta-item a , 
.pl-vitem-layout-3 .pl-vitem-content  .pl-meta .pl-meta-item .meta-text , 
.pl-vitem-layout-3 .pl-vitem-content  .pl-meta .pl-meta-item  i{ 
font-size:10px;
}
.pl-vitem-layout-3 .pl-vitem-content  .pl-excerpt, 
.pl-vitem-layout-3 .pl-vitem-content  .pl-excerpt p{
font-size:11px;
margin-bottom:10px;
} .pl-vitem-layout-4  .pl-vitem-item{
position:relative;
width: 100%;
}
.pl-vitem-layout-4 .pl-outer-details, .pl-vitem-layout-4 .pl-vitem-content{
position:absolute;
z-index:999;
padding:0 20px;
width:100%;
bottom:0;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pl-vitem-layout-4 .pl-title  { 
margin-bottom:10px;
}
.pl-vitem-layout-4 .pl-over-category{	
top:20px;
left:20px;
}
.pl-vitem-layout-4  .pl-title a{
font-size:13px;
}
.pl-vitem-layout-4 .pl-meta{
margin-bottom:10px;
}
.pl-vitem-layout-4 .pl-cat-meta .pl-meta-item i , .pl-vitem-layout-4 .pl-cat-meta  .pl-meta-item a, 
.pl-vitem-layout-4 .pl-meta .pl-meta-item i ,.pl-vitem-layout-4 .pl-meta .pl-meta-item a , 
.pl-vitem-layout-4 .pl-meta .pl-meta-item .meta-text ,
.pl-vitem-layout-4 .pl-excerpt,
.pl-vitem-layout-4 .pl-title a{  
color:#fff;
}
.pl-vitem-layout-4 .pl-excerpt{
margin-bottom:10px;
} .pl-thumbnail {
position:relative; 
overflow:hidden;
}
.pl-thumbnail.pl-circle, .pl-thumbnail.pl-circle .pl-thumbnail-overlay{
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.pl-thumbnail.pl-round ,.pl-thumbnail.pl-round   .pl-thumbnail-overlay{
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.pl-zoomin {
-webkit-transition:  -webkit-transform 0.3s;
transition:  transform 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.pl-vitem  .pl-vitem-item:hover .pl-zoomin, .pl-box-fitem:hover .pl-zoomin {
-webkit-transform: scale3d(1.1,1.1,1);
transform: scale3d(1.1,1.1,1);
}
.pl-zoomin-long {
-webkit-transition:  -webkit-transform 1s;
transition:  transform 1s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.pl-vitem  .pl-vitem-item:hover .pl-zoomin-long,.pl-box-fitem:hover .pl-zoomin-long {
-webkit-transition:  -webkit-transform 5s;
transition:  transform 5s;
-webkit-transform: scale3d(1.3,1.3,1);
transform: scale3d(1.3,1.3,1);
}
.pl-zoomout 
{
-webkit-transition:  -webkit-transform 0.3s;
transition:  transform 0.3s;
-webkit-transform: scale(1.12);
transform: scale(1.12);	
}
.pl-vitem  .pl-vitem-item:hover .pl-zoomout,  .pl-box-fitem:hover .pl-zoomout {
-webkit-transform: scale(1);
transform: scale(1);
}
.pl-grayscale  {-webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;-webkit-filter: grayscale(100%);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.pl-vitem  .pl-vitem-item:hover .pl-grayscale ,
.pl-box-fitem:hover .pl-grayscale
{-webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter: grayscale(0%);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.pl-opacity {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.pl-vitem  .pl-vitem-item:hover .pl-opacity,
.pl-box-fitem:hover .pl-opacity
{ 
opacity:0.7;
}
.pl-rotateright {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.pl-vitem  .pl-vitem-item:hover .pl-rotateright ,
.pl-box-fitem:hover .pl-rotateright 
{-webkit-transform: rotate(10deg) scale(1.4);-moz-transform: rotate(10deg) scale(1.4);-ms-transform: rotate(10deg) scale(1.4);-o-transform: rotate(10deg) scale(1.4);transform: rotate(10deg) scale(1.4);}
.pl-rotateleft {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.pl-vitem  .pl-vitem-item:hover .pl-rotateleft ,
.pl-box-fitem:hover .pl-rotateleft
{-webkit-transform: rotate(-10deg) scale(1.4);-moz-transform: rotate(-10deg) scale(1.4);-ms-transform: rotate(-10deg) scale(1.4);-o-transform: rotate(-10deg) scale(1.4);transform: rotate(-10deg) scale(1.4);}
.woo-blur {-webkit-transition: all 0.1s ease 0s;-moz-transition: all 0.1s ease 0s;-ms-transition: all 0.1s ease 0s;-o-transition: all 0.1s ease 0s;transition: all 0.1s ease 0s;}
.pl-vitem  .pl-vitem-item:hover .pl-blur ,
.pl-box-fitem:hover .pl-blur 
{-webkit-filter: blur(3px);-moz-filter: blur(3px);-o-filter: blur(3px);-ms-filter: blur(3px);filter: blur(3px);}.ticker-slider-wrapper {
position: relative;
margin: 0 auto 0;
padding: 0;
*zoom: 1;
}
.pl-vertical-ticker .ticker-slider-wrapper {
padding:30px 15px;
}
.ticker-slider-wrapper img {
max-width: 100%;
display: block;
} .ticker-slider-wrapper .bx-viewport { -webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.ticker-slider-wrapper .bx-pager,
.ticker-slider-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
} .ticker-slider-wrapper .bx-loading {
min-height: 50px;
background: url(//vanegmondvanhirtum.nl/wp-content/plugins/PW-Pro-News-Ticker-For-VC//css/bx-slider/images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .ticker-slider-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.ticker-slider-wrapper .bx-pager .bx-pager-item,
.ticker-slider-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.ticker-slider-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.ticker-slider-wrapper .bx-pager.bx-default-pager a:hover,
.ticker-slider-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
} .ticker-slider-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -12px;
outline: 0;
width: 24px;
height: 24px;
z-index: 9999;
background-color:#333;
color:#fff;
text-align:center;
}
.pl-vertical-ticker .ticker-slider-wrapper .bx-controls-direction a{
z-index:999;
}
.ticker-slider-wrapper .bx-prev:before, 
.ticker-slider-wrapper .bx-next:before { 
font-family: FontAwesome; 
font-size: 12px; 
line-height:25px;
}
.ticker-slider-wrapper .bx-prev {right: -30px;}
.ticker-slider-wrapper .bx-prev:before{	content: "\f104"; }
.ticker-slider-wrapper .bx-next {	right: -60px;}
.ticker-slider-wrapper .bx-next:before {content: "\f105";}	
.pl-vertical-ticker .ticker-slider-wrapper .bx-controls-direction a{
width:100%;
height:25px;
top:auto;
margin-top:
0;
}
.pl-vertical-ticker .ticker-slider-wrapper .bx-prev {left: 0px!important; right:auto!important; bottom:0!important}
.pl-vertical-ticker .ticker-slider-wrapper .bx-prev:before{	content: "\f107"; }
.pl-vertical-ticker .ticker-slider-wrapper .bx-next {	left: 0px!important; right:auto!important; top:0!important}
.pl-vertical-ticker .ticker-slider-wrapper .bx-next:before {content: "\f106";}	
.ticker-slider-wrapper .bx-controls-direction a.disabled {
display: none;
} .ticker-slider-wrapper .bx-controls-auto {
text-align: center;
}
.ticker-slider-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(//vanegmondvanhirtum.nl/wp-content/plugins/PW-Pro-News-Ticker-For-VC//css/bx-slider/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.ticker-slider-wrapper .bx-controls-auto .bx-start:hover,
.ticker-slider-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.ticker-slider-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//vanegmondvanhirtum.nl/wp-content/plugins/PW-Pro-News-Ticker-For-VC//css/bx-slider/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.ticker-slider-wrapper .bx-controls-auto .bx-stop:hover,
.ticker-slider-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
} .ticker-slider-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.ticker-slider-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .ticker-slider-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.ticker-slider-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}.pl-popup-content .pl-title a{
color:#929292;
line-height:30px;
}
.pl-popup-content .pl-excerpt{
color:#989898;
line-height:25px;
}
.pl-quick-popup img{
width:100%;
height:auto;
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
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: 10002;
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: transparent; }
.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; } .fade-in-scale.mfp-bg {
opacity: 0;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
transition: all .5s ease-out;
} .fade-in-scale.mfp-bg.mfp-ready {
opacity: 0.8;
} .fade-in-scale.mfp-bg.mfp-removing {
opacity: 0;
} .fade-in-scale.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
} .fade-in-scale.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .fade-in-scale.mfp-wrap.mfp-removing .mfp-content {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
} .slide-in-top.mfp-bg {
opacity: 0;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
transition: all .5s ease-out;
} .slide-in-top.mfp-bg.mfp-ready {
opacity: 0.8;
} .slide-in-top.mfp-bg.mfp-removing {
opacity: 0;
} .slide-in-top.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
transition: all .5s ease-out;
-webkit-transform: translateY(-30%);
-moz-transform: translateY(-30%);
-o-transform: translateY(-30%);
-ms-transform: translateY(-30%);
transform: translateY(-30%);
} .slide-in-top.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
} .slide-in-top.mfp-wrap.mfp-removing .mfp-content {
-webkit-transform: translateY(-30%);
-moz-transform: translateY(-30%);
-o-transform: translateY(-30%);
-ms-transform: translateY(-30%);
transform: translateY(-30%);
opacity: 0;
} .flip-h-3d.mfp-bg {
opacity: 0;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
transition: all .5s ease-out;
} .flip-h-3d.mfp-bg.mfp-ready {
opacity: 0.8;
} .flip-h-3d.mfp-bg.mfp-removing {
opacity: 0;
}
.flip-h-3d .mfp-container{
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
} .flip-h-3d.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
transition: all .5s ease-out;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-70deg);
-moz-transform: rotateY(-70deg);
-ms-transform: rotateY(-70deg);
transform: rotateY(-70deg);
} .flip-h-3d.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
} .flip-h-3d.mfp-wrap.mfp-removing .mfp-content {
-webkit-transform: rotateY(-70deg);
-moz-transform: rotateY(-70deg);
-ms-transform: rotateY(-70deg);
transform: rotateY(-70deg);
opacity: 0;
} .rotate-carouse-left.mfp-bg {
opacity: 0;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
transition: all .5s ease-out;
} .rotate-carouse-left.mfp-bg.mfp-ready {
opacity: 0.8;
} .rotate-carouse-left.mfp-bg.mfp-removing {
opacity: 0;
} .rotate-carouse-left.mfp-wrap .mfp-content {
opacity: 0;
} .rotate-carouse-left.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateCarouselLeftIn .8s both ease;
-moz-animation: rotateCarouselLeftIn .8s both ease;
animation: rotateCarouselLeftIn .8s both ease;
} .rotate-carouse-left.mfp-wrap.mfp-removing .mfp-content {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateCarouselLeftOut .8s both ease;
-moz-animation: rotateCarouselLeftOut .8s both ease;
animation: rotateCarouselLeftOut .8s both ease;
opacity: 0;
} .mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
transition: all 0.5s;
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-zoom-in.mfp-wrap .mfp-content {
opacity: 0;
transition: all 0.2s ease-in-out;
transform: scale(0.8);
}
.mfp-zoom-in.mfp-ready .mfp-content {
opacity: 1;
transform: scale(1); }
.mfp-zoom-in.mfp-wrap.mfp-removing .mfp-content {
transform: scale(0.8);
opacity: 0;
} .mfp-newspaper.mfp-bg {
opacity: 0;
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
transition: all 0.5s;
}
.mfp-newspaper.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-newspaper.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-newspaper.mfp-wrap .mfp-content{
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.5s;
-webkit-transform: scale(0) rotate(500deg);
-moz-transform: scale(0) rotate(500deg);
transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-ready .mfp-content{
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg); 
}
.mfp-newspaper.mfp-wrap.mfp-removing .mfp-content {
-webkit-transform: scale(0) rotate(500deg);
-moz-transform: scale(0) rotate(500deg);
transform: scale(0) rotate(500deg);
opacity: 0;
} .mfp-move-horizontal.mfp-bg {
opacity: 0;
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
transition: all 0.5s;
}
.mfp-move-horizontal.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-move-horizontal.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-move-horizontal.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.3s; 
-moz-transition: all 0.3s; 
transition: all 0.3s;
-webkit-transform: translateX(-50px);
-moz-transform: translateX(-50px);
transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-ready .mfp-content {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}
.mfp-move-horizontal.mfp-wrap.mfp-removing .mfp-content {
-webkit-transform: translateX(50px);
-moz-transform: translateX(50px);
transform: translateX(50px);
opacity: 0;
} .mfp-3d-unfold.mfp-bg {
opacity: 0;
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
transition: all 0.5s;
}
.mfp-3d-unfold.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-3d-unfold.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-3d-unfold .mfp-container {
-webkit-perspective: 2000px;
-moz-perspective: 2000px;
perspective: 2000px;
}
.mfp-3d-unfold.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out; 
transition: all 0.3s ease-in-out;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-60deg);
-moz-transform: rotateY(-60deg);
transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-wrap.mfp-removing .mfp-content {
-webkit-transform: rotateY(60deg);
-moz-transform: rotateY(60deg);
transform: rotateY(60deg);
opacity: 0;
} .mfp-zoom-out.mfp-bg {
opacity: 0;
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
transition: all 0.5s;
}
.mfp-zoom-out.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-zoom-out.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-zoom-out.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out; 
transition: all 0.3s ease-in-out;
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
transform: scale(1.3);
}
.mfp-zoom-out.mfp-ready .mfp-content{
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.mfp-zoom-out.mfp-wrap.mfp-removing .mfp-content{
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
}
@-webkit-keyframes rotateCarouselLeftOut {
to { opacity: .3; -webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg); }
}
@-moz-keyframes rotateCarouselLeftOut {
to { opacity: .3; -moz-transform: translateX(-150%) scale(.4) rotateY(-65deg); }
}
@keyframes rotateCarouselLeftOut {
to { opacity: .3; transform: translateX(-150%) scale(.4) rotateY(-65deg); }
}
@-webkit-keyframes rotateCarouselLeftIn {
from { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); }
}
@-moz-keyframes rotateCarouselLeftIn {
from { opacity: .3; -moz-transform: translateX(200%) scale(.4) rotateY(65deg); }
}
@keyframes rotateCarouselLeftIn {
from { opacity: .3; transform: translateX(200%) scale(.4) rotateY(65deg); }
}
@-webkit-keyframes rotateCarouselRightOut {
to { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); }
}
@-moz-keyframes rotateCarouselRightOut {
to { opacity: .3; -moz-transform: translateX(200%) scale(.4) rotateY(65deg); }
}
@keyframes rotateCarouselRightOut {
to { opacity: .3; transform: translateX(200%) scale(.4) rotateY(65deg); }
}
@-webkit-keyframes rotateCarouselRightIn {
from { opacity: .3; -webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg); }
}
@-moz-keyframes rotateCarouselRightIn {
from { opacity: .3; -moz-transform: translateX(-200%) scale(.4) rotateY(-65deg); }
}
@keyframes rotateCarouselRightIn {
from { opacity: .3; transform: translateX(-200%) scale(.4) rotateY(-65deg); }
}
@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; }.pl-vertical-ticker .pl-bloading{
display:block;
max-width:100%;
padding:5px 0;
}
.pl-marquee .pl-slider-slide{
display:inline-block;
}
.pl-marquee .pl-slider-slide > div{
margin:0 10px;	
}
.pl-ticker-content-cnt.pl-marquee{
padding-right:30px!important
}
.pl-marquee.up-direction .pl-slider-slide, .pl-marquee.down-direction .pl-slider-slide{
display:inline-block;
margin-bottom:15px;	
width:100%;
}
.pl-ticker-cnt.pl-vertical-ticker .pl-ticker-content-cnt.pl-marquee{
padding:15px!important;
}
.pl-ticker-cnt.pl-vertical-ticker .pl-ticker-content-cnt.pl-marquee .pl-slider-slide,
.pl-ticker-cnt.pl-vertical-ticker .pl-ticker-content-cnt.pl-marquee .pl-slider-slide .pl-vitem-item{
margin-left:0!important;
margin-right:0!important;
}
.pl-ticker-cnt.pl-vertical-ticker .pl-ticker-content-cnt.pl-marquee.right-direction .pl-slider-slide,
.pl-ticker-cnt.pl-vertical-ticker .pl-ticker-content-cnt.pl-marquee.left-direction .pl-slider-slide{
margin-left:10px!important;
margin-right:10px!important;
}
.str_wrap {
overflow:hidden; height:30px;
width:100%;
font-size:12px;
line-height:16px;
position:relative;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;  
background:none;
white-space:nowrap;
}
.str_wrap.str_active {
background:none;
}
.str_move { 
white-space:nowrap;
position:absolute; 
top:0; 
left:0;
cursor:move;
}
.str_move_clone {
display:inline-block; vertical-align:top;
position:absolute; 
left:100%;
top:0;
}
.str_vertical .str_move_clone {
left:0;
top:100%;
}
.str_down .str_move_clone {
left:0;
bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
white-space:normal;
width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
cursor:inherit;
}
.str_wrap img {
max-width:none !important;	
}.us-fullwidth{
position:relative; top:0;
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;
}.it-modern-hover-cnt img{
-moz-border-radius: 0!important;
-webkit-border-radius: 0!important ;
border-radius: 0!important;
}
h2 span{
font-weight:800;
} .it-mhover-s1.it-img-cnt {
position: relative;
float: left;
overflow: hidden;
width: 100%;
background: #3085a3;
text-align: center;
}
.it-mhover-s1.it-img-cnt img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
width:100%;
}
.it-mhover-s1.it-img-cnt.over-default img{
opacity: 0.8;
}
.it-mhover-s1.it-img-cnt .it-content-cnt {
padding: 2em;
color: #fff;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.it-mhover-s1.it-img-cnt .it-content-cnt::before,
.it-mhover-s1.it-img-cnt .it-content-cnt::after {
pointer-events: none;
}
.it-mhover-s1.it-img-cnt .it-content-cnt {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  .it-mhover-s1.it-img-cnt .it-content-cnt > a {
z-index: 1000;
white-space: nowrap;
display:inline-block;
text-decoration:none;
font-weight:normal
}
.it-mhover-s1.it-img-cnt h2 {
word-spacing: -0.15em;
font-weight: 300;
}
.it-mhover-s1.it-img-cnt h2 span {
font-weight: 800;
}
.it-mhover-s1.it-img-cnt h2,
.it-mhover-s1.it-img-cnt p {
margin: 0;
}
.it-mhover-s1.it-img-cnt p {
letter-spacing: 1px;
font-size: 13px;
}    .it-img-cnt.it-eff-m1 img {
max-width: none;
width: -webkit-calc(100% + 50px)!important;
width: calc(100% + 50px)!important;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px,0, 0);
transform: translate3d(-40px,0,0);
}
.it-img-cnt.it-eff-m1.over-default img{
opacity: 0.7;
}
.it-img-cnt.it-eff-m1 .it-content-cnt {
position: absolute;
top:auto;
bottom: 0;
left: 0;
padding: 2em;
width: 100%;
height: 50%;
text-align: left;
}
.it-img-cnt.it-eff-m1::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(173, 173, 173, 0.5) 0%, rgba(72,76,97,0.8) 100%);
background: linear-gradient(to bottom, rgba(173, 173, 173, 0.5) 0%, rgba(89, 97, 138, 0.8) 100%);
content: '';
}
.it-img-cnt.it-eff-m1 .it-content-cnt a{
border: 1px solid #fff;
padding: 0 10px;
margin-top: 10px;
font-size: 13px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.it-img-cnt.it-eff-m1 h2,
.it-img-cnt.it-eff-m1 p,
.it-img-cnt.it-eff-m1 a {
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}
.it-img-cnt.it-eff-m1 h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.it-img-cnt.it-eff-m1 p,
.it-img-cnt.it-eff-m1 a {
color: rgba(255,255,255,0.8);
opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
transition: opacity 0.2s, transform 0.35s;
}
.it-img-cnt.it-eff-m1:hover img,
.it-img-cnt.it-eff-m1:hover p,
.it-img-cnt.it-eff-m1:hover a {
opacity: 1;
}
.it-img-cnt.it-eff-m1:hover img{
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m1:hover h2,
.it-img-cnt.it-eff-m1:hover p,
.it-img-cnt.it-eff-m1:hover a {
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}
.it-img-cnt.it-eff-m1:hover p,
.it-img-cnt.it-eff-m1:hover a {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
}   .it-img-cnt.it-eff-m2 .it-content-cnt::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
}
.it-img-cnt.it-eff-m2 h2 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #484c61;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
}
.it-img-cnt.it-eff-m2 .it-content-cnt::before,
.it-img-cnt.it-eff-m2 p,
.it-img-cnt.it-eff-m2 a {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.it-img-cnt.it-eff-m2 p {
position: absolute;
bottom: 0;
left: 0;
padding: 2em;
width: 100%;
opacity: 0;
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
}
.it-img-cnt.it-eff-m2 a {
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -45px;
width: 90px;
opacity: 0;
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
border: 1px solid #fff;
color: #fff;
font-size: 13px;
padding: 0 10px;
border-radius: 50px;
overflow: hidden;
}
.it-img-cnt.it-eff-m2:hover h2 {
color: #fff;
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
.it-img-cnt.it-eff-m2:hover p {
opacity: 1;
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}
.it-img-cnt.it-eff-m2:hover a{
opacity: 1;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);
}
.it-img-cnt.it-eff-m2:hover .it-content-cnt::before
{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}   .it-img-cnt.it-eff-m3 {
background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}
.it-img-cnt.it-eff-m3 img {
max-width: none;
width: -webkit-calc(100% + 60px)!important;
width: calc(100% + 60px)!important;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50px,0,0);
transform: translate3d(-50px,0,0);
}
.it-img-cnt.it-eff-m3 .it-content-cnt::before {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
border: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-20px,0,0);
transform: translate3d(-20px,0,0);
}
.it-img-cnt.it-eff-m3 .it-content-cnt {
padding: 2em;
text-align: left;
}
.it-img-cnt.it-eff-m3 h2 {
padding: 25% 0 10px 0;
}
.it-img-cnt.it-eff-m3 p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0);
}
.it-img-cnt.it-eff-m3 a {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0);
border-bottom: 1px solid #fff;
color: #fff;
font-size: 13px;
padding: 0px;
margin-top:10px;
}
.it-img-cnt.it-eff-m3:hover img {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m3.over-default:hover img {
opacity: 0.7;
}
.it-img-cnt.it-eff-m3:hover .it-content-cnt::before,
.it-img-cnt.it-eff-m3:hover p,
.it-img-cnt.it-eff-m3:hover a {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}   .it-img-cnt.it-eff-m4 {
background: #9e5406;
}
.it-img-cnt.it-eff-m4 img {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.it-img-cnt.it-eff-m4.over-default img {
opacity: 0.7;
}
.it-img-cnt.it-eff-m4.over-default:hover img {
opacity: 0.4;
}
.it-img-cnt.it-eff-m4 .it-content-cnt::before,
.it-img-cnt.it-eff-m4 .it-content-cnt::after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.it-img-cnt.it-eff-m4 .it-content-cnt::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
.it-img-cnt.it-eff-m4 .it-content-cnt::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
.it-img-cnt.it-eff-m4 h2 {
padding-top: 10%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);
}
.it-img-cnt.it-eff-m4 p
{
padding: 15px 2.5em 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
.it-img-cnt.it-eff-m4 a{
border-bottom: 1px solid #fff;
color: #fff;
font-size: 13px;
padding: 0px;
margin-top:10px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
.it-img-cnt.it-eff-m4:hover .it-content-cnt::before,
.it-img-cnt.it-eff-m4:hover .it-content-cnt::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.it-img-cnt.it-eff-m4:hover h2,
.it-img-cnt.it-eff-m4:hover p,
.it-img-cnt.it-eff-m4:hover a {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}   .it-img-cnt.it-eff-m5 {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.it-img-cnt.it-eff-m5 img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,0,300px);
transform: translate3d(0,0,300px);
}
.it-img-cnt.it-eff-m5.over-default:hover img {
opacity: 0.6;
}
.it-img-cnt.it-eff-m5:hover img {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m5 .it-content-cnt::before,
.it-img-cnt.it-eff-m5 .it-content-cnt::after {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 1px;
background: #fff;
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
.it-img-cnt.it-eff-m5:hover .it-content-cnt::before {
opacity: 0.5;
-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
transform: translate3d(-50%,-50%,0) rotate(45deg);
}
.it-img-cnt.it-eff-m5:hover .it-content-cnt::after {
opacity: 0.5;
-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
transform: translate3d(-50%,-50%,0) rotate(-45deg);
}
.it-img-cnt.it-eff-m5 h2,
.it-img-cnt.it-eff-m5 p {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.it-img-cnt.it-eff-m5 a {
position: absolute;
width: 90px;
margin-left: -45px;
bottom: 10px;
border-bottom: 1px solid #fff;
color: #fff;
font-size: 13px;
padding: 0 10px;
opacity: 0;
-webkit-transition: all 0.35s;
transition: all  0.35s;
}
.it-img-cnt.it-eff-m5:hover a{
bottom:20px;
opacity:1;
}
.it-img-cnt.it-eff-m5 h2 {
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
}
.it-img-cnt.it-eff-m5 p {
padding: 0.25em 2em;
-webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
transform: translate3d(0,-50%,0) translate3d(0,150%,0);
}
.it-img-cnt.it-eff-m5:hover h2 {
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}
.it-img-cnt.it-eff-m5:hover p {
-webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}   .it-img-cnt.it-eff-m6 {
background: #18a367;
}
.it-img-cnt.it-eff-m6 .it-content-cnt {
padding: 2em;
}
.it-img-cnt.it-eff-m6 .it-content-cnt::before,
.it-img-cnt.it-eff-m6 .it-content-cnt::after {
position: absolute;
content: '';
opacity: 0;
}
.it-img-cnt.it-eff-m6 .it-content-cnt::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;
}
.it-img-cnt.it-eff-m6 .it-content-cnt::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;
}
.it-img-cnt.it-eff-m6 h2 {
padding-top: 10%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.it-img-cnt.it-eff-m6 p {
padding: 0.5em 2em;
text-transform: none;
opacity: 0;
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
}
.it-img-cnt.it-eff-m6 a{
border-bottom: 1px solid #fff;
color: #fff;
font-size: 13px;
padding: 0 10px;
opacity: 0;
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
}
.it-img-cnt.it-eff-m6 h2 {
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}
.it-img-cnt.it-eff-m6 img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.it-img-cnt.it-eff-m6 img,
.it-img-cnt.it-eff-m6 .it-content-cnt::before,
.it-img-cnt.it-eff-m6 .it-content-cnt::after,
.it-img-cnt.it-eff-m6 p ,
.it-img-cnt.it-eff-m6 a{
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.it-img-cnt.it-eff-m6.over-default:hover img {
opacity: 0.7;
}
.it-img-cnt.it-eff-m6:hover img {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m6:hover .it-content-cnt::before,
.it-img-cnt.it-eff-m6:hover .it-content-cnt::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.it-img-cnt.it-eff-m6:hover h2,
.it-img-cnt.it-eff-m6:hover p,
.it-img-cnt.it-eff-m6:hover a {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m6:hover .it-content-cnt::after,
.it-img-cnt.it-eff-m6:hover h2,
.it-img-cnt.it-eff-m6:hover p,
.it-img-cnt.it-eff-m6:hover a,
.it-img-cnt.it-eff-m6:hover img {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}   .it-img-cnt.it-eff-m7 {
background: #4a3753;
}
.it-img-cnt.it-eff-m7.over-default img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.it-img-cnt.it-eff-m7.over-default:hover img {
opacity: 0.5;
}
.it-img-cnt.it-eff-m7 .it-content-cnt::before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
background: #333;
content: '';
-webkit-transform: translate3d(0,60px,0);
transform: translate3d(0,60px,0);
}
.it-img-cnt.it-eff-m7 h2 {
position: absolute;
bottom: 40px;
left: 0;
padding: 1em 15px;
width: 100%;
text-align: left;
-webkit-transform: translate3d(0,-40px,0);
transform: translate3d(0,-40px,0);
}
.it-img-cnt.it-eff-m7 .it-content-cnt::before,
.it-img-cnt.it-eff-m7 h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.it-img-cnt.it-eff-m7:hover .it-content-cnt::before,
.it-img-cnt.it-eff-m7:hover h2
{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m7 p {
position: absolute;
bottom: 0;
left: 0;
z-index: 999;
width: 70%;
text-align: left;
padding-left: 15px;
line-height: 20px;
opacity:0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.it-img-cnt.it-eff-m7 a {
position: absolute;
bottom: 0px;
right: 10px;
font-size: 13px;
text-transform: uppercase;
color:#fff;
border-bottom: 2px solid;
opacity: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.it-img-cnt.it-eff-m7:hover p,
.it-img-cnt.it-eff-m7:hover a{
opacity:1;
bottom:10px;
}   .it-img-cnt.it-eff-m8 {
background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}
.it-img-cnt.it-eff-m8.over-default img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.it-img-cnt.it-eff-m8 .it-content-cnt {
padding: 3em;
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
}
.it-img-cnt.it-eff-m8 .it-content-cnt::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
}
.it-img-cnt.it-eff-m8 h2 {
margin: 0 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
.it-img-cnt.it-eff-m8 a{
font-size: 13px;
color:#fff;
border-bottom: 1px solid;
margin-top:10px;
opacity: 0;
}
.it-img-cnt.it-eff-m8 .it-content-cnt::before,
.it-img-cnt.it-eff-m8 p ,
.it-img-cnt.it-eff-m8 a {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0);
transform: scale(0);
}
.it-img-cnt.it-eff-m8:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m8:hover .it-content-cnt::before,
.it-img-cnt.it-eff-m8:hover p,
.it-img-cnt.it-eff-m8:hover a {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.it-img-cnt.it-eff-m8:hover .it-content-cnt {
background-color: rgba(58,52,42,0);
}
.it-img-cnt.it-eff-m8.over-default:hover img {
opacity: 0.4;
}   .it-img-cnt.it-eff-m9 .it-content-cnt {
text-align: right;
}
.it-img-cnt.it-eff-m9 h2,
.it-img-cnt.it-eff-m9 p {
position: absolute;
right: 30px;
left: 30px;
padding: 10px 0;
}
.it-img-cnt.it-eff-m9 a{
position: absolute;
bottom: 0px;
right: 30px;
font-size: 13px;
color: #fff;
border-bottom: 1px solid #ddd;
padding: 0;
opacity:0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.it-img-cnt.it-eff-m9 p {
bottom: 30px;
line-height: 1.5;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
.it-img-cnt.it-eff-m9 h2 {
top: 30px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
.it-img-cnt.it-eff-m9:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m9 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);
}
.it-img-cnt.it-eff-m9 h2::after,
.it-img-cnt.it-eff-m9 p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.it-img-cnt.it-eff-m9:hover h2::after,
.it-img-cnt.it-eff-m9:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m9:hover a {
bottom: 10px;
opacity:1;
}   .it-img-cnt.it-eff-m10 {
background-color: #17819c;
}
.it-img-cnt.it-eff-m10.over-default img {
opacity: 0.7;
}
.it-img-cnt.it-eff-m10 img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
it-img-cnt.it-eff-m10.over-default:hover img {
opacity: 0.5;
}
.it-img-cnt.it-eff-m10:hover img {
-webkit-transform: scale(1);
transform: scale(1);
}
.it-img-cnt.it-eff-m10 h2 {
margin-top: 10%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
.it-img-cnt.it-eff-m10 p {
margin: 1em 0 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0) scale(1.1);
transform: translate3d(0,20px,0) scale(1.1);
}
.it-img-cnt.it-eff-m10 a{
font-size: 13px;
color: #fff;
border: 1px solid #ddd;
padding:0 10px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0) scale(1.1);
transform: translate3d(0,20px,0) scale(1.1);
}
.it-img-cnt.it-eff-m10:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m10:hover p,
.it-img-cnt.it-eff-m10:hover a {
opacity: 1;
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1);
}   .it-img-cnt.it-eff-m11 {
background: #2e5d5a;
}
.it-img-cnt.it-eff-m11 img {
max-width: none;
width: -webkit-calc(100% + 60px)!important;
width: calc(100% + 60px)!important;
opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-30px,0,0) scale(1.12);
transform: translate3d(-30px,0,0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.it-img-cnt.it-eff-m11.over-default:hover img {
opacity: 0.5;
}
.it-img-cnt.it-eff-m11:hover img {
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1);
}
.it-img-cnt.it-eff-m11 h2 {
position: absolute;
right: 0;
bottom: 0;
padding: 1em 1.2em;
}
.it-img-cnt.it-eff-m11 p {
padding: 0 10px 0 0;
width: 50%;
border-right: 1px solid #fff;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px,0,0);
transform: translate3d(-40px,0,0);
}
.it-img-cnt.it-eff-m11:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-img-cnt.it-eff-m11 a{
font-size: 13px;
text-align: left;
color: #fff;
text-transform: uppercase;
border: 1px solid #ddd;
padding: 0 10px;
margin-top:10px;
margin-right: 85px;
opacity:0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: all 0.35s;
}
.it-img-cnt.it-img-cnt.it-eff-m11:hover a{
opacity:1;
}   .it-img-cnt.it-eff-m12 {
background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%);
background: linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%);
}
.it-img-cnt.it-eff-m12 img {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.it-img-cnt.it-eff-m12.over-default:hover img {
opacity: 0.4;
}
.it-img-cnt.it-eff-m12 .it-content-cnt::after {
position: absolute;
right: 20px;
bottom: 20px;
left: 20px;
height: -webkit-calc(50% - 30px);
height: calc(50% - 30px);
border: 5px solid #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
.it-img-cnt.it-eff-m12:hover .it-content-cnt::after {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m12 .it-content-cnt {
padding: 2em;
text-align: left;
}
.it-img-cnt.it-eff-m12 h2{
margin-top: 20px;
}
.it-img-cnt.it-eff-m12 p {
position: absolute;
right: 50px;
bottom: 60px;
left: 50px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,-100px,0);
transform: translate3d(0,-100px,0);
}
.it-img-cnt.it-eff-m12 a{
position: absolute;
bottom: 30px;
right: 40px;
font-size: 13px;
color: #fff;
text-transform: uppercase;
opacity: 0;
-webkit-transition: all 0.35s;
transition:  all 0.35s;
-webkit-transform: translate3d(0,-100px,0);
transform: translate3d(0,-100px,0);
}
.it-img-cnt.it-eff-m12:hover p,
.it-img-cnt.it-eff-m12:hover a {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}   .it-img-cnt.it-eff-m13 {
background: #42b078;
}
.it-img-cnt.it-eff-m13 img {
max-width: none;
width: -webkit-calc(100% + 20px)!important;
width: calc(100% + 20px)!important;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.it-img-cnt.it-eff-m13.over-default:hover img {
opacity: 0.4;
}
.it-img-cnt.it-eff-m13:hover img {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m13 .it-content-cnt {
text-align: left;
}
.it-img-cnt.it-eff-m13 h2 {
position: relative;
overflow: hidden;
padding: 0.5em 0;
}
.it-img-cnt.it-eff-m13 h2::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
.it-img-cnt.it-eff-m13:hover h2::after {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m13 p {
padding: 1em 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
.it-img-cnt.it-eff-m13 a{
font-size: 13px;
color: #fff;
text-transform: uppercase;
border-bottom:2px solid #fff;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
.it-img-cnt.it-eff-m13:hover p ,
.it-img-cnt.it-eff-m13:hover a {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}   .it-img-cnt.it-eff-m14 .it-content-cnt {
top: auto;
bottom: 0;
padding: 1em;
height: 3.75em;
background: #333;
color: #fff;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
.it-img-cnt.it-eff-m14 h2 {
float: left;
}
.it-img-cnt.it-eff-m14 p {
position: absolute;
bottom: 9em;
left:0;
padding: 2em;
color: #fff;
text-transform: none;
font-size: 13px;
opacity: 0;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
-webkit-backface-visibility: hidden; }
.it-img-cnt.it-eff-m14 a{
position: absolute;
right:0;
top: -30px;
height: 30px;
font-size: 13px;
padding:0 10px;
text-transform: uppercase;
background:#333;
color: #fff;
opacity: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.it-img-cnt.it-eff-m14 h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,200%,0);
transform: translate3d(0,200%,0);
}
.it-img-cnt.it-eff-m14 h2 {
display: inline-block;
}
.it-img-cnt.it-eff-m14:hover p,
.it-img-cnt.it-eff-m14:hover a {
opacity: 1;
}
.it-img-cnt.it-eff-m14:hover .it-content-cnt,
.it-img-cnt.it-eff-m14:hover h2{
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m14:hover h2 {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}   .it-img-cnt.it-eff-m15 img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
.it-img-cnt.it-eff-m15.over-default:hover img {
opacity: 0.5;
}
.it-img-cnt.it-eff-m15:hover img {
-webkit-transform: scale(1);
transform: scale(1);
}
.it-img-cnt.it-eff-m15 .it-content-cnt {
padding: 2em;
}
.it-img-cnt.it-eff-m15 .it-content-cnt::before {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
border: 1px solid #fff;
content: '';
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.it-img-cnt.it-eff-m15 .it-content-cnt::before,
.it-img-cnt.it-eff-m15 p,
.it-img-cnt.it-eff-m15 a {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.it-img-cnt.it-eff-m15 h2 {
padding: 10% 0 10px 0;
}
.it-img-cnt.it-eff-m15 p,
.it-img-cnt.it-eff-m15 a {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.it-img-cnt.it-eff-m15 a{
font-size: 13px;
color: #fff;
text-transform: uppercase;
border-bottom:2px solid #fff;
}
.it-img-cnt.it-eff-m15:hover .it-content-cnt::before,
.it-img-cnt.it-eff-m15:hover p,
.it-img-cnt.it-eff-m15:hover a {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}   .it-img-cnt.it-eff-m16 {
background: #2f3238;
}
.it-img-cnt.it-eff-m16 img {
-webkit-transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, transform 1s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.it-img-cnt.it-eff-m16 .it-content-cnt {
text-align: left;
}
.it-img-cnt.it-eff-m16 h2 {
position: relative;
padding: 0.5em 0;
}
.it-img-cnt.it-eff-m16 p {
display: inline-block;
margin: 0 0 0.25em;
padding: 0.4em 1em;
background: rgba(255,255,255,0.9);
color: #2f3238;
text-transform: none;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-360px,0,0);
transform: translate3d(-360px,0,0);
}
.it-img-cnt.it-eff-m16 a{
font-size: 13px;
text-transform: uppercase;
background:#fff;
color:#333;
padding: 0 10px;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
-webkit-transform: translate3d(-360px,0,0);
transform: translate3d(-360px,0,0);
}
.it-img-cnt.it-eff-m16:hover p:first-child {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.it-img-cnt.it-eff-m16:hover a {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.it-img-cnt.it-eff-m16.over-default:hover img {
opacity: 0.4;
}
.it-img-cnt.it-eff-m16:hover img {
-webkit-transform: scale3d(1.1,1.1,1);
transform: scale3d(1.1,1.1,1);
}
.it-img-cnt.it-eff-m16:hover p ,
.it-img-cnt.it-eff-m16:hover a {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}   .it-img-cnt.it-eff-m17 {
background: #df4e4e;
}
.it-img-cnt.it-eff-m17 img,
.it-img-cnt.it-eff-m17 h2 {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.it-img-cnt.it-eff-m17 img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.it-img-cnt.it-eff-m17 h2,
.it-img-cnt.it-eff-m17 p {
position: absolute;
bottom: 0;
left: 0;
padding: 20px;
}
.it-img-cnt.it-eff-m17 p {
text-transform: none;
font-size: 13px;
text-align:left;
width:70%;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,50px,0);
transform: translate3d(0,50px,0);
}
.it-img-cnt.it-eff-m17 a {
position: absolute;
bottom: 0;
right: 10px;
font-size: 13px;
color: #fff;
border: 1px solid #fff;
padding: 0 10px;
border-radius: 30px;
opacity: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.it-img-cnt.it-eff-m17:hover img {
-webkit-transform: translate3d(0,-80px,0);
transform: translate3d(0,-80px,0);
}
.it-img-cnt.it-eff-m17:hover h2 {
-webkit-transform: translate3d(0,-100px,0);
transform: translate3d(0,-100px,0);
}
.it-img-cnt.it-eff-m17:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m17:hover a {
opacity: 1;
bottom:25px;
}   .it-img-cnt.it-eff-m18 {
background: #303fa9;
}
.it-img-cnt.it-eff-m18 h2 {
font-size: 158.75%;
}
.it-img-cnt.it-eff-m18 h2,
.it-img-cnt.it-eff-m18 p {
position: absolute;
top: 50%;
left: 50%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
}
.it-img-cnt.it-eff-m18 .it-content-cnt::before {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
border: 2px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.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);
-webkit-transform-origin: 50%;
transform-origin: 50%;
}
.it-img-cnt.it-eff-m18 p {
width: 180px;
text-transform: none;
opacity:0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.it-img-cnt.it-eff-m18 a {
position: absolute;
bottom: 50px;
width: 90px;
margin-left: -45px;
font-size: 13px;
color: #fff;
text-transform: uppercase;
border-bottom: 2px solid #fff;
padding: 0;
opacity:0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.it-img-cnt.it-eff-m18:hover a,
.it-img-cnt.it-eff-m18:hover p{
opacity:1;
}
.it-img-cnt.it-eff-m18:hover .it-content-cnt::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);
}
.it-img-cnt.it-eff-m18:hover h2 {
opacity: 0;
-webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}   .it-img-cnt.it-eff-m20 {
background: #fff;
}
.it-img-cnt.it-eff-m20.over-default img {
opacity: 0.95;
}
.it-img-cnt.it-eff-m20 img {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.it-img-cnt.it-eff-m20:hover img {
-webkit-transform: scale3d(0.95,0.95,1);
transform: scale3d(0.95,0.95,1);
}
.it-img-cnt.it-eff-m20 h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
.it-img-cnt.it-eff-m20 p ,
.it-img-cnt.it-eff-m20 a {
margin-top:15px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-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%;
}
.it-img-cnt.it-eff-m20 a{
font-size: 13px;
color: #fff;
text-transform: uppercase;
border-bottom: 2px solid #fff;
}
.it-img-cnt.it-eff-m20:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m20:hover p,
.it-img-cnt.it-eff-m20:hover a {
opacity: 1;
-webkit-transform: perspective(1000px) rotate3d(1,0,0,0);
transform: perspective(1000px) rotate3d(1,0,0,0);
}   .it-img-cnt.it-eff-m21 {
background: #34495e;
}
.it-img-cnt.it-eff-m21 .it-content-cnt {
padding: 1em;
}
.it-img-cnt.it-eff-m21 .it-content-cnt::before,
.it-img-cnt.it-eff-m21 .it-content-cnt::after {
position: absolute;
width: 200%;
height: 200%;
border-style: solid;
border-color: #101010;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.it-img-cnt.it-eff-m21 .it-content-cnt::before {
right: 0;
bottom: 0;
border-width: 0 70px 60px 0;
-webkit-transform: translate3d(70px,60px,0);
transform: translate3d(70px,60px,0);
}
.it-img-cnt.it-eff-m21 .it-content-cnt::after {
top: 0;
left: 0;
border-width: 15px 0 0 15px;
-webkit-transform: translate3d(-15px,-15px,0);
transform: translate3d(-15px,-15px,0);
}
.it-img-cnt.it-eff-m21 img
{
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.it-img-cnt.it-eff-m21.over-default img {
opacity: 0.85;
}
.it-img-cnt.it-eff-m21 h2 {
position: absolute;
bottom: -10px;
left:auto;
padding: 0.4em 10px 0.4em 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.it-img-cnt.it-eff-m21:hover h2 {
bottom:0;
}
@media screen and (max-width: 920px) {
.it-img-cnt.it-eff-m21 h2 {
padding: 0.75em 10px;
}
}
.it-img-cnt.it-eff-m21 a{
font-size: 13px;
color: #fff;
text-transform: uppercase;
border: 1px solid #fff;
padding:0 10px;
opacity:0;
float: left;
margin-left: 1em;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.it-img-cnt.it-eff-m21 p {
font-size:13px;
text-align:left;
opacity:0;
padding: 1em 70px 1em 1em;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.it-img-cnt.it-eff-m21:hover p,
.it-img-cnt.it-eff-m21:hover a {
opacity:1;
}
.it-img-cnt.it-eff-m21:hover .it-content-cnt::before,
.it-img-cnt.it-eff-m21:hover .it-content-cnt::after {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m21.car-it-mhover-s2:hover img {
opacity: 0.6;
}
.it-img-cnt.it-eff-m21:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}   .it-img-cnt.it-eff-m23 {
background: #3498db;
}
.it-img-cnt.it-eff-m23.over-default img {
opacity: 0.95;
}
.it-img-cnt.it-eff-m23 img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
.it-img-cnt.it-eff-m23 .it-content-cnt::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.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);
}
.it-img-cnt.it-eff-m23 p {
position: absolute;
right: 0;
bottom: 10px;
margin: 3em;
padding: 0 1em;
max-width: 150px;
border-right: 4px solid #fff;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.it-img-cnt.it-eff-m23 a{
position: absolute;
right: 38px;
bottom: 5px;
font-size: 13px;
color: #fff;
text-transform: uppercase;
border-bottom: 2px solid #fff;
opacity: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.it-img-cnt.it-eff-m23 h2 {
text-align: left;
}
.it-img-cnt.it-eff-m23.over-default:hover img {
opacity: 0.6;
}
.it-img-cnt.it-eff-m23:hover img {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.it-img-cnt.it-eff-m23:hover .it-content-cnt::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);
}
.it-img-cnt.it-eff-m23:hover p {
opacity: 1;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.it-img-cnt.it-eff-m23:hover a{
bottom:15px;
opacity:1;
}   .it-img-cnt.it-eff-m25 {
z-index: auto;
overflow: visible;
background: #000;
}
.it-img-cnt.it-eff-m25:before,
.it-img-cnt.it-eff-m25 h2:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: #000;
content: '';
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.it-img-cnt.it-eff-m25 .it-content-cnt {
z-index: 1;
}
.it-img-cnt.it-eff-m25 img {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: perspective(1000px) translate3d(0,0,0);
transform: perspective(1000px) translate3d(0,0,0);
}
.it-img-cnt.it-eff-m25 h2,
.it-img-cnt.it-eff-m25 p,
.it-img-cnt.it-eff-m25 a {
background: #fff;
color: #2d434e;
}
.it-img-cnt.it-eff-m25 h2 {
position: relative;
margin-top: 15px;
padding: 0.25em;
}
.it-img-cnt.it-eff-m25 h2:before {
box-shadow: 0 1px 10px rgba(0,0,0,0.5);
}
.it-img-cnt.it-eff-m25 p,
.it-img-cnt.it-eff-m25 a {
margin-top: 1em;
padding: 0.5em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(0.9,0.9,1);
transform: scale3d(0.9,0.9,1);
}
.it-img-cnt.it-eff-m25 a{
padding: 0 10px;
font-size: 13px;
text-transform: uppercase;
}
.it-img-cnt.it-eff-m25:hover:before {
opacity: 1;
}
.it-img-cnt.it-eff-m25:hover img {
-webkit-transform: perspective(1000px) translate3d(0,0,21px);
transform: perspective(1000px) translate3d(0,0,21px);
}
.it-img-cnt.it-eff-m25:hover h2:before {
opacity: 0;
}
.it-img-cnt.it-eff-m25:hover p,
.it-img-cnt.it-eff-m25:hover a {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}   .it-img-cnt.it-eff-m26 {
background: -webkit-linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);
background: linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);
}
.it-img-cnt.it-eff-m26.over-default img {
opacity: 0.85;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.it-img-cnt.it-eff-m26 h2,
.it-img-cnt.it-eff-m26 p {
padding: 15px;
width: 50%;
height: 50%;
border: 2px solid #fff;
}
.it-img-cnt.it-eff-m26 h2 {
padding: 15px;
width: 50%;
height: 50%;
text-align: left;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(10px,10px,0);
transform: translate3d(10px,10px,0);
}
.it-img-cnt.it-eff-m26 p {
float: right;
padding: 15px;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
.it-img-cnt.it-eff-m26 a{
position: absolute;
right: 50px;
bottom: 50px;
opacity: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.it-img-cnt.it-eff-m26:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m26 h2 span{
display: block;
}
.it-img-cnt.it-eff-m26:hover p,
.it-img-cnt.it-eff-m26:hover a{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m26.over-default:hover img {
opacity: 0.6;
}   .it-img-cnt.it-eff-m27 {
background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
}
.it-img-cnt.it-eff-m27.over-default img {
opacity: 0.9;
}
.it-img-cnt.it-eff-m27 .it-content-cnt::after,
.it-img-cnt.it-eff-m27 img,
.it-img-cnt.it-eff-m27 p,
.it-img-cnt.it-eff-m27 a {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.it-img-cnt.it-eff-m27 .it-content-cnt::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%;
}
.it-img-cnt.it-eff-m27 h2,
.it-img-cnt.it-eff-m27 p,
.it-img-cnt.it-eff-m27 a {
opacity: 1;
-webkit-transform: scale3d(0.8,0.8,1);
transform: scale3d(0.8,0.8,1);
}
.it-img-cnt.it-eff-m27 h2 {
padding-top: 10%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.it-img-cnt.it-eff-m27 p {
padding: 0.5em 1em;
text-transform: none;
font-size: 13px;
opacity: 0;
}
.it-img-cnt.it-eff-m27 a{
color:#fff;
font-size: 13px;
border-bottom:2px solid #fff;
margin-top:10px;
opacity: 0;
}
.it-img-cnt.it-eff-m27.over-default:hover img {
opacity: 0.7;
}
.it-img-cnt.it-eff-m27:hover img {
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
.it-img-cnt.it-eff-m27:hover .it-content-cnt::after {
opacity: 1;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
.it-img-cnt.it-eff-m27:hover h2,
.it-img-cnt.it-eff-m27:hover p,
.it-img-cnt.it-eff-m27:hover a {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}   .it-img-cnt.it-eff-m28 {
background: #030c17;
}
.it-img-cnt.it-eff-m28.over-default img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.it-img-cnt.it-eff-m28 .it-content-cnt::before {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.4,1.4,1);
transform: scale3d(1.4,1.4,1);
}
.it-img-cnt.it-eff-m28 h2 {
margin: 10% 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.it-img-cnt.it-eff-m28 p,
.it-img-cnt.it-eff-m28 a {
padding: 0 10px 10px 10px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.it-img-cnt.it-eff-m28 a{
font-size:13px;
color:#fff;
padding:0 10px;
border:1px solid #fff;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
}
.it-img-cnt.it-eff-m28:hover h2 {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.it-img-cnt.it-eff-m28:hover .it-content-cnt::before,
.it-img-cnt.it-eff-m28:hover p,
.it-img-cnt.it-eff-m28:hover a{
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.it-img-cnt.it-eff-m28:hover .it-content-cnt {
background-color: rgba(58,52,42,0);
}
.it-img-cnt.it-eff-m28.over-default:hover img {
opacity: 0.4;
}   .it-img-cnt.it-eff-m29 {
background: -webkit-linear-gradient(-45deg, #000 0%,#fff 100%);
background: linear-gradient(-45deg, #000 0%,#fff 100%);
}
.it-img-cnt.it-eff-m29.over-default img {
opacity: 0.9;
}
.it-img-cnt.it-eff-m29 img {
margin: -10px 0 0 -10px;
max-width: none;
width: -webkit-calc(100% + 10px)!important;
width: calc(100% + 10px)!important;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(10px,10px,0);
transform: translate3d(10px,10px,0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.it-img-cnt.it-eff-m29 .it-content-cnt::before,
.it-img-cnt.it-eff-m29 p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.it-img-cnt.it-eff-m29 .it-content-cnt::before {
position: absolute;
right: -100px;
bottom: -100px;
width: 300px;
height: 300px;
border: 2px solid #fff;
border-radius: 50%;
box-shadow: 0 0 0 900px rgba(255,255,255,0.2);
content: '';
opacity: 0;
-webkit-transform: scale3d(0.5,0.5,1);
transform: scale3d(0.5,0.5,1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.it-img-cnt.it-eff-m29.over-default:hover img {
opacity: 0.6;
}
.it-img-cnt.it-eff-m29:hover img {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.it-img-cnt.it-eff-m29 h2 {
text-align: left;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(5px,5px,0);
transform: translate3d(5px,5px,0);
}
.it-img-cnt.it-eff-m29 p {
position: absolute;
right: 0;
bottom: 25px;
padding: 0 1.5em 1.5em 0;
width: 140px;
text-align: right;
opacity: 0;
-webkit-transform: translate3d(20px,20px,0);
transform: translate3d(20px,20px,0);
}
.it-img-cnt.it-eff-m29 a {
position: absolute;
bottom: 0px;
font-size: 13px;
right: 0px;
color: #fff;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
opacity: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.it-img-cnt.it-eff-m29:hover a {
opacity:1;
bottom:10px;
right: 20px;
}
.it-img-cnt.it-eff-m29:hover .it-content-cnt::before {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.it-img-cnt.it-eff-m29:hover h2,
.it-img-cnt.it-eff-m29:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}   .it-img-cnt.it-eff-m30 {
background: -webkit-linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
background: linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
}
.it-img-cnt.it-eff-m30 img,
.it-img-cnt.it-eff-m30 p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.it-img-cnt.it-eff-m30.car-it-mhover-s2:hover img {
opacity: 0.1;
}
.it-img-cnt.it-eff-m30:hover img {
-webkit-transform: scale3d(2,2,1);
transform: scale3d(2,2,1);
}
.it-img-cnt.it-eff-m30 h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: scale3d(0.8,0.8,1);
transform: scale3d(0.8,0.8,1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.it-img-cnt.it-eff-m30 p {
position: absolute;
bottom: 55px;
left: 0;
right:0;
margin: 20px;
padding: 20px;
border: 2px solid #fff;
text-transform: none;
font-size: 13px;;
opacity: 0;
-webkit-transform: scale3d(0.8,0.8,1);
transform: scale3d(0.8,0.8,1);
-webkit-transform-origin: 50% -100%;
transform-origin: 50% -100%;
}
.it-img-cnt.it-eff-m30 a {
position: absolute;
bottom: 10px;
font-size: 13px;
right: 50%;
width:90px;
margin-right:-45px;
color: #fff;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
opacity: 0;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.it-img-cnt.it-eff-m30:hover a {
opacity:1;
bottom:15px;
}
.it-img-cnt.it-eff-m30:hover h2,
.it-img-cnt.it-eff-m30:hover p {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
} .it-mhover-s3.it-img-cnt {
display:inline-block;
margin: 0;
position: relative;
list-style: none;
width: 100%;
}
.it-mhover-s3.it-img-cnt  img {
width:100%;
max-width: 100%;
display: block;
position: relative;
}
.it-mhover-s3.it-img-cnt .it-content-cnt {
position: absolute;
top: 0;
left: 0;
padding: 10px;
background: #2c3f52;
color: #ffffff;
}
.it-mhover-s3.it-img-cnt .it-content-cnt h2 {
margin: 0;
padding: 0;
color: #fff;
font-weight: 300;
}
.it-mhover-s3.it-img-cnt .it-content-cnt p{
margin:0;
}
.it-mhover-s3.it-img-cnt .it-content-cnt a {
text-align: center;
padding: 5px 10px;
display: inline-block;
background: transparent;
color: #fff;
border: 2px solid #fff;
text-decoration: none;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}  .car-it-mhover-s3.car-it-cs-style-1 {
padding: 20px;
}
.it-cs-style-1 .it-content-cnt {
height: 100%;
width: 100%;
opacity: 0;
text-align: center;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.no-touch .it-cs-style-1:hover .it-content-cnt,
.it-cs-style-1:hover .it-content-cnt {
opacity: 1;
top:15px;
left:15px;
}
.it-cs-style-1 .it-content-cnt h2 {
margin-top: 70px!important;
}
.it-cs-style-1 .it-content-cnt p {
display: block;
}
.it-cs-style-1 .it-content-cnt a {
margin-top: 30px;
} .car-it-mhover-s3.car-it-cs-style-2 {
padding-top: 90px;
}
.it-cs-style-2 img {
top:0;
z-index: 10;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.no-touch .it-cs-style-2:hover img,
.it-cs-style-2:hover img {
top:-90px;
}
.it-cs-style-2 .it-content-cnt {
height: 90px;
width: 100%;
top: auto!important;
bottom: 0;
}
.it-cs-style-2 .it-content-cnt a {
position: absolute;
right: 20px;
top: 30px;
} .it-cs-style-3 {
overflow: hidden;
}
.it-cs-style-3 img {
top:0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.no-touch .it-cs-style-3:hover img,
.it-cs-style-3:hover img {
top:-50px;
}
.it-cs-style-3 .it-content-cnt {
height: 100px;
width: 100%;
top: auto!important;
bottom: -100px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.no-touch .it-cs-style-3:hover .it-content-cnt,
.it-cs-style-3:hover .it-content-cnt {
opacity: 1;
bottom:0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.it-cs-style-3 .it-content-cnt a {
position: absolute;
bottom: 20px;
right: 20px;
} .it-cs-style-4 {
overflow: hidden;
-webkit-perspective: 1700px;
-moz-perspective: 1700px;
perspective: 1700px;
-webkit-perspective-origin: 0 50%;
-moz-perspective-origin: 0 50%;
perspective-origin: 0 50%;
}
.it-cs-style-4 {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.it-cs-style-4 > div {
overflow: hidden;
}
.it-cs-style-4 img {
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.no-touch .it-cs-style-4:hover img,
.it-cs-style-4:hover img {
-webkit-transform: translateX(25%);
-moz-transform: translateX(25%);
-ms-transform: translateX(25%);
transform: translateX(25%);
}
.it-cs-style-4 .it-content-cnt {
height: 100%;
width: 50%;
opacity: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch .it-cs-style-4:hover .it-content-cnt,
.it-cs-style-4:hover .it-content-cnt {
opacity: 1;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.it-cs-style-4 .it-content-cnt a {
position: absolute;
bottom: 20px;
right: 20px;
} .it-cs-style-5 img {
z-index: 10;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.no-touch .it-cs-style-5:hover img,
.it-cs-style-5:hover img {
-webkit-transform: scale(0.4);
-moz-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
}
.it-cs-style-5 .it-content-cnt {
height: 100%;
width: 100%;
opacity: 0;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
-moz-transition: -moz-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
}
.no-touch .it-cs-style-5:hover .it-content-cnt,
.it-cs-style-5:hover .it-content-cnt {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.it-cs-style-5 a {
position: absolute;
bottom: 20px;
right: 20px;
} .it-cs-style-6 img {
z-index: 10;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.no-touch .it-cs-style-6:hover img,
.it-cs-style-6:hover img {
-webkit-transform: translateY(-50px) scale(0.5);
-moz-transform: translateY(-50px) scale(0.5);
-ms-transform: translateY(-50px) scale(0.5);
transform: translateY(-50px) scale(0.5);
}
.it-cs-style-6 .it-content-cnt {
height: 100%;
width: 100%;
}
.it-cs-style-6 .it-content-cnt h2 {
margin-top: 65%!important;
}
.it-cs-style-6 .it-content-cnt a {
position: absolute;
bottom: 20px;
right: 20px;
} .car-it-mhover-s3.car-it-cs-style-7 {
padding: 10px 10px 90px 10px;
}
.it-cs-style-7 img {
z-index: 10;
}
.it-cs-style-7 .it-content-cnt {
height: 100%;
width: 100%;
opacity: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
-moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
box-shadow: 0 0 0 0px #2c3f52;
}
.no-touch .it-cs-style-7:hover .it-content-cnt,
.it-cs-style-7:hover .it-content-cnt {
opacity: 1;
height: 130%;
box-shadow: 0 0 0 10px #2c3f52;
}
.it-cs-style-7 .it-content-cnt h2 {
margin-top: 84%!important;
}
.it-cs-style-7 .it-content-cnt h2,
.it-cs-style-7 .it-content-cnt p,
.it-cs-style-7 .it-content-cnt a {
opacity: 0;
-webkit-transition: opacity 0s;
-moz-transition: opacity 0s;
transition: opacity 0s;
}
.it-cs-style-7 .it-content-cnt a {
position: absolute;
bottom: 20px;
right: 20px;
}
.no-touch .it-cs-style-7:hover .it-content-cnt h2,
.no-touch .it-cs-style-7:hover .it-content-cnt p,
.no-touch .it-cs-style-7:hover .it-content-cnt a,
.it-cs-style-7:hover .it-content-cnt h2,
.it-cs-style-7:hover .it-content-cnt p,
.it-cs-style-7:hover .it-content-cnt a {
-webkit-transition: opacity 0.3s 0.2s;
-moz-transition: opacity 0.3s 0.2s;
transition: opacity 0.3s 0.2s;
opacity: 1;
}  .it-img-cnt.it-mhover-s4  {
position: relative;
overflow: hidden;
margin: 5px;
background: #333;
}
.it-img-cnt.it-mhover-s4  img {
position: relative;
display: block;
width: 100%;
opacity: 0.7;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.it-mhover-s4 .it-content-cnt {
position: absolute;
top: 0;
z-index: 11;
padding: 10px;
width: 100%;
height: 100%;
text-align: center;
}
.it-mhover-s4 .it-content-cnt h2 {
margin: 0 0 20px 0;
color: #3498db;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 300;
font-size: 130%;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.it-mhover-s4 .it-content-cnt p {
padding: 0 20px;
color: #aaa;
font-weight: 300;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.it-mhover-s4 .it-content-cnt h2,
.it-mhover-s4 .it-content-cnt p {
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
.it-mhover-s4.it-img-cnt a {
position: absolute;
padding: 4px 20px;
border: none;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.it-mhover-s4 .it-content-cnt,
.it-mhover-s4 .it-content-cnt h2,
.it-mhover-s4 .it-content-cnt p,
.it-img-cnt a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .it-img-cnt.it-mhover-s4 svg {
position: absolute;
top: -1px; z-index: 10;
width: 100%;
height: 100%;
}
.it-img-cnt.it-mhover-s4 svg path {
fill: #fff;
} .it-img-cnt.it-mhover-s4:hover img {
opacity: 1;
}
.it-img-cnt.it-mhover-s4:hover .it-content-cnt h2,
.it-img-cnt.it-mhover-s4:hover .it-content-cnt p {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.it-img-cnt.it-mhover-s4:hover .it-content-cnt p {
opacity: 0;
} .it-eff-1.it-img-cnt a,
.it-eff-3.it-img-cnt a {
top: 50%;
left: 50%;
border: 3px solid #fff;
background: transparent;
color: #fff;
opacity: 0;
-webkit-transform: translateY(-50%) translateX(-50%) scale(0.25);
transform: translateY(-50%) translateX(-50%) scale(0.25);
}
.it-eff-1.it-img-cnt:hover a,
.it-eff-3.it-img-cnt:hover a {
opacity: 1;
-webkit-transform: translateY(-50%) translateX(-50%) scale(1);
transform: translateY(-50%) translateX(-50%) scale(1);
}
.it-mhover-s4.it-eff-2 .it-content-cnt h2 {
color: #e74c3c;
}
.it-mhover-s4.it-eff-2 .it-content-cnt p {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.it-img-cnt.it-eff-2 a {
bottom: 0;
left: 0;
padding: 15px;
width: 100%;
background: #fff;
color: #333;
font-weight: 300;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.it-eff-2.it-img-cnt:hover a {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.it-eff-2.it-mhover-s4 .it-content-cnt h2,
.it-eff-2.it-mhover-s4 .it-content-cnt p,
.it-eff-3.it-mhover-s4 .it-content-cnt h2,
.it-eff-3.it-mhover-s4 .it-content-cnt p {
-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.115, 1); -webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.115, 1.445);
timing-function: cubic-bezier(0.250, 0.250, 0.115, 1.445);
}
.it-eff-2:hover .it-content-cnt p,
.it-eff-3:hover .it-content-cnt p {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.it-eff-3.it-mhover-s4 .it-content-cnt h2 {
color: #52be7f;
}
.it-eff-3:hover .it-content-cnt h2 {
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
@media screen and (max-width: 45em) {
.it-mhover-s4 .it-content-cnt h2 {
margin-bottom: 0px;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
.it-mhover-s4 .it-content-cnt p {
margin: 0;
padding: 0 10px;
}
}
@media screen and (max-width: 50em) {
.it-img-cnt {
display: inline-block;
float: none;
margin: 10px auto;
width: 100%;
}
} .it-tilter {
display: block;
position: relative;
color: #fff;
flex: none;
perspective: 1000px;
}
.it-tilter * {
pointer-events: none;
}
.it-tilter:hover,
.it-tilter:focus {
color: #fff;
outline: none;
} .it-tilter-figure,
.it-tilter-image {
margin: 0;
width: 100%;
height: 100%;
display: block;
}
.it-tilter-figure > * {
transform: translateZ(0px); }
.it-tilter-figure {
position: relative;
}
.it-tilter-figure::before {
content: '';
position: absolute;
width: 90%;
height: 90%;
top: 5%;
left: 5%;
box-shadow: 0 30px 20px rgba(35,32,39,0.5);
}
.it-tilter-deco {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.it-tilter-deco--overlay {
background-image: linear-gradient(45deg, rgba(226, 60, 99, 0.4), rgba(145, 58, 252, 0.4), rgba(16, 11, 192, 0.4));
}
.it-tilter-deco--shine div {
position: absolute;
width: 200%;
height: 200%;
top: -50%;
left: -50%;
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%);
}
.it-tilter-caption {
position: absolute;
bottom: 0;
width: 100%;
padding: 3em;
}
.it-tilter-title {
margin: 0;
font-weight: normal;
font-size: 2.5em;
line-height: 1;
}
.it-tilter-description {
margin: 1em 0 0 0;
font-size: 0.85em;
letter-spacing: 0.1em;
}  .car-it-mhover-s2.car-it-tilter-1 {
padding: 10px 10px 30px 10px;
}
.it-tilter-1.it-tilter-figure::before {
box-shadow: 0 30px 20px rgba(0,0,0,0.5);
}
.it-tilter-1.it-tilter-figure:after {
content: '';
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border: 1px solid #fff;
} .car-it-mhover-s2.car-it-tilter-2 {
padding: 10px 10px 30px 10px;
}
.it-tilter-2,
.it-tilter-2:hover,
.it-tilter-2:focus {
color: #2e27ad;
}
.it-tilter-2 .it-tilter-deco--overlay {
background-image: linear-gradient(45deg, rgba(245, 239, 40, 0.6), rgba(164, 22, 169, 0.6));
}
.it-tilter-2.it-tilter-figure:after {
content: '';
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border: 4px solid #2e27ad;
} .car-it-mhover-s2.car-it-tilter-3 {
padding: 10px 10px 30px 10px;
}
.it-tilter-3 .it-tilter-deco--overlay {
background-image: linear-gradient(45deg, rgba(205, 81, 220, 0.6), rgba(41, 94, 230,0.5));
}
.it-tilter-3 .it-tilter-caption {
padding: 2em;
text-align: right;
text-shadow: 0.1em 0.8em 1em rgba(0,0,0,0.35);
} .car-it-mhover-s2.car-it-tilter-5 {
padding: 10px;
}
.it-tilter-5.it-tilter-figure::before {
box-shadow: none;
}
.it-tilter-5.it-tilter-figure:after {
content: '';
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 1px solid #ffffff;
} .car-it-mhover-s2.car-it-tilter-6 {
padding: 25px 10px 10px 25px;
}
.it-tilter-6,
.it-tilter-6:hover,
.it-tilter-6:focus {
color: #2e27ad;
}
.it-tilter-6 .it-tilter-deco--overlay {
background-image: linear-gradient(45deg, rgba(46, 39, 173, 0.2), rgba(255, 186, 59, 0.58));
}
.it-tilter-6.it-tilter-figure:after {
content: '';
position: absolute;
top: -25px;
left: -25px;
right: 25px;
bottom: 25px;
border: 6px solid #2e27ad;
}
.it-tilter-6 .it-tilter-caption {
padding: 0 4em 5.5em 1em;
}
.it-tilter-6.it-tilter-figure::before {
box-shadow: none;
} .car-it-mhover-s2.car-it-tilter-7 {
padding: 10px ;
}
.it-tilter-7 .it-tilter-deco--overlay {
background-image: linear-gradient(45deg, rgba(93, 203, 106, 0.48), rgba(59, 239, 255, 0.58));
}
.it-tilter-7.it-tilter-figure:after {
content: '';
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 10px solid #ffffff;
transform: scale3d(0.9,0.9,1);
opacity: 0;
transition: transform 0.3s, opacity 0.3s;
}
.it-tilter:hover .it-tilter-7.it-tilter-figure:after{
opacity: 1;
transform: scale3d(1,1,1);
}
.it-tilter-7 .it-tilter-caption {
padding: 4em;
}
.it-tilter-7.it-tilter-figure::before {
box-shadow: none;
} .car-it-mhover-s2.car-it-tilter-8 {
padding: 10px;
}
.it-tilter-8 {
perspective: none;
}
.it-tilter-8.it-tilter-figure {
transform-style: flat;
}
.it-tilter-8.it-tilter-figure:after {
content: '';
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 6px solid #9255ae;
mix-blend-mode: color-burn;
}
.it-tilter-8 .it-tilter-caption {
color: #9255ae;
mix-blend-mode: color-burn;
}
.it-tilter-8.it-tilter-figure::before {
box-shadow: none;
}.it-row *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.it-row *:before,
.it-row *:after
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.it-row {
margin-left: -10px;
margin-right: -10px;
}
.it-col-xs-1, .it-col-sm-1, .it-col-md-1, .it-col-lg-1, .it-col-xs-2, .it-col-sm-2, .it-col-md-2, .it-col-lg-2, .it-col-xs-3, .it-col-sm-3, .it-col-md-3, .it-col-lg-3, .it-col-xs-4, .it-col-sm-4, .it-col-md-4, .it-col-lg-4, .it-col-xs-5, .it-col-sm-5, .it-col-md-5, .it-col-lg-5, .it-col-xs-6, .it-col-sm-6, .it-col-md-6, .it-col-lg-6, .it-col-xs-7, .it-col-sm-7, .it-col-md-7, .it-col-lg-7, .it-col-xs-8, .it-col-sm-8, .it-col-md-8, .it-col-lg-8, .it-col-xs-9, .it-col-sm-9, .it-col-md-9, .it-col-lg-9, .it-col-xs-10, .it-col-sm-10, .it-col-md-10, .it-col-lg-10, .it-col-xs-11, .it-col-sm-11, .it-col-md-11, .it-col-lg-11, .it-col-xs-12, .it-col-sm-12, .it-col-md-12, .it-col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
margin-bottom:20px;
}
.it-col-xs-1, .it-col-xs-2, .it-col-xs-3, .it-col-xs-4, .it-col-xs-5, .it-col-xs-6, .it-col-xs-7, .it-col-xs-8, .it-col-xs-9, .it-col-xs-10, .it-col-xs-11, .it-col-xs-12 {
float:none;
vertical-align:top;
display:inline-block;
}
.it-col-xs-12 {
width: 100%;
}
.it-col-xs-11 {
width: 91.66666667%;
}
.it-col-xs-10 {
width: 83.33333333%;
}
.it-col-xs-9 {
width: 75%;
}
.it-col-xs-8 {
width: 66.66666667%;
}
.it-col-xs-7 {
width: 58.33333333%;
}
.it-col-xs-6 {
width: 50%;
}
.it-col-xs-5 {
width: 41.66666667%;
}
.it-col-xs-4 {
width: 33.33333333%;
}
.it-col-xs-3 {
width: 25%;
}
.it-col-xs-2 {
width: 16.66666667%;
}
.it-col-xs-1 {
width: 8.33333333%;
}
.it-col-xs-pull-12 {
right: 100%;
}
.it-col-xs-pull-11 {
right: 91.66666667%;
}
.it-col-xs-pull-10 {
right: 83.33333333%;
}
.it-col-xs-pull-9 {
right: 75%;
}
.it-col-xs-pull-8 {
right: 66.66666667%;
}
.it-col-xs-pull-7 {
right: 58.33333333%;
}
.it-col-xs-pull-6 {
right: 50%;
}
.it-col-xs-pull-5 {
right: 41.66666667%;
}
.it-col-xs-pull-4 {
right: 33.33333333%;
}
.it-col-xs-pull-3 {
right: 25%;
}
.it-col-xs-pull-2 {
right: 16.66666667%;
}
.it-col-xs-pull-1 {
right: 8.33333333%;
}
.it-col-xs-pull-0 {
right: auto;
}
.it-col-xs-push-12 {
left: 100%;
}
.it-col-xs-push-11 {
left: 91.66666667%;
}
.it-col-xs-push-10 {
left: 83.33333333%;
}
.it-col-xs-push-9 {
left: 75%;
}
.it-col-xs-push-8 {
left: 66.66666667%;
}
.it-col-xs-push-7 {
left: 58.33333333%;
}
.it-col-xs-push-6 {
left: 50%;
}
.it-col-xs-push-5 {
left: 41.66666667%;
}
.it-col-xs-push-4 {
left: 33.33333333%;
}
.it-col-xs-push-3 {
left: 25%;
}
.it-col-xs-push-2 {
left: 16.66666667%;
}
.it-col-xs-push-1 {
left: 8.33333333%;
}
.it-col-xs-push-0 {
left: auto;
}
.it-col-xs-offset-12 {
margin-left: 100%;
}
.it-col-xs-offset-11 {
margin-left: 91.66666667%;
}
.it-col-xs-offset-10 {
margin-left: 83.33333333%;
}
.it-col-xs-offset-9 {
margin-left: 75%;
}
.it-col-xs-offset-8 {
margin-left: 66.66666667%;
}
.it-col-xs-offset-7 {
margin-left: 58.33333333%;
}
.it-col-xs-offset-6 {
margin-left: 50%;
}
.it-col-xs-offset-5 {
margin-left: 41.66666667%;
}
.it-col-xs-offset-4 {
margin-left: 33.33333333%;
}
.it-col-xs-offset-3 {
margin-left: 25%;
}
.it-col-xs-offset-2 {
margin-left: 16.66666667%;
}
.it-col-xs-offset-1 {
margin-left: 8.33333333%;
}
.it-col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.it-col-sm-1, .it-col-sm-2, .it-col-sm-3, .it-col-sm-4, .it-col-sm-5, .it-col-sm-6, .it-col-sm-7, .it-col-sm-8, .it-col-sm-9, .it-col-sm-10, .it-col-sm-11, .it-col-sm-12 {
float:none;
vertical-align:top;
display:inline-block;
}
.it-col-sm-12 {
width: 100%;
}
.it-col-sm-11 {
width: 91.66666667%;
}
.it-col-sm-10 {
width: 83.33333333%;
}
.it-col-sm-9 {
width: 75%;
}
.it-col-sm-8 {
width: 66.66666667%;
}
.it-col-sm-7 {
width: 58.33333333%;
}
.it-col-sm-6 {
width: 50%;
}
.it-col-sm-5 {
width: 41.66666667%;
}
.it-col-sm-4 {
width: 33.33333333%;
}
.it-col-sm-3 {
width: 25%;
}
.it-col-sm-2 {
width: 16.66666667%;
}
.it-col-sm-1 {
width: 8.33333333%;
}
.it-col-sm-pull-12 {
right: 100%;
}
.it-col-sm-pull-11 {
right: 91.66666667%;
}
.it-col-sm-pull-10 {
right: 83.33333333%;
}
.it-col-sm-pull-9 {
right: 75%;
}
.it-col-sm-pull-8 {
right: 66.66666667%;
}
.it-col-sm-pull-7 {
right: 58.33333333%;
}
.it-col-sm-pull-6 {
right: 50%;
}
.it-col-sm-pull-5 {
right: 41.66666667%;
}
.it-col-sm-pull-4 {
right: 33.33333333%;
}
.it-col-sm-pull-3 {
right: 25%;
}
.it-col-sm-pull-2 {
right: 16.66666667%;
}
.it-col-sm-pull-1 {
right: 8.33333333%;
}
.it-col-sm-pull-0 {
right: auto;
}
.it-col-sm-push-12 {
left: 100%;
}
.it-col-sm-push-11 {
left: 91.66666667%;
}
.it-col-sm-push-10 {
left: 83.33333333%;
}
.it-col-sm-push-9 {
left: 75%;
}
.it-col-sm-push-8 {
left: 66.66666667%;
}
.it-col-sm-push-7 {
left: 58.33333333%;
}
.it-col-sm-push-6 {
left: 50%;
}
.it-col-sm-push-5 {
left: 41.66666667%;
}
.it-col-sm-push-4 {
left: 33.33333333%;
}
.it-col-sm-push-3 {
left: 25%;
}
.it-col-sm-push-2 {
left: 16.66666667%;
}
.it-col-sm-push-1 {
left: 8.33333333%;
}
.it-col-sm-push-0 {
left: auto;
}
.it-col-sm-offset-12 {
margin-left: 100%;
}
.it-col-sm-offset-11 {
margin-left: 91.66666667%;
}
.it-col-sm-offset-10 {
margin-left: 83.33333333%;
}
.it-col-sm-offset-9 {
margin-left: 75%;
}
.it-col-sm-offset-8 {
margin-left: 66.66666667%;
}
.it-col-sm-offset-7 {
margin-left: 58.33333333%;
}
.it-col-sm-offset-6 {
margin-left: 50%;
}
.it-col-sm-offset-5 {
margin-left: 41.66666667%;
}
.it-col-sm-offset-4 {
margin-left: 33.33333333%;
}
.it-col-sm-offset-3 {
margin-left: 25%;
}
.it-col-sm-offset-2 {
margin-left: 16.66666667%;
}
.it-col-sm-offset-1 {
margin-left: 8.33333333%;
}
.it-col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.it-col-md-1, .it-col-md-2, .it-col-md-3, .it-col-md-4, .it-col-md-5, .it-col-md-6, .it-col-md-7, .it-col-md-8, .it-col-md-9, .it-col-md-10, .it-col-md-11, .it-col-md-12 {
float:none;
vertical-align:top;
display:inline-block;
}
.it-col-md-12 {
width: 100%;
}
.it-col-md-11 {
width: 91.66666667%;
}
.it-col-md-10 {
width: 83.33333333%;
}
.it-col-md-9 {
width: 75%;
}
.it-col-md-8 {
width: 66.66666667%;
}
.it-col-md-7 {
width: 58.33333333%;
}
.it-col-md-6 {
width: 50%;
}
.it-col-md-5 {
width: 41.66666667%;
}
.it-col-md-4 {
width: 33.33333333%;
}
.it-col-md-3 {
width: 25%;
}
.it-col-md-2 {
width: 16.66666667%;
}
.it-col-md-1 {
width: 8.33333333%;
}
.it-col-md-pull-12 {
right: 100%;
}
.it-col-md-pull-11 {
right: 91.66666667%;
}
.it-col-md-pull-10 {
right: 83.33333333%;
}
.it-col-md-pull-9 {
right: 75%;
}
.it-col-md-pull-8 {
right: 66.66666667%;
}
.it-col-md-pull-7 {
right: 58.33333333%;
}
.it-col-md-pull-6 {
right: 50%;
}
.it-col-md-pull-5 {
right: 41.66666667%;
}
.it-col-md-pull-4 {
right: 33.33333333%;
}
.it-col-md-pull-3 {
right: 25%;
}
.it-col-md-pull-2 {
right: 16.66666667%;
}
.it-col-md-pull-1 {
right: 8.33333333%;
}
.it-col-md-pull-0 {
right: auto;
}
.it-col-md-push-12 {
left: 100%;
}
.it-col-md-push-11 {
left: 91.66666667%;
}
.it-col-md-push-10 {
left: 83.33333333%;
}
.it-col-md-push-9 {
left: 75%;
}
.it-col-md-push-8 {
left: 66.66666667%;
}
.it-col-md-push-7 {
left: 58.33333333%;
}
.it-col-md-push-6 {
left: 50%;
}
.it-col-md-push-5 {
left: 41.66666667%;
}
.it-col-md-push-4 {
left: 33.33333333%;
}
.it-col-md-push-3 {
left: 25%;
}
.it-col-md-push-2 {
left: 16.66666667%;
}
.it-col-md-push-1 {
left: 8.33333333%;
}
.it-col-md-push-0 {
left: auto;
}
.it-col-md-offset-12 {
margin-left: 100%;
}
.it-col-md-offset-11 {
margin-left: 91.66666667%;
}
.it-col-md-offset-10 {
margin-left: 83.33333333%;
}
.it-col-md-offset-9 {
margin-left: 75%;
}
.it-col-md-offset-8 {
margin-left: 66.66666667%;
}
.it-col-md-offset-7 {
margin-left: 58.33333333%;
}
.it-col-md-offset-6 {
margin-left: 50%;
}
.it-col-md-offset-5 {
margin-left: 41.66666667%;
}
.it-col-md-offset-4 {
margin-left: 33.33333333%;
}
.it-col-md-offset-3 {
margin-left: 25%;
}
.it-col-md-offset-2 {
margin-left: 16.66666667%;
}
.it-col-md-offset-1 {
margin-left: 8.33333333%;
}
.it-col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.it-col-lg-1, .it-col-lg-2, .it-col-lg-3, .it-col-lg-4, .it-col-lg-5, .it-col-lg-6, .it-col-lg-7, .it-col-lg-8, .it-col-lg-9, .it-col-lg-10, .it-col-lg-11, .it-col-lg-12 {
float:none;
vertical-align:top;
display:inline-block;
}
.it-col-lg-12 {
width: 100%;
}
.it-col-lg-11 {
width: 91.66666667%;
}
.it-col-lg-10 {
width: 83.33333333%;
}
.it-col-lg-9 {
width: 75%;
}
.it-col-lg-8 {
width: 66.66666667%;
}
.it-col-lg-7 {
width: 58.33333333%;
}
.it-col-lg-6 {
width: 50%;
}
.it-col-lg-5 {
width: 41.66666667%;
}
.it-col-lg-4 {
width: 33.33333333%;
}
.it-col-lg-3 {
width: 25%;
}
.it-col-lg-2 {
width: 16.66666667%;
}
.it-col-lg-1 {
width: 8.33333333%;
}
.it-col-lg-pull-12 {
right: 100%;
}
.it-col-lg-pull-11 {
right: 91.66666667%;
}
.it-col-lg-pull-10 {
right: 83.33333333%;
}
.it-col-lg-pull-9 {
right: 75%;
}
.it-col-lg-pull-8 {
right: 66.66666667%;
}
.it-col-lg-pull-7 {
right: 58.33333333%;
}
.it-col-lg-pull-6 {
right: 50%;
}
.it-col-lg-pull-5 {
right: 41.66666667%;
}
.it-col-lg-pull-4 {
right: 33.33333333%;
}
.it-col-lg-pull-3 {
right: 25%;
}
.it-col-lg-pull-2 {
right: 16.66666667%;
}
.it-col-lg-pull-1 {
right: 8.33333333%;
}
.it-col-lg-pull-0 {
right: auto;
}
.it-col-lg-push-12 {
left: 100%;
}
.it-col-lg-push-11 {
left: 91.66666667%;
}
.it-col-lg-push-10 {
left: 83.33333333%;
}
.it-col-lg-push-9 {
left: 75%;
}
.it-col-lg-push-8 {
left: 66.66666667%;
}
.it-col-lg-push-7 {
left: 58.33333333%;
}
.it-col-lg-push-6 {
left: 50%;
}
.it-col-lg-push-5 {
left: 41.66666667%;
}
.it-col-lg-push-4 {
left: 33.33333333%;
}
.it-col-lg-push-3 {
left: 25%;
}
.it-col-lg-push-2 {
left: 16.66666667%;
}
.it-col-lg-push-1 {
left: 8.33333333%;
}
.it-col-lg-push-0 {
left: auto;
}
.it-col-lg-offset-12 {
margin-left: 100%;
}
.it-col-lg-offset-11 {
margin-left: 91.66666667%;
}
.it-col-lg-offset-10 {
margin-left: 83.33333333%;
}
.it-col-lg-offset-9 {
margin-left: 75%;
}
.it-col-lg-offset-8 {
margin-left: 66.66666667%;
}
.it-col-lg-offset-7 {
margin-left: 58.33333333%;
}
.it-col-lg-offset-6 {
margin-left: 50%;
}
.it-col-lg-offset-5 {
margin-left: 41.66666667%;
}
.it-col-lg-offset-4 {
margin-left: 33.33333333%;
}
.it-col-lg-offset-3 {
margin-left: 25%;
}
.it-col-lg-offset-2 {
margin-left: 16.66666667%;
}
.it-col-lg-offset-1 {
margin-left: 8.33333333%;
}
.it-col-lg-offset-0 {
margin-left: 0%;
}
}
.it-row:before,
.it-row:after
{
content: " ";
display: table;
}
.it-row:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.affix {
position: fixed;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
  .hidden{
opacity: 0;
}
.visible{
opacity: 1;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.it-modern-hover-cnt .owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.it-modern-hover-cnt .owl-carousel .owl-animated-in {
z-index: 0;
}
.it-modern-hover-cnt .owl-carousel .owl-animated-out {
z-index: 1;
}
.it-modern-hover-cnt .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;
}
} .it-modern-hover-cnt .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .it-modern-hover-cnt .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.it-modern-hover-cnt .owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.it-modern-hover-cnt .owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.it-modern-hover-cnt .owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
width: 100%; -webkit-transform: translate3d(0px, 0px, 0px);
}
.it-modern-hover-cnt .owl-carousel .owl-controls .owl-nav .owl-prev,
.it-modern-hover-cnt .owl-carousel .owl-controls .owl-nav .owl-next,
.it-modern-hover-cnt .owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.it-modern-hover-cnt .owl-carousel.owl-loaded {
display: block;
}
.it-modern-hover-cnt .owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.it-modern-hover-cnt .owl-carousel.owl-hidden {
opacity: 0;
}
.it-modern-hover-cnt .owl-carousel .owl-refresh .owl-item {
display: none;
}
.it-modern-hover-cnt .owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.it-modern-hover-cnt .owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.it-modern-hover-cnt .owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.it-modern-hover-cnt .owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.it-modern-hover-cnt .owl-carousel.owl-rtl {
direction: rtl;
}
.it-modern-hover-cnt .owl-carousel.owl-rtl .owl-item {
float: right;
} .it-modern-hover-cnt .no-js .owl-carousel {
display: block;
} .it-modern-hover-cnt .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.it-modern-hover-cnt .owl-carousel .owl-item img {
transform-style: preserve-3d;
} .it-modern-hover-cnt .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.it-modern-hover-cnt .owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//vanegmondvanhirtum.nl/wp-content/plugins/iThemeland-Modern-Image-Hover-Effect-For-VC//css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.it-modern-hover-cnt .owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.it-modern-hover-cnt .owl-carousel .owl-video-playing .owl-video-tn,
.it-modern-hover-cnt .owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.it-modern-hover-cnt .owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.it-modern-hover-cnt .owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
.it-modern-hover-cnt .owl-carousel .item{
display: block;
padding: 30px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
.it-modern-hover-cnt .owl-controls .owl-nav div {
padding: 5px 9px;
}
.it-modern-hover-cnt .owl-nav i{
margin-top: 2px;
}
.it-modern-hover-cnt .owl-controls .owl-nav div {
position: absolute;
}
.it-modern-hover-cnt .owl-controls .owl-nav .owl-prev{
left: -15px;
background:transparent url(//vanegmondvanhirtum.nl/wp-content/plugins/iThemeland-Modern-Image-Hover-Effect-For-VC//css/owl-carousel/img/prev.png) no-repeat 3px 8px !important;
}
.it-modern-hover-cnt .owl-controls .owl-nav .owl-prev:hover{
background:transparent url(//vanegmondvanhirtum.nl/wp-content/plugins/iThemeland-Modern-Image-Hover-Effect-For-VC//css/owl-carousel/img/prev.png) no-repeat 3px 8px !important;
}
.it-modern-hover-cnt .owl-controls .owl-nav .owl-next{
right: -15px;
background:transparent url(//vanegmondvanhirtum.nl/wp-content/plugins/iThemeland-Modern-Image-Hover-Effect-For-VC//css/owl-carousel/img/next.png) no-repeat 3px 8px !important;
}
.it-modern-hover-cnt .owl-controls .owl-nav .owl-next:hover{
background:transparent url(//vanegmondvanhirtum.nl/wp-content/plugins/iThemeland-Modern-Image-Hover-Effect-For-VC//css/owl-carousel/img/next.png) no-repeat 3px 8px !important;
}
.it-modern-hover-cnt .owl-nav .owl-prev, .owl-nav .owl-next {
position: absolute!important;
height:30px!important;
width:30px!important;
top:50%;
margin-top: -15px;
line-height:30px;
text-align: center;
border:2px solid #d6d6d6;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.owl-dots {
position: absolute;
bottom: -25px;
width: 100%;
text-align: center;
}
.owl-dots .owl-dot {
width: 10px;
height: 10px;
border: 2px solid #ddd;
display: inline-block;
margin-right: 3px;
transition: all 0.3s;
}
.owl-dot.active {
background: #696969;
border-color: #696969;
}
.owl-dots .owl-dot:hover {
background: #696969;
border-color: #696969;
}