Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @charset "UTF-8";
- .fa.fa-pull-left,
- .fa.pull-left {
- margin-right: .3em
- }
- .fa,
- .fa-stack {
- display: inline-block
- }
- .fa-fw,
- .fa-li {
- text-align: center
- }
- .fa,
- .hvr-grow {
- -moz-osx-font-smoothing: grayscale
- }
- @font-face {
- font-family: FontAwesome;
- src: url(../fonts/fontawesome-webfont.eot?v=4.5.0);
- src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff2?v=4.5.0) format('woff2'), url(../fonts/fontawesome-webfont.woff?v=4.5.0) format('woff'), url(../fonts/fontawesome-webfont.ttf?v=4.5.0) format('truetype'), url(../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format('svg');
- font-weight: 400;
- font-style: normal
- }
- @font-face {
- font-family: 'Gotham-Light';
- src: url('../fonts/Gotham-Light.eot');
- src: url('../fonts/Gotham-Light.woff2') format('woff2'),
- url('../fonts/Gotham-Light.woff') format('woff'),
- url('../fonts/Gotham-Light.ttf') format('truetype'),
- url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg'),
- url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype');
- font-weight: normal;
- font-style: normal;
- }
- @font-face {
- font-family: 'Gotham-Book';
- src: url('../fonts/Gotham-Book.eot');
- src: url('../fonts/Gotham-Book.woff2') format('woff2'),
- url('../fonts/Gotham-Book.woff') format('woff'),
- url('../fonts/Gotham-Book.ttf') format('truetype'),
- url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg'),
- url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype');
- font-weight: normal;
- font-style: normal;
- }
- @font-face {
- font-family: 'MyriadPro-Regular';
- src: url('../fonts/MyriadPro-Regular.eot');
- src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
- url('../fonts/MyriadPro-Regular.woff') format('woff'),
- url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
- url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'),
- url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype');
- font-weight: normal;
- font-style: normal;
- }
- .fa {
- font: normal normal normal 14px/1 FontAwesome;
- font-size: inherit;
- text-rendering: auto;
- -webkit-font-smoothing: antialiased
- }
- .fa-lg {
- font-size: 1.33333333em;
- line-height: .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
- }
- .fa-ul {
- padding-left: 0;
- margin-left: 2.14285714em;
- list-style-type: none
- }
- .fa.fa-pull-right,
- .fa.pull-right {
- margin-left: .3em
- }
- .fa-ul>li {
- position: relative
- }
- .fa-li {
- position: absolute;
- left: -2.14285714em;
- width: 2.14285714em;
- top: .14285714em
- }
- .fa-li.fa-lg {
- left: -1.85714286em
- }
- .fa-border {
- padding: .2em .25em .15em;
- border: .08em solid #eee;
- border-radius: .1em
- }
- .fa-pull-left {
- float: left
- }
- .fa-pull-right,
- .pull-right {
- float: right
- }
- .pull-left {
- float: left
- }
- .fa-spin {
- -webkit-animation: fa-spin 2s infinite linear;
- animation: fa-spin 2s infinite linear
- }
- .fa-pulse {
- -webkit-animation: fa-spin 1s infinite steps(8);
- animation: fa-spin 1s infinite steps(8)
- }
- @-webkit-keyframes fa-spin {
- 0% {
- -webkit-transform: rotate(0);
- transform: rotate(0)
- }
- 100% {
- -webkit-transform: rotate(359deg);
- transform: rotate(359deg)
- }
- }
- @keyframes fa-spin {
- 0% {
- -webkit-transform: rotate(0);
- transform: rotate(0)
- }
- 100% {
- -webkit-transform: rotate(359deg);
- transform: rotate(359deg)
- }
- }
- .fa-rotate-90 {
- filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
- -webkit-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg)
- }
- .fa-rotate-180 {
- filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
- -webkit-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- transform: rotate(180deg)
- }
- .fa-rotate-270 {
- filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
- -webkit-transform: rotate(270deg);
- -ms-transform: rotate(270deg);
- transform: rotate(270deg)
- }
- .fa-flip-horizontal {
- filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
- -webkit-transform: scale(-1, 1);
- -ms-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);
- -ms-transform: scale(1, -1);
- transform: scale(1, -1)
- }
- :root .fa-flip-horizontal,
- :root .fa-flip-vertical,
- :root .fa-rotate-180,
- :root .fa-rotate-270,
- :root .fa-rotate-90 {
- filter: none
- }
- .fa-stack {
- position: relative;
- 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: #fff
- }
- .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-close:before,
- .fa-remove:before,
- .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-cog:before,
- .fa-gear:before {
- content: "\f013"
- }
- .fa-trash-o:before {
- content: "\f014"
- }
- .fa-home:before,
- .hvr-icon-pulse: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-repeat:before,
- .fa-rotate-right: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-image:before,
- .fa-photo: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-exclamation-triangle:before,
- .fa-warning: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,
- .fa-bar-chart: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-cogs:before,
- .fa-gears: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-f:before,
- .fa-facebook:before {
- content: "\f09a"
- }
- .fa-github:before {
- content: "\f09b"
- }
- .fa-unlock:before {
- content: "\f09c"
- }
- .fa-credit-card:before {
- content: "\f09d"
- }
- .fa-feed:before,
- .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-floppy-o:before,
- .fa-save:before {
- content: "\f0c7"
- }
- .fa-square:before {
- content: "\f0c8"
- }
- .fa-bars:before,
- .fa-navicon:before,
- .fa-reorder: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-sort:before,
- .fa-unsorted:before {
- content: "\f0dc"
- }
- .fa-sort-desc:before,
- .fa-sort-down:before {
- content: "\f0dd"
- }
- .fa-sort-asc:before,
- .fa-sort-up:before {
- content: "\f0de"
- }
- .fa-envelope:before {
- content: "\f0e0"
- }
- .fa-linkedin:before {
- content: "\f0e1"
- }
- .fa-rotate-left:before,
- .fa-undo:before {
- content: "\f0e2"
- }
- .fa-gavel:before,
- .fa-legal:before {
- content: "\f0e3"
- }
- .fa-dashboard:before,
- .fa-tachometer:before {
- content: "\f0e4"
- }
- .fa-comment-o:before {
- content: "\f0e5"
- }
- .fa-comments-o:before {
- content: "\f0e6"
- }
- .fa-bolt:before,
- .fa-flash:before {
- content: "\f0e7"
- }
- .fa-sitemap:before {
- content: "\f0e8"
- }
- .fa-umbrella:before {
- content: "\f0e9"
- }
- .fa-clipboard:before,
- .fa-paste: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-chain-broken:before,
- .fa-unlink: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-caret-square-o-down:before,
- .fa-toggle-down:before {
- content: "\f150"
- }
- .fa-caret-square-o-up:before,
- .fa-toggle-up:before {
- content: "\f151"
- }
- .fa-caret-square-o-right:before,
- .fa-toggle-right:before {
- content: "\f152"
- }
- .fa-eur:before,
- .fa-euro:before {
- content: "\f153"
- }
- .fa-gbp:before {
- content: "\f154"
- }
- .fa-dollar:before,
- .fa-usd:before {
- content: "\f155"
- }
- .fa-inr:before,
- .fa-rupee:before {
- content: "\f156"
- }
- .fa-cny:before,
- .fa-jpy:before,
- .fa-rmb:before,
- .fa-yen:before {
- content: "\f157"
- }
- .fa-rouble:before,
- .fa-rub:before,
- .fa-ruble:before {
- content: "\f158"
- }
- .fa-krw:before,
- .fa-won: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,
- .fa-gratipay: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-caret-square-o-left:before,
- .fa-toggle-left:before {
- content: "\f191"
- }
- .fa-dot-circle-o:before {
- content: "\f192"
- }
- .fa-wheelchair:before {
- content: "\f193"
- }
- .fa-vimeo-square:before {
- content: "\f194"
- }
- .fa-try:before,
- .fa-turkish-lira: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-bank:before,
- .fa-institution:before,
- .fa-university:before {
- content: "\f19c"
- }
- .fa-graduation-cap:before,
- .fa-mortar-board: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: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-image-o:before,
- .fa-file-photo-o:before,
- .fa-file-picture-o:before {
- content: "\f1c5"
- }
- .fa-file-archive-o:before,
- .fa-file-zip-o:before {
- content: "\f1c6"
- }
- .fa-file-audio-o:before,
- .fa-file-sound-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-buoy:before,
- .fa-life-ring:before,
- .fa-life-saver:before,
- .fa-support:before {
- content: "\f1cd"
- }
- .fa-circle-o-notch:before {
- content: "\f1ce"
- }
- .fa-ra:before,
- .fa-rebel:before {
- content: "\f1d0"
- }
- .fa-empire:before,
- .fa-ge:before {
- content: "\f1d1"
- }
- .fa-git-square:before {
- content: "\f1d2"
- }
- .fa-git:before {
- content: "\f1d3"
- }
- .fa-hacker-news:before,
- .fa-y-combinator-square:before,
- .fa-yc-square:before {
- content: "\f1d4"
- }
- .fa-tencent-weibo:before {
- content: "\f1d5"
- }
- .fa-qq:before {
- content: "\f1d6"
- }
- .fa-wechat:before,
- .fa-weixin:before {
- content: "\f1d7"
- }
- .fa-paper-plane:before,
- .fa-send:before {
- content: "\f1d8"
- }
- .fa-paper-plane-o:before,
- .fa-send-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"
- }
- .fa-futbol-o:before,
- .fa-soccer-ball-o:before {
- content: "\f1e3"
- }
- .fa-tty:before {
- content: "\f1e4"
- }
- .fa-binoculars:before {
- content: "\f1e5"
- }
- .fa-plug:before {
- content: "\f1e6"
- }
- .fa-slideshare:before {
- content: "\f1e7"
- }
- .fa-twitch:before {
- content: "\f1e8"
- }
- .fa-yelp:before {
- content: "\f1e9"
- }
- .fa-newspaper-o:before {
- content: "\f1ea"
- }
- .fa-wifi:before {
- content: "\f1eb"
- }
- .fa-calculator:before {
- content: "\f1ec"
- }
- .fa-paypal:before {
- content: "\f1ed"
- }
- .fa-google-wallet:before {
- content: "\f1ee"
- }
- .fa-cc-visa:before {
- content: "\f1f0"
- }
- .fa-cc-mastercard:before {
- content: "\f1f1"
- }
- .fa-cc-discover:before {
- content: "\f1f2"
- }
- .fa-cc-amex:before {
- content: "\f1f3"
- }
- .fa-cc-paypal:before {
- content: "\f1f4"
- }
- .fa-cc-stripe:before {
- content: "\f1f5"
- }
- .fa-bell-slash:before {
- content: "\f1f6"
- }
- .fa-bell-slash-o:before {
- content: "\f1f7"
- }
- .fa-trash:before {
- content: "\f1f8"
- }
- .fa-copyright:before {
- content: "\f1f9"
- }
- .fa-at:before {
- content: "\f1fa"
- }
- .fa-eyedropper:before {
- content: "\f1fb"
- }
- .fa-paint-brush:before {
- content: "\f1fc"
- }
- .fa-birthday-cake:before {
- content: "\f1fd"
- }
- .fa-area-chart:before {
- content: "\f1fe"
- }
- .fa-pie-chart:before {
- content: "\f200"
- }
- .fa-line-chart:before {
- content: "\f201"
- }
- .fa-lastfm:before {
- content: "\f202"
- }
- .fa-lastfm-square:before {
- content: "\f203"
- }
- .fa-toggle-off:before {
- content: "\f204"
- }
- .fa-toggle-on:before {
- content: "\f205"
- }
- .fa-bicycle:before {
- content: "\f206"
- }
- .fa-bus:before {
- content: "\f207"
- }
- .fa-ioxhost:before {
- content: "\f208"
- }
- .fa-angellist:before {
- content: "\f209"
- }
- .fa-cc:before {
- content: "\f20a"
- }
- .fa-ils:before,
- .fa-shekel:before,
- .fa-sheqel:before {
- content: "\f20b"
- }
- .fa-meanpath:before {
- content: "\f20c"
- }
- .fa-buysellads:before {
- content: "\f20d"
- }
- .fa-connectdevelop:before {
- content: "\f20e"
- }
- .fa-dashcube:before {
- content: "\f210"
- }
- .fa-forumbee:before {
- content: "\f211"
- }
- .fa-leanpub:before {
- content: "\f212"
- }
- .fa-sellsy:before {
- content: "\f213"
- }
- .fa-shirtsinbulk:before {
- content: "\f214"
- }
- .fa-simplybuilt:before {
- content: "\f215"
- }
- .fa-skyatlas:before {
- content: "\f216"
- }
- .fa-cart-plus:before {
- content: "\f217"
- }
- .fa-cart-arrow-down:before {
- content: "\f218"
- }
- .fa-diamond:before {
- content: "\f219"
- }
- .fa-ship:before {
- content: "\f21a"
- }
- .fa-user-secret:before {
- content: "\f21b"
- }
- .fa-motorcycle:before {
- content: "\f21c"
- }
- .fa-street-view:before {
- content: "\f21d"
- }
- .fa-heartbeat:before {
- content: "\f21e"
- }
- .fa-venus:before {
- content: "\f221"
- }
- .fa-mars:before {
- content: "\f222"
- }
- .fa-mercury:before {
- content: "\f223"
- }
- .fa-intersex:before,
- .fa-transgender:before {
- content: "\f224"
- }
- .fa-transgender-alt:before {
- content: "\f225"
- }
- .fa-venus-double:before {
- content: "\f226"
- }
- .fa-mars-double:before {
- content: "\f227"
- }
- .fa-venus-mars:before {
- content: "\f228"
- }
- .fa-mars-stroke:before {
- content: "\f229"
- }
- .fa-mars-stroke-v:before {
- content: "\f22a"
- }
- .fa-mars-stroke-h:before {
- content: "\f22b"
- }
- .fa-neuter:before {
- content: "\f22c"
- }
- .fa-genderless:before {
- content: "\f22d"
- }
- .fa-facebook-official:before {
- content: "\f230"
- }
- .fa-pinterest-p:before {
- content: "\f231"
- }
- .fa-whatsapp:before {
- content: "\f232"
- }
- .fa-server:before {
- content: "\f233"
- }
- .fa-user-plus:before {
- content: "\f234"
- }
- .fa-user-times:before {
- content: "\f235"
- }
- .fa-bed:before,
- .fa-hotel:before {
- content: "\f236"
- }
- .fa-viacoin:before {
- content: "\f237"
- }
- .fa-train:before {
- content: "\f238"
- }
- .fa-subway:before {
- content: "\f239"
- }
- .fa-medium:before {
- content: "\f23a"
- }
- .fa-y-combinator:before,
- .fa-yc:before {
- content: "\f23b"
- }
- .fa-optin-monster:before {
- content: "\f23c"
- }
- .fa-opencart:before {
- content: "\f23d"
- }
- .fa-expeditedssl:before {
- content: "\f23e"
- }
- .fa-battery-4:before,
- .fa-battery-full:before {
- content: "\f240"
- }
- .fa-battery-3:before,
- .fa-battery-three-quarters:before {
- content: "\f241"
- }
- .fa-battery-2:before,
- .fa-battery-half:before {
- content: "\f242"
- }
- .fa-battery-1:before,
- .fa-battery-quarter:before {
- content: "\f243"
- }
- .fa-battery-0:before,
- .fa-battery-empty:before {
- content: "\f244"
- }
- .fa-mouse-pointer:before {
- content: "\f245"
- }
- .fa-i-cursor:before {
- content: "\f246"
- }
- .fa-object-group:before {
- content: "\f247"
- }
- .fa-object-ungroup:before {
- content: "\f248"
- }
- .fa-sticky-note:before {
- content: "\f249"
- }
- .fa-sticky-note-o:before {
- content: "\f24a"
- }
- .fa-cc-jcb:before {
- content: "\f24b"
- }
- .fa-cc-diners-club:before {
- content: "\f24c"
- }
- .fa-clone:before {
- content: "\f24d"
- }
- .fa-balance-scale:before {
- content: "\f24e"
- }
- .fa-hourglass-o:before {
- content: "\f250"
- }
- .fa-hourglass-1:before,
- .fa-hourglass-start:before {
- content: "\f251"
- }
- .fa-hourglass-2:before,
- .fa-hourglass-half:before {
- content: "\f252"
- }
- .fa-hourglass-3:before,
- .fa-hourglass-end:before {
- content: "\f253"
- }
- .fa-hourglass:before {
- content: "\f254"
- }
- .fa-hand-grab-o:before,
- .fa-hand-rock-o:before {
- content: "\f255"
- }
- .fa-hand-paper-o:before,
- .fa-hand-stop-o:before {
- content: "\f256"
- }
- .fa-hand-scissors-o:before {
- content: "\f257"
- }
- .fa-hand-lizard-o:before {
- content: "\f258"
- }
- .fa-hand-spock-o:before {
- content: "\f259"
- }
- .fa-hand-pointer-o:before {
- content: "\f25a"
- }
- .fa-hand-peace-o:before {
- content: "\f25b"
- }
- .fa-trademark:before {
- content: "\f25c"
- }
- .fa-registered:before {
- content: "\f25d"
- }
- .fa-creative-commons:before {
- content: "\f25e"
- }
- .fa-gg:before {
- content: "\f260"
- }
- .fa-gg-circle:before {
- content: "\f261"
- }
- .fa-tripadvisor:before {
- content: "\f262"
- }
- .fa-odnoklassniki:before {
- content: "\f263"
- }
- .fa-odnoklassniki-square:before {
- content: "\f264"
- }
- .fa-get-pocket:before {
- content: "\f265"
- }
- .fa-wikipedia-w:before {
- content: "\f266"
- }
- .fa-safari:before {
- content: "\f267"
- }
- .fa-chrome:before {
- content: "\f268"
- }
- .fa-firefox:before {
- content: "\f269"
- }
- .fa-opera:before {
- content: "\f26a"
- }
- .fa-internet-explorer:before {
- content: "\f26b"
- }
- .fa-television:before,
- .fa-tv:before {
- content: "\f26c"
- }
- .fa-contao:before {
- content: "\f26d"
- }
- .fa-500px:before {
- content: "\f26e"
- }
- .fa-amazon:before {
- content: "\f270"
- }
- .fa-calendar-plus-o:before {
- content: "\f271"
- }
- .fa-calendar-minus-o:before {
- content: "\f272"
- }
- .fa-calendar-times-o:before {
- content: "\f273"
- }
- .fa-calendar-check-o:before {
- content: "\f274"
- }
- .fa-industry:before {
- content: "\f275"
- }
- .fa-map-pin:before {
- content: "\f276"
- }
- .fa-map-signs:before {
- content: "\f277"
- }
- .fa-map-o:before {
- content: "\f278"
- }
- .fa-map:before {
- content: "\f279"
- }
- .fa-commenting:before {
- content: "\f27a"
- }
- .fa-commenting-o:before {
- content: "\f27b"
- }
- .fa-houzz:before {
- content: "\f27c"
- }
- .fa-vimeo:before {
- content: "\f27d"
- }
- .fa-black-tie:before {
- content: "\f27e"
- }
- .fa-fonticons:before {
- content: "\f280"
- }
- .fa-reddit-alien:before {
- content: "\f281"
- }
- .fa-edge:before {
- content: "\f282"
- }
- .fa-credit-card-alt:before {
- content: "\f283"
- }
- .fa-codiepie:before {
- content: "\f284"
- }
- .fa-modx:before {
- content: "\f285"
- }
- .fa-fort-awesome:before {
- content: "\f286"
- }
- .fa-usb:before {
- content: "\f287"
- }
- .fa-product-hunt:before {
- content: "\f288"
- }
- .fa-mixcloud:before {
- content: "\f289"
- }
- .fa-scribd:before {
- content: "\f28a"
- }
- .fa-pause-circle:before {
- content: "\f28b"
- }
- .fa-pause-circle-o:before {
- content: "\f28c"
- }
- .fa-stop-circle:before {
- content: "\f28d"
- }
- .fa-stop-circle-o:before {
- content: "\f28e"
- }
- .fa-shopping-bag:before {
- content: "\f290"
- }
- .fa-shopping-basket:before {
- content: "\f291"
- }
- .fa-hashtag:before {
- content: "\f292"
- }
- .fa-bluetooth:before {
- content: "\f293"
- }
- .fa-bluetooth-b:before {
- content: "\f294"
- }
- .fa-percent:before {
- content: "\f295"
- }
- .is-produto .descricoes .descricao {
- min-width: 93px
- }
- img,
- legend {
- border: 0
- }
- legend,
- td,
- th {
- padding: 0
- }
- html {
- font-family: sans-serif;
- -ms-text-size-adjust: 100%;
- -webkit-text-size-adjust: 100%
- }
- body {
- margin: 0
- }
- article,
- aside,
- details,
- figcaption,
- figure,
- footer,
- header,
- hgroup,
- main,
- nav,
- section,
- summary {
- display: block
- }
- audio,
- canvas,
- progress,
- video {
- display: inline-block;
- vertical-align: baseline
- }
- audio:not([controls]) {
- display: none;
- height: 0
- }
- [hidden],
- template {
- display: none
- }
- a {
- background: 0 0
- }
- a:active,
- a:hover {
- outline: 0
- }
- abbr[title] {
- border-bottom: 1px dotted
- }
- b,
- optgroup,
- strong {
- font-weight: 700
- }
- dfn {
- font-style: italic
- }
- h1 {
- margin: .67em 0
- }
- mark {
- background: #ff0;
- color: #000
- }
- small {
- font-size: 80%
- }
- sub,
- sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline
- }
- .hvr-grow,
- .hvr-shrink {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -webkit-transition-property: transform
- }
- sup {
- top: -.5em
- }
- sub {
- bottom: -.25em
- }
- svg:not(:root) {
- overflow: hidden
- }
- hr {
- -moz-box-sizing: content-box;
- box-sizing: content-box
- }
- pre,
- textarea {
- overflow: auto
- }
- code,
- kbd,
- pre,
- samp {
- font-family: monospace, monospace;
- font-size: 1em
- }
- button,
- input,
- optgroup,
- select,
- textarea {
- color: inherit;
- font: inherit;
- margin: 0
- }
- .hvr-back-pulse:active,
- .hvr-back-pulse:focus,
- .hvr-back-pulse:hover,
- .hvr-bounce-to-left:active,
- .hvr-bounce-to-left:focus,
- .hvr-bounce-to-left:hover,
- .hvr-bounce-to-right:active,
- .hvr-bounce-to-right:focus,
- .hvr-bounce-to-right:hover,
- .hvr-bounce-to-top:active,
- .hvr-bounce-to-top:focus,
- .hvr-bounce-to-top:hover,
- .hvr-fade:active,
- .hvr-fade:focus,
- .hvr-fade:hover,
- .hvr-radial-in:active,
- .hvr-radial-in:focus,
- .hvr-radial-in:hover,
- .hvr-radial-out:active,
- .hvr-radial-out:focus,
- .hvr-radial-out:hover,
- .hvr-rectangle-in:active,
- .hvr-rectangle-in:focus,
- .hvr-rectangle-in:hover,
- .hvr-rectangle-out:active,
- .hvr-rectangle-out:focus,
- .hvr-rectangle-out:hover,
- .hvr-shutter-in-horizontal:active,
- .hvr-shutter-in-horizontal:focus,
- .hvr-shutter-in-horizontal:hover,
- .hvr-shutter-in-vertical:active,
- .hvr-shutter-in-vertical:focus,
- .hvr-shutter-in-vertical:hover,
- .hvr-shutter-out-horizontal:active,
- .hvr-shutter-out-horizontal:focus,
- .hvr-shutter-out-horizontal:hover,
- .hvr-shutter-out-vertical:active,
- .hvr-shutter-out-vertical:focus,
- .hvr-shutter-out-vertical:hover,
- .hvr-sweep-to-bottom:active,
- .hvr-sweep-to-bottom:focus,
- .hvr-sweep-to-bottom:hover,
- .hvr-sweep-to-left:active,
- .hvr-sweep-to-left:focus,
- .hvr-sweep-to-left:hover,
- .hvr-sweep-to-right:active,
- .hvr-sweep-to-right:focus,
- .hvr-sweep-to-right:hover,
- .hvr-sweep-to-top:active,
- .hvr-sweep-to-top:focus,
- .hvr-sweep-to-top:hover {
- color: #fff
- }
- button {
- overflow: visible
- }
- button,
- select {
- text-transform: none
- }
- button,
- html input[type=button],
- input[type=reset],
- input[type=submit] {
- -webkit-appearance: button;
- cursor: pointer
- }
- button[disabled],
- html input[disabled] {
- cursor: default
- }
- button::-moz-focus-inner,
- input::-moz-focus-inner {
- border: 0;
- padding: 0
- }
- input {
- line-height: normal
- }
- input[type=checkbox],
- input[type=radio] {
- box-sizing: border-box;
- padding: 0
- }
- input[type=number]::-webkit-inner-spin-button,
- input[type=number]::-webkit-outer-spin-button {
- height: auto
- }
- input[type=search] {
- -webkit-appearance: textfield
- }
- input[type=search]::-webkit-search-cancel-button,
- input[type=search]::-webkit-search-decoration {
- -webkit-appearance: none
- }
- fieldset {
- border: 1px solid silver;
- margin: 0 2px;
- padding: .35em .625em .75em
- }
- table {
- border-collapse: collapse;
- border-spacing: 0
- }
- .hvr-grow {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-property: transform
- }
- .hvr-rotate,
- .hvr-shrink {
- -webkit-transition-duration: .3s
- }
- .hvr-grow:active,
- .hvr-grow:focus,
- .hvr-grow:hover {
- -webkit-transform: scale(1.1);
- transform: scale(1.1)
- }
- .hvr-shrink {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- transition-duration: .3s;
- transition-property: transform
- }
- .hvr-pulse,
- .hvr-pulse-grow {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-grow-rotate,
- .hvr-rotate {
- -webkit-transition-property: transform
- }
- .hvr-shrink:active,
- .hvr-shrink:focus,
- .hvr-shrink:hover {
- -webkit-transform: scale(.9);
- transform: scale(.9)
- }
- @-webkit-keyframes hvr-pulse {
- 25% {
- -webkit-transform: scale(1.1);
- transform: scale(1.1)
- }
- 75% {
- -webkit-transform: scale(.9);
- transform: scale(.9)
- }
- }
- @keyframes hvr-pulse {
- 25% {
- -webkit-transform: scale(1.1);
- transform: scale(1.1)
- }
- 75% {
- -webkit-transform: scale(.9);
- transform: scale(.9)
- }
- }
- .hvr-pulse {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden
- }
- .hvr-pulse:active,
- .hvr-pulse:focus,
- .hvr-pulse:hover {
- -webkit-animation-name: hvr-pulse;
- animation-name: hvr-pulse;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: infinite;
- animation-iteration-count: infinite
- }
- @-webkit-keyframes hvr-pulse-grow {
- to {
- -webkit-transform: scale(1.1);
- transform: scale(1.1)
- }
- }
- @keyframes hvr-pulse-grow {
- to {
- -webkit-transform: scale(1.1);
- transform: scale(1.1)
- }
- }
- .hvr-pulse-grow {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden
- }
- .hvr-pulse-shrink,
- .hvr-push {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-pulse-grow:active,
- .hvr-pulse-grow:focus,
- .hvr-pulse-grow:hover {
- -webkit-animation-name: hvr-pulse-grow;
- animation-name: hvr-pulse-grow;
- -webkit-animation-duration: .3s;
- animation-duration: .3s;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: infinite;
- animation-iteration-count: infinite;
- -webkit-animation-direction: alternate;
- animation-direction: alternate
- }
- @-webkit-keyframes hvr-pulse-shrink {
- to {
- -webkit-transform: scale(.9);
- transform: scale(.9)
- }
- }
- @keyframes hvr-pulse-shrink {
- to {
- -webkit-transform: scale(.9);
- transform: scale(.9)
- }
- }
- .hvr-pulse-shrink {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-pulse-shrink:active,
- .hvr-pulse-shrink:focus,
- .hvr-pulse-shrink:hover {
- -webkit-animation-name: hvr-pulse-shrink;
- animation-name: hvr-pulse-shrink;
- -webkit-animation-duration: .3s;
- animation-duration: .3s;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: infinite;
- animation-iteration-count: infinite;
- -webkit-animation-direction: alternate;
- animation-direction: alternate
- }
- @-webkit-keyframes hvr-push {
- 50% {
- -webkit-transform: scale(.8);
- transform: scale(.8)
- }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1)
- }
- }
- @keyframes hvr-push {
- 50% {
- -webkit-transform: scale(.8);
- transform: scale(.8)
- }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1)
- }
- }
- .hvr-pop,
- .hvr-push {
- -webkit-transform: translateZ(0);
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-push {
- transform: translateZ(0);
- backface-visibility: hidden
- }
- .hvr-bounce-in,
- .hvr-pop {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-push:active,
- .hvr-push:focus,
- .hvr-push:hover {
- -webkit-animation-name: hvr-push;
- animation-name: hvr-push;
- -webkit-animation-duration: .3s;
- animation-duration: .3s;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1
- }
- @-webkit-keyframes hvr-pop {
- 50% {
- -webkit-transform: scale(1.2);
- transform: scale(1.2)
- }
- }
- @keyframes hvr-pop {
- 50% {
- -webkit-transform: scale(1.2);
- transform: scale(1.2)
- }
- }
- .hvr-pop {
- transform: translateZ(0);
- backface-visibility: hidden
- }
- .hvr-pop:active,
- .hvr-pop:focus,
- .hvr-pop:hover {
- -webkit-animation-name: hvr-pop;
- animation-name: hvr-pop;
- -webkit-animation-duration: .3s;
- animation-duration: .3s;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1
- }
- .hvr-bounce-in {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- -webkit-transition-duration: .5s;
- transition-duration: .5s
- }
- .hvr-bounce-out,
- .hvr-rotate {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-bounce-in:active,
- .hvr-bounce-in:focus,
- .hvr-bounce-in:hover {
- -webkit-transform: scale(1.2);
- transform: scale(1.2);
- -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
- transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
- }
- .hvr-bounce-out {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -webkit-transition-duration: .5s;
- transition-duration: .5s
- }
- .hvr-bounce-out:active,
- .hvr-bounce-out:focus,
- .hvr-bounce-out:hover {
- -webkit-transform: scale(.8);
- transform: scale(.8);
- -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
- transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
- }
- .hvr-rotate {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- transition-duration: .3s;
- transition-property: transform
- }
- .hvr-float,
- .hvr-grow-rotate {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -webkit-transition-duration: .3s
- }
- .hvr-rotate:active,
- .hvr-rotate:focus,
- .hvr-rotate:hover {
- -webkit-transform: rotate(4deg);
- transform: rotate(4deg)
- }
- .hvr-grow-rotate {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- transition-duration: .3s;
- transition-property: transform
- }
- .hvr-float,
- .hvr-sink {
- -moz-osx-font-smoothing: grayscale;
- -webkit-transition-property: transform
- }
- .hvr-grow-rotate:active,
- .hvr-grow-rotate:focus,
- .hvr-grow-rotate:hover {
- -webkit-transform: scale(1.1) rotate(4deg);
- transform: scale(1.1) rotate(4deg)
- }
- .hvr-float {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- transition-duration: .3s;
- transition-property: transform;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out
- }
- .hvr-bob,
- .hvr-sink {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-sink,
- .hvr-skew {
- -webkit-transition-duration: .3s
- }
- .hvr-float:active,
- .hvr-float:focus,
- .hvr-float:hover {
- -webkit-transform: translateY(-8px);
- transform: translateY(-8px)
- }
- .hvr-sink {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- transition-duration: .3s;
- transition-property: transform;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out
- }
- .hvr-skew,
- .hvr-skew-forward {
- -webkit-transition-property: transform
- }
- .hvr-sink:active,
- .hvr-sink:focus,
- .hvr-sink:hover {
- -webkit-transform: translateY(8px);
- transform: translateY(8px)
- }
- @-webkit-keyframes hvr-bob {
- 0%, 100% {
- -webkit-transform: translateY(-8px);
- transform: translateY(-8px)
- }
- 50% {
- -webkit-transform: translateY(-4px);
- transform: translateY(-4px)
- }
- }
- @keyframes hvr-bob {
- 0%, 100% {
- -webkit-transform: translateY(-8px);
- transform: translateY(-8px)
- }
- 50% {
- -webkit-transform: translateY(-4px);
- transform: translateY(-4px)
- }
- }
- @-webkit-keyframes hvr-bob-float {
- 100% {
- -webkit-transform: translateY(-8px);
- transform: translateY(-8px)
- }
- }
- @keyframes hvr-bob-float {
- 100% {
- -webkit-transform: translateY(-8px);
- transform: translateY(-8px)
- }
- }
- .hvr-bob,
- .hvr-hang {
- -webkit-transform: translateZ(0)
- }
- .hvr-bob {
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-hang,
- .hvr-skew {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-bob:active,
- .hvr-bob:focus,
- .hvr-bob:hover {
- -webkit-animation-name: hvr-bob-float, hvr-bob;
- animation-name: hvr-bob-float, hvr-bob;
- -webkit-animation-duration: .3s, 1.5s;
- animation-duration: .3s, 1.5s;
- -webkit-animation-delay: 0s, .3s;
- animation-delay: 0s, .3s;
- -webkit-animation-timing-function: ease-out, ease-in-out;
- animation-timing-function: ease-out, ease-in-out;
- -webkit-animation-iteration-count: 1, infinite;
- animation-iteration-count: 1, infinite;
- -webkit-animation-fill-mode: forwards;
- animation-fill-mode: forwards;
- -webkit-animation-direction: normal, alternate;
- animation-direction: normal, alternate
- }
- .hvr-hang:active,
- .hvr-hang:focus,
- .hvr-hang:hover,
- .hvr-icon-bob:active:before,
- .hvr-icon-bob:focus:before,
- .hvr-icon-bob:hover:before {
- -webkit-animation-duration: .3s, 1.5s;
- -webkit-animation-delay: 0s, .3s;
- -webkit-animation-timing-function: ease-out, ease-in-out;
- -webkit-animation-iteration-count: 1, infinite;
- -webkit-animation-direction: normal, alternate
- }
- @-webkit-keyframes hvr-hang {
- 0%, 100% {
- -webkit-transform: translateY(8px);
- transform: translateY(8px)
- }
- 50% {
- -webkit-transform: translateY(4px);
- transform: translateY(4px)
- }
- }
- @keyframes hvr-hang {
- 0%, 100% {
- -webkit-transform: translateY(8px);
- transform: translateY(8px)
- }
- 50% {
- -webkit-transform: translateY(4px);
- transform: translateY(4px)
- }
- }
- @-webkit-keyframes hvr-hang-sink {
- 100% {
- -webkit-transform: translateY(8px);
- transform: translateY(8px)
- }
- }
- @keyframes hvr-hang-sink {
- 100% {
- -webkit-transform: translateY(8px);
- transform: translateY(8px)
- }
- }
- .hvr-hang {
- transform: translateZ(0);
- backface-visibility: hidden
- }
- .hvr-hang:active,
- .hvr-hang:focus,
- .hvr-hang:hover {
- -webkit-animation-name: hvr-hang-sink, hvr-hang;
- animation-name: hvr-hang-sink, hvr-hang;
- animation-duration: .3s, 1.5s;
- animation-delay: 0s, .3s;
- animation-timing-function: ease-out, ease-in-out;
- animation-iteration-count: 1, infinite;
- -webkit-animation-fill-mode: forwards;
- animation-fill-mode: forwards;
- animation-direction: normal, alternate
- }
- .hvr-skew {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- transition-duration: .3s;
- transition-property: transform
- }
- .hvr-skew-backward,
- .hvr-skew-forward {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -webkit-transition-duration: .3s;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-skew:active,
- .hvr-skew:focus,
- .hvr-skew:hover {
- -webkit-transform: skew(-10deg);
- transform: skew(-10deg)
- }
- .hvr-skew-forward {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- transition-duration: .3s;
- transition-property: transform;
- -webkit-transform-origin: 0 100%;
- transform-origin: 0 100%
- }
- .hvr-skew-forward:active,
- .hvr-skew-forward:focus,
- .hvr-skew-forward:hover {
- -webkit-transform: skew(-10deg);
- transform: skew(-10deg)
- }
- .hvr-skew-backward {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- transition-duration: .3s;
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transform-origin: 0 100%;
- transform-origin: 0 100%
- }
- .hvr-wobble-horizontal,
- .hvr-wobble-vertical {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-fade,
- .hvr-sweep-to-right {
- -webkit-transition-duration: .3s
- }
- .hvr-skew-backward:active,
- .hvr-skew-backward:focus,
- .hvr-skew-backward:hover {
- -webkit-transform: skew(10deg);
- transform: skew(10deg)
- }
- @-webkit-keyframes hvr-wobble-vertical {
- 16.65% {
- -webkit-transform: translateY(8px);
- transform: translateY(8px)
- }
- 33.3% {
- -webkit-transform: translateY(-6px);
- transform: translateY(-6px)
- }
- 49.95% {
- -webkit-transform: translateY(4px);
- transform: translateY(4px)
- }
- 66.6% {
- -webkit-transform: translateY(-2px);
- transform: translateY(-2px)
- }
- 83.25% {
- -webkit-transform: translateY(1px);
- transform: translateY(1px)
- }
- 100% {
- -webkit-transform: translateY(0);
- transform: translateY(0)
- }
- }
- @keyframes hvr-wobble-vertical {
- 16.65% {
- -webkit-transform: translateY(8px);
- transform: translateY(8px)
- }
- 33.3% {
- -webkit-transform: translateY(-6px);
- transform: translateY(-6px)
- }
- 49.95% {
- -webkit-transform: translateY(4px);
- transform: translateY(4px)
- }
- 66.6% {
- -webkit-transform: translateY(-2px);
- transform: translateY(-2px)
- }
- 83.25% {
- -webkit-transform: translateY(1px);
- transform: translateY(1px)
- }
- 100% {
- -webkit-transform: translateY(0);
- transform: translateY(0)
- }
- }
- .hvr-wobble-vertical {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-wobble-vertical:active,
- .hvr-wobble-vertical:focus,
- .hvr-wobble-vertical:hover {
- -webkit-animation-name: hvr-wobble-vertical;
- animation-name: hvr-wobble-vertical;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1
- }
- @-webkit-keyframes hvr-wobble-horizontal {
- 16.65% {
- -webkit-transform: translateX(8px);
- transform: translateX(8px)
- }
- 33.3% {
- -webkit-transform: translateX(-6px);
- transform: translateX(-6px)
- }
- 49.95% {
- -webkit-transform: translateX(4px);
- transform: translateX(4px)
- }
- 66.6% {
- -webkit-transform: translateX(-2px);
- transform: translateX(-2px)
- }
- 83.25% {
- -webkit-transform: translateX(1px);
- transform: translateX(1px)
- }
- 100% {
- -webkit-transform: translateX(0);
- transform: translateX(0)
- }
- }
- @keyframes hvr-wobble-horizontal {
- 16.65% {
- -webkit-transform: translateX(8px);
- transform: translateX(8px)
- }
- 33.3% {
- -webkit-transform: translateX(-6px);
- transform: translateX(-6px)
- }
- 49.95% {
- -webkit-transform: translateX(4px);
- transform: translateX(4px)
- }
- 66.6% {
- -webkit-transform: translateX(-2px);
- transform: translateX(-2px)
- }
- 83.25% {
- -webkit-transform: translateX(1px);
- transform: translateX(1px)
- }
- 100% {
- -webkit-transform: translateX(0);
- transform: translateX(0)
- }
- }
- .hvr-wobble-horizontal {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-wobble-to-bottom-right,
- .hvr-wobble-to-top-right {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-wobble-horizontal:active,
- .hvr-wobble-horizontal:focus,
- .hvr-wobble-horizontal:hover {
- -webkit-animation-name: hvr-wobble-horizontal;
- animation-name: hvr-wobble-horizontal;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1
- }
- @-webkit-keyframes hvr-wobble-to-bottom-right {
- 16.65% {
- -webkit-transform: translate(8px, 8px);
- transform: translate(8px, 8px)
- }
- 33.3% {
- -webkit-transform: translate(-6px, -6px);
- transform: translate(-6px, -6px)
- }
- 49.95% {
- -webkit-transform: translate(4px, 4px);
- transform: translate(4px, 4px)
- }
- 66.6% {
- -webkit-transform: translate(-2px, -2px);
- transform: translate(-2px, -2px)
- }
- 83.25% {
- -webkit-transform: translate(1px, 1px);
- transform: translate(1px, 1px)
- }
- 100% {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0)
- }
- }
- @keyframes hvr-wobble-to-bottom-right {
- 16.65% {
- -webkit-transform: translate(8px, 8px);
- transform: translate(8px, 8px)
- }
- 33.3% {
- -webkit-transform: translate(-6px, -6px);
- transform: translate(-6px, -6px)
- }
- 49.95% {
- -webkit-transform: translate(4px, 4px);
- transform: translate(4px, 4px)
- }
- 66.6% {
- -webkit-transform: translate(-2px, -2px);
- transform: translate(-2px, -2px)
- }
- 83.25% {
- -webkit-transform: translate(1px, 1px);
- transform: translate(1px, 1px)
- }
- 100% {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0)
- }
- }
- .hvr-wobble-to-bottom-right {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden
- }
- .hvr-wobble-to-bottom-right:active,
- .hvr-wobble-to-bottom-right:focus,
- .hvr-wobble-to-bottom-right:hover {
- -webkit-animation-name: hvr-wobble-to-bottom-right;
- animation-name: hvr-wobble-to-bottom-right;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1
- }
- @-webkit-keyframes hvr-wobble-to-top-right {
- 16.65% {
- -webkit-transform: translate(8px, -8px);
- transform: translate(8px, -8px)
- }
- 33.3% {
- -webkit-transform: translate(-6px, 6px);
- transform: translate(-6px, 6px)
- }
- 49.95% {
- -webkit-transform: translate(4px, -4px);
- transform: translate(4px, -4px)
- }
- 66.6% {
- -webkit-transform: translate(-2px, 2px);
- transform: translate(-2px, 2px)
- }
- 83.25% {
- -webkit-transform: translate(1px, -1px);
- transform: translate(1px, -1px)
- }
- 100% {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0)
- }
- }
- @keyframes hvr-wobble-to-top-right {
- 16.65% {
- -webkit-transform: translate(8px, -8px);
- transform: translate(8px, -8px)
- }
- 33.3% {
- -webkit-transform: translate(-6px, 6px);
- transform: translate(-6px, 6px)
- }
- 49.95% {
- -webkit-transform: translate(4px, -4px);
- transform: translate(4px, -4px)
- }
- 66.6% {
- -webkit-transform: translate(-2px, 2px);
- transform: translate(-2px, 2px)
- }
- 83.25% {
- -webkit-transform: translate(1px, -1px);
- transform: translate(1px, -1px)
- }
- 100% {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0)
- }
- }
- .hvr-wobble-to-top-right {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden
- }
- .hvr-wobble-bottom,
- .hvr-wobble-top {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-wobble-to-top-right:active,
- .hvr-wobble-to-top-right:focus,
- .hvr-wobble-to-top-right:hover {
- -webkit-animation-name: hvr-wobble-to-top-right;
- animation-name: hvr-wobble-to-top-right;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1
- }
- @-webkit-keyframes hvr-wobble-top {
- 16.65% {
- -webkit-transform: skew(-12deg);
- transform: skew(-12deg)
- }
- 33.3% {
- -webkit-transform: skew(10deg);
- transform: skew(10deg)
- }
- 49.95% {
- -webkit-transform: skew(-6deg);
- transform: skew(-6deg)
- }
- 66.6% {
- -webkit-transform: skew(4deg);
- transform: skew(4deg)
- }
- 83.25% {
- -webkit-transform: skew(-2deg);
- transform: skew(-2deg)
- }
- 100% {
- -webkit-transform: skew(0);
- transform: skew(0)
- }
- }
- @keyframes hvr-wobble-top {
- 16.65% {
- -webkit-transform: skew(-12deg);
- transform: skew(-12deg)
- }
- 33.3% {
- -webkit-transform: skew(10deg);
- transform: skew(10deg)
- }
- 49.95% {
- -webkit-transform: skew(-6deg);
- transform: skew(-6deg)
- }
- 66.6% {
- -webkit-transform: skew(4deg);
- transform: skew(4deg)
- }
- 83.25% {
- -webkit-transform: skew(-2deg);
- transform: skew(-2deg)
- }
- 100% {
- -webkit-transform: skew(0);
- transform: skew(0)
- }
- }
- .hvr-wobble-top {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- -webkit-transform-origin: 0 100%;
- transform-origin: 0 100%
- }
- .hvr-wobble-top:active,
- .hvr-wobble-top:focus,
- .hvr-wobble-top:hover {
- -webkit-animation-name: hvr-wobble-top;
- animation-name: hvr-wobble-top;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1
- }
- @-webkit-keyframes hvr-wobble-bottom {
- 16.65% {
- -webkit-transform: skew(-12deg);
- transform: skew(-12deg)
- }
- 33.3% {
- -webkit-transform: skew(10deg);
- transform: skew(10deg)
- }
- 49.95% {
- -webkit-transform: skew(-6deg);
- transform: skew(-6deg)
- }
- 66.6% {
- -webkit-transform: skew(4deg);
- transform: skew(4deg)
- }
- 83.25% {
- -webkit-transform: skew(-2deg);
- transform: skew(-2deg)
- }
- 100% {
- -webkit-transform: skew(0);
- transform: skew(0)
- }
- }
- @keyframes hvr-wobble-bottom {
- 16.65% {
- -webkit-transform: skew(-12deg);
- transform: skew(-12deg)
- }
- 33.3% {
- -webkit-transform: skew(10deg);
- transform: skew(10deg)
- }
- 49.95% {
- -webkit-transform: skew(-6deg);
- transform: skew(-6deg)
- }
- 66.6% {
- -webkit-transform: skew(4deg);
- transform: skew(4deg)
- }
- 83.25% {
- -webkit-transform: skew(-2deg);
- transform: skew(-2deg)
- }
- 100% {
- -webkit-transform: skew(0);
- transform: skew(0)
- }
- }
- .hvr-wobble-bottom {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- -webkit-transform-origin: 100% 0;
- transform-origin: 100% 0
- }
- .hvr-buzz,
- .hvr-wobble-skew {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-wobble-bottom:active,
- .hvr-wobble-bottom:focus,
- .hvr-wobble-bottom:hover {
- -webkit-animation-name: hvr-wobble-bottom;
- animation-name: hvr-wobble-bottom;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1
- }
- @-webkit-keyframes hvr-wobble-skew {
- 16.65% {
- -webkit-transform: skew(-12deg);
- transform: skew(-12deg)
- }
- 33.3% {
- -webkit-transform: skew(10deg);
- transform: skew(10deg)
- }
- 49.95% {
- -webkit-transform: skew(-6deg);
- transform: skew(-6deg)
- }
- 66.6% {
- -webkit-transform: skew(4deg);
- transform: skew(4deg)
- }
- 83.25% {
- -webkit-transform: skew(-2deg);
- transform: skew(-2deg)
- }
- 100% {
- -webkit-transform: skew(0);
- transform: skew(0)
- }
- }
- @keyframes hvr-wobble-skew {
- 16.65% {
- -webkit-transform: skew(-12deg);
- transform: skew(-12deg)
- }
- 33.3% {
- -webkit-transform: skew(10deg);
- transform: skew(10deg)
- }
- 49.95% {
- -webkit-transform: skew(-6deg);
- transform: skew(-6deg)
- }
- 66.6% {
- -webkit-transform: skew(4deg);
- transform: skew(4deg)
- }
- 83.25% {
- -webkit-transform: skew(-2deg);
- transform: skew(-2deg)
- }
- 100% {
- -webkit-transform: skew(0);
- transform: skew(0)
- }
- }
- .hvr-wobble-skew {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden
- }
- .hvr-wobble-skew:active,
- .hvr-wobble-skew:focus,
- .hvr-wobble-skew:hover {
- -webkit-animation-name: hvr-wobble-skew;
- animation-name: hvr-wobble-skew;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1
- }
- @-webkit-keyframes hvr-buzz {
- 50% {
- -webkit-transform: translateX(3px) rotate(2deg);
- transform: translateX(3px) rotate(2deg)
- }
- 100% {
- -webkit-transform: translateX(-3px) rotate(-2deg);
- transform: translateX(-3px) rotate(-2deg)
- }
- }
- @keyframes hvr-buzz {
- 50% {
- -webkit-transform: translateX(3px) rotate(2deg);
- transform: translateX(3px) rotate(2deg)
- }
- 100% {
- -webkit-transform: translateX(-3px) rotate(-2deg);
- transform: translateX(-3px) rotate(-2deg)
- }
- }
- .hvr-buzz,
- .hvr-buzz-out {
- -webkit-transform: translateZ(0)
- }
- .hvr-buzz {
- transform: translateZ(0);
- backface-visibility: hidden
- }
- .hvr-buzz-out,
- .hvr-fade {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-buzz:active,
- .hvr-buzz:focus,
- .hvr-buzz:hover {
- -webkit-animation-name: hvr-buzz;
- animation-name: hvr-buzz;
- -webkit-animation-duration: .15s;
- animation-duration: .15s;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: infinite;
- animation-iteration-count: infinite
- }
- @-webkit-keyframes hvr-buzz-out {
- 10%, 30% {
- -webkit-transform: translateX(3px) rotate(2deg);
- transform: translateX(3px) rotate(2deg)
- }
- 20%,
- 40% {
- -webkit-transform: translateX(-3px) rotate(-2deg);
- transform: translateX(-3px) rotate(-2deg)
- }
- 50%,
- 70% {
- -webkit-transform: translateX(2px) rotate(1deg);
- transform: translateX(2px) rotate(1deg)
- }
- 60%,
- 80% {
- -webkit-transform: translateX(-2px) rotate(-1deg);
- transform: translateX(-2px) rotate(-1deg)
- }
- 90% {
- -webkit-transform: translateX(1px) rotate(0);
- transform: translateX(1px) rotate(0)
- }
- 100% {
- -webkit-transform: translateX(-1px) rotate(0);
- transform: translateX(-1px) rotate(0)
- }
- }
- @keyframes hvr-buzz-out {
- 10%, 30% {
- -webkit-transform: translateX(3px) rotate(2deg);
- transform: translateX(3px) rotate(2deg)
- }
- 20%,
- 40% {
- -webkit-transform: translateX(-3px) rotate(-2deg);
- transform: translateX(-3px) rotate(-2deg)
- }
- 50%,
- 70% {
- -webkit-transform: translateX(2px) rotate(1deg);
- transform: translateX(2px) rotate(1deg)
- }
- 60%,
- 80% {
- -webkit-transform: translateX(-2px) rotate(-1deg);
- transform: translateX(-2px) rotate(-1deg)
- }
- 90% {
- -webkit-transform: translateX(1px) rotate(0);
- transform: translateX(1px) rotate(0)
- }
- 100% {
- -webkit-transform: translateX(-1px) rotate(0);
- transform: translateX(-1px) rotate(0)
- }
- }
- .hvr-buzz-out {
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-back-pulse,
- .hvr-fade {
- -webkit-transform: translateZ(0);
- -moz-osx-font-smoothing: grayscale;
- overflow: hidden
- }
- .hvr-buzz-out:active,
- .hvr-buzz-out:focus,
- .hvr-buzz-out:hover {
- -webkit-animation-name: hvr-buzz-out;
- animation-name: hvr-buzz-out;
- -webkit-animation-duration: .75s;
- animation-duration: .75s;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1
- }
- .hvr-fade {
- transform: translateZ(0);
- backface-visibility: hidden;
- transition-duration: .3s;
- -webkit-transition-property: color, background-color;
- transition-property: color, background-color
- }
- .hvr-back-pulse,
- .hvr-sweep-to-right {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-fade:active,
- .hvr-fade:focus,
- .hvr-fade:hover {
- background-color: #3ABDCB
- }
- @-webkit-keyframes hvr-back-pulse {
- 50% {
- background-color: rgba(32, 152, 209, .75)
- }
- }
- @keyframes hvr-back-pulse {
- 50% {
- background-color: rgba(32, 152, 209, .75)
- }
- }
- .hvr-sweep-to-left:before,
- .hvr-sweep-to-right:before {
- content: "";
- z-index: -1;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: #3ABDCB;
- -webkit-transition-timing-function: ease-out
- }
- .hvr-back-pulse {
- transform: translateZ(0);
- backface-visibility: hidden;
- -webkit-transition-duration: .5s;
- transition-duration: .5s;
- -webkit-transition-property: color, background-color;
- transition-property: color, background-color
- }
- .hvr-back-pulse:active,
- .hvr-back-pulse:focus,
- .hvr-back-pulse:hover {
- -webkit-animation-name: hvr-back-pulse;
- animation-name: hvr-back-pulse;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-delay: .5s;
- animation-delay: .5s;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: infinite;
- animation-iteration-count: infinite;
- background-color: #3ABDCB
- }
- .hvr-sweep-to-right {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- -webkit-transition-property: color;
- transition-property: color;
- transition-duration: .3s
- }
- .hvr-sweep-to-bottom,
- .hvr-sweep-to-left {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-sweep-to-right:before {
- position: absolute;
- -webkit-transform: scaleX(0);
- transform: scaleX(0);
- -webkit-transform-origin: 0 50%;
- transform-origin: 0 50%;
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-timing-function: ease-out
- }
- .hvr-sweep-to-right:active:before,
- .hvr-sweep-to-right:focus:before,
- .hvr-sweep-to-right:hover:before {
- -webkit-transform: scaleX(1);
- transform: scaleX(1)
- }
- .hvr-sweep-to-left {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- -webkit-transition-property: color;
- transition-property: color;
- -webkit-transition-duration: .3s;
- transition-duration: .3s
- }
- .hvr-sweep-to-left:before {
- position: absolute;
- -webkit-transform: scaleX(0);
- transform: scaleX(0);
- -webkit-transform-origin: 100% 50%;
- transform-origin: 100% 50%;
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-timing-function: ease-out
- }
- .hvr-sweep-to-bottom:before,
- .hvr-sweep-to-top:before {
- -webkit-transition-timing-function: ease-out;
- content: "";
- z-index: -1;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: #3ABDCB
- }
- .hvr-sweep-to-left:active:before,
- .hvr-sweep-to-left:focus:before,
- .hvr-sweep-to-left:hover:before {
- -webkit-transform: scaleX(1);
- transform: scaleX(1)
- }
- .hvr-sweep-to-bottom {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- -webkit-transition-property: color;
- transition-property: color;
- -webkit-transition-duration: .3s;
- transition-duration: .3s
- }
- .hvr-bounce-to-right,
- .hvr-sweep-to-top {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-sweep-to-bottom:before {
- position: absolute;
- -webkit-transform: scaleY(0);
- transform: scaleY(0);
- -webkit-transform-origin: 50% 0;
- transform-origin: 50% 0;
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-timing-function: ease-out
- }
- .hvr-sweep-to-bottom:active:before,
- .hvr-sweep-to-bottom:focus:before,
- .hvr-sweep-to-bottom:hover:before {
- -webkit-transform: scaleY(1);
- transform: scaleY(1)
- }
- .hvr-sweep-to-top {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- -webkit-transition-property: color;
- transition-property: color;
- -webkit-transition-duration: .3s;
- transition-duration: .3s
- }
- .hvr-sweep-to-top:before {
- position: absolute;
- -webkit-transform: scaleY(0);
- transform: scaleY(0);
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-timing-function: ease-out
- }
- .hvr-sweep-to-top:active:before,
- .hvr-sweep-to-top:focus:before,
- .hvr-sweep-to-top:hover:before {
- -webkit-transform: scaleY(1);
- transform: scaleY(1)
- }
- .hvr-bounce-to-right {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- -webkit-transition-property: color;
- transition-property: color;
- -webkit-transition-duration: .5s;
- transition-duration: .5s
- }
- .hvr-bounce-to-bottom,
- .hvr-bounce-to-left {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-bounce-to-right:before {
- content: "";
- position: absolute;
- z-index: -1;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: #3ABDCB;
- -webkit-transform: scaleX(0);
- transform: scaleX(0);
- -webkit-transform-origin: 0 50%;
- transform-origin: 0 50%;
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transition-duration: .5s;
- transition-duration: .5s;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out
- }
- .hvr-bounce-to-right:active:before,
- .hvr-bounce-to-right:focus:before,
- .hvr-bounce-to-right:hover:before {
- -webkit-transform: scaleX(1);
- transform: scaleX(1);
- -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
- transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
- }
- .hvr-bounce-to-left {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- -webkit-transition-property: color;
- transition-property: color;
- -webkit-transition-duration: .5s;
- transition-duration: .5s
- }
- .hvr-bounce-to-left:before {
- content: "";
- position: absolute;
- z-index: -1;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: #3ABDCB;
- -webkit-transform: scaleX(0);
- transform: scaleX(0);
- -webkit-transform-origin: 100% 50%;
- transform-origin: 100% 50%;
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transition-duration: .5s;
- transition-duration: .5s;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out
- }
- .hvr-bounce-to-left:active:before,
- .hvr-bounce-to-left:focus:before,
- .hvr-bounce-to-left:hover:before {
- -webkit-transform: scaleX(1);
- transform: scaleX(1);
- -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
- transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
- }
- .hvr-bounce-to-bottom {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- -webkit-transition-property: color;
- transition-property: color;
- -webkit-transition-duration: .5s;
- transition-duration: .5s
- }
- .hvr-bounce-to-top,
- .hvr-radial-out {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-bounce-to-bottom:before {
- content: "";
- position: absolute;
- z-index: -1;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: #3ABDCB;
- -webkit-transform: scaleY(0);
- transform: scaleY(0);
- -webkit-transform-origin: 50% 0;
- transform-origin: 50% 0;
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transition-duration: .5s;
- transition-duration: .5s;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out
- }
- .hvr-bounce-to-bottom:active,
- .hvr-bounce-to-bottom:focus,
- .hvr-bounce-to-bottom:hover {
- color: #fff
- }
- .hvr-bounce-to-bottom:active:before,
- .hvr-bounce-to-bottom:focus:before,
- .hvr-bounce-to-bottom:hover:before {
- -webkit-transform: scaleY(1);
- transform: scaleY(1);
- -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
- transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
- }
- .hvr-bounce-to-top:before,
- .hvr-radial-out:before {
- content: "";
- z-index: -1;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- -webkit-transition-timing-function: ease-out
- }
- .hvr-bounce-to-top {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- -webkit-transition-property: color;
- transition-property: color;
- -webkit-transition-duration: .5s;
- transition-duration: .5s
- }
- .hvr-bounce-to-top:before {
- position: absolute;
- background: #3ABDCB;
- -webkit-transform: scaleY(0);
- transform: scaleY(0);
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transition-duration: .5s;
- transition-duration: .5s;
- transition-timing-function: ease-out
- }
- .hvr-bounce-to-top:active:before,
- .hvr-bounce-to-top:focus:before,
- .hvr-bounce-to-top:hover:before {
- -webkit-transform: scaleY(1);
- transform: scaleY(1);
- -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
- transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
- }
- .hvr-radial-out {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- overflow: hidden;
- background: #e1e1e1;
- -webkit-transition-property: color;
- transition-property: color;
- -webkit-transition-duration: .3s;
- transition-duration: .3s
- }
- .hvr-radial-in,
- .hvr-rectangle-in {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-radial-in,
- .hvr-radial-out:before {
- background: #3ABDCB;
- -webkit-transition-duration: .3s
- }
- .hvr-radial-out:before {
- position: absolute;
- border-radius: 100%;
- -webkit-transform: scale(0);
- transform: scale(0);
- -webkit-transition-property: transform;
- transition-property: transform;
- transition-duration: .3s;
- transition-timing-function: ease-out
- }
- .hvr-radial-in:before,
- .hvr-rectangle-in:before {
- content: "";
- z-index: -1;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- -webkit-transition-timing-function: ease-out
- }
- .hvr-radial-out:active:before,
- .hvr-radial-out:focus:before,
- .hvr-radial-out:hover:before {
- -webkit-transform: scale(2);
- transform: scale(2)
- }
- .hvr-radial-in {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- overflow: hidden;
- -webkit-transition-property: color;
- transition-property: color;
- transition-duration: .3s
- }
- .hvr-radial-in:before {
- position: absolute;
- background: #e1e1e1;
- border-radius: 100%;
- -webkit-transform: scale(2);
- transform: scale(2);
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-timing-function: ease-out
- }
- .hvr-radial-in:active:before,
- .hvr-radial-in:focus:before,
- .hvr-radial-in:hover:before {
- -webkit-transform: scale(0);
- transform: scale(0)
- }
- .hvr-rectangle-in {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- background: #3ABDCB;
- -webkit-transition-property: color;
- transition-property: color;
- -webkit-transition-duration: .3s;
- transition-duration: .3s
- }
- .hvr-rectangle-out,
- .hvr-shutter-in-horizontal {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-rectangle-in:before,
- .hvr-rectangle-out {
- background: #e1e1e1;
- -webkit-transition-duration: .3s
- }
- .hvr-rectangle-in:before {
- position: absolute;
- -webkit-transform: scale(1);
- transform: scale(1);
- -webkit-transition-property: transform;
- transition-property: transform;
- transition-duration: .3s;
- transition-timing-function: ease-out
- }
- .hvr-rectangle-out:before,
- .hvr-shutter-in-horizontal:before {
- content: "";
- z-index: -1;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- -webkit-transition-timing-function: ease-out
- }
- .hvr-rectangle-in:active:before,
- .hvr-rectangle-in:focus:before,
- .hvr-rectangle-in:hover:before {
- -webkit-transform: scale(0);
- transform: scale(0)
- }
- .hvr-rectangle-out {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- -webkit-transition-property: color;
- transition-property: color;
- transition-duration: .3s
- }
- .hvr-rectangle-out:before {
- position: absolute;
- background: #3ABDCB;
- -webkit-transform: scale(0);
- transform: scale(0);
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-timing-function: ease-out
- }
- .hvr-rectangle-out:active:before,
- .hvr-rectangle-out:focus:before,
- .hvr-rectangle-out:hover:before {
- -webkit-transform: scale(1);
- transform: scale(1)
- }
- .hvr-shutter-in-horizontal {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- background: #3ABDCB;
- -webkit-transition-property: color;
- transition-property: color;
- -webkit-transition-duration: .3s;
- transition-duration: .3s
- }
- .hvr-shutter-in-vertical,
- .hvr-shutter-out-horizontal {
- -webkit-backface-visibility: hidden;
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-shutter-in-horizontal:before {
- position: absolute;
- background: #e1e1e1;
- -webkit-transform: scaleX(1);
- transform: scaleX(1);
- -webkit-transform-origin: 50%;
- transform-origin: 50%;
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-timing-function: ease-out
- }
- .hvr-shutter-in-vertical:before,
- .hvr-shutter-out-horizontal:before {
- -webkit-transition-timing-function: ease-out;
- content: "";
- z-index: -1;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0
- }
- .hvr-shutter-in-horizontal:active:before,
- .hvr-shutter-in-horizontal:focus:before,
- .hvr-shutter-in-horizontal:hover:before {
- -webkit-transform: scaleX(0);
- transform: scaleX(0)
- }
- .hvr-shutter-out-horizontal {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- background: #e1e1e1;
- -webkit-transition-property: color;
- transition-property: color;
- -webkit-transition-duration: .3s;
- transition-duration: .3s
- }
- .hvr-shutter-out-horizontal:before {
- position: absolute;
- background: #3ABDCB;
- -webkit-transform: scaleX(0);
- transform: scaleX(0);
- -webkit-transform-origin: 50%;
- transform-origin: 50%;
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-timing-function: ease-out
- }
- .hvr-shutter-out-horizontal:active:before,
- .hvr-shutter-out-horizontal:focus:before,
- .hvr-shutter-out-horizontal:hover:before {
- -webkit-transform: scaleX(1);
- transform: scaleX(1)
- }
- .hvr-shutter-in-vertical {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- background: #3ABDCB;
- -webkit-transition-property: color;
- transition-property: color;
- -webkit-transition-duration: .3s;
- transition-duration: .3s
- }
- .hvr-shutter-in-vertical:before {
- position: absolute;
- background: #e1e1e1;
- -webkit-transform: scaleY(1);
- transform: scaleY(1);
- -webkit-transform-origin: 50%;
- transform-origin: 50%;
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-timing-function: ease-out
- }
- .hvr-shutter-in-vertical:active:before,
- .hvr-shutter-in-vertical:focus:before,
- .hvr-shutter-in-vertical:hover:before {
- -webkit-transform: scaleY(0);
- transform: scaleY(0)
- }
- .hvr-shutter-out-vertical {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- background: #e1e1e1;
- -webkit-transition-property: color;
- transition-property: color;
- -webkit-transition-duration: .3s;
- transition-duration: .3s
- }
- .hvr-shutter-out-vertical:before {
- content: "";
- position: absolute;
- z-index: -1;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- background: #3ABDCB;
- -webkit-transform: scaleY(0);
- transform: scaleY(0);
- -webkit-transform-origin: 50%;
- transform-origin: 50%;
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out
- }
- .hvr-ripple-out:before,
- .hvr-trim:before {
- content: ''
- }
- .hvr-border-fade,
- .hvr-glow {
- -webkit-transition-property: box-shadow
- }
- .hvr-shutter-out-vertical:active:before,
- .hvr-shutter-out-vertical:focus:before,
- .hvr-shutter-out-vertical:hover:before {
- -webkit-transform: scaleY(1);
- transform: scaleY(1)
- }
- .hvr-border-fade,
- .hvr-hollow {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-border-fade {
- transform: translateZ(0);
- backface-visibility: hidden;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-property: box-shadow;
- box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent
- }
- .hvr-hollow,
- .hvr-trim:before {
- -webkit-transition-duration: .3s
- }
- .hvr-border-fade:active,
- .hvr-border-fade:focus,
- .hvr-border-fade:hover {
- box-shadow: inset 0 0 0 4px #3ABDCB, 0 0 1px transparent
- }
- .hvr-hollow {
- transform: translateZ(0);
- backface-visibility: hidden;
- transition-duration: .3s;
- -webkit-transition-property: background;
- transition-property: background;
- box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent
- }
- .hvr-ripple-out,
- .hvr-trim {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-hollow:active,
- .hvr-hollow:focus,
- .hvr-hollow:hover {
- background: 0 0
- }
- .hvr-trim {
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative
- }
- .hvr-trim:before {
- position: absolute;
- border: 4px solid #fff;
- top: 4px;
- left: 4px;
- right: 4px;
- bottom: 4px;
- opacity: 0;
- transition-duration: .3s;
- -webkit-transition-property: opacity;
- transition-property: opacity
- }
- .hvr-trim:active:before,
- .hvr-trim:focus:before,
- .hvr-trim:hover:before {
- opacity: 1
- }
- @-webkit-keyframes hvr-ripple-out {
- 100% {
- top: -12px;
- right: -12px;
- bottom: -12px;
- left: -12px;
- opacity: 0
- }
- }
- @keyframes hvr-ripple-out {
- 100% {
- top: -12px;
- right: -12px;
- bottom: -12px;
- left: -12px;
- opacity: 0
- }
- }
- .hvr-ripple-out {
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative
- }
- .hvr-outline-out,
- .hvr-ripple-in {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-ripple-out:before {
- position: absolute;
- border: 6px solid #e1e1e1;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- -webkit-animation-duration: 1s;
- animation-duration: 1s
- }
- .hvr-ripple-out:active:before,
- .hvr-ripple-out:focus:before,
- .hvr-ripple-out:hover:before {
- -webkit-animation-name: hvr-ripple-out;
- animation-name: hvr-ripple-out
- }
- @-webkit-keyframes hvr-ripple-in {
- 100% {
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- opacity: 1
- }
- }
- @keyframes hvr-ripple-in {
- 100% {
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- opacity: 1
- }
- }
- .hvr-outline-in:before,
- .hvr-ripple-in:before {
- content: '';
- border: 4px solid #e1e1e1;
- opacity: 0
- }
- .hvr-ripple-in {
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative
- }
- .hvr-ripple-in:before {
- position: absolute;
- top: -12px;
- right: -12px;
- bottom: -12px;
- left: -12px;
- -webkit-animation-duration: 1s;
- animation-duration: 1s
- }
- .hvr-ripple-in:active:before,
- .hvr-ripple-in:focus:before,
- .hvr-ripple-in:hover:before {
- -webkit-animation-name: hvr-ripple-in;
- animation-name: hvr-ripple-in
- }
- .hvr-outline-out {
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative
- }
- .hvr-outline-in,
- .hvr-round-corners {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-outline-out:before {
- content: '';
- position: absolute;
- border: 4px solid #e1e1e1;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-property: top, right, bottom, left;
- transition-property: top, right, bottom, left
- }
- .hvr-outline-out:active:before,
- .hvr-outline-out:focus:before,
- .hvr-outline-out:hover:before {
- top: -8px;
- right: -8px;
- bottom: -8px;
- left: -8px
- }
- .hvr-outline-in {
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative
- }
- .hvr-outline-in:before {
- pointer-events: none;
- position: absolute;
- top: -16px;
- right: -16px;
- bottom: -16px;
- left: -16px;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-property: top, right, bottom, left;
- transition-property: top, right, bottom, left
- }
- .hvr-underline-from-center:before,
- .hvr-underline-from-left:before {
- content: "";
- z-index: -1;
- background: #3ABDCB;
- height: 4px;
- -webkit-transition-timing-function: ease-out
- }
- .hvr-outline-in:active:before,
- .hvr-outline-in:focus:before,
- .hvr-outline-in:hover:before {
- top: -8px;
- right: -8px;
- bottom: -8px;
- left: -8px;
- opacity: 1
- }
- .hvr-round-corners {
- transform: translateZ(0);
- backface-visibility: hidden;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-property: border-radius;
- transition-property: border-radius
- }
- .hvr-underline-from-center,
- .hvr-underline-from-left {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-round-corners:active,
- .hvr-round-corners:focus,
- .hvr-round-corners:hover {
- border-radius: 1em
- }
- .hvr-underline-from-left {
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- overflow: hidden
- }
- .hvr-underline-from-left:before {
- position: absolute;
- left: 0;
- right: 100%;
- bottom: 0;
- -webkit-transition-property: right;
- transition-property: right;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-timing-function: ease-out
- }
- .hvr-underline-from-left:active:before,
- .hvr-underline-from-left:focus:before,
- .hvr-underline-from-left:hover:before {
- right: 0
- }
- .hvr-underline-from-center {
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- overflow: hidden
- }
- .hvr-overline-from-left,
- .hvr-underline-from-right {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- overflow: hidden
- }
- .hvr-underline-from-center:before {
- position: absolute;
- left: 50%;
- right: 50%;
- bottom: 0;
- -webkit-transition-property: left, right;
- transition-property: left, right;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-timing-function: ease-out
- }
- .hvr-overline-from-left:before,
- .hvr-underline-from-right:before {
- content: "";
- z-index: -1;
- -webkit-transition-timing-function: ease-out;
- background: #3ABDCB;
- height: 4px
- }
- .hvr-underline-from-center:active:before,
- .hvr-underline-from-center:focus:before,
- .hvr-underline-from-center:hover:before {
- left: 0;
- right: 0
- }
- .hvr-underline-from-right {
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative
- }
- .hvr-underline-from-right:before {
- position: absolute;
- left: 100%;
- right: 0;
- bottom: 0;
- -webkit-transition-property: left;
- transition-property: left;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-timing-function: ease-out
- }
- .hvr-underline-from-right:active:before,
- .hvr-underline-from-right:focus:before,
- .hvr-underline-from-right:hover:before {
- left: 0
- }
- .hvr-overline-from-left {
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative
- }
- .hvr-overline-from-center,
- .hvr-overline-from-right {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-overline-from-left:before {
- position: absolute;
- left: 0;
- right: 100%;
- top: 0;
- -webkit-transition-property: right;
- transition-property: right;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-timing-function: ease-out
- }
- .hvr-overline-from-center:before,
- .hvr-overline-from-right:before {
- content: "";
- z-index: -1;
- -webkit-transition-timing-function: ease-out;
- top: 0
- }
- .hvr-overline-from-left:active:before,
- .hvr-overline-from-left:focus:before,
- .hvr-overline-from-left:hover:before {
- right: 0
- }
- .hvr-overline-from-center {
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- overflow: hidden
- }
- .hvr-overline-from-center:before {
- position: absolute;
- left: 50%;
- right: 50%;
- background: #3ABDCB;
- height: 4px;
- -webkit-transition-property: left, right;
- transition-property: left, right;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-timing-function: ease-out
- }
- .hvr-overline-from-right:before,
- .hvr-underline-reveal:before {
- -webkit-transition-duration: .3s;
- background: #3ABDCB;
- height: 4px
- }
- .hvr-overline-from-center:active:before,
- .hvr-overline-from-center:focus:before,
- .hvr-overline-from-center:hover:before {
- left: 0;
- right: 0
- }
- .hvr-overline-from-right {
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- overflow: hidden
- }
- .hvr-reveal,
- .hvr-underline-reveal {
- -webkit-backface-visibility: hidden;
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -moz-osx-font-smoothing: grayscale;
- overflow: hidden
- }
- .hvr-overline-from-right:before {
- position: absolute;
- left: 100%;
- right: 0;
- -webkit-transition-property: left;
- transition-property: left;
- transition-duration: .3s;
- transition-timing-function: ease-out
- }
- .hvr-reveal:before,
- .hvr-underline-reveal:before {
- bottom: 0;
- -webkit-transition-timing-function: ease-out;
- left: 0;
- z-index: -1;
- right: 0;
- content: ""
- }
- .hvr-overline-from-right:active:before,
- .hvr-overline-from-right:focus:before,
- .hvr-overline-from-right:hover:before {
- left: 0
- }
- .hvr-reveal {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative
- }
- .hvr-reveal:before {
- position: absolute;
- top: 0;
- border-color: #3ABDCB;
- border-style: solid;
- border-width: 0;
- -webkit-transition-property: border-width;
- transition-property: border-width;
- -webkit-transition-duration: .1s;
- transition-duration: .1s;
- transition-timing-function: ease-out
- }
- .hvr-reveal:active:before,
- .hvr-reveal:focus:before,
- .hvr-reveal:hover:before {
- -webkit-transform: translateY(0);
- transform: translateY(0);
- border-width: 4px
- }
- .hvr-underline-reveal {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative
- }
- .hvr-underline-reveal:before {
- position: absolute;
- -webkit-transform: translateY(4px);
- transform: translateY(4px);
- -webkit-transition-property: transform;
- transition-property: transform;
- transition-duration: .3s;
- transition-timing-function: ease-out
- }
- .hvr-underline-reveal:active:before,
- .hvr-underline-reveal:focus:before,
- .hvr-underline-reveal:hover:before {
- -webkit-transform: translateY(0);
- transform: translateY(0)
- }
- .hvr-overline-reveal {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- overflow: hidden
- }
- .hvr-overline-reveal:before {
- content: "";
- position: absolute;
- z-index: -1;
- left: 0;
- right: 0;
- top: 0;
- background: #3ABDCB;
- height: 4px;
- -webkit-transform: translateY(-4px);
- transform: translateY(-4px);
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out
- }
- .hvr-overline-reveal:active:before,
- .hvr-overline-reveal:focus:before,
- .hvr-overline-reveal:hover:before {
- -webkit-transform: translateY(0);
- transform: translateY(0)
- }
- .hvr-glow,
- .hvr-shadow {
- -webkit-transform: translateZ(0);
- -webkit-backface-visibility: hidden
- }
- .hvr-glow {
- display: inline-block;
- vertical-align: middle;
- transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-property: box-shadow
- }
- .hvr-grow-shadow,
- .hvr-shadow {
- display: inline-block;
- vertical-align: middle;
- -moz-osx-font-smoothing: grayscale;
- -webkit-transition-duration: .3s
- }
- .hvr-box-shadow-outset,
- .hvr-shadow {
- -webkit-transition-property: box-shadow
- }
- .hvr-glow:active,
- .hvr-glow:focus,
- .hvr-glow:hover {
- box-shadow: 0 0 8px rgba(0, 0, 0, .6)
- }
- .hvr-shadow {
- transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- backface-visibility: hidden;
- transition-duration: .3s;
- transition-property: box-shadow
- }
- .hvr-box-shadow-outset,
- .hvr-grow-shadow {
- -webkit-transform: translateZ(0);
- -webkit-backface-visibility: hidden
- }
- .hvr-shadow:active,
- .hvr-shadow:focus,
- .hvr-shadow:hover {
- box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5)
- }
- .hvr-grow-shadow {
- transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- backface-visibility: hidden;
- transition-duration: .3s;
- -webkit-transition-property: box-shadow, transform;
- transition-property: box-shadow, transform
- }
- .hvr-box-shadow-inset,
- .hvr-box-shadow-outset {
- display: inline-block;
- vertical-align: middle;
- -webkit-transition-duration: .3s;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-grow-shadow:active,
- .hvr-grow-shadow:focus,
- .hvr-grow-shadow:hover {
- box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);
- -webkit-transform: scale(1.1);
- transform: scale(1.1)
- }
- .hvr-box-shadow-outset {
- transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- backface-visibility: hidden;
- transition-duration: .3s;
- transition-property: box-shadow
- }
- .hvr-box-shadow-outset:active,
- .hvr-box-shadow-outset:focus,
- .hvr-box-shadow-outset:hover {
- box-shadow: 2px 2px 2px rgba(0, 0, 0, .6)
- }
- .hvr-box-shadow-inset {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transition-duration: .3s;
- -webkit-transition-property: box-shadow;
- transition-property: box-shadow;
- box-shadow: inset 0 0 0 rgba(0, 0, 0, .6), 0 0 1px transparent
- }
- .hvr-box-shadow-inset:active,
- .hvr-box-shadow-inset:focus,
- .hvr-box-shadow-inset:hover {
- box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .6), 0 0 1px transparent
- }
- .hvr-float-shadow,
- .hvr-shadow-radial {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-float-shadow {
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-property: transform;
- transition-property: transform
- }
- .hvr-float-shadow:before {
- pointer-events: none;
- position: absolute;
- z-index: -1;
- content: '';
- top: 100%;
- left: 5%;
- height: 10px;
- width: 90%;
- opacity: 0;
- background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
- background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-property: transform, opacity;
- transition-property: transform, opacity
- }
- .hvr-float-shadow:active,
- .hvr-float-shadow:focus,
- .hvr-float-shadow:hover {
- -webkit-transform: translateY(-5px);
- transform: translateY(-5px)
- }
- .hvr-float-shadow:active:before,
- .hvr-float-shadow:focus:before,
- .hvr-float-shadow:hover:before {
- opacity: 1;
- -webkit-transform: translateY(5px);
- transform: translateY(5px)
- }
- .hvr-shadow-radial {
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative
- }
- .hvr-bubble-right,
- .hvr-bubble-top {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-shadow-radial:after,
- .hvr-shadow-radial:before {
- pointer-events: none;
- position: absolute;
- content: '';
- left: 0;
- width: 100%;
- box-sizing: border-box;
- height: 5px;
- opacity: 0;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-property: opacity;
- transition-property: opacity
- }
- .hvr-bubble-right:before,
- .hvr-bubble-top:before {
- pointer-events: none;
- z-index: -1;
- content: '';
- border-style: solid;
- -webkit-transition-property: transform
- }
- .hvr-shadow-radial:before {
- bottom: 100%;
- background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%);
- background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%)
- }
- .hvr-shadow-radial:after {
- top: 100%;
- background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%);
- background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%)
- }
- .hvr-shadow-radial:active:after,
- .hvr-shadow-radial:active:before,
- .hvr-shadow-radial:focus:after,
- .hvr-shadow-radial:focus:before,
- .hvr-shadow-radial:hover:after,
- .hvr-shadow-radial:hover:before {
- opacity: 1
- }
- .hvr-bubble-top {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative
- }
- .hvr-bubble-top:before {
- position: absolute;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-property: transform;
- left: calc(50% - 10px);
- top: 0;
- border-width: 0 10px 10px;
- border-color: transparent transparent #e1e1e1
- }
- .hvr-bubble-top:active:before,
- .hvr-bubble-top:focus:before,
- .hvr-bubble-top:hover:before {
- -webkit-transform: translateY(-10px);
- transform: translateY(-10px)
- }
- .hvr-bubble-right {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative
- }
- .hvr-bubble-bottom,
- .hvr-bubble-left {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-bubble-right:before {
- position: absolute;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-property: transform;
- top: calc(50% - 10px);
- right: 0;
- border-width: 10px 0 10px 10px;
- border-color: transparent transparent transparent #e1e1e1
- }
- .hvr-bubble-bottom:before,
- .hvr-bubble-left:before {
- border-style: solid;
- -webkit-transition-property: transform;
- z-index: -1;
- content: '';
- pointer-events: none
- }
- .hvr-bubble-right:active:before,
- .hvr-bubble-right:focus:before,
- .hvr-bubble-right:hover:before {
- -webkit-transform: translateX(10px);
- transform: translateX(10px)
- }
- .hvr-bubble-bottom {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative
- }
- .hvr-bubble-bottom:before {
- position: absolute;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-property: transform;
- left: calc(50% - 10px);
- bottom: 0;
- border-width: 10px 10px 0;
- border-color: #e1e1e1 transparent transparent
- }
- .hvr-bubble-bottom:active:before,
- .hvr-bubble-bottom:focus:before,
- .hvr-bubble-bottom:hover:before {
- -webkit-transform: translateY(10px);
- transform: translateY(10px)
- }
- .hvr-bubble-left {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative
- }
- .hvr-bubble-float-right,
- .hvr-bubble-float-top {
- -webkit-backface-visibility: hidden;
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-bubble-left:before {
- position: absolute;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- transition-property: transform;
- top: calc(50% - 10px);
- left: 0;
- border-width: 10px 10px 10px 0;
- border-color: transparent #e1e1e1 transparent transparent
- }
- .hvr-bubble-left:active:before,
- .hvr-bubble-left:focus:before,
- .hvr-bubble-left:hover:before {
- -webkit-transform: translateX(-10px);
- transform: translateX(-10px)
- }
- .hvr-bubble-float-top {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-property: transform;
- transition-property: transform
- }
- .hvr-bubble-float-top:before {
- position: absolute;
- z-index: -1;
- content: '';
- left: calc(50% - 10px);
- top: 0;
- border-style: solid;
- border-width: 0 10px 10px;
- border-color: transparent transparent #e1e1e1;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-property: transform;
- transition-property: transform
- }
- .hvr-bubble-float-left:before,
- .hvr-bubble-float-right:before {
- z-index: -1;
- top: calc(50% - 10px);
- border-style: solid;
- content: ''
- }
- .hvr-bubble-float-top:active,
- .hvr-bubble-float-top:focus,
- .hvr-bubble-float-top:hover {
- -webkit-transform: translateY(10px);
- transform: translateY(10px)
- }
- .hvr-bubble-float-top:active:before,
- .hvr-bubble-float-top:focus:before,
- .hvr-bubble-float-top:hover:before {
- -webkit-transform: translateY(-10px);
- transform: translateY(-10px)
- }
- .hvr-bubble-float-right {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-property: transform;
- transition-property: transform
- }
- .hvr-bubble-float-right:before {
- position: absolute;
- right: 0;
- border-width: 10px 0 10px 10px;
- border-color: transparent transparent transparent #e1e1e1;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-property: transform;
- transition-property: transform
- }
- .hvr-bubble-float-right:active,
- .hvr-bubble-float-right:focus,
- .hvr-bubble-float-right:hover {
- -webkit-transform: translateX(-10px);
- transform: translateX(-10px)
- }
- .hvr-bubble-float-right:active:before,
- .hvr-bubble-float-right:focus:before,
- .hvr-bubble-float-right:hover:before {
- -webkit-transform: translateX(10px);
- transform: translateX(10px)
- }
- .hvr-bubble-float-bottom {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-property: transform;
- transition-property: transform
- }
- .hvr-bubble-float-bottom:before {
- position: absolute;
- z-index: -1;
- content: '';
- left: calc(50% - 10px);
- bottom: 0;
- border-style: solid;
- border-width: 10px 10px 0;
- border-color: #e1e1e1 transparent transparent;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-property: transform;
- transition-property: transform
- }
- .hvr-bubble-float-bottom:active,
- .hvr-bubble-float-bottom:focus,
- .hvr-bubble-float-bottom:hover {
- -webkit-transform: translateY(-10px);
- transform: translateY(-10px)
- }
- .hvr-bubble-float-bottom:active:before,
- .hvr-bubble-float-bottom:focus:before,
- .hvr-bubble-float-bottom:hover:before {
- -webkit-transform: translateY(10px);
- transform: translateY(10px)
- }
- .hvr-bubble-float-left,
- .hvr-icon-back {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-bubble-float-left {
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-property: transform;
- transition-property: transform
- }
- .hvr-bubble-float-left:before {
- position: absolute;
- left: 0;
- border-width: 10px 10px 10px 0;
- border-color: transparent #e1e1e1 transparent transparent;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-property: transform;
- transition-property: transform
- }
- .hvr-icon-back:before,
- .hvr-icon-forward:before {
- font-family: FontAwesome;
- -webkit-transition-property: transform
- }
- .hvr-bubble-float-left:active,
- .hvr-bubble-float-left:focus,
- .hvr-bubble-float-left:hover {
- -webkit-transform: translateX(10px);
- transform: translateX(10px)
- }
- .hvr-bubble-float-left:active:before,
- .hvr-bubble-float-left:focus:before,
- .hvr-bubble-float-left:hover:before {
- -webkit-transform: translateX(-10px);
- transform: translateX(-10px)
- }
- .hvr-icon-back {
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- padding-left: 2.2em;
- -webkit-transition-duration: .1s;
- transition-duration: .1s
- }
- .hvr-icon-down,
- .hvr-icon-forward {
- -webkit-backface-visibility: hidden;
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-icon-back:before,
- .hvr-icon-forward {
- -webkit-transform: translateZ(0);
- -webkit-transition-duration: .1s
- }
- .hvr-icon-back:before {
- content: "\f137";
- position: absolute;
- left: 1em;
- padding: 0 1px;
- transform: translateZ(0);
- transition-duration: .1s;
- transition-property: transform;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out
- }
- .hvr-icon-back:active:before,
- .hvr-icon-back:focus:before,
- .hvr-icon-back:hover:before {
- -webkit-transform: translateX(-4px);
- transform: translateX(-4px)
- }
- .hvr-icon-forward {
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- padding-right: 2.2em;
- transition-duration: .1s
- }
- .hvr-icon-forward:before {
- content: "\f138";
- position: absolute;
- right: 1em;
- padding: 0 1px;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- -webkit-transition-duration: .1s;
- transition-duration: .1s;
- transition-property: transform;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out
- }
- .hvr-icon-grow:before,
- .hvr-icon-spin:before {
- right: 1em;
- font-family: FontAwesome;
- -webkit-transition-property: transform
- }
- .hvr-icon-forward:active:before,
- .hvr-icon-forward:focus:before,
- .hvr-icon-forward:hover:before {
- -webkit-transform: translateX(4px);
- transform: translateX(4px)
- }
- @-webkit-keyframes hvr-icon-down {
- 0%, 100%, 50% {
- -webkit-transform: translateY(0);
- transform: translateY(0)
- }
- 25%,
- 75% {
- -webkit-transform: translateY(6px);
- transform: translateY(6px)
- }
- }
- @keyframes hvr-icon-down {
- 0%, 100%, 50% {
- -webkit-transform: translateY(0);
- transform: translateY(0)
- }
- 25%,
- 75% {
- -webkit-transform: translateY(6px);
- transform: translateY(6px)
- }
- }
- .hvr-icon-down {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- padding-right: 2.2em
- }
- .hvr-icon-down:before {
- content: "\f01a";
- position: absolute;
- right: 1em;
- padding: 0 1px;
- font-family: FontAwesome;
- -webkit-transform: translateZ(0);
- transform: translateZ(0)
- }
- .hvr-icon-down:active:before,
- .hvr-icon-down:focus:before,
- .hvr-icon-down:hover:before {
- -webkit-animation-name: hvr-icon-down;
- animation-name: hvr-icon-down;
- -webkit-animation-duration: .75s;
- animation-duration: .75s;
- -webkit-animation-timing-function: ease-out;
- animation-timing-function: ease-out
- }
- @-webkit-keyframes hvr-icon-up {
- 0%, 100%, 50% {
- -webkit-transform: translateY(0);
- transform: translateY(0)
- }
- 25%,
- 75% {
- -webkit-transform: translateY(-6px);
- transform: translateY(-6px)
- }
- }
- @keyframes hvr-icon-up {
- 0%, 100%, 50% {
- -webkit-transform: translateY(0);
- transform: translateY(0)
- }
- 25%,
- 75% {
- -webkit-transform: translateY(-6px);
- transform: translateY(-6px)
- }
- }
- .hvr-icon-up {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- padding-right: 2.2em
- }
- .hvr-icon-up:before {
- content: "\f01b";
- position: absolute;
- right: 1em;
- padding: 0 1px;
- font-family: FontAwesome;
- -webkit-transform: translateZ(0);
- transform: translateZ(0)
- }
- .hvr-icon-drop,
- .hvr-icon-spin {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-icon-up:active:before,
- .hvr-icon-up:focus:before,
- .hvr-icon-up:hover:before {
- -webkit-animation-name: hvr-icon-up;
- animation-name: hvr-icon-up;
- -webkit-animation-duration: .75s;
- animation-duration: .75s;
- -webkit-animation-timing-function: ease-out;
- animation-timing-function: ease-out
- }
- .hvr-icon-spin {
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- padding-right: 2.2em
- }
- .hvr-icon-spin:before {
- content: "\f021";
- position: absolute;
- padding: 0 1px;
- -webkit-transition-duration: 1s;
- transition-duration: 1s;
- transition-property: transform;
- -webkit-transition-timing-function: ease-in-out;
- transition-timing-function: ease-in-out
- }
- .hvr-icon-spin:active:before,
- .hvr-icon-spin:focus:before,
- .hvr-icon-spin:hover:before {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg)
- }
- @-webkit-keyframes hvr-icon-drop {
- 0% {
- opacity: 0
- }
- 50% {
- opacity: 0;
- -webkit-transform: translateY(-100%);
- transform: translateY(-100%)
- }
- 100%,
- 51% {
- opacity: 1
- }
- }
- @keyframes hvr-icon-drop {
- 0% {
- opacity: 0
- }
- 50% {
- opacity: 0;
- -webkit-transform: translateY(-100%);
- transform: translateY(-100%)
- }
- 100%,
- 51% {
- opacity: 1
- }
- }
- .hvr-icon-drop {
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- padding-right: 2.2em
- }
- .hvr-icon-fade,
- .hvr-icon-float-away {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-icon-drop:before {
- content: "\f041";
- position: absolute;
- right: 1em;
- opacity: 1;
- padding: 0 1px;
- font-family: FontAwesome;
- -webkit-transform: translateZ(0);
- transform: translateZ(0)
- }
- .hvr-icon-drop:active:before,
- .hvr-icon-drop:focus:before,
- .hvr-icon-drop:hover:before {
- opacity: 0;
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-animation-name: hvr-icon-drop;
- animation-name: hvr-icon-drop;
- -webkit-animation-duration: .5s;
- animation-duration: .5s;
- -webkit-animation-delay: .3s;
- animation-delay: .3s;
- -webkit-animation-fill-mode: forwards;
- animation-fill-mode: forwards;
- -webkit-animation-timing-function: cubic-bezier(.52, 1.64, .37, .66);
- animation-timing-function: cubic-bezier(.52, 1.64, .37, .66)
- }
- .hvr-icon-fade {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- padding-right: 2.2em
- }
- .hvr-icon-fade:before {
- content: "\f00c";
- position: absolute;
- right: 1em;
- padding: 0 1px;
- font-family: FontAwesome;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- -webkit-transition-duration: .5s;
- transition-duration: .5s;
- -webkit-transition-property: color;
- transition-property: color
- }
- .hvr-icon-fade:active:before,
- .hvr-icon-fade:focus:before,
- .hvr-icon-fade:hover:before {
- color: #0F9E5E
- }
- @-webkit-keyframes hvr-icon-float-away {
- 0% {
- opacity: 1
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(-1em);
- transform: translateY(-1em)
- }
- }
- @keyframes hvr-icon-float-away {
- 0% {
- opacity: 1
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(-1em);
- transform: translateY(-1em)
- }
- }
- .hvr-icon-float-away {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- padding-right: 2.2em
- }
- .hvr-icon-grow,
- .hvr-icon-sink-away {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-icon-float-away:after,
- .hvr-icon-float-away:before {
- content: "\f055";
- position: absolute;
- right: 1em;
- padding: 0 1px;
- font-family: FontAwesome
- }
- .hvr-icon-float-away:after {
- opacity: 0;
- -webkit-animation-duration: .5s;
- animation-duration: .5s;
- -webkit-animation-fill-mode: forwards;
- animation-fill-mode: forwards
- }
- .hvr-icon-float-away:active:after,
- .hvr-icon-float-away:focus:after,
- .hvr-icon-float-away:hover:after {
- -webkit-animation-name: hvr-icon-float-away;
- animation-name: hvr-icon-float-away;
- -webkit-animation-timing-function: ease-out;
- animation-timing-function: ease-out
- }
- @-webkit-keyframes hvr-icon-sink-away {
- 0% {
- opacity: 1
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(1em);
- transform: translateY(1em)
- }
- }
- @keyframes hvr-icon-sink-away {
- 0% {
- opacity: 1
- }
- 100% {
- opacity: 0;
- -webkit-transform: translateY(1em);
- transform: translateY(1em)
- }
- }
- .hvr-icon-sink-away {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- padding-right: 2.2em
- }
- .hvr-icon-sink-away:after,
- .hvr-icon-sink-away:before {
- content: "\f056";
- position: absolute;
- right: 1em;
- padding: 0 1px;
- font-family: FontAwesome;
- -webkit-transform: translateZ(0);
- transform: translateZ(0)
- }
- .hvr-icon-sink-away:after {
- opacity: 0;
- -webkit-animation-duration: .5s;
- animation-duration: .5s;
- -webkit-animation-fill-mode: forwards;
- animation-fill-mode: forwards
- }
- .hvr-icon-sink-away:active:after,
- .hvr-icon-sink-away:focus:after,
- .hvr-icon-sink-away:hover:after {
- -webkit-animation-name: hvr-icon-sink-away;
- animation-name: hvr-icon-sink-away;
- -webkit-animation-timing-function: ease-out;
- animation-timing-function: ease-out
- }
- .hvr-icon-grow {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- padding-right: 2.2em;
- -webkit-transition-duration: .3s;
- transition-duration: .3s
- }
- .hvr-icon-pulse,
- .hvr-icon-shrink {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-icon-grow:before,
- .hvr-icon-shrink {
- -webkit-transform: translateZ(0);
- -webkit-transition-duration: .3s
- }
- .hvr-icon-grow:before {
- content: "\f118";
- position: absolute;
- padding: 0 1px;
- transform: translateZ(0);
- transition-duration: .3s;
- transition-property: transform;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out
- }
- .hvr-icon-pulse:before,
- .hvr-icon-shrink:before {
- right: 1em;
- font-family: FontAwesome;
- -webkit-transition-timing-function: ease-out
- }
- .hvr-icon-grow:active:before,
- .hvr-icon-grow:focus:before,
- .hvr-icon-grow:hover:before {
- -webkit-transform: scale(1.3) translateZ(0);
- transform: scale(1.3) translateZ(0)
- }
- .hvr-icon-shrink {
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- padding-right: 2.2em;
- transition-duration: .3s
- }
- .hvr-icon-shrink:before {
- content: "\f119";
- position: absolute;
- padding: 0 1px;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-property: transform;
- transition-property: transform;
- transition-timing-function: ease-out
- }
- .hvr-icon-shrink:active:before,
- .hvr-icon-shrink:focus:before,
- .hvr-icon-shrink:hover:before {
- -webkit-transform: scale(.8);
- transform: scale(.8)
- }
- @-webkit-keyframes hvr-icon-pulse {
- 25% {
- -webkit-transform: scale(1.3);
- transform: scale(1.3)
- }
- 75% {
- -webkit-transform: scale(.8);
- transform: scale(.8)
- }
- }
- @keyframes hvr-icon-pulse {
- 25% {
- -webkit-transform: scale(1.3);
- transform: scale(1.3)
- }
- 75% {
- -webkit-transform: scale(.8);
- transform: scale(.8)
- }
- }
- .hvr-icon-pulse {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- padding-right: 2.2em
- }
- .hvr-icon-pulse-grow,
- .hvr-icon-pulse-shrink {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-icon-pulse:before {
- position: absolute;
- padding: 0 1px;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- transition-timing-function: ease-out
- }
- .hvr-icon-pulse-grow:before,
- .hvr-icon-pulse-shrink:before {
- content: "\f015";
- right: 1em;
- font-family: FontAwesome;
- -webkit-transition-timing-function: ease-out
- }
- .hvr-icon-pulse:active:before,
- .hvr-icon-pulse:focus:before,
- .hvr-icon-pulse:hover:before {
- -webkit-animation-name: hvr-icon-pulse;
- animation-name: hvr-icon-pulse;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: infinite;
- animation-iteration-count: infinite
- }
- @-webkit-keyframes hvr-icon-pulse-grow {
- to {
- -webkit-transform: scale(1.3);
- transform: scale(1.3)
- }
- }
- @keyframes hvr-icon-pulse-grow {
- to {
- -webkit-transform: scale(1.3);
- transform: scale(1.3)
- }
- }
- .hvr-icon-pulse-grow {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- padding-right: 2.2em
- }
- .hvr-icon-pulse-grow:before {
- position: absolute;
- padding: 0 1px;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- transition-timing-function: ease-out
- }
- .hvr-icon-pulse-grow:active:before,
- .hvr-icon-pulse-grow:focus:before,
- .hvr-icon-pulse-grow:hover:before {
- -webkit-animation-name: hvr-icon-pulse-grow;
- animation-name: hvr-icon-pulse-grow;
- -webkit-animation-duration: .3s;
- animation-duration: .3s;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: infinite;
- animation-iteration-count: infinite;
- -webkit-animation-direction: alternate;
- animation-direction: alternate
- }
- @-webkit-keyframes hvr-icon-pulse-shrink {
- to {
- -webkit-transform: scale(.8);
- transform: scale(.8)
- }
- }
- @keyframes hvr-icon-pulse-shrink {
- to {
- -webkit-transform: scale(.8);
- transform: scale(.8)
- }
- }
- .hvr-icon-pulse-shrink {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- padding-right: 2.2em
- }
- .hvr-icon-pop,
- .hvr-icon-push {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-icon-pulse-shrink:before {
- position: absolute;
- padding: 0 1px;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- transition-timing-function: ease-out
- }
- .hvr-icon-pop:before,
- .hvr-icon-push:before {
- right: 1em;
- font-family: FontAwesome;
- -webkit-transition-property: transform;
- -webkit-transition-timing-function: ease-out
- }
- .hvr-icon-pulse-shrink:active:before,
- .hvr-icon-pulse-shrink:focus:before,
- .hvr-icon-pulse-shrink:hover:before {
- -webkit-animation-name: hvr-icon-pulse-shrink;
- animation-name: hvr-icon-pulse-shrink;
- -webkit-animation-duration: .3s;
- animation-duration: .3s;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: infinite;
- animation-iteration-count: infinite;
- -webkit-animation-direction: alternate;
- animation-direction: alternate
- }
- @-webkit-keyframes hvr-icon-push {
- 50% {
- -webkit-transform: scale(.5);
- transform: scale(.5)
- }
- }
- @keyframes hvr-icon-push {
- 50% {
- -webkit-transform: scale(.5);
- transform: scale(.5)
- }
- }
- .hvr-icon-push {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- padding-right: 2.2em;
- -webkit-transition-duration: .3s;
- transition-duration: .3s
- }
- .hvr-icon-pop,
- .hvr-icon-push:before {
- -webkit-transform: translateZ(0);
- -webkit-transition-duration: .3s
- }
- .hvr-icon-push:before {
- content: "\f006";
- position: absolute;
- padding: 0 1px;
- transform: translateZ(0);
- transition-duration: .3s;
- transition-property: transform;
- transition-timing-function: ease-out
- }
- .hvr-icon-push:active:before,
- .hvr-icon-push:focus:before,
- .hvr-icon-push:hover:before {
- -webkit-animation-name: hvr-icon-push;
- animation-name: hvr-icon-push;
- -webkit-animation-duration: .3s;
- animation-duration: .3s;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1
- }
- @-webkit-keyframes hvr-icon-pop {
- 50% {
- -webkit-transform: scale(1.5);
- transform: scale(1.5)
- }
- }
- @keyframes hvr-icon-pop {
- 50% {
- -webkit-transform: scale(1.5);
- transform: scale(1.5)
- }
- }
- .hvr-icon-pop {
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- padding-right: 2.2em;
- transition-duration: .3s
- }
- .hvr-icon-bounce,
- .hvr-icon-rotate {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-icon-bounce,
- .hvr-icon-pop:before {
- -webkit-transform: translateZ(0);
- -webkit-transition-duration: .3s
- }
- .hvr-icon-pop:before {
- content: "\f005";
- position: absolute;
- padding: 0 1px;
- transform: translateZ(0);
- transition-duration: .3s;
- transition-property: transform;
- transition-timing-function: ease-out
- }
- .hvr-icon-bounce:before,
- .hvr-icon-rotate:before {
- right: 1em;
- font-family: FontAwesome;
- -webkit-transition-property: transform;
- -webkit-transition-timing-function: ease-out
- }
- .hvr-icon-pop:active:before,
- .hvr-icon-pop:focus:before,
- .hvr-icon-pop:hover:before {
- -webkit-animation-name: hvr-icon-pop;
- animation-name: hvr-icon-pop;
- -webkit-animation-duration: .3s;
- animation-duration: .3s;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1
- }
- .hvr-icon-bounce {
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- padding-right: 2.2em;
- transition-duration: .3s
- }
- .hvr-icon-bounce:before,
- .hvr-icon-rotate {
- -webkit-transform: translateZ(0);
- -webkit-transition-duration: .3s
- }
- .hvr-icon-bounce:before {
- content: "\f087";
- position: absolute;
- padding: 0 1px;
- transform: translateZ(0);
- transition-duration: .3s;
- transition-property: transform;
- transition-timing-function: ease-out
- }
- .hvr-icon-bounce:active:before,
- .hvr-icon-bounce:focus:before,
- .hvr-icon-bounce:hover:before {
- -webkit-transform: scale(1.5);
- transform: scale(1.5);
- -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
- transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
- }
- .hvr-icon-rotate {
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- padding-right: 2.2em;
- transition-duration: .3s
- }
- .hvr-icon-float,
- .hvr-icon-grow-rotate {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden
- }
- .hvr-icon-grow-rotate,
- .hvr-icon-rotate:before {
- -webkit-transform: translateZ(0);
- -webkit-transition-duration: .3s
- }
- .hvr-icon-rotate:before {
- content: "\f0c6";
- position: absolute;
- padding: 0 1px;
- transform: translateZ(0);
- transition-duration: .3s;
- transition-property: transform;
- transition-timing-function: ease-out
- }
- .hvr-icon-float:before,
- .hvr-icon-grow-rotate:before {
- -webkit-transition-property: transform;
- -webkit-transition-timing-function: ease-out;
- right: 1em;
- font-family: FontAwesome
- }
- .hvr-icon-rotate:active:before,
- .hvr-icon-rotate:focus:before,
- .hvr-icon-rotate:hover:before {
- -webkit-transform: rotate(20deg);
- transform: rotate(20deg)
- }
- .hvr-icon-grow-rotate {
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- padding-right: 2.2em;
- transition-duration: .3s
- }
- .hvr-icon-float,
- .hvr-icon-grow-rotate:before {
- -webkit-transform: translateZ(0);
- -webkit-transition-duration: .3s
- }
- .hvr-icon-grow-rotate:before {
- content: "\f095";
- position: absolute;
- padding: 0 1px;
- transform: translateZ(0);
- transition-duration: .3s;
- transition-property: transform;
- transition-timing-function: ease-out
- }
- .hvr-icon-grow-rotate:active:before,
- .hvr-icon-grow-rotate:focus:before,
- .hvr-icon-grow-rotate:hover:before {
- -webkit-transform: scale(1.5) rotate(12deg);
- transform: scale(1.5) rotate(12deg)
- }
- .hvr-icon-float {
- transform: translateZ(0);
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- padding-right: 2.2em;
- transition-duration: .3s
- }
- .hvr-icon-bob,
- .hvr-icon-sink {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-icon-float:before,
- .hvr-icon-sink {
- -webkit-transform: translateZ(0);
- -webkit-transition-duration: .3s
- }
- .hvr-icon-float:before {
- content: "\f01b";
- position: absolute;
- padding: 0 1px;
- transform: translateZ(0);
- transition-duration: .3s;
- transition-property: transform;
- transition-timing-function: ease-out
- }
- .hvr-icon-float:active:before,
- .hvr-icon-float:focus:before,
- .hvr-icon-float:hover:before {
- -webkit-transform: translateY(-4px);
- transform: translateY(-4px)
- }
- .hvr-icon-sink {
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- padding-right: 2.2em;
- transition-duration: .3s
- }
- .hvr-icon-bob,
- .hvr-icon-sink:before {
- -webkit-transform: translateZ(0);
- -webkit-transition-duration: .3s
- }
- .hvr-icon-sink:before {
- content: "\f01a";
- position: absolute;
- right: 1em;
- padding: 0 1px;
- font-family: FontAwesome;
- transform: translateZ(0);
- transition-duration: .3s;
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out
- }
- .hvr-icon-sink:active:before,
- .hvr-icon-sink:focus:before,
- .hvr-icon-sink:hover:before {
- -webkit-transform: translateY(4px);
- transform: translateY(4px)
- }
- @-webkit-keyframes hvr-icon-bob {
- 0%, 100% {
- -webkit-transform: translateY(-6px);
- transform: translateY(-6px)
- }
- 50% {
- -webkit-transform: translateY(-2px);
- transform: translateY(-2px)
- }
- }
- @keyframes hvr-icon-bob {
- 0%, 100% {
- -webkit-transform: translateY(-6px);
- transform: translateY(-6px)
- }
- 50% {
- -webkit-transform: translateY(-2px);
- transform: translateY(-2px)
- }
- }
- @-webkit-keyframes hvr-icon-bob-float {
- 100% {
- -webkit-transform: translateY(-6px);
- transform: translateY(-6px)
- }
- }
- @keyframes hvr-icon-bob-float {
- 100% {
- -webkit-transform: translateY(-6px);
- transform: translateY(-6px)
- }
- }
- .hvr-icon-bob {
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- padding-right: 2.2em;
- transition-duration: .3s
- }
- .hvr-icon-hang,
- .hvr-icon-wobble-horizontal {
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- -webkit-transition-duration: .3s
- }
- .hvr-icon-bob:before {
- content: "\f077";
- position: absolute;
- right: 1em;
- padding: 0 1px;
- font-family: FontAwesome;
- -webkit-transform: translateZ(0);
- transform: translateZ(0)
- }
- .hvr-icon-bob:active:before,
- .hvr-icon-bob:focus:before,
- .hvr-icon-bob:hover:before {
- -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
- animation-name: hvr-icon-bob-float, hvr-icon-bob;
- animation-duration: .3s, 1.5s;
- animation-delay: 0s, .3s;
- animation-timing-function: ease-out, ease-in-out;
- animation-iteration-count: 1, infinite;
- -webkit-animation-fill-mode: forwards;
- animation-fill-mode: forwards;
- animation-direction: normal, alternate
- }
- @-webkit-keyframes hvr-icon-hang {
- 0%, 100% {
- -webkit-transform: translateY(6px);
- transform: translateY(6px)
- }
- 50% {
- -webkit-transform: translateY(2px);
- transform: translateY(2px)
- }
- }
- @keyframes hvr-icon-hang {
- 0%, 100% {
- -webkit-transform: translateY(6px);
- transform: translateY(6px)
- }
- 50% {
- -webkit-transform: translateY(2px);
- transform: translateY(2px)
- }
- }
- @-webkit-keyframes hvr-icon-hang-sink {
- 100% {
- -webkit-transform: translateY(6px);
- transform: translateY(6px)
- }
- }
- @keyframes hvr-icon-hang-sink {
- 100% {
- -webkit-transform: translateY(6px);
- transform: translateY(6px)
- }
- }
- .hvr-icon-hang {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- padding-right: 2.2em;
- transition-duration: .3s
- }
- .hvr-icon-hang:before {
- content: "\f078";
- position: absolute;
- right: 1em;
- padding: 0 1px;
- font-family: FontAwesome;
- -webkit-transform: translateZ(0);
- transform: translateZ(0)
- }
- .hvr-icon-hang:active:before,
- .hvr-icon-hang:focus:before,
- .hvr-icon-hang:hover:before {
- -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
- animation-name: hvr-icon-hang-sink, hvr-icon-hang;
- -webkit-animation-duration: .3s, 1.5s;
- animation-duration: .3s, 1.5s;
- -webkit-animation-delay: 0s, .3s;
- animation-delay: 0s, .3s;
- -webkit-animation-timing-function: ease-out, ease-in-out;
- animation-timing-function: ease-out, ease-in-out;
- -webkit-animation-iteration-count: 1, infinite;
- animation-iteration-count: 1, infinite;
- -webkit-animation-fill-mode: forwards;
- animation-fill-mode: forwards;
- -webkit-animation-direction: normal, alternate;
- animation-direction: normal, alternate
- }
- @-webkit-keyframes hvr-icon-wobble-horizontal {
- 16.65% {
- -webkit-transform: translateX(6px);
- transform: translateX(6px)
- }
- 33.3% {
- -webkit-transform: translateX(-5px);
- transform: translateX(-5px)
- }
- 49.95% {
- -webkit-transform: translateX(4px);
- transform: translateX(4px)
- }
- 66.6% {
- -webkit-transform: translateX(-2px);
- transform: translateX(-2px)
- }
- 83.25% {
- -webkit-transform: translateX(1px);
- transform: translateX(1px)
- }
- 100% {
- -webkit-transform: translateX(0);
- transform: translateX(0)
- }
- }
- @keyframes hvr-icon-wobble-horizontal {
- 16.65% {
- -webkit-transform: translateX(6px);
- transform: translateX(6px)
- }
- 33.3% {
- -webkit-transform: translateX(-5px);
- transform: translateX(-5px)
- }
- 49.95% {
- -webkit-transform: translateX(4px);
- transform: translateX(4px)
- }
- 66.6% {
- -webkit-transform: translateX(-2px);
- transform: translateX(-2px)
- }
- 83.25% {
- -webkit-transform: translateX(1px);
- transform: translateX(1px)
- }
- 100% {
- -webkit-transform: translateX(0);
- transform: translateX(0)
- }
- }
- .hvr-icon-wobble-horizontal {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- padding-right: 2.2em;
- transition-duration: .3s
- }
- .hvr-icon-buzz,
- .hvr-icon-wobble-vertical {
- -webkit-backface-visibility: hidden;
- -webkit-transition-duration: .3s;
- display: inline-block;
- vertical-align: middle;
- box-shadow: 0 0 1px transparent;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-icon-wobble-horizontal:before {
- content: "\f061";
- position: absolute;
- right: 1em;
- padding: 0 1px;
- font-family: FontAwesome;
- -webkit-transform: translateZ(0);
- transform: translateZ(0)
- }
- .hvr-icon-wobble-horizontal:active:before,
- .hvr-icon-wobble-horizontal:focus:before,
- .hvr-icon-wobble-horizontal:hover:before {
- -webkit-animation-name: hvr-icon-wobble-horizontal;
- animation-name: hvr-icon-wobble-horizontal;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1
- }
- @-webkit-keyframes hvr-icon-wobble-vertical {
- 16.65% {
- -webkit-transform: translateY(6px);
- transform: translateY(6px)
- }
- 33.3% {
- -webkit-transform: translateY(-5px);
- transform: translateY(-5px)
- }
- 49.95% {
- -webkit-transform: translateY(4px);
- transform: translateY(4px)
- }
- 66.6% {
- -webkit-transform: translateY(-2px);
- transform: translateY(-2px)
- }
- 83.25% {
- -webkit-transform: translateY(1px);
- transform: translateY(1px)
- }
- 100% {
- -webkit-transform: translateY(0);
- transform: translateY(0)
- }
- }
- @keyframes hvr-icon-wobble-vertical {
- 16.65% {
- -webkit-transform: translateY(6px);
- transform: translateY(6px)
- }
- 33.3% {
- -webkit-transform: translateY(-5px);
- transform: translateY(-5px)
- }
- 49.95% {
- -webkit-transform: translateY(4px);
- transform: translateY(4px)
- }
- 66.6% {
- -webkit-transform: translateY(-2px);
- transform: translateY(-2px)
- }
- 83.25% {
- -webkit-transform: translateY(1px);
- transform: translateY(1px)
- }
- 100% {
- -webkit-transform: translateY(0);
- transform: translateY(0)
- }
- }
- .hvr-icon-wobble-vertical {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- padding-right: 2.2em;
- transition-duration: .3s
- }
- .hvr-icon-wobble-vertical:before {
- content: "\f062";
- position: absolute;
- right: 1em;
- padding: 0 1px;
- font-family: FontAwesome;
- -webkit-transform: translateZ(0);
- transform: translateZ(0)
- }
- .hvr-icon-wobble-vertical:active:before,
- .hvr-icon-wobble-vertical:focus:before,
- .hvr-icon-wobble-vertical:hover:before {
- -webkit-animation-name: hvr-icon-wobble-vertical;
- animation-name: hvr-icon-wobble-vertical;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1
- }
- @-webkit-keyframes hvr-icon-buzz {
- 50% {
- -webkit-transform: translateX(3px) rotate(2deg);
- transform: translateX(3px) rotate(2deg)
- }
- 100% {
- -webkit-transform: translateX(-3px) rotate(-2deg);
- transform: translateX(-3px) rotate(-2deg)
- }
- }
- @keyframes hvr-icon-buzz {
- 50% {
- -webkit-transform: translateX(3px) rotate(2deg);
- transform: translateX(3px) rotate(2deg)
- }
- 100% {
- -webkit-transform: translateX(-3px) rotate(-2deg);
- transform: translateX(-3px) rotate(-2deg)
- }
- }
- .hvr-icon-buzz {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- backface-visibility: hidden;
- position: relative;
- padding-right: 2.2em;
- transition-duration: .3s
- }
- .hvr-icon-buzz:before {
- content: "\f017";
- position: absolute;
- right: 1em;
- padding: 0 1px;
- font-family: FontAwesome;
- -webkit-transform: translateZ(0);
- transform: translateZ(0)
- }
- .hvr-icon-buzz:active:before,
- .hvr-icon-buzz:focus:before,
- .hvr-icon-buzz:hover:before {
- -webkit-animation-name: hvr-icon-buzz;
- animation-name: hvr-icon-buzz;
- -webkit-animation-duration: .15s;
- animation-duration: .15s;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: infinite;
- animation-iteration-count: infinite
- }
- @-webkit-keyframes hvr-icon-buzz-out {
- 10%, 30% {
- -webkit-transform: translateX(3px) rotate(2deg);
- transform: translateX(3px) rotate(2deg)
- }
- 20%,
- 40% {
- -webkit-transform: translateX(-3px) rotate(-2deg);
- transform: translateX(-3px) rotate(-2deg)
- }
- 50%,
- 70% {
- -webkit-transform: translateX(2px) rotate(1deg);
- transform: translateX(2px) rotate(1deg)
- }
- 60%,
- 80% {
- -webkit-transform: translateX(-2px) rotate(-1deg);
- transform: translateX(-2px) rotate(-1deg)
- }
- 90% {
- -webkit-transform: translateX(1px) rotate(0);
- transform: translateX(1px) rotate(0)
- }
- 100% {
- -webkit-transform: translateX(-1px) rotate(0);
- transform: translateX(-1px) rotate(0)
- }
- }
- @keyframes hvr-icon-buzz-out {
- 10%, 30% {
- -webkit-transform: translateX(3px) rotate(2deg);
- transform: translateX(3px) rotate(2deg)
- }
- 20%,
- 40% {
- -webkit-transform: translateX(-3px) rotate(-2deg);
- transform: translateX(-3px) rotate(-2deg)
- }
- 50%,
- 70% {
- -webkit-transform: translateX(2px) rotate(1deg);
- transform: translateX(2px) rotate(1deg)
- }
- 60%,
- 80% {
- -webkit-transform: translateX(-2px) rotate(-1deg);
- transform: translateX(-2px) rotate(-1deg)
- }
- 90% {
- -webkit-transform: translateX(1px) rotate(0);
- transform: translateX(1px) rotate(0)
- }
- 100% {
- -webkit-transform: translateX(-1px) rotate(0);
- transform: translateX(-1px) rotate(0)
- }
- }
- .hvr-icon-buzz-out {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- padding-right: 2.2em;
- -webkit-transition-duration: .3s;
- transition-duration: .3s
- }
- .hvr-icon-buzz-out:before {
- content: "\f023";
- position: absolute;
- right: 1em;
- padding: 0 1px;
- font-family: FontAwesome;
- -webkit-transform: translateZ(0);
- transform: translateZ(0)
- }
- .hvr-curl-top-left,
- .hvr-curl-top-right {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- -webkit-backface-visibility: hidden
- }
- .hvr-icon-buzz-out:active:before,
- .hvr-icon-buzz-out:focus:before,
- .hvr-icon-buzz-out:hover:before {
- -webkit-animation-name: hvr-icon-buzz-out;
- animation-name: hvr-icon-buzz-out;
- -webkit-animation-duration: .75s;
- animation-duration: .75s;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1
- }
- .hvr-curl-top-left {
- transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative
- }
- .hvr-curl-top-left:before {
- pointer-events: none;
- position: absolute;
- content: '';
- height: 0;
- width: 0;
- top: 0;
- left: 0;
- background: #fff;
- background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
- filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
- z-index: 1000;
- box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-property: width, height;
- transition-property: width, height
- }
- .hvr-curl-bottom-right:before,
- .hvr-curl-top-right:before {
- background: #fff;
- -webkit-transition-duration: .3s;
- -webkit-transition-property: width, height;
- pointer-events: none;
- right: 0;
- content: ''
- }
- .hvr-curl-top-left:active:before,
- .hvr-curl-top-left:focus:before,
- .hvr-curl-top-left:hover:before {
- width: 25px;
- height: 25px
- }
- .hvr-curl-top-right {
- transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative
- }
- .hvr-curl-bottom-left,
- .hvr-curl-bottom-right {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- -webkit-backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale
- }
- .hvr-curl-top-right:before {
- position: absolute;
- height: 0;
- width: 0;
- top: 0;
- background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
- box-shadow: -1px 1px 1px rgba(0, 0, 0, .4);
- transition-duration: .3s;
- transition-property: width, height
- }
- .hvr-curl-top-right:active:before,
- .hvr-curl-top-right:focus:before,
- .hvr-curl-top-right:hover:before {
- width: 25px;
- height: 25px
- }
- .hvr-curl-bottom-right {
- transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- backface-visibility: hidden;
- position: relative
- }
- .hvr-curl-bottom-right:before {
- position: absolute;
- height: 0;
- width: 0;
- bottom: 0;
- background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
- box-shadow: -1px -1px 1px rgba(0, 0, 0, .4);
- transition-duration: .3s;
- transition-property: width, height
- }
- .hvr-curl-bottom-right:active:before,
- .hvr-curl-bottom-right:focus:before,
- .hvr-curl-bottom-right:hover:before {
- width: 25px;
- height: 25px
- }
- .hvr-curl-bottom-left {
- transform: translateZ(0);
- box-shadow: 0 0 1px transparent;
- backface-visibility: hidden;
- position: relative
- }
- .header,
- .line a,
- .line a::before,
- .line figcaption,
- .line h2,
- .line img,
- .line p,
- .logo,
- .nav a,
- .nav li ul,
- .product-list .title,
- .rsDefault .rsCloseVideoBtn,
- .rsWebkit3d .rsABlock,
- .rsWebkit3d .rsAbsoluteEl,
- .rsWebkit3d .rsBtnCenterer,
- .rsWebkit3d .rsContainer,
- .rsWebkit3d .rsLink,
- .rsWebkit3d .rsOverflow,
- .rsWebkit3d .rsPreloader,
- .rsWebkit3d .rsSlide,
- .rsWebkit3d .rsThumbs,
- .rsWebkit3d img {
- -webkit-backface-visibility: hidden
- }
- .hvr-curl-bottom-left:before {
- pointer-events: none;
- position: absolute;
- content: '';
- height: 0;
- width: 0;
- bottom: 0;
- left: 0;
- background: #fff;
- background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
- box-shadow: 1px -1px 1px rgba(0, 0, 0, .4);
- -webkit-transition-duration: .3s;
- transition-duration: .3s;
- -webkit-transition-property: width, height;
- transition-property: width, height
- }
- .hvr-curl-bottom-left:active:before,
- .hvr-curl-bottom-left:focus:before,
- .hvr-curl-bottom-left:hover:before {
- width: 25px;
- height: 25px
- }
- .nav a:hover {
- color: #fff!important
- }
- #aditional_information {
- position: absolute;
- top: 335px;
- left: 0;
- z-index: 2;
- width: 345px;
- display: none;
- color: #fff
- }
- .news-details {
- margin-top: 75px
- }
- .news-details img {
- max-width: 100% !important;
- height: auto !important;
- }
- .news-details .widget-title {
- padding-bottom: 0!important
- }
- .news-details .luxento-meta-data {
- margin-top: 20px!important
- }
- .news-details .entry-detail p {
- font-size: 16px;
- line-height: 24px!important;
- color: #616161;
- padding-top: 10px
- }
- .luxento-custom-entry-title a,
- .luxento-list-tag a {
- color: #3ABDCB!important
- }
- .news-details .entry-detail img {
- padding: 10px 0
- }
- .news-details h1 {
- letter-spacing: 1.4px
- }
- .news-details .luxento-has-bot-line::before {
- border-bottom: 0!important
- }
- .luxento-list-tag a {
- font-size: 15px!important;
- padding-left: 8px!important;
- padding-right: 8px!important
- }
- .luxento-list-tag a:hover {
- background-color: #40BFCC!important;
- border: 1px solid #40BFCC!important;
- color: #fff!important
- }
- .luxento-paginator a,
- .luxento-paginator span {
- height: 30px!important;
- width: 30px!important;
- line-height: 30px!important;
- color: #717171!important;
- font-size: 12pt;
- transition: all .1s ease-out
- }
- #luxento-main-content h1,
- #luxento-main-content h2 {
- line-height: normal;
- font-family: LatoLight;
- font-weight: lighter
- }
- .luxento-paginator .current,
- .luxento-paginator .page-numbers:hover {
- background-color: #3ABDCB!important;
- color: #FFF!important
- }
- #luxento-main-content {
- margin-top: 180px
- }
- #luxento-main-content h1 {
- color: #01abbd;
- font-size: 2em;
- margin: 20px 0
- }
- #luxento-main-content h2 {
- font-size: 25px
- }
- #luxento-main-content h3 {
- font-size: 20px;
- line-height: normal;
- font-family: LatoLight;
- font-weight: lighter
- }
- #luxento-main-content h4,
- #luxento-main-content h5 {
- font-size: 15px;
- line-height: normal
- }
- #luxento-main-content h4 {
- font-family: Lato
- }
- #luxento-main-content p {
- line-height: normal;
- font-size: 14px
- }
- #luxento-main-content .home-first {
- width: 615px;
- height: 615px;
- overflow: hidden
- }
- #luxento-main-content .home-second,
- #luxento-main-content .home-thirdy {
- width: 615px;
- height: 300px;
- overflow: hidden
- }
- #luxento-main-content .most-readed p {
- color: #bdbdbd;
- font-family: LatoLight
- }
- #luxento-main-content .most-readed ul {
- margin-top: 0!important
- }
- .luxento-icon-article {
- background-color: #3ABDCB!important
- }
- .container .widget-content h4 a {
- transition: all .1s cubic-bezier(.4, 0, 0, .81)
- }
- .container .widget-content h4 a:hover {
- border-bottom: 1px solid #3ABDCB
- }
- .container .widget-title h5 a {
- color: #54585B!important;
- font-size: 18px
- }
- .container .entry-title a:hover,
- .container .widget-title h5 a:hover {
- color: #3ABDCB!important
- }
- .container .text_place p {
- color: #74cede
- }
- .container .news_container {
- margin-top: 145px
- }
- @media (max-width: 1200px) {
- #luxento-main-content h1,
- #luxento-main-content h2 {
- font-size: 25px
- }
- #luxento-main-content h3 {
- font-size: 14px
- }
- #luxento-main-content .home-first,
- #luxento-main-content .home-second,
- #luxento-main-content .home-thirdy {
- width: auto;
- height: auto
- }
- }
- .produto.produto-new {
- width: 1000px; padding: 0px 10px; margin-top: 70px;
- }
- .produto .informacoes h3 {
- color: #18B2CC;
- font-size: 15px;
- font-family: 'Gotham-Book';
- line-height: 25px;
- float: left;
- width: 100%;
- margin: 10px 0 0;
- min-width: 93px
- }
- .produto .product-description {
- float: left;
- color: #666;
- text-align: justify;
- width: 100%;
- margin-top: 11px;
- margin-bottom: 17px;
- font-size: 15px;
- font-family: 'Gotham-Light';
- line-height: 22.5px;
- }
- .btn-add-success {
- background-color: #29A501!important
- }
- .btn-add-success::before {
- background-image: url(../img/icones/success.png)!important
- }
- .modal-lista-produto {
- color: #999
- }
- .modal-lista-produto .color-intensity {
- margin: 5px 0;
- font-size: 15px;
- font-family: Lato;
- text-align: right;
- display: inline-block;
- vertical-align: top;
- min-width: 97px
- }
- .modal-lista-produto .add-operation {
- border-left: 1px solid #a7a9ac;
- display: inline-block;
- font-family: Lato;
- font-size: 15px;
- margin: 0 0 0 9px;
- min-height: 37px;
- padding-left: 10px;
- position: relative;
- text-align: left;
- vertical-align: top;
- width: 73%
- }
- .modal-lista-produto .add-operation-reference {
- float: left;
- font-size: 9pt;
- padding: 5px 0
- }
- .modal-lista-produto input {
- color: #2996a4;
- border-top: 0;
- border-left: 0;
- border-right: 0;
- border-bottom: 1px solid #559096;
- background-color: transparent;
- padding: 0 0 6px
- }
- .modal-lista-produto .send {
- margin: 10px 0;
- padding: 0 2px;
- transition-timing-function: cubic-bezier(.005, .625, .365, .084);
- border-radius: 5%
- }
- .modal-lista-produto .send:hover {
- background-color: #2996a4;
- color: #fff
- }
- .session_products {
- display: none;
- width: 960px;
- border-top: 1px dotted #c1c1c1;
- margin: 40px auto 0;
- padding-top: 25px
- }
- .session_products ul li {
- min-height: 149px;
- min-width: 109px
- }
- .session_products ul li .data-container {
- position: relative;
- display: block;
- font-size: .875em;
- font-weight: 300;
- line-height: 1.15em;
- color: #0189a5;
- border-radius: 2px
- }
- .session_products ul li .data-container .centraliza {
- line-height: 100px
- }
- .jspContainer {
- overflow: hidden;
- position: relative
- }
- .jspHorizontalBar,
- .jspPane,
- .jspVerticalBar {
- position: absolute
- }
- .jspVerticalBar {
- top: 0;
- right: 0;
- width: 5px;
- height: 100%
- }
- .jspHorizontalBar {
- bottom: 0;
- left: 0;
- width: 100%;
- height: 16px;
- background: red
- }
- .jspDrag,
- .jspTrack,
- .royalSlider,
- .rsOverflow {
- position: relative
- }
- .jspCap {
- display: none
- }
- .jspHorizontalBar .jspCap {
- float: left
- }
- .jspDrag {
- background: #e6e6e6;
- top: 0;
- left: 0;
- cursor: pointer;
- border-radius: 3px
- }
- .jspHorizontalBar .jspDrag,
- .jspHorizontalBar .jspTrack {
- float: left;
- height: 100%
- }
- .jspArrow {
- background: #50506d;
- text-indent: -20000px;
- display: block;
- cursor: pointer;
- padding: 0;
- margin: 0
- }
- .jspArrow.jspDisabled {
- cursor: default;
- background: #80808d
- }
- .rsArrow,
- .rsThumbs,
- .rsThumbsArrow {
- cursor: pointer
- }
- .jspVerticalBar .jspArrow {
- height: 16px
- }
- .jspHorizontalBar .jspArrow {
- width: 16px;
- float: left;
- height: 100%
- }
- .jspVerticalBar .jspArrow:focus {
- outline: 0
- }
- .jspCorner {
- background: #eeeef4;
- float: left;
- height: 100%
- }
- * html .jspCorner {
- margin: 0 -3px 0 0
- }
- .royalSlider {
- /*width: 600px;
- height: 400px;*/
- position: relative;
- direction: ltr
- }
- .rsContainer,
- .rsOverflow,
- .rsVisibleNearbyWrap {
- height: 100%;
- -webkit-tap-highlight-color: transparent;
- width: 100%
- }
- .royalSlider>* {
- float: left
- }
- .rsWebkit3d .rsSlide {
- -webkit-transform: translateZ(0)
- }
- .rsFade.rsWebkit3d .rsContainer,
- .rsFade.rsWebkit3d .rsSlide,
- .rsFade.rsWebkit3d img {
- -webkit-transform: none
- }
- .rsOverflow {
- width: 100%;
- height: 100%;
- position: relative;
- overflow: hidden;
- float: left;
- -webkit-tap-highlight-color: rgba(0,0,0,0);
- }
- .rsVisibleNearbyWrap {
- position: relative;
- overflow: hidden;
- left: 0;
- top: 0
- }
- .rsVisibleNearbyWrap .rsOverflow {
- position: absolute;
- left: 0;
- top: 0
- }
- .rsContainer {
- position: relative;
- width: 100%;
- height: 100%;
- -webkit-tap-highlight-color: rgba(0,0,0,0);
- }
- .rsThumb {
- float: left;
- position: relative
- }
- .rsArrow,
- .rsNav,
- .rsThumbsArrow {
- opacity: 1;
- -webkit-transition: opacity .3s linear;
- -moz-transition: opacity .3s linear;
- -o-transition: opacity .3s linear;
- transition: opacity .3s linear
- }
- .rsHidden {
- opacity: 1;
- visibility: visible;
- -webkit-transition: visibility 0s linear .3s, opacity .3s linear;
- -moz-transition: visibility 0s linear .3s, opacity .3s linear;
- -o-transition: visibility 0s linear .3s, opacity .3s linear;
- transition: visibility 0s linear .3s, opacity .3s linear
- }
- .rsGCaption {
- width: 100%;
- float: left;
- text-align: center
- }
- .royalSlider.rsFullscreen {
- position: fixed!important;
- height: auto!important;
- width: auto!important;
- margin: 0!important;
- padding: 0!important;
- z-index: 2147483647!important;
- top: 0!important;
- left: 0!important;
- bottom: 0!important;
- right: 0!important
- }
- .rsDefault.rsVer .rsArrowRight,
- .rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
- bottom: 0;
- left: 0
- }
- .royalSlider .rsSlide.rsFakePreloader {
- opacity: 1!important;
- -webkit-transition: 0s;
- -moz-transition: 0s;
- -o-transition: 0s;
- transition: 0s;
- display: none
- }
- .rsSlide {
- position: absolute;
- left: 0;
- top: 0;
- display: block;
- overflow: hidden;
- height: 100%;
- width: 100%
- }
- .royalSlider.rsAutoHeight,
- .rsAutoHeight .rsSlide {
- height: auto
- }
- .rsContent {
- width: 100%;
- height: 100%;
- position: relative
- }
- .rsPreloader {
- position: absolute;
- z-index: 0
- }
- .rsNav {
- -moz-user-select: -moz-none;
- -webkit-user-select: none;
- user-select: none
- }
- .rsNavItem {
- -webkit-tap-highlight-color: rgba(0, 0, 0, .25)
- }
- .rsThumbs {
- position: relative;
- overflow: hidden;
- float: left;
- z-index: 22
- }
- .rsTabs {
- float: left;
- background: 0 0!important
- }
- .rsTabs,
- .rsThumbs {
- -webkit-tap-highlight-color: transparent
- }
- .rsVideoContainer {
- width: auto;
- height: auto;
- line-height: 0;
- position: relative
- }
- .rsVideoFrameHolder {
- position: absolute;
- left: 0;
- top: 0;
- background: #141414;
- opacity: 0;
- -webkit-transition: .3s
- }
- .rsVideoFrameHolder.rsVideoActive {
- opacity: 1
- }
- .rsVideoContainer .rsVideoObj,
- .rsVideoContainer embed,
- .rsVideoContainer iframe,
- .rsVideoContainer video {
- position: absolute;
- z-index: 50;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%
- }
- .rsVideoContainer.rsIOSVideo embed,
- .rsVideoContainer.rsIOSVideo iframe,
- .rsVideoContainer.rsIOSVideo video {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- padding-right: 44px
- }
- .rsABlock {
- left: 0;
- top: 0;
- position: absolute;
- z-index: 15
- }
- img.rsImg {
- max-width: none
- }
- .grab-cursor {
- cursor: url(grab.png) 8 8, move
- }
- .grabbing-cursor {
- cursor: url(grabbing.png) 8 8, move
- }
- .rsNoDrag {
- cursor: auto
- }
- .rsLink {
- left: 0;
- top: 0;
- position: absolute;
- width: 100%;
- height: 100%;
- display: block;
- z-index: 20;
- background: url(blank.gif)
- }
- .rsDefault,
- .rsDefault .rsOverflow,
- .rsDefault .rsSlide,
- .rsDefault .rsThumbs,
- .rsDefault .rsVideoFrameHolder {
- color: #FFF
- }
- .rsDefault .rsArrow {
- height: 100%;
- position: absolute;
- display: block;
- cursor: pointer;
- z-index: 21
- }
- .rsDefault.rsVer .rsArrow {
- width: 100%;
- height: 44px
- }
- .rsDefault.rsVer .rsArrowLeft {
- top: 0;
- left: 0
- }
- .rsDefault.rsHor .rsArrowLeft {
- left: 0;
- top: 0
- }
- .rsDefault.rsHor .rsArrowRight {
- right: 0;
- top: 0
- }
- .rsDefault .rsArrowIcn {
- top: 50%;
- position: absolute;
- cursor: pointer
- }
- .rsDefault .rsArrowDisabled .rsArrowIcn {
- opacity: .2;
- filter: alpha(opacity=20)
- }
- .rsDefault .rsBullets {
- position: absolute;
- z-index: 35;
- left: 0;
- width: 100%;
- height: auto;
- margin: 0 auto;
- text-align: center;
- overflow: hidden
- }
- .rsDefault .rsBullet {
- display: inline-block
- }
- .rsDefault .rsBullet span {
- display: block;
- border-radius: 50%
- }
- .rsDefault .rsBullet.rsNavSelected span {
- background-color: #eee
- }
- .rsDefault .rsThumbsHor {
- width: 100%;
- height: 72px
- }
- .rsDefault .rsThumbsVer {
- width: 96px;
- height: 100%;
- position: absolute;
- top: 0;
- right: 0
- }
- .rsDefault.rsWithThumbsHor .rsThumbsContainer {
- position: relative;
- height: 100%
- }
- .rsDefault.rsWithThumbsVer .rsThumbsContainer {
- position: relative;
- width: 100%
- }
- .rsDefault .rsThumb {
- float: left;
- overflow: hidden;
- width: 96px;
- height: 72px
- }
- .rsDefault .rsThumb img {
- width: 100%;
- height: 100%
- }
- .rsDefault .rsThumb.rsNavSelected {
- background: #02874a
- }
- .rsDefault .rsThumb.rsNavSelected img {
- opacity: .3;
- filter: alpha(opacity=30)
- }
- .rsDefault .rsTmb {
- display: block
- }
- .rsDefault .rsTmb h5 {
- font-size: 16px;
- margin: 0;
- padding: 0;
- line-height: 20px;
- color: #FFF
- }
- .rsDefault .rsTmb span {
- color: #DDD;
- margin: 0;
- padding: 0;
- font-size: 13px;
- line-height: 18px
- }
- .rsDefault .rsThumbsArrow {
- height: 100%;
- width: 20px;
- position: absolute;
- display: block;
- cursor: pointer;
- z-index: 21;
- background: #000;
- background: rgba(0, 0, 0, .75)
- }
- .rsDefault .rsThumbsArrow:hover {
- background: rgba(0, 0, 0, .9)
- }
- .rsDefault.rsWithThumbsVer .rsThumbsArrow {
- width: 100%;
- height: 20px
- }
- .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
- top: 0;
- left: 0
- }
- .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
- left: 0;
- top: 0
- }
- .rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
- right: 0;
- top: 0
- }
- .rsDefault .rsThumbsArrowIcn {
- width: 16px;
- height: 16px;
- top: 50%;
- left: 50%;
- margin-top: -8px;
- margin-left: -8px;
- position: absolute;
- cursor: pointer;
- background: url(rs-default.png)
- }
- .rsDefault .rsThumbsArrowDisabled {
- display: none!important
- }
- @media screen and (min-width: 0px) and (max-width: 800px) {
- .rsDefault .rsThumb {
- width: 59px;
- height: 44px
- }
- .rsDefault .rsThumbsHor {
- height: 44px
- }
- .rsDefault .rsThumbsVer {
- width: 59px
- }
- }
- .rsDefault .rsTabs {
- width: 100%;
- height: auto;
- margin: 0 auto;
- text-align: center;
- overflow: hidden;
- padding-top: 12px;
- position: relative
- }
- .rsDefault .rsTab {
- display: inline-block;
- cursor: pointer;
- text-align: center;
- height: auto;
- width: auto;
- color: #333;
- padding: 5px 13px 6px;
- min-width: 72px;
- border: 1px solid #D9D9DD;
- border-right: 1px solid #f5f5f5;
- text-decoration: none;
- background-color: #FFF;
- background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
- background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
- background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
- -webkit-box-shadow: inset 1px 0 0 #fff;
- box-shadow: inset 1px 0 0 #fff
- }
- .rsDefault .rsTab:first-child {
- -webkit-border-top-left-radius: 4px;
- border-top-left-radius: 4px;
- -webkit-border-bottom-left-radius: 4px;
- border-bottom-left-radius: 4px
- }
- .rsDefault .rsTab:last-child {
- -webkit-border-top-right-radius: 4px;
- border-top-right-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- border-bottom-right-radius: 4px;
- border-right: 1px solid #cfcfcf
- }
- .rsDefault .rsTab:active {
- border: 1px solid #D9D9DD;
- background-color: #f4f4f4;
- box-shadow: 0 1px 4px rgba(0, 0, 0, .2) inset
- }
- .rsDefault .rsTab.rsNavSelected {
- color: #FFF;
- border: 1px solid #999;
- text-shadow: 1px 1px #838383;
- box-shadow: 0 1px 9px rgba(102, 102, 102, .65) inset;
- background: #ACACAC;
- background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
- background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
- background-image: linear-gradient(to bottom, #ACACAC, #BBB)
- }
- .rsDefault .rsFullscreenBtn {
- right: 0;
- top: 0;
- width: 44px;
- height: 44px;
- z-index: 22;
- display: block;
- position: absolute;
- cursor: pointer
- }
- .rsDefault .rsFullscreenIcn {
- display: block;
- margin: 6px;
- width: 32px;
- height: 32px;
- background: url(rs-default.png) #000;
- background-color: rgba(0, 0, 0, .75);
- border-radius: 2px
- }
- .rsDefault .rsFullscreenIcn:hover {
- background-color: rgba(0, 0, 0, .9)
- }
- .rsDefault.rsFullscreen .rsFullscreenIcn {
- background-position: -32px 0
- }
- .rsDefault .rsPlayBtn {
- -webkit-tap-highlight-color: rgba(0, 0, 0, .3);
- width: 64px;
- height: 64px;
- margin-left: -32px;
- margin-top: -32px;
- cursor: pointer
- }
- .rsDefault .rsPlayBtnIcon {
- width: 64px;
- display: block;
- height: 64px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- -webkit-transition: .3s;
- -moz-transition: .3s;
- transition: .3s;
- background: url(rs-default.png) 0 -32px no-repeat #000;
- background-color: rgba(0, 0, 0, .75)
- }
- .rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
- background-color: rgba(0, 0, 0, .9)
- }
- .rsDefault .rsBtnCenterer {
- position: absolute;
- left: 50%;
- top: 50%
- }
- .rsDefault .rsCloseVideoBtn {
- right: 0;
- top: 0;
- width: 44px;
- height: 44px;
- z-index: 500;
- position: absolute;
- cursor: pointer;
- -webkit-transform: translateZ(0)
- }
- .rsDefault .rsCloseVideoBtn.rsiOSBtn {
- top: -38px;
- right: -6px
- }
- .rsDefault .rsCloseVideoIcn {
- margin: 6px;
- width: 32px;
- height: 32px;
- background: url(rs-default.png) -64px 0 #000;
- background-color: rgba(0, 0, 0, .75)
- }
- .rsDefault .rsCloseVideoIcn:hover {
- background-color: rgba(0, 0, 0, .9)
- }
- .rsDefault .rsPreloader {
- left: 50%;
- top: 50%;
- margin-left: -10px;
- margin-top: -10px
- }
- .rsDefault .rsGCaption {
- position: absolute;
- float: none;
- bottom: 6px;
- left: 6px;
- text-align: left;
- background: #000;
- background: rgba(0, 0, 0, .75);
- color: #FFF;
- padding: 2px 8px;
- width: auto;
- font-size: 12px;
- border-radius: 2px
- }
- .container,
- .nav a,
- .nav li,
- .nav ul {
- position: relative
- }
- @font-face {
- font-family: Lato;
- src: url(../fonts/Lato.eot);
- src: url(../fonts/Lato.eot) format('embedded-opentype'), url(../fonts/Lato.woff2) format('woff2'), url(../fonts/Lato.woff) format('woff'), url(../fonts/Lato.ttf) format('truetype'), url(../fonts/Lato.svg#Lato) format('svg')
- }
- @font-face {
- font-family: LatoLight;
- src: url(../fonts/LatoLight.eot);
- src: url(../fonts/LatoLight.eot) format('embedded-opentype'), url(../fonts/LatoLight.woff2) format('woff2'), url(../fonts/LatoLight.woff) format('woff'), url(../fonts/LatoLight.ttf) format('truetype'), url(../fonts/LatoLight.svg#LatoLight) format('svg')
- }
- @font-face {
- font-family: LatoBold;
- src: url(../fonts/LatoBold.eot);
- src: url(../fonts/LatoBold.eot) format('embedded-opentype'), url(../fonts/LatoBold.woff2) format('woff2'), url(../fonts/LatoBold.woff) format('woff'), url(../fonts/LatoBold.ttf) format('truetype'), url(../fonts/LatoBold.svg#LatoBold) format('svg')
- }
- *,
- ::after,
- ::before,
- input[type=search] {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box
- }
- body {
- font-family: Lato, sans-serif;
- color: #222
- }
- .calculator-info h3,
- .calculator-info p,
- .is-index .banner-bdt .tt-destaques {
- font-family: LatoLight
- }
- .is-a-stella,
- .is-conceitos-luminotecnicos,
- .is-midia,
- .is-tecnologia-led {
- color: #4a4743;
- background-color: #d1cec9;
- background-image: radial-gradient(circle at 1% 50%, #eee 0, #ccc 100%)
- }
- .is-index .banner-bdt .tt-destaques {
- border-bottom: 1px solid #9dcace;
- display: inline-block;
- font-size: 20px;
- margin-top: 70px!important;
- padding-bottom: 10px;
- width: 100%
- }
- .container {
- width: 98%;
- max-width: 985px;
- margin: 0 auto
- }
- figure,
- h5 {
- margin: 0
- }
- main[role=main] {
- min-height: 600px
- }
- .col {
- float: left;
- width: 100%;
- padding-left: 2.5%;
- padding-right: 2.5%
- }
- .col-1-2 {
- width: 50%
- }
- .col-1-3 {
- width: 33.333333333%
- }
- .col-2-3 {
- width: 66.666666666%
- }
- .col-1-4 {
- width: 25%
- }
- .col-3-4 {
- width: 75%
- }
- .col-1-5 {
- width: 20%
- }
- .col-2-5 {
- width: 40%
- }
- .col-3-5 {
- width: 60%
- }
- .clear {
- clear: left
- }
- .cf::after,
- .result,
- .warning {
- clear: both
- }
- @media all and (max-width: 38em) {
- .col {
- padding-left: 5%;
- padding-right: 5%
- }
- .col-1-2,
- .col-1-3,
- .col-2-3 {
- width: 100%
- }
- }
- @media all and (min-width: 110em) {
- .col-1-2,
- .footer .col-1-2,
- .led-types .col-1-2 {
- width: 50%
- }
- }
- .cf::after,
- .cf::before {
- content: "";
- display: table
- }
- .ir {
- font: 0/0 a;
- text-shadow: none;
- color: transparent
- }
- h1,
- h2,
- h3 {
- line-height: 1.1em
- }
- h4,
- h5 {
- font-weight: 400;
- color: #a4babe
- }
- .is-hidden {
- display: none;
- visibility: hidden
- }
- h1,
- h2,
- h3,
- h4,
- h5 {
- font-weight: 400;
- text-transform: uppercase
- }
- h1 {
- font-size: 3.25em
- }
- h2 {
- font-size: 2.75em
- }
- h2 b {
- font-weight: 400
- }
- h3 {
- font-size: 2.25em
- }
- h4 {
- font-size: 1.125em
- }
- h5 {
- font-size: 1em
- }
- @media all and (max-width: 50em) {
- h1 {
- font-size: 2.75em
- }
- h2 {
- font-size: 2.25em
- }
- h3 {
- font-size: 1.75em
- }
- h4 {
- font-size: 1em
- }
- }
- @media all and (max-width: 38em) {
- h1 {
- font-size: 2.25em
- }
- h2 {
- font-size: 1.75em
- }
- h3 {
- font-size: 1.5em
- }
- }
- hr {
- display: block;
- height: 1px;
- border: 0;
- border-top: 1px solid #ccc;
- margin: 1em 0;
- padding: 0
- }
- .is-index figure {
- line-height: 0
- }
- ::selection {
- color: #fff;
- background: rgba(70, 199, 214, .5)
- }
- .form label {
- display: block;
- width: auto;
- padding: .4em 0;
- margin-bottom: -35px;
- text-transform: uppercase;
- color: #737e80
- }
- .form input,
- .form textarea {
- width: 100%;
- padding: .4em 0 .4em 3.4em;
- margin-bottom: .5em;
- font-weight: 300;
- background: 0 0;
- border: none;
- border-bottom: 1px solid #559096;
- border-radius: 0;
- -webkit-transition: border .3s, color .3s;
- -moz-transition: border .3s, color .3s;
- -ms-transition: border .3s, color .3s;
- -o-transition: border .3s, color .3s;
- transition: border .3s, color .3s
- }
- .header,
- .rsDefault .rsArrowIcn {
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -ms-transition: all .3s;
- -o-transition: all .3s
- }
- .form textarea {
- padding-top: 1.8em;
- padding-left: 0;
- resize: none
- }
- .form input[type=submit] {
- clear: both;
- width: auto;
- padding: 0;
- margin-top: 1em;
- font-size: 1em;
- font-weight: 300;
- text-transform: uppercase;
- color: #b8c9cc;
- background: 0 0;
- border: none
- }
- .form input[type=submit]:focus,
- .form input[type=submit]:hover {
- color: #008a9c
- }
- .form input:hover,
- .form textarea:hover {
- border-color: #b8c9cc
- }
- .form input:focus,
- .form textarea:focus {
- color: #fff;
- border-color: #fff;
- outline: 0
- }
- .form label.error {
- display: none!important
- }
- .logo,
- .nav li {
- display: inline-block
- }
- .form input.error,
- .form input.error~label,
- .form textarea.error {
- color: #dd6f6f;
- border-color: #dd6f6f
- }
- .header {
- position: absolute;
- top: 0;
- z-index: 200;
- width: 100%;
- /*padding-bottom: 2em;*/
- text-align: center;
- transition: all .3s;
- height: 180px;
- /*background:rgba(9,173,191,.8)*/
- background: rgba(6, 108, 119, 0.8);
- background: #14B3CC;
- }
- .logo {
- background: url(../img/stella-logo.png) center center no-repeat rgba(0, 0, 0, 0);
- height: 53px;
- margin-bottom: 10px;
- margin-top: 25px;
- padding: 0;
- text-indent: -9999em;
- transition: all .3s ease 0s;
- width: 244px
- }
- .absolute-logos {
- left: 50%;
- margin-left: 305px;
- position: absolute;
- top: 16px;
- vertical-align: middle;
- ;
- float: left;
- width: 100px;
- }
- .absolute-logos img {
- vertical-align: middle;
- margin: 5px;
- }
- .nav {
- line-height: 1.5em;
- font-size: 13px;
- font-weight: 400
- }
- .nav ul {
- margin: 0;
- padding: 0;
- list-style: none
- }
- .nav li {
- height: auto;
- vertical-align: top
- }
- .nav .icn-calc::before,
- .nav .icn-lista::before {
- height: 23px;
- left: 0;
- vertical-align: top;
- content: ""
- }
- .l1 {
- margin-top: 15px
- }
- .nav a {
- padding: .625em 19px;
- text-decoration: none;
- text-transform: uppercase;
- color: #fff;
- -webkit-transition: color .3s, background .3s, padding .3s;
- -moz-transition: color .3s, background .3s, padding .3s;
- -ms-transition: color .3s, background .3s, padding .3s;
- -o-transition: color .3s, background .3s, padding .3s;
- transition: color .3s, background .3s, padding .3s
- }
- .nav .icn-calc,
- .nav .icn-lista {
- display: block;
- line-height: 15px;
- margin-left: 19px;
- padding-right: 0;
- text-align: left
- }
- .nav a:hover {
- text-decoration: underline;
- text-shadow: 0 1px 1px rgba(0, 0, 0, .15);
- background-position: 0 0
- }
- .nav li:nth-child(1) a {
- padding-left: 0
- }
- .nav .icn-calc::before {
- background: url(../img/icn_calc.png) center center no-repeat rgba(0, 0, 0, .2);
- border: none;
- border-radius: 50%;
- display: block;
- margin-right: 5px;
- padding: 0;
- position: absolute;
- width: 23px
- }
- .nav .icn-calc {
- margin-right: 9px;
- padding-left: 29px;
- width: 122px
- }
- .nav .icn-lista::before {
- background: url(../img/icn_lista.png) center center no-repeat rgba(0, 0, 0, .2);
- border: none;
- border-radius: 50%;
- display: block;
- margin-right: 5px;
- padding: 0;
- position: absolute;
- width: 23px
- }
- .nav .icn-lista {
- padding-left: 29px;
- width: 102px
- }
- .nav-top-contato {
- height: 58px!important
- }
- .box-lista-prod {
- position: absolute;
- right: 0;
- top: 57px;
- width: 240px;
- background-color: #FFF;
- -webkit-box-shadow: -1px 1px 4px 0 rgba(0, 0, 0, .15);
- -moz-box-shadow: -1px 1px 4px 0 rgba(0, 0, 0, .15);
- box-shadow: -1px 1px 4px 0 rgba(0, 0, 0, .15);
- display: none
- }
- .cont-lista-prod {
- width: 220px;
- max-height: 230px;
- padding: 5px 10px;
- overflow: hidden;
- margin: 5px 0 0 15px
- }
- .item-lista-prod {
- width: 210px;
- border-bottom: 1px solid #e6e6e6;
- text-align: left;
- padding: 5px 0
- }
- .item-lista-prod img {
- display: inline-block;
- width: 45px;
- margin-right: 5px
- }
- .item-lista-prod .infos-item-lista {
- display: inline-block;
- width: 155px;
- vertical-align: top
- }
- .item-lista-prod .infos-item-lista strong {
- display: block;
- font-size: 10px;
- text-align: left;
- color: #000;
- line-height: 10px;
- margin-bottom: 5px
- }
- .item-lista-prod .infos-item-lista span {
- display: inline-block;
- font-size: 10px;
- color: #000;
- line-height: 12px;
- vertical-align: top;
- padding-right: 7px
- }
- .bt-ir-lista {
- background-color: #0189a5;
- padding: 0 0 0 25px!important;
- border-radius: 5px;
- display: inline-block;
- height: 40px;
- line-height: 40px;
- text-align: center;
- width: 210px;
- margin: 10px
- }
- .bt-ir-lista:before {
- background-image: url(../img/ico-adicionar-lista.png);
- content: "";
- display: block;
- height: 18px;
- left: 40px;
- position: absolute;
- top: 12px;
- width: 18px
- }
- .corpo {
- position: relative
- }
- .product-list li:hover .bg-adiciona-lista {
- -webkit-transform: none;
- -moz-transform: none;
- -ms-transform: none;
- -o-transform: none;
- transform: none;
- opacity: 1;
- zoom: 100%
- }
- .bg-adiciona-lista {
- opacity: 0;
- zoom: 99%;
- -webkit-transition: none;
- -moz-transition: none;
- -ms-transition: none;
- -o-transition: none;
- transition: none;
- width: 29px;
- height: 29px;
- text-indent: -9999px;
- font-size: 0;
- z-index: 111;
- right: 10px;
- top: 10px;
- position: absolute!important
- }
- .bg-adiciona-lista img {
- display: block!important
- }
- .utilizar-lista {
- font-size: 14px;
- position: absolute;
- right: 0;
- top: 10px;
- width: 180px!important
- }
- .utilizar-lista::before {
- background: url(../img/ico-lista.png) rgba(0, 0, 0, 0);
- content: "";
- display: block;
- height: 38px;
- left: -50px;
- margin-right: 5px;
- padding: 0;
- position: absolute;
- top: 7px;
- vertical-align: top;
- width: 37px
- }
- .led-features li span,
- .number,
- .number input {
- vertical-align: middle
- }
- .nav .nav-dropdown {
- position: absolute;
- top: 27px;
- left: -50px;
- padding: 0;
- white-space: nowrap;
- background: 0 0;
- visibility: hidden;
- opacity: 0;
- border-radius: 2px;
- /*box-shadow: 0 1px 5px rgba(0, 0, 0, .1);*/
- margin-bottom: 20px;
- /*width: 920px*/
- }
- .nav .suporte {
- width: 202px;
- left: -54px
- }
- .nav li:hover .nav-dropdown {
- visibility: visible;
- opacity: 1;
- -webkit-transform: none;
- -moz-transform: none;
- -ms-transform: none;
- -o-transform: none;
- transform: none
- }
- .is-busca .nav li.menu-link-produtos:hover .nav-dropdown,
- .is-produtos .nav li.menu-link-produtos:hover .nav-dropdown,
- .nav-toggle {
- opacity: 0;
- visibility: hidden
- }
- .nav .nav-dropdown::before {
- position: absolute;
- bottom: 100%;
- left: 368px;
- margin-left: -272px;
- border-bottom: 5px solid #fff;
- border-bottom: 5px solid rgba(0, 138, 154, .85);
- border-left: 5px solid transparent;
- border-right: 5px solid transparent;
- content: ""
- }
- .nav-dropdown.menu1::before {
- margin-left: -212px
- }
- .nav .nav-dropdown a {
- color: #FFF
- }
- .nav .nav-dropdown a.is-active,
- .nav .nav-dropdown a:hover {
- text-decoration: none;
- text-shadow: none;
- color: #008a9c
- }
- .is-touch .nav .nav-dropdown {
- left: -110px
- }
- .is-touch .nav .nav-dropdown a {
- left: 0
- }
- .nav-toggle {
- position: absolute;
- top: -1em;
- left: -1em
- }
- .nav-toggle+label {
- display: none;
- position: relative;
- width: 44px;
- height: 44px;
- margin: 0 auto;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- -o-user-select: none;
- user-select: none;
- -webkit-transition: background .3s, color .3s;
- -moz-transition: background .3s, color .3s;
- -ms-transition: background .3s, color .3s;
- -o-transition: background .3s, color .3s;
- transition: background .3s, color .3s
- }
- .nav-toggle+label::before {
- position: absolute;
- top: 50%;
- left: 10px;
- width: 24px;
- height: 3px;
- margin-top: -2px;
- background: #fff;
- box-shadow: 0 -7px 0 #fff, 0 7px 0 #fff;
- content: "";
- -webkit-transition: background .3s, box-shadow .3s;
- -moz-transition: background .3s, box-shadow .3s;
- -ms-transition: background .3s, box-shadow .3s;
- -o-transition: background .3s, box-shadow .3s;
- transition: background .3s, box-shadow .3s
- }
- .nav-toggle:checked+label::before {
- background: #008a9a;
- box-shadow: 0 -9px 0 #008a9a, 0 9px 0 #008a9a
- }
- @media all and (max-width: 48em) {
- .nav a {
- padding: .6em 1.3em
- }
- .nav .nav-dropdown {
- left: -1.15em!important
- }
- }
- .banner {
- position: relative;
- width: 100%;
- /*height: 100%;
- min-height: 700px;
- max-height: 700px;*/
- /*text-align: center;
- background-color: #145A63!important;
- overflow: hidden*/
- }
- .is-index .banner,
- .is-index .banner figure {
- text-align: left
- }
- .button-group,
- .is-tecnologia-led main h1,
- .is-tecnologia-led main h2,
- .is-tecnologia-led main h3,
- .is-tecnologia-led main h4,
- .led-features,
- .line,
- .number input,
- .product-list a,
- .products .col,
- .spot {
- text-align: center
- }
- /*.is-index .banner img {
- left: 50%;
- margin-left: -960px;
- position: relative
- }*/
- .banner--small {
- min-height: 180px;
- background-color: transparent!important
- }
- .banner a {
- display: block
- }
- .banner figcaption {
- position: absolute;
- top: 43%;
- left: 50%;
- z-index: 10;
- width: 70%;
- max-width: 560px;
- margin-left: -280px;
- color: #fff
- }
- .banner--small figcaption {
- top: 45%
- }
- .banner h2 {
- font-size: 3em;
- line-height: 1em;
- margin: 0
- }
- .banner p {
- font-size: 1.125em;
- line-height: 1.3em
- }
- .banner p>span {
- display: inline-block;
- padding: .4em .8em .2em;
- margin-top: .5em;
- font-size: .888888889em;
- font-weight: 600;
- text-decoration: none;
- text-transform: uppercase;
- white-space: nowrap;
- color: #fff
- }
- .banner p>span:hover {
- text-decoration: underline
- }
- .banner-economia,
- .banner-economia a,
- .banner-economia h2,
- .button-group a,
- .footer address a,
- .footer--where .face,
- .menu-interno-produtos .menu-interno-linhas ul li a,
- .post-date,
- .post-tags a,
- .post-title a,
- .tag_list a,
- .veja-mais {
- text-decoration: none
- }
- @media all and (max-width: 38em) {
- .banner {
- min-height: 400px
- }
- .banner--small {
- min-height: 90px
- }
- .banner figcaption {
- top: 28%;
- left: 15%;
- max-width: auto;
- margin-left: 0
- }
- .banner h2 {
- font-size: 1.5em;
- font-weight: 500
- }
- .banner p {
- font-size: 1em
- }
- .banner p>span {
- margin-top: 0
- }
- }
- .banner-bdt {
- color: #006573;
- background-color: #c4e3e5;
- background-image: radial-gradient(ellipse at 75% -5%, rgba(0, 0, 0, .25), transparent 50%), radial-gradient(circle at 20.5% 50%, rgba(255, 255, 255, .25), #9ad5d9 20%)
- }
- .banner-bdt figure img {
- max-width: 480px
- }
- @media all and (max-width: 38em) {
- .banner-bdt>.col {
- width: 100%;
- padding: 0 2em
- }
- .banner-bdt figure img {
- float: none;
- max-width: 160px;
- margin: 1em auto 0
- }
- }
- .rsDefault,
- .rsDefault .rsBullets,
- .rsDefault .rsOverflow,
- .rsDefault .rsSlide,
- .rsDefault .rsThumbs,
- .rsDefault .rsVideoFrameHolder {
- background: 0 0
- }
- .rsDefault .rsBullets {
- display: block;
- bottom: 1.25em;
- line-height: 1.25em
- }
- .rsDefault .rsBullet {
- width: 10px;
- height: 10px;
- padding: 0;
- margin: 0 .4em;
- cursor: pointer
- }
- .rsDefault .rsBullet span {
- width: 10px;
- height: 10px;
- background: 0 0;
- border: 1px solid #BBB;
- -webkit-transition: all .3s .15s;
- -moz-transition: all .3s .15s;
- -ms-transition: all .3s .15s;
- -o-transition: all .3s .15s;
- transition: all .3s .15s
- }
- .rsDefault .rsBullet:hover span {
- background: #fff
- }
- .rsDefault .rsNavSelected span {
- background: #DDD
- }
- .rsDefault .rsArrow {
- width: 70px
- }
- .rsDefault .rsArrowIcn {
- left: auto;
- width: 70px;
- height: 130px;
- margin-top: -30px;
- margin-left: 0;
- border-radius: 0;
- transition: all .3s;
- background-image: url(../img/setas-home.png)!important
- }
- .rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
- left: 1.25em;
- background-position: left center
- }
- .rsDefault.rsHor .rsArrowRight .rsArrowIcn {
- right: 1.25em;
- background-position: right center
- }
- .rsDefault .rsArrowIcn:hover {
- background-color: transparent
- }
- .rsDefault .rsArrowLeft:hover .rsArrowIcn {
- -webkit-transform: translateX(-.5em);
- -moz-transform: translateX(-.5em);
- -ms-transform: translateX(-.5em);
- -o-transform: translateX(-.5em);
- transform: translateX(-.5em)
- }
- .rsDefault .rsArrowRight:hover .rsArrowIcn {
- -webkit-transform: translateX(.5em);
- -moz-transform: translateX(.5em);
- -ms-transform: translateX(.5em);
- -o-transform: translateX(.5em);
- transform: translateX(.5em)
- }
- .facebook-feed a:hover,
- .product-list li:hover {
- -webkit-transform: scale(1.1);
- -ms-transform: scale(1.1)
- }
- .rsDefault .rsPreloader {
- width: 24px;
- height: 24px;
- margin: -12px 0 0 -12px;
- background-image: url(../img/loading.gif)
- }
- #filters {
- margin-top: 20px
- }
- .products {
- margin-top: 50px;
- max-width: 985px;
- margin: auto;
- }
- .products>div {
- padding-top: 4em;
- padding-bottom: 2em
- }
- .products h2 {
- color: #008a9c
- }
- .products .col {
- padding: 0;
- margin: 0;
- display: inline
- }
- .product-list {
- position: relative;
- padding: 0;
- margin: 0;
- list-style: none
- }
- .product-list li {
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -ms-transition: all .3s;
- -o-transition: all .3s;
- transition: all .3s;
- display: inline-block;
- width: 22%;
- margin: 0 1% 24px;
- min-height: 290px;
- min-width: 220px;
- background-color: #FFF;
- border: 2px solid #fff;
- /*border-radius: 5px;*/
- overflow: hidden
- }
- #produtos #wrapper {
- overflow: hidden
- }
- @media all and (min-width: 81em) {
- .product-list li {
- width: 9.361111111%
- }
- }
- @media all and (max-width: 65em) {
- .product-list li {
- width: 12.535714286%
- }
- }
- @media all and (max-width: 55em) {
- .product-list li {
- width: 14.916666667%
- }
- }
- @media all and (max-width: 45em) {
- .product-list li {
- width: 18.25%
- }
- }
- @media all and (max-width: 38em) {
- .rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
- left: 0
- }
- .rsDefault.rsHor .rsArrowRight .rsArrowIcn {
- right: 0
- }
- .product-list {
- margin-left: -5%
- }
- .product-list li {
- width: 28.333333333%;
- margin: 0 0 5% 5%
- }
- }
- .product-list .title span,
- .search {
- width: 100%
- }
- .product-list a {
- position: relative;
- display: block;
- font-size: .875em;
- font-weight: 300;
- line-height: 1.15em;
- text-transform: uppercase;
- color: #14B3CC;
- border-radius: 2px
- }
- .product-list .title {
- position: absolute;
- /*bottom: -48px;*/
- left: 0;
- z-index: 100;
- width: 100%;
- opacity: 1;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- -o-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-transform-origin: bottom center;
- -moz-transform-origin: bottom center;
- -ms-transform-origin: bottom center;
- -o-transform-origin: bottom center;
- transform-origin: bottom center;
- font-size: 13px
- }
- .line,
- .list,
- .potency {
- position: relative
- }
- .product-list .title>span {
- display: inline-block;
- padding: .5em;
- background: #eee;
- border-radius: 2px;
- text-transform: none
- }
- .button-group button>span,
- .product-list .title>span span {
- text-transform: lowercase
- }
- .product-list .title>span i {
- font-style: normal
- }
- .product-list .title .ref {
- display: none
- }
- .product-list img {
- max-width: 200px;
- max-height: 200px;
- display: inline-block;
- border-radius: 3px;
- -webkit-transition: all .6s cubic-bezier(.23, 1, .32, 1);
- -moz-transition: all .6s cubic-bezier(.23, 1, .32, 1);
- -ms-transition: all .6s cubic-bezier(.23, 1, .32, 1);
- -o-transition: all .6s cubic-bezier(.23, 1, .32, 1);
- transition: all .6s cubic-bezier(.23, 1, .32, 1)
- }
- .product-list li:hover {
- -moz-transform: scale(1.1);
- -o-transform: scale(1.1);
- transform: scale(1.1);
- border: 2px solid #18B4CD;
- }
- .product-list li:hover .title>span {
- background-color: #18B4CD;
- color: #FFF
- }/*
- .product-list li.stella-pro:hover .title>span {
- background-color: #047383
- }
- .product-list li.stella-jardim:hover .title>span {
- background-color: #bed62f
- }
- .product-list li.fitas-e-acessorios:hover .title>span {
- background-color: #bcbdc0
- }*/
- .button-group {
- padding: 0;
- list-style: none;
- margin-top: 40px
- }
- .button-group a {
- display: inline-block;
- height: 46px;
- line-height: 43px;
- margin: 0 5px 10px;
- color: #666;
- border: none;
- outline: 0;
- border-radius: 0px;
- -webkit-transition: background .3s, color .3s;
- -moz-transition: background .3s, color .3s;
- -ms-transition: background .3s, color .3s;
- -o-transition: background .3s, color .3s;
- transition: background .3s, color .3s;
- border: 2px solid #999999;
- font-size: 11px;
- font-weight: normal;
- font-family: 'Gotham-Book';
- padding: 0 12px;
- }
- .line figcaption,
- .search {
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -ms-transition: all .3s;
- -o-transition: all .3s
- }
- .potency b,
- .search {
- text-transform: uppercase
- }
- .button-group button:active {
- box-shadow: inset 0 0 30px rgba(0, 0, 0, .3)
- }
- .button-group .is-checked {
- color: #fff;
- border: 2px solid #18B4CD;
- background-color: #18B4CD
- }
- .button-group a:hover {
- color: #fff;
- border: 2px solid #999;
- background-color: #999
- }
- @media all and (max-width: 38em) {
- .button-group {
- font-size: .875em
- }
- }
- .no-results {
- display: none
- }
- .potency b,
- .potency h6 {
- display: inline;
- font-weight: 400
- }
- .list {
- padding: 0;
- margin: 0;
- list-style: none;
- min-height: 400px
- }
- .product {
- padding: 4em 0;
- color: #333;
- border-top: 1px solid #dedede
- }
- .product .title {
- margin: 0;
- font-weight: 400;
- color: #008a9c
- }
- .product .title span {
- color: #888
- }
- .search {
- padding: 1em;
- margin: 2em 0;
- font-size: 1.125em;
- color: #787878;
- background: url(../img/icn_search.png) 99% 50% no-repeat #dedede;
- border: none;
- border-radius: 2px;
- box-shadow: 0 0 50px 5px rgba(255, 255, 255, .75), 0 0 0 1px rgba(255, 255, 255, .25);
- transition: all .3s
- }
- .search:focus {
- outline: 0;
- color: #333;
- background-color: #ccc
- }
- @media all and (max-width: 38em) {
- .search {
- font-size: .75em;
- padding: 1.5em
- }
- }
- .product figure {
- float: left;
- width: 53%
- }
- .graph span,
- .info {
- float: right
- }
- .product figure img {
- border: 2px solid #dedede;
- border-radius: 6px
- }
- .info {
- width: 44%
- }
- .potency {
- font-size: 2.25em;
- line-height: 1.1em
- }
- .potency h6 {
- margin: 0;
- font-size: 1em;
- color: #008a9c
- }
- .potency b {
- color: #888
- }
- .potency .equivalence {
- display: block;
- font-size: .75em;
- line-height: 1.25em
- }
- .info .ref {
- margin-top: 2em
- }
- .graph {
- padding: .5em .75em;
- border: 2px solid #dedede;
- border-radius: 6px
- }
- .graph+.graph {
- margin-top: .75em
- }
- .graph span b {
- font-weight: 600;
- color: #008a9c
- }
- .temperature-warm {
- background: linear-gradient(90deg, #fffbbc, rgba(255, 255, 255, 0))
- }
- .temperature-neutral {
- background: linear-gradient(90deg, #fffce9, rgba(255, 255, 255, 0))
- }
- .temperature-cold {
- background: linear-gradient(90deg, #ecf7fc, rgba(255, 255, 255, 0))
- }
- .temperature-amber {
- background: linear-gradient(90deg, #ffd1a5, rgba(255, 255, 255, 0))
- }
- .temperature-red {
- background: linear-gradient(90deg, #fc876f, rgba(255, 255, 255, 0))
- }
- .temperature-green {
- background: linear-gradient(90deg, #d7e06d, rgba(255, 255, 255, 0))
- }
- .temperature-blue {
- background: linear-gradient(90deg, #87d9f5, rgba(255, 255, 255, 0))
- }
- .temperature-rgb {
- background: linear-gradient(90deg, #fc876f, #d7e06d, #87d9f5, rgba(255, 255, 255, 0))
- }
- .specs {
- margin-top: 2em
- }
- .specs h4 {
- display: none;
- font-weight: 600;
- margin: 2em 0 .25em;
- color: #444
- }
- .specs dl {
- margin: 0;
- line-height: 1.6em
- }
- .specs dt {
- float: left;
- padding-right: .5em;
- white-space: nowrap;
- color: #888
- }
- .specs dd {
- margin: 0
- }
- @media all and (max-width: 55em) {
- .product figure {
- width: 44%
- }
- .info {
- width: 53%
- }
- }
- @media all and (max-width: 50em) {
- .product figure {
- width: 33%
- }
- .info {
- width: 60%
- }
- }
- @media all and (max-width: 44em) {
- .info,
- .product figure {
- float: none;
- width: 100%
- }
- .product figure img {
- margin: 0 auto 1.5em
- }
- .info .ref,
- .specs {
- margin-top: 1.25em
- }
- .graph {
- font-size: .875em
- }
- .potency {
- font-size: 1.25em
- }
- }
- .line {
- float: left;
- text-shadow: 0 2px 4px rgba(0, 0, 0, .1);
- overflow: hidden;
- color: #fff
- }
- .line figcaption,
- .line::before {
- position: absolute;
- width: 100%;
- top: 0;
- height: 100%
- }
- .line::before {
- left: 0;
- content: "";
- z-index: 99;
- -webkit-transition: all 1s;
- -moz-transition: all 1s;
- -ms-transition: all 1s;
- -o-transition: all 1s;
- transition: all 1s
- }
- .eco::before {
- background: url(../img/content/home-eco-hover.png) center 100% no-repeat rgba(255, 255, 255, .8);
- background-size: auto 80%
- }
- .pro::before {
- background: url(../img/content/home-pro-hover.png) center 100% no-repeat rgba(255, 255, 255, .8);
- background-size: auto 80%
- }
- .jardim::before {
- background: url(../img/content/home-jardim-hover.png) center 100% no-repeat rgba(255, 255, 255, .8);
- background-size: auto 80%
- }
- .acessorio::before {
- background: url(../img/content/home-fitas-hover.png) center 100% no-repeat rgba(255, 255, 255, .8);
- background-size: auto 80%
- }
- .line:hover::before {
- opacity: 0
- }
- .line img {
- width: 100%;
- height: auto
- }
- .line figcaption {
- z-index: 2;
- background-color: rgba(0, 0, 0, .2);
- box-shadow: inset 0 0 50px rgba(0, 0, 0, .2);
- transition: all .3s
- }
- .line h2,
- .line p {
- opacity: 0;
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -ms-transition: all .3s;
- -o-transition: all .3s
- }
- .is-index .line h2 {
- font-size: 28px
- }
- .line h2 {
- margin: 13% 0 2%;
- font-size: 2.5em;
- font-weight: 300;
- letter-spacing: -1px;
- transition: all .3s
- }
- .line--narrow h2 {
- margin-top: 20%
- }
- .line p {
- font-size: 16px;
- line-height: 1.2em;
- padding: 0 5em;
- transition: all .3s
- }
- .conheca-encontrar .line h2:before,
- .facebook-feed a {
- -webkit-transition: all .3s;
- -ms-transition: all .3s;
- -o-transition: all .3s
- }
- .is-touch .line--narrow:hover h2,
- .line--narrow:hover h2 {
- margin-top: 15%
- }
- .is-touch .line img,
- .is-touch .line p,
- .line:hover h2,
- .line:hover img,
- .line:hover p {
- opacity: 1;
- -webkit-transform: none;
- -moz-transform: none;
- -ms-transform: none;
- -o-transform: none;
- transform: none
- }
- .line.acessorio h2,
- .line.eco h2,
- .line.jardim h2,
- .line.pro h2 {
- font-family: LatoLight
- }
- .line.acessorio h2 b,
- .line.eco h2 b,
- .line.jardim h2 b,
- .line.pro h2 b {
- font-family: LatoBold
- }
- @media all and (max-width: 64em) {
- .is-touch .line h2 {
- margin-top: 17%;
- opacity: 1
- }
- .is-touch .line::before {
- display: none
- }
- .is-touch .banner-novidades .line h2,
- .is-touch .todos-produtos .line h2 {
- font-size: 1.5em;
- margin-top: 7%
- }
- .line p {
- padding: 0 2.5em
- }
- }
- @media all and (max-width: 48em) {
- .is-touch .line h2 {
- font-size: 2em;
- margin-top: 18%;
- opacity: 1
- }
- .is-touch .banner-novidades .line h2,
- .is-touch .todos-produtos .line h2 {
- font-size: 1.3em;
- margin-top: 6%
- }
- .is-touch .conheca-encontrar .line h2 {
- font-size: 1.3em
- }
- .line:hover h2 {
- margin-top: 15%
- }
- .line p {
- padding: 0 1em
- }
- .line::before {
- display: none
- }
- .line {
- font-size: .9375em
- }
- .is-touch .banner-economia h2 {
- font-size: 26px
- }
- .is-touch .banner-economia p {
- margin: 0;
- line-height: 1.3em
- }
- }
- @media all and (min-width: 110em) {
- .line p {
- padding: 0 14em
- }
- .is-touch .line:hover h2,
- .line:hover h2 {
- margin: 13% 0 2%
- }
- .line--narrow.col-1-2 {
- width: 25%
- }
- .line--narrow h2 {
- margin-top: 18%
- }
- }
- .facebook-feed {
- position: relative;
- width: 100%;
- overflow: hidden
- }
- .facebook-feed a {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- z-index: 3;
- width: 100%;
- height: 100%;
- background: url(../img/icn_facebook-fill.png) center no-repeat rgba(0, 103, 117, .7);
- box-shadow: inset 0 0 50px rgba(0, 0, 0, .7);
- -moz-transition: all .3s;
- transition: all .3s
- }
- .facebook-feed a:hover {
- background-color: rgba(0, 103, 117, .7);
- box-shadow: inset 0 0 100px rgba(0, 0, 0, .5);
- -o-transform: scale(1.1);
- transform: scale(1.1)
- }
- .facebook-feed figure {
- float: left;
- width: 25%;
- padding-top: 25%;
- background-position: center;
- background-repeat: no-repeat;
- background-size: cover
- }
- @media all and (max-width: 38em) {
- .facebook-feed a {
- background-size: 62px 62px
- }
- .facebook-feed figure {
- width: 50%;
- padding-top: 30%
- }
- }
- .pic {
- padding: 0
- }
- .is-a-stella article>div img {
- margin-top: 3em
- }
- @media all and (max-width: 38em) {
- .pic {
- display: none
- }
- .is-a-stella article>div {
- padding: 0 2em 2em;
- font-size: 1em
- }
- .is-a-stella article h2 {
- text-align: center
- }
- }
- .led-types,
- .led-types figure {
- padding: .5%
- }
- .is-tecnologia-led main h1,
- .is-tecnologia-led main h1+h3,
- .is-tecnologia-led main h3+h4 {
- margin: .25em
- }
- .is-tecnologia-led main h1 {
- margin-top: .67em
- }
- .is-tecnologia-led main h3+h4 {
- margin-bottom: 1.33em
- }
- .is-tecnologia-led article p {
- font-size: 1.25em;
- line-height: 1.5em
- }
- .led-types {
- margin-bottom: 3em
- }
- .led-types img {
- width: 100%;
- background-color: #008293;
- background-image: radial-gradient(circle at -2% 16%, #0093a6, transparent 100%), radial-gradient(circle at 102% 82%, #00515c, transparent 100%), radial-gradient(circle at 50% 50%, #182480, #182480 100%)
- }
- .led-features li,
- .led-features li:nth-child(4n+1) {
- background: #008293
- }
- @media all and (max-width: 55em) {
- .led-types,
- .led-types figure {
- padding: 1%
- }
- }
- @media all and (max-width: 38em) {
- .is-tecnologia-led article p {
- font-size: 1em
- }
- .led-types,
- .led-types figure {
- padding: 2.5%
- }
- }
- .led-features {
- list-style: none;
- padding: 0;
- margin: .5% .5% 3em
- }
- .led-features li {
- float: left;
- width: 24%;
- margin: .5%;
- padding: 1% 2%;
- color: #fff
- }
- .led-features li div {
- display: table;
- width: 100%;
- min-height: 130px
- }
- .led-features li span {
- display: table-cell;
- text-align: center
- }
- .led-features li:nth-child(4n+2) {
- background: #00a19e
- }
- .led-features li:nth-child(4n+3) {
- background: #0faa6e
- }
- .led-features li:nth-child(4n+4) {
- background: #8ac95c
- }
- @media all and (max-width: 55em) {
- .led-features {
- margin: 1%
- }
- .led-features li {
- width: 31.3%;
- margin: 1%
- }
- .led-features li:nth-child(-n+12) {
- background: #8ac95c
- }
- .led-features li:nth-child(-n+9) {
- background: #0faa6e
- }
- .led-features li:nth-child(-n+6) {
- background: #00a19e
- }
- .led-features li:nth-child(-n+3) {
- background: #008293
- }
- }
- @media all and (max-width: 38em) {
- .led-features li {
- width: 48%
- }
- .led-features li:nth-child(-n+12) {
- background: #00a19e
- }
- .led-features li:nth-child(-n+10) {
- background: #008293
- }
- .led-features li:nth-child(-n+8) {
- background: #8ac95c
- }
- .led-features li:nth-child(-n+6) {
- background: #0faa6e
- }
- .led-features li:nth-child(-n+4) {
- background: #00a19e
- }
- .led-features li:nth-child(-n+2) {
- background: #008293
- }
- }
- @media all and (max-width: 30em) {
- .led-features {
- margin: 2.5%
- }
- .led-features li {
- width: 97%;
- min-height: 80px;
- padding: 3%;
- margin: 2.5%
- }
- }
- .watts-lumens {
- margin: 1%;
- padding: 3% 5%;
- background-color: #00a19e;
- background-image: radial-gradient(circle at -2% 16%, #00b0ad, transparent 100%), radial-gradient(circle at 102% 82%, #008785, transparent 100%), radial-gradient(circle at 50% 50%, #182480, #182480 100%)
- }
- .watts-lumens img {
- margin: 0 auto
- }
- @media all and (max-width: 55em) {
- .watts-lumens {
- margin: 2%
- }
- }
- @media all and (max-width: 30em) {
- .watts-lumens {
- margin: 5%
- }
- }
- .is-conceitos-luminotecnicos main {
- margin-bottom: 1.5em
- }
- .is-conceitos-luminotecnicos main h3,
- .is-conceitos-luminotecnicos main h4 {
- font-weight: 400;
- text-transform: none;
- color: #222
- }
- .is-conceitos-luminotecnicos main h3 {
- margin-bottom: 0;
- font-size: 2em
- }
- .is-conceitos-luminotecnicos main h4 {
- margin: 0;
- font-weight: 600
- }
- .is-conceitos-luminotecnicos main h3+p,
- .is-conceitos-luminotecnicos main h4+p {
- margin-top: 0
- }
- .is-conceitos-luminotecnicos main figure {
- margin: 1.5em 0
- }
- .is-calculadora-led {
- background-color: #001f48 !important
- }
- .calculator-info {
- position: absolute;
- top: 50px;
- left: 0;
- z-index: 2;
- width: 400px;
- color: #fff
- }
- .calculator-info h3 {
- margin-bottom: .5em;
- font-size: 36px
- }
- .calculator-info p {
- max-width: 325px;
- margin-top: 0;
- font-size: 1.2em
- }
- .house {
- float: right;
- position: relative;
- z-index: 3;
- width: 720px;
- height: 596px;
- margin: 0 -3em 3em 0;
- background: url(../img/house.png) no-repeat
- }
- .spot,
- .summary {
- position: absolute
- }
- .spot {
- display: table;
- white-space: nowrap
- }
- .spot--boy-bedroom,
- .spot--girl-bedroom {
- top: 100px;
- width: 245px;
- height: 120px
- }
- .spot--girl-bedroom {
- left: 103px
- }
- .spot--boy-bedroom {
- right: 89px
- }
- .spot--bathroom,
- .spot--living-room,
- .spot--main-bedroom {
- top: 214px;
- height: 101px
- }
- .spot--main-bedroom {
- left: 126px;
- width: 193px
- }
- .spot--living-room {
- left: 324px;
- width: 177px
- }
- .spot--bathroom {
- right: 100px;
- width: 113px
- }
- .spot--garage,
- .spot--kitchen,
- .spot--laundry {
- top: 335px;
- height: 137px
- }
- .spot--garage {
- left: 126px;
- width: 171px
- }
- .spot--kitchen {
- left: 319px;
- width: 162px
- }
- .spot--laundry {
- right: 117px;
- width: 101px
- }
- .spot--garden {
- bottom: 13px;
- left: 350px;
- width: 100px;
- height: 122px
- }
- .number {
- display: table-cell;
- padding: .2em .6em;
- border: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- -o-user-select: none;
- user-select: none
- }
- .number input,
- .number span {
- display: inline-block;
- background: 0 0;
- color: #fff;
- border: none
- }
- .number input {
- width: 100px;
- padding: 0;
- font-size: 2em;
- outline: 0;
- box-shadow: none
- }
- .number span {
- display: none;
- vertical-align: top;
- width: 18px;
- font-size: 1.5em;
- line-height: 39px;
- cursor: pointer
- }
- .number span:first-child {
- line-height: 35px
- }
- input[type=number]::-webkit-inner-spin-button,
- input[type=number]::-webkit-outer-spin-button {
- -webkit-appearance: none;
- margin: 0
- }
- input[type=number] {
- font-family: LatoBold;
- -moz-appearance: textfield
- }
- .ground {
- width: 100%;
- margin-top: -230px;
- background: #2f4217;
- color: #fff
- }
- .ground h4 {
- font-weight: 700;
- color: #fff
- }
- .summary {
- top: 0;
- left: 0;
- z-index: 3;
- width: 260px;
- font-family: LatoLight
- }
- .summary h4,
- .summary input {
- font-family: LatoBold
- }
- .summary h4 {
- font-size: 18px
- }
- .summary label {
- float: right;
- width: 56%;
- padding-top: .25em;
- margin-bottom: 15px;
- font-size: .875em;
- line-height: 1.25em
- }
- .result table,
- .summary input {
- float: left;
- text-align: center
- }
- .summary input {
- width: 40%;
- padding: .5em 0;
- margin-bottom: 15px;
- background: #637051;
- border: 1px solid #fff
- }
- .summary input[type=number] {
- padding: .25em 0;
- font-size: 1.5em
- }
- .summary input[type=submit] {
- font-size: .9em;
- background: #de9f20;
- outline: 0
- }
- .summary input[type=submit]:hover {
- background: #b17f1a
- }
- .warning {
- display: inline-block;
- padding: .5em 1em;
- margin: 0 0 2em;
- background: #d9534f;
- border: 1px solid #fff
- }
- .result table {
- width: 70%;
- margin: 0 0 3em;
- color: #fff;
- background: #637051
- }
- .result b {
- font-weight: 400
- }
- .result thead {
- white-space: nowrap
- }
- .result tbody td:first-child {
- font-weight: 700;
- white-space: nowrap
- }
- .result td,
- .result th {
- padding: .25em .5em;
- margin: 0;
- border: 1px solid #fff
- }
- .result .value .conventional,
- .result .watts .conventional {
- background: #8d3d26
- }
- .result .value .economy,
- .result .value .led,
- .result .watts .economy,
- .result .watts .led {
- background: #6e962b
- }
- .result .economy,
- .result .economy b {
- font-weight: 700
- }
- .notice {
- float: right;
- width: 27.5%;
- line-height: 1.25em
- }
- .is-contato aside {
- color: #a1ccd1;
- background-image: radial-gradient(circle at 0 0, #429aa6, transparent 75%), radial-gradient(circle at 75% 20%, #00292F, transparent 75%)
- }
- .is-contato aside h4 {
- color: #fff
- }
- .contact-info {
- position: relative;
- padding: 4% 8.825% 1em;
- margin: 0 -8.825% 2.5em;
- background-color: #429aa6;
- background-image: radial-gradient(circle at 0 0, #429aa6, transparent 100%), radial-gradient(circle at 140% 140%, #005863, transparent 100%)
- }
- .google-maps,
- .map {
- background: #008a9c
- }
- .contact-info dl {
- overflow: hidden
- }
- .contact-info dt {
- float: left;
- margin-bottom: .5em;
- text-transform: uppercase
- }
- .contact-info dd {
- margin: 0 0 .5em 4em;
- color: #cce8eb
- }
- .contact-form {
- margin-bottom: 2.3em
- }
- .contact-form.form input,
- .contact-form.form label,
- .contact-form.form textarea {
- color: #59a8b3;
- border-color: #59a8b3
- }
- .map {
- position: relative;
- min-height: 590px;
- padding: 0
- }
- .google-maps {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- width: 100%;
- height: 100%
- }
- .google-maps img {
- max-width: none
- }
- @media all and (max-width: 38em) {
- .map {
- min-height: 300px
- }
- }
- .posts {
- margin-bottom: 3em
- }
- .post {
- margin: 2.5em 0 3em
- }
- .post+.post {
- padding-top: 3em;
- border-top: 1px solid #a8a8a8
- }
- .sidebar {
- padding-top: 1.5em
- }
- .sidebar h3 {
- font-family: Lato;
- font-size: 21px;
- color: #404040
- }
- .post-tags,
- .post-title {
- font-family: LatoLight
- }
- .page-title {
- margin-bottom: 1.25em;
- text-align: center
- }
- .is-midia main h2,
- .is-midia main h3,
- .is-midia main h4 {
- font-weight: 400
- }
- .is-midia main h2 {
- font-size: 1.75em
- }
- .is-midia main h3 {
- font-size: 1.375em
- }
- .post-title {
- margin-top: .15em;
- font-size: 2em;
- text-transform: none
- }
- .footer address strong,
- .post-tags,
- .tag_list,
- .topo-categorias a {
- text-transform: uppercase
- }
- .post-title a {
- color: #178a9b
- }
- .post-date {
- color: #333
- }
- .post,
- .post p {
- color: #404040;
- line-height: 1.5em
- }
- .post p {
- font-size: 16px
- }
- .post img {
- width: 100%!important;
- height: auto!important;
- border-radius: 3px
- }
- .post-tags {
- padding: .5em .75em;
- margin: 1.25em 0;
- list-style: none;
- background: #cbcbcb;
- background: rgba(0, 0, 0, .1);
- border-radius: 6px
- }
- .post h3 {
- font-family: LatoBold;
- font-size: 17px
- }
- .post-tags a {
- margin-left: .5em;
- color: #178a9b
- }
- .video-container {
- position: relative;
- padding-bottom: 56.25%;
- padding-top: 25px;
- height: 0;
- margin: .5em 0 1em
- }
- .video-container iframe {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%
- }
- .post a {
- color: #01abbd
- }
- .tag_list {
- padding: 0;
- margin-top: -8;
- list-style: none
- }
- .tag_list li {
- border-bottom: 1px solid #a8a8a8
- }
- .tag_list li:last-child {
- border-bottom: none
- }
- .tag_list a {
- display: block;
- padding: 0;
- color: #178a9b;
- line-height: 39px
- }
- .tag_list h3 {
- font-family: Lato;
- font-size: 21px
- }
- .home-cadastro .texto,
- .todos-produtos .line h2 {
- font-family: LatoBold
- }
- .social a {
- padding-left: 2.25em;
- background-repeat: no-repeat;
- background-position: left center
- }
- .social a[href*=facebook] {
- background-image: url(../img/icn_facebook.png)
- }
- .social a[href*=vimeo] {
- background-image: url(../img/icn_vimeo.png)
- }
- .social a[href*=twitter] {
- background-image: url(../img/icn_twitter.png)
- }
- .social a[href*=youtube] {
- background-image: url(../img/icn_youtube.png)
- }
- .tumblr-search input {
- padding: .75em;
- color: #666;
- background: #fff;
- border: none;
- border-radius: 3px
- }
- .tumblr-search input:focus,
- .tumblr-search input:hover {
- color: #444
- }
- .tumblr-search input[type=submit] {
- position: relative;
- z-index: 3;
- float: right;
- width: 40px;
- height: 40px;
- padding: 0;
- margin: -3em .25em 0 0;
- text-indent: -999px;
- background: url(../img/icn_search.png) center no-repeat;
- cursor: pointer
- }
- .footer {
- display: table;
- width: 100%;
- font-size: .9375em;
- line-height: 1.4em;
- color: #737e80;
- background-color: #243138;
- background-image: radial-gradient(circle at 100% 50%, rgba(255, 255, 255, .05), transparent 25%), radial-gradient(circle at 0 0, rgba(255, 255, 255, .05), transparent 50%)
- }
- .footer>.col {
- display: table-cell;
- vertical-align: top;
- padding-top: 50px;
- padding-bottom: 30px;
- min-height: 240px
- }
- .footer>.col:first-child+.col {
- background: #243138
- }
- .footer a h4,
- .footer h4,
- .footer strong {
- color: #a4babe
- }
- .footer address {
- float: left;
- font-size: .9em;
- font-style: normal;
- line-height: 1.3em
- }
- .footer address a {
- color: #737e80
- }
- .footer address strong {
- display: block;
- font-weight: 400;
- color: #FFF;
- }
- .width-1000 {
- width: 1000px;
- margin: auto;
- }
- .also a {
- display: inline-block;
- max-width: 120px;
- vertical-align: middle;
- margin-top: 16px;
- -webkit-transition: opacity .3s;
- -moz-transition: opacity .3s;
- -ms-transition: opacity .3s;
- -o-transition: opacity .3s;
- transition: opacity .3s
- }
- .also a:hover {
- opacity: .5
- }
- .subscribe-form label {
- width: 55px;
- margin-bottom: -33px
- }
- .subscribe-form input[type=email] {
- padding-right: 4.4em
- }
- .subscribe-form>div {
- position: relative
- }
- .subscribe-form input[type=submit] {
- position: relative;
- z-index: 2;
- float: right;
- margin-top: 0
- }
- @media all and (max-width: 38em) {
- .footer {
- display: block;
- background-image: none
- }
- .footer>.col {
- overflow: hidden;
- clear: both;
- display: block;
- width: 100%;
- padding-top: .5em;
- padding-bottom: 2em
- }
- .footer--where .col-1-2 {
- width: 50%
- }
- .footer--also {
- margin: 1.5em 0 0;
- text-align: center
- }
- .footer--also a,
- .footer--also h4 {
- display: inline-block;
- vertical-align: middle;
- margin: 0 .5em
- }
- .footer--also a {
- max-width: 100px
- }
- }
- .is-evento {
- background-color: #32393b
- }
- .is-evento .logo-evento {
- max-width: 80%
- }
- .is-evento h1 {
- font-size: 42px;
- letter-spacing: 8px;
- margin: 50px 0
- }
- .is-evento fieldset {
- border: none
- }
- .is-evento .centro {
- margin: 0 auto;
- width: 100%;
- text-align: center;
- padding: 10% 5%;
- color: #bababa;
- max-width: 960px
- }
- .is-evento .centro input[type=text] {
- font-size: 24px;
- border: 0 solid #FFF;
- border-radius: 5px;
- display: inline-block;
- padding: 10px;
- width: 100%;
- margin-bottom: 20px;
- color: #bababa
- }
- .is-evento .centro input[type=submit] {
- background-color: #00abbd;
- color: #FFF;
- min-width: 165px;
- height: 50px;
- line-height: 50px;
- font-size: 24px;
- border: 0;
- border-radius: 5px
- }
- .is-evento .mnsAlerta {
- margin-bottom: 20px
- }
- .is-evento .mnsAlerta p {
- margin: 0
- }
- @media all and (max-width: 700px) {
- .is-evento .centro h1 {
- font-size: 2em
- }
- }
- @media all and (max-width: 480px) {
- .is-evento .centro h1 {
- font-size: 1.75em
- }
- }
- @media all and (max-width: 320px) {
- .is-evento .centro h1 {
- font-size: 1.25em;
- margin: 30px 0
- }
- }
- .is-onde-encontrar .banner img {
- min-height: auto
- }
- .is-onde-encontrar .banner {
- height: 195px
- }
- .home-cadastro fieldset {
- margin: 0;
- padding: 0;
- border: none
- }
- .home-cadastro {
- width: 100%;
- height: 154px;
- background-color: #0b6069;
- padding: 25 0 30px
- }
- .home-cadastro .box {
- padding-top: 20px;
- padding-bottom: 30px;
- width: 1000px;
- margin: 0 auto;
- display: block
- }
- .home-cadastro form {
- width: 410px;
- display: inline-block;
- margin-top: 0;
- margin-left: 60px
- }
- .home-cadastro .texto {
- font-size: 24px;
- display: inline-block;
- height: 105px;
- line-height: 112px;
- vertical-align: top;
- margin: 0;
- color: #FFF;
- position: relative;
- padding-left: 120px
- }
- .banner-bdt figure,
- .banner-novidades .line,
- .todos-produtos .line {
- padding: 0
- }
- .home-cadastro .texto::before {
- content: '';
- position: absolute;
- background-image: url(../img/icone-news.png);
- height: 82px;
- width: 82px;
- top: 15px;
- left: 0
- }
- .home-cadastro input,
- .home-cadastro label {
- color: #FFF
- }
- .todos-produtos .line:hover figcaption {
- /*background-color: rgba(1, 171, 189, .5)*/
- }
- .todos-produtos .line::before {
- border: 0
- }
- .todos-produtos .line:hover h2 {
- margin: 7% 0 0
- }
- .todos-produtos .line h2 {
- font-size: 30px;
- color: #089EBD;
- opacity: 1;
- margin: 8% 0 0;
- }
- .todos-produtos .line p {
- color: #089EBD;
- }
- .texto-novidade h3,
- .veja-mais {
- font-family: LatoLight
- }
- .banner-novidades {
- width: 100%
- }
- .banner-novidades .line figcaption {
- width: 50%
- }
- .banner-novidades .line figcaption:last-of-type {
- right: 0
- }
- .banner-novidades .line h2 {
- margin: 13% 0 0;
- opacity: 1
- }
- .banner-novidades .line p {
- opacity: 1
- }
- .conheca-encontrar {
- width: 100%;
- position: relative;
- height: 315px;
- background: url(../img/content/home-conheca.jpg) top center;
- }
- .conheca-encontrar img {
- width: 100%
- }
- .conheca-encontrar .width-1000 {
- width: 1000px;
- margin: auto;
- }
- .conheca-encontrar .line {
- padding: 0;
- /*position: absolute;*/
- top: 0;
- text-decoration: none;
- height: 100%;
- width: 50%;
- float:left;
- }
- .conheca-encontrar .line:last-of-type {
- right: 0
- }
- .conheca-encontrar .line h2 {
- margin: 13% 0 0;
- opacity: 1
- }
- .conheca-encontrar .conheca.line:hover h2::before,
- .conheca-encontrar .encontrar.line:hover h2::before {
- filter: brightness(3)
- }
- .conheca-encontrar .conheca.line:hover h2,
- .conheca-encontrar .encontrar.line:hover h2 {
- margin-top: 55px
- }
- .conheca-encontrar .line h2:before {
- -moz-transition: all .3s;
- transition: all .3s;
- display: block;
- content: "";
- width: 69px;
- height: 61px;
- margin: 0 auto 15px;
- background: url(../img/ico-conheca.png) center center no-repeat
- }
- .conheca-encontrar .line:last-of-type h2:before {
- background: url(../img/ico-onde.png) center center no-repeat
- }
- .conheca-encontrar .line p {
- opacity: 1;
- padding: 0;
- }
- .veja-mais {
- background-color: #01abbd;
- width: 230px;
- height: 40px;
- line-height: 40px;
- color: #FFF;
- font-size: 16px;
- display: block;
- text-align: center
- }
- .banner-noticia {
- width: 100%
- }
- .banner-box-1000 {
- width: 1000px;
- margin: 0 auto;
- display: block
- }
- .banner-bdt figure {
- min-width: 480px;
- margin: 0 0 0 41px;
- display: inline-block;
- vertical-align: top
- }
- .texto-novidade {
- width: 475px;
- display: inline-block
- }
- .banner-bdt figure img {
- float: right;
- margin-top: 10px;
- vertical-align: top
- }
- .texto-novidade h3 {
- font-size: 34px;
- margin-top: 6px;
- font-weight: 400
- }
- .banner-novidade figure {
- display: block
- }
- .banner-bdt {
- font-size: 15px;
- padding: 1em 0 5em;
- font-family: LatoLight
- }
- .banner-economia .line:hover img {
- width: 100%;
- height: auto;
- -webkit-transform: scale(1.1);
- -moz-transform: scale(1.1);
- -ms-transform: scale(1.1);
- -o-transform: scale(1.1);
- transform: scale(1.1);
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -ms-transition: all .3s;
- -o-transition: all .3s;
- transition: all .3s
- }
- .banner-economia {
- width: 100%;
- position: relative;
- background: url(../img/content/img-economia.jpg) top center;
- min-height: 500px;
- float: left
- }
- .banner-economia .line figcaption {
- background-color: transparent;
- box-shadow: none
- }
- .banner-economia .line {
- display: block;
- float: none;
- margin: 0 auto;
- position: relative;
- width: 1000px
- }
- .banner-economia h2 {
- font-size: 36px;
- font-family: LatoLight;
- color: #0289a6;
- width: 420px;
- margin-top: 70px
- }
- .banner-economia a {
- width: 1000px;
- margin: 0 auto;
- display: block;
- padding-left: 540px
- }
- .banner-economia p {
- font-family: LatoLight;
- font-size: 18px;
- color: #0289a6;
- width: 420px;
- line-height: 1.75em
- }
- .banner-economia .veja-mais {
- height: 50px;
- width: 280px;
- line-height: 50px;
- font-size: 20px;
- margin-top: 35px
- }
- .footer--also {
- padding-top: 30px !important;
- }
- .footer--also a,
- .footer--also h4 {
- display: inline-block;
- font-size: 16px;
- line-height: 64px;
- margin-top: 0;
- margin-bottom: 0
- }
- .footer--where .endereco1 {
- font-size: 12px;
- color: #717c7e;
- min-width: 130px;
- width: 100%;
- margin-bottom: 10px;
- }
- .stella-design>img {
- display: inline;
- vertical-align: middle
- }
- .footer--where h4 {
- width: 100%;
- float: left;
- line-height: 55px;
- margin: 0;
- font-size: 16px;
- font-weight: normal;
- min-width: 130px;
- color:#01B2CC;
- }
- .footer--also .face {
- color: #a4babe;
- line-height: 45px;
- position: relative;
- padding-left: 55px;
- float: left;
- text-decoration: none;
- }
- .footer--also .face:hover {
- text-decoration: none;;
- }
- .footer--also .facetxt {
- font-size: 12px;
- text-align: left;
- line-height: 14px;
- width: 55px;
- float: left;
- margin: 5px 0 0 -8px;
- }
- .footer--also .face::before {
- content: "";
- height: 42px;
- width: 42px;
- position: absolute;
- left: 0;
- top: 0;
- background: url(../img/facebook-fill.png);
- background-size: 100% 100%
- }
- .footer--also .instagram {
- color: #a4babe;
- line-height: 45px;
- position: relative;
- padding-left: 55px;
- margin-top: 5px;
- float: left;
- text-decoration: none;
- }
- .footer--also .instagram::before {
- content: "";
- height: 42px;
- width: 42px;
- position: absolute;
- left: 0;
- top: 0;
- background: url(../img/stella-instagram.png);
- background-size: 100% 100%
- }
- .footer--where {
- font-size: 16px
- }
- .footer .footer--also h4 {
- color: #01B2CC;
- line-height: 55px;
- font-weight: normal;
- }
- .footer #form-news input {
- border: 1px solid #32434D;
- color: #FFF;
- padding: .4em 0 .4em 3.8em;
- margin-bottom: 0;
- }
- .footer #form-news input[type=submit] {
- border: none;
- }
- .footer #form-news label {
- margin-left: 10px;
- }
- .is-busca .banner figcaption,
- .is-contato .banner figcaption,
- .is-produtos .banner figcaption {
- margin-left: -456px;
- text-align: left
- }
- .is-contato h2,
- .is-produtos h2 {
- color: #74cede;
- font-family: LatoLight;
- font-size: 50px;
- text-align: left;
- width: 428px;
- display: inline-block;
- margin: 0;
- vertical-align: top
- }
- .is-contato h2 strong,
- .is-produtos h2 strong {
- font-family: LatoBold;
- font-size: 50px;
- display: block;
- color: #FFF
- }
- .busca-topo input,
- .produto .legenda,
- .topo-categorias li a {
- font-family: Lato
- }
- .is-contato .banner img,
- .is-produtos .banner img {
- height: auto;
- left: 50%;
- margin-left: -960px;
- min-height: auto;
- min-width: auto;
- opacity: 1;
- position: absolute;
- width: auto
- }
- .is-busca .banner figcaption,
- .is-contato .banner figcaption,
- .is-produtos .banner figcaption {
- max-width: none;
- width: 940px;
- top: 283px;
- vertical-align: top
- }
- .is-produtos .banner figcaption div {
- width: 985px;
- margin: 0 auto
- }
- .is-contato .banner p,
- .is-produtos .banner p {
- display: inline-block;
- font-size: 16px;
- margin: 75px 0 0;
- vertical-align: top;
- width: 473px;
- position: relative
- }
- .is-produtos #filters,
- .is-produtos .busca-topo,
- .menu-interno-produtos form {
- display: none
- }
- .is-contato .banner p::before,
- .is-produtos .banner p::before {
- border-left: 1px solid #FFF;
- opacity: .3;
- content: "";
- height: 63px;
- left: -20px;
- position: absolute;
- top: 0;
- width: 10px
- }
- .is-busca .banner,
- .is-contato .banner{
- float: left;
- width: 100%;
- height: 330px;
- overflow: hidden;
- }
- .is-produtos .banner {
- float: left;
- width: 100%;
- height: 330px;
- overflow: hidden;
- }
- .menu-interno-produtos {
- /*bottom: 80px;*/
- padding: 1.3%;
- /*position: absolute;*/
- text-align: left;
- width: 100%;
- /*z-index: 55;*/
- /*background: url(../img/bg-menu-interno.png) top center repeat-y*/
- }
- .menu-interno-produtos .menu-interno-linhas {
- float: left;
- width: 150px;
- background: #18B4CD;
- padding: 25px;
- min-height: 200px;
- }
- .menu-interno-produtos .menu-interno-linhas ul {
- list-style: none;
- padding: 0;
- margin: 0;
- width: 160px
- }
- .menu-interno-produtos .menu-interno-linhas ul li {
- height: 25px
- }
- .menu-interno-produtos .menu-interno-linhas ul li a {
- font-size: 13px;
- color: #FFF;
- /*line-height: 25px;*/
- text-transform: uppercase
- }
- .menu-interno-produtos .menu-interno-linhas ul li a:hover {
- /*color: #ffc656;*/
- /*text-decoration: underline*/
- font-weight: 700;
- }
- .menu-interno-produtos .menu-interno-categorias {
- float: left;
- width: 790px;
- min-height: 200px;
- }
- .menu-interno-produtos .menu-interno-categorias ul {
- width: 798px;
- padding: 25px 0px 25px 25px;
- margin: 0;
- min-height: 200px;
- }
- .menu-interno-produtos .menu-interno-categorias ul li {
- width: 154px;
- line-height: 23px;
- }
- .menu-interno-produtos .menu-interno-categorias ul li a {
- font-size: 12px;
- color: #1a9eac;
- line-height: 20px;
- text-decoration: none
- }
- .menu-interno-produtos .menu-interno-categorias ul li a strong {
- color: #ACAC9D;
- }
- .menu-interno-produtos .menu-interno-categorias ul li a:hover {
- text-decoration: underline
- }
- .base-calculo,
- .fone a,
- .is-busca .novidades a,
- .is-downloads .listas .categorias a,
- .is-produto .documentos a,
- .topo-categorias a {
- text-decoration: none
- }
- .busca-topo {
- bottom: 85px;
- height: 112px;
- padding: 1.3%;
- position: absolute;
- text-align: left;
- width: 100%;
- z-index: 55;
- background-color: #01abbd
- }
- .hidden-busca {
- background: 0 0!important;
- display: block;
- position: absolute;
- right: 0;
- text-indent: -6777777px;
- top: 0;
- width: 50px!important
- }
- .busca-topo form {
- width: 903px;
- display: block;
- margin: 0 auto;
- position: relative
- }
- .busca-topo input {
- background-color: #fff;
- background-image: url(../img/ico-busca.jpg);
- background-position: 99% center;
- background-repeat: no-repeat;
- border: 0;
- color: #01abbd;
- font-size: 16px;
- height: 60px;
- padding-left: 20px;
- padding-right: 50px;
- width: 100%
- }
- ::-webkit-input-placeholder {
- color: #01abbd;
- opacity: 1
- }
- :-moz-placeholder {
- color: #01abbd;
- opacity: 1
- }
- ::-moz-placeholder {
- color: #01abbd;
- opacity: 1
- }
- :-ms-input-placeholder {
- color: #01abbd;
- opacity: 1
- }
- .topo-categorias {
- height: 85px;
- background-color: #0189a5;
- display: none
- }
- .topo-categorias a {
- border: none;
- border-radius: 2px;
- color: #666;
- display: inline-block;
- font-weight: 500;
- margin: .75em .5em 0 0;
- outline: 0;
- padding: .5em 1em;
- transition: background .3s ease 0s, color .3s ease 0s
- }
- .is-downloads .bg,
- .is-produto .documentos li a {
- -moz-transition: all .3s;
- -ms-transition: all .3s;
- -o-transition: all .3s
- }
- .topo-categorias {
- margin: 0 auto;
- width: 100%;
- bottom: 0;
- line-height: 65px;
- position: absolute
- }
- .topo-categorias ul {
- font-size: 0;
- line-height: 97px;
- margin: 0 auto;
- padding: 0;
- text-align: left;
- width: 900px
- }
- .topo-categorias li {
- list-style: none;
- display: inline-block;
- text-align: center;
- height: 40px;
- line-height: 40px;
- font-size: 15px;
- position: relative;
- background-color: #01abbd
- }
- .topo-categorias li::before {
- width: 10px;
- height: 40px;
- content: '';
- position: absolute;
- top: 0;
- left: 0
- }
- .topo-categorias li a {
- margin: 0;
- padding: 0;
- width: 100%;
- height: 40px;
- color: #FFF;
- font-size: 15px
- }
- .topo-categorias .todas {
- width: 200px;
- margin-right: 13px;
- background-color: #01abbd
- }
- .topo-categorias .todas.active,
- .topo-categorias .todas:hover {
- background-color: #005e71
- }
- .topo-categorias .stella-eco {
- width: 135px;
- margin-right: 13px
- }
- .topo-categorias .stella-eco.active,
- .topo-categorias .stella-eco::before,
- .topo-categorias .stella-eco:hover {
- background-color: #fcaf17
- }
- .topo-categorias .stella-pro {
- width: 139px;
- margin-right: 13px
- }
- .topo-categorias .stella-pro.active,
- .topo-categorias .stella-pro::before,
- .topo-categorias .stella-pro:hover {
- background-color: #047383
- }
- .topo-categorias .stella-jardim {
- width: 164px;
- margin-right: 12px
- }
- .topo-categorias .stella-jardim.active,
- .topo-categorias .stella-jardim::before,
- .topo-categorias .stella-jardim:hover {
- background-color: #bed62f
- }
- .topo-categorias .fitas-e-acessorios.active,
- .topo-categorias .fitas-e-acessorios::before,
- .topo-categorias .fitas-e-acessorios:hover {
- background-color: #bcbdc0
- }
- .topo-categorias .fitas-e-acessorios {
- width: 211px
- }
- .is-produto .banner--small {
- max-height: 285px;
- background-color: #0189a5
- }
- .is-produto .topo-categorias {
- height: 85px;
- background-color: #0189a5
- }
- .imagens-produto {
- width: 486px;
- display: inline-block;
- vertical-align: top;
- position: relative
- }
- .produto {
- width: 960px;
- /*border-top: 1px dotted #c1c1c1;*/
- margin: 40px auto 0;
- /*padding-top: 25px*/
- }
- .produto .img-ampliada {
- display: block;
- position: relative;
- width: 430px;
- max-height: 430px;
- background: url(../img/loading.gif) center center no-repeat
- }
- .produto .img-ampliada img {
- max-height: 430px
- }
- /*.produto .legenda span::after {
- border-bottom: 7px solid transparent;
- border-left: 6px solid rgba(0, 138, 156, .85);
- border-top: 7px solid transparent;
- content: "";
- display: inline-block;
- height: 8px;
- left: 9px;
- position: relative;
- top: -1px;
- width: 22px;
- min-width: 30px
- }*/
- .hideBefore::after {
- border: 0!important
- }
- .produto .legenda {
- border: 1px solid #EEEEEE;
- color: #5e5e5e;
- display: inline-block;
- font-size: 10px;
- left: 488px;
- line-height: 30px;
- position: relative;
- text-align: center;
- top: -433px;
- vertical-align: top;
- padding:38px 0;
- width:120px;
- height: 120px;
- background: #FFF;
- }
- .produto .legenda span {
- color: #01abbd;
- display: block;
- font-family: LatoBold;
- font-size: 30px;
- vertical-align: middle
- }
- .produto .legenda span.sub {
- color: #5e5e5e;
- font-family: LatoBold;
- font-size: 12px;
- line-height: 9px;
- }
- .produto .thumbs {
- /*margin-left: 50px;*/
- margin-top: 20px;
- float: left;
- width: 430px;
- text-align: center;
- max-width: 100%;
- }
- .produto .thumbs img {
- width: 86px;
- height: 86px;
- border: 2px solid #EFEFEF;
- position: relative
- }
- .produto .thumbs a {
- display: inline-block;
- position: relative;
- margin-right: 10px
- }
- .produto .thumbs a:hover img{
- /* background: #01abbd;
- content: "";
- height: 70px;
- left: 0;
- opacity: .7;
- position: absolute;
- top: 0;
- width: 70px;
- z-index: 5*/
- border-color: #19B4CD;
- }
- .informacoes {
- display: inline-block;
- vertical-align: top;
- width: 490px;
- text-align: left
- }
- .informacoes h2 {
- text-transform: none
- }
- .informacoes .selos {
- display: block;
- text-align: left;
- padding: 0 0 0 98px;
- margin: 0;
- }
- .informacoes .selos img {
- display: inline
- }
- .informacoes .selos li {
- display: inline-block;
- list-style: none;
- margin-left: 20px;
- margin-top: 3px;
- vertical-align: top
- }
- .seloBDT {
- left: 394px;
- position: absolute;
- top: 390px;
- z-index: 45
- }
- .informacoes .box-selos {
- float: left;
- width: 100%;
- height: 120px;
- margin-bottom: 21px;
- }
- .informacoes .selos li.selo-lumens {
- /*background-image: url(../img/lumens.jpg);*/
- color: #008a9c;
- font-family: LatoBold;
- font-size: 12px;
- line-height: 9px;
- margin-top: 0;
- text-align: center;
- width: 120px;
- padding: 38px 0;
- background: #18B4CD;
- color: #FFF;
- height: 120px;
- float: left;
- }
- .selo-lumens p {
- display: block;
- border: 0 !important;
- font-size: 30px;
- font-weight: 700;
- line-height: 100% !important;
- margin: 0
- }
- .produto .informacoes h2 {
- float: left;
- width: 100%;
- color: #18B2CC;
- font-size: 31px;
- line-height: 35px;
- margin: -1px 0 0;
- font-family: 'Gotham-Light';
- }
- .descricoes {
- display: table;
- /*margin-top: 20px;*/
- line-height: 40px;
- float: left;
- width: 100%;
- }
- .descricao {
- margin: 0;
- font-size: 14px;
- color: #999;
- font-family: 'Gotham-Book';
- text-align: right;
- display: table-cell;
- vertical-align: middle;
- width: 111px;
- text-align: left;
- padding-left: 20px;
- }
- .descricao strong {
- /*color: #008a9c;*/
- font-family: LatoBold;
- display: block
- }
- .descricao.quente strong {
- color: #ffcb08
- }
- .produto .voltagem {
- color: #999;
- display: table-cell;
- vertical-align: middle;
- font-family: Lato;
- font-size: 12px;
- margin: 0 0 0 9px;
- min-height: 37px;
- padding-left: 10px;
- position: relative;
- text-align: left;
- }
- .descricao2 {
- /*border-left: 1px solid #a7a9ac;*/
- color: #999;
- display: inline-block;
- font-family: Lato;
- font-size: 12px;
- margin: 0 10% 0 9px;
- min-height: 37px;
- padding-left: 10px;
- position: relative;
- text-align: left;
- vertical-align: top;
- float: right;
- }
- .dados-tecnicos {
- float: left;
- display: block;
- /* background-color: #f7f7f7; */
- width: 100%;
- /* padding: 25px; */
- margin-top: 34px;
- }
- .dados-tecnicos h4 {
- float: left;
- width: 100%;
- font-family: 'Gotham-Book';
- margin: 0 0 0px;
- color: #666666;
- /* border-bottom: 1px solid #dfdfdf; */
- padding-bottom: 0px;
- font-size: 14px;
- }
- .dados-tecnicos dl,
- .dados-tecnicos p {
- font-family: LatoLight;
- font-size: 13px;
- color: #616161
- }
- .dados-tecnicos p {
- float: left;
- width: 100%;
- font-family: 'Gotham-Light';
- font-size: 12px;
- color: #666;
- -webkit-columns: 2;
- -moz-columns: 2;
- -o-columns: 2;
- columns: 2
- }
- .dados-tecnicos dt {
- float: left
- }
- .dados-tecnicos dd {
- margin: 0
- }
- .dados-tecnicos dl {
- margin: 0;
- width: 49%;
- display: inline-block
- }
- .fone dt,
- .fone h3,
- .is-a-stella h3,
- .is-produto .documentos a,
- .is-produto h5 {
- font-family: Lato
- }
- .is-produto .documentos {
- width: 100%;
- /*background-color: #f7f7f7;*/
- min-height: 275px;
- display: block;
- padding-bottom: 20px
- }
- .is-produto .box {
- width: 980px;
- margin: 57px auto 0;
- border: 2px solid #EFEFEF;
- padding-top: 0;
- text-align: center;
- padding-left: 0;
- background: #FFF;
- }
- .is-produto .documentos li {
- list-style: none;
- display: inline-block;
- margin: 45px 0;
- }
- .is-produto .documentos a {
- font-size: 14px;
- position: relative;
- display: block;
- vertical-align: top;
- text-align: center;
- color: #666666;
- }
- .is-produto .documentos .arquivos-ies {
- font-size: 14px;
- position: relative;
- display: block;
- vertical-align: top;
- font-family: 'Gotham-Book';
- text-align: center;
- color: #666666;
- margin-bottom: 5px;
- }
- .is-produto .documentos a.download {
- width: 110px;
- height: 50px;
- border: 2px solid #999;
- color: #999;
- line-height: 46px;
- font-size: 12px;
- font-family: 'Gotham-Book';
- text-transform: uppercase;
- display: inline-block;
- }
- .is-produto .documentos a.download:hover {
- width: 110px;
- height: 50px;
- border: 2px solid #18B4CD;
- color: #fff;
- background: #18B4CD;
- }
- .is-produto .documentos .img-download {
- display: inline-block;
- height: 50px;
- width: 50px;
- margin: 15px 0;
- background-image: url(../img/sprites-produto.png) no-repeat;
- }
- .is-produto .documentos .img-download.guia {
- background-image: url(../img/novo/papel.png);
- }
- .is-produto .documentos .img-download.graficos {
- background-image: url(../img/grafico.png);
- }
- /*.is-produto .documentos a::after,
- .is-produto .documentos a::before {
- left: 50%;
- margin-top: auto;
- position: absolute;
- background-image: url(../img/sprites-produto.png)
- }
- .is-produto .documentos a::before {
- content: "";
- display: block;
- height: 85px;
- margin-left: -43px;
- width: 86px
- }
- .is-produto .documentos a::after {
- background-position: 0 -92px;
- bottom: 0;
- color: #fff;
- content: "DOWNLOAD";
- display: block;
- font-size: 11px;
- height: 32px;
- line-height: 30px;
- margin-left: -55px;
- padding-left: 25px;
- width: 110px
- }*/
- .is-produto .documentos li {
- border-right: 1px solid #EFEFEF;
- padding: 0 20px
- }
- .is-produto .documentos li a {
- -webkit-transition: all .3s;
- transition: all .3s
- }
- .is-produto .documentos li:nth-last-child(1) {
- border-right: 0 solid #d7d7d7
- }
- .is-produto .documentos li:nth-child(2) {
- padding: 0 40px
- }
- /*.is-produto .documentos li a:hover {
- -webkit-transform: scale(1.1);
- -moz-transform: scale(1.1);
- -ms-transform: scale(1.1);
- -o-transform: scale(1.1);
- transform: scale(1.1)
- }*/
- .is-produto .documentos li span {
- display: block;
- color: #666;
- font-size: 12px;
- font-family: 'Gotham-Light';
- /*padding-top: 12px;*/
- width: 269px;
- }
- .guia::before {
- background-position: -96px 0
- }
- .graficos::before {
- background-position: -191px 0
- }
- .is-produto h5 {
- color: #01abbd;
- font-size: 37px;
- text-align: center;
- height: 110px;
- line-height: 90px
- }
- .informacoes h2 span {
- display: block;
- font-size: 23px
- }
- .is-produto .products ul {
- background-color: #f7f7f7;
- padding-top: 40px
- }
- .is-produto .swipe {
- overflow: hidden;
- visibility: hidden;
- position: relative;
- width: 432px;
- max-width: 100%;
- float: left;
- text-align: center;
- }
- .is-produto .swipe-wrap {
- overflow: hidden;
- position: relative;
- height: 88px;
- width: 100%;
- }
- .is-produto .swipe-wrap>ul {
- float: left;
- width: 88px;
- text-align: center;
- position: relative;
- margin: 0;
- padding: 0
- }
- .is-produto .swipe li {
- float: none;
- display: inline-block;
- }
- .is-novidades .seta-dir,
- .is-novidades .seta-esq,
- .is-produto .seta-dir,
- .is-produto .seta-esq {
- position: absolute;
- background-image: url(../img/sprites-produto.png);
- width: 17px;
- height: 34px;
- font-size: 0;
- text-indent: -9999999px;
- background-position: -418px -90px
- }
- .is-novidades .thumbs {
- position: relative
- }
- .is-novidades .seta-esq {
- left: 0;
- top: 39%;
- position: absolute;
- z-index: 141414
- }
- .is-novidades .paginacao {
- position: relative;
- display: block
- }
- .is-novidades .seta-dir {
- background-position: -148px -90px;
- right: 0;
- top: 39%;
- position: absolute;
- z-index: 141414
- }
- .is-produto .seta-dir {
- background-position: -448px -90px;
- bottom: 27px;
- right: 66px
- }
- .is-produto .seta-esq {
- background-position: -418px -90px;
- bottom: 27px;
- left: 0px
- }
- .is-contato .banner {
- min-height: 439px;
- max-height: 439px
- }
- .is-contato .contato {
- float: left;
- width: 100%;
- background-color: #F5F5F5;
- font-size: 0;
- margin-top: 180px;
- text-align: center;
- }
- .is-contato .contato .center{
- display: inline-block;
- width: 1000px;
- padding: 90px 116px 50px 119px;
- }
- .is-contato .banner img {
- min-height: 460px
- }
- .is-contato .contato .center .box2 {
- float: left;
- width: 390px;
- }
- .is-contato .contato .center .box {
- float: left;
- width: 290px;
- margin-right: 85px;
- }
- .is-contato .contato .center .box h3 {
- float: left;
- width: 100%;
- color: #00B2CC;
- font-family: 'Gotham-Light';
- font-size: 24px;
- font-weight: normal;
- margin: 0px;
- text-align: left;
- line-height: 24px;
- margin-bottom: 22px;
- }
- .is-contato .contato .center .box ul{
- width: 290px;
- display: table;
- margin: 0px;
- padding: 0px;
- }
- .is-contato .contato .center .box ul li{
- width: 290px;
- height: 110px;
- border-bottom: 1px solid #CCCCCC;
- display: table-row;
- }
- .is-contato .contato .center .box ul li:last-of-type{
- border: none;
- }
- .is-contato .contato .center .box ul li .icone{
- width: 70px;
- display: table-cell;
- vertical-align: middle;
- text-align: left;
- }
- .is-contato .contato .center .box ul li .info{
- float: none;
- width: 220px;
- display: table-cell;
- vertical-align: middle;
- text-align: left;
- color: #666666;
- font-size: 15px;
- font-family: 'Gotham-Light';
- line-height: 21px;
- }
- .is-contato .contato .center .box ul li .info a{
- color: #666666;
- font-size: 15px;
- font-family: 'Gotham-Light';
- text-decoration: none;
- }
- .is-contato .contato .center .box2 span{
- float: left;
- line-height: 18px;
- color: #666666;
- font-size: 15px;
- font-family: 'Gotham-Light';
- margin-bottom: 26px;
- }
- .is-contato .contato .center .box2 input[type="text"],
- .is-contato .contato .center .box2 select,
- .is-contato .contato .center .box2 textarea{
- float: left;
- width: 100%;
- height: 45px;
- border: 2px solid #BEBEBE;
- padding-left: 15px;
- color: #BEBEBE;
- font-size: 14px;
- font-weight: normal;
- font-family: 'Gotham-Book';
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- margin-bottom: 10px;
- }
- .is-contato .contato .center .box2 select {
- background-color: transparent;;
- }
- .is-contato .contato .center .box2 input[type="text"]::-webkit-input-placeholder { color: #BEBEBE; }
- .is-contato .contato .center .box2 input[type="text"]:-moz-placeholder { color: #BEBEBE; }
- .is-contato .contato .center .box2 input[type="text"]::-moz-placeholder { color: #BEBEBE; }
- .is-contato .contato .center .box2 input[type="text"]:-ms-input-placeholder { color: #BEBEBE; }
- .is-contato .contato .center .box2 textarea::-webkit-input-placeholder { color: #BEBEBE; }
- .is-contato .contato .center .box2 textarea:-moz-placeholder { color: #BEBEBE; }
- .is-contato .contato .center .box2 textarea::-moz-placeholder { color: #BEBEBE; }
- .is-contato .contato .center .box2 textarea:-ms-input-placeholder { color: #BEBEBE; }
- .is-contato .contato .center .box2 input[type="text"]:hover,
- .is-contato .contato .center .box2 input[type="text"]:focus,
- .is-contato .contato .center .box2 textarea:focus,
- .is-contato .contato .center .box2 textarea:hover{
- border: 2px solid #19B4CD;
- color: #19B4CD;
- }
- .is-contato .contato .center .box2 textarea{
- height: 135px;
- padding-left: 15px;
- padding-top: 16px;
- margin-bottom: 10px;
- }
- .is-a-stella .box,
- .is-a-stella .empresa h2,
- .is-a-stella .empresa p {
- font-family: LatoLight
- }
- .is-contato .contato .center .box2 input[type=submit] {
- float: right;
- width: 108px;
- height: 50px;
- background: #18B4CD;
- color: #fff;
- font-size: 11px;
- font-family: 'Gotham-Book';
- font-weight: normal;
- border: none;
- margin-bottom: 0px;
- }
- .is-contato h2 {
- font-size: 32px;
- margin-top: 38px
- }
- .is-contato h2 strong {
- line-height: 70px
- }
- .is-a-stella .banner {
- max-height: 350px
- }
- .is-a-stella .box {
- margin: 0 auto;
- font-size: 0
- }
- .is-a-stella .banner img {
- min-height: 350px;
- max-width: 100%;
- }
- .is-a-stella .empresa {
- background-image: url(../img/content/bg-pagina-empresa.png);
- background-position: bottom center;
- background-size: cover;
- display: inline-block;
- width: 100%
- }
- .is-a-stella .empresa h2 {
- font-size: 48px;
- color: #01abbd
- }
- .is-a-stella .empresa p {
- font-size: 18px;
- color: #404040
- }
- .is-a-stella .box {
- width: 960px
- }
- .is-a-stella h2 {
- margin: 60px 0 35px 20px;
- color: #01abbd;
- font-size: 48px
- }
- .is-a-stella p {
- color: #404040;
- margin: 0 20px 70px;
- font-size: 18px
- }
- .is-a-stella .led p {
- margin-bottom: 20px
- }
- .is-a-stella .cont1 h3,
- .is-a-stella .cont2 h3 {
- background-color: #00aabc;
- color: #fff;
- font-family: LatoBold;
- font-size: 22px;
- height: 80px;
- margin: 0 0 7px;
- padding-left: 20px;
- padding-top: 45px
- }
- .is-a-stella figcaption {
- font-family: LatoLight;
- font-size: 14px;
- font-style: italic;
- margin-top: 5px;
- text-align: right
- }
- .is-a-stella .paragrafos {
- text-align: left;
- display: inline-block;
- margin: 0 45px 0 20px;
- width: 445px;
- vertical-align: top
- }
- .is-a-stella .paragrafos p {
- text-align: left;
- margin: 0 0 20px;
- vertical-align: top
- }
- .is-a-stella figure {
- display: inline-block;
- vertical-align: top
- }
- .is-a-stella h2,
- .is-a-stella p {
- text-align: left
- }
- .is-a-stella .cont1,
- .is-a-stella .cont2 {
- display: inline-block;
- margin: 0 0 75px
- }
- .is-a-stella .cont2 .paragrafos {
- display: inline-block;
- margin: 0 0 0 45px;
- width: 445px;
- vertical-align: top
- }
- .is-a-stella .cont2 figure {
- display: inline-block;
- margin: 0 00px 0 20px;
- vertical-align: top;
- text-align: left
- }
- .is-a-stella .cont1 .grande,
- .is-a-stella .cont2 .grande {
- margin: 0 0 60px
- }
- .is-a-stella figcaption.dir,
- .is-a-stella figcaption.esq {
- text-align: left
- }
- .desenvolvimento-produtos {
- text-align: center;
- background-color: #FFF;
- padding-bottom: 75px
- }
- .is-a-stella .bloco {
- background-color: #f2f3f3;
- margin: 0 auto 35px 20px;
- padding: 35px 20px;
- width: 940px
- }
- .tecnologia-stella {
- background-color: #FFF;
- padding-bottom: 42px
- }
- .tecnologia-stella p {
- margin-bottom: 40px
- }
- .is-a-stella h3 {
- font-size: 16px;
- color: #404040;
- margin: 0 0 35px 20px
- }
- .is-a-stella .conceitos h3,
- .is-a-stella .conceitos h4,
- .is-a-stella .led h3 {
- color: #01abbd;
- font-family: Lato
- }
- .tecnologia-stella .paragrafos {
- margin-right: 20px
- }
- .is-a-stella article {
- display: inline-block;
- width: 100%
- }
- .is-a-stella .escritorio-china,
- .is-a-stella .led {
- background-color: #f0f0f0
- }
- .is-a-stella .escritorio-china {
- padding-bottom: 63px
- }
- .is-a-stella .led .paragrafos {
- width: 412px
- }
- .is-a-stella .led .bloco {
- margin-top: 60px
- }
- .is-a-stella .led .bloco figure {
- margin-left: 20px
- }
- .is-a-stella .conceitos {
- background-color: #FFF
- }
- .is-a-stella .led h3 {
- font-size: 30px
- }
- .is-a-stella .conceitos h3 {
- font-size: 30px;
- margin: 0
- }
- .is-a-stella .conceitos h4 {
- font-size: 18px;
- margin: 3px 0
- }
- .is-a-stella .conceitos h2,
- .is-a-stella .desenvolvimento-produtos h2,
- .is-a-stella .escritorio-china h2,
- .is-a-stella .led h2,
- .is-a-stella .tecnologia-stella h2 {
- background-color: #00aabc;
- color: #fff;
- font-family: LatoBold;
- font-size: 22px;
- height: 80px;
- margin: 60px 0 40px;
- padding-left: 20px;
- padding-top: 45px;
- text-transform: uppercase
- }
- .is-busca .banner h2,
- .is-busca h3 {
- font-family: LatoLight;
- display: inline-block
- }
- .is-a-stella h2,
- .is-a-stella h3,
- .is-a-stella h4 {
- text-transform: none
- }
- .is-a-stella .conceitos img {
- margin-left: 0
- }
- .is-a-stella .conceitos p {
- margin-left: 0;
- margin-bottom: 60px
- }
- .is-a-stella .temperatura {
- margin-bottom: 70px
- }
- .is-busca .banner figcaption {
- width: 100%;
- margin: 0;
- left: 0;
- top: 279px;
- height: 80px
- }
- .is-busca .banner figcaption div {
- width: 985px;
- margin: 0 auto
- }
- .is-busca .banner img {
- height: auto;
- left: 50%;
- margin-left: -960px;
- min-height: auto;
- min-width: auto;
- opacity: 1;
- position: absolute;
- width: auto
- }
- .is-busca .banner-todos {
- width: 100%;
- margin: 0;
- left: 0;
- bottom: 0!important;
- top: inherit!important;
- height: 140px;
- background-color: rgba(0, 138, 158, .8)
- }
- .is-busca #filters {
- margin-bottom: 10px
- }
- .is-busca .banner h2 {
- font-size: 50px;
- text-align: left;
- width: 960px;
- margin: 15px 0 0;
- vertical-align: top
- }
- .is-busca .banner h2 strong {
- font-size: 50px;
- font-family: LatoBold
- }
- .is-busca .banner h2 span {
- text-transform: none;
- font-style: italic
- }
- .is-busca .busca {
- background-color: #f7f7f7;
- display: inline-block;
- width: 100%
- }
- .is-busca h3 {
- width: 100%;
- background-color: #008a9c;
- font-size: 25px;
- text-align: center;
- line-height: 65px;
- color: #FFF;
- margin: 0
- }
- .is-busca .data,
- .is-busca .titulo {
- color: #01abbd;
- display: block;
- font-family: LatoLight
- }
- .is-busca .data {
- font-size: 15px
- }
- .is-busca .titulo {
- font-size: 28px
- }
- .is-busca .novidades {
- display: inline-block;
- width: 100%;
- background-color: #f0f0f0;
- text-align: center
- }
- .is-busca .novidades ul {
- text-align: left;
- display: inline-block;
- margin: 35px 0 30px;
- width: auto;
- padding: 0;
- max-width: 980px
- }
- .is-busca .novidades p {
- color: #404040;
- font-size: 17px;
- font-family: LatoLight;
- display: block
- }
- .is-busca .novidades li {
- display: inline-block;
- width: 460px;
- background-color: #FFF;
- padding: 25px;
- margin-bottom: 20px
- }
- .is-busca .novidades li:nth-child(2n) {
- margin-left: 40px
- }
- .is-perguntas-frequentes .banner {
- min-height: 350px;
- padding-top: 245px
- }
- .is-perguntas-frequentes .banner h2 {
- font-family: LatoLight;
- color: #01abbd;
- font-size: 48px
- }
- .is-perguntas-frequentes .banner span {
- font-family: LatoLight;
- color: #01abbd;
- font-size: 30px
- }
- .is-perguntas-frequentes .duvidas {
- float: left;
- width: 100%;
- background: #f5f5f5;
- }
- .is-perguntas-frequentes .duvidas .box ul {
- float: left;
- width: 587px;
- margin-right: 50px;
- padding: 0px;
- }
- .is-perguntas-frequentes .duvidas li {
- float: left;
- width: 100%;
- margin-bottom: 28px;
- position: relative;
- list-style: none;
- }
- .is-perguntas-frequentes .duvidas li h3 {
- float: left;
- width: 100%;
- height: 39px;
- margin: 0px;
- color: #666666;
- font-family: 'Gotham-Book';
- font-size: 15px;
- border-bottom: 2px solid #999999;
- font-weight: normal;
- text-transform: none;
- position: relative;
- line-height: 39px;
- vertical-align: middle;
- letter-spacing: -0.4px;
- cursor: pointer;
- }
- .is-perguntas-frequentes .duvidas li .mais,
- .is-perguntas-frequentes .duvidas li .menos{
- content: '';
- position: absolute;
- float: right;
- width: 35px;
- height: 35px;
- right: 0px;
- top: 4px;
- border: 2px solid #999999;
- cursor: pointer;
- background: url(../img/ico-mais-c.png) no-repeat center center;
- }
- .is-perguntas-frequentes .duvidas li:hover h3,
- .is-perguntas-frequentes .duvidas li:hover .mais,
- .is-perguntas-frequentes .duvidas li:hover .menos{
- border-color: #14B3CC;
- color: #13B2CC;
- }
- .is-perguntas-frequentes .duvidas li:hover .mais{
- background: url(../img/ico-mais.png) no-repeat center center;
- }
- .is-perguntas-frequentes .duvidas li .menos{
- background: url(../img/ico-menos-c.png) no-repeat center center;
- }
- .is-perguntas-frequentes .duvidas li:hover .menos{
- background: url(../img/ico-menos.png) no-repeat center center;
- }
- .is-perguntas-frequentes .duvidas li div {
- float: left;
- width: 100%;
- display: none;
- color: #666666;
- font-family: 'Gotham-Light';
- font-weight: normal;
- font-size: 14px
- margin-bottom: 13px;
- }
- .is-perguntas-frequentes .duvidas .box {
- width: 1000px;
- padding: 84px 10px;
- margin: 180px auto 0px;
- }
- .is-perguntas-frequentes .duvidas .box h1{
- float: left;
- width: 100%;
- color: #00b2cc;
- font-size: 32px;
- font-weight: normal;
- margin: 0px;
- margin-bottom: 35px;
- font-family: 'MyriadPro-Regular';
- }
- .is-perguntas-frequentes .duvidas .box h1 b{
- font-weight: normal;
- font-family: 'Gotham-Light';
- }
- .is-perguntas-frequentes .mande-duvidas {
- float: left;
- width: 343px;
- padding: 0px 70px 70px;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- border: 2px solid #eeeeee;
- background-color: #fff;
- text-align: center;
- }
- .is-perguntas-frequentes .mande-duvidas img{
- display: inline-block;
- margin-top: -20px;
- }
- .is-perguntas-frequentes .mande-duvidas span.naoencontrou{
- float: left;
- width: 100%;
- color: #666666;
- font-size: 15px;
- font-family: 'Gotham-Book';
- text-align: center;
- margin-top: 21px;
- margin-bottom: 25px;
- }
- .is-perguntas-frequentes .mande-duvidas p{
- float: left;
- width: 100%;
- color: #666666;
- font-size: 14px;
- font-family: 'Gotham-Light';
- text-align: center;
- margin-bottom: 16px;
- }
- .is-perguntas-frequentes .mande-duvidas a{
- display: inline-block;
- width: 200px;
- height: 56px;
- background: #14b3cc;
- text-align: center;
- color: #fff;
- line-height: 56px;
- vertical-align: middle;
- font-size: 14px;
- font-weight: normal;
- font-family: 'Gotham-Book';
- text-decoration: none;
- }
- .is-downloads .banner h2,
- .is-novidades .banner h2 {
- font-size: 48px
- }
- .is-downloads .banner h2,
- .is-downloads h3,
- .is-novidades .banner h2 {
- font-family: LatoLight;
- color: #01abbd
- }
- .is-novidades section {
- width: 66.6667%;
- text-align: left;
- float: left;
- display: block;
- padding-left: 2.5%;
- padding-right: 2.5%
- }
- .is-novidades article {
- display: block;
- position: relative
- }
- .is-downloads .downloads {
- float: left;
- width: 100%;
- margin-top: 180px;
- background: #f5f5f5;
- text-align: center
- }
- .is-downloads .downloads .center{
- display: inline-block;
- width: 1000px;
- padding: 84px 10px;
- }
- .is-downloads .downloads .center h1{
- float: left;
- width: 100%;
- text-align: left;
- color: #00b2cc;
- font-size: 32px;
- font-weight: normal;
- margin: 0px;
- margin-bottom: 35px;
- font-family: 'Gotham-Light';
- }
- .is-downloads .center .bg {
- float: left;
- width: 100%;
- margin-bottom: 40px;
- -webkit-transition: all .3s;
- transition: all .3s
- display: table;
- }
- .is-downloads .titulo {
- overflow: hidden;
- width: 100%;
- min-height: 155px;
- border: 2px solid #EEEEEE;
- background-color: #f7f7f7;
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -ms-transition: all .3s;
- -o-transition: all .3s;
- transition: all .3s;
- cursor: pointer;
- background: #fff;
- display: table;
- }
- .is-downloads .titulo .divimg{
- display: table-cell;
- width: 13%;
- text-align: center;
- vertical-align: middle;
- }
- .is-downloads .titulo .informacoes{
- display: table-cell;
- width: 79%;
- text-align: center;
- vertical-align: middle;
- }
- .is-downloads .titulo .informacoes strong{
- float: left;
- width: 100%;
- margin-top: 35px;
- color: #999999;
- font-size: 15px;
- font-weight: normal;
- font-family: 'Gotham-Book';
- text-transform: uppercase;
- text-align: left;
- margin-bottom: 11px;
- }
- .is-downloads .titulo .informacoes span{
- float: left;
- width: 100%;
- margin-bottom: 35px;
- color: #999999;
- font-size: 14px;
- font-weight: normal;
- font-family: 'Gotham-Light';
- text-align: left;
- }
- .is-downloads .titulo .bt{
- display: table-cell;
- width: 8%;
- text-align: center;
- vertical-align: middle;
- }
- .is-downloads .titulo .bt button{
- display: inline-block;
- width: 35px;
- height: 35px;
- border: 2px solid #9B9B9B;
- cursor: pointer;
- }
- .is-downloads .titulo .bt button.close{
- background: url(../img/ico-menos-c.png) no-repeat center center;
- }
- .is-downloads .titulo .bt button.close:hover{
- border: 2px solid #14B3CC;
- background: url(../img/ico-menos.png) no-repeat center center;
- }
- .is-downloads .titulo .bt button.open{
- background: url(../img/ico-mais-c.png) no-repeat center center;
- }
- .is-downloads .titulo .bt button.open:hover{
- border: 2px solid #14B3CC;
- background: url(../img/ico-mais.png) no-repeat center center;
- }
- textarea:focus, input:focus, button:focus{
- outline: none;
- }
- .is-downloads .catalogo .links {
- margin-top: 0!important
- }
- .is-downloads .listas {
- float: left;
- width: 100%;
- padding-top: 50px;
- }
- .is-downloads .listas ul {
- font-size: 0
- }
- .is-downloads .listas .categorias{
- float: left;
- width: 100%;
- text-align: center;
- padding: 0px;
- }
- .is-downloads .listas .categorias li {
- width: auto;
- list-style: none;
- height: 50px;
- display: inline-block;
- color: #999999;
- font-size: 11px;
- font-family: 'Gotham-Book';
- padding: 0px 18px 0px 19px;
- margin: 0 0 0 10px;
- text-align: center;
- text-transform: uppercase;
- line-height: 50px;
- vertical-align: middle;
- border: 2px solid #999999;
- background: transparent
- }
- .is-downloads .listas .categorias a {
- color: #999999;
- font-size: 11px;
- font-family: 'Gotham-Book';
- height: 48px;
- margin: 0;
- padding: 0;
- width: 100%;
- float: left;
- line-height: 48px;
- vertical-align: middle;
- }
- .is-downloads .listas .categorias li:nth-child(1) {
- margin-left: 0
- }
- .is-downloads .categorias li.active,
- .is-downloads .categorias li:hover {
- background-color: #999999;
- }
- .is-downloads .categorias li.active a,
- .is-downloads .categorias li:hover a{
- color: #fff;
- }
- .is-downloads .categorias li.todas {
- background-color: #14B3CC;
- border-color: #14B3CC;
- }
- .is-downloads .categorias li.todas a{
- color: #fff;
- }
- .is-downloads .listas .links {
- margin-top: 50px;
- display: inline-block;
- width: 100%;
- text-align: center;
- padding: 0
- }
- .is-downloads .listas .links li {
- display: inline-block;
- width: 31.3%;
- height: 60px;
- margin-bottom: 25px;
- padding: 0;
- margin-right: 1%;
- margin-left: 1%;
- }
- /*
- .is-downloads .listas .links li:nth-child(3n+2) {
- margin-right: 2.6%;
- margin-left: 2.6%;
- }*/
- .is-downloads .listas .links a {
- /*float: left;*/
- width: 100%;
- cursor: pointer;
- display: table;
- text-decoration: none;
- }
- .links a span {
- display: table-cell;
- width: 84.5%;
- height: 60px;
- padding: 0px 5%;
- border: 2px solid #eee;
- box-sizing: border-box;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- background: #fff;
- color: #666666;
- font-size: 12px;
- font-family: 'Gotham-Light';
- vertical-align: middle;
- text-align: left;
- text-transform: uppercase;
- }
- .is-downloads .listas .links a::after {
- position: relative;
- content: '';
- width: 15.5%;
- height: 60px;
- display: table-cell;
- background: url(../img/novo/seta.png) no-repeat center center #999;
- }
- .is-downloads .listas .links a:hover span{
- color: #14B3CC;
- }
- .is-downloads .listas .links a:hover::after{
- background-color: #14B3CC;
- }
- .is-downloads .fechado .listas {
- display: none
- }
- .base-de-calculo {
- width: 960px;
- display: inline-block
- }
- .base-calculo {
- font-family: LatoLight;
- font-size: 14px;
- color: #FFF;
- width: 250px;
- line-height: 40px;
- background-color: #0b6069;
- text-align: center;
- margin-bottom: 50px;
- display: none
- }
- .nav-dropdown,
- .nav-top-linhas {
- font-family: Lato
- }
- .nav .nav-top-modelos .nav-lk-modelos:hover,
- nav .nav-dropdown .nav-modelos li a:hover {
- text-decoration: underline;
- }
- nav .nav-dropdown .nav-modelos li a:hover {
- color: #1a9eac !important;
- }
- .nav-dropdown,
- .nav-dropdown ul {
- text-align: left
- }
- .nav-dropdown {
- /*width: 555px*/
- }
- .nav-top-linhas {
- background-color: rgba(0, 138, 154, .8);
- display: inline-block;
- padding: 20px;
- padding-bottom: 12px;
- padding-top: 15px;
- margin-left: 20px;
- width: 160px;
- }
- .nav-linhas,
- .nav-linhas li,
- .nav-modelos {
- display: block;
- vertical-align: top
- }
- nav .nav-top-linhas a {
- padding: 0
- }
- .nav-top-linhas a .nav-lk-linhas {
- padding-left: 0;
- color: #fff
- }
- nav .nav-dropdown .nav-top-linhas a:hover {
- text-decoration: underline;
- color: #ffc656
- }
- .nav-linhas {
- /*width: 175px*/
- }
- .nav-linhas li a {
- margin: 0;
- padding: 0!important;
- vertical-align: top
- }
- .nav-linhas li {
- line-height: 2em
- }
- .nav-modelos {
- white-space: normal;
- width: 825px
- }
- .nav-modelos li {
- width: 148px;
- display: inline-block;
- white-space: normal;
- line-height: 2.1em;
- font-size: 12px;
- }
- .nav .nav-top-modelos .nav-lk-modelos,
- nav a.nav-lk-linhas {
- border-bottom: 1px solid #80bdc4;
- line-height: 1em;
- margin-bottom: 10px;
- padding-bottom: 13px!important
- }
- nav .nav-dropdown .nav-modelos li a {
- padding-left: 0;
- color: #1a9eac;
- text-transform: none;
- padding-right: 0
- }
- .nav-modelos li a {
- text-transform: normal
- }
- nav a.nav-lk-linhas {
- display: inline-block;
- width: 132px
- }
- .nav-top-modelos {
- display: inline-block;
- margin-left: -3px;
- padding-left: 20px;
- padding-top: 10px;
- vertical-align: top;
- height: 130px;
- background-color: #FFF;
- width: 745px
- }
- .top-busca .busca-ok,
- .top-busca .input-busca {
- background-color: transparent;
- font-family: Lato;
- font-size: 10px;
- display: inline-block
- }
- .nav .nav-top-modelos .nav-lk-modelos {
- display: inline-block;
- width: 700px;
- color: #1a9eac;
- padding-left: 0
- }
- .top-busca {
- right: 50%;
- margin-right: 305px;
- position: absolute;
- top: 39px
- }
- .top-busca .input-busca {
- background-image: url(../img/bg-busca.png);
- background-position: top right;
- border: none;
- border-radius: 50px;
- color: #1a9eac;
- height: 34px;
- line-height: 30px;
- padding-left: 14px;
- padding-right: 35px;
- width: 148px
- }
- .top-busca .busca-ok {
- background-position: -118px 0;
- border: none;
- border-radius: 50px;
- color: #fff;
- height: 26px;
- line-height: 24px;
- margin-left: -35px;
- text-indent: -9999px;
- width: 35px
- }
- .input-busca::-webkit-input-placeholder {
- color: #FFF
- }
- .input-busca::-moz-placeholder {
- color: #FFF
- }
- .input-busca:-ms-input-placeholder {
- color: #fFF
- }
- .input-busca:input:-moz-placeholder {
- color: #FFF
- }
- .is-touch .top-busca .input-busca {
- width: 148px
- }
- .centraliza {
- line-height: 220px;
- vertical-align: middle;
- text-align: center
- }
- .centraliza img {
- display: inline-block;
- position: relative;
- vertical-align: middle
- }
- .is-produtos .banner figcaption {
- width: 100%;
- margin: 0;
- left: 0;
- top: 279px;
- height: 80px
- }
- .is-produtos .nossos-produtos-tt {
- width: 100%;
- float: left;
- font-size: 32px;
- padding: 40px 0 30px 20px;
- }
- .is-produtos .nossos-produtos-tt strong{
- font-size: 32px;
- display: inline-block;
- color: #00B2CC;
- font-weight: 300;
- font-family: Lato;
- }
- .is-produtos .banner-eco,
- .is-produtos .banner-fitas,
- .is-produtos .banner-jardim,
- .is-produtos .banner-pro,
- .is-produtos .banner-todos {
- width: 100%;
- margin: 0;
- left: 0;
- bottom: 0!important;
- top: inherit!important;
- height: 140px;
- background-color: rgba(252, 175, 23, .8)
- }
- .is-produtos .banner-eco h2,
- .is-produtos .banner-jardim h2,
- .is-produtos .banner-pro h2,
- .is-produtos .banner-todos h2 {
- margin-top: 15px;
- color: #FFF
- }
- .is-produtos .banner-eco strong,
- .is-produtos .banner-fitas strong,
- .is-produtos .banner-jardim strong,
- .is-produtos .banner-pro strong,
- .is-produtos .banner-todos strong {
- display: inline
- }
- .is-produtos .banner-eco p,
- .is-produtos .banner-fitas p,
- .is-produtos .banner-jardim p,
- .is-produtos .banner-pro p {
- padding-top: 10px;
- margin-top: 20px
- }
- .is-produtos .banner-pro,
- .is-produtos .banner-todos {
- background-color: rgba(0, 138, 158, .8)
- }
- .is-produtos .banner-todos h2 {
- width: 520px
- }
- .is-produtos .banner-jardim div {
- width: 970px
- }
- .is-produtos .banner-jardim h2 {
- width: 540px;
- margin-left: 0
- }
- .is-produtos .banner-jardim {
- background-color: rgba(190, 214, 47, .8)
- }
- .is-produtos .banner-jardim p::before {
- top: 10px
- }
- .is-produtos .banner-jardim p {
- padding-top: 0;
- width: 418px;
- margin-top: 25px
- }
- .is-produtos .banner-fitas h2 {
- width: 510px;
- font-size: 40px;
- margin-top: 22px;
- color: #FFF
- }
- .is-produtos .banner-fitas h2 strong {
- font-size: 40px
- }
- .is-produtos .banner-fitas {
- background-color: rgba(188, 189, 192, .8)
- }
- .is-produtos .banner-eco p {
- width: 430px
- }
- .is-produtos .banner-eco h2 {
- width: 471px
- }
- .is-produtos .banner-fitas p {
- padding-top: 0;
- width: 382px;
- margin-top: 39px
- }
- .is-produtos .banner-pro p {
- padding-top: 0;
- width: 462px
- }
- .is-produtos .banner-pro h2 {
- width: 437px
- }
- #form-news fieldset .msg-news {
- color: #FFF;
- font-size: 13px;
- float: left;
- margin: 0;
- height: 15px
- }
- .descricao span:nth-child(1) {
- color: #ed3237
- }
- .descricao span:nth-child(2) {
- color: #00a859
- }
- .descricao span:nth-child(3) {
- color: #00afef
- }
- .descricao span:nth-child(4) {
- color: #d8b400
- }
- .is-produtos main[role=main] {
- background-color: #f7f7f7
- }
- .contato-sucess {
- color: #2996a4;
- width: 360px;
- bottom: 0;
- font-size: 20px;
- position: absolute
- }
- .is-onde-encontrar .map-canvas {
- float: left;
- width: 100%;
- height: 501px;
- }
- .is-onde-encontrar .banner--small {
- min-height: 195px
- }
- .is-onde-encontrar .onde-encontrar {
- display: block;
- margin-top: 180px;
- }
- .is-onde-encontrar .box-selects {
- background-color: #FFF;
- width: 345px;
- height: 329px;
- position: absolute;
- margin-left: 0;
- margin-top: 86px;
- padding-top: 39px;
- z-index: 2;
- border: 2px solid #EFEFEF;
- box-sizing: border-box;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- }
- .is-onde-encontrar .box.formulario {
- margin: 0 auto;
- width: 100%;
- max-width: 1000px
- }
- .is-onde-encontrar .box-selects form {
- text-align: left;
- width: 250px;
- display: inline-block;
- margin-top: 30px;
- position: relative;
- }
- .is-onde-encontrar fieldset {
- border: 0;
- padding: 0;
- margin: 0px;
- text-align: center
- }
- .box-selects select {
- font-family: 'Gotham-Book';
- color: #BBBBBB;
- font-size: 14px;
- background-color: #fff;
- border: 2px solid #bcbcbc;
- width: 250px;
- height: 45px;
- padding-left: 10px;
- margin-bottom: 10px
- }
- .box-selects select:focus {
- outline: hidden;
- }
- .is-onde-encontrar h2 {
- margin: 0;
- padding: 0;
- font-size: 24px;
- font-family: 'Gotham-Light';
- color: #00B2CC;
- }
- .is-onde-encontrar .txt-procurar {
- height: 45px;
- width: 250px;
- border: 2px solid #bcbcbc;
- font-family: 'Gotham-Book';
- font-size: 14px;
- color: #bbbbbb;
- padding-left: 12px
- }
- .is-onde-encontrar p,
- .veja-mapa {
- color: #666666;
- font-family: 'Gotham-Light';
- font-size: 12px;
- margin: 2px 0 0;
- padding: 0;
- text-decoration: none;
- }
- .veja-mapa:hover{
- color: #13B2CC;
- }
- .is-onde-encontrar .bt-procurar {
- background-color: transparent;
- background-image: url(../img/novo/lupa.png);
- background-position: 10px 10px;
- background-repeat: no-repeat;
- border: 0;
- height: 44px;
- position: absolute;
- bottom: 0px;
- right: 4px;
- width: 40px;
- }
- .is-onde-encontrar .box {
- background-color: #FFF;
- display: block
- }
- .is-onde-encontrar .conteudo {
- width: 100%;
- max-width: 1000px;
- padding: 0px 10px;
- display: block;
- margin: 0 auto
- }
- .is-onde-encontrar .conteudo h3 {
- float: left;
- color: #00B2CC;
- width: 100%;
- margin: 64px 0 46px;
- text-align: left;
- font-family: 'Gotham-Light';
- font-size: 24px;
- }
- .is-onde-encontrar .listagem li {
- vertical-align: top;
- list-style: none;
- width: 300px;
- position: relative;
- display: inline-block;
- margin-right: 30px;
- margin-bottom: 50px;
- padding-left: 35px;
- }
- .is-onde-encontrar .listagem li:nth-child(3n) {
- margin-right: 0
- }
- .is-onde-encontrar .listagem {
- display: block;
- width: 980px;
- padding: 50px 0 0 20px;
- margin: 0 0 15px;
- }
- .is-onde-encontrar .listagem li::before {
- background: url(../img/novo/pointer-c.png) no-repeat center center;
- content: "";
- height: 36px;
- left: 0px;
- position: absolute;
- top: 0;
- width: 27px
- }
- .is-onde-encontrar .listagem li:hover::before {
- background: url(../img/novo/pointer.png) no-repeat center center;
- }
- .is-onde-encontrar .listagem li:hover .veja-mapa{
- color: #13B2CC;
- }
- .is-onde-encontrar .listagem .nome {
- float: left;
- width: 100%;
- color: #666666;
- font-size: 14px;
- font-family: 'Gotham-Book';
- position: relative;
- margin-bottom: 15px;
- }
- .paginacao {
- display: inline-block;
- text-align: center;
- width: 100%;
- padding: 0;
- margin: 0 0 70px
- }
- .paginacao li {
- display: inline;
- width: 30px;
- height: 30px;
- margin-right: 15px;
- }
- .paginacao li:last-of-type{
- margin-right: 0px;
- }
- .paginacao li a.ativo {
- background-color: #00a8be;
- color: #FFF
- }
- .paginacao li a {
- display: inline-block;
- width: 30px;
- line-height: 30px;
- height: 30px;
- background-color: #FFF;
- text-align: center;
- font-size: 14px;
- font-family: 'Gotham-Book';
- text-decoration: none;
- color: #666666;
- }
- .paginacao li a:hover:not(.ativo) {
- color: #14B3CC;
- }
- @media all and (max-width: 1600px) {
- .footer--also .face {
- margin-left: 0
- }
- .footer--where {
- padding-top: 30px!important
- }
- .footer {
- padding-bottom: 20px;
- }
- }
- @media all and (max-width: 1320px) {
- .is-novidades .swipe,
- .is-novidades .swipe-wrap {
- overflow: hidden;
- position: relative;
- width: 100%
- }
- .footer>.col {
- padding-top: 30px
- }
- .footer--where .footer-onde {
- width: 70%
- }
- .footer--where .footer-tambem {
- width: 30%
- }
- .footer--where .tambem-item {
- width: 100%;
- margin-bottom: 15px
- }
- .conheca-encontrar .line h2 {
- margin-top: 13%
- }
- .conheca-encontrar .line h2:before {
- display: none
- }
- @media all and (max-width: 1200px) {
- .footer>.col {
- padding-top: 50px
- }
- }
- @media all and (max-width: 1100px) {
- .footer>.col {
- padding-top: 30px
- }
- .footer--where {
- padding-top: 30px!important
- }
- .col-1-3.endereco1.c3 {
- float: left;
- clear: both;
- margin-top: 10px
- }
- .endereco1 {
- width: 50%
- }
- }
- @media all and (max-width: 1000px) {
- .is-busca .busca-topo {
- bottom: 60px;
- height: 112px;
- padding: 1.3%;
- position: absolute;
- text-align: left;
- width: 100%;
- z-index: 55
- }
- .is-busca .topo-categorias {
- bottom: 0
- }
- }
- @media all and (min-width: 1000px) {
- .nav-top-linhas {
- height: 130px
- }
- }
- @media all and (max-width: 1000px) {
- .nav li, .nav-top-linhas li {
- font-size: 12px
- }
- .is-busca .busca-topo {
- bottom: 190px;
- height: 112px;
- padding: 1.3%;
- position: absolute;
- text-align: left;
- width: 100%;
- z-index: 55
- }
- .is-busca .banner {
- padding-top: 125px
- }
- .is-index .banner img {
- left: auto;
- margin-left: auto;
- position: relative
- }
- .header {
- position: fixed;
- padding: 0
- }
- .nav,
- .nav>ul,
- .nav>ul::before {
- position: absolute
- }
- .logo {
- max-width: 260px;
- padding: 2em 0 0
- }
- .nav-toggle+label,
- .nav-toggle:checked~ul {
- display: block
- }
- .nav .nav-dropdown::before,
- .nav>ul {
- display: none
- }
- .nav {
- top: 1.75em;
- right: 1em
- }
- .nav>ul {
- top: 50px;
- right: 10px;
- width: 180px;
- padding: .75em 0;
- background: #fff;
- background: rgba(0, 138, 154, .8);
- box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
- min-width: 180px
- }
- .nav>ul::before {
- bottom: 100%;
- right: 0;
- border-bottom: 8px solid #fff;
- border-bottom: 8px solid rgba(0, 138, 154, .85);
- border-left: 8px solid transparent;
- content: " "
- }
- .nav li {
- display: block;
- color: #FFF
- }
- .nav .nav-top-modelos,
- .nav a.nav-lk-linhas,
- .nav li:nth-child(7) {
- display: none
- }
- .nav li:nth-child(1) a {
- padding: 0
- }
- .nav a {
- padding: .2em 1em;
- color: #FFF
- }
- .nav .nav-dropdown {
- width: 155px;
- position: relative;
- top: 10px;
- left: 13px!important;
- margin: 0 0 20px;
- padding: 0;
- opacity: 1;
- visibility: visible;
- background: #aaa;
- box-shadow: none;
- -webkit-transform: none;
- -moz-transform: none;
- -ms-transform: none;
- -o-transform: none;
- transform: none;
- text-align: center
- }
- .nav .nav-dropdown::before {
- border-bottom-color: #008a9a;
- left: 90%
- }
- .nav .nav-dropdown a {
- color: #fff
- }
- .nav .nav-dropdown a:hover {
- text-decoration: underline;
- color: #fff
- }
- .nav .nav-linhas,
- .nav-linhas li {
- text-align: center;
- width: 100%
- }
- .nav .nav-top-linhas {
- padding: 10px;
- width: 155px
- }
- .nav .nav-linhas li {
- line-height: 2em
- }
- .nav .nav-top-novidades {
- margin-top: 20px
- }
- .nav .icn-calc::before {
- position: absolute;
- left: -9px
- }
- .busca-nav-fixo {
- margin-bottom: 10px;
- margin-top: 5px
- }
- .busca-nav-fixo .top-busca {
- left: auto;
- margin-left: 0;
- position: relative;
- top: auto
- }
- .home-cadastro .subscribe-form {
- display: inline-block;
- margin-left: 0;
- width: 90%
- }
- .home-cadastro {
- height: 100%;
- width: 100%
- }
- .home-cadastro .box {
- width: 100%;
- text-align: center
- }
- .is-produtos .banner div {
- width: 100%!important
- }
- .is-onde-encontrar .onde-encontrar {
- margin-top: 96px
- }
- .is-downloads .banner {
- padding-top: 150px
- }
- }
- @media all and (max-width: 400px) {
- .home-cadastro .texto {
- color: #fff;
- display: inline-block;
- font-family: LatoBold;
- font-size: 24px;
- height: 105px;
- line-height: 28px;
- margin-bottom: 0;
- margin-left: 0;
- margin-right: 0;
- padding-left: 70px;
- padding-top: 33px;
- position: relative;
- vertical-align: top
- }
- }
- @media all and (max-width: 1160px) {
- .line p {
- font-size: 12px
- }
- .todos-produtos .line p {
- font-size: 14px
- }
- .banner-novidades h2 {
- font-size: 1.7em
- }
- .col.col-1-2.footer--where {
- padding-top: 60px!important
- }
- .footer--where h4 {
- line-height: 16px;
- line-height: 55px
- }
- }
- @media all and (max-width: 1000px) {
- .nav .icn-lista::before, .nav-dropdown {
- display: none
- }
- .banner-bdt.cf,
- .banner-economia,
- .is-a-stella .empresa h2,
- .is-a-stella figcaption {
- text-align: center
- }
- .line p,
- .todos-produtos .line p,
- .topo-categorias ul {
- font-size: 0
- }
- .suporte {
- width: 155px;
- padding-top: 10px;
- padding-bottom: 10px;
- padding-left: 0!important;
- padding-right: 0!important
- }
- .l1 {
- margin-top: 0
- }
- .nav .icn-lista {
- width: auto;
- margin-left: 0
- }
- .banner-economia h2,
- .banner-economia p,
- .is-a-stella img,
- .texto-novidade,
- .veja-mais {
- display: inline-block
- }
- .seloBDT {
- left: auto;
- top: auto
- }
- .banner-box-1000 {
- width: 100%
- }
- .texto-novidade {
- padding: 0 5%;
- width: 100%
- }
- .banner-box-1000>figure {
- min-width: auto;
- max-width: 100%
- }
- .banner-economia a {
- width: 100%;
- padding: 0
- }
- .banner-economia h2 {
- width: 100%;
- margin-top: 0
- }
- .banner-economia p {
- width: 100%
- }
- .banner-economia {
- width: 100%;
- padding: 10%;
- position: relative;
- background: url(../img/bg-led-mobile.jpg) center center no-repeat;
- min-height: 300px
- }
- .is-a-stella .banner img {
- min-height: 185px
- }
- .is-a-stella .box {
- width: 100%;
- text-align: center
- }
- .is-a-stella img {
- width: 100%
- }
- .is-a-stella p {
- display: inline-block!important;
- padding: 5%!important;
- margin: 0
- }
- .is-a-stella h2,
- .is-a-stella h3,
- .is-a-stella h4 {
- margin-left: 0;
- margin-righ: 0;
- padding: 0;
- text-align: center!important
- }
- .is-a-stella p {
- text-align: center!important;
- width: 100%!important
- }
- .is-a-stella .bloco {
- width: 100%;
- margin: 0
- }
- .is-a-stella .led .paragrafos {
- width: 100%;
- padding: 0 5%;
- margin-left: 0;
- margin-right: 0
- }
- .is-a-stella figure {
- text-align: center!important;
- margin: 0!important;
- padding: 0!important
- }
- .is-a-stella .cont1 h3,
- .is-a-stella .cont2 h3 {
- padding-left: 0
- }
- .is-a-stella figcaption.esq {
- text-align: center
- }
- .is-produto .imagens-produto {
- display: inline-block;
- position: relative;
- vertical-align: top;
- width: 100%
- }
- .is-produto .produto,
- .is-produto .produto .img-ampliada {
- width: 100%;
- text-align: center
- }
- .is-produto .img-ampliada {
- display: none
- }
- .is-produto .swipe {
- width: 100%;
- position: relative;
- display: inline-block
- }
- .is-produto .swipe-wrap {
- overflow: hidden;
- position: relative;
- height: auto;
- width: 100%;
- padding: 0;
- margin: 0
- }
- .produto .thumbs a {
- width: 100%
- }
- .produto .thumbs a:hover::before {
- display: none
- }
- .produto .thumbs {
- margin: 0;
- text-align: center
- }
- .produto .thumbs img {
- width: 100%;
- height: auto
- }
- .is-produto .swipe-wrap>li {
- float: left;
- width: 100%;
- position: relative;
- margin: 0;
- padding: 0
- }
- .is-produto .seta-dir,
- .is-produto .seta-esq {
- position: absolute;
- top: 50%;
- background-image: url(../img/sprites-produto.png);
- width: 17px;
- height: 34px;
- font-size: 0;
- text-indent: -9999999px;
- background-position: -418px -90px
- }
- .is-produto .seta-dir {
- background-position: -448px -90px;
- bottom: 27px;
- right: 10px
- }
- .is-produto .seta-esq {
- background-position: -418px -90px;
- bottom: 27px;
- left: 10px
- }
- .informacoes {
- width: 90%
- }
- .topo-categorias ul {
- margin: 0 auto;
- padding: 0;
- text-align: center;
- width: 100%;
- line-height: normal
- }
- .topo-categorias {
- bottom: 67px!important;
- line-height: normal;
- width: 100%;
- height: auto
- }
- .topo-categorias li {
- margin: 10px 0
- }
- .is-produto .container {
- width: 100%
- }
- .is-produto .topo-categorias {
- height: auto;
- position: relative
- }
- .is-produto {
- display: block
- }
- .busca-topo form,
- .is-produto .box,
- .is-produto .dados-tecnicos {
- width: 100%
- }
- .is-contato .banner figcaption,
- .is-produtos .banner figcaption {
- top: 123px;
- width: 100%;
- left: auto;
- margin: 0;
- text-align: center
- }
- .is-contato .banner p::before,
- .is-produtos .banner p::before {
- content: none
- }
- .is-contato .banner p,
- .is-produtos .banner p {
- margin: 35px 0 0
- }
- .is-contato h2,
- .is-produtos h2 {
- color: #74cede;
- display: inline-block;
- font-family: LatoLight;
- font-size: 50px;
- margin: 0;
- text-align: center;
- vertical-align: top;
- width: 428px
- }
- .is-contato .banner,
- .is-produtos .banner {
- min-height: 566px
- }
- .is-produtos .busca-topo {
- bottom: 127px
- }
- .is-contato .box,
- .is-contato .box2 {
- display: block;
- text-align: center;
- width: 100%;
- padding: 80px 0;
- position: relative
- }
- .is-contato .fone {
- margin: 0
- }
- .is-contato fieldset {
- display: inline-block;
- width: 90%
- }
- .is-contato .banner {
- min-height: 460px
- }
- .is-perguntas-frequentes .duvidas .box {
- width: 100%;
- text-align: center
- }
- .is-perguntas-frequentes .duvidas ul {
- margin: 0;
- display: inline-block;
- width: 100%
- }
- .is-perguntas-frequentes .duvidas li {
- margin: 0 0 10px;
- padding: 10px 15px;
- width: 100%
- }
- .is-perguntas-frequentes .banner {
- min-height: 310px;
- padding-top: 165px
- }
- .is-perguntas-frequentes .mande-duvidas {
- width: 100%
- }
- .is-downloads .titulo {
- padding: 0 20px
- }
- .is-downloads h3 {
- width: 100%
- }
- .is-downloads .listas .categorias li {
- margin-bottom: 10px
- }
- .is-downloads .listas .links {
- width: 100%;
- text-align: center;
- padding: 0
- }
- .is-downloads .listas .links li:nth-child(3n+1) {
- margin-left: 20px
- }
- .is-downloads .listas .links li {
- margin: 10px 20px
- }
- .is-produtos .banner-eco,
- .is-produtos .banner-fitas,
- .is-produtos .banner-jardim,
- .is-produtos .banner-pro {
- top: 199px!important
- }
- .header {
- background-position: center -90px;
- height: 96px
- }
- .footer--where h4 {
- line-height: 55px
- }
- .footer--where {
- padding-top: 20px!important
- }
- .footer h4 {
- text-align: left!important
- }
- .footer>.col {
- padding-top: 60px
- }
- .is-contato .contato {
- margin-top: 95px
- }
- }
- @media all and (max-width: 900px) {
- .footer--where, .topo-categorias {
- padding-top: 60px
- }
- .is-onde-encontrar .box-selects {
- margin-left: 10px
- }
- .is-onde-encontrar .listagem li {
- margin-right: 20px
- }
- .is-produto .box {
- padding-bottom: 20px
- }
- .is-produto .documentos li:nth-child(2) {
- border-right: none
- }
- .is-produto .documentos li:nth-child(3) {
- margin-top: 40px
- }
- .is-contato .banner {
- min-height: 460px
- }
- .is-contato h2 {
- font-size: 43px
- }
- .is-produtos .banner {
- min-height: 339px
- }
- .is-produtos .banner-eco,
- .is-produtos .banner-fitas,
- .is-produtos .banner-jardim,
- .is-produtos .banner-pro,
- .is-produtos .banner-todos {
- top: 189px!important
- }
- .topo-categorias {
- bottom: 0!important;
- min-height: 190px
- }
- .footer--where h4 {
- line-height: 55px
- }
- footer .col-1-2 {
- width: 100%!important
- }
- .is-index .banner img {
- min-height: auto;
- margin-top: 0
- }
- .is-index .rsHidden {
- opacity: 1;
- visibility: visible
- }
- .is-index .banner {
- height: 600px;
- min-height: 600px
- }
- .is-busca .topo-categorias {
- padding-top: 10px
- }
- .is-downloads h3 span {
- width: 78%
- }
- .logo {
- background: url(../img/stella-logo-mobile.png) center top no-repeat rgba(0, 0, 0, 0);
- display: inline-block;
- height: 36px;
- margin-bottom: 30px;
- margin-top: 30px;
- padding: 0;
- text-indent: -9999em;
- transition: all .3s ease 0s;
- width: 163px
- }
- }
- @media all and (max-width: 800px) {
- .top-busca {
- right: auto;
- margin-right: auto;
- }
- .footer--where {
- padding-top: 20px!important;
- width: 100%;
- display: block
- }
- .footer>.col {
- width: 100%;
- display: inline-block;
- text-align: left;
- padding-left: 20px;
- padding-top: 50px
- }
- .footer--where h4 {
- padding: 0;
- margin-top: 15px
- }
- .footer--where .footer-onde {
- width: 70%
- }
- .footer--where .endereco1 {
- width: 50%!important;
- margin: 15px 0
- }
- .footer--where .footer-tambem {
- width: 30%
- }
- .footer--where .tambem-item {
- width: 50%!important;
- margin: 15px 0;
- padding: 0
- }
- .is-index .banner img {
- min-height: auto;
- margin-top: 0
- }
- .is-index .rsHidden {
- opacity: 1;
- visibility: visible
- }
- .is-index .banner {
- height: 600px;
- min-height: 600px
- }
- .is-downloads h3 span {
- width: 74%
- }
- .is-onde-encontrar .listagem li {
- margin-right: 20px
- }
- .is-produtos .menu-interno-produtos {
- background: rgba(0, 138, 158, .8);
- bottom: 0;
- height: 70px
- }
- .is-produtos .menu-interno-produtos .menu-interno-categorias,
- .is-produtos .menu-interno-produtos .menu-interno-linhas {
- display: none
- }
- .is-produtos .menu-interno-produtos form {
- width: 100%;
- height: 100%;
- padding: 5px 18px;
- display: block
- }
- .is-produtos .menu-interno-produtos form select {
- width: 100%;
- border: 0;
- height: 100%;
- color: #0189a5;
- font-size: 15px;
- padding: 10px
- }
- .banner--small {
- min-height: 185px
- }
- .is-novidades .banner {
- padding-top: 165px
- }
- .is-touch .banner-novidades .line h2 {
- margin-top: 15%
- }
- }
- @media all and (min-width: 736px) and (max-width: 799px) {
- .is-index .banner img {
- width: 100%!important;
- max-width: 100%!important;
- margin-top: 0!important;
- min-height: 552px!important
- }
- .is-index .banner {
- height: 552px!important;
- min-height: 552px!important
- }
- .is-onde-encontrar .listagem li:nth-child(3n) {
- margin-right: 0
- }
- .is-onde-encontrar .listagem li {
- width: 28%;
- margin-right: 20px
- }
- }
- @media all and (min-width: 665px) and (max-width: 735px) {
- .is-index .banner img {
- width: 667px!important;
- height: 500px;
- max-width: 667px!important;
- max-height: 500px!important;
- margin-top: 0!important;
- min-height: 500px!important
- }
- .is-index .banner {
- height: 500px!important;
- min-height: 500px!important
- }
- .is-onde-encontrar .listagem li {
- width: 88%!important;
- margin-right: 10px
- }
- }
- @media all and (max-width: 650px) {
- .is-produto .documentos li {
- display: block;
- border: none;
- margin-bottom: 40px
- }
- .is-busca .banner h2 {
- color: #01abbd;
- font-family: LatoLight;
- font-size: 38px;
- margin: 0
- }
- .is-busca .banner .busca-topo {
- height: 98px;
- bottom: 126px
- }
- .is-contato .banner {
- min-height: 460px
- }
- .is-contato h2 {
- font-size: 43px
- }
- .is-produtos .banner {
- min-height: 626px
- }
- .banner .busca-topo {
- bottom: 156px;
- height: 68px
- }
- .is-produtos .banner-eco,
- .is-produtos .banner-fitas,
- .is-produtos .banner-jardim,
- .is-produtos .banner-pro,
- .is-produtos .banner-todos {
- top: 149px!important
- }
- .is-contato .banner p,
- .is-produtos .banner p {
- margin-top: 65px
- }
- .is-produtos .banner-eco h2,
- .is-produtos .banner-jardim h2,
- .is-produtos .banner-pro h2,
- .is-produtos .banner-todos h2 {
- width: 100%
- }
- .is-produtos .banner p {
- font-size: 13px
- }
- .topo-categorias {
- bottom: 0!important;
- min-height: 190px
- }
- .is-busca .topo-categorias {
- bottom: 0!important;
- min-height: 130px
- }
- .footer--where {
- padding: 0!important;
- display: block;
- width: 100%
- }
- .footer--also {
- display: block;
- width: 100%
- }
- .footer--also a {
- max-width: 310px
- }
- .footer>.col {
- width: 100%;
- display: inline-block;
- text-align: left;
- padding-left: 20px;
- padding-top: 20px
- }
- .is-index .banner img {
- min-height: auto;
- margin-top: 0!important
- }
- .is-index .rsHidden {
- opacity: 1;
- visibility: visible
- }
- .is-index .banner {
- height: 700px;
- min-height: 700px
- }
- .is-busca .topo-categorias {
- padding-top: 10px
- }
- .is-downloads h3 span {
- width: 71%
- }
- .is-produtos .banner-eco h2,
- .is-produtos .banner-jardim h2,
- .is-produtos .banner-pro h2,
- .is-produtos .banner-todos h2 {
- margin-top: 20px
- }
- .is-produto .documentos li span {
- margin: 0 auto
- }
- }
- @media all and (max-width: 620px) {
- .is-novidades .col-1-3, .is-novidades section {
- width: 100%
- }
- .is-novidades.sidebar {
- width: 100%;
- padding-bottom: 60px
- }
- .is-onde-encontrar .listagem li {
- margin-right: 30px
- }
- .is-onde-encontrar .listagem li:nth-child(n+2),
- .is-onde-encontrar .listagem li:nth-child(n+3) {
- margin-right: 0
- }
- .is-onde-encontrar .listagem li:nth-child(n+3) {
- margin-right: 30px
- }
- .footer--where .footer-onde {
- width: 50%
- }
- }
- @media all and (max-width: 500px) {
- .is-downloads h3 span {
- display: none
- }
- .is-touch .banner-novidades .line figcaption {
- margin-top: 15%
- }
- .is-touch .conheca-encontrar img {
- height: 120px
- }
- .is-touch .conheca-encontrar .line {
- width: 100%;
- height: 50%
- }
- .is-touch .conheca-encontrar .line:last-of-type {
- bottom: 0;
- top: inherit
- }
- .is-touch .conheca-encontrar .line h2 {
- margin-top: 0;
- height: 60px;
- line-height: 60px
- }
- .is-produtos .busca-topo {
- bottom: 29%
- }
- .topo-categorias {
- bottom: 77px!important;
- min-height: 184px
- }
- .is-produtos .banner-fitas h2 {
- width: 100%
- }
- .col.col-1-2.footer--where {
- padding-left: 25px!important
- }
- .footer>.col {
- padding-left: 20px;
- text-align: left
- }
- .is-index .rsHidden,
- .nav .nav-dropdown {
- opacity: 1;
- visibility: visible
- }
- .is-onde-encontrar .listagem li {
- width: 88%!important
- }
- .footer--where h4,
- .is-contato .banner p,
- .is-contato h2,
- .is-produtos .banner p,
- .is-produtos h2 {
- width: 100%
- }
- .is-contato h2,
- .is-contato h2 strong,
- .is-produtos h2,
- .is-produtos h2 strong {
- font-size: 40px
- }
- .banner .busca-topo {
- height: 68px;
- bottom: 37%
- }
- .is-busca .banner .busca-topo {
- height: 88px;
- bottom: 37%
- }
- .is-index .banner img {
- margin-top: 0!important;
- min-height: 315px
- }
- .is-index .banner {
- height: 360px!important;
- min-height: 360px
- }
- .is-contato .banner {
- min-height: 460px
- }
- .is-contato h2 {
- font-size: 43px
- }
- .is-produtos .banner {
- min-height: 299px
- }
- .is-produto .topo-categorias {
- padding-top: 140px
- }
- .col-1-3 {
- width: 50%
- }
- .footer--where {
- padding-top: 0!important
- }
- .is-a-stella .paragrafos {
- width: 100%;
- margin: 0!important
- }
- .is-a-stella figure {
- width: 100%
- }
- .is-a-stella h2 {
- font-size: 39px
- }
- .is-downloads .titulo strong {
- top: -15px;
- font-size: 27px
- }
- .nav>ul {
- top: 30px
- }
- .nav .nav-dropdown {
- background: #aaa;
- box-shadow: none;
- left: 13px!important;
- margin: 0;
- padding: 0;
- position: relative;
- text-align: center;
- top: 0;
- transform: none;
- width: 155px
- }
- }
- @media all and (min-width: 400px) and (max-width: 425px) {
- .home-cadastro .texto {
- font-size: 24px;
- font-family: LatoBold;
- display: inline-block;
- height: 105px;
- line-height: 32px;
- vertical-align: top;
- margin: 0;
- color: #FFF;
- position: relative;
- padding-left: 120px;
- padding-top: 24px
- }
- }
- @media all and (max-width: 420px) {
- .is-produto .descricao2, .is-produto h5 {
- font-family: Lato
- }
- .banner .busca-topo {
- bottom: 247px;
- height: 68px
- }
- .topo-categorias {
- bottom: 7px!important;
- min-height: 184px
- }
- .is-busca .banner .busca-topo {
- bottom: 187px;
- height: 68px
- }
- .is-produtos h2,
- .is-produtos h2 strong {
- font-size: 42px
- }
- .is-produtos .banner-fitas h2 {
- margin-top: 17px
- }
- .is-index .banner img {
- width: 100%!important;
- height: 373px!important;
- max-width: 100%!important;
- max-height: 373px!important;
- margin-top: 0!important;
- min-height: 373px
- }
- .is-index .rsHidden {
- opacity: 1;
- visibility: visible
- }
- .is-index .banner {
- height: 373px!important;
- min-height: 373px!important
- }
- .is-produto .banner--small {
- min-height: 373px
- }
- .is-produto h5 {
- color: #01abbd;
- font-size: 38px;
- height: 110px;
- line-height: 50px;
- text-align: center
- }
- .is-produto .product-list {
- margin-left: 0
- }
- .is-produto .descricao {
- width: 100%;
- text-align: left
- }
- .is-produto .descricao2 {
- color: #999;
- display: inline-block;
- font-size: 15px;
- margin: 0;
- min-height: 37px;
- position: relative;
- text-align: left;
- vertical-align: top;
- border-left: 0;
- padding-left: 0
- }
- .is-produto #filters {
- margin-top: 60px
- }
- .is-produto .topo-categorias {
- padding-top: 70px;
- min-height: 100%;
- max-height: 100%
- }
- .banner-economia .veja-mais {
- width: 255px
- }
- .is-a-stella *,
- .is-a-stella .cont1,
- .is-a-stella .cont2,
- .is-a-stella article>div img,
- .is-a-stella h2,
- .is-a-stella h3,
- .is-a-stella h4 {
- max-width: 100%
- }
- .is-a-stella .conceitos h2,
- .is-a-stella .desenvolvimento-produtos h2,
- .is-a-stella .tecnologia-stella h2 {
- padding-top: 20px
- }
- .is-downloads .titulo strong {
- font-size: 15px;
- top: -8px
- }
- .is-downloads .catalogo .titulo strong {
- top: -8px
- }
- }
- @media all and (min-width: 350px) and (max-width: 380px) {
- .is-index .banner img {
- width: 375px!important;
- height: 281px;
- max-width: 375px!important;
- max-height: 281px!important;
- margin-top: 0!important;
- min-height: 281px!important
- }
- .is-index .banner {
- height: 281px!important;
- min-height: 281px!important
- }
- .is-a-stella .conceitos h2,
- .is-a-stella .tecnologia-stella h2 {
- padding-top: 40px
- }
- .is-onde-encontrar .listagem li {
- width: 88%!important
- }
- .is-onde-encontrar .box-selects {
- margin-left: 40px
- }
- }
- @media all and (min-width: 381px) and (max-width: 479px) {
- .is-index .banner img {
- width: 414px!important;
- height: 311px;
- max-width: 414px!important;
- max-height: 311px!important;
- margin-top: 0!important;
- min-height: 311px!important
- }
- .is-index .banner {
- height: 311px!important;
- min-height: 311px!important
- }
- }
- @media all and (max-width: 320px) {
- .is-produto .descricao2, .is-produto h5 {
- font-family: Lato
- }
- .is-novidades .swipe-wrap ul {
- padding-left: 20px
- }
- .busca-topo input {
- font-size: 10px
- }
- .banner .busca-topo {
- bottom: 247px;
- height: 68px
- }
- .topo-categorias {
- bottom: 7px!important;
- min-height: 184px
- }
- .is-produtos h2,
- .is-produtos h2 strong {
- font-size: 35px
- }
- .is-produtos .banner-fitas h2 {
- margin-top: 25px;
- font-size: 30px
- }
- .is-produtos .banner-fitas h2 strong {
- font-size: 30px
- }
- .is-index .banner img {
- width: 320px!important;
- height: 373px!important;
- max-width: 320px!important;
- max-height: 373px!important;
- margin-top: 0!important;
- min-height: 373px
- }
- .is-index .rsHidden {
- opacity: 1;
- visibility: visible
- }
- .is-index .banner {
- height: 373px!important;
- min-height: 373px!important
- }
- .is-produto .banner--small {
- min-height: 373px
- }
- .is-produto h5 {
- color: #01abbd;
- font-size: 38px;
- height: 110px;
- line-height: 50px;
- text-align: center
- }
- .is-produto .product-list {
- margin-left: 0
- }
- .is-produto .descricao {
- width: 100%;
- text-align: left
- }
- .is-produto .descricao2 {
- color: #999;
- display: inline-block;
- font-size: 15px;
- margin: 0;
- min-height: 37px;
- position: relative;
- text-align: left;
- vertical-align: top;
- border-left: 0;
- padding-left: 0
- }
- .is-produto #filters {
- margin-top: 60px
- }
- .is-produto .topo-categorias {
- padding-top: 70px;
- min-height: 320px;
- max-height: 320px
- }
- .banner-economia .veja-mais {
- width: 255px
- }
- .is-a-stella *,
- .is-a-stella .cont1,
- .is-a-stella .cont2,
- .is-a-stella article>div img,
- .is-a-stella h2,
- .is-a-stella h3,
- .is-a-stella h4 {
- max-width: 320px
- }
- .is-produtos .banner-todos h2 {
- line-height: 30px;
- margin-top: 15px
- }
- }
- .nav-dropdown.suporte:before {
- margin-left: -270px
- }
- .suporte {
- width: 202px
- }
- .is-novidades .swipe {
- visibility: hidden
- }
- .is-novidades .swipe-wrap ul {
- float: left;
- position: relative;
- width: 100%
- }
- .is-novidades .swipe-wrap ul li {
- display: inline-block;
- width: 30%;
- border: 4px solid #FFF
- }
- .is-novidades .swipe-wrap ul li img {
- vertical-align: middle;
- width: 100%;
- height: auto
- }
- .is-novidades .sidebar {
- padding-right: 0
- }
- .is-novidades .sec-novidade {
- padding-left: 0
- }
- .is-novidades .container {
- border-top: 1px solid #e1e1e1
- }
- .is-novidades iframe {
- width: 100%!important
- }
- }
- .is-lista-produtos .centro {
- padding-top: 145px
- }
- .is-lista-produtos .conteudo {
- padding-top: 109px;
- width: 100%;
- max-width: 960px;
- margin: 0 auto
- }
- .is-lista-produtos .centro h1,
- .is-lista-produtos .centro h2 {
- font-family: LatoLight;
- color: #01abbd;
- padding: 0!important;
- text-align: center
- }
- .is-lista-produtos .centro h1 {
- font-size: 48px;
- margin: 0!important
- }
- .is-lista-produtos .centro h2 {
- font-size: 28px;
- margin: 100px 0 200px!important
- }
- .is-lista-produtos li {
- list-style: none
- }
- .is-lista-produtos .lista li img {
- display: inline-block;
- max-width: 100px;
- border: 1px solid #CCC
- }
- .is-lista-produtos .lista li .bloco-desc {
- display: inline-block;
- margin-left: 20px;
- max-width: 370px
- }
- .is-lista-produtos .lista {
- border-bottom: 2px dotted #CCC;
- margin-top: 40px;
- padding-left: 0
- }
- .is-lista-produtos .lista li {
- padding-bottom: 37px;
- border-top: 2px dotted #CCC;
- list-style: none;
- padding-left: 31px;
- padding-top: 36px
- }
- .is-lista-produtos .bloco-desc {
- vertical-align: top
- }
- .is-lista-produtos li .nome-produto {
- text-align: left;
- color: #008a9c;
- font-size: 31px;
- line-height: 35px;
- margin: 7px 0 0
- }
- .is-lista-produtos .descricoes {
- display: block;
- margin-top: 24px
- }
- .is-lista-produtos .descricoes .descricao2 {
- border: 0;
- margin: 0;
- padding: 0
- }
- .is-lista-produtos .descricoes .descricao2 span {
- display: inline-block
- }
- .is-lista-produtos .quantidade {
- color: #404040;
- display: inline-block;
- font-size: 14px;
- padding-left: 0;
- padding-top: 31px;
- vertical-align: top
- }
- .is-lista-produtos .txt-vazio {
- text-align: center;
- color: #696969;
- margin-top: 100px
- }
- .spinner {
- background: #FFF;
- border: 1px solid #ccc;
- border-radius: 5px;
- height: 40px;
- margin-left: 10px;
- text-align: center;
- width: 60px
- }
- .ui-spinner-button {
- position: absolute;
- right: 4px;
- top: 6px
- }
- .ui-spinner {
- position: relative
- }
- .ui-spinner-button.ui-spinner-up.ui-corner-tr.ui-button.ui-widget.ui-state-default.ui-button-text-only {
- color: #0189a5;
- cursor: pointer;
- top: -6px;
- width: 10px;
- text-align: center;
- font-weight: 700
- }
- .ui-spinner-button.ui-spinner-down.ui-corner-br.ui-button.ui-widget.ui-state-default.ui-button-text-only {
- cursor: pointer;
- color: #0189a5;
- width: 10px;
- text-align: center;
- font-weight: 700
- }
- .is-lista-produtos .ui-spinner::before {
- border-right: 2px dotted #ccc;
- content: "";
- height: 103px;
- position: absolute;
- right: -45px;
- top: -40px;
- width: 20px
- }
- .is-lista-produtos .remover {
- background-color: #fff;
- background-image: url(../img/ico-remover.jpg);
- background-position: right center;
- background-repeat: no-repeat;
- border: 0;
- color: #404040;
- font-family: latolight;
- font-size: 14px;
- height: 24px;
- margin-left: 73px;
- margin-top: 40px;
- padding-right: 30px;
- vertical-align: top
- }
- .modal-print {
- background-color: rgba(0, 0, 0, .3);
- position: fixed;
- z-index: 99999;
- width: 100%;
- height: 100%;
- display: none
- }
- .modal-print .box-dados-print {
- background-color: #fff;
- border-radius: 10px;
- margin: 40px auto 0;
- padding-bottom: 40px;
- padding-left: 50px;
- padding-top: 50px;
- position: relative;
- width: 370px
- }
- .is-lista-produtos .modal-print .titulo {
- font-family: latolight;
- color: #01abbd;
- font-size: 30px;
- padding-bottom: 15px;
- border-bottom: 1px solid #c1c1c1;
- margin-bottom: 25px;
- width: 265px;
- display: block
- }
- .is-lista-produtos .modal-print .texto {
- color: #404040;
- font-size: 14px;
- font-family: latolight;
- width: 282px;
- display: block
- }
- .is-lista-produtos .modal-print .fechar {
- background-image: url(../img/fechar-modal.png);
- height: 18px;
- position: absolute;
- right: 15px;
- text-indent: -9999px;
- top: 15px;
- width: 18px
- }
- .box-dados-print input,
- .box-dados-print select {
- width: 230px;
- height: 35px;
- display: block;
- margin-bottom: 20px;
- border: 1px solid #d3d3d3;
- border-radius: 5px;
- color: #404040;
- font-family: latolight;
- padding-left: 10px;
- padding-right: 10px
- }
- .box-dados-print .bt-add-email {
- display: block;
- font-size: 13px;
- line-height: 20px;
- color: #666;
- margin-bottom: 20px;
- text-decoration: none
- }
- .is-produto .ajuda,
- .is-produto .duvida-lista {
- font-family: latolight;
- font-size: 14px
- }
- .is-lista-produtos .bt-finalizar,
- .is-lista-produtos .bt-imprimir {
- background: #0189a5;
- border: 0;
- border-radius: 5px;
- color: #fff;
- line-height: 45px;
- padding: 0 0 0 34px;
- width: 230px;
- position: relative;
- display: block
- }
- .is-lista-produtos .bt-finalizar {
- display: block;
- margin: 44px auto 100px;
- width: 230px
- }
- .box-dados-print>form {
- text-align: center;
- width: 270px
- }
- .is-lista-produtos .bt-finalizar::before,
- .is-lista-produtos .bt-imprimir::before {
- background-image: url(../img/ico-print.png);
- content: "";
- display: block;
- height: 23px;
- left: 60px;
- padding: 0;
- position: absolute;
- top: 10px;
- width: 24px
- }
- .is-lista-produtos .bt-finalizar::before {
- left: 54px
- }
- .is-lista-produtos.box-dados-print>form {
- text-align: center;
- width: 270px
- }
- .is-lista-produtos .box-dados-print ul {
- display: inline-block;
- padding: 0;
- width: 230px
- }
- .is-lista-produtos .direita {
- display: inline-block;
- min-width: 300px;
- vertical-align: top;
- float: right
- }
- .is-lista-produtos .esquerda {
- display: inline-block;
- min-width: 300px;
- vertical-align: top
- }
- .is-lista-produtos .dados {
- display: none
- }
- .is-produto .blocoAdicionar {
- display: block;
- position: relative
- }
- .is-produto .adicionar-lista {
- background-color: #0189a5;
- border-radius: 5px;
- color: #fff;
- display: inline-block;
- height: 40px;
- line-height: 40px;
- margin-right: 10px;
- margin-top: 30px;
- padding-left: 24px;
- position: relative;
- text-align: center;
- text-decoration: none;
- width: 210px
- }
- .is-produto .adicionar-lista::before {
- background-image: url(../img/ico-adicionar-lista.png);
- content: "";
- display: block;
- height: 18px;
- left: 20px;
- position: absolute;
- top: 12px;
- width: 18px
- }
- .is-produto .duvida-lista {
- background-color: #01abbd;
- border-radius: 100%;
- color: #fff;
- display: inline-block;
- font-weight: 700;
- height: 18px;
- line-height: 16px;
- text-align: center;
- text-decoration: none;
- width: 18px
- }
- .is-produto .duvida-lista:hover .ajuda {
- display: block
- }
- .is-produto .ajuda {
- display: none;
- background-color: #fff;
- background-image: url(../img/bg-ajuda.png?v=1);
- border-radius: 5px;
- height: 111px;
- left: 152px;
- padding: 15px 23px 23px;
- position: absolute;
- text-align: left;
- top: -81px;
- vertical-align: top;
- width: 322px;
- color: #7d7d7d;
- line-height: 20px
- }
- .modal-lista-produto .error-add,
- .modal-lista-produto .texto,
- .modal-lista-produto .titulo {
- font-family: latolight
- }
- .modal-lista-produto {
- background-color: rgba(0, 0, 0, .3);
- position: fixed;
- z-index: 99999;
- width: 100%;
- height: 100%;
- display: none
- }
- .modal-lista-produto .box-modal {
- background-color: #fff;
- border-radius: 10px;
- left: 50%;
- margin-left: -235px;
- margin-top: -135px;
- min-height: 270px;
- padding: 30px;
- position: relative;
- top: 50%;
- width: 470px
- }
- .modal-lista-produto .titulo {
- color: #01abbd;
- font-size: 33px;
- padding-bottom: 15px;
- border-bottom: 1px dotted #c1c1c1;
- margin-bottom: 25px;
- width: 395px;
- display: block
- }
- .modal-lista-produto .texto {
- color: #404040;
- font-size: 14px;
- width: 328px;
- display: inline-block
- }
- .modal-lista-produto .descricoes {
- margin-top: 0;
- padding: 10px 0
- }
- .modal-lista-produto .descricoes:hover {
- background: #F4F4F4
- }
- .modal-lista-produto .error-add {
- color: #dd6f6f;
- font-size: 12px;
- display: block;
- height: 30px;
- margin: 0
- }
- .modal-lista-produto .spinner {
- background: #FFF;
- border: 1px solid #ccc;
- border-radius: 5px;
- height: 32px;
- margin-left: 10px;
- text-align: center;
- width: 50px
- }
- .modal-lista-produto .adicionar {
- display: block;
- width: 190px;
- height: 40px;
- line-height: 40px;
- text-align: center;
- font-size: 14px;
- color: #FFF;
- border-radius: 5px;
- background-color: #0189a5;
- text-decoration: none;
- margin-top: 15px;
- border: 0
- }
- .modal-lista-produto .spinner.ui-spinner-input {
- margin-left: 0
- }
- .modal-lista-produto .ui-spinner-button.ui-spinner-up.ui-corner-tr.ui-button.ui-widget.ui-state-default.ui-button-text-only {
- color: #0189a5;
- cursor: pointer;
- top: -5px;
- font-size: 13px
- }
- .modal-lista-produto .ui-spinner-button.ui-spinner-down.ui-corner-br.ui-button.ui-widget.ui-state-default.ui-button-text-only {
- cursor: pointer;
- color: #0189a5;
- font-size: 13px
- }
- .modal-lista-produto .fechar {
- background-image: url(../img/fechar-modal.png);
- height: 18px;
- position: absolute;
- right: 15px;
- text-indent: -9999px;
- top: 15px;
- width: 18px
- }
- @media all and (max-width: 1000px) {
- .is-lista-produtos .lista li {
- padding-left: 0!important;
- text-align: center
- }
- .is-lista-produtos .direita {
- margin-bottom: 30px!important;
- margin-top: 30px
- }
- .is-lista-produtos .quantidade {
- padding-left: 0
- }
- }
- .print-footer,
- .print-logo {
- display: none
- }
- @media print {
- #PrintDiv,
- .is-lista-produtos .centro {
- padding-top: 0
- }
- .is-lista-produtos .dados {
- display: block
- }
- body * {
- visibility: hidden
- }
- #PrintDiv *,
- .print-footer,
- .print-footer img {
- visibility: visible
- }
- #PrintDiv .bt-finalizar {
- opacity: 0
- }
- #PrintDiv {
- max-width: 850px
- }
- .ui-spinner::before {
- display: none
- }
- .remover {
- display: none!important
- }
- .ui-spinner-button.ui-spinner-down.ui-corner-br.ui-button.ui-widget.ui-state-default.ui-button-text-only,
- .ui-spinner-button.ui-spinner-up.ui-corner-tr.ui-button.ui-widget.ui-state-default.ui-button-text-only {
- display: none
- }
- .spinner {
- border: 0
- }
- .is-lista-produtos .descricoes {
- display: block;
- margin: 0
- }
- .is-lista-produtos li .nome-produto {
- color: #999;
- font-size: 9pt;
- line-height: 24px;
- margin: 7px 0 0
- }
- .is-lista-produtos .lista li {
- padding: 0 20px 0 30px;
- text-align: left;
- float: left;
- width: 100%;
- border-top-style: solid;
- border-top-color: #ccc;
- border-top-width: 1px
- }
- .is-lista-produtos .lista {
- float: left;
- margin: 0;
- border-bottom-style: solid;
- border-bottom-color: #ccc;
- border-bottom-width: 1px;
- width: 100%
- }
- .is-lista-produtos .lista li:first-child {
- border-top: 0
- }
- .is-lista-produtos .centro h1 {
- text-align: left;
- font-size: 20pt
- }
- .is-lista-produtos .descricoes .descricao {
- min-width: 95px;
- font-size: 8pt
- }
- .is-lista-produtos .descricoes .descricao2 {
- font-size: 8pt
- }
- .is-lista-produtos .descricoes .descricao2 span {
- display: inline-block
- }
- .is-lista-produtos .direita,
- .is-lista-produtos .esquerda {
- min-width: initial;
- height: auto
- }
- .is-lista-produtos .lista li img {
- max-height: 80px!important;
- max-width: initial!important;
- margin: 15px 0
- }
- .is-lista-produtos .quantidade {
- padding: 0
- }
- .print-logo {
- display: block;
- text-align: right;
- padding: 10px 40px 40px 0
- }
- .dados p {
- font-size: 12px;
- padding: 20px 0 0
- }
- .footer .col,
- footer {
- display: none!important
- }
- .print-footer {
- display: table;
- position: relative;
- height: 106px;
- width: 100%;
- overflow: hidden
- }
- .print-footer img {
- max-width: 100%
- }
- }
- .is-produto.is-touch .container {
- padding-top: 130px
- }
- .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,
- .animated.flipOutX,
- .animated.flipOutY {
- -webkit-animation-duration: .75s;
- animation-duration: .75s
- }
- @-webkit-keyframes bounce {
- 20%, 53%, 80%, from, to {
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- 40%,
- 43% {
- -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
- animation-timing-function: cubic-bezier(.755, .050, .855, .060);
- -webkit-transform: translate3d(0, -30px, 0);
- transform: translate3d(0, -30px, 0)
- }
- 70% {
- -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
- animation-timing-function: cubic-bezier(.755, .050, .855, .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 {
- 20%, 53%, 80%, from, to {
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- 40%,
- 43% {
- -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
- animation-timing-function: cubic-bezier(.755, .050, .855, .060);
- -webkit-transform: translate3d(0, -30px, 0);
- transform: translate3d(0, -30px, 0)
- }
- 70% {
- -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
- animation-timing-function: cubic-bezier(.755, .050, .855, .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 {
- 50%, from, to {
- opacity: 1
- }
- 25%,
- 75% {
- opacity: 0
- }
- }
- @keyframes flash {
- 50%, from, to {
- opacity: 1
- }
- 25%,
- 75% {
- opacity: 0
- }
- }
- .flash {
- -webkit-animation-name: flash;
- animation-name: flash
- }
- @-webkit-keyframes pulse {
- from, to {
- -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)
- }
- }
- @keyframes pulse {
- from, to {
- -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)
- }
- }
- .pulse {
- -webkit-animation-name: pulse;
- animation-name: pulse
- }
- @-webkit-keyframes rubberBand {
- from, to {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1)
- }
- 30% {
- -webkit-transform: scale3d(1.25, .75, 1);
- transform: scale3d(1.25, .75, 1)
- }
- 40% {
- -webkit-transform: scale3d(.75, 1.25, 1);
- transform: scale3d(.75, 1.25, 1)
- }
- 50% {
- -webkit-transform: scale3d(1.15, .85, 1);
- transform: scale3d(1.15, .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)
- }
- }
- @keyframes rubberBand {
- from, to {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1)
- }
- 30% {
- -webkit-transform: scale3d(1.25, .75, 1);
- transform: scale3d(1.25, .75, 1)
- }
- 40% {
- -webkit-transform: scale3d(.75, 1.25, 1);
- transform: scale3d(.75, 1.25, 1)
- }
- 50% {
- -webkit-transform: scale3d(1.15, .85, 1);
- transform: scale3d(1.15, .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)
- }
- }
- .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 headShake {
- 0% {
- -webkit-transform: translateX(0);
- transform: translateX(0)
- }
- 6.5% {
- -webkit-transform: translateX(-6px) rotateY(-9deg);
- transform: translateX(-6px) rotateY(-9deg)
- }
- 18.5% {
- -webkit-transform: translateX(5px) rotateY(7deg);
- transform: translateX(5px) rotateY(7deg)
- }
- 31.5% {
- -webkit-transform: translateX(-3px) rotateY(-5deg);
- transform: translateX(-3px) rotateY(-5deg)
- }
- 43.5% {
- -webkit-transform: translateX(2px) rotateY(3deg);
- transform: translateX(2px) rotateY(3deg)
- }
- 50% {
- -webkit-transform: translateX(0);
- transform: translateX(0)
- }
- }
- @keyframes headShake {
- 0% {
- -webkit-transform: translateX(0);
- transform: translateX(0)
- }
- 6.5% {
- -webkit-transform: translateX(-6px) rotateY(-9deg);
- transform: translateX(-6px) rotateY(-9deg)
- }
- 18.5% {
- -webkit-transform: translateX(5px) rotateY(7deg);
- transform: translateX(5px) rotateY(7deg)
- }
- 31.5% {
- -webkit-transform: translateX(-3px) rotateY(-5deg);
- transform: translateX(-3px) rotateY(-5deg)
- }
- 43.5% {
- -webkit-transform: translateX(2px) rotateY(3deg);
- transform: translateX(2px) rotateY(3deg)
- }
- 50% {
- -webkit-transform: translateX(0);
- transform: translateX(0)
- }
- }
- .headShake {
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- -webkit-animation-name: headShake;
- animation-name: headShake
- }
- @-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, to {
- -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)
- }
- }
- @keyframes tada {
- from, to {
- -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)
- }
- }
- .tada {
- -webkit-animation-name: tada;
- animation-name: tada
- }
- @-webkit-keyframes wobble {
- from, to {
- -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)
- }
- }
- @keyframes wobble {
- from, to {
- -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)
- }
- }
- .wobble {
- -webkit-animation-name: wobble;
- animation-name: wobble
- }
- @-webkit-keyframes jello {
- 11.1%, from, 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(-.78125deg) skewY(-.78125deg);
- transform: skewX(-.78125deg) skewY(-.78125deg)
- }
- 77.7% {
- -webkit-transform: skewX(.390625deg) skewY(.390625deg);
- transform: skewX(.390625deg) skewY(.390625deg)
- }
- 88.8% {
- -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
- transform: skewX(-.1953125deg) skewY(-.1953125deg)
- }
- }
- @keyframes jello {
- 11.1%, from, 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(-.78125deg) skewY(-.78125deg);
- transform: skewX(-.78125deg) skewY(-.78125deg)
- }
- 77.7% {
- -webkit-transform: skewX(.390625deg) skewY(.390625deg);
- transform: skewX(.390625deg) skewY(.390625deg)
- }
- 88.8% {
- -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
- transform: skewX(-.1953125deg) skewY(-.1953125deg)
- }
- }
- .jello {
- -webkit-animation-name: jello;
- animation-name: jello;
- -webkit-transform-origin: center;
- transform-origin: center
- }
- @-webkit-keyframes bounceIn {
- 20%, 40%, 60%, 80%, from, to {
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
- }
- 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 {
- 20%, 40%, 60%, 80%, from, to {
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
- }
- 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 {
- 60%, 75%, 90%, from, to {
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
- }
- 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 {
- 60%, 75%, 90%, from, to {
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
- }
- 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 {
- 60%, 75%, 90%, from, to {
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
- }
- 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 {
- 60%, 75%, 90%, from, to {
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
- }
- 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 {
- 60%, 75%, 90%, from, to {
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
- }
- 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 {
- 60%, 75%, 90%, from, to {
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
- }
- 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 {
- 60%, 75%, 90%, from, to {
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
- }
- 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 {
- 60%, 75%, 90%, from, to {
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
- }
- 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
- }
- .flipInY,
- .flipOutX {
- -webkit-backface-visibility: visible!important
- }
- @-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 {
- 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;
- 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(.55, .055, .675, .19);
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
- }
- 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(.175, .885, .32, 1);
- animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
- }
- 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(.175, .885, .32, 1);
- animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
- }
- 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(.175, .885, .32, 1);
- animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
- }
- 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(.175, .885, .32, 1);
- animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
- }
- 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(.175, .885, .32, 1);
- animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
- }
- 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(.175, .885, .32, 1);
- animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
- }
- 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(.175, .885, .32, 1);
- animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
- }
- 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(.175, .885, .32, 1);
- animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
- }
- 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(.175, .885, .32, 1);
- animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
- }
- 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(.175, .885, .32, 1);
- animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
- }
- 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(.175, .885, .32, 1);
- animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
- }
- 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(.175, .885, .32, 1);
- animation-timing-function: cubic-bezier(.175, .885, .32, 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
- }
- .seloNovo {
- background: url(../img/lumens.jpg);
- color: #008a9c;
- font-family: LatoBold;
- font-size: 12px;
- height: 78px;
- line-height: 9px;
- margin-top: 0;
- padding-left: 17px;
- padding-right: 17px;
- padding-top: 19px;
- text-align: center;
- width: 77px;
- line-height: 150%
- }
- .linhas-index .line h2 {
- color: #0099cc;
- width: 100%;
- text-align: center;
- z-index: 10;
- position: absolute;
- opacity: 1;
- z-index: 10;
- }
- .linhas-index .line p {
- margin-top:19%;
- text-shadow: 2px 1px 1px #000;
- }
- .linhas-index .line .bg {
- width: 100%;
- float: left;
- position: absolute;
- height: 100%;
- top: 0;
- z-index: 2;
- }
- .line:hover .bg::before {
- opacity: 0
- }
- .linhas-index .line .bg::before {
- left: 0;
- content: "";
- z-index: 99;
- background-size: auto 80%;
- -webkit-transition: all 1s;
- -moz-transition: all 1s;
- -ms-transition: all 1s;
- -o-transition: all 1s;
- position: absolute;
- width: 100%;
- top: 0;
- z-index: 2;
- height: 100%;
- transition: all 1s;
- }
- @media screen and (max-width: 600px) {
- .nav {
- line-height: 2.5em;
- }
- .is-contato .contato .center{
- width: 94%;
- margin: 0px 3%;
- padding: 0px 0px 50px 0px;
- }
- .is-contato .contato .center .box{
- float: left;
- width: 100%;
- margin-right: 0px;
- }
- .is-contato .box{
- padding: 20px 0px;
- }
- .is-contato .contato .center .box h3{
- text-align: center;
- }
- .is-contato .contato .center .box ul{
- width: 100%;
- }
- .is-contato .contato .center .box ul li{
- width: 100%;
- height: 60px;
- }
- .is-contato .contato .center .box2{
- width: 100%;
- padding: 20px 0px;
- }
- .is-contato .contato .center .box2 span,
- .is-contato .contato .center .box2 form{
- width: 100%;
- text-align: center;
- }
- footer.footer .width-1000{
- float: left;
- width: 94%;
- margin: 0px 3%;
- }
- .footer--where{
- width: 100%;
- padding: 0px;
- }
- .footer--where .footer-onde{
- width: 100%;
- text-align: center;
- padding: 0px;
- }
- .footer--where .footer-onde img{
- display: inline-block;
- margin:20px 70px 0;
- }
- .footer--where h4{
- width: 100%;
- text-align: center!important;
- }
- .footer .footer--also .footer-tambem h4 {
- width: 100%;
- text-align: center !important;
- }
- .footer--where .endereco1{
- width: 100%!important;
- margin: 10px 0px;
- }
- .col{
- padding: 0px!important;
- }
- .footer-tambem{
- width: 100%;
- }
- .footer .footer--also h4{
- float: left;
- width: auto;
- }
- .tambem-item{
- float: none;
- width: auto;
- display: inline-block;
- /*margin-left: 15px;*/
- }
- .footer--also .facetxt {
- margin-left: 5px;
- }
- .footer--also .face {
- margin-left: 11px;
- padding-left: 33px;
- }
- .footer--also .face::before{
- right: 0px;
- }
- .products .col{
- margin-top: 80px;
- }
- .informacoes .selos li.selo-lumens{
- margin-left: 14px;
- float: none;
- display: inline-block;
- margin: 10px;
- }
- .informacoes .selos {
- padding: 0;
- text-align: center;
- }
- .produto {
- margin-top: 100px;
- }
- .is-onde-encontrar .box-selects{
- width: 300px;
- }
- .is-onde-encontrar .box{
- float: left;
- width: 100%;
- }
- .is-onde-encontrar .listagem{
- width: 100%;
- padding: 50px 0 0 20px;
- margin: 0 0 15px;
- }
- .is-perguntas-frequentes .duvidas .box{
- padding: 0px 10px;
- margin: 120px auto 0px;
- }
- .is-perguntas-frequentes .duvidas .box ul{
- width: 100%;
- }
- .is-perguntas-frequentes .duvidas li{
- padding: 10px 0px;
- }
- .is-perguntas-frequentes .duvidas li h3{
- width: 89%;
- text-align: left;
- font-size: 12px;
- line-height: 13px;
- }
- .is-perguntas-frequentes .duvidas li .mais, .is-perguntas-frequentes .duvidas li .menos{
- top: 14px;
- }
- .is-downloads .downloads{
- margin-top: 96px;
- }
- .is-downloads .downloads .center{
- width: 94%;
- margin: 0px 3%;
- padding: 20px 0px;
- }
- .is-downloads .titulo{
- padding: 0px 5px;
- }
- .is-downloads .titulo .divimg{
- display: none;
- }
- .is-downloads .titulo .informacoes{
- width: 92%;
- }
- .is-downloads .center .bg{
- margin-bottom: 10px;
- }
- .is-downloads .listas .links li{
- width: 100%;
- margin: 0px 0px 10px;
- }
- .is-downloads .titulo {
- padding: 0px 10px;
- }
- .is-downloads .listas .links li:nth-child(3n+1){
- margin-left: 0px;
- }
- .is-downloads .titulo .bt{
- display: none;
- }
- .is-downloads .titulo .informacoes {
- width: 100%;
- }
- .nav>ul{
- width: 275px !important;
- max-width: none;
- }
- .nav .nav-top-linhas,
- .nav .nav-dropdown{
- top: 0px;
- left: 56px!important;
- }
- .is-touch .top-busca .input-busca {
- width: 148px;
- }
- .nav-top-contato {
- height: 25px!important;
- }
- .is-downloads .listas {
- float: left;
- width: 100%;
- padding-top: 15px;
- }
- .is-downloads .listas .links {
- margin-top: 15px;
- }
- .conheca-encontrar .width-1000{
- width: 100%;
- }
- .royalSlider {
- margin-top: 96px;
- }
- .header {
- background: rgb(20, 179, 204)!important;
- }
- .nav>ul {
- top: 40px;
- background: rgb(0, 138, 154);
- }
- .nav .nav-dropdown {
- top: 1px!important;
- }
- .conheca-encontrar .line h2:before{
- display: block!important;
- }
- .is-touch .conheca-encontrar .line h2{
- height: auto!important;
- line-height: auto!important;
- margin-top: 10px;
- }
- .line p{
- font-size: 0px!important;
- display: none;
- }
- }
- .sobre-stella {
- width: 100%;
- float: left;
- }
- .sobre-stella img{
- max-width: 100%;
- }
- .sobre-stella .img-title{
- float: left;
- width: 100%;
- position: relative;
- }
- .sobre-stella .img-title h2 {
- position: absolute;
- width: 100%;
- height: 80px;
- background: #18B4CD;
- color: #FFF;
- padding: 0 0 0 30px;
- line-height: 80px;
- bottom: 0;
- text-transform: uppercase;
- }
- .sobre-stella h1 {
- font-size: 32px;
- color: #01abbd;
- }
- .sobre-stella .texto {
- width: 100%;
- margin: 30px 0;
- float: left;
- }
- .sobre-stella .texto p{
- font-family: LatoLight;
- font-size: 14px;
- margin: 0;
- color: #666666;
- line-height: 21px;
- }
- .sobre-stella .texto p b{
- font-family: Lato;
- }
- .sobre-stella .texto p i{
- font-size: 12px;
- }
- .sobre-stella .texto.font-16 p{
- font-size: 16px;
- }
- .sobre-stella .colunas {
- width: 100%;
- float: left;
- margin: 20px 0;
- }
- .sobre-stella .colunas .col {
- width: 50%;
- display: inline-block;
- padding: 0;
- }
- .sobre-stella .colunas .col:last-child {
- padding-left: 2.5%;
- }
- .sobre-stella h2{
- margin: 0;
- font-size: 20px;
- }
- .sobre-stella .colunas .col .texto {
- }
- body {
- background: #f5f5f5 !important;
- background-image: none !important;
- }
- .selo_pro_novo {
- position: absolute;
- bottom: 15px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement