@charset "UTF-8";
@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(//www.huschachtner.com/wp-content/themes/flatonpro/css/fonts/Elusive-Icons.eot?v=2);src:url(//www.huschachtner.com/wp-content/themes/flatonpro/css/fonts/Elusive-Icons.eot?#iefix&v=2) format('embedded-opentype'),url(//www.huschachtner.com/wp-content/themes/flatonpro/css/fonts/Elusive-Icons.svg#Elusive-Icons?v=2) format('svg'),url(//www.huschachtner.com/wp-content/themes/flatonpro/css/fonts/Elusive-Icons.woff?v=2) format('woff'),url(//www.huschachtner.com/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(//www.huschachtner.com/wp-content/themes/flatonpro/css/fonts/fontawesome-webfont.eot?v=4.4.0);src:url(//www.huschachtner.com/wp-content/themes/flatonpro/css/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0) format('embedded-opentype'),url(//www.huschachtner.com/wp-content/themes/flatonpro/css/fonts/fontawesome-webfont.woff2?v=4.4.0) format('woff2'),url(//www.huschachtner.com/wp-content/themes/flatonpro/css/fonts/fontawesome-webfont.woff?v=4.4.0) format('woff'),url(//www.huschachtner.com/wp-content/themes/flatonpro/css/fonts/fontawesome-webfont.ttf?v=4.4.0) format('truetype'),url(//www.huschachtner.com/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(//www.huschachtner.com/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;   
}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(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(//www.huschachtner.com/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(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(//www.huschachtner.com/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(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(//www.huschachtner.com/wp-content/themes/flatonpro/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/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(//www.huschachtner.com/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: #e24348;
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: #e24348; }
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: #e24348; }
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: #e24348; }  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: #e24348;
outline: none; }
a:visited {
color: #e24348; }
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: #EB7074; }
.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: #e24348; }
.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,
.main-navigation .current_page_parent > a {
background-color: #e24348; } .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: #e24348;
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 {
margin: 0;
list-style: none; }
.widget ul li {
border-bottom: 1px solid #ECF0F1;
color: #797979; }
.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: #e24348; }
#secondary .widget ul li {
padding: 8px 0; }
#secondary .widget ul li a {
padding-left: 15px;
background: url(//www.huschachtner.com/wp-content/themes/flatonpro/images/list.png) no-repeat left 8px; }
#secondary .widget ul li a:hover {
color: #e24348;
background-position: 5px 8px; }
#secondary .widget_calendar caption {
color: #e24348; }
.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: #e24348;
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 {
border-top: 1px solid #ECF0F1;
margin-top: 10px; }
.widget_tag_cloud a {
background-color: #ECF0F1;
padding: 5px;
margin: 2px;
display: inline-block; }
.widget_tag_cloud a:hover {
color: #FFFFFF;
background-color: #e24348; }
.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: #e24348; }
.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-footer {
background-color: #272727; }
.site-footer a {
color: #FFFFFF; }
.site-footer a:hover {
color: #e24348; }
.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: #e24348; }
.site-footer .widget-title {
color: #e24348;
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: #e24348; }
.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: #e24348; }
.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(//www.huschachtner.com/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: #e24348;
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: #e24348; }
.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 a {
color: #e24348; }
.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: #e24348;
color: #FFFFFF; } .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-top: 10px; }
.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: #e24348;
font-size: 1.4em;
font-family: 'FontAwesome'; }
blockquote p {
width: 95%;
margin: 0 0 0 35px;
display: block; }
.blog-thumb {
float: left;
margin-right: 20px; } .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: #e24348; }
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: #e24348; }
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: #e24348; }
.contactform .wpcf7-form p textarea {
height: 265px; }
.contactform .wpcf7-form p input[type="submit"] {
width: auto;
padding: 15px 50px;
background-color: #e24348; }
.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"; }  .tabs-container {
width: 99%; }
.tabs-container ul.tabs {
width: 100%;
clear: both;
padding: 0;
margin: 0 !important; }
.tabs-container ul.tabs li {
display: inline;
list-style-type: none;
float: left;
margin-bottom: 0; }
.tabs-container ul.tabs 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-container ul.tabs li a:hover {
background-color: #e24348;
color: #FFFFFF; }
.tabs-container ul.tabs li.ui-tabs-active a {
background-color: #e24348;
color: #FFFFFF; }
.tabs-container div {
clear: both;
padding: 20px;
position: relative;
top: 0px;
background-color: #D7D7D7;
border: 2px solid #CFD0D1;
border-top: 0; }
.widget ul.ui-tabs-nav li {
padding: 0;
border: 0; }
.tabs-container.center div.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(//www.huschachtner.com/wp-content/themes/flatonpro/images/bg-arrow.png) no-repeat center top; }
.tabs-container.center {
width: 70%;
float: right; }
.tabs-container.center h2 {
font-size: 24px; }
.tabs-container.center ul.tabs li a {
border: 0;
padding: 8px 30px; }
.tabs-container.center div {
border: 0;
background-color: #FFFFFF;
padding: 20px 0; }
.widget.widget_ourteam-widget .our-team {
position: relative;
overlfow: 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: #e24348;
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(226, 67, 72, 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; }
.page-template .team-content {
height: 272px; }
.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(//www.huschachtner.com/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: #e24348; }
.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: #e24348; }
.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: #e24348; }
.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: #e24348; }
.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: #e24348;
-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: #e24348;
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(226, 67, 72, 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: #e24348; }
#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(38, 38, 38, 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(//www.huschachtner.com/wp-content/themes/flatonpro/images/flex-prev.png) no-repeat center center; }
.flex-direction-nav a.flex-next {
background: #272727 url(//www.huschachtner.com/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: #e24348 url(//www.huschachtner.com/wp-content/themes/flatonpro/images/flex-next.png) no-repeat center center; }
.flex-direction-nav a.flex-prev:hover {
background: #e24348 url(//www.huschachtner.com/wp-content/themes/flatonpro/images/flex-prev.png) no-repeat center center; }
.flex-direction-nav a:hover {
background: #e24348;
color: #FFFFFF; }
.flex-control-paging {
text-align: right;
top: 0;
height: 50px; }
.flex-control-paging li a {
border-color: #e24348;
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 #e24348;
width: 14px;
height: 14px; }
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover {
background-color: #e24348; }
p.btn-slider a {
padding: 7px 20px;
display: inline-block;
background-color: #e24348;
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: #e24348; }
.ei-slider-thumbs li.ei-slider-element,
.ei-slider-thumbs li a:hover {
background-color: #272727; }
.ei-title h3 {
color: #e24348; }
.ei-title h2 {
line-height: normal; }
.breadcrumb-wrap {
padding: 15px 0;
background-color: #e24348; }
.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: #e24348; }
.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: #e24348; }
.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: #e24348; }
.sep {
position: relative;
overflow: hidden; }
.sep:after {
border-top: 2px solid #e24348;
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: #e24348;
text-shadow: 1px 1px 2px #ccc; }
.pullright,
.pullleft {
padding: 5px 20px;
quotes: "“" "”" "‘" "’";
font-style: italic;
font-weight: bold;
width: 50%;
border-left: 5px solid #e24348; }
.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: #e24348;
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: #e24348;
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: #e24348;
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(//www.huschachtner.com/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: #e24348; }
.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: #e24348;
color: #FFFFFF; }
.withtip.top:after {
border-top: 5px solid #e24348; }
.withtip.right:after {
border-right: 5px solid #e24348; }
.withtip.bottom:after {
border-bottom: 5px solid #e24348; }
.withtip.left:after {
border-left: 5px solid #e24348; }
.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: #e24348; }
.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: #e24348; }
.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 #e24348;
border-left: 2px solid #e24348;
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: #e24348;
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: #e24348; }
.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: #e24348;
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(//www.huschachtner.com/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(//www.huschachtner.com/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: #e24348; }
.widget_testimonial-widget ul li p.client {
color: #FFFFFF;
margin-bottom: 0; }
.widget_testimonial-widget ul li p.client strong {
color: #e24348;
font-size: 24px;
font-size: 2.4rem;
text-transform: uppercase; }
.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: #e24348; }
.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 #e24348; }
.widget_image-box-widget a.more-button {
display: inline-block;
margin: 0 auto 10px;
background-color: #FFFFFF;
padding: 8px;
background: #e24348;
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(//www.huschachtner.com/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(//www.huschachtner.com/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: #e24348; }
.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: #e24348;
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: #e24348; }
.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; }
.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(226, 67, 72, 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: #e24348; }
.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: #e24348; }
.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: #e24348;
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: #e24348;
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(//www.huschachtner.com/wp-content/themes/flatonpro/images/flex-prev.png) no-repeat center center; }
.site-footer .flex-direction-nav a.flex-next {
background: #6D6D6D url(//www.huschachtner.com/wp-content/themes/flatonpro/images/flex-next.png) no-repeat center center; }
.site-footer .flex-direction-nav a.flex-next:hover {
background: #e24348 url(//www.huschachtner.com/wp-content/themes/flatonpro/images/flex-next.png) no-repeat center center; }
.site-footer .flex-direction-nav a.flex-prev:hover {
background: #e24348 url(//www.huschachtner.com/wp-content/themes/flatonpro/images/flex-prev.png) no-repeat center center; }
.site-footer .wpcf7-form p {
margin-bottom: 10px; }
.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: #e24348 !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: #e24348; }
.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: #e24348; }
.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: #e24348;
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: #e24348;
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: #e24348;
margin-bottom: 30px; }
.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(//www.huschachtner.com/wp-content/themes/flatonpro/images/bg-line-title.gif), url(//www.huschachtner.com/wp-content/themes/flatonpro/images/bg-line-title.gif), url(//www.huschachtner.com/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(//www.huschachtner.com/wp-content/themes/flatonpro/images/circle.gif), url(//www.huschachtner.com/wp-content/themes/flatonpro/images/circle.gif), url(//www.huschachtner.com/wp-content/themes/flatonpro/images/circle.gif), url(//www.huschachtner.com/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(//www.huschachtner.com/wp-content/themes/flatonpro/images/circle.gif), url(//www.huschachtner.com/wp-content/themes/flatonpro/images/circle.gif), url(//www.huschachtner.com/wp-content/themes/flatonpro/images/circle.gif), url(//www.huschachtner.com/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: #e24348; }
.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: #e24348; }
.home.flaton-free .rk-content {
background-color: rgba(51, 74, 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: #e24348; }
.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: #e24348; }
.home.flaton-free .flex-direction-nav a:hover {
background: #e24348; }
.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: #e24348; }
.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: #e24348; }
.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: #e24348; }
.home.flaton-free .flex-direction-nav a:hover {
background: #e24348;
color: #FFFFFF; }
.home.flaton-free .flex-control-paging li a {
border-color: #e24348 !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: #e24348 !important; }
.home.flaton-free .flex-recent-posts {
position: relative; }
.home .site-content {
padding-top: 0; }
.home .site-content h3.widget-title {
background: url(//www.huschachtner.com/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(//www.huschachtner.com/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: #e24348; }
.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: #e24348; }
.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: #e24348; }
.top-features a.more-button {
padding: 5px 15px;
background-color: #e24348;
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 #e24348; }
.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) {
.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; }
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: #e24348; }
.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; }
.tabs-container.center div.fa {
position: static;
width: 100%;
margin-bottom: 20px; }
.tabs-container.center {
float: none;
width: 99%; }
.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; } } .home .site-content h3.widget-title {
background: url(//www.huschachtner.com/wp-content/themes/flatonpro/images/title-divider-red.gif) no-repeat left bottom; }
.meet-team h3 {
background: url(//www.huschachtner.com/wp-content/themes/flatonpro/images/title-divider-red.gif) no-repeat center bottom; }
.toggle-polygon .toggle-title .icn {
background: url(//www.huschachtner.com/wp-content/themes/flatonpro/images/icon-red-polygon.png) no-repeat center center; }
.woocommerce span.onsale,
.woocommerce-page span.onsale {
background: #F96767; background: -moz-linear-gradient(top, #F96767 0%, #9C1C24 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F96767), color-stop(100%, #9C1C24)); background: -webkit-linear-gradient(top, #F96767 0%, #9C1C24 100%); background: -o-linear-gradient(top, #F96767 0%, #9C1C24 100%); background: -ms-linear-gradient(top, #F96767 0%, #9C1C24 100%); background: linear-gradient(to bottom, #F96767 0%, #9C1C24 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F96767', endColorstr='#9C1C24',GradientType=0 ); }

 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible !important;
}
@-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;
}
.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;
}