@charset "UTF-8";
@charset "UTF-8";
.container                                  { position: relative; width: 93%; margin: 0 auto; padding: 0; } .column, .columns                           { float: left; display: inline; margin-left: 1%; margin-right: 1%; } .row                                        { margin-bottom: 2%; }  .column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; } .container .one.column                      { width: 4.1%;  } .container .two.columns                     { width: 10.4%; } .container .three.columns                   { width: 16.6%; } .container .four.columns                    { width: 22.9%; } .container .five.columns                    { width: 29.16%; } .container .six.columns                     { width: 35%; } .container .seven.columns                   { width: 41.6%; } .container .eight.columns                   { width: 47.9%; } .container .nine.columns                    { width: 54.16%; } .container .ten.columns                     { width: 60%; } .container .eleven.columns                  { width: 66.66%; } .container .twelve.columns                  { width: 72.9%; } .container .thirteen.columns                { width: 79.16%; } .container .fourteen.columns                { width: 85%; } .container .fifteen.columns                 { width: 91.66%; } .container .sixteen.columns                 { width: 97.9%; } .container .one-third.column                { width: 31.25%; } .container .two-thirds.column               { width: 64.5%; }  .container .offset-by-one                   { padding-left: 6.25%;  } .container .offset-by-two                   { padding-left: 12.5%; } .container .offset-by-three                 { padding-left: 18.75%; } .container .offset-by-four                  { padding-left: 25%; } .container .offset-by-five                  { padding-left: 31.25%; } .container .offset-by-six                   { padding-left: 37.5%; } .container .offset-by-seven                 { padding-left: 43.7%; } .container .offset-by-eight                 { padding-left: 50%; } .container .offset-by-nine                  { padding-left: 56.25%; } .container .offset-by-ten                   { padding-left: 62.5%; } .container .offset-by-eleven                { padding-left: 68.75%; } .container .offset-by-twelve                { padding-left: 75%; } .container .offset-by-thirteen              { padding-left: 81.25%; } .container .offset-by-fourteen              { padding-left: 87.5%; } .container .offset-by-fifteen               { padding-left: 93.75%; }   @media only screen and (min-width: 768px) and (max-width: 959px) {
.container                                  { width: 93%; } .container .column,
.container .columns                         { margin-left: 1.3%; margin-right: 1.3%;  } .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 1.3%; } .column.omega, .columns.omega               { margin-right: 0; margin-left: 1.3%; } .container .one.column                      { width: 3.64%; } .container .two.columns                     { width: 9.89%; } .container .three.columns                   { width: 16.1%; } .container .four.columns                    { width: 22.39%; } .container .five.columns                    { width: 28.64%; } .container .six.columns                     { width: 34.89%; } .container .seven.columns                   { width: 41.14%; } .container .eight.columns                   { width: 47.39%; } .container .nine.columns                    { width: 53.64%; } .container .ten.columns                     { width: 59.89%; } .container .eleven.columns                  { width: 66.14%; } .container .twelve.columns                  { width: 72.39%; } .container .thirteen.columns                { width: 78.64%; } .container .fourteen.columns                { width: 84.89%; } .container .fifteen.columns                 { width: 91.14%; } .container .sixteen.columns                 { width: 97.39%; } .container .one-third.column                { width: 30.72%; } .container .two-thirds.column               { width: 64%; }  .container .offset-by-one                   { padding-left: 6.25%; } .container .offset-by-two                   { padding-left: 12.5%; } .container .offset-by-three                 { padding-left: 18.75%; } .container .offset-by-four                  { padding-left: 25%; } .container .offset-by-five                  { padding-left: 31.25%; } .container .offset-by-six                   { padding-left: 37.5%; } .container .offset-by-seven                 { padding-left: 43.75%; } .container .offset-by-eight                 { padding-left: 45%; } .container .offset-by-nine                  { padding-left: 56.25%; } .container .offset-by-ten                   { padding-left: 62.5%; } .container .offset-by-eleven                { padding-left: 68.75%; } .container .offset-by-twelve                { padding-left: 75%; } .container .offset-by-thirteen              { padding-left: 81.25%; } .container .offset-by-fourteen              { padding-left: 87.5%; } .container .offset-by-fifteen               { padding-left: 93.75%; } }  @media only screen and (max-width: 767px) {
.container { width: 93%; }
.columns, .column { margin: 0; }
.container .one.column,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column  { width: 100%; }  .container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen { padding-left: 0; }
}  @media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width: 93%; } 
.columns, .column { margin: 0; }
.container .one.column,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column { width: 100%; } }  .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:before,
.clearfix:after,
.row:before,
.row:after,
.panel-row-style-full-width-layout:before,
.panel-row-style-full-width-layout:after,
.panel-row-style-section-divider:before,
.panel-row-style-section-divider:after   {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.row:after,
.clearfix:after,
.panel-row-style-full-width-layout:before,
.panel-row-style-full-width-layout:after,
.panel-row-style-section-divider:before,
.panel-row-style-section-divider:after {
clear: both; }
.row,
.clearfix {
zoom: 1; } .clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}  @media only screen and (max-width: 959px) {} @media only screen and (min-width: 768px) and (max-width: 959px) {} @media only screen and (max-width: 767px) {} @media only screen and (min-width: 480px) and (max-width: 767px) {} @media only screen and (max-width: 479px) {}@font-face{font-family:'Elusive-Icons';src:url(//itessential.pl/wp-content/themes/flatonpro/css/fonts/Elusive-Icons.eot?v=2);src:url(//itessential.pl/wp-content/themes/flatonpro/css/fonts/Elusive-Icons.eot?#iefix&v=2) format('embedded-opentype'),url(//itessential.pl/wp-content/themes/flatonpro/css/fonts/Elusive-Icons.svg#Elusive-Icons?v=2) format('svg'),url(//itessential.pl/wp-content/themes/flatonpro/css/fonts/Elusive-Icons.woff?v=2) format('woff'),url(//itessential.pl/wp-content/themes/flatonpro/css/fonts/Elusive-Icons.ttf?v=2) format('truetype');font-weight:normal;font-style:normal}[class*="el-icon-"]{font-family:'Elusive-Icons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.btn-large [class^="el-icon-"],.btn-large [class*=" el-icon-"]{margin-top:0}
.el-icon-zoom-out:before{content:"\e600"}
.el-icon-zoom-in:before{content:"\e601"}
.el-icon-youtube:before{content:"\e602"}
.el-icon-wrench-alt:before{content:"\e603"}
.el-icon-wrench:before{content:"\e604"}
.el-icon-wordpress:before{content:"\e605"}
.el-icon-wheelchair:before{content:"\e606"}
.el-icon-website-alt:before{content:"\e607"}
.el-icon-website:before{content:"\e608"}
.el-icon-warning-sign:before{content:"\e609"}
.el-icon-w3c:before{content:"\e60a"}
.el-icon-volume-up:before{content:"\e60b"}
.el-icon-volume-off:before{content:"\e60c"}
.el-icon-volume-down:before{content:"\e60d"}
.el-icon-vkontakte:before{content:"\e60e"}
.el-icon-vimeo:before{content:"\e60f"}
.el-icon-view-mode:before{content:"\e610"}
.el-icon-video-chat:before{content:"\e611"}
.el-icon-video-alt:before{content:"\e612"}
.el-icon-video:before{content:"\e613"}
.el-icon-viadeo:before{content:"\e614"}
.el-icon-user:before{content:"\e615"}
.el-icon-usd:before{content:"\e616"}
.el-icon-upload:before{content:"\e617"}
.el-icon-unlock-alt:before{content:"\e618"}
.el-icon-unlock:before{content:"\e619"}
.el-icon-universal-access:before{content:"\e61a"}
.el-icon-twitter:before{content:"\e61b"}
.el-icon-tumblr:before{content:"\e61c"}
.el-icon-trash-alt:before{content:"\e61d"}
.el-icon-trash:before{content:"\e61e"}
.el-icon-torso:before{content:"\e61f"}
.el-icon-tint:before{content:"\e620"}
.el-icon-time-alt:before{content:"\e621"}
.el-icon-time:before{content:"\e622"}
.el-icon-thumbs-up:before{content:"\e623"}
.el-icon-thumbs-down:before{content:"\e624"}
.el-icon-th-list:before{content:"\e625"}
.el-icon-th-large:before{content:"\e626"}
.el-icon-th:before{content:"\e627"}
.el-icon-text-width:before{content:"\e628"}
.el-icon-text-height:before{content:"\e629"}
.el-icon-tasks:before{content:"\e62a"}
.el-icon-tags:before{content:"\e62b"}
.el-icon-tag:before{content:"\e62c"}
.el-icon-stumbleupon:before{content:"\e62d"}
.el-icon-stop-alt:before{content:"\e62e"}
.el-icon-stop:before{content:"\e62f"}
.el-icon-step-forward:before{content:"\e630"}
.el-icon-step-backward:before{content:"\e631"}
.el-icon-star-empty:before{content:"\e632"}
.el-icon-star-alt:before{content:"\e633"}
.el-icon-star:before{content:"\e634"}
.el-icon-stackoverflow:before{content:"\e635"}
.el-icon-spotify:before{content:"\e636"}
.el-icon-speaker:before{content:"\e637"}
.el-icon-soundcloud:before{content:"\e638"}
.el-icon-smiley-alt:before{content:"\e639"}
.el-icon-smiley:before{content:"\e63a"}
.el-icon-slideshare:before{content:"\e63b"}
.el-icon-skype:before{content:"\e63c"}
.el-icon-signal:before{content:"\e63d"}
.el-icon-shopping-cart-sign:before{content:"\e63e"}
.el-icon-shopping-cart:before{content:"\e63f"}
.el-icon-share-alt:before{content:"\e640"}
.el-icon-share:before{content:"\e641"}
.el-icon-search-alt:before{content:"\e642"}
.el-icon-search:before{content:"\e643"}
.el-icon-screenshot:before{content:"\e644"}
.el-icon-screen-alt:before{content:"\e645"}
.el-icon-screen:before{content:"\e646"}
.el-icon-scissors:before{content:"\e647"}
.el-icon-rss:before{content:"\e648"}
.el-icon-road:before{content:"\e649"}
.el-icon-reverse-alt:before{content:"\e64a"}
.el-icon-retweet:before{content:"\e64b"}
.el-icon-return-key:before{content:"\e64c"}
.el-icon-resize-vertical:before{content:"\e64d"}
.el-icon-resize-small:before{content:"\e64e"}
.el-icon-resize-horizontal:before{content:"\e64f"}
.el-icon-resize-full:before{content:"\e650"}
.el-icon-repeat-alt:before{content:"\e651"}
.el-icon-repeat:before{content:"\e652"}
.el-icon-remove-sign:before{content:"\e653"}
.el-icon-remove-circle:before{content:"\e654"}
.el-icon-remove:before{content:"\e655"}
.el-icon-refresh:before{content:"\e656"}
.el-icon-reddit:before{content:"\e657"}
.el-icon-record:before{content:"\e658"}
.el-icon-random:before{content:"\e659"}
.el-icon-quotes-alt:before{content:"\e65a"}
.el-icon-quotes:before{content:"\e65b"}
.el-icon-question-sign:before{content:"\e65c"}
.el-icon-question:before{content:"\e65d"}
.el-icon-qrcode:before{content:"\e65e"}
.el-icon-puzzle:before{content:"\e65f"}
.el-icon-print:before{content:"\e660"}
.el-icon-podcast:before{content:"\e661"}
.el-icon-plus-sign:before{content:"\e662"}
.el-icon-plus:before{content:"\e663"}
.el-icon-play-circle:before{content:"\e664"}
.el-icon-play-alt:before{content:"\e665"}
.el-icon-play:before{content:"\e666"}
.el-icon-plane:before{content:"\e667"}
.el-icon-pinterest:before{content:"\e668"}
.el-icon-picture:before{content:"\e669"}
.el-icon-picasa:before{content:"\e66a"}
.el-icon-photo-alt:before{content:"\e66b"}
.el-icon-photo:before{content:"\e66c"}
.el-icon-phone-alt:before{content:"\e66d"}
.el-icon-phone:before,.el-icon-earphone:before{content:"\e66e"}
.el-icon-person:before{content:"\e66f"}
.el-icon-pencil-alt:before{content:"\e670"}
.el-icon-pencil:before{content:"\e671"}
.el-icon-pause-alt:before{content:"\e672"}
.el-icon-pause:before{content:"\e673"}
.el-icon-path:before{content:"\e674"}
.el-icon-paper-clip-alt:before,.el-icon-paperclip-alt:before{content:"\e675"}
.el-icon-paper-clip:before,.el-icon-paperclip:before{content:"\e676"}
.el-icon-opensource:before{content:"\e677"}
.el-icon-ok-sign:before{content:"\e678"}
.el-icon-ok-circle:before{content:"\e679"}
.el-icon-ok:before{content:"\e67a"}
.el-icon-off:before{content:"\e67b"}
.el-icon-network:before{content:"\e67c"}
.el-icon-myspace:before{content:"\e67d"}
.el-icon-music:before{content:"\e67e"}
.el-icon-move:before{content:"\e67f"}
.el-icon-minus-sign:before{content:"\e680"}
.el-icon-minus:before{content:"\e681"}
.el-icon-mic-alt:before{content:"\e682"}
.el-icon-mic:before{content:"\e683"}
.el-icon-map-marker-alt:before{content:"\e684"}
.el-icon-map-marker:before{content:"\e685"}
.el-icon-male:before{content:"\e686"}
.el-icon-magnet:before{content:"\e687"}
.el-icon-magic:before{content:"\e688"}
.el-icon-lock-alt:before{content:"\e689"}
.el-icon-lock:before{content:"\e68a"}
.el-icon-livejournal:before{content:"\e68b"}
.el-icon-list-alt:before{content:"\e68c"}
.el-icon-list:before{content:"\e68d"}
.el-icon-linkedin:before{content:"\e68e"}
.el-icon-link:before{content:"\e68f"}
.el-icon-lines:before{content:"\e690"}
.el-icon-leaf:before{content:"\e691"}
.el-icon-lastfm:before{content:"\e692"}
.el-icon-laptop-alt:before{content:"\e693"}
.el-icon-laptop:before{content:"\e694"}
.el-icon-key:before{content:"\e695"}
.el-icon-italic:before{content:"\e696"}
.el-icon-iphone-home:before{content:"\e697"}
.el-icon-instagram:before{content:"\e698"}
.el-icon-info-sign:before{content:"\e699"}
.el-icon-indent-right:before{content:"\e69a"}
.el-icon-indent-left:before{content:"\e69b"}
.el-icon-inbox-box:before{content:"\e69c"}
.el-icon-inbox-alt:before{content:"\e69d"}
.el-icon-inbox:before{content:"\e69e"}
.el-icon-idea-alt:before{content:"\e69f"}
.el-icon-idea:before{content:"\e6a0"}
.el-icon-hourglass:before{content:"\e6a1"}
.el-icon-home-alt:before{content:"\e6a2"}
.el-icon-home:before{content:"\e6a3"}
.el-icon-heart-empty:before{content:"\e6a4"}
.el-icon-heart-alt:before{content:"\e6a5"}
.el-icon-heart:before{content:"\e6a6"}
.el-icon-hearing-impaired:before{content:"\e6a7"}
.el-icon-headphones:before{content:"\e6a8"}
.el-icon-hdd:before{content:"\e6a9"}
.el-icon-hand-up:before{content:"\e6aa"}
.el-icon-hand-right:before{content:"\e6ab"}
.el-icon-hand-left:before{content:"\e6ac"}
.el-icon-hand-down:before{content:"\e6ad"}
.el-icon-guidedog:before{content:"\e6ae"}
.el-icon-group-alt:before{content:"\e6af"}
.el-icon-group:before{content:"\e6b0"}
.el-icon-graph-alt:before{content:"\e6b1"}
.el-icon-graph:before{content:"\e6b2"}
.el-icon-googleplus:before{content:"\e6b3"}
.el-icon-globe-alt:before{content:"\e6b4"}
.el-icon-globe:before{content:"\e6b5"}
.el-icon-glasses:before{content:"\e6b6"}
.el-icon-glass:before{content:"\e6b7"}
.el-icon-github-text:before{content:"\e6b8"}
.el-icon-github:before{content:"\e6b9"}
.el-icon-gift:before{content:"\e6ba"}
.el-icon-gbp:before{content:"\e6bb"}
.el-icon-fullscreen:before{content:"\e6bc"}
.el-icon-friendfeed-rect:before{content:"\e6bd"}
.el-icon-friendfeed:before{content:"\e6be"}
.el-icon-foursquare:before{content:"\e6bf"}
.el-icon-forward-alt:before{content:"\e6c0"}
.el-icon-forward:before{content:"\e6c1"}
.el-icon-fork:before{content:"\e6c2"}
.el-icon-fontsize:before{content:"\e6c3"}
.el-icon-font:before{content:"\e6c4"}
.el-icon-folder-sign:before{content:"\e6c5"}
.el-icon-folder-open:before{content:"\e6c6"}
.el-icon-folder-close:before{content:"\e6c7"}
.el-icon-folder:before{content:"\e6c8"}
.el-icon-flickr:before{content:"\e6c9"}
.el-icon-flag-alt:before{content:"\e6ca"}
.el-icon-flag:before{content:"\e6cb"}
.el-icon-fire:before{content:"\e6cc"}
.el-icon-filter:before{content:"\e6cd"}
.el-icon-film:before{content:"\e6ce"}
.el-icon-file-new-alt:before{content:"\e6cf"}
.el-icon-file-new:before{content:"\e6d0"}
.el-icon-file-edit-alt:before{content:"\e6d1"}
.el-icon-file-edit:before{content:"\e6d2"}
.el-icon-file-alt:before{content:"\e6d3"}
.el-icon-file:before{content:"\e6d4"}
.el-icon-female:before{content:"\e6d5"}
.el-icon-fast-forward:before{content:"\e6d6"}
.el-icon-fast-backward:before{content:"\e6d7"}
.el-icon-facetime-video:before{content:"\e6d8"}
.el-icon-facebook:before{content:"\e6d9"}
.el-icon-eye-open:before{content:"\e6da"}
.el-icon-eye-close:before{content:"\e6db"}
.el-icon-exclamation-sign:before{content:"\e6dc"}
.el-icon-eur:before{content:"\e6dd"}
.el-icon-error-alt:before{content:"\e6de"}
.el-icon-error:before{content:"\e6df"}
.el-icon-envelope-alt:before{content:"\e6e0"}
.el-icon-envelope:before{content:"\e6e1"}
.el-icon-eject:before{content:"\e6e2"}
.el-icon-edit:before{content:"\e6e3"}
.el-icon-dribbble:before{content:"\e6e4"}
.el-icon-download-alt:before{content:"\e6e5"}
.el-icon-download:before{content:"\e6e6"}
.el-icon-digg:before{content:"\e6e7"}
.el-icon-deviantart:before{content:"\e6e8"}
.el-icon-delicious:before{content:"\e6e9"}
.el-icon-dashboard:before{content:"\e6ea"}
.el-icon-css:before{content:"\e6eb"}
.el-icon-credit-card:before{content:"\e6ec"}
.el-icon-compass-alt:before{content:"\e6ed"}
.el-icon-compass:before{content:"\e6ee"}
.el-icon-comment-alt:before{content:"\e6ef"}
.el-icon-comment:before{content:"\e6f0"}
.el-icon-cogs:before{content:"\e6f1"}
.el-icon-cog-alt:before{content:"\e6f2"}
.el-icon-cog:before{content:"\e6f3"}
.el-icon-cloud-alt:before{content:"\e6f4"}
.el-icon-cloud:before{content:"\e6f5"}
.el-icon-circle-arrow-up:before{content:"\e6f6"}
.el-icon-circle-arrow-right:before{content:"\e6f7"}
.el-icon-circle-arrow-left:before{content:"\e6f8"}
.el-icon-circle-arrow-down:before{content:"\e6f9"}
.el-icon-child:before{content:"\e6fa"}
.el-icon-chevron-up:before{content:"\e6fb"}
.el-icon-chevron-right:before{content:"\e6fc"}
.el-icon-chevron-left:before{content:"\e6fd"}
.el-icon-chevron-down:before{content:"\e6fe"}
.el-icon-check-empty:before,.el-icon-unchecked:before{content:"\e6ff"}
.el-icon-check:before{content:"\e700"}
.el-icon-certificate:before{content:"\e701"}
.el-icon-cc:before{content:"\e702"}
.el-icon-caret-up:before{content:"\e703"}
.el-icon-caret-right:before{content:"\e704"}
.el-icon-caret-left:before{content:"\e705"}
.el-icon-caret-down:before{content:"\e706"}
.el-icon-car:before{content:"\e707"}
.el-icon-camera:before{content:"\e708"}
.el-icon-calendar-sign:before{content:"\e709"}
.el-icon-calendar:before{content:"\e70a"}
.el-icon-bullhorn:before{content:"\e70b"}
.el-icon-bulb:before{content:"\e70c"}
.el-icon-brush:before{content:"\e70d"}
.el-icon-broom:before{content:"\e70e"}
.el-icon-briefcase:before{content:"\e70f"}
.el-icon-braille:before{content:"\e710"}
.el-icon-bookmark-empty:before{content:"\e711"}
.el-icon-bookmark:before{content:"\e712"}
.el-icon-book:before{content:"\e713"}
.el-icon-bold:before{content:"\e714"}
.el-icon-blogger:before{content:"\e715"}
.el-icon-blind:before{content:"\e716"}
.el-icon-bell:before{content:"\e717"}
.el-icon-behance:before{content:"\e718"}
.el-icon-barcode:before{content:"\e719"}
.el-icon-ban-circle:before{content:"\e71a"}
.el-icon-backward:before{content:"\e71b"}
.el-icon-asl:before{content:"\e71c"}
.el-icon-arrow-up:before{content:"\e71d"}
.el-icon-arrow-right:before{content:"\e71e"}
.el-icon-arrow-left:before{content:"\e71f"}
.el-icon-arrow-down:before{content:"\e720"}
.el-icon-align-right:before{content:"\e721"}
.el-icon-align-left:before{content:"\e722"}
.el-icon-align-justify:before{content:"\e723"}
.el-icon-align-center:before{content:"\e724"}
.el-icon-adult:before{content:"\e725"}
.el-icon-adjust-alt:before{content:"\e726"}
.el-icon-adjust:before{content:"\e727"}
.el-icon-address-book-alt:before{content:"\e728"}
.el-icon-address-book:before{content:"\e729"}
.el-icon-asterisk:before{content:"\e72a"}@font-face{font-family:'FontAwesome';src:url(//itessential.pl/wp-content/themes/flatonpro/css/fonts/fontawesome-webfont.eot?v=4.4.0);src:url(//itessential.pl/wp-content/themes/flatonpro/css/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0) format('embedded-opentype'),url(//itessential.pl/wp-content/themes/flatonpro/css/fonts/fontawesome-webfont.woff2?v=4.4.0) format('woff2'),url(//itessential.pl/wp-content/themes/flatonpro/css/fonts/fontawesome-webfont.woff?v=4.4.0) format('woff'),url(//itessential.pl/wp-content/themes/flatonpro/css/fonts/fontawesome-webfont.ttf?v=4.4.0) format('truetype'),url(//itessential.pl/wp-content/themes/flatonpro/css/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.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(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-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-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#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-remove:before,.fa-close: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-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.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-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-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-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.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-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-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-shekel:before,.fa-sheqel:before,.fa-ils: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-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator: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-stop-o:before,.fa-hand-paper-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-tv:before,.fa-television: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"}.ei-slider{
position: relative;
width: 100%;
max-width: 1920px;
height: 400px;
margin: 0 auto;
}
.ei-slider-loading{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index:999;
background: rgba(0,0,0,0.9);
color: #fff;
text-align: center;
line-height: 400px;
}
.ei-slider-large{
height: 100%;
width: 100%;
position:relative;
overflow: hidden;
}
.ei-slider-large li{
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
height: 100%;
width: 100%;
}
.ei-slider-large li img{
width: 100%;
}
.ei-title{
position: absolute;
right: 50%;
top: 30%;
}
.ei-title h2, .ei-title h3{
text-align: right;
}
.ei-title h2{
font-size: 30px;
line-height: 20px; font-style: italic;
color: #fff;
text-shadow: 1px 1px 1px #000;
}
.ei-title h3{
font-size: 60px;
line-height: 40px; text-transform: uppercase;
color: #FF7E20;
text-shadow: 1px 1px 1px #fff;
}
.ei-slider-thumbs{
height: 13px;
margin: 0 auto;
position: relative;
}
.ei-slider-thumbs li{
position: relative;
float: left;
height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
top: 0px;
left: 0px;
position: absolute;
height: 100%;
z-index: 10;
text-indent: -9000px;
background: #272727;
}
.ei-slider-thumbs li a{
display: block;
text-indent: -9000px;
background: #1F2329;
width: 100%;
height: 100%;
cursor: pointer;
-webkit-box-shadow: 
0px 1px 1px 0px rgba(0,0,0,0.3), 
0px 1px 0px 1px rgba(255,255,255,0.5);
-moz-box-shadow: 
0px 1px 1px 0px rgba(0,0,0,0.3), 
0px 1px 0px 1px rgba(255,255,255,0.5);
box-shadow: 
0px 1px 1px 0px rgba(0,0,0,0.3), 
0px 1px 0px 1px rgba(255,255,255,0.5);
-webkit-transition: background 0.2s ease;
-moz-transition: background 0.2s ease;
-o-transition: background 0.2s ease;
-ms-transition: background 0.2s ease;
transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
background-color: #272727;
}
.ei-slider-thumbs li img{
position: absolute;
bottom: 50px;
opacity: 0;
z-index: 999;
max-width: 100%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-box-reflect: 
below 0px -webkit-gradient(
linear, 
left top, 
left bottom, 
from(transparent), 
color-stop(50%, transparent), 
to(rgba(255,255,255,0.3))
);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
ul.ei-slider-large {
margin: 0;
}
.ei-slider-thumbs li a {
background-color: #FF7E20;
}
.ei-slider-thumbs li:hover img{
opacity: 1;
bottom: 13px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.widget .ei-slider-thumbs li,
.ei-slider-thumbs li {
border: 0;
margin-top: 10px;
margin-bottom: 25px;	
padding: 0;
}
.widget #ei-slider ul {
margin-top: 0;
}
.widget #ei-slider ul li {
border: 0;
margin: 0;
padding: 0;
}
@media screen and (max-width: 830px) {
.ei-title {
position: absolute;
right: 0px;
margin-right: 0px;
width: 100%;
text-align: center;
top: auto;
bottom: 10px;
background: #fff;
background: rgba(255,255,255,0.9);
background: rgba(14.9%, 14.9%, 14.9%, .8);
padding: 5px 0;
}
.ei-title h2, .ei-title h3{
text-align: center;
}
.ei-title h2{
font-size: 20px;
line-height: 24px;
}
.ei-title h3{
font-size: 30px;
line-height: 40px;
}
}.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}  .no-js .slides > li:first-child {display: block;} .flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px} .flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//itessential.pl/wp-content/themes/flatonpro/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
.widget_testimonial-widget .flex-direction-nav a:hover {opacity: 1 !important;} .flex-control-nav {width: 100%; position: absolute; bottom: 20px; text-align: center;opacity: 0; z-index: 2;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease; 
}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flexslider:hover .flex-control-nav {opacity: 1;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both } .slicknav_menu { *zoom: 1 } .slicknav_menu {
font-size:16px;
} .slicknav_btn {
margin: 5px 5px 6px;
text-decoration:none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;  
background-color: #222222;
} .slicknav_menu  .slicknav_menutxt {
color: #FFF;
font-weight: bold;
text-shadow: 0 1px 3px #000;
} .slicknav_menu .slicknav_icon-bar {
background-color: #f5f5f5;
}
.slicknav_menu {
background:#4c4c4c;
padding:5px;
}
.slicknav_nav {
color:#fff;
margin:0;
padding:0;
}
.slicknav_nav, .slicknav_nav ul {
list-style: none;
overflow:hidden;
}
.slicknav_nav ul {
padding:0;
margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
padding:5px 10px;
margin:2px 5px;
}
.slicknav_nav a{
padding:5px 10px;
margin:2px 5px;
text-decoration:none;
color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
padding:0;
margin:0;
}
.slicknav_nav .slicknav_row:hover {
background:#ccc;
color:#fff;
}
.slicknav_nav a:hover{
background:#ccc;
color:#222;
}
.slicknav_nav .slicknav_txtnode {
margin-left:15px;   
}.transition {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
-ms-transition-delay: .3s;
transition-delay: .3s;
}
.make_transist {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.hidescale {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
filter: alpha(opacity=0);
opacity: 0;
}
.showscale {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
-ms-transition-delay: .3s;
transition-delay: .3s;
}
.hideleft {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.showleft {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
-ms-transition-delay: .3s;
transition-delay: .3s;
}
.hidescaleup {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.showscaleup {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
-ms-transition-delay: .3s;
transition-delay: .3s;
}
.hideflip {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: rotatey(-90deg) scale(1.1);
-moz-transform: rotatey(-90deg) scale(1.1);
-o-transform: rotatey(-90deg) scale(1.1);
-ms-transform: rotatey(-90deg) scale(1.1);
transform: rotatey(-90deg) scale(1.1);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.showflip {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
-ms-transition-delay: .3s;
transition-delay: .3s;
-webkit-transform: rotatey(0deg) scale(1);
-moz-transform: rotatey(0deg) scale(1);
-o-transform: rotatey(0deg) scale(1);
-ms-transform: rotatey(0deg) scale(1);
transform: rotatey(0deg) scale(1);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.tabulous_active {
background: white !important;
color: #655c89 !important;
}
.tabulousclear {
display: block;
clear: both;
}div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(//itessential.pl/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
  html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline; }
html {
font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
*,
*:before,
*:after { -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
body {
background: #FFFFFF; overflow-x: hidden; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block; } table { border-collapse: separate;
border-spacing: 0; }
caption, th, td {
font-weight: normal;
text-align: left; }
blockquote:before, blockquote:after,
q:before, q:after {
content: ""; }
blockquote, q {
quotes: "" ""; }
a:focus {
outline: thin dotted; }
a:hover,
a:active {
outline: 0; }
a img {
border: 0; } .container {
position: relative;
width: 93%;
max-width: 1170px;
margin: 0 auto;
padding: 0; }
.container .one.column {
width: 4.1%; }
.container .two.columns {
width: 10.4%; }
.container .three.columns {
width: 16.6%; }
.container .four.columns {
width: 22.9%; }
.container .five.columns {
width: 29.16%; }
.container .six.columns {
width: 35%; }
.container .seven.columns {
width: 41.6%; }
.container .eight.columns {
width: 47.9%; }
.container .nine.columns {
width: 54.16%; }
.container .ten.columns {
width: 60%; }
.container .eleven.columns {
width: 66.66%; }
.container .twelve.columns {
width: 72.9%; }
.container .thirteen.columns {
width: 79.16%; }
.container .fourteen.columns {
width: 85%; }
.container .fifteen.columns {
width: 91.66%; }
.container .sixteen.columns {
width: 97.9%; }
.container .one-third.column {
width: 31.25%; }
.container .tow-thirds.column {
width: 64.5%; }
.container .offset-by-one {
padding-left: 6.25%; }
.container .offset-by-two {
padding-left: 12.5%; }
.container .offset-by-three {
padding-left: 18.75%; }
.container .offset-by-four {
padding-left: 25%; }
.container .offset-by-five {
padding-left: 31.25%; }
.container .offset-by-six {
padding-left: 37.5%; }
.container .offset-by-seven {
padding-left: 43.7%; }
.container .offset-by-eight {
padding-left: 50%; }
.container .offset-by-nine {
padding-left: 56.25%; }
.container .offset-by-ten {
padding-left: 62.5%; }
.container .offset-by-eleven {
padding-left: 68.75%; }
.container .offset-by-twelve {
padding-left: 75%; }
.container .offset-by-thirteen {
padding-left: 81.25%; }
.container .offset-by-fourteen {
padding-left: 87.5%; }
.container .offset-by-fifteen {
padding-left: 93.75%; }
.column, .columns {
float: left;
display: inline;
margin-left: 1%;
margin-right: 1%; }
.column .alpha, .columns .alpha {
margin-left: 0; }
.column .omega, .columns .omega {
margin-right: 0; }
.row {
margin-bottom: 2%; }
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container {
width: 93%; }
.container .column, .container .columns {
margin-left: 1.3%;
margin-right: 1.3%; }
.container .column .alpha, .container .columns .alpha {
margin-left: 0;
margin-right: 1.3%; }
.container .column .omega, .container .columns .omega {
margin-left: 1.3%;
margin-right: 0%; }
.container .one.column {
width: 3.64%; }
.container .two.columns {
width: 9.89%; }
.container .three.columns {
width: 16.1%; }
.container .four.columns {
width: 22.39%; }
.container .five.columns {
width: 28.64%; }
.container .six.columns {
width: 34.89%; }
.container .seven.columns {
width: 41.14%; }
.container .eight.columns {
width: 47.39%; }
.container .nine.columns {
width: 53.64%; }
.container .ten.columns {
width: 59.89%; }
.container .eleven.columns {
width: 66.14%; }
.container .twelve.columns {
width: 72.39%; }
.container .thirteen.columns {
width: 78.64%; }
.container .fourteen.columns {
width: 84.89%; }
.container .fifteen.columns {
width: 91.14%; }
.container .sixteen.columns {
width: 97.39%; }
.container .one-third.column {
width: 30.72%; }
.container .two-thirds.column {
width: 64%; }
.container .offset-by-one {
padding-left: 6.25%; }
.container .offset-by-two {
padding-left: 12.5%; }
.container .offset-by-three {
padding-left: 18.75%; }
.container .offset-by-four {
padding-left: 25%; }
.container .offset-by-five {
padding-left: 31.25%; }
.container .offset-by-six {
padding-left: 37.5%; }
.container .offset-by-seven {
padding-left: 43.75%; }
.container .offset-by-eight {
padding-left: 45%; }
.container .offset-by-nine {
padding-left: 56.25%; }
.container .offset-by-ten {
padding-left: 62.5%; }
.container .offset-by-eleven {
padding-left: 68.75%; }
.container .offset-by-twelve {
padding-left: 75%; }
.container .offset-by-thirteen {
padding-left: 81.25%; }
.container .offset-by-fourteen {
padding-left: 87.5%; }
.container .offset-by-fifteen {
padding-left: 93.75%; } }
@media only screen and (max-width: 767px) {
.container {
width: 93%; }
.container .one.column,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column {
width: 100%; }
.container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen {
padding-left: 0; }
.columns, .column {
margin: 0; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
width: 93%; }
.container .one.column,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column {
width: 100%; }
.columns, .column {
margin: 0; } }  .container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden; } .clearfix:before,
.clearfix:after,
.row:before,
.row:after,
.panel-row-style-full-width-layout:before,
.panel-row-style-full-width-layout:after,
.panel-row-style-section-divider:before,
.panel-row-style-section-divider:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.row:after,
.clearfix:after,
.panel-row-style-full-width-layout:before,
.panel-row-style-full-width-layout:after,
.panel-row-style-section-divider:before,
.panel-row-style-section-divider:after {
clear: both; }
.row,
.clearfix {
zoom: 1; } .clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }       body,
button,
input,
select,
textarea {
color: #272727;
font-family: "Source Sans Pro", sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5; }
h1, h2, h3, h4, h5, h6 {
clear: both;
font-family: "Bitter", serif;
font-weight: 700; }
h1 {
font-size: 48px;
font-size: 4.8rem; }
h2 {
font-size: 36px;
font-size: 3.6rem; }
h3 {
font-size: 30px;
font-size: 3rem; }
h4 {
font-size: 24px;
font-size: 2.4rem; }
h5 {
font-size: 18px;
font-size: 1.8rem; }
h6 {
font-size: 16px;
font-size: 1.6rem; }
p {
margin-bottom: 1.5em; }
b, strong {
font-weight: bold; }
dfn, cite, em, i {
font-style: italic; }
blockquote {
margin: 0 1.5em; }
address {
margin: 0 0 1.5em; }
pre {
background: #F5F5F5;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
border: 1px solid #ECF0F1; }
code, kbd, tt, var {
font-size: 15px;
font-size: 1.5rem;
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr, acronym {
border-bottom: 1px dotted #272727;
cursor: help; }
mark, ins {
background: #a7a7a7;
text-decoration: none; }
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
bottom: 1ex; }
sub {
top: .5ex; }
small {
font-size: 75%; }
big {
font-size: 125%; } hr {
background-color: #ECF0F1;
border: 0;
height: 1px;
margin-bottom: 1.5em; }
ul, ol {
margin: 0 0 1.5em 3em; } li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em; }
dt {
font-weight: bold; }
dd {
margin: 0 1.5em 1.5em; }
img {
height: auto; max-width: 100%; }
figure {
margin: 0; }
table {
width: 100%;
border-spacing: 0;
margin: 0 0 1.5em;
border-collapse: separate;
border: 1px solid #ECF0F1; }
table th {
font-weight: bold; }
table caption,
table td,
table th {
text-align: center;
padding: 5px; }
table td,
table th {
border: 1px solid #ECF0F1;
border-top: 0;
border-right: 0; }
table td#today {
background-color: #3498db;
color: #FFFFFF; }
table {
border-left: 0;
border-bottom: 0; }
pre {
padding: 9.5px;
display: block;
margin: 0 0 24px;
background-color: #D7D7D7;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
white-space: pre-wrap;
word-break: break-all;
word-wrap: break-word;
overflow: auto;
white-space: pre-wrap;
word-wrap: break-word;
font-size: 14px; } button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background: #272727;
color: #FFFFFF;
cursor: pointer; -webkit-appearance: button; line-height: 1;
padding: 7px 10px;
border: 0;
-webkit-transition: background-color 1s ease;
-moz-transition: background-color 1s ease;
-ms-transition: background-color 1s ease;
-o-transition: background-color 1s ease;
transition: background-color 1s ease; }
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background-color: #3498db; }
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #3498db; }
input[type="checkbox"],
input[type="radio"] {
padding: 0; }
input[type="search"] {
-webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0;
padding: 0; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
color: #6D6D6D;
border: 1px solid #ECF0F1;
background-clip: padding-box; -webkit-border-radius: 3px;
border-radius: 3px; }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #6D6D6D; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px; }
textarea {
overflow: auto; padding-left: 3px;
vertical-align: top; width: 100%; }
.required {
color: #3498db; }  a {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
text-decoration: none;
color: #3498db;
outline: none; }
a:visited {
color: #3498db; }
a:hover, a:focus, a:active {
color: black;
outline: none;
outline-offset: 0; } .nav-wrap {
background-color: #272727; }
.main-navigation {
clear: both;
display: block;
float: left;
width: 100%; }
.main-navigation ul.nav-menu > li > a {
text-transform: uppercase; }
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0; }
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
background-color: #272727;
float: left;
position: absolute;
top: 57px;
left: -999em;
z-index: 99999; }
.main-navigation ul ul ul {
left: -999em;
top: 0; }
.main-navigation ul ul li {
line-height: 40px; }
.main-navigation ul ul li:hover > ul {
left: 100%; }
.main-navigation ul ul a {
width: 300px;
border-left: 5px solid transparent;
padding: 3px 15px;
-webkit-transition: padding 0.5s ease;
-moz-transition: padding 0.5s ease;
-ms-transition: padding 0.5s ease;
-o-transition: padding 0.5s ease;
transition: padding 0.5s ease; }
.main-navigation ul ul :hover > a {
padding-left: 25px; }
.main-navigation ul ul a:hover {
border-color: rgba(255, 255, 255, 0.6); }
.main-navigation ul li:hover > ul {
left: auto; }
.main-navigation li {
float: left;
position: relative;
line-height: 57px; }
.main-navigation li:hover > a {
background-color: #3498db; }
.main-navigation a {
display: block;
text-decoration: none;
padding: 0 25px;
color: #FFFFFF; }
.main-navigation .current_page_item a,
.main-navigation .current-menu-item a,
.main-navigation .current-menu-parent > a {
background-color: #3498db; } .menu-toggle {
display: none; }
@media screen and (max-width: 600px) {
.menu-toggle,
.main-navigation.toggled .nav-menu {
display: block; }
.main-navigation ul {
display: none; } }
.comment-navigation .nav-previous a,
.paging-navigation .nav-previous a,
.post-navigation .nav-previous a, .comment-navigation .nav-next a,
.paging-navigation .nav-next a,
.post-navigation .nav-next a, .page-links a, .entry-body .more-link,
.page-navigation a {
display: inline-block;
background-color: #272727;
color: #FFFFFF;
padding: 7px 10px;
-webkit-transition: background-color 1s ease;
-moz-transition: background-color 1s ease;
-ms-transition: background-color 1s ease;
-o-transition: background-color 1s ease;
transition: background-color 1s ease; }
.comment-navigation .nav-previous a:hover,
.paging-navigation .nav-previous a:hover,
.post-navigation .nav-previous a:hover, .comment-navigation .nav-next a:hover,
.paging-navigation .nav-next a:hover,
.post-navigation .nav-next a:hover, .page-links a:hover, .entry-body .more-link:hover,
.page-navigation a:hover {
background-color: #3498db;
color: #FFFFFF; }
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden; }
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%; }
.comment-navigation .nav-previous .meta-nav,
.paging-navigation .nav-previous .meta-nav,
.post-navigation .nav-previous .meta-nav {
padding: 6px 10px; }
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%; }
.comment-navigation .nav-next .meta-nav,
.paging-navigation .nav-next .meta-nav,
.post-navigation .nav-next .meta-nav {
padding: 6px 10px; }
.slicknav_menu {
display: none; }
.page-navigation ol {
list-style-type: none;
text-align: right;
margin: 0; }
.page-navigation ol li {
display: inline;
padding: 0 4px; }
.page-navigation ol li a {
display: inline-block;
padding: 3px 10px; }  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
background-color: #FFFFFF;
background-clip: padding-box; -webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #6D6D6D;
display: block;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .alignleft {
display: inline;
float: left;
margin-right: 1.5em; }
.alignright {
display: inline;
float: right;
margin-left: 1.5em; }
.aligncenter {
display: block;
margin: 0 auto; }
h1.tcenter,
h2.tcenter,
h3.tcenter,
h4.tcenter,
h5.tcenter,
h6.tcenter {
text-align: center; }
h1.tright,
h2.tright,
h3.tright,
h4.tright,
h5.tright,
h6.tright {
text-align: right; } .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table; }
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both; } .widget-title {
color: #272727; }
.widget {
margin: 0 0 1.5em; }
.widget h3 {
margin-bottom: .5em; }
.widget select {
max-width: 100%;
width: 100%; }
.widget ul { }
.widget ul li { }
.widget ul li a {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.widget ul li a:hover {
background-position: 5px 8px; }
.widget ul li li {
padding-left: 20px; }
.widget a {
color: #272727; }
.widget a:hover {
color: #3498db; }
#secondary .widget ul li {
padding: 8px 0; }
#secondary .widget ul li a {
padding-left: 15px;
background: url(//itessential.pl/wp-content/themes/flatonpro/images/list.png) no-repeat left 8px; }
#secondary .widget ul li a:hover {
color: #3498db;
background-position: 5px 8px; }
#secondary .widget_calendar caption {
color: #3498db; }
.widget li ul.sub-menu li:last-child,
.widget li ul.children li:last-child {
border-bottom: 0; }
.widget_rss ul li {
padding: 8px 0; }
.widget_rss ul li .rss-date {
color: #3498db;
display: block; }
.widget_rss ul li cite {
color: #797979; } .widget_search .search-submit {
display: none; }
.widget_search input {
width: 95%;
padding: 5px 10px; }
.widget_archive li,
.widget_categories li,
.widget_pages li,
.widget_meta li,
.widget_recent_comments li,
.widget_recent_entries li,
.widget_nav_menu li,
.widget_list-widget li {
padding: 10px 0; }
.widget li ul { }
.widget_tag_cloud a {
background-color: #ECF0F1;
padding: 5px;
margin: 2px;
display: inline-block; }
.widget_tag_cloud a:hover {
color: #FFFFFF;
background-color: #3498db; }
.widget_text ul {
list-style: disc;
margin: 0 0 0 30px !important;
border: 0 !important; }
.widget_text ul li {
border: 0;
color: #272727;
padding-left: 20px; } .site-title {
line-height: 1; }
.site-title a {
color: #272727; }
.site-title a:hover {
color: #3498db; }
.site-description {
font-size: 14px;
font-size: 1.4rem;
color: #6D6D6D; }
.site-header {
padding-top: 25px;
padding-bottom: 25px; }
.top-right {
margin-top: -25px;
float: right; }
.top-right .widget_social-networks-widget {
min-height: 50px; }
.top-right .widget_social-networks-widget h3 {
display: none; }
.top-right .widget_social-networks-widget li a:hover {
padding-bottom: 12px; }
.top-right .widget {
clear: both;
margin-bottom: 10px; }
.nav-wrap.sticky-nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000; }
.admin-bar .nav-wrap.sticky-nav {
top: 30px; } .site-header .top-nav {
margin-top: -25px;
padding: 6px 0px;
margin-bottom: 25px;
background: #272727;
color: #FFFFFF;
font-size: 12px;
font-size: 1.2rem; }
.site-header .top-nav .widget-title {
display: none; }
.site-header .top-nav .cart-left {
text-align: left; }
.site-header .top-nav .cart-right {
text-align: right; }
.site-header .top-nav li {
list-style: none;
display: inline-block;
padding-right: 28px;
padding-left: 0;
color: #FFFFFF; }
.site-header .top-nav a {
color: #FFFFFF; }
.site-header .top-nav a:hover {
color: #3498db; }
.site-header .top-nav .fa {
padding-right: 8px;
font-size: 10px;
font-size: 1rem; }
.site-header .top-nav aside {
margin-bottom: 0; }
.site-header .top-nav ul {
margin-left: 0 !important; }
.site-footer {
background-color: #272727; }
.site-footer a {
color: #3498db; }
.site-footer a:hover {
color: #FFFFFF; }
.site-footer .widget li,
.site-footer .widget li ul {
border-color: #6D6D6D; }
.site-footer .widget li ul.sub-menu li:last-child,
.site-footer .widget li ul.children li:last-child {
border-bottom: 0; }
.site-footer .widget_tag_cloud a {
background-color: #D7D7D7;
color: #272727; }
.site-footer .widget_tag_cloud a:hover {
color: #FFFFFF;
background-color: #3498db; }
.site-footer .widget-title {
color: #3498db;
margin-bottom: 10px;
padding-bottom: 10px; }
.site-footer .widget_social-networks-widget {
-webkit-transition-property: opacity;
-webkit-transition-duration: 500ms;
-moz-transition-property: opacity;
-moz-transition-duration: 500ms; }
.site-footer .widget_social-networks-widget li a {
background-color: #D7D7D7;
color: #272727; }
.site-footer .widget_social-networks-widget li:hover {
opacity: 1 !important; }
.site-footer .widget_social-networks-widget:hover ul li {
opacity: 0.2;
-webkit-transition-property: opacity;
-webkit-transition-duration: 500ms;
-moz-transition-property: opacity;
-moz-transition-duration: 500ms; }
.site-footer .widget_search .search-form {
position: relative; }
.site-footer .widget_search input[type="search"] {
width: 90%;
background-clip: padding-box; -webkit-border-radius: 0;
border-radius: 0;
padding: 2px 10px; }
.site-footer .widget_search input[type="submit"] {
display: block;
width: auto;
padding: 8px 8px 7px;
position: absolute;
right: 4px;
text-align: center;
top: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: #3498db; }
.site-footer .widget_search input[type="submit"]:hover {
background-color: #272727;
color: #FFFFFF; }
.site-footer .widget_calendar td,
.site-footer .widget_calendar th,
.site-footer .widget_calendar table {
border: 0;
padding: 2px; }
.site-footer .widget_calendar th {
color: #3498db; }
.site-footer .widget_calendar caption,
.site-footer .widget_calendar td#prev {
text-align: left; }
.site-footer .widget_calendar td#next {
text-align: right; }
.site-footer input[type="email"] {
width: 90%;
background-clip: padding-box; -webkit-border-radius: 0;
border-radius: 0;
padding: 2px 10px; }
.site-footer .widget_archive li a,
.site-footer .widget_categories li a,
.site-footer .widget_pages li a,
.site-footer .widget_nav_menu li a {
color: #FFFFFF;
background: url(//itessential.pl/wp-content/themes/flatonpro/images/list-white.png) no-repeat left 10px;
display: inline-block;
padding-left: 15px; }
.site-footer .widget_archive li a:hover,
.site-footer .widget_categories li a:hover,
.site-footer .widget_pages li a:hover,
.site-footer .widget_nav_menu li a:hover {
color: #3498db;
background-position: 5px 10px; }
.site-footer input[type="submit"] {
display: block;
width: auto;
padding: 8px 8px 7px;
text-align: center;
top: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: #3498db; }
.site-footer input[type="submit"]:hover {
background-color: #272727;
color: #FFFFFF; }
#colophon {
color: #FFFFFF; }
.site-info {
padding: 20px 0; }
.footer-top {
background: #272727;
padding: 25px 0 15px; }
.footer-bottom {
background-color: #D7D7D7;
border-top: 1px solid #F0F2F3; }
.footer-bottom .sep:after {
display: none;
}
.footer-bottom a {
color: #3498db; }
.footer-bottom a:hover {
color: #272727; }
.footer-bottom p {
color: #272727;
font-size: 0.9em;
padding: 20px 0 15px;
margin-bottom: 0; }
.footer-bottom .row {
margin-bottom: 0; }
.footer-bottom ul.menu {
text-align: right;
padding-top: 15px;
margin-bottom: 0; }
.footer-bottom ul.menu li {
display: inline;
margin: 0 4px 0 0; }
.footer-bottom ul.menu li a {
display: inline-block;
font-size: 0.9em;
padding: 2px 6px;
color: #272727; }
.footer-bottom ul.menu li ul.sub-menu {
margin: 0;
display: inline; }
.footer-bottom ul.menu li a:hover,
.footer-bottom ul.menu li.current_page_item a {
background-color: #3498db;
color: #FFFFFF; }
.scroll-to-top {
background: #3498db;
color: #FFFFFF;
bottom: 3%;
cursor: pointer;
display: none;
position: fixed;
right: 20px;
z-index: 999;
text-align: center;
line-height: 40px;
width: 40px;
background-clip: padding-box; -webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
transition: background-color 0.3s linear; }
.scroll-to-top:hover {
background: rgba(52, 152, 219, 0.6); } .sticky {
display: block;
background-color: #F5F5F5;
padding: 10px;
border: 1px solid #d6e6ea;
background-clip: padding-box; -webkit-border-radius: 8px;
border-radius: 8px; }
.hentry {
margin: 0 0 4em; }
.hentry h1 {
line-height: 1.3;
margin-bottom: 20px; }
.entry-meta,
.entry-footer {
border-top: 1px solid #d6e6ea;
border-bottom: 1px solid #d6e6ea;
padding: 8px 0;
color: #7F8C8D;
margin: 20px 0px; }
.entry-meta span,
.entry-footer span {
padding-right: 25px; }
.entry-meta span span,
.entry-footer span span {
padding-right: 0; }
.entry-meta span i,
.entry-footer span i {
padding-right: 5px; }
.entry-meta a,
.entry-footer a {
color: #7F8C8D; }
.entry-meta a:hover,
.entry-footer a:hover {
color: #272727; }
.single .entry-header .entry-meta {
margin-bottom: 25px; }
.updated:not(.published) {
display: none; }
.single .byline,
.group-blog .byline {
display: inline; }
.page-content,
.entry-summary {
margin: 1.5em 0 0; }
.page-links {
clear: both;
margin: 0 0 1.5em; }
blockquote {
position: relative;
margin-bottom: 1.5em; }
blockquote:before {
position: absolute;
content: "\f10d";
color: #3498db;
font-size: 1.4em;
font-family: 'FontAwesome'; }
blockquote p {
width: 95%;
margin: 0 0 0 35px;
display: block; } .blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none; }
.site-content {
padding: 40px 0; } .comment-content a {
word-wrap: break-word; }
.bypostauthor {
display: block; }
h2.comments-title {
margin-bottom: 30px;
padding-bottom: 10px;
line-height: normal; }
ol.comment-list {
margin: 0 0 1.5em 0;
list-style-type: none; }
ol.comment-list li.pingback {
border: 1px solid #F5F5F5;
margin: 5px;
padding: 10px; }
ol.comment-list .bypostauthor {
display: block; }
ol.comment-list ol.children,
ol.comment-list ul.children {
list-style-type: none; }
ol.comment-list .comment-body {
border: 2px solid #F0F2F3;
left: 60px;
padding: 5px 20px 10px;
position: relative;
width: 92%; }
ol.comment-list .comment-body p {
margin-bottom: 10px; }
ol.comment-list .comment-author img {
top: 0;
left: -60px;
position: absolute;
width: 50px;
height: 50px; }
ol.comment-list .parent article {
border: 2px solid #F0F2F3;
margin-bottom: 20px;
padding: 5px 20px 10px; }
ol.comment-list .comment-metadata {
display: block;
font-size: 13px;
font-size: 1.3rem;
margin-bottom: 20px; }
ol.comment-list .comment-metadata a {
color: #797979; }
ol.comment-list .comment-metadata a:hover {
color: #3498db; }
ol.comment-list .comment-author cite {
font-style: normal; }
ol.comment-list .comment-author cite a {
font-size: 17px;
font-size: 1.7rem;
color: #272727; }
ol.comment-list .comment-author cite a:hover {
color: #3498db; }
ol.comment-list .comment-content li {
list-style-type: unset;
overflow: visible; }
ol.comment-list > li {
margin-bottom: 20px; }
ol.comment-list .even.depth-1 .comment-body {
background-color: #F0F2F3; }
ol.comment-list .even.depth-1 .odd.depth-2 .comment-body {
background-color: #FFFFFF; }
ol.comment-list .even.depth-1 .even.depth-3 .comment-body {
background-color: #F0F2F3; }
ol.comment-list .even.depth-1 .odd.depth-4 .comment-body {
background-color: #FFFFFF; }
ol.comment-list .even.depth-1 .even.depth-5 .comment-body {
background-color: #F0F2F3; }
ol.comment-list .odd.depth-1 .comment-body {
background-color: #FFFFFF; }
ol.comment-list .odd.depth-1 .even.depth-2 .comment-body {
background-color: #F0F2F3; }
ol.comment-list .odd.depth-1 .odd.depth-3 .comment-body {
background-color: #FFFFFF; }
ol.comment-list .odd.depth-1 .even.depth-4 .comment-body {
background-color: #F0F2F3; }
ol.comment-list .odd.depth-1 .odd.depth-5 .comment-body {
background-color: #FFFFFF; }
ol.comment-list .bypostauthor .comment-body,
ol.comment-list .byuser .comment-body {
background-color: #d6e6ea !important; }
ol.comment-list li.pingback .comment-body {
border: 0;
padding: 0;
position: static;
width: 100%;
background-color: transparent !important; }
.comment-form label {
min-width: 80px;
display: inline-block; }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
padding: 5px 10px; }
.comment-form textarea {
margin-top: 10px; }
.contactform .wpcf7-form {
position: relative; }
.contactform .wpcf7-form p {
width: 48%;
margin-left: 2%; }
.contactform .wpcf7-form p input,
.contactform .wpcf7-form p textarea {
width: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 10px;
padding-left: 30px;
border-color: #D7D7D7;
border-width: 2px;
background-clip: padding-box; -webkit-border-radius: 0;
border-radius: 0; }
.contactform .wpcf7-form p input:focus,
.contactform .wpcf7-form p textarea:focus {
border-color: #3498db; }
.contactform .wpcf7-form p textarea {
height: 265px; }
.contactform .wpcf7-form p input[type="submit"] {
width: auto;
padding: 15px 50px;
background-color: #3498db; }
.contactform .wpcf7-form p input[type="submit"]:hover {
background-color: #272727; }
.contactform .wpcf7-form p:nth-of-type(5) {
position: absolute;
right: 0;
top: 0; }
.contactform .wpcf7-form p:nth-of-type(6) {
width: 100%;
text-align: center;
margin: 0; }
.contactform span {
position: relative; }
.contactform span:after {
font-family: FontAwesome;
position: absolute;
left: 10px;
top: 0px;
pointer-events: none; }
.contactform span.your-name:after {
content: "\f007"; }
.contactform span.your-email:after {
content: "\f003"; }
.contactform span.your-subject:after {
content: "\f044"; }
.contactform span.your-message:after {
content: "\f086"; }
.contactform span.your-number:after {
content: "\f095"; }  .flickr_badge_image {
display: inline-block;
margin: 0px 3px; }
.flickr_badge_image a, .flickr_badge_image img {
display: block; }
.flickr_badge_image:hover {
opacity: 0.6; }
.tabs.normal, .tabs {
width: 99%; }
.tabs.normal > ul, .tabs > ul {
width: 100%;
clear: both;
padding: 0;
margin: 0 !important; }
.tabs.normal > ul li, .tabs > ul li {
display: inline;
list-style-type: none;
float: left;
margin-bottom: 0; }
.tabs.normal > ul li a, .tabs > ul li a {
display: inline-block;
padding: 5px 30px;
margin: 0;
position: relative;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
border-bottom: 0;
background-color: #272727;
color: #FFFFFF;
font-size: 18px;
font-size: 1.8rem; }
.tabs.normal > ul li a:hover, .tabs > ul li a:hover {
background-color: #3498db;
color: #FFFFFF; }
.tabs.normal > ul li .tabulous_active, .tabs > ul li .tabulous_active {
background-color: #3498db !important;
color: #FFFFFF !important; }
.tabs.normal .tabs_container, .tabs .tabs_container {
clear: both;
padding: 20px;
position: relative;
top: 0px;
background-color: #D7D7D7;
border: 2px solid #CFD0D1;
border-top: 0; }
.tabs.normal .tabs_container div, .tabs .tabs_container div {
padding: 25px 10px;
position: absolute;
top: 0 !important; }
.tabs.normal .tabs_container div a, .tabs .tabs_container div a {
color: #3498db; }
.tabs.normal .tabs_container div a:hover, .tabs .tabs_container div a:hover {
color: #000; }
.widget .tabs li {
padding: 0;
border: 0; }
.tabs.center .fa {
clear: none;
float: left;
width: 30%;
font-size: 5em;
padding: 40px 0;
position: absolute;
text-align: center;
left: -40%;
top: 10%;
border: 0;
background: #F0F2F3 url(//itessential.pl/wp-content/themes/flatonpro/images/bg-arrow.png) no-repeat center top; }
.tabs.center {
width: 70%;
float: right; }
.tabs.center h2 {
font-size: 24px; }
.tabs.center ul.tabs li a {
border: 0;
padding: 8px 30px; }
.tabs.center div {
border: 0;
background-color: #FFFFFF;
padding: 20px 0; }
.tabs_container a {
position: relative;
z-index:1;
}
.tabs .showscale {
z-index: 1;
}
.widget.widget_ourteam-widget .our-team {
position: relative;
overflow: hidden; }
.widget.widget_ourteam-widget .our-team p {
margin-bottom: 0; }
.widget.widget_ourteam-widget .team-social ul {
margin: 0;
clear: both;
padding: 15px 0;
text-align: center;
list-style-type: none;
background-color: #d7d7d7; }
.widget.widget_ourteam-widget .team-social ul li {
margin: 0 5px;
padding: 0;
border: 0;
display: inline; }
.widget.widget_ourteam-widget .team-social ul li a {
text-decoration: none;
display: inline-block;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
background-color: #3498db;
color: #fff; }
.widget.widget_ourteam-widget .team-social ul li a .fa {
font-size: 1em;
font-weight: normal; }
.widget.widget_ourteam-widget .team-social ul li a:hover {
background-color: #272727; }
.widget.widget_ourteam-widget .team-avator img {
width: 100%;
height: 100%;
float: left; }
.widget.widget_ourteam-widget .team-content {
position: absolute;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 100%;
height: 264px;
top: 0;
left: 0;
padding: 20px;
background-color: rgba(52, 152, 219, 0.8);
color: #FFFFFF; }
.widget.widget_ourteam-widget .team-content p {
text-align: justify;
color: #272727;
line-height: normal; }
.widget.widget_ourteam-widget .team-content p a {
text-decoration: underline;
color: #FFFFFF; }
.widget.widget_ourteam-widget .team-content p a:hover {
color: #000; }
.widget.widget_ourteam-widget .team-content h4 {
padding-bottom: 10px;
text-align: center; }
.widget.widget_ourteam-widget .team-content h4 span {
font-size: .7em;
font-weight: normal;
display: block; }
.widget.widget_ourteam-widget .team-content p.readmore {
position: absolute;
bottom: -10px;
left: 30%; }
.widget.widget_ourteam-widget .our-team:hover .team-avator {
opacity: .5;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.widget.widget_ourteam-widget .our-team:hover .team-content {
opacity: 1; }
.team-avator img {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.team-content {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }
.team-content h4 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.team-content p {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.our-team:hover .team-content {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1; }
.our-team:hover h4,
.our-team:hover p {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px); }
.our-team:hover p {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s; }
.meet-team h3 {
background: url(//itessential.pl/wp-content/themes/flatonpro/images/title-divider.gif) no-repeat center bottom;
padding-bottom: 15px;
margin-bottom: 20px;
text-align: center; }
.widget.widget_skill-widget .skill-container {
margin-top: 20px;
padding-bottom: 1px; }
.widget.widget_skill-widget .skill-container .fa-stack {
color: #3498db; }
.widget.widget_skill-widget .skill-container .skill {
height: 12px;
position: relative;
margin: -20px 0 10px 50px;
background-color: #D7D7D7; }
.widget.widget_skill-widget .skill-container .skill .skill-percentage {
height: 12px;
position: absolute;
background-color: #272727; }
.widget.widget_skill-widget .skill-container .skill .skill-content {
top: -27px;
position: relative; }
.widget.widget_skill-widget .skill-container .skill .skill-content .txt-count {
float: right;
color: #3498db; }
.widget.widget_skill-widget .skill-container [class*="el-icon-"] {
font-size: 1.3em; }
.widget.widget_skill-widget .skill-container [class*="el-icon-"]:before {
background-clip: padding-box; -webkit-border-radius: 30px;
border-radius: 30px;
padding: 8px; }
.percent5 {
width: 5%; }
.percent10 {
width: 10%; }
.percent15 {
width: 15%; }
.percent20 {
width: 20%; }
.percent25 {
width: 25%; }
.percent30 {
width: 30%; }
.percent35 {
width: 35%; }
.percent40 {
width: 40%; }
.percent45 {
width: 45%; }
.percent50 {
width: 50%; }
.percent55 {
width: 55%; }
.percent60 {
width: 60%; }
.percent65 {
width: 65%; }
.percent70 {
width: 70%; }
.percent75 {
width: 75%; }
.percent80 {
width: 80%; }
.percent85 {
width: 85%; }
.percent90 {
width: 90%; }
.percent95 {
width: 95%; }
.percent100 {
width: 100%; }
.percent5.start {
width: 0%;
-webkit-animation: percent5  2s ease-out forwards;
-moz-animation: percent5  2s ease-out forwards;
-ms-animation: percent5  2s ease-out forwards;
-o-animation: percent5  2s ease-out forwards;
animation: percent5  2s ease-out forwards; }
.percent10.start {
width: 0%;
-webkit-animation: percent10  2s ease-out forwards;
-moz-animation: percent10  2s ease-out forwards;
-ms-animation: percent10  2s ease-out forwards;
-o-animation: percent10  2s ease-out forwards;
animation: percent10  2s ease-out forwards; }
.percent15.start {
width: 0%;
-webkit-animation: percent15  2s ease-out forwards;
-moz-animation: percent15  2s ease-out forwards;
-ms-animation: percent15  2s ease-out forwards;
-o-animation: percent15  2s ease-out forwards;
animation: percent15  2s ease-out forwards; }
.percent20.start {
width: 0%;
-webkit-animation: percent20  2s ease-out forwards;
-moz-animation: percent20  2s ease-out forwards;
-ms-animation: percent20  2s ease-out forwards;
-o-animation: percent20  2s ease-out forwards;
animation: percent20  2s ease-out forwards; }
.percent25.start {
width: 0%;
-webkit-animation: percent25  2s ease-out forwards;
-moz-animation: percent25  2s ease-out forwards;
-ms-animation: percent25  2s ease-out forwards;
-o-animation: percent25  2s ease-out forwards;
animation: percent25  2s ease-out forwards; }
.percent30.start {
width: 0%;
-webkit-animation: percent30  2s ease-out forwards;
-moz-animation: percent30  2s ease-out forwards;
-ms-animation: percent30  2s ease-out forwards;
-o-animation: percent30  2s ease-out forwards;
animation: percent30  2s ease-out forwards; }
.percent35.start {
width: 0%;
-webkit-animation: percent35  2s ease-out forwards;
-moz-animation: percent35  2s ease-out forwards;
-ms-animation: percent35  2s ease-out forwards;
-o-animation: percent35  2s ease-out forwards;
animation: percent35  2s ease-out forwards; }
.percent40.start {
width: 0%;
-webkit-animation: percent40  2s ease-out forwards;
-moz-animation: percent40  2s ease-out forwards;
-ms-animation: percent40  2s ease-out forwards;
-o-animation: percent40  2s ease-out forwards;
animation: percent40  2s ease-out forwards; }
.percent45.start {
width: 0%;
-webkit-animation: percent45  2s ease-out forwards;
-moz-animation: percent45  2s ease-out forwards;
-ms-animation: percent45  2s ease-out forwards;
-o-animation: percent45  2s ease-out forwards;
animation: percent45  2s ease-out forwards; }
.percent50.start {
width: 0%;
-webkit-animation: percent50  2s ease-out forwards;
-moz-animation: percent50  2s ease-out forwards;
-ms-animation: percent50  2s ease-out forwards;
-o-animation: percent50  2s ease-out forwards;
animation: percent50  2s ease-out forwards; }
.percent55.start {
width: 0%;
-webkit-animation: percent55  2s ease-out forwards;
-moz-animation: percent55  2s ease-out forwards;
-ms-animation: percent55  2s ease-out forwards;
-o-animation: percent55  2s ease-out forwards;
animation: percent55  2s ease-out forwards; }
.percent60.start {
width: 0%;
-webkit-animation: percent60  2s ease-out forwards;
-moz-animation: percent60  2s ease-out forwards;
-ms-animation: percent60  2s ease-out forwards;
-o-animation: percent60  2s ease-out forwards;
animation: percent60  2s ease-out forwards; }
.percent65.start {
width: 0%;
-webkit-animation: percent65  2s ease-out forwards;
-moz-animation: percent65  2s ease-out forwards;
-ms-animation: percent65  2s ease-out forwards;
-o-animation: percent65  2s ease-out forwards;
animation: percent65  2s ease-out forwards; }
.percent70.start {
width: 0%;
-webkit-animation: percent70  2s ease-out forwards;
-moz-animation: percent70  2s ease-out forwards;
-ms-animation: percent70  2s ease-out forwards;
-o-animation: percent70  2s ease-out forwards;
animation: percent70  2s ease-out forwards; }
.percent75.start {
width: 0%;
-webkit-animation: percent75  2s ease-out forwards;
-moz-animation: percent75  2s ease-out forwards;
-ms-animation: percent75  2s ease-out forwards;
-o-animation: percent75  2s ease-out forwards;
animation: percent75  2s ease-out forwards; }
.percent80.start {
width: 0%;
-webkit-animation: percent80  2s ease-out forwards;
-moz-animation: percent80  2s ease-out forwards;
-ms-animation: percent80  2s ease-out forwards;
-o-animation: percent80  2s ease-out forwards;
animation: percent80  2s ease-out forwards; }
.percent85.start {
width: 0%;
-webkit-animation: percent85  2s ease-out forwards;
-moz-animation: percent85  2s ease-out forwards;
-ms-animation: percent85  2s ease-out forwards;
-o-animation: percent85  2s ease-out forwards;
animation: percent85  2s ease-out forwards; }
.percent90.start {
width: 0%;
-webkit-animation: percent90  2s ease-out forwards;
-moz-animation: percent90  2s ease-out forwards;
-ms-animation: percent90  2s ease-out forwards;
-o-animation: percent90  2s ease-out forwards;
animation: percent90  2s ease-out forwards; }
.percent95.start {
width: 0%;
-webkit-animation: percent95  2s ease-out forwards;
-moz-animation: percent95  2s ease-out forwards;
-ms-animation: percent95  2s ease-out forwards;
-o-animation: percent95  2s ease-out forwards;
animation: percent95  2s ease-out forwards; }
.percent100 {
width: 0%;
-webkit-animation: percent100  2s ease-out forwards;
-moz-animation: percent100  2s ease-out forwards;
-ms-animation: percent100  2s ease-out forwards;
-o-animation: percent100  2s ease-out forwards;
animation: percent100  2s ease-out forwards; }
@-moz-keyframes percent5 {
0% {
width: 0px; }
100% {
width: 5%; } }
@-moz-keyframes percent10 {
0% {
width: 0px; }
100% {
width: 10%; } }
@-moz-keyframes percent15 {
0% {
width: 0px; }
100% {
width: 15%; } }
@-moz-keyframes percent20 {
0% {
width: 0px; }
100% {
width: 20%; } }
@-moz-keyframes percent25 {
0% {
width: 0px; }
100% {
width: 25%; } }
@-moz-keyframes percent30 {
0% {
width: 0px; }
100% {
width: 30%; } }
@-moz-keyframes percent35 {
0% {
width: 0px; }
100% {
width: 35%; } }
@-moz-keyframes percent40 {
0% {
width: 0px; }
100% {
width: 40%; } }
@-moz-keyframes percent45 {
0% {
width: 0px; }
100% {
width: 45%; } }
@-moz-keyframes percent50 {
0% {
width: 0px; }
100% {
width: 50%; } }
@-moz-keyframes percent55 {
0% {
width: 0px; }
100% {
width: 55%; } }
@-moz-keyframes percent60 {
0% {
width: 0px; }
100% {
width: 60%; } }
@-moz-keyframes percent65 {
0% {
width: 0px; }
100% {
width: 65%; } }
@-moz-keyframes percent70 {
0% {
width: 0px; }
100% {
width: 70%; } }
@-moz-keyframes percent75 {
0% {
width: 0px; }
100% {
width: 75%; } }
@-moz-keyframes percent80 {
0% {
width: 0px; }
100% {
width: 80%; } }
@-moz-keyframes percent85 {
0% {
width: 0px; }
100% {
width: 85%; } }
@-moz-keyframes percent90 {
0% {
width: 0px; }
100% {
width: 90%; } }
@-moz-keyframes percent95 {
0% {
width: 0px; }
100% {
width: 95%; } }
@-moz-keyframes percent100 {
0% {
width: 0px; }
100% {
width: 100%; } }
@-webkit-keyframes percent5 {
0% {
width: 0px; }
100% {
width: 5%; } }
@-webkit-keyframes percent10 {
0% {
width: 0px; }
100% {
width: 10%; } }
@-webkit-keyframes percent15 {
0% {
width: 0px; }
100% {
width: 15%; } }
@-webkit-keyframes percent20 {
0% {
width: 0px; }
100% {
width: 20%; } }
@-webkit-keyframes percent25 {
0% {
width: 0px; }
100% {
width: 25%; } }
@-webkit-keyframes percent30 {
0% {
width: 0px; }
100% {
width: 30%; } }
@-webkit-keyframes percent35 {
0% {
width: 0px; }
100% {
width: 35%; } }
@-webkit-keyframes percent40 {
0% {
width: 0px; }
100% {
width: 40%; } }
@-webkit-keyframes percent45 {
0% {
width: 0px; }
100% {
width: 45%; } }
@-webkit-keyframes percent50 {
0% {
width: 0px; }
100% {
width: 50%; } }
@-webkit-keyframes percent55 {
0% {
width: 0px; }
100% {
width: 55%; } }
@-webkit-keyframes percent60 {
0% {
width: 0px; }
100% {
width: 60%; } }
@-webkit-keyframes percent65 {
0% {
width: 0px; }
100% {
width: 65%; } }
@-webkit-keyframes percent70 {
0% {
width: 0px; }
100% {
width: 70%; } }
@-webkit-keyframes percent75 {
0% {
width: 0px; }
100% {
width: 75%; } }
@-webkit-keyframes percent80 {
0% {
width: 0px; }
100% {
width: 80%; } }
@-webkit-keyframes percent85 {
0% {
width: 0px; }
100% {
width: 85%; } }
@-webkit-keyframes percent90 {
0% {
width: 0px; }
100% {
width: 90%; } }
@-webkit-keyframes percent95 {
0% {
width: 0px; }
100% {
width: 95%; } }
@-webkit-keyframes percent100 {
0% {
width: 0px; }
100% {
width: 100%; } }
.ui-accordion h3 {
font-weight: 400;
margin-bottom: 0;
cursor: pointer;
position: relative;
padding: 7px 3px 6px;
padding-left: 60px;
margin-top: 10px;
min-height: 40px;
background-color: #272727;
color: #FFFFFF;
font-size: 20px;
font-size: 2rem; }
.ui-accordion h3 span.fa {
font-weight: 400;
padding: 12px 15px 11px;
display: inline-block;
position: absolute;
left: 0;
top: 0;
min-height: 40px;
background-color: #3498db; }
.ui-accordion .ui-accordion-content {
padding: 20px;
padding-top: 15px;
text-align: justify;
background-color: #D7D7D7; }
.ui-accordion .ui-accordion-header-active {
cursor: default;
color: #FFFFFF;
background-color: #3498db; }
.ui-accordion .ui-accordion-header-active span.fa,
.ui-accordion .ui-accordion .ui-accordion-header:hover {
color: #FFFFFF; }
.widget_recent-work-widget {
position: relative; }
.widget_recent-work-widget .recent-work-container {
padding-top: 40px; }
.widget_recent-work-widget ul.slides li,
.widget_recent-work-widget ul.flex-direction-nav li {
border: 0; }
.widget_recent-work-widget .recent-work {
position: relative; }
.widget_recent-work-widget .recent_work_overlay {
left: 10px;
opacity: 1 !important;
overflow: hidden;
position: absolute;
top: 10px;
width: 270px;
height: 230px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.widget_recent-work-widget .work {
position: relative; }
.widget_recent-work-widget .work a {
width: 100%; }
.widget_recent-work-widget .work:hover .recent_work_overlay {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background: rgba(0, 0, 0, 0.7); }
.widget_recent-work-widget .recent_work_overlay .fa {
color: #FFFFFF;
padding: 15px;
font-size: 18px;
font-size: 1.8rem;
background-color: #3498db;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.widget_recent-work-widget .recent_work_overlay .fa:hover {
background-color: #272727; }
.widget_recent-work-widget .recent_work_overlay .overlay_icon {
position: relative;
top: 35%;
left: -52%; }
.widget_recent-work-widget .lbl-portfolio {
text-align: center;
text-transform: uppercase;
position: absolute;
top: 20px;
left: 10%;
z-index: 100; }
.widget_recent-work-widget .lbl-portfolio .lbl {
color: #FFFFFF; }
.widget_recent-work-widget .flex-direction-nav a.flex-prev,
.widget_recent-work-widget .flex-direction-nav a.flex-next {
top: -50px;
opacity: 1; }
ul.filter-options {
padding: 0;
margin: 0;
list-style-type: none; }
ul.filter-options li {
margin: 0;
padding-left: 0;
padding-bottom: 0;
float: left;
border-bottom: 0; }
ul.filter-options li a {
float: left;
padding-bottom: 0;
margin: 0 1px;
padding: 7px 15px;
text-transform: uppercase;
background-color: #272727;
color: #FFFFFF; }
ul.filter-options li a:hover {
background-color: #3498db;
color: #FFFFFF; }
#filters {
padding: 20px 0 10px;
margin-bottom: 25px;
border-bottom: 1px solid #ccc;
min-height: 50px;
clear: both; }
.portfolio2col,
.portfolio3col,
.portfolio4col {
position: relative;
margin: 2%; }
.portfolio2col_overlay .overlay_icon,
.portfolio3col_overlay .overlay_icon,
.portfolio4col_overlay .overlay_icon,
.portfolio2col_sidebar_overlay .overlay_icon {
position: relative;
top: 39%;
left: -42%; }
.portfolio2col:hover .portfolio2col_overlay,
.portfolio2col_sidebar_overlay:hover,
.portfolio3col:hover .portfolio3col_overlay,
.portfolio4col:hover .portfolio4col_overlay {
background: rgba(52, 152, 219, 0.6);
width: 50%;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; }
.portfolio2col_overlay,
.portfolio2col_sidebar_overlay,
.portfolio3col_overlay,
.portfolio4col_overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
opacity: 1 !important;
margin: 0;
width: 100%;
height: 100%; }
.overlay_icon {
right: 0; }
.overlay_icon img:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: .7; }
.overlay_icon a {
display: block;
width: 30px;
height: 30px;
margin-bottom: 5px; }
.portfolio2col > a,
.portfolio2col > a > img,
.portfolio3col > a,
.portfolio3col > a > img {
display: block; }
.portfolio2col_sidebar > a,
.portfolio2col_sidebar > a > img,
.portfolio4col > a,
.portfolio4col > a > img,
.portfolio4col_overlay {
display: block; }
.portfolio2col_sidebar {
margin: 2%;
position: relative; }
.portfolio2col_sidebar_overlay {
height: 100%; }
.portfolio-excerpt {
margin: 2%; }
.portfolio-excerpt a.btn-readmore {
position: relative;
top: 10px;
background-color: #272727;
color: #FFFFFF;
padding: 5px 10px; }
.portfolio-excerpt a.btn-readmore:hover {
background-color: #3498db; }
#portfolio h4 a:hover {
color: #272727; }
ul#portfolio {
margin-left: 0;
clear: both; }
ul#portfolio li {
border: 0; }
.single-portfolio .thumbnail {
margin-bottom: 20px; }
.type-portfolio dd {
margin: 0; }
.type-portfolio dt {
margin-top: 20px; }
.flexslider {
border: 0 !important;
margin-bottom: 0;
-webkit-box-shadow: 0 0 0 !important;
-moz-box-shadow: 0 0 0 !important;
box-shadow: 0 0 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important; }
.flex-caption {
position: absolute;
color: #FFFFFF;
left: 0;
text-align: center;
bottom: 7px;
min-height: 150px;
color: #FFFFFF;
width: 100%;
text-shadow: 2px 2px 5px #333;
background-color: rgba(37, 37, 37, 0.5); }
.flex-caption h1, .flex-caption h2, .flex-caption h3, .flex-caption h4, .flex-caption h5, .flex-caption h6, .flex-caption p, .flex-caption ul {
margin: 0 0 10px;
padding: 0 30px;
color: #FFFFFF;
text-align: center; }
.widget.widget_flexslider-widget ul li {
border: 0; }
.flexslider .slides > li {
position: relative; }
.flexslider .slides img {
width: 100%;
height: 100%; }
.flex-direction-nav a.flex-prev,
.flex-direction-nav a.flex-next {
width: 40px;
height: 40px;
padding: 0;
text-align: center;
line-height: 40px;
margin-top: 0;
display: block;
text-indent: -9999em;
background: #272727 url(//itessential.pl/wp-content/themes/flatonpro/images/flex-prev.png) no-repeat center center; }
.flex-direction-nav a.flex-next {
background: #272727 url(//itessential.pl/wp-content/themes/flatonpro/images/flex-next.png) no-repeat center center;
right: 20px; }
.flex-direction-nav a.flex-prev {
left: 20px; }
.flex-direction-nav a.flex-next:hover {
background: #3498db url(//itessential.pl/wp-content/themes/flatonpro/images/flex-next.png) no-repeat center center; }
.flex-direction-nav a.flex-prev:hover {
background: #3498db url(//itessential.pl/wp-content/themes/flatonpro/images/flex-prev.png) no-repeat center center; }
.flex-direction-nav a:hover {
background: #3498db;
color: #FFFFFF; }
.flex-control-paging {
text-align: right;
top: 0;
height: 50px; }
.flex-control-paging li a {
border-color: #3498db;
background-color: #FFFFFF;
font-size: 0;
-webkit-box-shadow: 0 0 0;
moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
border: 2px solid #3498db;
width: 14px;
height: 14px; }
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover {
background-color: #3498db; }
p.btn-slider a {
padding: 7px 20px;
display: inline-block;
background-color: #3498db;
color: #FFFFFF;
text-shadow: 0 0 0 transparent; }
p.btn-slider a i {
padding-right: 8px; }
p.btn-slider a:hover {
background-color: #272727; }
.widget #ei-slider .ei-slider-thumbs {
margin: 0 auto;
list-style-type: none; }
.ei-slider-thumbs {
list-style: none; }
.ei-slider-thumbs li a {
background-color: #3498db; }
.ei-slider-thumbs li.ei-slider-element,
.ei-slider-thumbs li a:hover {
background-color: #272727; }
.ei-title h3 {
color: #3498db; }
.ei-title h2 {
line-height: normal; }
.breadcrumb-wrap {
padding: 15px 0;
background-color: #3498db; }
.breadcrumb-wrap #breadcrumb a {
color: #272727; }
.breadcrumb-wrap #breadcrumb span {
margin-left: 8px;
margin-right: 8px; }
.breadcrumb-wrap #breadcrumb span:first-child {
margin-left: 0; }
.breadcrumb-wrap #breadcrumb span.current,
.breadcrumb-wrap #breadcrumb a:hover,
.breadcrumb-wrap #breadcrumb span.current {
color: #FFFFFF; }
.alert-message {
padding: 15px;
color: #FFFFFF;
margin-bottom: 15px; }
.alert-message a {
float: right;
color: #FFFFFF; }
.alert-message a:hover {
color: #272727; }
.notice {
background: #1abc9c; }
.warning {
background: #F1C40F; }
.success {
background: #3498DB; }
.error {
background: #E74C3C; }
.info {
background: #aa90d0; }
.hr_solid,
.hr_default {
clear: both;
margin: 30px 0;
border: 0;
height: 1px;
background: #D7D7D7;
background-image: -webkit-linear-gradient(left, #D7D7D7, #D7D7D7, #D7D7D7);
background-image: -moz-linear-gradient(left, #D7D7D7, #D7D7D7, #D7D7D7);
background-image: -ms-linear-gradient(left, #D7D7D7, #D7D7D7, #D7D7D7);
background-image: -o-linear-gradient(left, #D7D7D7, #D7D7D7, #D7D7D7); }
.hr_fancy {
height: 30px;
border-style: solid;
border-color: black;
border-width: 1px 0 0 0;
background-clip: padding-box; -webkit-border-radius: 20px;
border-radius: 20px;
margin: 30px 0; }
.hr_fancy:before {
display: block;
content: "";
height: 30px;
margin-top: -31px;
border-style: solid;
border-color: black;
border-width: 0 0 1px 0;
border-radius: 20px; }
.hr_shadow {
height: 12px;
border: 0;
-webkit-box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
margin: 30px 0; }
.hr_dashed {
border: 0;
border-bottom: 1px dashed #D7D7D7;
margin: 30px 0; }
.hr_dotted {
border: 0;
border-top: 1px dotted #D7D7D7;
margin: 30px 0; }
.btn,
.widget_button-widget .btn {
display: inline-block;
padding: 5px 15px;
text-align: center;
cursor: pointer;
outline: none; }
.widget a.btn,
a.btn,
.widget_button-widget a.btn
.widget a.btn:hover
a.btn:hover,
.widget_button-widget a.btn:hover {
color: #FFFFFF; }
.btn,
.widget_button-widget a.btn.btn {
background: #BDC3C7; }
.btn:hover,
.widget_button-widget a.btn.btn:hover {
background: #94999D; }
.widget_button-widget a.btn.light-blue,
.btn-info {
background: #55B9FF; }
.widget_button-widget a.btn.light-blue:hover,
.btn-info:hover {
background: #3F99D9; }
.btn-primary,
.widget_button-widget a.btn.blue {
background: #0045CC; }
.btn-primary:hover,
.widget_button-widget a.btn.blue:hover {
background: #254A8F; }
.btn-danger,
.widget_button-widget a.btn.red {
background: #FF0000; }
.btn-danger:hover,
.widget_button-widget a.btn.red:hover {
background: #B00000; }
.btn-warning,
.widget_button-widget a.btn.yellow {
background-color: #FFD300; }
.btn-warning:hover,
.widget_button-widget a.btn.yellow:hover {
background: #D5B700; }
.btn-success,
.widget_button-widget a.btn.green {
background: #0FBF00; }
.btn-success:hover,
.widget_button-widget a.btn.green:hover {
background: #0B8E00; }
.btn-inverse,
.widget_button-widget a.btn.black {
background-color: #000; }
.btn-inverse:hover,
.widget_button-widget a.btn.black:hover {
background-color: #606060; }
.btn-mini,
.widget_button-widget .btn.mini {
padding: 2px 8px;
font-size: 12px; }
.btn-small,
.widget_button-widget .btn.small {
padding: 4px 12px;
font-size: 14px; }
.btn-large,
.widget_button-widget .btn.large {
padding: 12px 20px;
font-size: 20px; }
.dropcap {
float: left;
padding: 0 5px;
font-size: 2.5em;
font-weight: bold;
line-height: 1;
margin-right: 10px;
text-shadow: 1px 1px 1px #000;
color: #3498db; }
.dropcap-circle {
background-clip: padding-box; -webkit-border-radius: 50px;
border-radius: 50px;
padding: 5px 12px; }
.dropcap-box {
padding: 5px 15px;
background-clip: padding-box; -webkit-border-radius: 5px;
border-radius: 5px; }
.dropcap-circle,
.dropcap-box {
color: #FFFFFF;
background-color: #3498db; }
.dropcap-book {
padding: 5px 15px;
text-shadow: 1px 1px 1px #FFFFFF;
border: 2px solid #CFD0D1;
background: #f6f8f9; background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f8f9), color-stop(50%, #e5ebee), color-stop(51%, #d7dee3), color-stop(100%, #f5f7f9)); background: -webkit-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); background: -o-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); background: -ms-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); background: linear-gradient(to bottom, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); color: #3498db; }
.sep {
position: relative;
overflow: hidden; }
.sep:after {
border-top: 2px solid #3498db;
content: "seperator";
position: absolute;
text-indent: -9999em;
top: 55%;
width: 100%;
padding-left: 10px;
margin-left: 10px; }
.entry-content blockquote p {
font-weight: 400;
font-size: 1.3em;
margin-bottom: .5em; }
.pullnone {
padding: 0.5em 10px;
quotes: "“" "”" "‘" "’";
font-style: italic;
font-weight: bold; }
.pullnone:before {
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.15em;
vertical-align: -0.4em;
font-family: FontAwesome;
color: #3498db;
text-shadow: 1px 1px 2px #ccc; }
.pullright,
.pullleft {
padding: 5px 20px;
quotes: "“" "”" "‘" "’";
font-style: italic;
font-weight: bold;
width: 50%;
border-left: 5px solid #3498db; }
.pullright:before,
.pullleft:before {
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.15em;
vertical-align: -0.4em;
font-family: FontAwesome;
color: #3498db;
text-shadow: 1px 1px 2px #ccc; }
.pullright {
float: right;
margin-left: 20px; }
.pullleft {
float: left; }
.toggle .close {
display: none; }
.toggle .open {
display: block; }
.toggle .toggle-title {
background-color: #272727;
color: #FFFFFF;
padding: 8px;
padding-left: 50px;
cursor: pointer;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
margin-bottom: 0;
position: relative; }
.toggle .toggle-title .icn {
background-color: #3498db;
position: absolute;
left: 0;
top: 0;
display: inline-block;
padding: 8px 15px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.toggle .toggle-title:hover {
background-color: #3498db;
color: #FFFFFF; }
.toggle .toggle-title:hover .icn {
background-color: #272727; }
.toggle .toggle-content {
background-color: #d7d7d7;
padding: 20px; }
.toggle .toggle-content p {
margin-bottom: 0; }
.toggle-polygon .toggle-title {
color: #272727;
background-color: transparent;
border-bottom: 1px solid #D7D7D7;
padding: 15px 0; }
.toggle-polygon .toggle-title .icn {
background-color: transparent;
left: auto;
right: 10px;
top: 16px;
padding: 0 5px;
background: url(//itessential.pl/wp-content/themes/flatonpro/images/icon-orange-polygon.gif) no-repeat center center;
text-align: center; }
.toggle-polygon .toggle-title .icn i {
position: relative;
top: -1px;
font-size: 12px; }
.toggle-polygon .toggle-title:hover {
background-color: transparent;
color: #3498db; }
.toggle-polygon .toggle-title:hover .icn {
background-color: transparent; }
.withtip {
position: relative; }
.withtip:before,
.withtip:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none; }
.withtip:before {
position: absolute;
padding: 7px;
content: attr(title);
text-align: center;
width: 100%; }
.withtip:after {
position: absolute;
width: 0;
content: " ";
font-size: 0;
line-height: 0; }
.withtip:hover:before,
.withtip:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
.withtip.top:before {
bottom: 80%;
left: 50%;
margin-bottom: 4px;
margin-left: -40px; }
.withtip.top:after {
bottom: 80%;
left: 50%;
margin-left: -5px;
border-right: 5px solid transparent;
border-left: 5px solid transparent; }
.withtip.right:before {
top: 50%;
left: 102%;
margin-top: -17px; }
.withtip.right:after {
top: 5px;
left: 102%;
margin-left: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent; }
.withtip.bottom:before {
top: 150%;
left: 50%;
margin-top: 5px;
margin-left: -40px;
z-index: 100; }
.withtip.bottom:after {
top: 150%;
left: 50%;
margin-left: -5px;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
z-index: 100; }
.withtip.left:before {
top: 50%;
right: 102%;
margin-top: -17px; }
.withtip.left:after {
top: 5px;
right: 102%;
margin-right: -4px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent; }
[data-toggle]:before,
[data-toggle]:after,
.withtip:before,
.withtip:after {
transform: translate3d(0px, 0px, 0px);
transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24) 0s; }
[data-toggle]:hover:before,
[data-toggle]:hover:after,
[data-toggle]:focus:before,
[data-toggle]:focus:after,
.withtip:hover:before,
.withtip:hover:after,
.withtip:focus:before,
.withtip:focus:after,
.withtip.top:hover:before,
.withtip.top:hover:after,
.withtip.top:focus:before,
.withtip.top:focus:after {
transform: translateY(-12px); }
.withtip.left:hover:before,
.withtip.left:hover:after,
.withtip.left:focus:before,
.withtip.left:focus:after {
transform: translateX(-12px); }
.withtip-bottom:hover:before,
.withtip-bottom:hover:after,
.withtip-bottom:focus:before,
.withtip-bottom:focus:after {
transform: translateY(12px); }
.withtip.right:hover:before,
.withtip.right:hover:after,
.withtip.right:focus:before,
.withtip.right:focus:after {
transform: translateX(12px); }
.withtip:before {
background-color: #3498db;
color: #FFFFFF; }
.withtip.top:after {
border-top: 5px solid #3498db; }
.withtip.right:after {
border-right: 5px solid #3498db; }
.withtip.bottom:after {
border-bottom: 5px solid #3498db; }
.withtip.left:after {
border-left: 5px solid #3498db; }
.circle-icon-box {
margin-bottom: 20px;
text-align: center; }
.circle-icon-box .circle-icon-wrapper {
text-align: center; }
.circle-icon-box .circle-icon-wrapper h3.fa-stack {
height: 2.28em;
line-height: 2.28em;
width: 2.28em;
background-clip: padding-box; -webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
background-color: #3498db; }
.circle-icon-box .circle-icon-wrapper h3.fa-stack i {
color: #FFFFFF;
padding-right: 0;
color: #FFFFFF; }
.circle-icon-box h3:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); }
.circle-icon-box a.more-button {
background-color: #272727;
padding: 5px 8px;
color: #FFFFFF; }
.circle-icon-box a.more-button:hover {
background-color: #3498db; }
.circle-icon-box a.link-title {
display: block;
margin-bottom: 15px; }
.icon-polygon .circle-icon-wrapper h3.fa-stack {
background-clip: padding-box; -webkit-border-radius: 0;
border-radius: 0;
background-color: transparent;
border-right: 2px solid #3498db;
border-left: 2px solid #3498db;
position: relative;
z-index: 0;
margin: 60px 10px; }
.icon-polygon .circle-icon-wrapper h3.fa-stack i {
color: #272727; }
.icon-polygon .circle-icon-wrapper h3.fa-stack,
.icon-polygon .circle-icon-wrapper h3.fa-stack:before,
.icon-polygon .circle-icon-wrapper h3.fa-stack:after {
border-style: solid;
border-color: #3498db;
border-width: 2px;
border-top: none;
border-bottom: none;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease; }
.icon-polygon .circle-icon-wrapper h3.fa-stack:after,
.icon-polygon .circle-icon-wrapper h3.fa-stack:before {
content: "";
position: absolute;
top: 0;
left: -1px;
z-index: -1; }
.icon-polygon .circle-icon-wrapper h3.fa-stack:before {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg); }
.icon-polygon .circle-icon-wrapper h3.fa-stack:after {
-webkit-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-o-transform: rotate(-60deg);
transform: rotate(-60deg); }
.icon-polygon .circle-icon-wrapper h3.fa-stack,
.icon-polygon .circle-icon-wrapper h3.fa-stack:before,
.icon-polygon .circle-icon-wrapper h3.fa-stack:after {
line-height: 34px;
height: 34px;
width: 60px; }
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-5x,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-5x:before,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-5x:after {
line-height: 80px;
height: 80px;
width: 140px; }
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-4x,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-4x:before,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-4x:after {
line-height: 70px;
height: 70px;
width: 120px; }
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-3x,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-3x:before,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-3x:after {
line-height: 60px;
height: 60px;
width: 105px; }
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-2x,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-2x:before,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-2x:after {
line-height: 50px;
height: 50px;
width: 88px; }
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-1x,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-1x:before,
.icon-polygon .circle-icon-wrapper h3.fa-stack.fa-1x:after {
line-height: 40px;
height: 40px;
width: 70px; }
.icon-polygon h3:hover {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.icon-polygon a.more-button {
padding: 8px 20px;
background-color: #3498db; }
.icon-polygon a.more-button:hover {
background-color: #272727; }
.icon-polygon h4 {
margin-bottom: 15px; }
.icon-polygon:hover h3.fa-stack {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.callout-widget {
padding: 30px 20px;
background-color: #272727;
color: #FFFFFF; }
.callout-widget p,
.callout-widget h4 {
color: #FFFFFF; }
.callout-widget p {
margin-bottom: 0; }
.callout-widget a {
display: block;
padding: 10px 20px;
text-transform: uppercase;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
width: 80%;
margin: 30px auto 0;
background-color: #3498db;
color: #FFFFFF; }
.callout-widget a:hover {
background-color: #FFFFFF;
color: #272727; }
#secondary .callout-widget {
padding: 15px 10px; }
#secondary .callout-widget .twelve.columns,
#secondary .callout-widget .four.columns {
width: 100%; }
#secondary .callout-widget h4, #secondary .callout-widget p {
margin-bottom: 8px; }
#secondary .callout-widget a {
padding: 5px 0;
text-transform: none;
margin-top: 5px; }
.site-content .widget_testimonial-widget h3.widget-title {
background: url(//itessential.pl/wp-content/themes/flatonpro/images/title-divider-white.gif) no-repeat center bottom !important;
margin-bottom: 0; }
.widget_testimonial-widget {
position: relative;
padding: 20px 40px;
text-align: center; }
.widget_testimonial-widget .testimonial-container {
position: relative; }
.widget_testimonial-widget ul.slides {
margin-top: 0; }
.widget_testimonial-widget .testimony {
padding: 25px 0;
color: #FFFFFF; }
.widget_testimonial-widget h3.widget-title {
color: #FFFFFF;
background: url(//itessential.pl/wp-content/themes/flatonpro/images/title-divider-white.gif) no-repeat center bottom;
padding-bottom: 30px;
margin-bottom: 0; }
.widget_testimonial-widget ul li {
margin: 0;
padding: 0;
border: 0; }
.widget_testimonial-widget ul li .client-pic {
display: inline-block; }
.widget_testimonial-widget ul li .client-pic img {
background-color: #3498db;
border-radius: 100%; }
.widget_testimonial-widget ul li p.client {
color: #FFFFFF;
margin-bottom: 0; }
.widget_testimonial-widget ul li p.client strong {
color: #3498db;
font-size: 24px;
font-size: 2.4rem;
text-transform: uppercase; } #secondary .widget_testimonial-widget .testimony, #secondary .widget_testimonial-widget p.client, #secondary .widget_testimonial-widget h3.widget-title {
color: #272727; }
.widget_social-networks-widget ul,
.share-box ul {
margin: 0; }
.widget_social-networks-widget ul li,
.share-box ul li {
border: 0;
padding: 0;
margin: 0;
display: inline; }
.widget_social-networks-widget ul li a,
.share-box ul li a {
margin-bottom: 5px;
border: 0;
color: #FFFFFF;
padding: 4px 10px;
margin-right: 5px;
display: inline-block;
background-color: #272727; }
.widget_social-networks-widget ul li a:hover,
.share-box ul li a:hover {
color: #FFFFFF;
background-color: #3498db; }
.share-box {
margin-bottom: 20px; }
.share-box h4 {
margin-bottom: 10px; }
.single-portfolio .thumbnail {
margin-bottom: 0;
text-align: center; }
.single-portfolio .thumbnail img {
display: block;
margin: 0 auto; }
.single-portfolio .single-wrapper {
background-color: #F0F2F3;
padding: 25px; }
.single-portfolio .single-wrapper .one-third {
background-color: #272727;
padding: 10px; }
.single-portfolio .single-wrapper h4 {
color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
padding-bottom: 10px;
margin-bottom: 20px; }
.single-portfolio .single-wrapper p {
margin-bottom: 0; }
.single-portfolio .single-wrapper td a:hover {
color: #FFFFFF; }
.single-portfolio .single-wrapper table, .single-portfolio .single-wrapper td {
border: 0;
text-align: left;
color: #FFFFFF; }
.author-bio {
padding: 20px 0; }
.author-bio .author-info .avatar {
float: left;
width: 130px; }
.author-bio .author-info .avatar img {
height: 100px;
width: 130px;
border: 5px solid #ECF0F1; }
.author-bio .author-info .description {
float: right;
width: 80%; }
.author-bio .author-info .description h4 {
margin-bottom: 10px; }
.widget_list-widget ul, .widget_list-widget ol {
list-style-type: none;
margin: 0; }
.widget_list-widget ul li, .widget_list-widget ol li {
padding-bottom: 5px; }
.widget_image-box-widget .image-box {
text-align: center;
padding: 10px; }
.widget_image-box-widget .image-box img {
display: block;
margin: 0 auto;
border: 2px solid #3498db; }
.widget_image-box-widget a.more-button {
display: inline-block;
margin: 0 auto 10px;
background-color: #FFFFFF;
padding: 8px;
background: #3498db;
color: #FFFFFF; }
.widget_image-box-widget a.more-button:hover {
background-color: #000;
border-color: #272727; }
.widget_image-box-widget h4 {
text-align: center;
margin-top: 10px; }
.widget_recent-posts-gallery-widget h3 {
padding-bottom: .5em;
margin-bottom: .5em; }
.widget_recent-posts-gallery-widget .recent-post {
position: relative;
margin: 0 10px 20px; }
.widget_recent-posts-gallery-widget img {
display: block;
width: 100%; }
.widget_recent-posts-gallery-widget h4 {
text-align: center;
color: #272727; }
.widget_recent-posts-gallery-widget .recent-post,
.widget_recent-posts-gallery-widget .recent-post h4 {
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease; }
.widget_recent-posts-gallery-widget .flex-recent-posts {
position: relative; }
.widget_recent-posts-gallery-widget .flex-recent-posts li {
width: 33.3%;
float: left;
border: 0; }
.widget_recent-posts-gallery-widget .flex-recent-posts .flex-direction-nav {
top: -70px;
right: 0px;
position: absolute; }
.widget_recent-posts-gallery-widget .flex-recent-posts .flex-direction-nav a.flex-prev,
.widget_recent-posts-gallery-widget .flex-recent-posts .flex-direction-nav a.flex-next {
width: 28px;
height: 28px;
margin-top: 0;
display: block;
text-indent: -9999em;
background: url(//itessential.pl/wp-content/themes/flatonpro/images/flex-prev.png) no-repeat left top; }
.widget_recent-posts-gallery-widget .flex-recent-posts .flex-direction-nav a.flex-next {
background: url(//itessential.pl/wp-content/themes/flatonpro/images/flex-next.png) no-repeat left top; }
.widget_recent-posts-gallery-widget .flex-recent-posts .flex-direction-nav a.flex-prev:hover,
.widget_recent-posts-gallery-widget .flex-recent-posts .flex-direction-nav a.flex-next:hover {
background-position: left bottom; }
.widget_recent-posts-gallery-widget .flex-recent-posts .flex-direction-nav a.flex-prev {
left: auto;
right: 40px; }
.widget_recent-posts-gallery-widget .recent-post {
overflow: hidden;
background-color: #3498db; }
.widget_recent-posts-gallery-widget .recent-post a img {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
opacity: 0.9; }
.widget_recent-posts-gallery-widget .recent-post:hover a img {
background-color: #3498db;
opacity: 0.5; }
.widget_recent-posts-gallery-widget .recent-post .post-title:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
content: '';
-webkit-transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
background-color: #3498db; }
.widget_recent-posts-gallery-widget .recent-post h4 {
position: absolute;
bottom: 0;
left: 0;
padding: 10px;
width: 100%;
text-align: left;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
.widget_recent-posts-gallery-widget .recent-post .post-title::before,
.widget_recent-posts-gallery-widget .recent-post h4 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s; }
.widget_recent-posts-gallery-widget .recent-post:hover .post-title::before,
.widget_recent-posts-gallery-widget .recent-post:hover h4 {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.widget_recent-posts-gallery-widget .recent-post:hover h4 {
color: #FFFFFF; }
.widget_recent-posts-gallery-widget .post-title {
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.widget_recent-posts-gallery-widget .post-title::before,
.widget_recent-posts-gallery-widget .post-title::after {
pointer-events: none; }
.widget_recent-posts-gallery-widget .post-title {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.entry-content .widget_recent-posts ul li {
padding: 10px 0; }
.widget_recent-posts h3.widget-title {
margin-bottom: 25px;
padding-bottom: 15px; }
.site-content .widget_recent-posts-widget .flex-recent-posts {
position: relative;
}
.flex-recent-posts {
position: relative;
}
.widget_flexslider-widget .flexcarousel {
margin: 0 50px; }
.widget_flexslider-widget .flexcarousel ul {
padding: 0 40px; }
.widget_flexslider-widget .flexcarousel ul li {
border: 0;
margin: 0; }
.widget_flexslider-widget .flexcarousel .flex-direction-nav a {
opacity: .5 !important;
top: 25%;
width: 40px;
line-height: 40px;
height: 40px;
margin: 0;
font-size: 20px;
font-size: 2rem; }
.widget_flexslider-widget .flexcarousel .flex-direction-nav a:hover {
opacity: 1 !important; }
.widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-prev {
left: 0px; }
.widget_flexslider-widget .flexcarousel .flex-direction-nav a.flex-next {
right: 0px; }
.widget_webulous-image-widget .image-widget {
overflow: hidden; }
.widget_webulous-image-widget .image-widget > a {
display: inline-block;
position: relative;
overflow: hidden;
max-width: 100%; }
.widget_webulous-image-widget .image-widget > a img {
display: block; }
.widget_webulous-image-widget .image-widget-overlay {
position: absolute;
left: 2%;
top: 2%;
width: 96%;
height: 96%;
border: 1px solid transparent; }
.widget_webulous-image-widget .image-widget-overlay .image-widget-overlay-icon {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
width: 100%;
height: 100%;
background-color: rgba(52, 152, 219, 0.6);
text-align: center; }
.widget_webulous-image-widget .image-widget-overlay .image-widget-overlay-icon i {
position: relative;
top: 0%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-ms-transform: rotate(100deg);
-webkit-transform: rotate(100deg);
transform: rotate(100deg); }
.widget_webulous-image-widget .image-widget-overlay .image-widget-overlay-icon i:hover {
color: #FFFFFF; }
.widget_webulous-image-widget .image-widget-overlay:hover {
border-color: #FFFFFF; }
.widget_webulous-image-widget .image-widget-overlay:hover .image-widget-overlay-icon {
opacity: 1; }
.widget_webulous-image-widget .image-widget-overlay:hover .image-widget-overlay-icon i {
top: 46%;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
.related-posts {
padding: 20px 0; }
.related-posts ul#webulous-related-posts {
list-style-type: none;
margin: 0; }
.related-posts ul#webulous-related-posts li {
width: 18%;
float: left;
margin: 1%;
line-height: normal; }
.related-posts ul#webulous-related-posts li a {
line-height: normal; }
.site-footer {           }
.site-footer .circle-icon-box .circle-icon-wrapper h3.fa-stack {
width: 2em;
height: 2em;
line-height: 2em;
margin-bottom: 30px; }
.site-footer .circle-icon-box a.more-button:hover {
background-color: #3498db; }
.site-footer .callout-widget {
padding: 0; }
.site-footer .callout-widget .twelve.columns,
.site-footer .callout-widget .four.columns {
width: 100%; }
.site-footer .callout-widget a {
padding: 5px 0;
text-transform: none; }
.site-footer .hr_fancy:before,
.site-footer .hr_fancy {
border-color: #FFFFFF; }
.site-footer .dropcap {
color: #3498db; }
.site-footer .dropcap-circle,
.site-footer .dropcap-box {
color: #FFFFFF; }
.site-footer .flex-caption {
position: static;
text-shadow: 0 0 0; }
.site-footer .flex-caption h1, .site-footer .flex-caption h2, .site-footer .flex-caption h3, .site-footer .flex-caption h4, .site-footer .flex-caption h5, .site-footer .flex-caption li {
color: #000; }
.site-footer .flex-direction-nav a.flex-prev,
.site-footer .flex-direction-nav a.flex-next {
height: 30px;
width: 30px; }
.site-footer a.more-button {
background-color: #3498db;
padding: 5px 8px; }
.site-footer a.more-button:hover {
color: #272727; }
.site-footer .widget.widget_ourteam-widget .our-team {
background-color: #D7D7D7; }
.site-footer .widget.widget_ourteam-widget .team-content {
height: 228px; }
.site-footer .pullnone {
font-weight: normal;
padding: 0;
font-style: normal; }
.site-footer .pullleft,
.site-footer .pullright {
font-weight: normal;
font-style: normal; }
.site-footer .widget.widget_recent-work-widget h4 {
text-align: center; }
.site-footer .widget_testimonial-widget {
padding: 20px; }
.site-footer .widget_testimonial-widget li {
border: 0; }
.site-footer .widget_testimonial-widget p.client {
color: #3498db;
margin-bottom: 0;
border: 0; }
.site-footer .widget_testimonial-widget p.client strong {
color: #FFFFFF; }
.site-footer .widget_testimonial-widget h3.widget-title {
font-size: 2em; }
.site-footer .flex-direction-nav a.flex-prev,
.site-footer .flex-direction-nav a.flex-next {
background: #6D6D6D url(//itessential.pl/wp-content/themes/flatonpro/images/flex-prev.png) no-repeat center center; }
.site-footer .flex-direction-nav a.flex-next {
background: #6D6D6D url(//itessential.pl/wp-content/themes/flatonpro/images/flex-next.png) no-repeat center center; }
.site-footer .flex-direction-nav a.flex-next:hover {
background: #3498db url(//itessential.pl/wp-content/themes/flatonpro/images/flex-next.png) no-repeat center center; }
.site-footer .flex-direction-nav a.flex-prev:hover {
background: #3498db url(//itessential.pl/wp-content/themes/flatonpro/images/flex-prev.png) no-repeat center center; }
.site-footer .wpcf7-form p {
margin-bottom: 10px; }
.woocommerce div.product div.images .flex-control-thumbs {
opacity:1;
}
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce #content table.cart input,
.woocommerce table.cart input,
.woocommerce-page #content table.cart input,
.woocommerce-page table.cart input {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
color: #FFFFFF;
background: #272727; }
.woocommerce #content input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
background: none !important;
background-color: #3498db !important; }
.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt {
background: #272727 !important; background: -moz-linear-gradient(top, #272727 0%, #45484d 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #272727), color-stop(100%, #45484d)) !important; background: -webkit-linear-gradient(top, #272727 0%, #45484d 100%) !important; background: -o-linear-gradient(top, #272727 0%, #45484d 100%) !important; background: -ms-linear-gradient(top, #272727 0%, #45484d 100%) !important; background: linear-gradient(to bottom, #272727 0%, #45484d 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#45484d',GradientType=0 ) !important; border: 1px solid #333; }
.woocommerce #content input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
border-color: #000;
background: #666 !important; background: -moz-linear-gradient(top, #666 0%, #45484d 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #45484d)) !important; background: -webkit-linear-gradient(top, #666 0%, #45484d 100%) !important; background: -o-linear-gradient(top, #666 0%, #45484d 100%) !important; background: -ms-linear-gradient(top, #666 0%, #45484d 100%) !important; background: linear-gradient(to bottom, #666 0%, #45484d 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#45484d',GradientType=0 ) !important; }
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before {
background-color: #333; }
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
border-color: #333; }
.order-total .amount,
.cart-subtotal .amount {
color: #3498db; }
.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
background: #f2f9fe; background: -moz-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f9fe), color-stop(100%, #d6f0fd)); background: -webkit-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: -o-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: -ms-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: linear-gradient(to bottom, #f2f9fe 0%, #d6f0fd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); }
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce #content div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price {
color: #272727; }
.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
background-color: #666;
color: #FFFFFF; }
.woocommerce a.added_to_cart:hover,
.woocommerce-page a.added_to_cart:hover {
background-color: #000; }
.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
color: #FFFFFF; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
background: #f2f9fe; background: -moz-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f9fe), color-stop(100%, #d6f0fd)); background: -webkit-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: -o-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: -ms-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); background: linear-gradient(to bottom, #f2f9fe 0%, #d6f0fd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); }
.woocommerce #content table.cart a.remove,
.woocommerce table.cart a.remove,
.woocommerce-page #content table.cart a.remove,
.woocommerce-page table.cart a.remove {
color: #3498db; }
.woocommerce #content table.cart a.remove:hover,
.woocommerce table.cart a.remove:hover,
.woocommerce-page #content table.cart a.remove:hover,
.woocommerce-page table.cart a.remove:hover {
background-color: #272727; }
.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
background-color: #D7D7D7; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
background: #3498db;
color: #FFFFFF; }
.woocommerce span.onsale,
.woocommerce-page span.onsale {
background: #f9c667; background: -moz-linear-gradient(top, #f9c667 0%, #f79621 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9c667), color-stop(100%, #f79621)); background: -webkit-linear-gradient(top, #f9c667 0%, #f79621 100%); background: -o-linear-gradient(top, #f9c667 0%, #f79621 100%); background: -ms-linear-gradient(top, #f9c667 0%, #f79621 100%); background: linear-gradient(to bottom, #f9c667 0%, #f79621 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 ); }
.woocommerce #content nav.woocommerce-pagination ul li a,
.woocommerce #content nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page #content nav.woocommerce-pagination ul li a,
.woocommerce-page #content nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
background-color: #272727;
color: #FFFFFF; }
.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
background-color: #3498db;
color: #FFFFFF; }
.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce #content nav.woocommerce-pagination ul {
background-color: #272727; }
.woocommerce-error li strong {
color: #B81C23; }
.woocommerce .site-content,
.woocommerce-page .site-content {
margin-bottom: 0; }
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
border: 0;
padding: 5px 12px;
text-align: center;
text-decoration: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
text-shadow: 0 0 0;
font-weight: 400; }
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
padding-top: 0;
height: 2.5em;
line-height: 2.5;
width: 2em; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea {
line-height: normal; }
.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
padding: 2px 15px 1px 30px;
background-clip: padding-box; -webkit-border-radius: 3px;
border-radius: 3px; }
.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
text-decoration: underline; }
.woocommerce .woocommerce-breadcrumb a:hover,
.woocommerce-page .woocommerce-breadcrumb a:hover {
text-decoration: none; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
font-weight: 400;
padding: 0.5em 1em;
background-color: transparent;
background-clip: padding-box; -webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
border-top: 0;
position: static; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover {
position: static; }
.woocommerce #content div.product form.cart table.variations,
.woocommerce div.product form.cart table.variations,
.woocommerce-page #content div.product form.cart table.variations,
.woocommerce-page div.product form.cart table.variations,
.woocommerce #content div.product form.cart table.variations td,
.woocommerce div.product form.cart table.variations td,
.woocommerce-page #content div.product form.cart table.variations td,
.woocommerce-page div.product form.cart table.variations td {
border: 0; }
.cross-sells h2,
.shipping_calculator h2 {
font-size: 1.6em; }
.woocommerce #content table.cart a.remove,
.woocommerce table.cart a.remove,
.woocommerce-page #content table.cart a.remove,
.woocommerce-page table.cart a.remove {
margin: 0 auto; }
.woocommerce #content table.cart td.actions input#coupon_code,
.woocommerce table.cart td.actions input#coupon_code,
.woocommerce-page #content table.cart td.actions input#coupon_code,
.woocommerce-page table.cart td.actions input#coupon_code {
width: auto; }
.woocommerce button.button,
.woocommerce-page button.button {
padding: 10px 12px; }
.woocommerce .cart button.single_add_to_cart_button {
padding: 6px 12px 5px; }
.woocommerce button.button, .woocommerce-page button.button,
.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
padding: 20px;
border: 1px solid #e0dadf;
border-top: 0; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
margin-bottom: 0; }
.woocommerce #content table.cart td.actions .coupon #coupon_code,
.woocommerce table.cart td.actions .coupon #coupon_code,
.woocommerce-page #content table.cart td.actions .coupon #coupon_code,
.woocommerce-page table.cart td.actions .coupon #coupon_code {
padding: 4px 6px; }
.woocommerce #content div.product .stock,
.woocommerce div.product .stock,
.woocommerce-page #content div.product .stock,
.woocommerce-page div.product .stock {
text-decoration: underline;
color: #333; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
padding: 0;
margin: 0; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
background: #272727;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: 0 0 0;
margin: 0; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
color: #FFFFFF;
text-shadow: 0 0 0;
padding: 7px 20px !important; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover {
text-decoration: none; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
z-index: 2;
border-bottom-color: transparent; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before {
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after {
display: none !important; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before {
display: none !important; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before {
display: none !important; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after {
display: none !important; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
display: none !important; }
.woocommerce span.onsale, .woocommerce-page span.onsale {
background-clip: padding-box; -webkit-border-radius: 50px;
border-radius: 50px;
padding: 10px 12px; }
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
margin: -15px -15px 0 0; }
.woocommerce #content nav.woocommerce-pagination ul li a,
.woocommerce #content nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page #content nav.woocommerce-pagination ul li a,
.woocommerce-page #content nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
border: 0;
padding: 3px 10px; }
.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
border: 0; }
.woocommerce #content nav.woocommerce-pagination ul li {
border: 0; }
.woocommerce #content nav.woocommerce-pagination ul {
padding: 7px 10px;
border: 0; }
.woocommerce-page .site-footer,
.woocommerce-page .footer-bottom,
.woocommerce-page .woocommerce-breadcrumb {
padding: 0 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
margin: 0 -50%; }
.woocommerce-page .woocommerce-breadcrumb {
padding: 15px 50%;
background-color: #3498db;
margin-bottom: 30px; }
.woocommerce-breadcrumb-class {
margin-bottom: 50px; }
.woocommerce-breadcrumb-class .woocommerce-breadcrumb {
margin: 0;
padding: 0; } .entry-body .gallery {
display: none; }
#gallery-images:hover {
position: relative; }
#gallery-images:hover .flex-direction-nav a {
opacity: 1; }
.format-aside .entry-title {
display: none; } .single_page_fullwidth_feature_image {
width: 100%; } #secondary.left, #secondary.left-sidebar {
padding-left: 0;
padding-right: 6.25%; }
#secondary.left-sidebar.twosidebar-right {
padding-left: 6.25%;
padding-right: 0; } .no-sidebar {
display: block;
float: none;
margin: 0 auto; }  .container .container {
width: 100%; }
.fluid-container .container {
width: 100%;
max-width: none; }
.boxed-container {
overflow: hidden; } .masonry-blog-content .page-navigation {
position: absolute;
bottom: 0;
right: 0; }
.page-navigation {
clear: both; } .blog-two-column article, .blog-three-column article {
border: 1px solid #d7d7d7;
padding: 25px;
margin-bottom: 30px; }
.blog-two-column article .entry-title a, .blog-three-column article .entry-title a {
word-wrap: break-word; }
.blog-two-column article h1.entry-title, .blog-three-column article h1.entry-title {
font-size: 30px;
font-size: 3rem; }
.blog-two-column:nth-of-type(2n+1) {
clear: both; }
.blog-three-column:nth-of-type(3n+1) {
clear: both; }
.home.flaton-free {   }
.home.flaton-free .services {
padding-top: 50px; }
.home.flaton-free h2.service-title,
.home.flaton-free h3.service-subtitle {
text-align: center; }
.home.flaton-free h2.service-title {
font-size: 2.8em;
display: block;
text-align: center;
margin-bottom: 30px; }
.home.flaton-free h2.service-title div {
display: inline;
padding-bottom: 10px;
margin-bottom: 30px;
background-image: url(//itessential.pl/wp-content/themes/flatonpro/images/bg-line-title.gif), url(//itessential.pl/wp-content/themes/flatonpro/images/bg-line-title.gif), url(//itessential.pl/wp-content/themes/flatonpro/images/bgrepeat-line-title.gif);
background-position: left bottom, right bottom, center bottom;
background-repeat: no-repeat, no-repeat, repeat-x; }
.home.flaton-free h3.service-subtitle {
margin-bottom: 30px; }
.home.flaton-free #service-tabs ul {
text-align: center;
margin: 0 0 50px;
list-style-type: none; }
.home.flaton-free .ui-tabs-nav li {
display: inline; }
.home.flaton-free #service-tabs ul li a {
padding: 12px 30px;
display: inline-block;
color: #FFFFFF; }
.home.flaton-free .ui-tabs-panel {
clear: both; }
.home.flaton-free .tab-icon {
text-align: center; }
.home.flaton-free .tab-icon i {
font-size: 8em; border-radius: 25px 0 25px 0; }
.home.flaton-free #service-tabs .ui-tabs-panel {
min-height: 250px;
position: relative; }
.home.flaton-free #service-tabs .ui-tabs-panel .tab-icon { text-align: center;
padding: 50px 0;
background-color: #F0F2F3; }
.home.flaton-free .team-col {
min-height: 170px; }
.home.flaton-free .team-col:nth-of-type(2),
.home.flaton-free .team-col:nth-of-type(4) {
border-right: 0; }
.home.flaton-free .team-col:nth-of-type(3),
.home.flaton-free .team-col:nth-of-type(4) {
border-bottom: 0; }
.home.flaton-free #service-tabs .service-desc li {
float: none;
list-style-type: disc; }
.home.flaton-free #service-tabs .service-desc ol {
list-style-type: disc; }
.home.flaton-free #service-tabs .service-desc ul {
text-align: left;
margin-left: 30px;
list-style-type: disc; }
.home.flaton-free .team-col strong {
display: block;
font-size: 1.4em; }
.home.flaton-free .team-col h5 {
font-size: 1em;
font-weight: normal; }
.home.flaton-free .team-col img {
float: left;
margin-right: 15px;
margin-bottom: 15px; }
.home.flaton-free .team-col p {
text-align: justify;
opacity: 1;
transform: translateY(0px); }
.home.flaton-free .team-col p,
.home.flaton-free .team-col h5 {
margin-left: 135px; }
.home.flaton-free .team-content {
background-image: url(//itessential.pl/wp-content/themes/flatonpro/images/circle.gif), url(//itessential.pl/wp-content/themes/flatonpro/images/circle.gif), url(//itessential.pl/wp-content/themes/flatonpro/images/circle.gif), url(//itessential.pl/wp-content/themes/flatonpro/images/line-repeat.gif);
background-position: 51% top, 51% bottom, 51% center, 51% top;
background-repeat: no-repeat, no-repeat, no-repeat, repeat-y;
margin-bottom: 50px;
opacity: 1; }
.home.flaton-free .team-col {
padding: 25px; }
.home.flaton-free .innercol {
background-image: url(//itessential.pl/wp-content/themes/flatonpro/images/circle.gif), url(//itessential.pl/wp-content/themes/flatonpro/images/circle.gif), url(//itessential.pl/wp-content/themes/flatonpro/images/circle.gif), url(//itessential.pl/wp-content/themes/flatonpro/images/line-repeat.gif);
background-position: left center, right center, 51% center, center center;
background-repeat: no-repeat, no-repeat, no-repeat, repeat-x; }
.home.flaton-free #add-info h1,
.home.flaton-free #add-info h2,
.home.flaton-free #add-info h3,
.home.flaton-free #add-info h4,
.home.flaton-free #add-info h5 {
clear: none; }
.home.flaton-free #add-info h2 {
text-align: center;
margin-bottom: 35px; }
.home.flaton-free #add-info img {
margin-right: 75px; }
.home.flaton-free .recent-work {
margin: 10px;
height: 250px;
overflow: hidden;
position: relative;
width: 250px;
float: left; }
.home.flaton-free .recent-work:hover .rk-thumb {
opacity: .5;
transition: all .5s; }
.home.flaton-free .rk-content {
position: absolute;
top: 0;
left: 0;
padding: 15px;
opacity: 0;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
width: 100%;
min-height: 250px;
line-height: 1.2; }
.home.flaton-free .recent-work:hover .rk-content {
opacity: 1; }
.home.flaton-free .rk-content p {
text-align: justify; }
.home.flaton-free .rk-content h3 {
padding-bottom: 10px; }
.home.flaton-free .rk-content h3 a {
color: #3498db; }
.home.flaton-free .rk-content h3 a:hover {
color: #FFFFFF; }
.home.flaton-free .rk-content p.readmore {
text-align: center; }
.home.flaton-free .rk-content p.readmore a {
background-color: #272727; }
.home.flaton-free .rk-content p.readmore a:hover {
color: #FFFFFF;
background-color: #3498db; }
.home.flaton-free .rk-content {
background-color: rgba(51, 73, 94, 0.8);
color: #FFFFFF; }
.home.flaton-free .rk-thumb {
overflow: hidden; }
.home.flaton-free .rk-thumb img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear; }
.home.flaton-free .rk-content {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }
.home.flaton-free .rk-content h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.home.flaton-free .rk-content p {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear; }
.home.flaton-free .recent-work:hover img {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); }
.home.flaton-free .view-first a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.home.flaton-free .recent-work:hover .rk-content {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1; }
.home.flaton-free .recent-work:hover h3,
.home.flaton-free .recent-work:hover p,
.home.flaton-free .recent-work:hover a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px); }
.home.flaton-free .recent-work:hover p {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s; }
.home.flaton-free .recent-work:hover a.info {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s; }
.home.flaton-free .team-col h5 {
color: #3498db; }
.home.flaton-free #service-tabs ul li a {
background-color: #272727; }
.home.flaton-free #service-tabs ul li a:hover,
.home.flaton-free #service-tabs ul li.ui-tabs-active a {
background-color: #3498db; }
.home.flaton-free .flex-caption {
position: absolute;
color: #FFFFFF;
top: auto;
left: 0;
width: 100%;
text-align: center; }
.home.flaton-free .flex-caption h1, .home.flaton-free .flex-caption h2, .home.flaton-free .flex-caption h3, .home.flaton-free .flex-caption h4, .home.flaton-free .flex-caption h5, .home.flaton-free .flex-caption h6, .home.flaton-free .flex-caption p,
.home.flaton-free .flex-caption ul {
margin: 0 0 .5em;
padding: 0 30px; }
.home.flaton-free .flex-caption h2, .home.flaton-free .flex-caption h3 {
text-shadow: 1px 1px 1px #000; }
.home.flaton-free .flexslider .slides > li {
position: relative; }
.home.flaton-free .skill-container {
margin-top: 20px;
padding-bottom: 1px; }
.home.flaton-free .skill {
height: 12px;
position: relative;
margin: -8px 0 10px 50px;
background-color: #F0F2F3; }
.home.flaton-free .skill-percentage {
height: 12px;
position: absolute;
background-color: #3498db; }
.home.flaton-free .skill-container i {
color: #FFFFFF; }
.home.flaton-free .skill-container [class*="fa fa-"]:before {
background: #272727;
color: #FFFFFF; }
.home.flaton-free .circle {
top: -3px;
width: 17px;
right: -3px;
height: 17px;
position: absolute;
display: none; }
.home.flaton-free .skill-content {
top: -26px;
position: relative; }
.home.flaton-free .skill-content span {
float: right; }
.home.flaton-free .skill-container [class*="fa fa-"]:before {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
padding: 8px; }
.home.flaton-free .percent5 {
width: 5%; }
.home.flaton-free .percent10 {
width: 10%; }
.home.flaton-free .percent15 {
width: 15%; }
.home.flaton-free .percent20 {
width: 20%; }
.home.flaton-free .percent25 {
width: 25%; }
.home.flaton-free .percent30 {
width: 30%; }
.home.flaton-free .percent35 {
width: 35%; }
.home.flaton-free .percent40 {
width: 40%; }
.home.flaton-free .percent45 {
width: 45%; }
.home.flaton-free .percent50 {
width: 50%; }
.home.flaton-free .percent55 {
width: 55%; }
.home.flaton-free .percent60 {
width: 60%; }
.home.flaton-free .percent65 {
width: 65%; }
.home.flaton-free .percent70 {
width: 70%; }
.home.flaton-free .percent75 {
width: 75%; }
.home.flaton-free .percent80 {
width: 80%; }
.home.flaton-free .percent85 {
width: 85%; }
.home.flaton-free .percent90 {
width: 90%; }
.home.flaton-free .percent95 {
width: 95%; }
.home.flaton-free .percent100 {
width: 100%; }
.home.flaton-free .percent5.start {
width: 0%;
-webkit-animation: percent5  2s ease-out forwards;
-moz-animation: percent5  2s ease-out forwards;
-ms-animation: percent5  2s ease-out forwards;
-o-animation: percent5  2s ease-out forwards;
animation: percent5  2s ease-out forwards; }
.home.flaton-free .percent10.start {
width: 0%;
-webkit-animation: percent10  2s ease-out forwards;
-moz-animation: percent10  2s ease-out forwards;
-ms-animation: percent10  2s ease-out forwards;
-o-animation: percent10  2s ease-out forwards;
animation: percent10  2s ease-out forwards; }
.home.flaton-free .percent15.start {
width: 0%;
-webkit-animation: percent15  2s ease-out forwards;
-moz-animation: percent15  2s ease-out forwards;
-ms-animation: percent15  2s ease-out forwards;
-o-animation: percent15  2s ease-out forwards;
animation: percent15  2s ease-out forwards; }
.home.flaton-free .percent20.start {
width: 0%;
-webkit-animation: percent20  2s ease-out forwards;
-moz-animation: percent20  2s ease-out forwards;
-ms-animation: percent20  2s ease-out forwards;
-o-animation: percent20  2s ease-out forwards;
animation: percent20  2s ease-out forwards; }
.home.flaton-free .percent25.start {
width: 0%;
-webkit-animation: percent25  2s ease-out forwards;
-moz-animation: percent25  2s ease-out forwards;
-ms-animation: percent25  2s ease-out forwards;
-o-animation: percent25  2s ease-out forwards;
animation: percent25  2s ease-out forwards; }
.home.flaton-free .percent30.start {
width: 0%;
-webkit-animation: percent30  2s ease-out forwards;
-moz-animation: percent30  2s ease-out forwards;
-ms-animation: percent30  2s ease-out forwards;
-o-animation: percent30  2s ease-out forwards;
animation: percent30  2s ease-out forwards; }
.home.flaton-free .percent35.start {
width: 0%;
-webkit-animation: percent35  2s ease-out forwards;
-moz-animation: percent35  2s ease-out forwards;
-ms-animation: percent35  2s ease-out forwards;
-o-animation: percent35  2s ease-out forwards;
animation: percent35  2s ease-out forwards; }
.home.flaton-free .percent40.start {
width: 0%;
-webkit-animation: percent40  2s ease-out forwards;
-moz-animation: percent40  2s ease-out forwards;
-ms-animation: percent40  2s ease-out forwards;
-o-animation: percent40  2s ease-out forwards;
animation: percent40  2s ease-out forwards; }
.home.flaton-free .percent45.start {
width: 0%;
-webkit-animation: percent45  2s ease-out forwards;
-moz-animation: percent45  2s ease-out forwards;
-ms-animation: percent45  2s ease-out forwards;
-o-animation: percent45  2s ease-out forwards;
animation: percent45  2s ease-out forwards; }
.home.flaton-free .percent50.start {
width: 0%;
-webkit-animation: percent50  2s ease-out forwards;
-moz-animation: percent50  2s ease-out forwards;
-ms-animation: percent50  2s ease-out forwards;
-o-animation: percent50  2s ease-out forwards;
animation: percent50  2s ease-out forwards; }
.home.flaton-free .percent55.start {
width: 0%;
-webkit-animation: percent55  2s ease-out forwards;
-moz-animation: percent55  2s ease-out forwards;
-ms-animation: percent55  2s ease-out forwards;
-o-animation: percent55  2s ease-out forwards;
animation: percent55  2s ease-out forwards; }
.home.flaton-free .percent60.start {
width: 0%;
-webkit-animation: percent60  2s ease-out forwards;
-moz-animation: percent60  2s ease-out forwards;
-ms-animation: percent60  2s ease-out forwards;
-o-animation: percent60  2s ease-out forwards;
animation: percent60  2s ease-out forwards; }
.home.flaton-free .percent65.start {
width: 0%;
-webkit-animation: percent65  2s ease-out forwards;
-moz-animation: percent65  2s ease-out forwards;
-ms-animation: percent65  2s ease-out forwards;
-o-animation: percent65  2s ease-out forwards;
animation: percent65  2s ease-out forwards; }
.home.flaton-free .percent70.start {
width: 0%;
-webkit-animation: percent70  2s ease-out forwards;
-moz-animation: percent70  2s ease-out forwards;
-ms-animation: percent70  2s ease-out forwards;
-o-animation: percent70  2s ease-out forwards;
animation: percent70  2s ease-out forwards; }
.home.flaton-free .percent75.start {
width: 0%;
-webkit-animation: percent75  2s ease-out forwards;
-moz-animation: percent75  2s ease-out forwards;
-ms-animation: percent75  2s ease-out forwards;
-o-animation: percent75  2s ease-out forwards;
animation: percent75  2s ease-out forwards; }
.home.flaton-free .percent80.start {
width: 0%;
-webkit-animation: percent80  2s ease-out forwards;
-moz-animation: percent80  2s ease-out forwards;
-ms-animation: percent80  2s ease-out forwards;
-o-animation: percent80  2s ease-out forwards;
animation: percent80  2s ease-out forwards; }
.home.flaton-free .percent85.start {
width: 0%;
-webkit-animation: percent85  2s ease-out forwards;
-moz-animation: percent85  2s ease-out forwards;
-ms-animation: percent85  2s ease-out forwards;
-o-animation: percent85  2s ease-out forwards;
animation: percent85  2s ease-out forwards; }
.home.flaton-free .percent90.start {
width: 0%;
-webkit-animation: percent90  2s ease-out forwards;
-moz-animation: percent90  2s ease-out forwards;
-ms-animation: percent90  2s ease-out forwards;
-o-animation: percent90  2s ease-out forwards;
animation: percent90  2s ease-out forwards; }
.home.flaton-free .percent95.start {
width: 0%;
-webkit-animation: percent95  2s ease-out forwards;
-moz-animation: percent95  2s ease-out forwards;
-ms-animation: percent95  2s ease-out forwards;
-o-animation: percent95  2s ease-out forwards;
animation: percent95  2s ease-out forwards; }
.home.flaton-free .percent100 {
width: 0%;
-webkit-animation: percent100  2s ease-out forwards;
-moz-animation: percent100  2s ease-out forwards;
-ms-animation: percent100  2s ease-out forwards;
-o-animation: percent100  2s ease-out forwards;
animation: percent100  2s ease-out forwards; }
@-moz-keyframes percent5 {
0% {
width: 0px; }
100% {
width: 5%; } }
@-moz-keyframes percent10 {
0% {
width: 0px; }
100% {
width: 10%; } }
@-moz-keyframes percent15 {
0% {
width: 0px; }
100% {
width: 15%; } }
@-moz-keyframes percent20 {
0% {
width: 0px; }
100% {
width: 20%; } }
@-moz-keyframes percent25 {
0% {
width: 0px; }
100% {
width: 25%; } }
@-moz-keyframes percent30 {
0% {
width: 0px; }
100% {
width: 30%; } }
@-moz-keyframes percent35 {
0% {
width: 0px; }
100% {
width: 35%; } }
@-moz-keyframes percent40 {
0% {
width: 0px; }
100% {
width: 40%; } }
@-moz-keyframes percent45 {
0% {
width: 0px; }
100% {
width: 45%; } }
@-moz-keyframes percent50 {
0% {
width: 0px; }
100% {
width: 50%; } }
@-moz-keyframes percent55 {
0% {
width: 0px; }
100% {
width: 55%; } }
@-moz-keyframes percent60 {
0% {
width: 0px; }
100% {
width: 60%; } }
@-moz-keyframes percent65 {
0% {
width: 0px; }
100% {
width: 65%; } }
@-moz-keyframes percent70 {
0% {
width: 0px; }
100% {
width: 70%; } }
@-moz-keyframes percent75 {
0% {
width: 0px; }
100% {
width: 75%; } }
@-moz-keyframes percent80 {
0% {
width: 0px; }
100% {
width: 80%; } }
@-moz-keyframes percent85 {
0% {
width: 0px; }
100% {
width: 85%; } }
@-moz-keyframes percent90 {
0% {
width: 0px; }
100% {
width: 90%; } }
@-moz-keyframes percent95 {
0% {
width: 0px; }
100% {
width: 95%; } }
@-moz-keyframes percent100 {
0% {
width: 0px; }
100% {
width: 100%; } }
@-webkit-keyframes percent5 {
0% {
width: 0px; }
100% {
width: 5%; } }
@-webkit-keyframes percent10 {
0% {
width: 0px; }
100% {
width: 10%; } }
@-webkit-keyframes percent15 {
0% {
width: 0px; }
100% {
width: 15%; } }
@-webkit-keyframes percent20 {
0% {
width: 0px; }
100% {
width: 20%; } }
@-webkit-keyframes percent25 {
0% {
width: 0px; }
100% {
width: 25%; } }
@-webkit-keyframes percent30 {
0% {
width: 0px; }
100% {
width: 30%; } }
@-webkit-keyframes percent35 {
0% {
width: 0px; }
100% {
width: 35%; } }
@-webkit-keyframes percent40 {
0% {
width: 0px; }
100% {
width: 40%; } }
@-webkit-keyframes percent45 {
0% {
width: 0px; }
100% {
width: 45%; } }
@-webkit-keyframes percent50 {
0% {
width: 0px; }
100% {
width: 50%; } }
@-webkit-keyframes percent55 {
0% {
width: 0px; }
100% {
width: 55%; } }
@-webkit-keyframes percent60 {
0% {
width: 0px; }
100% {
width: 60%; } }
@-webkit-keyframes percent65 {
0% {
width: 0px; }
100% {
width: 65%; } }
@-webkit-keyframes percent70 {
0% {
width: 0px; }
100% {
width: 70%; } }
@-webkit-keyframes percent75 {
0% {
width: 0px; }
100% {
width: 75%; } }
@-webkit-keyframes percent80 {
0% {
width: 0px; }
100% {
width: 80%; } }
@-webkit-keyframes percent85 {
0% {
width: 0px; }
100% {
width: 85%; } }
@-webkit-keyframes percent90 {
0% {
width: 0px; }
100% {
width: 90%; } }
@-webkit-keyframes percent95 {
0% {
width: 0px; }
100% {
width: 95%; } }
@-webkit-keyframes percent100 {
0% {
width: 0px; }
100% {
width: 100%; } }
.home.flaton-free .flexslider .slides img {
width: 100%;
height: 100%; }
.home.flaton-free p.readmore a,
.home.flaton-free p.btn-slider a,
.home.flaton-free p.btn-more a {
display: inline-block;
padding: 5px 15px; }
.home.flaton-free p.btn-slider a {
padding: 7px 20px;
padding-left: 15px; }
.home.flaton-free p.btn-slider a i {
padding-right: 8px; }
.home.flaton-free p.btn-slider a,
.home.flaton-free p.btn-more a {
background-color: #272727;
color: #FFFFFF; }
.home.flaton-free p.btn-slider a:hover,
.home.flaton-free p.btn-more a:hover {
background-color: #3498db; }
.home.flaton-free #service-tabs ul li a {
background-color: #272727; }
.home.flaton-free #service-tabs ul li a:hover,
.home.flaton-free #service-tabs ul li.ui-tabs-active a {
background-color: #3498db; }
.home.flaton-free .flex-direction-nav a:hover {
color: #FFFFFF; }
.home.flaton-free .flex-control-paging li a {
border-color: #3498db !important;
background-color: #FFFFFF; }
.home.flaton-free .flex-control-paging li a.flex-active,
.home.flaton-free .flex-control-paging li a:hover {
background-color: #3498db !important; }
.home.flaton-free .flex-recent-posts {
position: relative; }
.home #secondary {
padding-top: 40px; }
.home .site-content {
padding-top: 0; }
.home .site-content h3.widget-title {
background: url(//itessential.pl/wp-content/themes/flatonpro/images/title-divider.gif) no-repeat left bottom;
padding-bottom: 15px;
margin-bottom: 20px; }
.home .site-content h3.tcenter.widget-title {
background-position: center bottom; }
.home .site-content .widget_recent-work-widget h3.widget-title {
background-position: center bottom;
text-align: center; }
.home .tabs-container.center ul.tabs li a {
font-size: 1.2em; }
.home #filters {
border-bottom: 0; }
.page-template-page-full-width-slider-php .site-content {
padding-top: 0; }
.panel-row-style-full-width-layout,
.panel-row-style-section-divider {
margin: 0 -100%;
padding: 50px 100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
.panel-row-style-section-divider {
background: #F0F2F3 url(//itessential.pl/wp-content/themes/flatonpro/images/bg-arrow.png) no-repeat center top; }
.panel-row-style-full-width-layout {
background-color: #D7D7D7;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.widget_text .textwidget p.btn-more a {
background-color: #272727;
color: #FFFFFF;
display: inline-block;
padding: 3px 10px; }
.widget_text .textwidget p.btn-more a:hover {
background-color: #3498db; }
.flexcarousel {
position: relative;
padding: 40px 0 0; }
.flexcarousel .flex-image {
text-align: center; }
.flexcarousel .flex-direction-nav a {
top: 0%;
opacity: 1;
width: 25px;
height: 30px; }
.error-404.not-found {
width: 50%;
margin: 0 auto;
padding: 50px 0;
text-align: center; }
.error-404.not-found h1 span {
color: #3498db; }
.error-404.not-found table {
text-align: left;
border: 0; }
.error-404.not-found table td {
border: 0; }
.error-404.not-found a.backtohome {
border: 2px solid #F0F2F3;
padding: 5px 20px; }
.error-404.not-found a.backtohome:hover {
border-color: #3498db; }
.top-features a.more-button {
padding: 5px 15px;
background-color: #3498db;
color: #FFFFFF; }
.top-features a.more-button:hover {
background-color: #272727; }  .infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer { display: none; } .infinity-end.neverending .site-footer {
display: block; } .page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0; } embed,
iframe,
object {
max-width: 100%; } .wp-caption {
margin-bottom: 1.5em;
max-width: 100%; }
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto; }
.wp-caption .wp-caption-text {
margin: 0.8075em 0; }
.wp-caption-text {
text-align: center; } .gallery {
margin-bottom: 1.5em; }
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
margin-bottom: 20px; }
.gallery-item img {
border: 1px solid #3498db; }
.gallery-columns-2 .gallery-item {
max-width: 50%; }
.gallery-columns-3 .gallery-item {
max-width: 33.33%; }
.gallery-columns-4 .gallery-item {
max-width: 25%; }
.gallery-columns-5 .gallery-item {
max-width: 20%; }
.gallery-columns-6 .gallery-item {
max-width: 16.66%; }
.gallery-columns-7 .gallery-item {
max-width: 14.28%; }
.gallery-columns-8 .gallery-item {
max-width: 12.5%; }
.gallery-columns-9 .gallery-item {
max-width: 11.11%; }
.gallery-caption {
display: block; } @media only screen and (max-width: 1024px) {
.widget.widget_ourteam-widget .team-content {
height: 220px; } }
@media only screen and (max-width: 960px) {
.widget.widget_ourteam-widget .team-content {
height: 200px; } }
@media only screen and (min-width: 768px) { .site-footer .widget.widget_skill-widget .skill-container .skill .skill-percentage {
background-color: #FFFFFF; }
.site-footer .widget.widget_skill-widget .skill-container .fa-stack {
display: block;
margin: 0 auto; }
.site-footer .widget.widget_skill-widget .skill-container .skill {
margin: 10px 0 0;
padding-bottom: 10px;
background-color: transparent;
height: auto;
border-bottom: 1px solid #6D6D6D; }
.site-footer .widget.widget_skill-widget .skill-container .skill .skill-content {
position: static;
padding-top: 12px; }
.site-footer .widget.widget_skill-widget .skill-container .skill .skill-content span {
float: none;
display: block;  
text-align: center;
font-size: 18px;
font-size: 1.8rem; }
.site-footer .footer-bottom ul.menu li a {
margin-bottom: 10px; } }
@media only screen and (max-width: 768px) {
.site-header .top-nav .cart-left, .site-header .top-nav .cart-right {
text-align: center; }
.tabs.center ul li {
float: none; }
.widget.widget_ourteam-widget .team-content {
overflow: visible;
height: 262px; }
.widget.widget_ourteam-widget .team-social {
position: relative;
z-index: 100; }
.widget.widget_ourteam-widget .team-avator {
text-align: center;
background-color: #D7D7D7; }
.widget.widget_ourteam-widget .team-avator img {
width: auto;
height: auto;
float: none;
margin-top: 5px; }
ul.filter-options li {
margin-bottom: 5px; }
.site-footer .footer-bottom p {
text-align: center; }
.site-footer .footer-bottom ul.menu {
margin: 0;
padding-top: 0;
text-align: center;
padding-bottom: 20px; }
.site-footer .footer-bottom ul.menu li a {
margin-bottom: 10px; }
.site-footer .widget.widget_skill-widget .skill-container .skill .skill-percentage {
background-color: #FFFFFF; }
.single-wrapper h3 {
margin-top: 25px; }
.error-404.not-found {
width: 100%;
padding: 30px 0; }
.top-right {
float: none;
margin-top: 0; }
.top-right ul#social-widget {
text-align: center; }
.site-branding {
text-align: center;
margin-bottom: 15px; }
.site-header {
padding: 10px 0; } }
@media only screen and (max-width: 700px) {
.flexslider .flex-image {
height: auto; }
.home.flaton-free .flex-caption {
position: static; }
ol.comment-list .comment-body {
width: 88%; }
.top-right {
left: 0; }
.top-right .widget_social-networks-widget ul {
text-align: center; }
.main-navigation {
display: none; }
.slicknav_menu {
display: block;
background-color: #3498db; }
.slicknav_menu li.current-menu-item a,
.slicknav_menu li a:hover,
.slicknav_menu .slicknav_row:hover {
background-color: #272727;
color: #FFFFFF; }
.slicknav_menu li a.slicknav_item a,
.slicknav_menu li a.slicknav_item a:hover {
background-color: transparent; }
.slicknav_menu .slicknav_arrow,
.slicknav_menu a:visited,
.slicknav_menu a:hover,
.slicknav_menu a:focus {
color: #FFFFFF; }
.slicknav_menu .slicknav_btn,
.slicknav_menu .slicknav_btn:hover {
background-color: #272727; }
.flexslider .flex-caption {
position: static;
padding: 20px 0; }
.flexslider .flex-caption h1 {
font-size: 30px;
font-size: 3rem; }
.flexslider .flex-caption h2 {
font-size: 28px;
font-size: 2.8rem; }
.flexslider .flex-caption h3 {
font-size: 23px;
font-size: 2.3rem; }
.flexslider .flex-caption h4 {
font-size: 20px;
font-size: 2rem; }
.flexslider .flex-caption h5 {
font-size: 16px;
font-size: 1.6rem; }
.flexslider .flex-caption h6 {
font-size: 15px;
font-size: 1.5rem; }
.tabs-container.center div.fa, .tabs.center div .fa {
position: static;
width: 100%;
margin-bottom: 20px; }
.tabs-container.center, .tabs.center {
float: none;
width: 99%;
text-align: center; }
.contactform .wpcf7-form p {
width: 100%;
margin: 0 0 15px; }
.contactform .wpcf7-form p:nth-of-type(5) {
position: static; } }
@media only screen and (max-width: 500px) {
.menu-toggle, .main-navigation.toggled .nav-menu {
display: none; }
.menu-all-pages-container {
padding: 10px 0; }
.menu-all-pages-container select {
width: 100%;
padding: 5px 0; }
#service-tabs ul li a {
border-bottom: 1px solid #425A73;
display: block; }
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous,
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: none;
width: 100%;
margin-bottom: 10px; }
.comment-navigation .nav-previous a,
.paging-navigation .nav-previous a,
.post-navigation .nav-previous a,
.comment-navigation .nav-next a,
.paging-navigation .nav-next a,
.post-navigation .nav-next a {
display: block; }
.post-password-form input[type="submit"],
.post-password-form input[type="password"] {
width: 100%;
margin-bottom: 10px; }
ol.comment-list .comment-body {
width: 85%; }
ol.comment-list li > ul,
ol.comment-list li > ol {
margin-left: 0; }
.widget_search input {
width: 95%; }
.gallery {
width: 95%; }
.gallery img {
max-width: 90%; }
.flex-caption {
top: 2%; }
.flex-caption p {
line-height: normal; }
.flex-direction-nav a {
top: 40%; }
.tabs-container.center ul.tabs li,
.tabs-container.center ul.tabs li a,
.tabs-container ul.tabs li a,
.tabs-container ul.tabs li,
ul.filter-options li a,
ul.filter-options li {
display: block;
float: none;
margin-bottom: 1px; }
.widget.widget_skill-widget .skill-container .skill {
margin: 0; }
.widget.widget_skill-widget .fa-stack {
display: block;
margin: 0 auto; }
.widget.widget_skill-widget .skill-container .skill .skill-content,
.widget.widget_skill-widget .skill-container .skill .skill-percentage {
position: static; }
.widget.widget_skill-widget .skill-container {
margin-top: 20px; }
.widget.widget_skill-widget .skill-container .skill {
background-color: transparent;
height: auto; }
.ei-slider-large li img {
margin-left: 0 !important; }
.testimonial-container .flex-direction-nav a.flex-prev,
.testimonial-container .flex-direction-nav a.flex-next {
top: -20px; }
.error-404.not-found {
width: 100%; }
.error-404.not-found table {
display: block;
overflow-x: auto;
position: relative;
white-space: nowrap;
width: auto; } }
@media only screen and (max-width: 400px) {
.flex-container, .site-footer {
padding: 0 10px; }
.panel-row-style-full-width-layout,
.panel-row-style-section-divider {
margin: 0;
padding: 0; }
.pullright,
.pullleft {
width: 100%; }
.related-posts ul#webulous-related-posts li {
float: none;
width: 100%; }
.related-posts ul#webulous-related-posts li a {
display: block; } }
@media only screen and (max-width: 480px) {
.panel-row-style-full-width-layout,.panel-row-style-section-divider {
padding-left:0!important;
padding-right:0!important;
margin: auto!important;
}
} .home .site-content h3.widget-title {
background: url(//itessential.pl/wp-content/themes/flatonpro/images/title-divider-blue.gif) no-repeat left bottom; }
.meet-team h3 {
background: url(//itessential.pl/wp-content/themes/flatonpro/images/title-divider-blue.gif) no-repeat center bottom; }
.toggle-polygon .toggle-title .icn {
background: url(//itessential.pl/wp-content/themes/flatonpro/images/icon-blue-polygon.png) no-repeat center center; }
.woocommerce span.onsale,
.woocommerce-page span.onsale {
background: #67C1F9; background: -moz-linear-gradient(top, #67C1F9 0%, #2182f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #67C1F9), color-stop(100%, #2182f7)); background: -webkit-linear-gradient(top, #67C1F9 0%, #2182f7 100%); background: -o-linear-gradient(top, #67C1F9 0%, #2182f7 100%); background: -ms-linear-gradient(top, #67C1F9 0%, #2182f7 100%); background: linear-gradient(to bottom, #67C1F9 0%, #2182f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67C1F9', endColorstr='#2182f7',GradientType=0 ); }
[class*='ab-animation-'] {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible !important;
} .ab-animation-scale-up {
-webkit-animation-name: ab-animation-scale-up;
animation-name: ab-animation-scale-up;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
-webkit-transform:scale(0);
transform:scale(0);
}
100% {
opacity: 1;
-webkit-transform:scale(1);
transform:scale(1);    
}
}
@keyframes fadeIn {
0% {
opacity: 0;
-moz-transform:scale(0);
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
}
100% {
opacity: 1;
-moz-transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);    
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
50% {
opacity: .2;
}  
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}
50% {
opacity: .2;
}  
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
transform: translateX(200px);
}
50% {
opacity: .3;
}  
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
-ms-transform: translateX(200px);
transform: translateX(200px);
}
50% {
opacity: .3;
}   
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(200px);
transform: translateY(200px);
}
50% {
opacity: .3;
}  
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(200px);
-ms-transform: translateY(200px);
transform: translateY(200px);
}
50% {
opacity: .3;
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-moz-transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-250px);
transform: translateX(-250px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;  
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(250px);
transform: translateX(250px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(250px);
-ms-transform: translateX(250px);
transform: translateX(250px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes fadeInLeft2 {
0% {
opacity: 0;
-webkit-transform: translateX(-110px);
transform: translateX(-110px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft2 {
0% {
opacity: 0;
-webkit-transform: translateX(-110px);
-ms-transform: translateX(-110px);
transform: translateX(-110px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft2 {
-webkit-animation-name: fadeInLeft2;
animation-name: fadeInLeft2;
}
@-webkit-keyframes fadeInLeft3 {
0% {
opacity: 0;
-webkit-transform: translateX(-120px);
transform: translateX(-120px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft3 {
0% {
opacity: 0;
-webkit-transform: translateX(-120px);
-ms-transform: translateX(-120px);
transform: translateX(-120px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft3 {
-webkit-animation-name: fadeInLeft3;
animation-name: fadeInLeft3;
}
@-webkit-keyframes fadeInLeft4 {
0% {
opacity: 0;
-webkit-transform: translateX(-130px);
transform: translateX(-130px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft4 {
0% {
opacity: 0;
-webkit-transform: translateX(-130px);
-ms-transform: translateX(-130px);
transform: translateX(-130px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft4 {
-webkit-animation-name: fadeInLeft4;
animation-name: fadeInLeft4;
}
@-webkit-keyframes fadeInLeft5 {
0% {
opacity: 0;
-webkit-transform: translateX(-140px);
transform: translateX(-140px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft5 {
0% {
opacity: 0;
-webkit-transform: translateX(-140px);
-ms-transform: translateX(-140px);
transform: translateX(-140px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft5 {
-webkit-animation-name: fadeInLeft5;
animation-name: fadeInLeft5;
}
@-webkit-keyframes fadeInLeft6 {
0% {
opacity: 0;
-webkit-transform: translateX(-150px);
transform: translateX(-150px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft6 {
0% {
opacity: 0;
-webkit-transform: translateX(-150px);
-ms-transform: translateX(-150px);
transform: translateX(-150px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft6 {
-webkit-animation-name: fadeInLeft6;
animation-name: fadeInLeft6;
}
@-webkit-keyframes fadeInLeft7 {
0% {
opacity: 0;
-webkit-transform: translateX(-160px);
transform: translateX(-160px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft7 {
0% {
opacity: 0;
-webkit-transform: translateX(-160px);
-ms-transform: translateX(-160px);
transform: translateX(-160px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft7 {
-webkit-animation-name: fadeInLeft7;
animation-name: fadeInLeft7;
}
@-webkit-keyframes fadeInLeft8 {
0% {
opacity: 0;
-webkit-transform: translateX(-170px);
transform: translateX(-170px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft8 {
0% {
opacity: 0;
-webkit-transform: translateX(-170px);
-ms-transform: translateX(-170px);
transform: translateX(-170px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft8 {
-webkit-animation-name: fadeInLeft8;
animation-name: fadeInLeft8;
}
@-webkit-keyframes fadeInLeft9 {
0% {
opacity: 0;
-webkit-transform: translateX(-180px);
transform: translateX(-180px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft9 {
0% {
opacity: 0;
-webkit-transform: translateX(-180px);
-ms-transform: translateX(-180px);
transform: translateX(-180px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft9 {
-webkit-animation-name: fadeInLeft9;
animation-name: fadeInLeft9;
}
@-webkit-keyframes fadeInLeft10 {
0% {
opacity: 0;
-webkit-transform: translateX(-190px);
transform: translateX(-190px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft10 {
0% {
opacity: 0;
-webkit-transform: translateX(-190px);
-ms-transform: translateX(-190px);
transform: translateX(-190px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft10 {
-webkit-animation-name: fadeInLeft10;
animation-name: fadeInLeft10;
}
.fadeInLeft6,
.fadeInLeft5,
.fadeInLeft4,
.fadeInLeft3,
.fadeInLeft2,
.fadeInLeft1,
.fadeInLeft7,
.fadeInLeft8,
.fadeInLeft9,
.fadeInLeft10 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes fadeIn2 {
0% {
opacity: 0;
-webkit-transform:scale(0);
transform:scale(0);
}
100% {
opacity: 1;
-webkit-transform:scale(1);
transform:scale(1);    
}
}
@keyframes fadeIn2 {
0% {
opacity: 0;
-moz-transform:scale(0);
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
}
100% {
opacity: 1;
-moz-transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);    
}
}
.fadeIn2 {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;  
}
@-webkit-keyframes fadeIn3 {
0% {
opacity: 0;
-webkit-transform:scale(0);
transform:scale(0);
}
100% {
opacity: 1;
-webkit-transform:scale(1);
transform:scale(1);    
}
}
@keyframes fadeIn3 {
0% {
opacity: 0;
-moz-transform:scale(0);
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
}
100% {
opacity: 1;
-moz-transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);    
}
}
.fadeIn3 {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;  
}
@-webkit-keyframes fadeIn4 {
0% {
opacity: 0;
-webkit-transform:scale(0);
transform:scale(0);
}
100% {
opacity: 1;
-webkit-transform:scale(1);
transform:scale(1);    
}
}
@keyframes fadeIn4 {
0% {
opacity: 0;
-moz-transform:scale(0);
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
}
100% {
opacity: 1;
-moz-transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);    
}
}
.fadeIn4 {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;  
}  [class*='ab-animation-'] {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
} @media screen {
[data-ab-scrollspy*='ab-animation-'] {
opacity: 0;
}
} .ab-animation-fade {
-webkit-animation-name: ab-fade;
animation-name: ab-fade;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
} .ab-animation-scale-up {
-webkit-animation-name: ab-scale-up;
animation-name: ab-scale-up;
}
.ab-animation-scale-down {
-webkit-animation-name: ab-scale-down;
animation-name: ab-scale-down;
} .ab-animation-slide-top {
-webkit-animation-name: ab-slide-top;
animation-name: ab-slide-top;
}
.ab-animation-slide-bottom {
-webkit-animation-name: ab-slide-bottom;
animation-name: ab-slide-bottom;
}
.ab-animation-slide-left {
-webkit-animation-name: ab-slide-left;
animation-name: ab-slide-left;
}
.ab-animation-slide-right {
-webkit-animation-name: ab-slide-right;
animation-name: ab-slide-right;
} .ab-animation-shake {
-webkit-animation-name: ab-shake;
animation-name: ab-shake;
} .ab-animation-reverse {
-webkit-animation-direction: reverse;
animation-direction: reverse;
}  @-webkit-keyframes ab-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes ab-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} @-webkit-keyframes ab-scale-up {
0% {
opacity: 0;
-webkit-transform: scale(0.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes ab-scale-up {
0% {
opacity: 0;
transform: scale(0.9);
}
100% {
opacity: 1;
transform: scale(1);
}
} @-webkit-keyframes ab-scale-down {
0% {
opacity: 0;
-webkit-transform: scale(1.8);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes ab-scale-down {
0% {
opacity: 0;
transform: scale(1.8);
}
100% {
opacity: 1;
transform: scale(1);
}
} @-webkit-keyframes ab-slide-top {
0% {
opacity: 0;
-webkit-transform: translateY(-20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes ab-slide-top {
0% {
opacity: 0;
transform: translateY(-20%);
}
100% {
opacity: 1;
transform: translateY(0);
}
} @-webkit-keyframes ab-slide-bottom {
0% {
opacity: 0;
-webkit-transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes ab-slide-bottom {
0% {
opacity: 0;
transform: translateY(20%);
}
100% {
opacity: 1;
transform: translateY(0);
}
} @-webkit-keyframes ab-slide-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes ab-slide-left {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
} @-webkit-keyframes ab-slide-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes ab-slide-right {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
} @-webkit-keyframes ab-shake {
0%,
100% {
-webkit-transform: translateX(0);
}
10% {
-webkit-transform: translateX(-9px);
}
20% {
-webkit-transform: translateX(8px);
}
30% {
-webkit-transform: translateX(-7px);
}
40% {
-webkit-transform: translateX(6px);
}
50% {
-webkit-transform: translateX(-5px);
}
60% {
-webkit-transform: translateX(4px);
}
70% {
-webkit-transform: translateX(-3px);
}
80% {
-webkit-transform: translateX(2px);
}
90% {
-webkit-transform: translateX(-1px);
}
}
@keyframes ab-shake {
0%,
100% {
transform: translateX(0);
}
10% {
transform: translateX(-9px);
}
20% {
transform: translateX(8px);
}
30% {
transform: translateX(-7px);
}
40% {
transform: translateX(6px);
}
50% {
transform: translateX(-5px);
}
60% {
transform: translateX(4px);
}
70% {
transform: translateX(-3px);
}
80% {
transform: translateX(2px);
}
90% {
transform: translateX(-1px);
}
} @-webkit-keyframes ab-slide-top-fixed {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes ab-slide-top-fixed {
0% {
opacity: 0;
transform: translateY(-10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
} @-webkit-keyframes ab-slide-bottom-fixed {
0% {
opacity: 0;
-webkit-transform: translateY(10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes ab-slide-bottom-fixed {
0% {
opacity: 0;
transform: translateY(10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
} @-webkit-keyframes ab-spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@keyframes ab-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}   @-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.animated.flipInX {
opacity: 1;
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
-o-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-animation-name: flipInX;
-o-animation-name: flipInX;
animation-name: flipInX;
} .bigEntrance-animation,
.boingInUp-animation,
.bounce-animation,
.bounceInLeft-animation,
.bounceInRight-animation,
.bounceInUp-animation,
.expandUp-animation,
.fade-animation,
.fadeIn-animation,
.fadeInDown-animation,
.fadeInDownBig-animation,
.fadeInLeft-animation,
.fadeInLeftBig-animation,
.fadeInRight-animation,
.fadeInRightBig-animation,
.fadeInUp-animation,
.fadeInUpBig-animation,
.flip-animation,
.flipInX-animation,
.flipInY-animation,
.floating-animation,
.foolishIn-animation,
.hatch-animation,
.lightSpeedIn-animation,
.puffIn-animation,
.pullDown-animation,
.pullUp-animation,
.pulse-animation,
.rollInLeft-animation,
.rollInRight-animation,
.rotateIn-animation,
.rotateInDownLeft-animation,
.rotateInDownRight-animation,
.rotateInUpLeft-animation,
.rotateInUpRight-animation,
.scale-down-animation,
.scale-up-animation,
.slide-bottom-animation,
.slide-left-animation,
.slide-right-animation,
.slide-top-animation,
.slideDown-animation,
.slideExpandUp-animation,
.slideInDown-animation,
.slideInLeft-animation,
.slideInRight-animation,
.slideLeft-animation,
.slideRight-animation,
.slideUp-animation, 
.spaceInDown-animation, 
.spaceInLeft-animation, 
.spaceInRight-animation, 
.spaceInUp-animation, 
.stretchLeft-animation, 
.stretchRight-animation, 
.swap-animation, 
.swashIn-animation, 
.swing-animation, 
.tinDownIn-animation, 
.tinRightIn-animation, 
.tinUpIn-animation, 
.tossing-animation, 
.twisterInDown-animation, 
.twisterInUp-animation, 
.wobble-animation,
.zoomIn-animation {
visibility: hidden;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible !important;
}
.panel-grid-cell:nth-child(1) .animated {
-moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s;
}
.panel-grid-cell:nth-child(2) .animated {
-moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s;
}
.panel-grid-cell:nth-child(3) .animated {
-moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s;
}
.panel-grid-cell:nth-child(4) .animated {
-moz-animation-delay: 1.3s; -webkit-animation-delay: 1.3s; animation-delay: 1.3s;  
}
.panel-grid-cell:nth-child(5) .animated {
-moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s;  
}
.panel-grid-cell:nth-child(6) .animated {
-moz-animation-delay: 1.7s; -webkit-animation-delay: 1.7s; animation-delay: 1.7s;  
}
.panel-grid-cell:nth-child(7) .animated {
-moz-animation-delay: 1.9s; -webkit-animation-delay: 1.9s; animation-delay: 1.9s;  
}
.panel-grid-cell:nth-child(8) .animated {
-moz-animation-delay: 2.1s; -webkit-animation-delay: 2.1s; animation-delay: 2.1s;
} .bigEntrance {
animation-name: bigEntrance;
-webkit-animation-name: bigEntrance;  
animation-duration: 1.6s; 
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;  
-webkit-animation-timing-function: ease-out;  
visibility: visible !important;     
}
@keyframes bigEntrance {
0% {
transform: scale(0.3) rotate(4deg) translateX(-20%) translateY(20%);
opacity: 0;
}
30% {
transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);    
opacity: 0.3;
}
45% {
transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 0.5;
}
60% {
transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);   
opacity: 0.6;
} 
75% {
transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 0.7;
}
90% {
transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);    
opacity: 0.9;
} 
100% {
transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}   
}
@-webkit-keyframes bigEntrance {
0% {
-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0;
}
30% {
-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);    
opacity: 0.3;
}
45% {
-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 0.5;
}
60% {
-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);   
opacity: 0.6;
} 
75% {
-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 0.7;
}
90% {
-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);    
opacity: 0.9;
} 
100% {
-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}       
} .boingInUp {
-webkit-animation-name: boingInUp;
animation-name: boingInUp;
}
@-webkit-keyframes boingInUp {
0% {
opacity: 0;
-webkit-transform-origin: 50% 0%;
-webkit-transform: perspective(800px) rotateX(-90deg);
}
50% {
opacity: 1;
-webkit-transform-origin: 50% 0%;
-webkit-transform: perspective(800px) rotateX(50deg);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 0%;
-webkit-transform: perspective(800px) rotateX(0deg);
}
}
@keyframes boingInUp {
0% {
opacity: 0;
transform-origin: 50% 0%;
transform: perspective(800px) rotateX(-90deg);
}
50% {
opacity: 1;
transform-origin: 50% 0%;
transform: perspective(800px) rotateX(50deg);
}
100% {
opacity: 1;
transform-origin: 50% 0%;
transform: perspective(800px) rotateX(0deg);
}
} .bounce {
animation-name: bounce;
-webkit-animation-name: bounce; 
animation-duration: 1.6s; 
-webkit-animation-duration: 1.6s;
animation-timing-function: ease;  
-webkit-animation-timing-function: ease;  
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;   
}
@keyframes bounce {
0% {
transform: translateY(0%) scaleY(0.6);
opacity: 0;
}
60%{
transform: translateY(-50%) scaleY(1.1);
opacity: 0.3;
}
70%{
transform: translateY(0%) scaleY(0.95) scaleX(1.05);
opacity: 0.5;
}
80%{
transform: translateY(0%) scaleY(1.05) scaleX(1);
opacity: 0.8;
} 
90%{
transform: translateY(0%) scaleY(0.95) scaleX(1);
opacity: 0.9;
}       
100%{
transform: translateY(0%) scaleY(1) scaleX(1);
opacity: 1;
} 
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateY(0%) scaleY(0.6);
opacity: 0;
}
60%{
-webkit-transform: translateY(-50%) scaleY(1.1);
opacity: 0.3;
}
70%{
-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
opacity: 0.5;
}
80%{
-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
opacity: 0.8;
} 
90%{
-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
opacity: 0.9;
}       
100%{
-webkit-transform: translateY(0%) scaleY(1) scaleX(1);
opacity: 1;
}   
} @-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
};
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
};
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
};
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
};
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
} @-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
};
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
};
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
};
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
};
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
} @-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
};
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
};
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
};
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
};
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
} .expandUp {
animation-name: expandUp;
-webkit-animation-name: expandUp; 
animation-duration: 0.7s; 
-webkit-animation-duration: 0.7s;
animation-timing-function: ease;  
-webkit-animation-timing-function: ease;    
visibility: visible !important; 
}
@keyframes expandUp {
0% {
transform: translateY(100%) scale(0.6) scaleY(0.5);
opacity: 0;
}
60%{
transform: translateY(-7%) scaleY(1.12);
opacity: 0.6;
}
75%{
transform: translateY(3%);
opacity: 0.8;
} 
100% {
transform: translateY(0%) scale(1) scaleY(1);
opacity: 1;
} 
}
@-webkit-keyframes expandUp {
0% {
-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
opacity: 0;
}
60%{
-webkit-transform: translateY(-7%) scaleY(1.12);
opacity: 0.6;
}
75%{
-webkit-transform: translateY(3%);
opacity: 0.8;
} 
100% {
-webkit-transform: translateY(0%) scale(1) scaleY(1);
opacity: 1;
} 
} .fade {
-webkit-animation-name: fade;
animation-name: fade;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
} @-webkit-keyframes fadeIn {
0% {
opacity: 0;
-webkit-transform:scale(0);
transform:scale(0);
}
100% {
opacity: 1;
-webkit-transform:scale(1);
transform:scale(1);    
}
}
@keyframes fadeIn {
0% {
opacity: 0;
-moz-transform:scale(0);
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
}
100% {
opacity: 1;
-moz-transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);    
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
} @-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
} @-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
} @-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
} @-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
50% {
opacity: .2;
}  
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}
50% {
opacity: .2;
}  
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
} @-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
} @-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
transform: translateX(200px);
}
50% {
opacity: .3;
}  
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
-ms-transform: translateX(200px);
transform: translateX(200px);
}
50% {
opacity: .3;
}   
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
} @-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
} @-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(200px);
transform: translateY(200px);
}
50% {
opacity: .3;
}  
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(200px);
-ms-transform: translateY(200px);
transform: translateY(200px);
}
50% {
opacity: .3;
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-moz-transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
} @-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
opacity: 1;
};
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-moz-animation-timing-function: ease-out;
opacity: 0;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-moz-animation-timing-function: ease-in;
opacity: 1;
};
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-o-animation-timing-function: ease-out;
opacity: 0;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-o-animation-timing-function: ease-in;
opacity: 1;
};
}
@keyframes flip {
0% {
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
animation-timing-function: ease-out;
opacity: 0;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
animation-timing-function: ease-in;
opacity: 1;
};
}
.flip {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible !important;
-moz-animation-name: flip;
-o-backface-visibility: visible !important;
-o-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip;
} @-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
opacity: 1;
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
-o-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-animation-name: flipInX;
-o-animation-name: flipInX;
animation-name: flipInX;
} @-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
};
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
};
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
};
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
};
}
.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
} .floating {
animation-name: floating;
-webkit-animation-name: floating;
animation-duration: 1.5s; 
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes floating {
0% {
transform: translateY(0%);  
}
50% {
transform: translateY(8%);  
} 
100% {
transform: translateY(0%);
}     
}
@-webkit-keyframes floating {
0% {
-webkit-transform: translateY(0%);  
}
50% {
-webkit-transform: translateY(8%);  
} 
100% {
-webkit-transform: translateY(0%);
}     
} .foolishIn {
-webkit-animation-name: foolishIn;
animation-name: foolishIn;
}
@-webkit-keyframes foolishIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(0, 0) rotate(360deg);
}
20% {
opacity: 1;
-webkit-transform-origin: 0% 100%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
40% {
opacity: 1;
-webkit-transform-origin: 100% 100%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
60% {
opacity: 1;
-webkit-transform-origin: 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity: 1;
-webkit-transform-origin: 0% 0%;
-webkit-transform: scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1, 1) rotate(0deg);
}
}
@keyframes foolishIn {
0% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0) rotate(360deg);
}
20% {
opacity: 1;
transform-origin: 0% 100%;
transform: scale(0.5, 0.5) rotate(0deg);
}
40% {
opacity: 1;
transform-origin: 100% 100%;
transform: scale(0.5, 0.5) rotate(0deg);
}
60% {
opacity: 1;
transform-origin: 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity: 1;
transform-origin: 0% 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1) rotate(0deg);
}
} .hatch {
animation-name: hatch;
-webkit-animation-name: hatch;  
animation-duration: 2s; 
-webkit-animation-duration: 2s;
animation-timing-function: ease-in-out; 
-webkit-animation-timing-function: ease-in-out;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%; 
visibility: visible !important;   
}
@keyframes hatch {
0% {
transform: rotate(0deg) scaleY(0);
opacity: 0;
}
20% {
transform: rotate(-2deg) scaleY(1.05);
opacity: 0.2;
}
35% {
transform: rotate(2deg) scaleY(1);
opacity: 0.3;
}
50% {
transform: rotate(-2deg);
opacity: 0.5;
} 
65% {
transform: rotate(1deg);
opacity: 0.6;
} 
80% {
transform: rotate(-1deg);
opacity: 0.8;
}   
100% {
transform: rotate(0deg);
opacity: 1;
}                 
}
@-webkit-keyframes hatch {
0% {
-webkit-transform: rotate(0deg) scaleY(0);
opacity: 0;
}
20% {
-webkit-transform: rotate(-2deg) scaleY(1.05);
opacity: 0.2;
}
35% {
-webkit-transform: rotate(2deg) scaleY(1);
opacity: 0.3;
}
50% {
-webkit-transform: rotate(-2deg);
opacity: 0.5;
} 
65% {
-webkit-transform: rotate(1deg);
opacity: 0.6;
} 
80% {
-webkit-transform: rotate(-1deg);
opacity: 0.8;
}   
100% {
-webkit-transform: rotate(0deg);
opacity: 1;
}   
} @-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(0deg);
opacity: 0;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
};
}
@-moz-keyframes lightSpeedIn {
0% {
-moz-transform: translateX(100%) skewX(0deg);
opacity: 0;
}
100% {
-moz-transform: translateX(0%) skewX(0deg);
opacity: 1;
};
}
@-o-keyframes lightSpeedIn {
0% {
-o-transform: translateX(100%) skewX(0deg);
opacity: 0;
}
100% {
-o-transform: translateX(0%) skewX(0deg);
opacity: 1;
};
}
@keyframes lightSpeedIn {
0% {
transform: translateX(100%) skewX(0deg);
opacity: 0;
}
100% {
transform: translateX(0%) skewX(0deg);
opacity: 1;
};
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;  
} .puffIn {
-webkit-animation-name: puffIn;
animation-name: puffIn;
}
@-webkit-keyframes puffIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(2,2);
-webkit-filter: blur(2px);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1,1);
-webkit-filter: blur(0px);
}
}
@keyframes puffIn {
0% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(2,2);
filter: blur(2px);
}
100% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1,1);
filter: blur(0px);
}
} .pullDown {
animation-name: pullDown;
-webkit-animation-name: pullDown; 
animation-duration: 1.1s; 
-webkit-animation-duration: 1.1s;
animation-timing-function: ease-out;  
-webkit-animation-timing-function: ease-out;  
transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-webkit-transform-origin: 50% 0%;     
}
@keyframes pullDown {
0% {
transform: scaleY(0.1);
opacity: 0;
}
40% {
transform: scaleY(1.02);
opacity: 0.4;
}
60% {
transform: scaleY(0.98);
opacity: 0.6;
}
80% {
transform: scaleY(1.01);
opacity: 0.8;
}
100% {
transform: scaleY(0.98);
opacity: 1;
}       
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(1);
}             
}
@-webkit-keyframes pullDown {
0% {
-webkit-transform: scaleY(0.1);
opacity: 0;
}
40% {
-webkit-transform: scaleY(1.02);
opacity: 0.4;
}
60% {
-webkit-transform: scaleY(0.98);
opacity: 0.6;
}
80% {
-webkit-transform: scaleY(1.01);
opacity: 0.8;
}
100% {
-webkit-transform: scaleY(0.98);
opacity: 1;
}       
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(1);
}   
} .pullUp {
animation-name: pullUp;
-webkit-animation-name: pullUp; 
animation-duration: 1.1s; 
-webkit-animation-duration: 1.1s;
animation-timing-function: ease-out;  
-webkit-animation-timing-function: ease-out;  
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;     
}
@keyframes pullUp {
0% {
transform: scaleY(0.1);
opacity: 0;
}
40% {
transform: scaleY(1.02);
opacity: 0.4;
}
60% {
transform: scaleY(0.98);
opacity: 0.6;
}
80% {
transform: scaleY(1.01);
opacity: 0.8;
}
100% {
transform: scaleY(0.98);
opacity: 1;
}       
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(1);
}             
}
@-webkit-keyframes pullUp {
0% {
-webkit-transform: scaleY(0.1);
opacity: 0;
}
40% {
-webkit-transform: scaleY(1.02);
opacity: 0.4;
}
60% {
-webkit-transform: scaleY(0.98);
opacity: 0.6;
}
80% {
-webkit-transform: scaleY(1.01);
opacity: 0.8;
}
100% {
-webkit-transform: scaleY(0.98);
opacity: 1;
}       
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(1);
}   
} .pulse {
animation-name: pulse;
-webkit-animation-name: pulse;  
animation-duration: 1.5s; 
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes pulse {
0% {
transform: scale(0.9);
opacity: 0.7;   
}
50% {
transform: scale(1);
opacity: 1; 
} 
100% {
transform: scale(0.9);
opacity: 0.7; 
}     
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(0.95);
opacity: 0.7;   
}
50% {
-webkit-transform: scale(1);
opacity: 1; 
} 
100% {
-webkit-transform: scale(0.95);
opacity: 0.7; 
}     
} @-webkit-keyframes rollInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
};
}
@-moz-keyframes rollInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
};
}
@-o-keyframes rollInLeft {
0% {
opacity: 0;
-o-transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
};
}
@keyframes rollInLeft {
0% {
opacity: 0;
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
};
}
.rollInLeft {
-webkit-animation-name: rollInLeft;
-moz-animation-name: rollInLeft;
-o-animation-name: rollInLeft;
animation-name: rollInLeft;
} @-webkit-keyframes rollInRight {
0% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
};
}
@-moz-keyframes rollInRight {
0% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg);
}
100% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
};
}
@-o-keyframes rollInRight {
0% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg);
}
100% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
};
}
@keyframes rollInRight {
0% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
100% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
};
}
.rollInRight {
-webkit-animation-name: rollInRight;
-moz-animation-name: rollInRight;
-o-animation-name: rollInRight;
animation-name: rollInRight;
} @-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
};
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
};
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
};
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
};
}
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
} @-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
};
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
};
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
};
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
};
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
} @-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
};
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
};
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
};
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
};
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
} @-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
};
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
};
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
};
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
};
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
} @-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
};
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
};
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
};
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
};
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
} .scale-down {
-webkit-animation-name: scale-down;
animation-name: scale-down;
}
@-webkit-keyframes scale-down {
0% {
opacity: 0;
-webkit-transform: scale(1.8);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes scale-down {
0% {
opacity: 0;
transform: scale(1.8);
}
100% {
opacity: 1;
transform: scale(1);
}
} .scale-up {
-webkit-animation-name: scale-up;
animation-name: scale-up;
}
@-webkit-keyframes scale-up {
0% {
opacity: 0;
-webkit-transform: scale(0.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes scale-up {
0% {
opacity: 0;
transform: scale(0.9);
}
100% {
opacity: 1;
transform: scale(1);
}
} .slide-bottom {
-webkit-animation-name: slide-bottom;
animation-name: slide-bottom;
}
@-webkit-keyframes slide-bottom {
0% {
opacity: 0;
-webkit-transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes slide-bottom {
0% {
opacity: 0;
transform: translateY(20%);
}
100% {
opacity: 1;
transform: translateY(0);
}
} .slide-left {
-webkit-animation-name: slide-left;
animation-name: slide-left;
}
@-webkit-keyframes slide-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes slide-left {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
} .slide-right {
-webkit-animation-name: slide-right;
animation-name: slide-right;
}
@-webkit-keyframes slide-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes slide-right {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
} .slide-top {
-webkit-animation-name: slide-top;
animation-name: slide-top;
}
@-webkit-keyframes slide-top {
0% {
opacity: 0;
-webkit-transform: translateY(-20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes slide-top {
0% {
opacity: 0;
transform: translateY(-20%);
}
100% {
opacity: 1;
transform: translateY(0);
}
} .slideDown {
animation-name: slideDown;
-webkit-animation-name: slideDown;  
animation-duration: 1s; 
-webkit-animation-duration: 1s;
animation-timing-function: ease;  
-webkit-animation-timing-function: ease;  
visibility: visible !important;           
}
@keyframes slideDown {
0% {
transform: translateY(-100%);
opacity: 0;
}
50%{
transform: translateY(8%);
}
65%{
transform: translateY(-4%);
}
80%{
transform: translateY(4%);
}
95%{
transform: translateY(-2%);
}     
100% {
transform: translateY(0%);
opacity: 1;
}   
}
@-webkit-keyframes slideDown {
0% {
-webkit-transform: translateY(-100%);
opacity: 0;
}
50%{
-webkit-transform: translateY(8%);
}
65%{
-webkit-transform: translateY(-4%);
}
80%{
-webkit-transform: translateY(4%);
}
95%{
-webkit-transform: translateY(-2%);
}     
100% {
-webkit-transform: translateY(0%);
opacity: 1;
} 
} .slideExpandUp {
animation-name: slideExpandUp;
-webkit-animation-name: slideExpandUp;  
animation-duration: 1.6s; 
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;  
-webkit-animation-timing-function: ease -out;
visibility: visible !important; 
}
@keyframes slideExpandUp {
0% {
transform: translateY(100%) scaleX(0);
}
30%{
transform: translateY(-8%) scaleX(0.3);
} 
40%{
transform: translateY(2%) scaleX(0.5);
}
50%{
transform: translateY(0%) scaleX(1.1);
}
60%{
transform: translateY(0%) scaleX(0.9);    
}
70% {
transform: translateY(0%) scaleX(1.05);
}     
80%{
transform: translateY(0%) scaleX(0.95);   
}
90% {
transform: translateY(0%) scaleX(1.02);
} 
100%{
transform: translateY(0%) scaleX(1);    
}
}
@-webkit-keyframes slideExpandUp {
0% {
-webkit-transform: translateY(100%) scaleX(0);
}
30%{
-webkit-transform: translateY(-8%) scaleX(0.3);
} 
40%{
-webkit-transform: translateY(2%) scaleX(0.5);
}
50%{
-webkit-transform: translateY(0%) scaleX(1.1);
}
60%{
-webkit-transform: translateY(0%) scaleX(0.9);    
}
70% {
-webkit-transform: translateY(0%) scaleX(1.05);
}     
80%{
-webkit-transform: translateY(0%) scaleX(0.95);   
}
90% {
-webkit-transform: translateY(0%) scaleX(1.02);
} 
100%{
-webkit-transform: translateY(0%) scaleX(1);    
}
} @-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
};
}
@-moz-keyframes slideInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
-moz-transform: translateY(0);
};
}
@-o-keyframes slideInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
-o-transform: translateY(0);
};
}
@keyframes slideInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
transform: translateY(0);
};
}
.slideInDown {
-webkit-animation-name: slideInDown;
-moz-animation-name: slideInDown;
-o-animation-name: slideInDown;
animation-name: slideInDown;
} @-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-250px);
transform: translateX(-250px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;  
} @-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(250px);
transform: translateX(250px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(250px);
-ms-transform: translateX(250px);
transform: translateX(250px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
} .slideLeft{
animation-name: slideLeft;
-webkit-animation-name: slideLeft;  
animation-duration: 2s; 
-webkit-animation-duration: 2s;
animation-timing-function: ease-in-out; 
-webkit-animation-timing-function: ease-in-out;   
visibility: visible !important; 
}
@keyframes slideLeft {
0% {
transform: translateX(150%);
opacity: 0;
}
50%{
transform: translateX(-8%);
}
65%{
transform: translateX(4%);
}
80%{
transform: translateX(-4%);
}
95%{
transform: translateX(2%);
}     
100% {
transform: translateX(0%);
opacity: 1;
}
}
@-webkit-keyframes slideLeft {
0% {
-webkit-transform: translateX(150%);
opacity: 0;
}
50%{
-webkit-transform: translateX(-8%);
}
65%{
-webkit-transform: translateX(4%);
}
80%{
-webkit-transform: translateX(-4%);
}
95%{
-webkit-transform: translateX(2%);
}     
100% {
-webkit-transform: translateX(0%);
opacity: 1;
}
} .slideRight{
animation-name: slideRight;
-webkit-animation-name: slideRight; 
animation-duration: 2s; 
-webkit-animation-duration: 2s;
animation-timing-function: ease-in-out; 
-webkit-animation-timing-function: ease-in-out;   
visibility: visible !important; 
}
@keyframes slideRight {
0% {
transform: translateX(-150%);
opacity: 0;
}
50%{
transform: translateX(8%);
}
65%{
transform: translateX(-4%);
}
80%{
transform: translateX(4%);
}
95%{
transform: translateX(-2%);
}     
100% {
transform: translateX(0%);
opacity: 1;
} 
}
@-webkit-keyframes slideRight {
0% {
-webkit-transform: translateX(-150%);
opacity: 0;
}
50%{
-webkit-transform: translateX(8%);
}
65%{
-webkit-transform: translateX(-4%);
}
80%{
-webkit-transform: translateX(4%);
}
95%{
-webkit-transform: translateX(-2%);
}     
100% {
-webkit-transform: translateX(0%);
opacity: 1;
}
} .slideUp {
animation-name: slideUp;
-webkit-animation-name: slideUp;  
animation-duration: 1s; 
-webkit-animation-duration: 1s;
animation-timing-function: ease;  
-webkit-animation-timing-function: ease;
visibility: visible !important;     
}
@keyframes slideUp {
0% {
transform: translateY(100%);
opacity: 0;
}
50%{
transform: translateY(-8%);
}
65%{
transform: translateY(4%);
}
80%{
transform: translateY(-4%);
}
95%{
transform: translateY(2%);
}     
100% {
transform: translateY(0%);
opacity: 1;
} 
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform: translateY(100%);
opacity: 0;
}
50%{
-webkit-transform: translateY(-8%);
}
65%{
-webkit-transform: translateY(4%);
}
80%{
-webkit-transform: translateY(-4%);
}
95%{
-webkit-transform: translateY(2%);
}     
100% {
-webkit-transform: translateY(0%);
opacity: 1;
} 
} .spaceInDown {
-webkit-animation-name: spaceInDown;
animation-name: spaceInDown;
}
@-webkit-keyframes spaceInDown {
0% {
opacity: 0;
-webkit-transform-origin: 50% 100%;
-webkit-transform: scale(.2) translate(0%, 200%);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 100%;
-webkit-transform: scale(1) translate(0%, 0%);
}
}
@keyframes spaceInDown {
0% {
opacity: 0;
transform-origin: 50% 100%;
transform: scale(.2) translate(0%, 200%);
}
100% {
opacity: 1;
transform-origin: 50% 100%;
transform: scale(1) translate(0%, 0%);
}
} .spaceInLeft {
-webkit-animation-name: spaceInLeft;
animation-name: spaceInLeft;
}
@-webkit-keyframes spaceInLeft {
0% {
opacity: 0;
-webkit-transform-origin: 0% 50%;
-webkit-transform: scale(.2) translate(-200%, 0%);
}
100% {
opacity: 1;
-webkit-transform-origin: 0% 50%;
-webkit-transform: scale(1) translate(0%, 0%);
}
}
@keyframes spaceInLeft {
0% {
opacity: 0;
transform-origin: 0% 50%;
transform: scale(.2) translate(-200%, 0%);
}
100% {
opacity: 1;
transform-origin: 0% 50%;
transform: scale(1) translate(0%, 0%);
}
} .spaceInRight {
-webkit-animation-name: spaceInRight;
animation-name: spaceInRight;
}
@-webkit-keyframes spaceInRight {
0% {
opacity: 0;
-webkit-transform-origin: 100% 50%;
-webkit-transform: scale(.2) translate(200%, 0%);
}
100% {
opacity: 1;
-webkit-transform-origin: 100% 50%;
-webkit-transform: scale(1) translate(0%, 0%);
}
}
@keyframes spaceInRight {
0% {
opacity: 0;
transform-origin: 100% 50%;
transform: scale(.2) translate(200%, 0%);
}
100% {
opacity: 1;
transform-origin: 100% 50%;
transform: scale(1) translate(0%, 0%);
}
} .spaceInUp {
-webkit-animation-name: spaceInUp;
animation-name: spaceInUp;
}
@-webkit-keyframes spaceInUp {
0% {
opacity: 0;
-webkit-transform-origin: 50% 0%;
-webkit-transform: scale(.2) translate(0%, -200%);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 0%;
-webkit-transform: scale(1) translate(0%, 0%);
}
}
@keyframes spaceInUp {
0% {
opacity: 0;
transform-origin: 50% 0%;
transform: scale(.2) translate(0%, -200%);
}
100% {
opacity: 1;
transform-origin: 50% 0%;
transform: scale(1) translate(0%, 0%);
}
} .stretchLeft {
animation-name: stretchLeft;
-webkit-animation-name: stretchLeft;  
animation-duration: 1.5s; 
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-out;  
-webkit-animation-timing-function: ease-out;  
transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0%; 
}
@keyframes stretchLeft {
0% {
transform: scaleX(0);
}
40% {
transform: scaleX(1.02);
}
60% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(0.98);
}       
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(1);
}             
}
@-webkit-keyframes stretchLeft {
0% {
-webkit-transform: scaleX(0);
}
40% {
-webkit-transform: scaleX(1.02);
}
60% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(0.98);
}       
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}   
} .stretchRight {
animation-name: stretchRight;
-webkit-animation-name: stretchRight; 
animation-duration: 1.5s; 
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-out;  
-webkit-animation-timing-function: ease-out;  
transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;    
}
@keyframes stretchRight {
0% {
transform: scaleX(0);
}
40% {
transform: scaleX(1.02);
}
60% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(0.98);
}       
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(1);
}             
}
@-webkit-keyframes stretchRight {
0% {
-webkit-transform: scaleX(0);
}
40% {
-webkit-transform: scaleX(1.02);
}
60% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(0.98);
}       
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}   
} .swap {
-webkit-animation-name: swap;
animation-name: swap;
}
@-webkit-keyframes swap {
0% {
opacity: 0;
-webkit-transform-origin: 0 100%;
-webkit-transform: scale(0, 0) translate(-700px, 0px);
}
100% {
opacity: 1;
-webkit-transform-origin: 100% 100%;
-webkit-transform: scale(1, 1) translate(0px, 0px);;
}
}
@keyframes swap {
0% {
opacity: 0;
transform-origin: 0 100%;
transform: scale(0, 0) translate(-700px, 0px);
}
100% {
opacity: 1;
transform-origin: 100% 100%;
transform: scale(1, 1) translate(0px, 0px);
}
} .swashIn {
-webkit-animation-name: swashIn;
animation-name: swashIn;
}
@-webkit-keyframes swashIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(0, 0);
}
90% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(0.9, 0.9);
}
100% {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1, 1);
}
}
@keyframes swashIn {
0% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0);
}
90% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(0.9, 0.9);
}
100% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1);
}
} @-webkit-keyframes swing {
20%,40%,60%,80%,100% {
-webkit-transform-origin: top center;
}
0% {
-webkit-transform: rotate(0deg);
opacity: 0;
}  
20% {
-webkit-transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
opacity: 1;
};
}
@-moz-keyframes swing {
0% {
-webkit-transform: rotate(0deg);
opacity: 0;
}
20% {
-moz-transform: rotate(15deg);
}
40% {
-moz-transform: rotate(-10deg);
}
60% {
-moz-transform: rotate(5deg);
}
80% {
-moz-transform: rotate(-5deg);
}
100% {
-moz-transform: rotate(0deg);
opacity: 1;
};
}
@-o-keyframes swing {
0% {
-webkit-transform: rotate(0deg);
opacity: 0;
}
20% {
-o-transform: rotate(15deg);
}
40% {
-o-transform: rotate(-10deg);
}
60% {
-o-transform: rotate(5deg);
}
80% {
-o-transform: rotate(-5deg);
}
100% {
-o-transform: rotate(0deg);
opacity: 1;
};
}
@keyframes swing {
0% {
-webkit-transform: rotate(0deg);
opacity: 0;
}
20% {
transform: rotate(15deg);
}
40% {
transform: rotate(-10deg);
}
60% {
transform: rotate(5deg);
}
80% {
transform: rotate(-5deg);
}
100% {
transform: rotate(0deg);
opacity: 1;
};
}
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
} .tinDownIn {
-webkit-animation-name: tinDownIn;
animation-name: tinDownIn;
}
@-webkit-keyframes tinDownIn {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(900%);
}
50%, 70%, 90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity: 1;
-webkit-transform: scale(1, 1) translateY(0);
}
}
@keyframes tinDownIn {
0% {
opacity: 0;
transform: scale(1, 1) translateY(900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateY(0);
}
} .tinRightIn {
-webkit-animation-name: tinRightIn;
animation-name: tinRightIn;
}
@-webkit-keyframes tinRightIn {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateX(900%);
}
50%, 70%, 90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateX(0);
}
60%, 80%, 100% {
opacity: 1;
-webkit-transform: scale(1, 1) translateX(0);
}
}
@keyframes tinRightIn {
0% {
opacity: 0;
transform: scale(1, 1) translateX(900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateX(0);
}
} .tinUpIn {
-webkit-animation-name: tinUpIn;
animation-name: tinUpIn;
}
@-webkit-keyframes tinUpIn {
0% {
opacity: 0;
-webkit-transform: scale(1, 1) translateY(-900%);
}
50%, 70%, 90% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity: 1;
-webkit-transform: scale(1, 1) translateY(0);
}
}
@keyframes tinUpIn {
0% {
opacity: 0;
transform: scale(1, 1) translateY(-900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateY(0);
}
} .tossing {
animation-name: tossing;
-webkit-animation-name: tossing;  
animation-duration: 2.5s; 
-webkit-animation-duration: 2.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes tossing {
0% {
transform: rotate(-4deg); 
}
50% {
transform: rotate(4deg);
}
100% {
transform: rotate(-4deg); 
}           
}
@-webkit-keyframes tossing {
0% {
-webkit-transform: rotate(-4deg); 
}
50% {
-webkit-transform: rotate(4deg);
}
100% {
-webkit-transform: rotate(-4deg); 
}       
} .twisterInDown {
-webkit-animation-name: twisterInDown;
animation-name: twisterInDown;
}
@-webkit-keyframes twisterInDown {
0% {
opacity: 0;
-webkit-transform-origin: 0 100%;
-webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
30% {
-webkit-transform-origin: 0 100%;
-webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform-origin: 100% 100%;
-webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
}
}
@keyframes twisterInDown {
0% {
opacity: 0;
transform-origin: 0 100%;
transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
30% {
transform-origin: 0 100%;
transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
100% {
opacity: 1;
transform-origin: 100% 100%;
transform: scale(1, 1) rotate(0deg) translateY(0%);
}
} .twisterInUp {
-webkit-animation-name: twisterInUp;
animation-name: twisterInUp;
}
@-webkit-keyframes twisterInUp {
0% {
opacity: 0;
-webkit-transform-origin: 100% 0;
-webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
}
30% {
-webkit-transform-origin: 100% 0;
-webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
}
100% {
opacity: 1;
-webkit-transform-origin: 0 0;
-webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
}
}
@keyframes twisterInUp {
0% {
opacity: 0;
transform-origin: 100% 0;
transform: scale(0, 0) rotate(360deg) translateY(100%);
}
30% {
transform-origin: 100% 0;
transform: scale(0, 0) rotate(360deg) translateY(100%);
}
100% {
opacity: 1;
transform-origin: 0 0;
transform: scale(1, 1) rotate(0deg) translateY(0);
}
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
};
}
@-moz-keyframes wobble {
0% {
-moz-transform: translateX(0%);
}
15% {
-moz-transform: translateX(-25%) rotate(-5deg);
}
30% {
-moz-transform: translateX(20%) rotate(3deg);
}
45% {
-moz-transform: translateX(-15%) rotate(-3deg);
}
60% {
-moz-transform: translateX(10%) rotate(2deg);
}
75% {
-moz-transform: translateX(-5%) rotate(-1deg);
}
100% {
-moz-transform: translateX(0%);
};
}
@-o-keyframes wobble {
0% {
-o-transform: translateX(0%);
}
15% {
-o-transform: translateX(-25%) rotate(-5deg);
}
30% {
-o-transform: translateX(20%) rotate(3deg);
}
45% {
-o-transform: translateX(-15%) rotate(-3deg);
}
60% {
-o-transform: translateX(10%) rotate(2deg);
}
75% {
-o-transform: translateX(-5%) rotate(-1deg);
}
100% {
-o-transform: translateX(0%);
};
}
@keyframes wobble {
0% {
transform: translateX(0%);
}
15% {
transform: translateX(-25%) rotate(-5deg);
}
30% {
transform: translateX(20%) rotate(3deg);
}
45% {
transform: translateX(-15%) rotate(-3deg);
}
60% {
transform: translateX(10%) rotate(2deg);
}
75% {
transform: translateX(-5%) rotate(-1deg);
}
100% {
transform: translateX(0%);
};
}
.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
} @-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3);
}
50% {
opacity: 1;
};
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3);
}
50% {
opacity: 1;
};
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}.tnp-subscription { display: block;
margin: 15px auto;
max-width: 500px;
width: 100%;
} .tnp-subscription div.tnp-field {
margin-bottom: 10px;
border: 0;
padding: 0;
}
.tnp-subscription label {
display: block;
color: inherit; font-weight: 700;
line-height: normal;
padding: 5px;
margin: 0;
}
.tnp-subscription input[type=text], 
.tnp-subscription input[type=email], 
.tnp-subscription input[type=submit], 
.tnp-subscription select {
width: 100%;
height: 50px;
padding: 10px;
display: block;
border: 1px;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 14px;
line-height: 20px;
margin: 0;
line-height: normal;
box-sizing: border-box;
}
.tnp-subscription input[type=checkbox], 
.tnp-widget input[type=radio] {
max-width: 20px;
display: inline-block;
} .tnp-subscription select option {
margin-right: 10px;
}
.tnp-subscription input.tnp-submit {
background-color: #444;
color: #fff;
width: auto;
height: auto;
margin: 0;
}
@media all and (max-width: 480px) {
.tnp-subscription input[type=submit] {
width: 100%;
}
} .tnp-profile form .tnp-field {
margin-bottom: 10px;
border: 0;
padding: 0;
}
.tnp-profile form .tnp-field label {
display: block;
color: #333;
}
.tnp-profile form .tnp-field input[type=text], 
.tnp-profile form .tnp-field input[type=email], 
.tnp-profile form .tnp-field input[type=submit], 
.tnp-profile form .tnp-field textarea, 
.tnp-profile form .tnp-field select {
padding: 10px;
display: block;
border: 1px;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 14px;
margin: 0;
line-height: normal;
box-sizing: border-box;
border-radius: 0;
height: auto;
float: none;
}
.tnp-profile form input[type=checkbox], .tnp-profile input[type=radio] {
max-width: 20px;
display: inline-block;
}
.tnp-profile form .tnp-list-label {
margin-left: 15px;
} .tnp-profile form select option {
margin-right: 10px;
}
.tnp-profile form .tnp-field input[type=submit] {
background-color: #444;
color: #fff;
width: auto;
height: auto;
margin: 0;
}
@media all and (max-width: 480px) {
.tnp-profile input[type=submit] {
width: 100%;
margin: 0;
}
}
.tnp-widget {
width: 100%;
display: block;
box-sizing: border-box;
}
.tnp-widget .tnp-field {
margin-bottom: 10px;
border: 0;
padding: 0;
}
.tnp-widget label {
display: block;
color: inherit;
font-size: 14px;
}
.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
width: 100%;
padding: 10px;
display: block;
border: 1px solid #ddd ;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 14px;
line-height: normal;
box-sizing: border-box;
height: auto;
}
.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
width: auto;
display: inline-block;
} .tnp-widget select option {
margin-right: 10px;
}
.tnp-widget input.tnp-submit {
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
margin: 0;
}
.tnp-field input[type="submit"] {
position: inherit;
}
.tnp-field label {
} .tnp-widget-minimal {
width: 100%;
}
.tnp-widget-minimal form {
margin: 0;
padding: 0;
border: 0;
}
.tnp-widget-minimal input.tnp-email {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
}
.tnp-widget-minimal input.tnp-submit {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-subscription-minimal {
width: 100%;
box-sizing: border-box;
}
.tnp-subscription-minimal form {
margin: 0;
padding: 0;
border: 0;
}
.tnp-subscription-minimal input.tnp-email {
width: 70%;
max-width: 300px;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
}
.tnp-subscription-minimal .tnp-privacy-field {
margin-top: 10px;
}
.tnp-subscription-minimal input.tnp-submit {
width: 29%;
box-sizing: border-box;
display: inline-block;
padding: 10px;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin: 0;
} .tnp-comments {
clear: both;
margin-top: 15px;
margin-bottom: 15px;
}
.tnp-comments label {
display: block;
}
.tnp-comments input[type=checkbox] {
display: inline-block;
width: auto!important;
} .tnp-lock {
clear: both;
display: block;
box-sizing: border-box;
box-shadow: none;
margin: 20px;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
}
.tnp-nl-checkout {
margin-bottom: 1em;
}