@charset "utf-8";
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
outline: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
blockquote {
quotes: none;
}
blockquote:before,blockquote:after {
content: '';
content: none;
}
ul, ol{
margin:0px;	
}
ul li, ol li{
margin:0px;
}
img{
vertical-align:middle;
max-width:100%;
}
iframe{
max-width:100%;
}
del {
text-decoration: line-through;
}
a, i{
border:none;
}
a:hover{text-decoration:none;}  textarea{
border-radius:0;
font-size:18px;
resize:vertical;
font-family:'Open Sans', sans-serif;
letter-spacing: 0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; line-height:1.4;
padding:10px!important;
width:100%;
border:1px solid #eee;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
border-radius:0;
font-size:18px;
min-width:auto;
letter-spacing:0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-family:'Open Sans', sans-serif;
line-height:1.6;
padding:10px;
height:44px;
vertical-align:middle;
border:1px solid #eee;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color:#ccc;
background:#eee;
}
input[type="submit"]{
padding: 13px 15px;
height: 40px;
line-height: 1;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
text-decoration: none;
letter-spacing: 0;
border:none;
cursor:pointer;
color: #FFF;
background:#777;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
input[type="submit"]:hover{
background:#444;
}
select{
padding:8px;
border:2px solid #eee;
}
input[type="button"]{
cursor:pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}  @font-face {
font-family: 'fontello';
src: url(//marcel-bartecki.de/wp-content/themes/foliox/css/font/fontello.eot?26650032);
src: url(//marcel-bartecki.de/wp-content/themes/foliox/css/font/fontello.eot?26650032#iefix) format('embedded-opentype'),
url(//marcel-bartecki.de/wp-content/themes/foliox/css/font/fontello.woff2?26650032) format('woff2'),
url(//marcel-bartecki.de/wp-content/themes/foliox/css/font/fontello.woff?26650032) format('woff'),
url(//marcel-bartecki.de/wp-content/themes/foliox/css/font/fontello.ttf?26650032) format('truetype'),
url(//marcel-bartecki.de/wp-content/themes/foliox/css/font/fontello.svg?26650032#fontello) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-wrench-1:before { content: '\e013'; } .icon-basket-circled:before { content: '\e014'; } .icon-folder:before { content: '\e015'; } .icon-doc-new-circled:before { content: '\e016'; } .icon-cogs:before { content: '\e020'; } .icon-wrench:before { content: '\e021'; } .icon-rss:before { content: '\e028'; } .icon-folder-open:before { content: '\e029'; } .icon-wrench-outline:before { content: '\e02f'; } .icon-calendar:before { content: '\e054'; } .icon-doc:before { content: '\e06c'; } .icon-trash-circled:before { content: '\e06d'; } .icon-doc-new:before { content: '\e07d'; } .icon-doc-circled:before { content: '\e07e'; } .icon-basket-2:before { content: '\e091'; } .icon-folder-circled:before { content: '\e09d'; } .icon-basket:before { content: '\e0c3'; } .icon-wrench-circled:before { content: '\e0c4'; } .icon-cog:before { content: '\e0e6'; } .icon-phone-circled:before { content: '\e0f3'; } .icon-phone:before { content: '\e0f4'; } .icon-cog-circled:before { content: '\e101'; } .icon-folder-close:before { content: '\e102'; } .icon-right-small:before { content: '\e800'; } .icon-down-dir:before { content: '\e801'; } .icon-up-dir:before { content: '\e802'; } .icon-left-dir:before { content: '\e803'; } .icon-right-dir:before { content: '\e804'; } .icon-down-open:before { content: '\e805'; } .icon-left-open:before { content: '\e806'; } .icon-right-open:before { content: '\e807'; } .icon-up-open:before { content: '\e808'; } .icon-down-big:before { content: '\e809'; } .icon-left-big:before { content: '\e80a'; } .icon-right-big:before { content: '\e80b'; } .icon-up-big:before { content: '\e80c'; } .icon-arrows-cw:before { content: '\e80d'; } .icon-ccw:before { content: '\e80e'; } .icon-print-1:before { content: '\e80f'; } .icon-twitter-5:before { content: '\e80f'; } .icon-attach-1:before { content: '\e810'; } .icon-twitter-rect:before { content: '\e810'; } .icon-videocam-2:before { content: '\e811'; } .icon-ok-outline:before { content: '\e811'; } .icon-picture-outline:before { content: '\e812'; } .icon-th-large-1:before { content: '\e812'; } .icon-camera-outline:before { content: '\e813'; } .icon-th-outline:before { content: '\e813'; } .icon-export-1:before { content: '\e814'; } .icon-lock-filled:before { content: '\e814'; } .icon-code-2:before { content: '\e815'; } .icon-menu-outline:before { content: '\e815'; } .icon-folder-1:before { content: '\e816'; } .icon-looped-square-interest:before { content: '\e816'; } .icon-arrows-cw-2:before { content: '\e817'; } .icon-rss-2:before { content: '\e817'; } .icon-loop-2:before { content: '\e818'; } .icon-link-outline:before { content: '\e818'; } .icon-resize-normal-outline:before { content: '\e819'; } .icon-star-circled:before { content: '\e819'; } .icon-folder-add:before { content: '\e81a'; } .icon-braille:before { content: '\e81a'; } .icon-user-delete:before { content: '\e81b'; } .icon-compass:before { content: '\e81b'; } .icon-lock-1:before { content: '\e81c'; } .icon-user-add-outline:before { content: '\e81c'; } .icon-bookmark:before { content: '\e81d'; } .icon-forward-outline:before { content: '\e81d'; } .icon-flag:before { content: '\e81e'; } .icon-minus-outline:before { content: '\e81e'; } .icon-floppy:before { content: '\e81f'; } .icon-clock-1:before { content: '\e81f'; } .icon-megaphone:before { content: '\e820'; } .icon-volume-low:before { content: '\e820'; } .icon-key:before { content: '\e821'; } .icon-brush-1:before { content: '\e821'; } .icon-globe-alt:before { content: '\e822'; } .icon-compass-circled:before { content: '\e822'; } .icon-fast-fw-1:before { content: '\e823'; } .icon-star-empty:before { content: '\e823'; } .icon-rewind-outline:before { content: '\e824'; } .icon-user:before { content: '\e824'; } .icon-flash-1:before { content: '\e825'; } .icon-group:before { content: '\e825'; } .icon-moon-1:before { content: '\e826'; } .icon-trash:before { content: '\e826'; } .icon-gift:before { content: '\e827'; } .icon-cloud-1:before { content: '\e827'; } .icon-adjust:before { content: '\e827'; } .icon-cancel-circled2:before { content: '\e828'; } .icon-flash-outline:before { content: '\e828'; } .icon-volume-up:before { content: '\e828'; } .icon-comment-1:before { content: '\e829'; } .icon-zoom-out-2:before { content: '\e829'; } .icon-zoom-out:before { content: '\e829'; } .icon-chat-1:before { content: '\e82a'; } .icon-popup-4:before { content: '\e82a'; } .icon-down-circled:before { content: '\e82a'; } .icon-bell-1:before { content: '\e82b'; } .icon-lock-open-filled:before { content: '\e82b'; } .icon-left-circled:before { content: '\e82b'; } .icon-stumbleupon-circled:before { content: '\e82c'; } .icon-pin-outline:before { content: '\e82c'; } .icon-record-1:before { content: '\e82c'; } .icon-lastfm-1:before { content: '\e82d'; } .icon-chat-1:before { content: '\e82d'; } .icon-eject-outline:before { content: '\e82d'; } .icon-lastfm-circled:before { content: '\e82e'; } .icon-chat-alt:before { content: '\e82e'; } .icon-cloud-sun:before { content: '\e82e'; } .icon-plus-1:before { content: '\e82f'; } .icon-menu-2:before { content: '\e82f'; } .icon-clock:before { content: '\e82f'; } .icon-plus-circled:before { content: '\e830'; } .icon-edit-2:before { content: '\e830'; } .icon-clock-circled:before { content: '\e830'; } .icon-hammer:before { content: '\e831'; } .icon-down-1:before { content: '\e831'; } .icon-megaphone:before { content: '\e831'; } .icon-home-1:before { content: '\e832'; } .icon-left-1:before { content: '\e832'; } .icon-up-circled:before { content: '\e832'; } .icon-cog-1:before { content: '\e833'; } .icon-right-1:before { content: '\e833'; } .icon-shuffle:before { content: '\e833'; } .icon-cog-alt:before { content: '\e834'; } .icon-up-1:before { content: '\e834'; } .icon-play:before { content: '\e834'; } .icon-basket:before { content: '\e835'; } .icon-down-bold:before { content: '\e835'; } .icon-play-circled2:before { content: '\e835'; } .icon-flickr-1:before { content: '\e836'; } .icon-left-bold:before { content: '\e836'; } .icon-help:before { content: '\e836'; } .icon-github-circled-1:before { content: '\e837'; } .icon-right-bold:before { content: '\e837'; } .icon-help-circled:before { content: '\e837'; } .icon-lastfm-circled-1:before { content: '\e838'; } .icon-up-bold:before { content: '\e838'; } .icon-info-circled:before { content: '\e838'; } .icon-info-circled-1:before { content: '\e839'; } .icon-down-fat:before { content: '\e839'; } .icon-up-hand:before { content: '\e839'; } .icon-minus-circled:before { content: '\e83a'; } .icon-right-fat:before { content: '\e83a'; } .icon-cw:before { content: '\e83a'; } .icon-rdio-circled:before { content: '\e83b'; } .icon-list-alt:before { content: '\e83b'; } .icon-up-fat:before { content: '\e83b'; } .icon-folder-1:before { content: '\e83c'; } .icon-aboveground-rail:before { content: '\e83c'; } .icon-pause-circled:before { content: '\e83c'; } .icon-minus:before { content: '\e83d'; } .icon-airfield:before { content: '\e83d'; } .icon-thumbs-up:before { content: '\e83e'; } .icon-airport:before { content: '\e83e'; } .icon-thumbs-down:before { content: '\e83f'; } .icon-art-gallery:before { content: '\e83f'; } .icon-download-1:before { content: '\e840'; } .icon-bar:before { content: '\e840'; } .icon-upload-1:before { content: '\e841'; } .icon-baseball:before { content: '\e841'; } .icon-forward:before { content: '\e842'; } .icon-basketball:before { content: '\e842'; } .icon-pencil-1:before { content: '\e843'; } .icon-beer:before { content: '\e843'; } .icon-edit:before { content: '\e844'; } .icon-belowground-rail:before { content: '\e844'; } .icon-eject:before { content: '\e845'; } .icon-bicycle:before { content: '\e845'; } .icon-flight:before { content: '\e846'; } .icon-bus:before { content: '\e846'; } .icon-th:before { content: '\e847'; } .icon-cafe:before { content: '\e847'; } .icon-th-list-1:before { content: '\e848'; } .icon-campsite:before { content: '\e848'; } .icon-ok-1:before { content: '\e849'; } .icon-cemetery:before { content: '\e849'; } .icon-ok-circled-1:before { content: '\e84a'; } .icon-cinema:before { content: '\e84a'; } .icon-ok-circled2:before { content: '\e84b'; } .icon-college:before { content: '\e84b'; } .icon-tags:before { content: '\e84c'; } .icon-commerical-building:before { content: '\e84c'; } .icon-tag:before { content: '\e84d'; } .icon-credit-card:before { content: '\e84d'; } .icon-eye-off:before { content: '\e84e'; } .icon-cricket:before { content: '\e84e'; } .icon-eye-1:before { content: '\e84f'; } .icon-embassy:before { content: '\e84f'; } .icon-lock-open-1:before { content: '\e850'; } .icon-fast-food:before { content: '\e850'; } .icon-ferry:before { content: '\e851'; } .icon-quote-circled:before { content: '\e851'; } .icon-fire-station:before { content: '\e852'; } .icon-export:before { content: '\e852'; } .icon-football:before { content: '\e853'; } .icon-pencil:before { content: '\e853'; } .icon-fuel:before { content: '\e854'; } .icon-pencil-circled:before { content: '\e854'; } .icon-garden:before { content: '\e855'; } .icon-edit:before { content: '\e855'; } .icon-giraffe:before { content: '\e856'; } .icon-edit-circled:before { content: '\e856'; } .icon-golf:before { content: '\e857'; } .icon-edit-alt:before { content: '\e857'; } .icon-grocery-store:before { content: '\e858'; } .icon-print:before { content: '\e858'; } .icon-harbor:before { content: '\e859'; } .icon-retweet:before { content: '\e859'; } .icon-heliport:before { content: '\e85a'; } .icon-comment:before { content: '\e85a'; } .icon-hospital:before { content: '\e85b'; } .icon-comment-alt:before { content: '\e85b'; } .icon-up-circled2:before { content: '\e85c'; } .icon-industrial-building:before { content: '\e85c'; } .icon-signal:before { content: '\e85c'; } .icon-down-circled2:before { content: '\e85d'; } .icon-library:before { content: '\e85d'; } .icon-desktop:before { content: '\e85d'; } .icon-left-hand:before { content: '\e85e'; } .icon-lodging:before { content: '\e85e'; } .icon-laptop:before { content: '\e85e'; } .icon-skype-outline:before { content: '\e85f'; } .icon-london-underground:before { content: '\e85f'; } .icon-error:before { content: '\e85f'; } .icon-tumbler-circled:before { content: '\e860'; } .icon-minefield:before { content: '\e860'; } .icon-error-alt:before { content: '\e860'; } .icon-tumbler:before { content: '\e861'; } .icon-monument:before { content: '\e861'; } .icon-location:before { content: '\e861'; } .icon-dribbble-circled-1:before { content: '\e862'; } .icon-right-open-outline:before { content: '\e862'; } .icon-museum:before { content: '\e862'; } .icon-volume-off:before { content: '\e863'; } .icon-pharmacy:before { content: '\e863'; } .icon-inbox-circled:before { content: '\e863'; } .icon-attention-circled:before { content: '\e864'; } .icon-pitch:before { content: '\e864'; } .icon-laptop-circled:before { content: '\e864'; } .icon-attention-1:before { content: '\e865'; } .icon-police:before { content: '\e865'; } .icon-network:before { content: '\e865'; } .icon-post:before { content: '\e866'; } .icon-attach:before { content: '\e866'; } .icon-prison:before { content: '\e867'; } .icon-attach-circled:before { content: '\e867'; } .icon-rail:before { content: '\e868'; } .icon-lock:before { content: '\e868'; } .icon-religious-christian:before { content: '\e869'; } .icon-lock-circled:before { content: '\e869'; } .icon-religious-islam:before { content: '\e86a'; } .icon-lock-open:before { content: '\e86a'; } .icon-religious-jewish:before { content: '\e86b'; } .icon-lock-open-alt:before { content: '\e86b'; } .icon-restaurant:before { content: '\e86c'; } .icon-eye:before { content: '\e86c'; } .icon-roadblock:before { content: '\e86d'; } .icon-eye-off:before { content: '\e86d'; } .icon-school:before { content: '\e86e'; } .icon-tag:before { content: '\e86e'; } .icon-shop:before { content: '\e86f'; } .icon-tags:before { content: '\e86f'; } .icon-skiing:before { content: '\e870'; } .icon-bookmark:before { content: '\e870'; } .icon-soccer:before { content: '\e871'; } .icon-bookmark-empty:before { content: '\e871'; } .icon-swimming:before { content: '\e872'; } .icon-flag:before { content: '\e872'; } .icon-tennis:before { content: '\e873'; } .icon-flag-circled:before { content: '\e873'; } .icon-theatre:before { content: '\e874'; } .icon-thumbs-up:before { content: '\e874'; } .icon-toilet:before { content: '\e875'; } .icon-thumbs-down:before { content: '\e875'; } .icon-town-hall:before { content: '\e876'; } .icon-download:before { content: '\e876'; } .icon-trash-2:before { content: '\e877'; } .icon-download-alt:before { content: '\e877'; } .icon-tree-1:before { content: '\e878'; } .icon-upload:before { content: '\e878'; } .icon-tree-2:before { content: '\e879'; } .icon-quote:before { content: '\e879'; } .icon-award:before { content: '\e87a'; } .icon-warehouse:before { content: '\e87a'; } .icon-align-justify:before { content: '\e87a'; } .icon-signal:before { content: '\e87b'; } .icon-duckduckgo:before { content: '\e87b'; } .icon-list:before { content: '\e87b'; } .icon-target:before { content: '\e87c'; } .icon-aim:before { content: '\e87c'; } .icon-indent-left:before { content: '\e87c'; } .icon-search-1:before { content: '\e87d'; } .icon-delicious:before { content: '\e87d'; } .icon-volume-off:before { content: '\e87d'; } .icon-music:before { content: '\e87e'; } .icon-paypal:before { content: '\e87e'; } .icon-volume-down:before { content: '\e87e'; } .icon-linkedin-circled-1:before { content: '\e87f'; } .icon-flattr:before { content: '\e87f'; } .icon-cancel-circled2:before { content: '\e87f'; } .icon-facebook-squared-1:before { content: '\e880'; } .icon-android:before { content: '\e880'; } .icon-qrcode:before { content: '\e880'; } .icon-cancel-1:before { content: '\e881'; } .icon-eventful:before { content: '\e881'; } .icon-headphones:before { content: '\e881'; } .icon-up-hand:before { content: '\e882'; } .icon-smashmag:before { content: '\e882'; } .icon-chart:before { content: '\e882'; } .icon-down-hand:before { content: '\e883'; } .icon-gplus:before { content: '\e883'; } .icon-chart-circled:before { content: '\e883'; } .icon-phone:before { content: '\e884'; } .icon-wikipedia:before { content: '\e884'; } .icon-cw-circled:before { content: '\e884'; } .icon-wrench:before { content: '\e885'; } .icon-lanyrd:before { content: '\e885'; } .icon-play-circled:before { content: '\e885'; } .icon-calendar-1:before { content: '\e886'; } .icon-calendar-1:before { content: '\e886'; } .icon-stop:before { content: '\e886'; } .icon-login-1:before { content: '\e887'; } .icon-stumbleupon:before { content: '\e887'; } .icon-stop-circled:before { content: '\e887'; } .icon-volume-down:before { content: '\e888'; } .icon-fivehundredpx:before { content: '\e888'; } .icon-record:before { content: '\e888'; } .icon-volume-up:before { content: '\e889'; } .icon-pinterest:before { content: '\e889'; } .icon-eject:before { content: '\e889'; } .icon-headphones:before { content: '\e88a'; } .icon-bitcoin:before { content: '\e88a'; } .icon-backward:before { content: '\e88a'; } .icon-clock-1:before { content: '\e88b'; } .icon-w3c:before { content: '\e88b'; } .icon-backward-circled:before { content: '\e88b'; } .icon-camera-alt:before { content: '\e88c'; } .icon-foursquare:before { content: '\e88c'; } .icon-move:before { content: '\e88c'; } .icon-th-large:before { content: '\e88d'; } .icon-html5:before { content: '\e88d'; } .icon-zoom-in:before { content: '\e88d'; } .icon-magnet:before { content: '\e88e'; } .icon-ie:before { content: '\e88e'; } .icon-check:before { content: '\e88e'; } .icon-chart-bar-1:before { content: '\e88f'; } .icon-call:before { content: '\e88f'; } .icon-check-empty:before { content: '\e88f'; } .icon-credit-card-1:before { content: '\e890'; } .icon-grooveshark:before { content: '\e890'; } .icon-asterisk:before { content: '\e890'; } .icon-vimeo-circled-1:before { content: '\e891'; } .icon-ninetyninedesigns:before { content: '\e891'; } .icon-website:before { content: '\e891'; } .icon-twitter-squared:before { content: '\e892'; } .icon-forrst:before { content: '\e892'; } .icon-book:before { content: '\e892'; } .icon-pin:before { content: '\e893'; } .icon-digg:before { content: '\e893'; } .icon-down-hand:before { content: '\e893'; } .icon-attach-1:before { content: '\e894'; } .icon-spotify:before { content: '\e894'; } .icon-left-hand:before { content: '\e894'; } .icon-help-circled-1:before { content: '\e895'; } .icon-reddit:before { content: '\e895'; } .icon-right-hand:before { content: '\e895'; } .icon-rdio:before { content: '\e896'; } .icon-adjust:before { content: '\e896'; } .icon-guest:before { content: '\e896'; } .icon-qq:before { content: '\e897'; } .icon-calendar-outlilne:before { content: '\e897'; } .icon-gowalla:before { content: '\e897'; } .icon-play-1:before { content: '\e898'; } .icon-appstore:before { content: '\e898'; } .icon-inbox-alt:before { content: '\e898'; } .icon-spotify-circled:before { content: '\e899'; } .icon-down-4:before { content: '\e899'; } .icon-blogger:before { content: '\e899'; } .icon-dribbble-circled:before { content: '\e89a'; } .icon-rewind:before { content: '\e89a'; } .icon-cc:before { content: '\e89a'; } .icon-play-circled2:before { content: '\e89b'; } .icon-dribbble:before { content: '\e89b'; } .icon-globe:before { content: '\e89b'; } .icon-stumbleupon-1:before { content: '\e89c'; } .icon-record-outline:before { content: '\e89c'; } .icon-evernote:before { content: '\e89c'; } .icon-stop-1:before { content: '\e89d'; } .icon-flickr:before { content: '\e89d'; } .icon-globe-alt:before { content: '\e89d'; } .icon-pause-1:before { content: '\e89e'; } .icon-google:before { content: '\e89e'; } .icon-flight:before { content: '\e89e'; } .icon-cancel-circled-1:before { content: '\e89f'; } .icon-viadeo:before { content: '\e89f'; } .icon-location-circled:before { content: '\e89f'; } .icon-asterisk:before { content: '\e8a0'; } .icon-instapaper:before { content: '\e8a0'; } .icon-tint:before { content: '\e8a0'; } .icon-to-start-1:before { content: '\e8a1'; } .icon-weibo:before { content: '\e8a1'; } .icon-leaf:before { content: '\e8a1'; } .icon-to-start-alt:before { content: '\e8a2'; } .icon-klout:before { content: '\e8a2'; } .icon-font:before { content: '\e8a2'; } .icon-fast-fw:before { content: '\e8a3'; } .icon-linkedin:before { content: '\e8a3'; } .icon-fontsize:before { content: '\e8a3'; } .icon-fast-bw:before { content: '\e8a4'; } .icon-meetup:before { content: '\e8a4'; } .icon-bold:before { content: '\e8a4'; } .icon-print-1:before { content: '\e8a5'; } .icon-vk:before { content: '\e8a5'; } .icon-fast-backward:before { content: '\e8a5'; } .icon-retweet-1:before { content: '\e8a6'; } .icon-plancast:before { content: '\e8a6'; } .icon-fast-forward:before { content: '\e8a6'; } .icon-resize-vertical:before { content: '\e8a7'; } .icon-disqus:before { content: '\e8a7'; } .icon-forward:before { content: '\e8a7'; } .icon-resize-small:before { content: '\e8a8'; } .icon-rss:before { content: '\e8a8'; } .icon-forward-circled:before { content: '\e8a8'; } .icon-resize-horizontal:before { content: '\e8a9'; } .icon-skype:before { content: '\e8a9'; } .icon-step-backward:before { content: '\e8a9'; } .icon-trash-empty:before { content: '\e8aa'; } .icon-twitter:before { content: '\e8aa'; } .icon-step-forward:before { content: '\e8aa'; } .icon-zoom-out-1:before { content: '\e8ab'; } .icon-youtube:before { content: '\e8ab'; } .icon-target:before { content: '\e8ab'; } .icon-facebook-circled-1:before { content: '\e8ac'; } .icon-vimeo:before { content: '\e8ac'; } .icon-plus-circled:before { content: '\e8ac'; } .icon-facebook-3:before { content: '\e8ad'; } .icon-windows:before { content: '\e8ad'; } .icon-minus:before { content: '\e8ad'; } .icon-location-1:before { content: '\e8ae'; } .icon-xing:before { content: '\e8ae'; } .icon-desktop-circled:before { content: '\e8ae'; } .icon-flickr-circled-1:before { content: '\e8af'; } .icon-yahoo:before { content: '\e8af'; } .icon-minus-circled:before { content: '\e8af'; } .icon-github-3:before { content: '\e8b0'; } .icon-chrome:before { content: '\e8b0'; } .icon-cancel:before { content: '\e8b0'; } .icon-lastfm-2:before { content: '\e8b1'; } .icon-email:before { content: '\e8b1'; } .icon-cancel-circled:before { content: '\e8b1'; } .icon-link-1:before { content: '\e8b2'; } .icon-macstore:before { content: '\e8b2'; } .icon-volume:before { content: '\e8b2'; } .icon-spotify-1:before { content: '\e8b3'; } .icon-fire-1:before { content: '\e8b3'; } .icon-myspace:before { content: '\e8b3'; } .icon-eye-outline:before { content: '\e8b4'; } .icon-podcast:before { content: '\e8b4'; } .icon-credit-card:before { content: '\e8b4'; } .icon-tag-2:before { content: '\e8b5'; } .icon-amazon:before { content: '\e8b5'; } .icon-clipboard:before { content: '\e8b5'; } .icon-attention-2:before { content: '\e8b6'; } .icon-steam:before { content: '\e8b6'; } .icon-hdd:before { content: '\e8b6'; } .icon-move:before { content: '\e8b7'; } .icon-cloudapp:before { content: '\e8b7'; } .icon-cloud:before { content: '\e8b7'; } .icon-zoom-in-1:before { content: '\e8b8'; } .icon-dropbox:before { content: '\e8b8'; } .icon-cloud-circled:before { content: '\e8b8'; } .icon-attention-filled:before { content: '\e8b9'; } .icon-ebay:before { content: '\e8b9'; } .icon-key:before { content: '\e8b9'; } .icon-scissors:before { content: '\e8ba'; } .icon-facebook:before { content: '\e8ba'; } .icon-certificate:before { content: '\e8ba'; } .icon-align-justify:before { content: '\e8bb'; } .icon-github:before { content: '\e8bb'; } .icon-tasks:before { content: '\e8bb'; } .icon-list:before { content: '\e8bc'; } .icon-github-circled:before { content: '\e8bc'; } .icon-filter:before { content: '\e8bc'; } .icon-indent-left:before { content: '\e8bd'; } .icon-googleplay:before { content: '\e8bd'; } .icon-gauge:before { content: '\e8bd'; } .icon-block:before { content: '\e8be'; } .icon-itunes:before { content: '\e8be'; } .icon-italic:before { content: '\e8be'; } .icon-resize-full:before { content: '\e8bf'; } .icon-plurk:before { content: '\e8bf'; } .icon-text-height:before { content: '\e8bf'; } .icon-flash-1:before { content: '\e8c0'; } .icon-songkick:before { content: '\e8c0'; } .icon-text-width:before { content: '\e8c0'; } .icon-cloud-1:before { content: '\e8c1'; } .icon-lastfm:before { content: '\e8c1'; } .icon-align-left:before { content: '\e8c1'; } .icon-globe-1:before { content: '\e8c2'; } .icon-gmail:before { content: '\e8c2'; } .icon-align-center:before { content: '\e8c2'; } .icon-inbox-1:before { content: '\e8c3'; } .icon-pinboard:before { content: '\e8c3'; } .icon-align-right:before { content: '\e8c3'; } .icon-pinterest-circled-1:before { content: '\e8c4'; } .icon-openid:before { content: '\e8c4'; } .icon-bell:before { content: '\e8c4'; } .icon-pinterest-1:before { content: '\e8c5'; } .icon-quora:before { content: '\e8c5'; } .icon-warning:before { content: '\e8c5'; } .icon-skype-2:before { content: '\e8c6'; } .icon-soundcloud:before { content: '\e8c6'; } .icon-exclamation:before { content: '\e8c6'; } .icon-right-hand:before { content: '\e8c7'; } .icon-tumblr:before { content: '\e8c7'; } .icon-indent-right:before { content: '\e8c7'; } .icon-folder-open-1:before { content: '\e8c8'; } .icon-eventasaurus:before { content: '\e8c8'; } .icon-right-circled:before { content: '\e8c8'; } .icon-to-end-1:before { content: '\e8c9'; } .icon-wordpress:before { content: '\e8c9'; } .icon-off:before { content: '\e8c9'; } .icon-logout-1:before { content: '\e8ca'; } .icon-yelp:before { content: '\e8ca'; } .icon-pause:before { content: '\e8ca'; } .icon-dribbble-1:before { content: '\e8cb'; } .icon-right-open-4:before { content: '\e8cb'; } .icon-intensedebate:before { content: '\e8cb'; } .icon-cw:before { content: '\e8cc'; } .icon-eventbrite:before { content: '\e8cc'; } .icon-inbox:before { content: '\e8cc'; } .icon-truck:before { content: '\e8cd'; } .icon-scribd:before { content: '\e8cd'; } .icon-briefcase:before { content: '\e8cd'; } .icon-linkedin-3:before { content: '\e8ce'; } .icon-posterous:before { content: '\e8ce'; } .icon-plus:before { content: '\e8ce'; } .icon-linkedin-squared:before { content: '\e8cf'; } .icon-stripe:before { content: '\e8cf'; } .icon-road:before { content: '\e8cf'; } .icon-vimeo-2:before { content: '\e8d0'; } .icon-opentable:before { content: '\e8d0'; } .icon-website-circled:before { content: '\e8d0'; } .icon-heart-1:before { content: '\e8d1'; } .icon-cart:before { content: '\e8d1'; } .icon-calendar-circled:before { content: '\e8d1'; } .icon-heart-empty:before { content: '\e8d2'; } .icon-print-2:before { content: '\e8d2'; } .icon-mic:before { content: '\e8d2'; } .icon-mail-1:before { content: '\e8d3'; } .icon-angellist:before { content: '\e8d3'; } .icon-mic-circled:before { content: '\e8d3'; } .icon-github-squared:before { content: '\e8d4'; } .icon-instagram:before { content: '\e8d4'; } .icon-gift:before { content: '\e8d4'; } .icon-to-end-alt:before { content: '\e8d5'; } .icon-dwolla:before { content: '\e8d5'; } .icon-fire:before { content: '\e8d5'; } .icon-check:before { content: '\e8d6'; } .icon-appnet:before { content: '\e8d6'; } .icon-magnet:before { content: '\e8d6'; } .icon-twitter-circled-1:before { content: '\e8d7'; } .icon-statusnet:before { content: '\e8d7'; } .icon-home:before { content: '\e8d7'; } .icon-twitter-3:before { content: '\e8d8'; } .icon-acrobat:before { content: '\e8d8'; } .icon-home-circled:before { content: '\e8d8'; } .icon-user-1:before { content: '\e8d9'; } .icon-drupal:before { content: '\e8d9'; } .icon-lightbulb:before { content: '\e8d9'; } .icon-lemon:before { content: '\e8da'; } .icon-buffer:before { content: '\e8da'; } .icon-barcode:before { content: '\e8da'; } .icon-star-1:before { content: '\e8db'; } .icon-pocket:before { content: '\e8db'; } .icon-lightbulb-alt:before { content: '\e8db'; } .icon-star-empty-1:before { content: '\e8dc'; } .icon-bitbucket:before { content: '\e8dc'; } .icon-block:before { content: '\e8dc'; } .icon-star-half-1:before { content: '\e8dd'; } .icon-lego:before { content: '\e8dd'; } .icon-resize-full:before { content: '\e8dd'; } .icon-users-1:before { content: '\e8de'; } .icon-login-1:before { content: '\e8de'; } .icon-resize-full-alt:before { content: '\e8de'; } .icon-video:before { content: '\e8df'; } .icon-stackoverflow:before { content: '\e8df'; } .icon-resize-small:before { content: '\e8df'; } .icon-videocam-1:before { content: '\e8e0'; } .icon-hackernews:before { content: '\e8e0'; } .icon-resize-vertical:before { content: '\e8e0'; } .icon-camera-1:before { content: '\e8e1'; } .icon-lkdto:before { content: '\e8e1'; } .icon-resize-horizontal:before { content: '\e8e1'; } .icon-indent-right:before { content: '\e8e2'; } .icon-smiley:before { content: '\e8e2'; } .icon-umbrella:before { content: '\e8e3'; } .icon-smiley-circled:before { content: '\e8e3'; } .icon-leaf:before { content: '\e8e4'; } .icon-address-book:before { content: '\e8e4'; } .icon-bold:before { content: '\e8e5'; } .icon-address-book-alt:before { content: '\e8e5'; } .icon-font:before { content: '\e8e6'; } .icon-asl:before { content: '\e8e6'; } .icon-italic:before { content: '\e8e7'; } .icon-glasses:before { content: '\e8e7'; } .icon-book:before { content: '\e8e8'; } .icon-hearing-impaired:before { content: '\e8e8'; } .icon-tint:before { content: '\e8e9'; } .icon-iphone-home:before { content: '\e8e9'; } .icon-text-height:before { content: '\e8ea'; } .icon-person:before { content: '\e8ea'; } .icon-text-width:before { content: '\e8eb'; } .icon-adult:before { content: '\e8eb'; } .icon-align-left:before { content: '\e8ec'; } .icon-child:before { content: '\e8ec'; } .icon-align-center:before { content: '\e8ed'; } .icon-blind:before { content: '\e8ed'; } .icon-align-right:before { content: '\e8ee'; } .icon-guidedog:before { content: '\e8ee'; } .icon-glass:before { content: '\e8ef'; } .icon-accessibility:before { content: '\e8ef'; } .icon-emo-happy:before { content: '\e8f0'; } .icon-behance-1:before { content: '\e8f0'; } .icon-emo-wink:before { content: '\e8f1'; } .icon-blogger:before { content: '\e8f1'; } .icon-emo-wink2:before { content: '\e8f2'; } .icon-cc:before { content: '\e8f2'; } .icon-emo-unhappy:before { content: '\e8f3'; } .icon-delicious:before { content: '\e8f3'; } .icon-emo-sleep:before { content: '\e8f4'; } .icon-w3c:before { content: '\e8f4'; } .icon-deviantart:before { content: '\e8f4'; } .icon-emo-thumbsup:before { content: '\e8f5'; } .icon-youtube:before { content: '\e8f5'; } .icon-digg:before { content: '\e8f5'; } .icon-emo-devil:before { content: '\e8f6'; } .icon-dribbble-3:before { content: '\e8f6'; } .icon-emo-tongue:before { content: '\e8f7'; } .icon-facebook-2:before { content: '\e8f7'; } .icon-emo-sunglasses:before { content: '\e8f8'; } .icon-flickr-2:before { content: '\e8f8'; } .icon-emo-coffee:before { content: '\e8f9'; } .icon-foursquare:before { content: '\e8f9'; } .icon-emo-surprised:before { content: '\e8fa'; } .icon-friendfeed:before { content: '\e8fa'; } .icon-emo-displeased:before { content: '\e8fb'; } .icon-friendfeed-rect:before { content: '\e8fb'; } .icon-emo-beer:before { content: '\e8fc'; } .icon-github-2:before { content: '\e8fc'; } .icon-emo-saint:before { content: '\e8fd'; } .icon-github-text:before { content: '\e8fd'; } .icon-emo-angry:before { content: '\e8fe'; } .icon-googleplus:before { content: '\e8fe'; } .icon-emo-grin:before { content: '\e8ff'; } .icon-instagram-2:before { content: '\e8ff'; } .icon-emo-cry:before { content: '\e900'; } .icon-linkedin-2:before { content: '\e900'; } .icon-emo-shoot:before { content: '\e901'; } .icon-down-open-2:before { content: '\e901'; } .icon-emo-laugh:before { content: '\e902'; } .icon-left-open-2:before { content: '\e902'; } .icon-spin1:before { content: '\e903'; } .icon-right-open-2:before { content: '\e903'; } .icon-emo-squint:before { content: '\e904'; } .icon-up-open-2:before { content: '\e904'; } .icon-spin3:before { content: '\e905'; } .icon-down-2:before { content: '\e905'; } .icon-spin2:before { content: '\e906'; } .icon-left-2:before { content: '\e906'; } .icon-spin4:before { content: '\e907'; } .icon-right-2:before { content: '\e907'; } .icon-spin5:before { content: '\e908'; } .icon-up-2:before { content: '\e908'; } .icon-spin6:before { content: '\e909'; } .icon-universal-access:before { content: '\e909'; } .icon-opera-1:before { content: '\e90a'; } .icon-male:before { content: '\e90a'; } .icon-ie-1:before { content: '\e90b'; } .icon-female:before { content: '\e90b'; } .icon-crown:before { content: '\e90c'; } .icon-css:before { content: '\e90c'; } .icon-crown-plus:before { content: '\e90d'; } .icon-path:before { content: '\e90d'; } .icon-chrome-1:before { content: '\e90e'; } .icon-picasa-2:before { content: '\e90e'; } .icon-firefox-1:before { content: '\e90f'; } .icon-pinterest-2:before { content: '\e90f'; } .icon-marquee:before { content: '\e910'; } .icon-reddit:before { content: '\e910'; } .icon-crown-minus:before { content: '\e911'; } .icon-skype-3:before { content: '\e911'; } .icon-picture:before { content: '\e912'; } .icon-slideshare:before { content: '\e912'; } .icon-note:before { content: '\e913'; } .icon-stackoverflow:before { content: '\e913'; } .icon-note-beamed:before { content: '\e914'; } .icon-stumbleupon-2:before { content: '\e914'; } .icon-music-1:before { content: '\e915'; } .icon-twitter-2:before { content: '\e915'; } .icon-search-1:before { content: '\e916'; } .icon-tumblr-1:before { content: '\e916'; } .icon-flashlight:before { content: '\e917'; } .icon-vimeo-3:before { content: '\e917'; } .icon-mail-1:before { content: '\e918'; } .icon-vkontakte-1:before { content: '\e918'; } .icon-heart-1:before { content: '\e919'; } .icon-wordpress:before { content: '\e919'; } .icon-heart-empty-1:before { content: '\e91a'; } .icon-music-1:before { content: '\e91a'; } .icon-star-1:before { content: '\e91b'; } .icon-search-2:before { content: '\e91b'; } .icon-star-empty-1:before { content: '\e91c'; } .icon-mail-2:before { content: '\e91c'; } .icon-user-1:before { content: '\e91d'; } .icon-heart-2:before { content: '\e91d'; } .icon-users-1:before { content: '\e91e'; } .icon-star-2:before { content: '\e91e'; } .icon-user-add:before { content: '\e91f'; } .icon-user-2:before { content: '\e91f'; } .icon-video-1:before { content: '\e920'; } .icon-videocam-2:before { content: '\e920'; } .icon-picture-1:before { content: '\e921'; } .icon-camera-2:before { content: '\e921'; } .icon-camera-1:before { content: '\e922'; } .icon-photo-1:before { content: '\e922'; } .icon-layout:before { content: '\e923'; } .icon-attach-3:before { content: '\e923'; } .icon-menu-1:before { content: '\e924'; } .icon-lock-3:before { content: '\e924'; } .icon-check-1:before { content: '\e925'; } .icon-eye-2:before { content: '\e925'; } .icon-cancel-squared:before { content: '\e926'; } .icon-tag-1:before { content: '\e926'; } .icon-cancel-1:before { content: '\e927'; } .icon-thumbs-up-1:before { content: '\e927'; } .icon-cancel-circled-1:before { content: '\e928'; } .icon-pencil-3:before { content: '\e928'; } .icon-plus-2:before { content: '\e929'; } .icon-comment-3:before { content: '\e929'; } .icon-plus-squared-1:before { content: '\e92a'; } .icon-location-2:before { content: '\e92a'; } .icon-minus-2:before { content: '\e92b'; } .icon-cup:before { content: '\e92b'; } .icon-minus-circled-1:before { content: '\e92c'; } .icon-trash-4:before { content: '\e92c'; } .icon-minus-squared-1:before { content: '\e92d'; } .icon-doc-3:before { content: '\e92d'; } .icon-plus-circled-1:before { content: '\e92e'; } .icon-note:before { content: '\e92e'; } .icon-help-1:before { content: '\e92f'; } .icon-cog-3:before { content: '\e92f'; } .icon-info-2:before { content: '\e930'; } .icon-params:before { content: '\e930'; } .icon-alert:before { content: '\e931'; } .icon-calendar-4:before { content: '\e931'; } .icon-bell-2:before { content: '\e932'; } .icon-sound:before { content: '\e932'; } .icon-help-circled-1:before { content: '\e933'; } .icon-clock-3:before { content: '\e933'; } .icon-info-circled-1:before { content: '\e934'; } .icon-lightbulb-1:before { content: '\e934'; } .icon-attention-1:before { content: '\e935'; } .icon-tv:before { content: '\e935'; } .icon-chat-2:before { content: '\e936'; } .icon-desktop-1:before { content: '\e936'; } .icon-comment-2:before { content: '\e937'; } .icon-mobile:before { content: '\e937'; } .icon-keyboard-1:before { content: '\e938'; } .icon-cd:before { content: '\e938'; } .icon-retweet-1:before { content: '\e939'; } .icon-inbox-2:before { content: '\e939'; } .icon-pencil-2:before { content: '\e93a'; } .icon-globe-3:before { content: '\e93a'; } .icon-feather:before { content: '\e93b'; } .icon-cloud-3:before { content: '\e93b'; } .icon-print-3:before { content: '\e93c'; } .icon-paper-plane:before { content: '\e93c'; } .icon-code-1:before { content: '\e93d'; } .icon-fire-2:before { content: '\e93d'; } .icon-quote:before { content: '\e93e'; } .icon-graduation-cap:before { content: '\e93e'; } .icon-forward-1:before { content: '\e93f'; } .icon-megaphone-1:before { content: '\e93f'; } .icon-reply-all-1:before { content: '\e940'; } .icon-database:before { content: '\e940'; } .icon-reply-1:before { content: '\e941'; } .icon-key-1:before { content: '\e941'; } .icon-upload-2:before { content: '\e942'; } .icon-beaker:before { content: '\e942'; } .icon-upload-cloud-2:before { content: '\e943'; } .icon-truck:before { content: '\e943'; } .icon-flag-1:before { content: '\e944'; } .icon-money:before { content: '\e944'; } .icon-tag-1:before { content: '\e945'; } .icon-food:before { content: '\e945'; } .icon-lock-open-2:before { content: '\e946'; } .icon-shop:before { content: '\e946'; } .icon-link-2:before { content: '\e947'; } .icon-diamond:before { content: '\e947'; } .icon-home-2:before { content: '\e948'; } .icon-t-shirt:before { content: '\e948'; } .icon-back:before { content: '\e949'; } .icon-wallet:before { content: '\e949'; } .icon-vcard:before { content: '\e94a'; } .icon-search-3:before { content: '\e94a'; } .icon-address:before { content: '\e94b'; } .icon-mail-3:before { content: '\e94b'; } .icon-location-1:before { content: '\e94c'; } .icon-heart-3:before { content: '\e94c'; } .icon-map-1:before { content: '\e94d'; } .icon-heart-empty-1:before { content: '\e94d'; } .icon-direction-1:before { content: '\e94e'; } .icon-star-3:before { content: '\e94e'; } .icon-compass-1:before { content: '\e94f'; } .icon-user-3:before { content: '\e94f'; } .icon-trash-3:before { content: '\e950'; } .icon-video-1:before { content: '\e950'; } .icon-doc-2:before { content: '\e951'; } .icon-picture-1:before { content: '\e951'; } .icon-docs-1:before { content: '\e952'; } .icon-th-large-1:before { content: '\e952'; } .icon-doc-landscape:before { content: '\e953'; } .icon-th-1:before { content: '\e953'; } .icon-doc-text-1:before { content: '\e954'; } .icon-th-list-2:before { content: '\e954'; } .icon-doc-text-inv-1:before { content: '\e955'; } .icon-ok-2:before { content: '\e955'; } .icon-book-open:before { content: '\e956'; } .icon-ok-circle:before { content: '\e956'; } .icon-book-1:before { content: '\e957'; } .icon-cancel-2:before { content: '\e957'; } .icon-left-circled-1:before { content: '\e958'; } .icon-cancel-circle:before { content: '\e958'; } .icon-cd:before { content: '\e959'; } .icon-plus-circle:before { content: '\e959'; } .icon-up-thin:before { content: '\e95a'; } .icon-minus-circle:before { content: '\e95a'; } .icon-right-thin:before { content: '\e95b'; } .icon-link:before { content: '\e95b'; } .icon-left-thin:before { content: '\e95c'; } .icon-attach-4:before { content: '\e95c'; } .icon-mobile-2:before { content: '\e95d'; } .icon-lock-4:before { content: '\e95d'; } .icon-water:before { content: '\e95e'; } .icon-lock-open-3:before { content: '\e95e'; } .icon-ticket-1:before { content: '\e95f'; } .icon-tag-2:before { content: '\e95f'; } .icon-cc-share:before { content: '\e960'; } .icon-reply:before { content: '\e960'; } .icon-cc-zero:before { content: '\e961'; } .icon-reply-all:before { content: '\e961'; } .icon-cc-pd:before { content: '\e962'; } .icon-forward-1:before { content: '\e962'; } .icon-cc-nc-eu:before { content: '\e963'; } .icon-code:before { content: '\e963'; } .icon-cc-nc-jp:before { content: '\e964'; } .icon-retweet-2:before { content: '\e964'; } .icon-cc-nc:before { content: '\e965'; } .icon-comment-4:before { content: '\e965'; } .icon-cc-by:before { content: '\e966'; } .icon-comment-alt-1:before { content: '\e966'; } .icon-magnet-1:before { content: '\e967'; } .icon-chat:before { content: '\e967'; } .icon-infinity:before { content: '\e968'; } .icon-attention:before { content: '\e968'; } .icon-progress-3:before { content: '\e969'; } .icon-location-3:before { content: '\e969'; } .icon-up-3:before { content: '\e96a'; } .icon-doc-4:before { content: '\e96a'; } .icon-right-bold-1:before { content: '\e96b'; } .icon-docs-landscape:before { content: '\e96b'; } .icon-resize-small-1:before { content: '\e96c'; } .icon-folder-3:before { content: '\e96c'; } .icon-block-2:before { content: '\e96d'; } .icon-archive:before { content: '\e96d'; } .icon-adjust-1:before { content: '\e96e'; } .icon-rss-2:before { content: '\e96e'; } .icon-down-bold-1:before { content: '\e96f'; } .icon-rss-alt:before { content: '\e96f'; } .icon-light-up:before { content: '\e970'; } .icon-cog-4:before { content: '\e970'; } .icon-up-dir-1:before { content: '\e971'; } .icon-logout:before { content: '\e971'; } .icon-list-add:before { content: '\e972'; } .icon-clock-4:before { content: '\e972'; } .icon-right-dir-1:before { content: '\e973'; } .icon-block-1:before { content: '\e973'; } .icon-down-dir-1:before { content: '\e974'; } .icon-resize-full-1:before { content: '\e974'; } .icon-lamp:before { content: '\e975'; } .icon-resize-full-circle:before { content: '\e975'; } .icon-volume:before { content: '\e976'; } .icon-popup:before { content: '\e976'; } .icon-right-3:before { content: '\e977'; } .icon-left-open-1:before { content: '\e977'; } .icon-left-3:before { content: '\e978'; } .icon-right-open-1:before { content: '\e978'; } .icon-sound:before { content: '\e979'; } .icon-down-circle:before { content: '\e979'; } .icon-progress-1:before { content: '\e97a'; } .icon-left-circle:before { content: '\e97a'; } .icon-progress-2:before { content: '\e97b'; } .icon-right-circle:before { content: '\e97b'; } .icon-cc-2:before { content: '\e97c'; } .icon-up-circle:before { content: '\e97c'; } .icon-brush-2:before { content: '\e97d'; } .icon-down-dir-1:before { content: '\e97d'; } .icon-erase:before { content: '\e97e'; } .icon-right-dir-1:before { content: '\e97e'; } .icon-target-1:before { content: '\e97f'; } .icon-down-micro:before { content: '\e97f'; } .icon-palette:before { content: '\e980'; } .icon-up-micro:before { content: '\e980'; } .icon-list-1:before { content: '\e981'; } .icon-cw-circle:before { content: '\e981'; } .icon-chart-pie-2:before { content: '\e982'; } .icon-arrows-cw-1:before { content: '\e982'; } .icon-cc-sa:before { content: '\e983'; } .icon-updown-circle:before { content: '\e983'; } .icon-cc-nd:before { content: '\e984'; } .icon-target-1:before { content: '\e984'; } .icon-chart-bar-2:before { content: '\e985'; } .icon-signal-1:before { content: '\e985'; } .icon-chart-line-1:before { content: '\e986'; } .icon-progress-0:before { content: '\e986'; } .icon-chart-area-1:before { content: '\e987'; } .icon-progress-1:before { content: '\e987'; } .icon-tape:before { content: '\e988'; } .icon-progress-2:before { content: '\e988'; } .icon-graduation-cap-1:before { content: '\e989'; } .icon-progress-3:before { content: '\e989'; } .icon-cc-remix:before { content: '\e98a'; } .icon-progress-4:before { content: '\e98a'; } .icon-back-in-time:before { content: '\e98b'; } .icon-progress-5:before { content: '\e98b'; } .icon-language-1:before { content: '\e98c'; } .icon-progress-6:before { content: '\e98c'; } .icon-trophy-1:before { content: '\e98d'; } .icon-progress-7:before { content: '\e98d'; } .icon-signal-1:before { content: '\e98e'; } .icon-font-1:before { content: '\e98e'; } .icon-left-bold-1:before { content: '\e98f'; } .icon-list-1:before { content: '\e98f'; } .icon-down-thin:before { content: '\e990'; } .icon-list-numbered:before { content: '\e990'; } .icon-monitor-1:before { content: '\e991'; } .icon-indent-left-1:before { content: '\e991'; } .icon-battery:before { content: '\e992'; } .icon-indent-right-1:before { content: '\e992'; } .icon-resize-full-2:before { content: '\e993'; } .icon-cloud-4:before { content: '\e993'; } .icon-left-dir-1:before { content: '\e994'; } .icon-terminal:before { content: '\e994'; } .icon-light-down:before { content: '\e995'; } .icon-facebook-rect:before { content: '\e995'; } .icon-clock-2:before { content: '\e996'; } .icon-twitter-bird:before { content: '\e996'; } .icon-attach-2:before { content: '\e997'; } .icon-vimeo-rect:before { content: '\e997'; } .icon-lock-2:before { content: '\e998'; } .icon-tumblr-rect:before { content: '\e998'; } .icon-hourglass-4:before { content: '\e999'; } .icon-googleplus-rect:before { content: '\e999'; } .icon-cup:before { content: '\e99a'; } .icon-linkedin-rect:before { content: '\e99a'; } .icon-bookmark-1:before { content: '\e99b'; } .icon-vkontakte-rect:before { content: '\e99b'; } .icon-bookmarks:before { content: '\e99c'; } .icon-youtube:before { content: '\e99c'; } .icon-eye-1:before { content: '\e99d'; } .icon-odnoklassniki-rect:before { content: '\e99d'; } .icon-thumbs-up-1:before { content: '\e99e'; } .icon-share-2:before { content: '\e99e'; } .icon-download-1:before { content: '\e99f'; } .icon-arrows-cw-2:before { content: '\e99f'; } .icon-window:before { content: '\e9a0'; } .icon-publish:before { content: '\e9a1'; } .icon-popup:before { content: '\e9a2'; } .icon-thumbs-down-1:before { content: '\e9a3'; } .icon-up-bold-1:before { content: '\e9a4'; } .icon-network:before { content: '\e9a5'; } .icon-droplet:before { content: '\e9a6'; } .icon-air:before { content: '\e9a7'; } .icon-credit-card-1:before { content: '\e9a8'; } .icon-inbox-1:before { content: '\e9a9'; } .icon-ccw-2:before { content: '\e9aa'; } .icon-down-circled-1:before { content: '\e9ab'; } .icon-arrow-combo:before { content: '\e9ac'; } .icon-folder-2:before { content: '\e9ad'; } .icon-box-2:before { content: '\e9ae'; } .icon-archive:before { content: '\e9af'; } .icon-rss-1:before { content: '\e9b0'; } .icon-cog-2:before { content: '\e9b1'; } .icon-up-open-3:before { content: '\e9b2'; } .icon-right-open-3:before { content: '\e9b3'; } .icon-left-open-3:before { content: '\e9b4'; } .icon-down-open-3:before { content: '\e9b5'; } .icon-up-circled-1:before { content: '\e9b6'; } .icon-right-circled-1:before { content: '\e9b7'; } .icon-cw-2:before { content: '\e9b8'; } .icon-globe-2:before { content: '\e9b9'; } .icon-clipboard:before { content: '\e9ba'; } .icon-level-down-1:before { content: '\e9bb'; } .icon-install:before { content: '\e9bc'; } .icon-floppy-1:before { content: '\e9bd'; } .icon-database-1:before { content: '\e9be'; } .icon-cloud-2:before { content: '\e9bf'; } .icon-cloud-thunder:before { content: '\e9c0'; } .icon-level-up-1:before { content: '\e9c1'; } .icon-arrows-ccw:before { content: '\e9c2'; } .icon-shuffle-1:before { content: '\e9c3'; } .icon-drive:before { content: '\e9c4'; } .icon-bucket:before { content: '\e9c5'; } .icon-switch:before { content: '\e9c6'; } .icon-flight-1:before { content: '\e9c7'; } .icon-moon-2:before { content: '\e9c8'; } .icon-loop:before { content: '\e9c9'; } .icon-flash-2:before { content: '\e9ca'; } .icon-thermometer-1:before { content: '\e9cb'; } .icon-key-2:before { content: '\e9cc'; } .icon-flow-cascade:before { content: '\e9cd'; } .icon-flow-branch:before { content: '\e9ce'; } .icon-flow-tree:before { content: '\e9cf'; } .icon-flow-line:before { content: '\e9d0'; } .icon-flow-parallel:before { content: '\e9d1'; } .icon-rocket-1:before { content: '\e9d2'; } .icon-gauge-1:before { content: '\e9d3'; } .icon-traffic-cone:before { content: '\e9d4'; } .icon-dot-2:before { content: '\e9d5'; } .icon-dot:before { content: '\e9d6'; } .icon-suitcase-1:before { content: '\e9d7'; } .icon-briefcase-1:before { content: '\e9d8'; } .icon-paper-plane-1:before { content: '\e9d9'; } .icon-play-2:before { content: '\e9da'; } .icon-stop-2:before { content: '\e9db'; } .icon-pause-2:before { content: '\e9dc'; } .icon-record:before { content: '\e9dd'; } .icon-to-start-1:before { content: '\e9de'; } .icon-fast-backward-1:before { content: '\e9df'; } .icon-progress-0:before { content: '\e9e0'; } .icon-right-open-big:before { content: '\e9e1'; } .icon-left-open-big:before { content: '\e9e2'; } .icon-up-open-mini:before { content: '\e9e3'; } .icon-right-open-mini:before { content: '\e9e4'; } .icon-down-open-mini:before { content: '\e9e5'; } .icon-logout-1:before { content: '\e9e6'; } .icon-login-2:before { content: '\e9e7'; } .icon-calendar-2:before { content: '\e9e8'; } .icon-bag:before { content: '\e9e9'; } .icon-left-open-mini:before { content: '\e9ea'; } .icon-to-end-1:before { content: '\e9eb'; } .icon-leaf-1:before { content: '\e9ec'; } .icon-lifebuoy-1:before { content: '\e9ed'; } .icon-mouse:before { content: '\e9ee'; } .icon-fast-forward-1:before { content: '\e9ef'; } .icon-up-open-big:before { content: '\e9f0'; } .icon-down-3:before { content: '\e9f1'; } .icon-dot-3:before { content: '\e9f2'; } .icon-down-open-big:before { content: '\e9f3'; } .icon-shareable:before { content: '\e9f4'; } .icon-basket-1:before { content: '\e9f5'; } .icon-mic-1:before { content: '\e9f6'; } .icon-mute-1:before { content: '\e9f7'; } .icon-tools:before { content: '\e9f8'; } .icon-phone-1:before { content: '\e9f9'; } .icon-newspaper-1:before { content: '\e9fa'; } .icon-megaphone-1:before { content: '\e9fb'; } .icon-music-outline:before { content: '\e9fc'; } .icon-cancel-outline:before { content: '\e9fd'; } .icon-contacts:before { content: '\e9fe'; } .icon-eject-1:before { content: '\e9ff'; } .icon-drizzle:before { content: '\ea00'; } .icon-flow-split:before { content: '\ea01'; } .icon-right-4:before { content: '\ea02'; } .icon-bookmark-2:before { content: '\ea03'; } .icon-calendar-3:before { content: '\ea04'; } .icon-music-2:before { content: '\ea05'; } .icon-cancel-2:before { content: '\ea06'; } .icon-flag-2:before { content: '\ea07'; } .icon-vcard-1:before { content: '\ea08'; } .icon-mic-outline:before { content: '\ea09'; } .icon-up-4:before { content: '\ea0a'; } .icon-eject-alt-outline:before { content: '\ea0b'; } .icon-snow:before { content: '\ea0c'; } .icon-flow-merge:before { content: '\ea0d'; } .icon-flow-parallel-1:before { content: '\ea0e'; } .icon-cloud-flash:before { content: '\ea0f'; } .icon-eject-alt:before { content: '\ea10'; } .icon-down-outline:before { content: '\ea11'; } .icon-flag-filled:before { content: '\ea12'; } .icon-search-outline:before { content: '\ea13'; } .icon-mic-2:before { content: '\ea14'; } .icon-cancel-alt:before { content: '\ea15'; } .icon-address-1:before { content: '\ea16'; } .icon-search-2:before { content: '\ea17'; } .icon-thumbs-up-2:before { content: '\ea18'; } .icon-location-outline:before { content: '\ea19'; } .icon-volume-off-1:before { content: '\ea1a'; } .icon-left-outline:before { content: '\ea1b'; } .icon-bat1:before { content: '\ea1c'; } .icon-cloud-wind:before { content: '\ea1d'; } .icon-flow-cross:before { content: '\ea1e'; } .icon-certificate-outline:before { content: '\ea1f'; } .icon-bat2:before { content: '\ea20'; } .icon-right-outline:before { content: '\ea21'; } .icon-mail-2:before { content: '\ea22'; } .icon-location-2:before { content: '\ea23'; } .icon-thumbs-down-2:before { content: '\ea24'; } .icon-cancel-circled-outline:before { content: '\ea25'; } .icon-heart-2:before { content: '\ea26'; } .icon-download-outline:before { content: '\ea27'; } .icon-map-2:before { content: '\ea28'; } .icon-up-outline:before { content: '\ea29'; } .icon-volume-middle:before { content: '\ea2a'; } .icon-bat3:before { content: '\ea2b'; } .icon-plane-outline:before { content: '\ea2c'; } .icon-certificate-1:before { content: '\ea2d'; } .icon-scissors-outline:before { content: '\ea2e'; } .icon-volume-high:before { content: '\ea2f'; } .icon-direction-outline:before { content: '\ea30'; } .icon-heart-filled:before { content: '\ea31'; } .icon-cancel-circled-2:before { content: '\ea32'; } .icon-bat4:before { content: '\ea33'; } .icon-wind:before { content: '\ea34'; } .icon-plane:before { content: '\ea35'; } .icon-leaf-2:before { content: '\ea36'; } .icon-down-small:before { content: '\ea37'; } .icon-left-small:before { content: '\ea38'; } .icon-download-2:before { content: '\ea39'; } .icon-upload-outline:before { content: '\ea3a'; } .icon-compass-2:before { content: '\ea3b'; } .icon-bat-charge:before { content: '\ea3c'; } .icon-plug-1:before { content: '\ea3d'; } .icon-lifebuoy-2:before { content: '\ea3e'; } .icon-flask:before { content: '\ea3f'; } .icon-wine:before { content: '\ea40'; } .icon-scissors-1:before { content: '\ea41'; } .icon-anchor-outline:before { content: '\ea42'; } .icon-anchor-1:before { content: '\ea43'; } .icon-beer-1:before { content: '\ea44'; } .icon-coffee-1:before { content: '\ea45'; } .icon-pipette:before { content: '\ea46'; } .icon-briefcase-2:before { content: '\ea47'; } .icon-target-2:before { content: '\ea48'; } .icon-wifi-1:before { content: '\ea49'; } .icon-arrows-cw-outline:before { content: '\ea4a'; } .icon-star-2:before { content: '\ea4b'; } .icon-star-filled:before { content: '\ea4c'; } .icon-user-outline:before { content: '\ea4d'; } .icon-user-2:before { content: '\ea4e'; } .icon-users-outline:before { content: '\ea4f'; } .icon-users-2:before { content: '\ea50'; } .icon-user-add-1:before { content: '\ea51'; } .icon-user-delete-outline:before { content: '\ea52'; } .icon-video-2:before { content: '\ea53'; } .icon-videocam-outline:before { content: '\ea54'; } .icon-picture-2:before { content: '\ea55'; } .icon-camera-2:before { content: '\ea56'; } .icon-th-1:before { content: '\ea57'; } .icon-th-large-outline:before { content: '\ea58'; } .icon-th-list-outline:before { content: '\ea59'; } .icon-th-list-1:before { content: '\ea5a'; } .icon-ok-1:before { content: '\ea5b'; } .icon-qrcode:before { content: '\ea5c'; } .icon-mail:before { content: '\ea5c'; } .icon-road:before { content: '\ea5d'; } .icon-heart:before { content: '\ea5d'; } .icon-off:before { content: '\ea5e'; } .icon-star:before { content: '\ea5e'; } .icon-briefcase:before { content: '\ea5f'; } .icon-star-empty:before { content: '\ea5f'; } .icon-ok:before { content: '\ea60'; } .icon-video-chat:before { content: '\ea60'; } .icon-cancel:before { content: '\ea61'; } .icon-picture:before { content: '\ea61'; } .icon-plus:before { content: '\ea62'; } .icon-camera:before { content: '\ea62'; } .icon-barcode:before { content: '\ea63'; } .icon-help-circled:before { content: '\ea63'; } .icon-help-circled-alt:before { content: '\ea64'; } .icon-photo-circled:before { content: '\ea64'; } .icon-home:before { content: '\ea65'; } .icon-th-large:before { content: '\ea65'; } .icon-pencil:before { content: '\ea66'; } .icon-th:before { content: '\ea66'; } .icon-attention:before { content: '\ea67'; } .icon-th-list:before { content: '\ea67'; } .icon-attention-alt:before { content: '\ea68'; } .icon-view-mode:before { content: '\ea68'; } .icon-cog:before { content: '\ea69'; } .icon-ok:before { content: '\ea69'; } .icon-clock:before { content: '\ea6a'; } .icon-ok-circled:before { content: '\ea6a'; } .icon-stopwatch:before { content: '\ea6b'; } .icon-ok-circled2:before { content: '\ea6b'; } .icon-hourglass:before { content: '\ea6c'; } .icon-glass:before { content: '\ea6c'; } .icon-left-fat:before { content: '\ea6d'; } .icon-music:before { content: '\ea6d'; } .icon-flash:before { content: '\ea6e'; } .icon-search:before { content: '\ea6e'; } .icon-cloud:before { content: '\ea6f'; } .icon-search-circled:before { content: '\ea6f'; } .icon-vector-pencil:before { content: '\ea70'; } .icon-mail:before { content: '\ea70'; } .icon-at:before { content: '\ea71'; } .icon-mail-circled:before { content: '\ea71'; } .icon-female:before { content: '\ea72'; } .icon-heart:before { content: '\ea72'; } .icon-male:before { content: '\ea73'; } .icon-heart-circled:before { content: '\ea73'; } .icon-king:before { content: '\ea74'; } .icon-heart-empty:before { content: '\ea74'; } .icon-anchor:before { content: '\ea75'; } .icon-star:before { content: '\ea75'; } .icon-search-3:before { content: '\ea76'; } .icon-mail-3:before { content: '\ea77'; } .icon-heart-3:before { content: '\ea78'; } .icon-heart-empty-2:before { content: '\ea79'; } .icon-star-3:before { content: '\ea7a'; } .icon-user-3:before { content: '\ea7b'; } .icon-video-3:before { content: '\ea7c'; } .icon-picture-3:before { content: '\ea7d'; } .icon-pin-2:before { content: '\ea7e'; } .icon-camera-3:before { content: '\ea7e'; } .icon-lock-open-1:before { content: '\ea7f'; } .icon-ok-2:before { content: '\ea7f'; } .icon-lock-1:before { content: '\ea80'; } .icon-ok-circle:before { content: '\ea80'; } .icon-attach-outline:before { content: '\ea81'; } .icon-cancel-3:before { content: '\ea81'; } .icon-link-1:before { content: '\ea82'; } .icon-cancel-circle:before { content: '\ea82'; } .icon-home-1:before { content: '\ea83'; } .icon-plus-2:before { content: '\ea83'; } .icon-home-outline:before { content: '\ea84'; } .icon-plus-circle:before { content: '\ea84'; } .icon-info-1:before { content: '\ea85'; } .icon-minus-2:before { content: '\ea85'; } .icon-info-outline:before { content: '\ea86'; } .icon-minus-circle:before { content: '\ea86'; } .icon-eq:before { content: '\ea87'; } .icon-help-2:before { content: '\ea87'; } .icon-eq-outline:before { content: '\ea88'; } .icon-info-2:before { content: '\ea88'; } .icon-divide:before { content: '\ea89'; } .icon-home-2:before { content: '\ea89'; } .icon-divide-outline:before { content: '\ea8a'; } .icon-link-2:before { content: '\ea8a'; } .icon-minus-1:before { content: '\ea8b'; } .icon-attach-2:before { content: '\ea8b'; } .icon-plus-outline:before { content: '\ea8c'; } .icon-lock-2:before { content: '\ea8c'; } .icon-direction-2:before { content: '\ea8d'; } .icon-lock-empty:before { content: '\ea8d'; } .icon-headphones-2:before { content: '\ea8e'; } .icon-lock-open-2:before { content: '\ea8e'; } .icon-wristwatch:before { content: '\ea8f'; } .icon-lock-open-empty:before { content: '\ea8f'; } .icon-target-outline:before { content: '\ea90'; } .icon-pin-1:before { content: '\ea90'; } .icon-wifi-outline:before { content: '\ea91'; } .icon-eye-3:before { content: '\ea91'; } .icon-upload-cloud-1:before { content: '\ea92'; } .icon-tag-3:before { content: '\ea92'; } .icon-reply-outline:before { content: '\ea93'; } .icon-tag-empty:before { content: '\ea93'; } .icon-upload-cloud-outline:before { content: '\ea94'; } .icon-download-3:before { content: '\ea94'; } .icon-trash-1:before { content: '\ea95'; } .icon-upload-2:before { content: '\ea95'; } .icon-doc-1:before { content: '\ea96'; } .icon-download-cloud-1:before { content: '\ea96'; } .icon-lightbulb-1:before { content: '\ea97'; } .icon-upload-cloud-2:before { content: '\ea97'; } .icon-up-small:before { content: '\ea98'; } .icon-quote-left-1:before { content: '\ea98'; } .icon-cw-outline:before { content: '\ea99'; } .icon-quote-right-1:before { content: '\ea99'; } .icon-cw-1:before { content: '\ea9a'; } .icon-quote-left-alt:before { content: '\ea9a'; } .icon-stopwatch-1:before { content: '\ea9b'; } .icon-quote-right-alt:before { content: '\ea9b'; } .icon-upload-1:before { content: '\ea9c'; } .icon-pencil-2:before { content: '\ea9c'; } .icon-plus-1:before { content: '\ea9d'; } .icon-pencil-neg:before { content: '\ea9d'; } .icon-rain:before { content: '\ea9e'; } .icon-waves:before { content: '\ea9f'; } .icon-waves-outline:before { content: '\eaa0'; } .icon-left-4:before { content: '\eaa1'; } .icon-warning-empty:before { content: '\eaa2'; } .icon-warning:before { content: '\eaa3'; } .icon-cancel-alt-filled:before { content: '\eaa4'; } .icon-pencil-alt:before { content: '\eaa4'; } .icon-doc-text-2:before { content: '\eaa5'; } .icon-undo:before { content: '\eaa5'; } .icon-contrast:before { content: '\eaa6'; } .icon-cog-outline:before { content: '\eaa6'; } .icon-reply-2:before { content: '\eaa7'; } .icon-comment-2:before { content: '\eaa7'; } .icon-doc-add:before { content: '\eaa8'; } .icon-comment-inv:before { content: '\eaa8'; } .icon-block-outline:before { content: '\eaa9'; } .icon-comment-alt:before { content: '\eaa9'; } .icon-doc-remove:before { content: '\eaaa'; } .icon-comment-inv-alt:before { content: '\eaaa'; } .icon-forward-2:before { content: '\eaab'; } .icon-comment-alt2:before { content: '\eaab'; } .icon-news:before { content: '\eaac'; } .icon-comment-inv-alt2:before { content: '\eaac'; } .icon-resize-full-outline:before { content: '\eaad'; } .icon-chat-2:before { content: '\eaad'; } .icon-block-1:before { content: '\eaae'; } .icon-chat-inv:before { content: '\eaae'; } .icon-loop-outline:before { content: '\eaaf'; } .icon-location-3:before { content: '\eaaf'; } .icon-power:before { content: '\eab0'; } .icon-location-inv:before { content: '\eab0'; } .icon-check-outline:before { content: '\eab1'; } .icon-location-alt:before { content: '\eab1'; } .icon-power-outline:before { content: '\eab2'; } .icon-compass-3:before { content: '\eab2'; } .icon-puzzle-outline:before { content: '\eab3'; } .icon-trash-2:before { content: '\eab3'; } .icon-puzzle-1:before { content: '\eab4'; } .icon-trash-empty-1:before { content: '\eab4'; } .icon-check-2:before { content: '\eab5'; } .icon-doc-2:before { content: '\eab5'; } .icon-code-outline:before { content: '\eab6'; } .icon-doc-inv-1:before { content: '\eab6'; } .icon-loop-alt-outline:before { content: '\eab7'; } .icon-doc-alt:before { content: '\eab7'; } .icon-gift-1:before { content: '\eab8'; } .icon-doc-inv-alt:before { content: '\eab8'; } .icon-tree-3:before { content: '\eab9'; } .icon-article:before { content: '\eab9'; } .icon-folder-delete:before { content: '\eaba'; } .icon-article-alt:before { content: '\eaba'; } .icon-export-outline:before { content: '\eabb'; } .icon-book-open-1:before { content: '\eabb'; } .icon-move-outline:before { content: '\eabc'; } .icon-folder-2:before { content: '\eabc'; } .icon-shuffle-2:before { content: '\eabd'; } .icon-folder-empty-1:before { content: '\eabd'; } .icon-globe-outline:before { content: '\eabe'; } .icon-box-2:before { content: '\eabe'; } .icon-pi-outline:before { content: '\eabf'; } .icon-rss-3:before { content: '\eabf'; } .icon-looped-square-outline:before { content: '\eac0'; } .icon-rss-alt:before { content: '\eac0'; } .icon-sort-alphabet-outline:before { content: '\eac1'; } .icon-cog-2:before { content: '\eac1'; } .icon-sort-alphabet:before { content: '\eac2'; } .icon-wrench-2:before { content: '\eac2'; } .icon-sort-numeric-outline:before { content: '\eac3'; } .icon-share-3:before { content: '\eac3'; } .icon-sort-numeric:before { content: '\eac4'; } .icon-calendar-3:before { content: '\eac4'; } .icon-key-outline:before { content: '\eac5'; } .icon-calendar-inv:before { content: '\eac5'; } .icon-key-1:before { content: '\eac6'; } .icon-calendar-alt:before { content: '\eac6'; } .icon-cog-1:before { content: '\eac7'; } .icon-mic-3:before { content: '\eac7'; } .icon-bell-1:before { content: '\eac8'; } .icon-volume-off-2:before { content: '\eac8'; } .icon-fast-fw-outline:before { content: '\eac9'; } .icon-volume-up-1:before { content: '\eac9'; } .icon-resize-full-1:before { content: '\eaca'; } .icon-headphones-1:before { content: '\eaca'; } .icon-resize-normal:before { content: '\eacb'; } .icon-clock-2:before { content: '\eacb'; } .icon-archive-1:before { content: '\eacc'; } .icon-lamp-1:before { content: '\eacc'; } .icon-comment-1:before { content: '\eacd'; } .icon-block-2:before { content: '\eacd'; } .icon-feather-1:before { content: '\eace'; } .icon-resize-full-2:before { content: '\eace'; } .icon-phone-outline:before { content: '\eacf'; } .icon-resize-full-alt-1:before { content: '\eacf'; } .icon-phone-2:before { content: '\ead0'; } .icon-resize-small-2:before { content: '\ead0'; } .icon-zoom-out-outline:before { content: '\ead1'; } .icon-resize-small-alt:before { content: '\ead1'; } .icon-zoom-in-2:before { content: '\ead2'; } .icon-resize-vertical-1:before { content: '\ead2'; } .icon-zoom-in-outline:before { content: '\ead3'; } .icon-resize-horizontal-1:before { content: '\ead3'; } .icon-stop-outline:before { content: '\ead4'; } .icon-move-1:before { content: '\ead4'; } .icon-stop-1:before { content: '\ead5'; } .icon-popup-1:before { content: '\ead5'; } .icon-pause-outline:before { content: '\ead6'; } .icon-down-5:before { content: '\ead6'; } .icon-pause-1:before { content: '\ead7'; } .icon-left-5:before { content: '\ead7'; } .icon-sun-filled:before { content: '\ead8'; } .icon-right-5:before { content: '\ead8'; } .icon-sun-3:before { content: '\ead9'; } .icon-up-5:before { content: '\ead9'; } .icon-chart-1:before { content: '\eada'; } .icon-down-circle:before { content: '\eada'; } .icon-chart-alt-outline:before { content: '\eadb'; } .icon-left-circle:before { content: '\eadb'; } .icon-pi:before { content: '\eadc'; } .icon-right-circle:before { content: '\eadc'; } .icon-at-3:before { content: '\eadd'; } .icon-up-circle:before { content: '\eadd'; } .icon-at-circled:before { content: '\eade'; } .icon-cw-2:before { content: '\eade'; } .icon-infinity-1:before { content: '\eadf'; } .icon-loop-1:before { content: '\eadf'; } .icon-chart-outline:before { content: '\eae0'; } .icon-loop-alt:before { content: '\eae0'; } .icon-temperatire:before { content: '\eae1'; } .icon-exchange-1:before { content: '\eae1'; } .icon-calculator:before { content: '\eae2'; } .icon-split:before { content: '\eae2'; } .icon-infinity-outline:before { content: '\eae3'; } .icon-arrow-curved:before { content: '\eae3'; } .icon-loop-alt-1:before { content: '\eae4'; } .icon-play-2:before { content: '\eae4'; } .icon-desktop-1:before { content: '\eae5'; } .icon-play-circle2:before { content: '\eae5'; } .icon-laptop-1:before { content: '\eae6'; } .icon-stop-2:before { content: '\eae6'; } .icon-tablet-2:before { content: '\eae7'; } .icon-pause-2:before { content: '\eae7'; } .icon-mobile-1:before { content: '\eae8'; } .icon-to-start-2:before { content: '\eae8'; } .icon-pencil-1:before { content: '\eae9'; } .icon-to-end-2:before { content: '\eae9'; } .icon-pen:before { content: '\eaea'; } .icon-eject-2:before { content: '\eaea'; } .icon-box-1:before { content: '\eaeb'; } .icon-target-3:before { content: '\eaeb'; } .icon-rss-outline:before { content: '\eaec'; } .icon-signal-2:before { content: '\eaec'; } .icon-move-2:before { content: '\eaed'; } .icon-award-1:before { content: '\eaed'; } .icon-popup-3:before { content: '\eaee'; } .icon-award-empty:before { content: '\eaee'; } .icon-play-outline:before { content: '\eaef'; } .icon-list-2:before { content: '\eaef'; } .icon-play-1:before { content: '\eaf0'; } .icon-list-nested:before { content: '\eaf0'; } .icon-globe-1:before { content: '\eaf1'; } .icon-bat-empty:before { content: '\eaf1'; } .icon-globe-alt-outline:before { content: '\eaf2'; } .icon-bat-half:before { content: '\eaf2'; } .icon-chart-alt:before { content: '\eaf3'; } .icon-bat-full:before { content: '\eaf3'; } .icon-chart-bar-outline:before { content: '\eaf4'; } .icon-bat-charge-1:before { content: '\eaf4'; } .icon-chart-bar-1:before { content: '\eaf5'; } .icon-mobile-2:before { content: '\eaf5'; } .icon-chart-pie-outline:before { content: '\eaf6'; } .icon-cd-1:before { content: '\eaf6'; } .icon-chart-pie-1:before { content: '\eaf7'; } .icon-equalizer:before { content: '\eaf7'; } .icon-ticket-2:before { content: '\eaf8'; } .icon-cursor:before { content: '\eaf8'; } .icon-credit-card-2:before { content: '\eaf9'; } .icon-aperture:before { content: '\eaf9'; } .icon-clipboard-1:before { content: '\eafa'; } .icon-aperture-alt:before { content: '\eafa'; } .icon-database-2:before { content: '\eafb'; } .icon-steering-wheel:before { content: '\eafb'; } .icon-left-open-outline:before { content: '\eafc'; } .icon-book-2:before { content: '\eafc'; } .icon-left-open-4:before { content: '\eafd'; } .icon-book-alt:before { content: '\eafd'; } .icon-brush-2:before { content: '\eafe'; } .icon-brush-alt:before { content: '\eaff'; } .icon-eyedropper-1:before { content: '\eb00'; } .icon-layers:before { content: '\eb01'; } .icon-layers-alt:before { content: '\eb02'; } .icon-sun-1:before { content: '\eb03'; } .icon-sun-inv:before { content: '\eb04'; } .icon-cloud-2:before { content: '\eb05'; } .icon-rain-1:before { content: '\eb06'; } .icon-flash-2:before { content: '\eb07'; } .icon-moon-2:before { content: '\eb08'; } .icon-moon-inv:before { content: '\eb09'; } .icon-umbrella-1:before { content: '\eb0a'; } .icon-chart-bar-2:before { content: '\eb0b'; } .icon-chart-pie-2:before { content: '\eb0c'; } .icon-chart-pie-alt:before { content: '\eb0d'; } .icon-key-2:before { content: '\eb0e'; } .icon-key-inv:before { content: '\eb0f'; } .icon-hash-1:before { content: '\eb10'; } .icon-at-1:before { content: '\eb11'; } .icon-pilcrow:before { content: '\eb12'; } .icon-dial:before { content: '\eb13'; } .icon-search-4:before { content: '\eb14'; } .icon-mail-4:before { content: '\eb15'; } .icon-heart-4:before { content: '\eb16'; } .icon-star-4:before { content: '\eb17'; } .icon-user-4:before { content: '\eb18'; } .icon-user-woman:before { content: '\eb19'; } .icon-user-pair:before { content: '\eb1a'; } .icon-video-alt:before { content: '\eb1b'; } .icon-videocam-1:before { content: '\eb1c'; } .icon-videocam-alt:before { content: '\eb1d'; } .icon-camera-4:before { content: '\eb1e'; } .icon-th-2:before { content: '\eb1f'; } .icon-th-list-2:before { content: '\eb20'; } .icon-ok-3:before { content: '\eb21'; } .icon-cancel-4:before { content: '\eb22'; } .icon-cancel-circle-1:before { content: '\eb23'; } .icon-plus-3:before { content: '\eb24'; } .icon-home-3:before { content: '\eb25'; } .icon-lock-3:before { content: '\eb26'; } .icon-lock-open-3:before { content: '\eb27'; } .icon-eye-4:before { content: '\eb28'; } .icon-tag-4:before { content: '\eb29'; } .icon-thumbs-up-3:before { content: '\eb2a'; } .icon-thumbs-down-3:before { content: '\eb2b'; } .icon-download-4:before { content: '\eb2c'; } .icon-export-2:before { content: '\eb2d'; } .icon-pencil-3:before { content: '\eb2e'; } .icon-pencil-alt-1:before { content: '\eb2f'; } .icon-edit-1:before { content: '\eb30'; } .icon-chat-3:before { content: '\eb31'; } .icon-print-2:before { content: '\eb32'; } .icon-bell-2:before { content: '\eb33'; } .icon-attention-3:before { content: '\eb34'; } .icon-info-3:before { content: '\eb35'; } .icon-question:before { content: '\eb36'; } .icon-location-4:before { content: '\eb37'; } .icon-trash-3:before { content: '\eb38'; } .icon-doc-3:before { content: '\eb39'; } .icon-article-1:before { content: '\eb3a'; } .icon-article-alt-1:before { content: '\eb3b'; } .icon-rss-4:before { content: '\eb3c'; } .icon-wrench-3:before { content: '\eb3d'; } .icon-basket-3:before { content: '\eb3e'; } .icon-basket-alt:before { content: '\eb3f'; } .icon-calendar-4:before { content: '\eb40'; } .icon-calendar-alt-1:before { content: '\eb41'; } .icon-volume-off-3:before { content: '\eb42'; } .icon-volume-down-1:before { content: '\eb43'; } .icon-volume-up-2:before { content: '\eb44'; } .icon-bullhorn:before { content: '\eb45'; } .icon-clock-3:before { content: '\eb46'; } .icon-clock-alt:before { content: '\eb47'; } .icon-stop-3:before { content: '\eb48'; } .icon-resize-full-3:before { content: '\eb49'; } .icon-resize-small-3:before { content: '\eb4a'; } .icon-zoom-in-1:before { content: '\eb4b'; } .icon-zoom-out-1:before { content: '\eb4c'; } .icon-popup-2:before { content: '\eb4d'; } .icon-down-dir-2:before { content: '\eb4e'; } .icon-left-dir-2:before { content: '\eb4f'; } .icon-right-dir-2:before { content: '\eb50'; } .icon-up-dir-2:before { content: '\eb51'; } .icon-down-6:before { content: '\eb52'; } .icon-up-6:before { content: '\eb53'; } .icon-cw-3:before { content: '\eb54'; } .icon-signal-3:before { content: '\eb55'; } .icon-award-2:before { content: '\eb56'; } .icon-mobile-3:before { content: '\eb57'; } .icon-mobile-alt:before { content: '\eb58'; } .icon-tablet-1:before { content: '\eb59'; } .icon-ipod:before { content: '\eb5a'; } .icon-cd-2:before { content: '\eb5b'; } .icon-grid:before { content: '\eb5c'; } .icon-book-3:before { content: '\eb5d'; } .icon-easel:before { content: '\eb5e'; } .icon-globe-2:before { content: '\eb5f'; } .icon-chart:before { content: '\eb60'; } .icon-chart-bar-3:before { content: '\eb61'; } .icon-chart-pie-3:before { content: '\eb62'; } .icon-dollar-1:before { content: '\eb63'; } .icon-at-2:before { content: '\eb64'; } .icon-colon:before { content: '\eb65'; } .icon-semicolon:before { content: '\eb66'; } .icon-squares:before { content: '\eb67'; } .icon-money-1:before { content: '\eb68'; } .icon-facebook-5:before { content: '\eb69'; } .icon-facebook-rect-1:before { content: '\eb6a'; } .icon-twitter-bird-1:before { content: '\eb6b'; } .icon-youtube-2:before { content: '\eb6c'; } .icon-windy-rain-inv:before { content: '\eb6d'; } .icon-snow-inv:before { content: '\eb6e'; } .icon-snow-heavy-inv:before { content: '\eb6f'; } .icon-hail-inv:before { content: '\eb70'; } .icon-clouds-inv:before { content: '\eb71'; } .icon-clouds-flash-inv:before { content: '\eb72'; } .icon-temperature:before { content: '\eb73'; } .icon-compass-4:before { content: '\eb74'; } .icon-na:before { content: '\eb75'; } .icon-celcius:before { content: '\eb76'; } .icon-fahrenheit:before { content: '\eb77'; } .icon-clouds-flash-alt:before { content: '\eb78'; } .icon-sun-inv-1:before { content: '\eb79'; } .icon-moon-inv-1:before { content: '\eb7a'; } .icon-cloud-sun-inv:before { content: '\eb7b'; } .icon-cloud-moon-inv:before { content: '\eb7c'; } .icon-cloud-inv:before { content: '\eb7d'; } .icon-cloud-flash-inv:before { content: '\eb7e'; } .icon-drizzle-inv:before { content: '\eb7f'; } .icon-rain-inv:before { content: '\eb80'; } .icon-windy-inv:before { content: '\eb81'; } .icon-sunrise:before { content: '\eb82'; } .icon-sun-2:before { content: '\eb83'; } .icon-moon-3:before { content: '\eb84'; } .icon-eclipse:before { content: '\eb85'; } .icon-mist:before { content: '\eb86'; } .icon-wind-1:before { content: '\eb87'; } .icon-snowflake:before { content: '\eb88'; } .icon-cloud-sun-1:before { content: '\eb89'; } .icon-cloud-moon:before { content: '\eb8a'; } .icon-fog-sun:before { content: '\eb8b'; } .icon-fog-moon:before { content: '\eb8c'; } .icon-fog-cloud:before { content: '\eb8d'; } .icon-fog:before { content: '\eb8e'; } .icon-cloud-3:before { content: '\eb8f'; } .icon-cloud-flash-1:before { content: '\eb90'; } .icon-cloud-flash-alt:before { content: '\eb91'; } .icon-drizzle-1:before { content: '\eb92'; } .icon-rain-2:before { content: '\eb93'; } .icon-windy:before { content: '\eb94'; } .icon-windy-rain:before { content: '\eb95'; } .icon-snow-1:before { content: '\eb96'; } .icon-snow-alt:before { content: '\eb97'; } .icon-snow-heavy:before { content: '\eb98'; } .icon-hail:before { content: '\eb99'; } .icon-clouds:before { content: '\eb9a'; } .icon-clouds-flash:before { content: '\eb9b'; } .icon-down-open-1:before { content: '\f004'; } .icon-up-open-1:before { content: '\f005'; } .icon-right-open-1:before { content: '\f006'; } .icon-left-open-1:before { content: '\f007'; } .icon-menu:before { content: '\f008'; } .icon-th-list:before { content: '\f009'; } .icon-th-thumb:before { content: '\f00a'; } .icon-th-thumb-empty:before { content: '\f00b'; } .icon-coverflow:before { content: '\f00c'; } .icon-coverflow-empty:before { content: '\f00d'; } .icon-pause:before { content: '\f00e'; } .icon-play:before { content: '\f00f'; } .icon-to-end:before { content: '\f010'; } .icon-to-start:before { content: '\f011'; } .icon-fast-forward:before { content: '\f012'; } .icon-fast-backward:before { content: '\f013'; } .icon-upload-cloud:before { content: '\f014'; } .icon-download-cloud:before { content: '\f015'; } .icon-data-science:before { content: '\f016'; } .icon-data-science-inv:before { content: '\f017'; } .icon-globe:before { content: '\f018'; } .icon-globe-inv:before { content: '\f019'; } .icon-math:before { content: '\f01a'; } .icon-math-circled-empty:before { content: '\f01b'; } .icon-math-circled:before { content: '\f01c'; } .icon-paper-plane:before { content: '\f01d'; } .icon-paper-plane-alt2:before { content: '\f01e'; } .icon-paper-plane-alt:before { content: '\f01f'; } .icon-color-adjust:before { content: '\f020'; } .icon-star-half:before { content: '\f022'; } .icon-star-half_empty:before { content: '\f024'; } .icon-ccw-1:before { content: '\f025'; } .icon-heart-broken:before { content: '\f028'; } .icon-hash:before { content: '\f029'; } .icon-reply:before { content: '\f02a'; } .icon-retweet:before { content: '\f02b'; } .icon-login:before { content: '\f02c'; } .icon-logout:before { content: '\f02d'; } .icon-download:before { content: '\f02e'; } .icon-upload:before { content: '\f02f'; } .icon-location:before { content: '\f031'; } .icon-monitor:before { content: '\f032'; } .icon-tablet:before { content: '\f033'; } .icon-mobile:before { content: '\f034'; } .icon-connected-object:before { content: '\f035'; } .icon-isight:before { content: '\f039'; } .icon-videocam:before { content: '\f03a'; } .icon-shuffle:before { content: '\f03b'; } .icon-chat:before { content: '\f03d'; } .icon-bell:before { content: '\f03f'; } .icon-movie:before { content: '\f040'; } .icon-ruler:before { content: '\f044'; } .icon-vector:before { content: '\f045'; } .icon-doc-1:before { content: '\f047'; } .icon-mic-off:before { content: '\f047'; } .icon-mic:before { content: '\f048'; } .icon-doc:before { content: '\f04a'; } .icon-dribbble-circled-2:before { content: '\f04f'; } .icon-dribbble-2:before { content: '\f050'; } .icon-facebook-circled-2:before { content: '\f051'; } .icon-facebook-2:before { content: '\f052'; } .icon-github-circled-alt:before { content: '\f053'; } .icon-github-circled-2:before { content: '\f054'; } .icon-github-2:before { content: '\f055'; } .icon-github-circled-alt2:before { content: '\f056'; } .icon-twitter-circled-2:before { content: '\f057'; } .icon-twitter-2:before { content: '\f058'; } .icon-gplus-circled-1:before { content: '\f059'; } .icon-gplus-1:before { content: '\f05a'; } .icon-linkedin-circled-2:before { content: '\f05b'; } .icon-linkedin-2:before { content: '\f05c'; } .icon-instagram-1:before { content: '\f05d'; } .icon-instagram-circled:before { content: '\f05e'; } .icon-mfg-logo:before { content: '\f05f'; } .icon-mfg-logo-circled:before { content: '\f060'; } .icon-user:before { content: '\f061'; } .icon-user-male:before { content: '\f062'; } .icon-user-female:before { content: '\f063'; } .icon-users:before { content: '\f064'; } .icon-folder:before { content: '\f067'; } .icon-folder-open:before { content: '\f068'; } .icon-folder-empty:before { content: '\f069'; } .icon-attach:before { content: '\f06a'; } .icon-ok-circled:before { content: '\f06d'; } .icon-cancel-circled:before { content: '\f06e'; } .icon-inbox:before { content: '\f070'; } .icon-trophy:before { content: '\f074'; } .icon-lock-open-alt:before { content: '\f075'; } .icon-link:before { content: '\f07b'; } .icon-zoom-in:before { content: '\f07e'; } .icon-zoom-out:before { content: '\f07f'; } .icon-stop:before { content: '\f080'; } .icon-export:before { content: '\f081'; } .icon-eye:before { content: '\f082'; } .icon-trash:before { content: '\f083'; } .icon-hdd:before { content: '\f084'; } .icon-info-circled:before { content: '\f085'; } .icon-info-circled-alt:before { content: '\f086'; } .icon-print:before { content: '\f087'; } .icon-fontsize:before { content: '\f088'; } .icon-soundcloud-1:before { content: '\f089'; } .icon-soundcloud-circled:before { content: '\f08a'; } .icon-link-ext:before { content: '\f08e'; } .icon-check-empty:before { content: '\f096'; } .icon-bookmark-empty:before { content: '\f097'; } .icon-phone-squared:before { content: '\f098'; } .icon-twitter-4:before { content: '\f099'; } .icon-facebook-4:before { content: '\f09a'; } .icon-github-circled-3:before { content: '\f09b'; } .icon-rss-1:before { content: '\f09e'; } .icon-hdd-1:before { content: '\f0a0'; } .icon-certificate:before { content: '\f0a3'; } .icon-left-circled:before { content: '\f0a8'; } .icon-right-circled:before { content: '\f0a9'; } .icon-up-circled:before { content: '\f0aa'; } .icon-down-circled:before { content: '\f0ab'; } .icon-tasks:before { content: '\f0ae'; } .icon-filter:before { content: '\f0b0'; } .icon-resize-full-alt:before { content: '\f0b2'; } .icon-beaker:before { content: '\f0c3'; } .icon-docs:before { content: '\f0c5'; } .icon-blank:before { content: '\f0c8'; } .icon-menu-1:before { content: '\f0c9'; } .icon-list-bullet:before { content: '\f0ca'; } .icon-list-numbered:before { content: '\f0cb'; } .icon-strike:before { content: '\f0cc'; } .icon-underline:before { content: '\f0cd'; } .icon-table:before { content: '\f0ce'; } .icon-magic:before { content: '\f0d0'; } .icon-pinterest-circled-2:before { content: '\f0d2'; } .icon-pinterest-squared:before { content: '\f0d3'; } .icon-gplus-squared:before { content: '\f0d4'; } .icon-gplus-2:before { content: '\f0d5'; } .icon-money:before { content: '\f0d6'; } .icon-columns:before { content: '\f0db'; } .icon-sort:before { content: '\f0dc'; } .icon-sort-down:before { content: '\f0dd'; } .icon-sort-up:before { content: '\f0de'; } .icon-mail-alt:before { content: '\f0e0'; } .icon-linkedin-4:before { content: '\f0e1'; } .icon-gauge:before { content: '\f0e4'; } .icon-comment-empty:before { content: '\f0e5'; } .icon-chat-empty:before { content: '\f0e6'; } .icon-sitemap:before { content: '\f0e8'; } .icon-paste:before { content: '\f0ea'; } .icon-lightbulb:before { content: '\f0eb'; } .icon-exchange:before { content: '\f0ec'; } .icon-download-cloud-1:before { content: '\f0ed'; } .icon-upload-cloud-1:before { content: '\f0ee'; } .icon-user-md:before { content: '\f0f0'; } .icon-stethoscope:before { content: '\f0f1'; } .icon-suitcase:before { content: '\f0f2'; } .icon-bell-alt:before { content: '\f0f3'; } .icon-coffee:before { content: '\f0f4'; } .icon-food:before { content: '\f0f5'; } .icon-doc-text:before { content: '\f0f6'; } .icon-building:before { content: '\f0f7'; } .icon-hospital-1:before { content: '\f0f8'; } .icon-ambulance:before { content: '\f0f9'; } .icon-medkit:before { content: '\f0fa'; } .icon-fighter-jet:before { content: '\f0fb'; } .icon-beer-1:before { content: '\f0fc'; } .icon-h-sigh:before { content: '\f0fd'; } .icon-plus-squared:before { content: '\f0fe'; } .icon-angle-double-left:before { content: '\f100'; } .icon-angle-double-right:before { content: '\f101'; } .icon-angle-double-up:before { content: '\f102'; } .icon-angle-double-down:before { content: '\f103'; } .icon-angle-left:before { content: '\f104'; } .icon-angle-right:before { content: '\f105'; } .icon-angle-up:before { content: '\f106'; } .icon-angle-down:before { content: '\f107'; } .icon-desktop:before { content: '\f108'; } .icon-laptop:before { content: '\f109'; } .icon-tablet-1:before { content: '\f10a'; } .icon-mobile-1:before { content: '\f10b'; } .icon-circle-empty:before { content: '\f10c'; } .icon-quote-left:before { content: '\f10d'; } .icon-quote-right:before { content: '\f10e'; } .icon-spinner:before { content: '\f110'; } .icon-circle:before { content: '\f111'; } .icon-reply-1:before { content: '\f112'; } .icon-github-4:before { content: '\f113'; } .icon-folder-empty-1:before { content: '\f114'; } .icon-folder-open-empty-1:before { content: '\f115'; } .icon-smile:before { content: '\f118'; } .icon-frown:before { content: '\f119'; } .icon-meh:before { content: '\f11a'; } .icon-gamepad:before { content: '\f11b'; } .icon-keyboard:before { content: '\f11c'; } .icon-flag-empty:before { content: '\f11d'; } .icon-flag-checkered:before { content: '\f11e'; } .icon-terminal:before { content: '\f120'; } .icon-code:before { content: '\f121'; } .icon-reply-all:before { content: '\f122'; } .icon-star-half-alt:before { content: '\f123'; } .icon-direction:before { content: '\f124'; } .icon-crop:before { content: '\f125'; } .icon-fork:before { content: '\f126'; } .icon-unlink:before { content: '\f127'; } .icon-help:before { content: '\f128'; } .icon-info:before { content: '\f129'; } .icon-attention-alt-1:before { content: '\f12a'; } .icon-superscript:before { content: '\f12b'; } .icon-subscript:before { content: '\f12c'; } .icon-eraser:before { content: '\f12d'; } .icon-puzzle:before { content: '\f12e'; } .icon-mic-1:before { content: '\f130'; } .icon-mute:before { content: '\f131'; } .icon-shield:before { content: '\f132'; } .icon-calendar-empty:before { content: '\f133'; } .icon-extinguisher:before { content: '\f134'; } .icon-rocket:before { content: '\f135'; } .icon-maxcdn:before { content: '\f136'; } .icon-angle-circled-left:before { content: '\f137'; } .icon-angle-circled-right:before { content: '\f138'; } .icon-angle-circled-up:before { content: '\f139'; } .icon-angle-circled-down:before { content: '\f13a'; } .icon-html5-1:before { content: '\f13b'; } .icon-css3:before { content: '\f13c'; } .icon-anchor-1:before { content: '\f13d'; } .icon-lock-open-alt-1:before { content: '\f13e'; } .icon-bullseye:before { content: '\f140'; } .icon-ellipsis:before { content: '\f141'; } .icon-ellipsis-vert:before { content: '\f142'; } .icon-rss-squared:before { content: '\f143'; } .icon-play-circled:before { content: '\f144'; } .icon-ticket:before { content: '\f145'; } .icon-minus-squared:before { content: '\f146'; } .icon-minus-squared-alt:before { content: '\f147'; } .icon-level-up:before { content: '\f148'; } .icon-level-down:before { content: '\f149'; } .icon-ok-squared:before { content: '\f14a'; } .icon-pencil-squared:before { content: '\f14b'; } .icon-link-ext-alt:before { content: '\f14c'; } .icon-export-alt:before { content: '\f14d'; } .icon-compass:before { content: '\f14e'; } .icon-expand:before { content: '\f150'; } .icon-collapse:before { content: '\f151'; } .icon-expand-right:before { content: '\f152'; } .icon-euro:before { content: '\f153'; } .icon-pound:before { content: '\f154'; } .icon-dollar:before { content: '\f155'; } .icon-rupee:before { content: '\f156'; } .icon-yen:before { content: '\f157'; } .icon-rouble:before { content: '\f158'; } .icon-won:before { content: '\f159'; } .icon-bitcoin-1:before { content: '\f15a'; } .icon-doc-inv:before { content: '\f15b'; } .icon-doc-text-inv:before { content: '\f15c'; } .icon-sort-name-up:before { content: '\f15d'; } .icon-sort-name-down:before { content: '\f15e'; } .icon-sort-alt-up:before { content: '\f160'; } .icon-sort-alt-down:before { content: '\f161'; } .icon-sort-number-up:before { content: '\f162'; } .icon-sort-number-down:before { content: '\f163'; } .icon-thumbs-up-alt:before { content: '\f164'; } .icon-thumbs-down-alt:before { content: '\f165'; } .icon-youtube-squared:before { content: '\f166'; } .icon-youtube-1:before { content: '\f167'; } .icon-xing-1:before { content: '\f168'; } .icon-xing-squared:before { content: '\f169'; } .icon-youtube-play:before { content: '\f16a'; } .icon-dropbox-1:before { content: '\f16b'; } .icon-stackoverflow-1:before { content: '\f16c'; } .icon-instagram-3:before { content: '\f16d'; } .icon-flickr-3:before { content: '\f16e'; } .icon-adn:before { content: '\f170'; } .icon-bitbucket-1:before { content: '\f171'; } .icon-bitbucket-squared:before { content: '\f172'; } .icon-tumblr-2:before { content: '\f173'; } .icon-tumblr-squared:before { content: '\f174'; } .icon-down:before { content: '\f175'; } .icon-up:before { content: '\f176'; } .icon-left:before { content: '\f177'; } .icon-right:before { content: '\f178'; } .icon-apple:before { content: '\f179'; } .icon-windows-1:before { content: '\f17a'; } .icon-android-1:before { content: '\f17b'; } .icon-linux:before { content: '\f17c'; } .icon-dribbble-4:before { content: '\f17d'; } .icon-skype-3:before { content: '\f17e'; } .icon-foursquare-1:before { content: '\f180'; } .icon-trello:before { content: '\f181'; } .icon-female-1:before { content: '\f182'; } .icon-male-1:before { content: '\f183'; } .icon-gittip:before { content: '\f184'; } .icon-sun:before { content: '\f185'; } .icon-moon:before { content: '\f186'; } .icon-box-1:before { content: '\f187'; } .icon-bug:before { content: '\f188'; } .icon-vkontakte-2:before { content: '\f189'; } .icon-weibo-1:before { content: '\f18a'; } .icon-renren-1:before { content: '\f18b'; } .icon-pagelines:before { content: '\f18c'; } .icon-stackexchange:before { content: '\f18d'; } .icon-right-circled2:before { content: '\f18e'; } .icon-left-circled2:before { content: '\f190'; } .icon-collapse-left:before { content: '\f191'; } .icon-dot-circled:before { content: '\f192'; } .icon-wheelchair:before { content: '\f193'; } .icon-vimeo-squared:before { content: '\f194'; } .icon-try:before { content: '\f195'; } .icon-plus-squared-alt:before { content: '\f196'; } .icon-space-shuttle:before { content: '\f197'; } .icon-slack:before { content: '\f198'; } .icon-mail-squared:before { content: '\f199'; } .icon-wordpress-2:before { content: '\f19a'; } .icon-openid-1:before { content: '\f19b'; } .icon-bank:before { content: '\f19c'; } .icon-graduation-cap:before { content: '\f19d'; } .icon-yahoo-1:before { content: '\f19e'; } .icon-google-1:before { content: '\f1a0'; } .icon-reddit-1:before { content: '\f1a1'; } .icon-reddit-squared:before { content: '\f1a2'; } .icon-stumbleupon-circled-1:before { content: '\f1a3'; } .icon-stumbleupon-2:before { content: '\f1a4'; } .icon-delicious-1:before { content: '\f1a5'; } .icon-digg-1:before { content: '\f1a6'; } .icon-pied-piper-squared:before { content: '\f1a7'; } .icon-pied-piper-alt:before { content: '\f1a8'; } .icon-drupal-1:before { content: '\f1a9'; } .icon-joomla:before { content: '\f1aa'; } .icon-language:before { content: '\f1ab'; } .icon-fax:before { content: '\f1ac'; } .icon-building-filled:before { content: '\f1ad'; } .icon-child:before { content: '\f1ae'; } .icon-paw:before { content: '\f1b0'; } .icon-spoon:before { content: '\f1b1'; } .icon-cube:before { content: '\f1b2'; } .icon-cubes:before { content: '\f1b3'; } .icon-behance-2:before { content: '\f1b4'; } .icon-behance-squared:before { content: '\f1b5'; } .icon-steam-1:before { content: '\f1b6'; } .icon-steam-squared:before { content: '\f1b7'; } .icon-recycle:before { content: '\f1b8'; } .icon-cab:before { content: '\f1b9'; } .icon-taxi:before { content: '\f1ba'; } .icon-tree:before { content: '\f1bb'; } .icon-spotify-1:before { content: '\f1bc'; } .icon-deviantart-1:before { content: '\f1bd'; } .icon-soundcloud-2:before { content: '\f1be'; } .icon-database:before { content: '\f1c0'; } .icon-file-pdf:before { content: '\f1c1'; } .icon-file-word:before { content: '\f1c2'; } .icon-file-excel:before { content: '\f1c3'; } .icon-file-powerpoint:before { content: '\f1c4'; } .icon-file-image:before { content: '\f1c5'; } .icon-file-archive:before { content: '\f1c6'; } .icon-file-audio:before { content: '\f1c7'; } .icon-file-video:before { content: '\f1c8'; } .icon-file-code:before { content: '\f1c9'; } .icon-vine:before { content: '\f1ca'; } .icon-codeopen:before { content: '\f1cb'; } .icon-jsfiddle:before { content: '\f1cc'; } .icon-lifebuoy:before { content: '\f1cd'; } .icon-circle-notch:before { content: '\f1ce'; } .icon-rebel:before { content: '\f1d0'; } .icon-empire:before { content: '\f1d1'; } .icon-git-squared:before { content: '\f1d2'; } .icon-git:before { content: '\f1d3'; } .icon-hacker-news:before { content: '\f1d4'; } .icon-tencent-weibo:before { content: '\f1d5'; } .icon-qq-1:before { content: '\f1d6'; } .icon-wechat:before { content: '\f1d7'; } .icon-paper-plane-1:before { content: '\f1d8'; } .icon-paper-plane-empty:before { content: '\f1d9'; } .icon-history:before { content: '\f1da'; } .icon-circle-thin:before { content: '\f1db'; } .icon-header:before { content: '\f1dc'; } .icon-paragraph:before { content: '\f1dd'; } .icon-sliders:before { content: '\f1de'; } .icon-share:before { content: '\f1e0'; } .icon-share-squared:before { content: '\f1e1'; } .icon-bomb:before { content: '\f1e2'; } .icon-soccer-ball:before { content: '\f1e3'; } .icon-tty:before { content: '\f1e4'; } .icon-binoculars:before { content: '\f1e5'; } .icon-plug:before { content: '\f1e6'; } .icon-slideshare-1:before { content: '\f1e7'; } .icon-twitch:before { content: '\f1e8'; } .icon-yelp-1:before { content: '\f1e9'; } .icon-newspaper-1:before { content: '\f1ea'; } .icon-wifi:before { content: '\f1eb'; } .icon-calc:before { content: '\f1ec'; } .icon-paypal-1:before { content: '\f1ed'; } .icon-gwallet:before { content: '\f1ee'; } .icon-cc-visa:before { content: '\f1f0'; } .icon-cc-mastercard:before { content: '\f1f1'; } .icon-cc-discover:before { content: '\f1f2'; } .icon-cc-amex:before { content: '\f1f3'; } .icon-cc-paypal:before { content: '\f1f4'; } .icon-cc-stripe:before { content: '\f1f5'; } .icon-bell-off:before { content: '\f1f6'; } .icon-bell-off-empty:before { content: '\f1f7'; } .icon-trash-1:before { content: '\f1f8'; } .icon-copyright:before { content: '\f1f9'; } .icon-at-1:before { content: '\f1fa'; } .icon-eyedropper:before { content: '\f1fb'; } .icon-brush:before { content: '\f1fc'; } .icon-birthday:before { content: '\f1fd'; } .icon-chart-area:before { content: '\f1fe'; } .icon-chart-pie:before { content: '\f200'; } .icon-chart-line:before { content: '\f201'; } .icon-lastfm-2:before { content: '\f202'; } .icon-lastfm-squared:before { content: '\f203'; } .icon-toggle-off:before { content: '\f204'; } .icon-toggle-on:before { content: '\f205'; } .icon-bicycle-1:before { content: '\f206'; } .icon-bus-1:before { content: '\f207'; } .icon-ioxhost:before { content: '\f208'; } .icon-angellist-1:before { content: '\f209'; } .icon-cc-1:before { content: '\f20a'; } .icon-shekel:before { content: '\f20b'; } .icon-meanpath:before { content: '\f20c'; } .icon-buysellads:before { content: '\f20d'; } .icon-connectdevelop:before { content: '\f20e'; } .icon-dashcube:before { content: '\f210'; } .icon-forumbee:before { content: '\f211'; } .icon-leanpub:before { content: '\f212'; } .icon-sellsy:before { content: '\f213'; } .icon-shirtsinbulk:before { content: '\f214'; } .icon-simplybuilt:before { content: '\f215'; } .icon-skyatlas:before { content: '\f216'; } .icon-cart-plus:before { content: '\f217'; } .icon-cart-arrow-down:before { content: '\f218'; } .icon-diamond:before { content: '\f219'; } .icon-ship:before { content: '\f21a'; } .icon-user-secret:before { content: '\f21b'; } .icon-motorcycle:before { content: '\f21c'; } .icon-street-view:before { content: '\f21d'; } .icon-heartbeat:before { content: '\f21e'; } .icon-venus:before { content: '\f221'; } .icon-mars:before { content: '\f222'; } .icon-mercury:before { content: '\f223'; } .icon-transgender:before { content: '\f224'; } .icon-transgender-alt:before { content: '\f225'; } .icon-venus-double:before { content: '\f226'; } .icon-mars-double:before { content: '\f227'; } .icon-venus-mars:before { content: '\f228'; } .icon-mars-stroke:before { content: '\f229'; } .icon-mars-stroke-v:before { content: '\f22a'; } .icon-mars-stroke-h:before { content: '\f22b'; } .icon-neuter:before { content: '\f22c'; } .icon-genderless:before { content: '\f22d'; } .icon-facebook-official:before { content: '\f230'; } .icon-pinterest-3:before { content: '\f231'; } .icon-whatsapp:before { content: '\f232'; } .icon-server:before { content: '\f233'; } .icon-user-plus:before { content: '\f234'; } .icon-user-times:before { content: '\f235'; } .icon-bed:before { content: '\f236'; } .icon-viacoin:before { content: '\f237'; } .icon-train:before { content: '\f238'; } .icon-subway:before { content: '\f239'; } .icon-medium:before { content: '\f23a'; } .icon-y-combinator:before { content: '\f23b'; } .icon-optin-monster:before { content: '\f23c'; } .icon-opencart:before { content: '\f23d'; } .icon-expeditedssl:before { content: '\f23e'; } .icon-battery-4:before { content: '\f240'; } .icon-battery-3:before { content: '\f241'; } .icon-battery-2:before { content: '\f242'; } .icon-battery-1:before { content: '\f243'; } .icon-battery-0:before { content: '\f244'; } .icon-mouse-pointer:before { content: '\f245'; } .icon-i-cursor:before { content: '\f246'; } .icon-object-group:before { content: '\f247'; } .icon-object-ungroup:before { content: '\f248'; } .icon-sticky-note:before { content: '\f249'; } .icon-sticky-note-o:before { content: '\f24a'; } .icon-cc-jcb:before { content: '\f24b'; } .icon-cc-diners-club:before { content: '\f24c'; } .icon-clone:before { content: '\f24d'; } .icon-balance-scale:before { content: '\f24e'; } .icon-hourglass-o:before { content: '\f250'; } .icon-hourglass-4:before { content: '\f251'; } .icon-hourglass-2:before { content: '\f252'; } .icon-hourglass-3:before { content: '\f253'; } .icon-hourglass-1:before { content: '\f254'; } .icon-hand-grab-o:before { content: '\f255'; } .icon-hand-paper-o:before { content: '\f256'; } .icon-hand-scissors-o:before { content: '\f257'; } .icon-hand-lizard-o:before { content: '\f258'; } .icon-hand-spock-o:before { content: '\f259'; } .icon-hand-pointer-o:before { content: '\f25a'; } .icon-hand-peace-o:before { content: '\f25b'; } .icon-trademark:before { content: '\f25c'; } .icon-registered:before { content: '\f25d'; } .icon-creative-commons:before { content: '\f25e'; } .icon-gg:before { content: '\f260'; } .icon-gg-circle:before { content: '\f261'; } .icon-tripadvisor:before { content: '\f262'; } .icon-odnoklassniki-1:before { content: '\f263'; } .icon-odnoklassniki-square:before { content: '\f264'; } .icon-get-pocket:before { content: '\f265'; } .icon-wikipedia-w:before { content: '\f266'; } .icon-safari:before { content: '\f267'; } .icon-chrome-1:before { content: '\f268'; } .icon-firefox:before { content: '\f269'; } .icon-opera:before { content: '\f26a'; } .icon-internet-explorer:before { content: '\f26b'; } .icon-television:before { content: '\f26c'; } .icon-contao:before { content: '\f26d'; } .icon-500px:before { content: '\f26e'; } .icon-amazon-1:before { content: '\f270'; } .icon-calendar-plus-o:before { content: '\f271'; } .icon-calendar-minus-o:before { content: '\f272'; } .icon-calendar-times-o:before { content: '\f273'; } .icon-calendar-check-o:before { content: '\f274'; } .icon-industry:before { content: '\f275'; } .icon-map-pin:before { content: '\f276'; } .icon-map-signs:before { content: '\f277'; } .icon-map-o:before { content: '\f278'; } .icon-map:before { content: '\f279'; } .icon-commenting:before { content: '\f27a'; } .icon-commenting-o:before { content: '\f27b'; } .icon-houzz-1:before { content: '\f27c'; } .icon-vimeo-3:before { content: '\f27d'; } .icon-black-tie:before { content: '\f27e'; } .icon-fonticons:before { content: '\f280'; } .icon-reddit-alien:before { content: '\f281'; } .icon-edge:before { content: '\f282'; } .icon-credit-card-alt:before { content: '\f283'; } .icon-codiepie:before { content: '\f284'; } .icon-modx:before { content: '\f285'; } .icon-fort-awesome:before { content: '\f286'; } .icon-usb:before { content: '\f287'; } .icon-product-hunt:before { content: '\f288'; } .icon-mixcloud:before { content: '\f289'; } .icon-scribd-1:before { content: '\f28a'; } .icon-pause-circle:before { content: '\f28b'; } .icon-pause-circle-o:before { content: '\f28c'; } .icon-stop-circle:before { content: '\f28d'; } .icon-stop-circle-o:before { content: '\f28e'; } .icon-shopping-bag:before { content: '\f290'; } .icon-shopping-basket:before { content: '\f291'; } .icon-hashtag:before { content: '\f292'; } .icon-bluetooth:before { content: '\f293'; } .icon-bluetooth-b:before { content: '\f294'; } .icon-percent:before { content: '\f295'; } .icon-gitlab:before { content: '\f296'; } .icon-wpbeginner:before { content: '\f297'; } .icon-wpforms:before { content: '\f298'; } .icon-envira:before { content: '\f299'; } .icon-universal-access:before { content: '\f29a'; } .icon-wheelchair-alt:before { content: '\f29b'; } .icon-question-circle-o:before { content: '\f29c'; } .icon-blind:before { content: '\f29d'; } .icon-audio-description:before { content: '\f29e'; } .icon-volume-control-phone:before { content: '\f2a0'; } .icon-braille:before { content: '\f2a1'; } .icon-assistive-listening-systems:before { content: '\f2a2'; } .icon-american-sign-language-interpreting:before { content: '\f2a3'; } .icon-asl-interpreting:before { content: '\f2a4'; } .icon-glide:before { content: '\f2a5'; } .icon-glide-g:before { content: '\f2a6'; } .icon-sign-language:before { content: '\f2a7'; } .icon-low-vision:before { content: '\f2a8'; } .icon-viadeo-1:before { content: '\f2a9'; } .icon-viadeo-square:before { content: '\f2aa'; } .icon-snapchat:before { content: '\f2ab'; } .icon-snapchat-ghost:before { content: '\f2ac'; } .icon-snapchat-square:before { content: '\f2ad'; } .icon-pied-piper:before { content: '\f2ae'; } .icon-first-order:before { content: '\f2b0'; } .icon-yoast:before { content: '\f2b1'; } .icon-themeisle:before { content: '\f2b2'; } .icon-google-plus-circle:before { content: '\f2b3'; } .icon-font-awesome:before { content: '\f2b4'; } .icon-handshake-o:before { content: '\f2b5'; } .icon-envelope-open:before { content: '\f2b6'; } .icon-envelope-open-o:before { content: '\f2b7'; } .icon-linode:before { content: '\f2b8'; } .icon-address-book:before { content: '\f2b9'; } .icon-address-book-o:before { content: '\f2ba'; } .icon-address-card:before { content: '\f2bb'; } .icon-address-card-o:before { content: '\f2bc'; } .icon-user-circle:before { content: '\f2bd'; } .icon-user-circle-o:before { content: '\f2be'; } .icon-user-o:before { content: '\f2c0'; } .icon-id-badge:before { content: '\f2c1'; } .icon-id-card:before { content: '\f2c2'; } .icon-id-card-o:before { content: '\f2c3'; } .icon-quora-1:before { content: '\f2c4'; } .icon-free-code-camp:before { content: '\f2c5'; } .icon-telegram:before { content: '\f2c6'; } .icon-thermometer:before { content: '\f2c7'; } .icon-thermometer-3:before { content: '\f2c8'; } .icon-thermometer-2:before { content: '\f2c9'; } .icon-thermometer-quarter:before { content: '\f2ca'; } .icon-thermometer-0:before { content: '\f2cb'; } .icon-shower:before { content: '\f2cc'; } .icon-bath:before { content: '\f2cd'; } .icon-podcast-1:before { content: '\f2ce'; } .icon-window-maximize:before { content: '\f2d0'; } .icon-window-minimize:before { content: '\f2d1'; } .icon-window-restore:before { content: '\f2d2'; } .icon-window-close:before { content: '\f2d3'; } .icon-window-close-o:before { content: '\f2d4'; } .icon-bandcamp-1:before { content: '\f2d5'; } .icon-grav:before { content: '\f2d6'; } .icon-etsy:before { content: '\f2d7'; } .icon-imdb:before { content: '\f2d8'; } .icon-ravelry:before { content: '\f2d9'; } .icon-eercast:before { content: '\f2da'; } .icon-microchip:before { content: '\f2db'; } .icon-snowflake-o:before { content: '\f2dc'; } .icon-superpowers:before { content: '\f2dd'; } .icon-wpexplorer:before { content: '\f2de'; } .icon-meetup-1:before { content: '\f2e0'; } .icon-facebook-1:before { content: '\f300'; } .icon-group-circled:before { content: '\f300'; } .icon-facebook-rect:before { content: '\f301'; } .icon-torso:before { content: '\f301'; } .icon-eye-2:before { content: '\f302'; } .icon-twitter-1:before { content: '\f302'; } .icon-twitter-bird:before { content: '\f303'; } .icon-video:before { content: '\f303'; } .icon-icq:before { content: '\f304'; } .icon-video-circled:before { content: '\f304'; } .icon-yandex:before { content: '\f305'; } .icon-yandex-rect:before { content: '\f306'; } .icon-video-alt:before { content: '\f306'; } .icon-github-text:before { content: '\f307'; } .icon-videocam:before { content: '\f307'; } .icon-shuffle-1:before { content: '\f308'; } .icon-github-1:before { content: '\f308'; } .icon-share-1:before { content: '\f309'; } .icon-googleplus-rect:before { content: '\f309'; } .icon-export-2:before { content: '\f30a'; } .icon-vkontakte-rect:before { content: '\f30a'; } .icon-skype-1:before { content: '\f30b'; } .icon-skype:before { content: '\f30b'; } .icon-export-3:before { content: '\f30c'; } .icon-odnoklassniki:before { content: '\f30c'; } .icon-odnoklassniki-rect:before { content: '\f30d'; } .icon-photo:before { content: '\f30d'; } .icon-github-1:before { content: '\f30e'; } .icon-vimeo-rect:before { content: '\f30e'; } .icon-github-circled-1:before { content: '\f30f'; } .icon-vimeo-1:before { content: '\f30f'; } .icon-flickr-1:before { content: '\f310'; } .icon-tumblr-rect:before { content: '\f310'; } .icon-tumblr-1:before { content: '\f311'; } .icon-flickr-circled:before { content: '\f312'; } .icon-friendfeed:before { content: '\f312'; } .icon-vimeo-1:before { content: '\f313'; } .icon-friendfeed-rect:before { content: '\f313'; } .icon-tags-1:before { content: '\f314'; } .icon-blogger-1:before { content: '\f314'; } .icon-vimeo-circled:before { content: '\f315'; } .icon-blogger-rect:before { content: '\f315'; } .icon-twitter-1:before { content: '\f316'; } .icon-deviantart:before { content: '\f316'; } .icon-jabber:before { content: '\f317'; } .icon-twitter-circled:before { content: '\f318'; } .icon-lastfm-1:before { content: '\f318'; } .icon-facebook-1:before { content: '\f319'; } .icon-lastfm-rect:before { content: '\f319'; } .icon-linkedin-1:before { content: '\f31a'; } .icon-facebook-circled:before { content: '\f31b'; } .icon-linkedin-rect:before { content: '\f31b'; } .icon-facebook-squared:before { content: '\f31c'; } .icon-picasa:before { content: '\f31c'; } .icon-wordpress-1:before { content: '\f31d'; } .icon-gplus-2:before { content: '\f31e'; } .icon-instagram-2:before { content: '\f31e'; } .icon-gplus-circled:before { content: '\f31f'; } .icon-instagram-filled:before { content: '\f31f'; } .icon-diigo:before { content: '\f320'; } .icon-pinterest-1:before { content: '\f321'; } .icon-box:before { content: '\f321'; } .icon-pinterest-circled:before { content: '\f322'; } .icon-box-rect:before { content: '\f322'; } .icon-tudou:before { content: '\f323'; } .icon-tumblr-2:before { content: '\f324'; } .icon-youku:before { content: '\f324'; } .icon-tumblr-circled:before { content: '\f325'; } .icon-win8:before { content: '\f325'; } .icon-amex:before { content: '\f326'; } .icon-linkedin-1:before { content: '\f327'; } .icon-discover:before { content: '\f327'; } .icon-linkedin-circled:before { content: '\f328'; } .icon-visa:before { content: '\f328'; } .icon-mastercard:before { content: '\f329'; } .icon-dribbble-1:before { content: '\f32a'; } .icon-houzz:before { content: '\f32a'; } .icon-bandcamp:before { content: '\f32b'; } .icon-codepen:before { content: '\f32c'; } .icon-instagram-3:before { content: '\f32d'; } .icon-dropbox-1:before { content: '\f330'; } .icon-evernote-1:before { content: '\f333'; } .icon-flattr-1:before { content: '\f336'; } .icon-skype-1:before { content: '\f339'; } .icon-skype-circled:before { content: '\f33a'; } .icon-renren:before { content: '\f33c'; } .icon-sina-weibo:before { content: '\f33f'; } .icon-paypal-1:before { content: '\f342'; } .icon-picasa-1:before { content: '\f345'; } .icon-soundcloud-2:before { content: '\f348'; } .icon-mixi:before { content: '\f34b'; } .icon-behance:before { content: '\f34e'; } .icon-google-circles:before { content: '\f351'; } .icon-vkontakte:before { content: '\f354'; } .icon-smashing:before { content: '\f357'; } .icon-comment:before { content: '\f4ac'; } .icon-folder-open-empty:before { content: '\f4c2'; } .icon-calendar:before { content: '\f4c5'; } .icon-newspaper:before { content: '\f4f0'; } .icon-camera:before { content: '\f4f7'; } .icon-search:before { content: '\f50d'; } .icon-lock-alt:before { content: '\f510'; } .icon-lock:before { content: '\f512'; } .icon-lock-open:before { content: '\f513'; } .icon-joystick:before { content: '\f514'; } .icon-fire:before { content: '\f525'; } .icon-chart-bar:before { content: '\f526'; } .icon-spread:before { content: '\f527'; } .icon-spinner1:before { content: '\f528'; } .icon-spinner2:before { content: '\f529'; } .icon-db-shape:before { content: '\f600'; } .icon-sweden:before { content: '\f601'; } .icon-logo-db:before { content: '\f603'; }   .mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}   .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.hinge {
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
animation-duration: .75s;
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform: translate3d(0,0,0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0,-4px,0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
} @keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, .95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
} @keyframes wobble {
from {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: none;
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
} @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: none;
}
}
.rollIn {
animation-name: rollIn;
} @keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
} body { -webkit-backface-visibility: hidden;
}
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@-moz-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@-o-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
0%, 100% {-moz-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@-o-keyframes shake {
0%, 100% {-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);}	
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
0% {-moz-transform: scale(1);}	
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
100% {-moz-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
0% {-o-transform: scale(1);}	
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {transform: scale(1);}	
10%, 20% {transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
100% {transform: scale(1) rotate(0);}
}
.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
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); }
}
@-moz-keyframes swing {
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); }
}
@-o-keyframes swing {
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); }
}
@keyframes swing {
20% { transform: rotate(15deg); }	
40% { transform: rotate(-10deg); }
60% { transform: rotate(5deg); }	
80% { transform: rotate(-5deg); }	
100% { transform: rotate(0deg); }
}
.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;
} @-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 pulse {
0% { -webkit-transform: scale(1); }	
50% { -webkit-transform: scale(1.1); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
0% { -moz-transform: scale(1); }	
50% { -moz-transform: scale(1.1); }
100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
0% { -o-transform: scale(1); }	
50% { -o-transform: scale(1.1); }
100% { -o-transform: scale(1); }
}
@keyframes pulse {
0% { transform: scale(1); }	
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-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) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) rotateY(0);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-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) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) scale(1);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) rotateY(0);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-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) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) scale(1);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in;
}
}
.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 {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@-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;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible !important;
-o-animation-name: flipOutY;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
@-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;
}
@-webkit-keyframes bounceInDown {
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 bounceInDown {
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 bounceInDown {
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 bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-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 bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
}	
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(.95);
}
50% {
opacity: 1;
-moz-transform: scale(1.1);
}
100% {
opacity: 0;
-moz-transform: scale(.3);
}	
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(.95);
}
50% {
opacity: 1;
-o-transform: scale(1.1);
}
100% {
opacity: 0;
-o-transform: scale(.3);
}	
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(.3);
}	
}
.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-20px);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-20px);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-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 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 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 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;
}
@-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 rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0;
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
100% { -webkit-transform: translateY(700px); opacity: 0; }
}
@-moz-keyframes hinge {
0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
100% { -moz-transform: translateY(700px); opacity: 0; }
}
@-o-keyframes hinge {
0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
100% { -o-transform: translateY(700px); opacity: 0; }
}
@keyframes hinge {
0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
100% { transform: translateY(700px); opacity: 0; }
}
.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
} @-webkit-keyframes lightSpeedIn {
0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-moz-keyframes lightSpeedIn {
0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-o-keyframes lightSpeedIn {
0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@keyframes lightSpeedIn {
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
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;
}
.animated.lightSpeedIn {
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
} @-webkit-keyframes lightSpeedOut {
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-moz-keyframes lightSpeedOut {
0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-o-keyframes lightSpeedOut {
0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@keyframes lightSpeedOut {
0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.animated.lightSpeedOut {
-webkit-animation-duration: 0.25s;
-moz-animation-duration: 0.25s;
-o-animation-duration: 0.25s;
animation-duration: 0.25s;
} @-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
20% { -webkit-transform: skewX(7deg); }
30% { -webkit-transform: skewX(-6deg); }
40% { -webkit-transform: skewX(5deg); }
50% { -webkit-transform: skewX(-4deg); }
60% { -webkit-transform: skewX(3deg); }
70% { -webkit-transform: skewX(-2deg); }
80% { -webkit-transform: skewX(1deg); }
90% { -webkit-transform: skewX(0deg); }
100% { -webkit-transform: skewX(0deg); }
}
@-moz-keyframes wiggle {
0% { -moz-transform: skewX(9deg); }
10% { -moz-transform: skewX(-8deg); }
20% { -moz-transform: skewX(7deg); }
30% { -moz-transform: skewX(-6deg); }
40% { -moz-transform: skewX(5deg); }
50% { -moz-transform: skewX(-4deg); }
60% { -moz-transform: skewX(3deg); }
70% { -moz-transform: skewX(-2deg); }
80% { -moz-transform: skewX(1deg); }
90% { -moz-transform: skewX(0deg); }
100% { -moz-transform: skewX(0deg); }
}
@-o-keyframes wiggle {
0% { -o-transform: skewX(9deg); }
10% { -o-transform: skewX(-8deg); }
20% { -o-transform: skewX(7deg); }
30% { -o-transform: skewX(-6deg); }
40% { -o-transform: skewX(5deg); }
50% { -o-transform: skewX(-4deg); }
60% { -o-transform: skewX(3deg); }
70% { -o-transform: skewX(-2deg); }
80% { -o-transform: skewX(1deg); }
90% { -o-transform: skewX(0deg); }
100% { -o-transform: skewX(0deg); }
}
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
20% { transform: skewX(7deg); }
30% { transform: skewX(-6deg); }
40% { transform: skewX(5deg); }
50% { transform: skewX(-4deg); }
60% { transform: skewX(3deg); }
70% { transform: skewX(-2deg); }
80% { transform: skewX(1deg); }
90% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }
}
.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.animated.wiggle {
-webkit-animation-duration: 0.75s;
-moz-animation-duration: 0.75s;
-o-animation-duration: 0.75s;
animation-duration: 0.75s;
} .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{width:auto}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//marcel-bartecki.de/wp-content/themes/foliox/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}   .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} .hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger.is-active:hover,.hamburger:hover{opacity:1}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent!important}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent!important}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent!important}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent!important}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent!important}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent!important}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}
  a{
text-decoration: none;
}
:root{
--main-color: #b4afc6;
--extra-color: #00c0ff;
--font-family-main: 'Open Sans', sans-serif;
--font-family-extra: 'Poppins', sans-serif;
}
html {
overflow-x: hidden;
padding: 0px;
margin: 0px
}
body{
overflow-x: hidden;
width: 100%;
font-family: var(--font-family-main);
font-size: 18px;
line-height: 30px;
letter-spacing: 0px;
word-wrap: break-word;
font-weight: 400;
background-color: #1e1345;
color: var(--main-color);
background-image: url(//marcel-bartecki.de/wp-content/themes/foliox//img/hero/1.jpg);
}
svg{
fill: currentcolor;
width: 15px;
height: 15px;
}
img.svg{
width: 15px;
height: 15px;
}
::-webkit-input-placeholder { color: var(--main-color);
}
:-moz-placeholder { color: var(--main-color);
opacity:  1;
}
::-moz-placeholder { color: var(--main-color);
opacity:  1;
}
:-ms-input-placeholder { color: var(--main-color);
}
::-ms-input-placeholder { color: var(--main-color);
}
::placeholder { color: var(--main-color);
}
ul{
margin: 0px;
list-style-type: none;
}
body::-webkit-scrollbar {
width: 11px;
}
body{
scrollbar-width: thin;
scrollbar-color: var(--extra-color) #1e1345;
}
body:-webkit-scrollbar-track {
background: #1e1345;
}
body::-webkit-scrollbar-thumb {
background-color: var(--extra-color);
border-radius: 6px;
border: 3px solid #1e1345;
}
.container{
max-width: 1400px;
width:100%;
margin-left: auto;
margin-right: auto;
height:auto;
padding:0px 40px;
position:relative;
clear:both;
}
h1, h2, h3, h4, h5, h6{
font-weight:600;
line-height: 1.3;
font-family: var(--font-family-extra);
color: #fff;
}
h1 { font-size: 45px; }
h2 { font-size: 36px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
.foliox_tm_all_wrap{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
}
.foliox_tm_all_wrap,
.foliox_tm_all_wrap *{
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#preloader{
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 99999;
display: flex;
}
#preloader:before,
#preloader:after{
content: '';
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
z-index: -1;
background-color: #fff;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#preloader:after{
left: auto;
right: 0;
}
#preloader .loader_line{
margin: auto;
width: 1px;
height: 250px;
position: relative;
overflow: hidden;
-webkit-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
}
.loader_line:before{
content: '';
position: absolute;
left: 0;
top: 50%;
width: 1px;
height: 0%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #000;
-webkit-animation: lineheight 1000ms ease-in-out 0s forwards;
-o-animation: lineheight 1000ms ease-in-out 0s forwards;
animation: lineheight 1000ms ease-in-out 0s forwards;
}
.loader_line:after{
content: '';
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
background-color: #ccc;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation: lineround 1200ms linear 0s infinite;
-o-animation: lineround 1200ms linear 0s infinite;
animation: lineround 1200ms linear 0s infinite;
animation-delay: 2000ms;
}
@keyframes lineheight{
0%{
height: 0%;
}
100%{
height: 100%;
}
}
@keyframes lineround{
0%{
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
100%{
-webkit-transform: translateY(200%);
-ms-transform: translateY(200%);
-o-transform: translateY(200%);
transform: translateY(200%);
}
} .preloaded .loader_line:after{
opacity: 0;
}
.preloaded  .loader_line{
opacity: 0;
height: 100%!important;
}
.preloaded:before,
.preloaded:after{
-webkit-animation: preloadedzero 300ms ease-in-out 500ms forwards;
-o-animation: preloadedzero 300ms ease-in-out 500ms forwards;
animation: preloadedzero 300ms ease-in-out 500ms forwards;
}
@keyframes preloadedzero{
0%{
width: 50%;
}
100%{
width: 0%;
}
}
.foliox_tm_section{
width: 100%;
height: auto;
clear: both;
float: left;
}  .foliox_tm_mobile_menu{
width: 100%;
height: auto;
position: fixed;
top: 0px;
left: 0px;
display: none;
z-index: 10;
}
.foliox_tm_mobile_menu .mobile_menu_inner{
width: 100%;
height: auto;
float: left;
clear: both;
background-color: #1e1345;
border-bottom: 1px solid rgba(255,255,255,.1);
padding: 10px 20px 10px 20px;
}
.hamburger-inner, 
.hamburger-inner:after, 
.hamburger-inner:before{
background-color: #fff;
}
.hamburger.is-active .hamburger-inner, 
.hamburger.is-active .hamburger-inner:after, 
.hamburger.is-active .hamburger-inner:before{
background-color: #fff;
}
.foliox_tm_mobile_menu .mobile_in{
width: 100%;
height: auto;
clear: both;
float: left;
display: flex;
align-items: center;
justify-content: space-between;
}
.foliox_tm_mobile_menu .mobile_in .logo img{
max-width: 120px;
max-height: 70px;
}
.foliox_tm_mobile_menu .trigger{
line-height: 0;
}
.foliox_tm_mobile_menu .dropdown{
width: 100%;
height: auto;
clear: both;
float: left;
background-color: #1e1345;
display: none;
}
.foliox_tm_mobile_menu .dropdown .dropdown_inner{
width: 100%;
height: auto;
clear: both;
float: left;
padding: 25px 40px;
}
.foliox_tm_mobile_menu .dropdown .dropdown_inner ul{
margin: 0px;
list-style-type: none;
}
.foliox_tm_mobile_menu .dropdown .dropdown_inner ul li{
margin: 0px;
float: left;
width: 100%;
}
.foliox_tm_mobile_menu .dropdown .dropdown_inner ul li a{
text-decoration: none;
color: #fff;
display: inline-block;
padding: 0px 0px;
font-weight: 500;
}
.foliox_tm_mobile_menu .hamburger-inner, 
.foliox_tm_mobile_menu .hamburger-inner:after, 
.foliox_tm_mobile_menu .hamburger-inner:before{
width: 30px;
height: 2px;
}
.foliox_tm_mobile_menu .hamburger-box{
width: 30px;
}
.foliox_tm_mobile_menu .hamburger{
padding: 0px;
}  .foliox_tm_header{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
z-index: 10;
padding: 45px 0px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.foliox_tm_header.animate{
background-color: #1e1345;
padding: 30px 0px;
}
.foliox_tm_header .inner{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.foliox_tm_header .logo img{
max-width: 200px;
max-height: 80px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.foliox_tm_header.animate .logo img{
max-width: 160px;
}
.foliox_tm_header .details{
display: flex;
align-items: center;
}
.foliox_tm_header .menu ul{
margin: 0px;
list-style-type: none;
display: flex;
align-items: center;
}
.foliox_tm_header .menu ul li{
margin: 0px 40px 0px 0px;
}
.foliox_tm_header .menu ul li:last-child{
margin-right: 0px;
}
.foliox_tm_header .menu ul li a{
color: #fff;
font-family: var(--font-family-extra);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.foliox_tm_header .menu ul li a:hover{
color: var(--extra-color);
}
.foliox_tm_header .menu ul li.current a{
color: var(--extra-color);
}
.foliox_tm_header .social{
position: relative;
margin-left: 60px;
}
.foliox_tm_header .social:before{
position: absolute;
content: "|";
left: -30px;
top: -2px;
}
.foliox_tm_header .social ul{
margin: 0px;
list-style-type: none;
display: flex;
align-items: center;
}
.foliox_tm_header .social ul li{
margin: 0px 12px 0px 0px;
}
.foliox_tm_header .social ul li:last-child{
margin-right: 0px;
}
.foliox_tm_header .social ul li a{
color: #fff;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.foliox_tm_header .social ul li a:hover{
color: var(--extra-color);
}  .foliox_tm_hero{
width: 100%;
height: 100vh;
float: left;
position: relative;
}
.foliox_tm_hero .content{
height: 100vh;
display: flex;
align-items: center;
}
.foliox_tm_hero .left{
width:50%;
}
.foliox_tm_hero .name{
font-size: 120px;
line-height: 1.1;
margin-bottom: 25px;
}
.foliox_tm_hero .name span{
color: var(--extra-color);
}
.foliox_tm_hero .job{
color: #fff;
font-size: 23px;
font-weight: 500;
font-family: var(--font-family-extra);
margin-bottom: 50px;
}
.foliox_tm_button{
width: 100%;
height: auto;
clear: both;
float: left;
}
.foliox_tm_button a{
font-family: var(--font-family-extra);
color: #fff;
display: inline-block;
background-color: var(--extra-color);
padding: 18px 43px;
border-radius: 50px;
overflow: hidden;
position: relative;
}
.foliox_tm_button a span{
position: relative;
z-index: 2;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.foliox_tm_button a:before{
position: absolute;
content: "";
left: -10px;
right: -10px;
bottom: -10px;
top: -10px;
background-color: #fff;
transform: translateY(100%);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.foliox_tm_button a:hover:before{
transform: translateY(0);
}
.foliox_tm_button a:hover span{
color: #000;
}
.foliox_tm_hero .right{
width:50%;
padding-left: 80px;
}
.foliox_tm_hero .right img{
max-width: 600px;
max-height: 600px;
}  .foliox_tm_features{
width: 100%;
height: auto;
float: left;
margin-bottom: 113px;
}
.foliox_tm_features .list{
width: 100%;
height: auto;
float: left;
position: relative;
}
.foliox_tm_features .list ul{
margin: 0px 0px 0px -25px;
list-style-type: none;
display: flex;
flex-wrap: wrap;
}
.foliox_tm_features .list ul li{
margin: 0px 0px 50px 0px;
padding-left: 25px;
width: 33.3333%;
}
.foliox_tm_features .list ul li .list_inner{
width: 100%;
height: 100%;
clear: both;
float: left;
position: relative;
background-color: #3a2b71;
border-radius: 10px;
padding: 60px;
}
.foliox_tm_features .list ul li .svg{
width: 65px;
height: 65px;
margin-bottom: 30px;
color: var(--extra-color);
}
.foliox_tm_features .list ul li .title{
font-size: 24px;
margin-bottom: 20px;
}  .foliox_tm_main_title{
width: 100%;
max-width: 650px;
height: auto;
clear: both;
margin: 0px auto;
text-align: center;
}
.foliox_tm_main_title span{
font-size: 21px;
font-family: var(--font-family-extra);
color: var(--extra-color);
font-weight: 500;
display: inline-block;
margin-bottom: 5px;
}
.foliox_tm_main_title h3{
font-size: 48px;
}
.foliox_tm_about{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 245px;
}
.foliox_tm_about .wrapper{
width: 100%;
height: auto;
clear: both;
display: flex;
margin-top: 75px;
}
.foliox_tm_about .left{
width: 50%;
position: relative;
}
.foliox_tm_about .big_image{
float: right;
position: relative;
}
.foliox_tm_about .big_image img{
max-width: 425px;
max-height: 510px;
}
.foliox_tm_about .small_image{
position: absolute;
z-index: 1;
right: 100%;
top: 100%;
margin-top: -180px;
margin-right: -100px;
}
.foliox_tm_about .small_image .in{
position: relative;
}
.foliox_tm_about .small_image .in img{
position: relative;
opacity: 0;
min-width: 337px;
max-width: 337px;
}
.foliox_tm_about .small_image .main{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 10px;
}
.foliox_tm_about .badge{
width: 120px;
height: 120px;
display: inline-block;
position: absolute;
background-color: var(--extra-color);
border-radius: 10px;
top: 160px;
right: 100%;
margin-right: 45px;
}
.foliox_tm_about .badge .svg{
width: 65px;
height: 65px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.foliox_tm_about .experience{
position: absolute;
top: 100%;
left: 138px;
margin-top: 35px;
}
.foliox_tm_about .experience .inner{
position: relative;
display: flex;
align-items: center;
padding-left: 25px;
}
.foliox_tm_about .experience .inner:before{
width: 10px;
height: 110px;
position: absolute;
content: "";
background-color: var(--extra-color);
left: 0px;
}
.foliox_tm_about .experience .inner h3{
font-size: 72px;
}
.foliox_tm_about .experience .inner span{
font-size: 22px;
font-family: var(--font-family-extra);
color: #fff;
line-height: 32px;
padding-left: 20px;
}
.foliox_tm_about .right{
width: 50%;
padding-left: 90px;
position: relative;
top: 30px;
}
.foliox_tm_about .right .title{
font-size: 30px;
margin-bottom: 35px;
}
.foliox_tm_about .right .list{
width: 100%;
float: left;
clear: both;
overflow: hidden;
border-radius: 10px;
border: 2px solid #625a7d;
margin-top: 32px;
margin-bottom: 40px;
}
.foliox_tm_about .right .list > ul{
margin: -2px -10px -2px -2px;
list-style-type: none;
padding-top: 2px;
float: left;
padding-left: 2px;
min-width: calc(100% + 12px);
} 
.foliox_tm_about .right .list > ul > li{
margin: 0px;
float: left;
width: 50%;
border: 2px solid #625a7d;
position: relative;
margin-top: -2px;
margin-left: -2px;
overflow: hidden;
} 
.foliox_tm_about .right .item{
margin: 0px;
list-style-type: none;
padding: 25px 35px;
}
.foliox_tm_about .right .item li{
margin: 0px 0px 11px 0px;
}
.foliox_tm_about .right .item li:last-child{
margin-bottom: 0px;
}
.foliox_tm_about .right .item li span{
font-family: var(--font-family-extra);
font-size: 16px;
font-weight: 500;
color: #fff;
display: inline-block;
}
.foliox_tm_about .right .item li p{
font-size: 16px;
}
.foliox_tm_about .right .item li a{
color: var(--main-color);
}
.foliox_tm_about .foliox_tm_button a{
padding: 13px 43px;
}  .foliox_tm_counter{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 115px;
}
.foliox_tm_counter .counter_list{
width: 100%;
height: auto;
clear: both;
float: left;
}
.foliox_tm_counter .counter_list ul{
margin: 0px 0px 0px -25px;
list-style-type: none;
display: flex;
flex-wrap: wrap;
}
.foliox_tm_counter .counter_list ul li{
margin: 0px 0px 50px 0px;
padding-left: 25px;
width: 25%;
}
.foliox_tm_counter .counter_list ul li .list_inner{
width: 100%;
height: 100%;
clear: both;
float: left;
position: relative;
background-color: #432d92;
border-radius: 10px;
padding: 70px;
display: flex;
align-items: center;
justify-content: center;
}
.foliox_tm_counter .counter_list ul li h3{
font-size: 60px;
color: var(--extra-color);
}
.foliox_tm_counter .counter_list ul li .title{
font-size: 18px;
color: #fff;
font-family: var(--font-family-extra);
font-weight: 500;
display: inline-block;
padding-left: 26px;
}  .foliox_tm_skills{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 163px;
}
.foliox_tm_skills .list{
width: 100%;
height: auto;
clear: both;
display: flex;
margin-top: 47px;
}
.foliox_tm_skills .left{
width: 50%;
padding-right: 67px;
}
.foliox_tm_skills .right{
width: 50%;
padding-left: 67px;
}
.dodo_progress{
width: 100%;
height: auto;
clear: both;
float: left;
padding-top: 30px;
overflow: hidden;
}
.progress_inner{
width:100%;
margin-bottom:37px;
}
.progress_inner:last-child{
margin-bottom: 0px;
}
.progress_inner > span{
margin:0px 0px 9px 0px;
display:block;
text-align:left;
position: relative;
}
.progress_inner span.label{
opacity: 0;
transform: translateY(10px);
display: block;
color: #fff;
font-size: 18px;
font-weight: 500;
font-family: var(--font-family-extra);
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.progress_inner span.label.opened{
opacity: 1;
transform: translateY(0px);
}
.progress_inner span.number{
float: right;
position: absolute;
right: 100%;
bottom: -2px;
transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000); color: var(--extra-color);
font-size: 18px;
font-family: var(--font-family-extra);
}
.progress_inner .background{
background:#e7e5f1;
width:100%;
min-width:100%;
position:relative;
height:8px;
border-radius: 50px;
}
.progress_inner .background .bar_in{
height:8px;
width:0px;
overflow:hidden;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
position: relative;
top: 0px;
background-color: var(--extra-color);
}
.progress_inner .background .bar{
width:0px;
height:100%;
}
.progress_inner .background .bar.open{
-webkit-animation: wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-animation:    wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000); animation:         wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000); width:100%;	
}
@-webkit-keyframes wow {0%{ width:0%; } 100%{ width:100%; }}
@-moz-keyframes wow {0%{ width:0%; } 100%{ width:100%; }}
@keyframes wow {0%{ width:0%; } 100%{ width:100%; }}  .foliox_tm_services{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 110px;
}
.foliox_tm_services .list{
width: 100%;
height: auto;
clear: both;
float: left;
margin-top: 70px;
}
.foliox_tm_services .list ul{
margin: 0px 0px 0px -25px;
list-style-type: none;
display: flex;
flex-wrap: wrap;
}
.foliox_tm_services .list ul li{
margin: 0px 0px 25px 0px;
padding-left: 25px;
width: 33.3333%;
}
.foliox_tm_services .list ul li .list_inner{
width: 100%;
height: 100%;
clear: both;
float: left;
position: relative;
background-color: #3a2b71;
border-radius: 10px;
text-align: center;
padding: 105px 65px 70px 65px;
}
.foliox_tm_services .list ul li .icon{
display: inline-block;
position: relative;
width: 65px;
height: 65px;
border-radius: 100%;
background-color: #432d92;
margin-bottom: 53px;	
}
.foliox_tm_services .list ul li .icon:before{
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 100%;
left: 0px;
transform: scale(0);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.foliox_tm_services .list ul li .list_inner:hover .icon:before{
transform: scale(1);
background-color: var(--extra-color);
}
.foliox_tm_services .list ul li .icon .svg{
width: 65px;
height: 65px;
position: absolute;
top: -50%;
left: -40%;
color: var(--extra-color);
z-index: 2;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.foliox_tm_services .list ul li .list_inner:hover .icon .svg{
color: #fff;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 35px;
height: 35px;
}
.foliox_tm_services .list ul li .title{
font-size: 24px;
margin-bottom: 20px;
}  .foliox_tm_resume{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 155px;
}
.foliox_tm_resume .wrapper{
width: 100%;
height: auto;
display: flex;
margin-top: 65px;
}
.foliox_tm_resume .left{
width: 50%;
padding-right: 50px;
}
.foliox_tm_resume .right{
width: 50%;
padding-left: 50px;
}
.foliox_tm_resume .title{
width: 100%;
float: left;
margin-bottom: 60px;
}
.foliox_tm_resume .title h3{
font-size: 36px;
}
.resume_list{
width: 100%;
float: left;
}
.resume_list ul{
margin: 0px;
list-style-type: none;
position: relative;
float: left;
}
.resume_list ul:before{
position: absolute;
content: "";
top: 10px;
bottom: 0px;
left: 36px;
width: 1px;
background-color: #5d5e82;
}
.resume_list ul li{
margin: 0px 0px 50px 0px;
width: 100%;
float: left;
}
.resume_list ul li:last-child{
margin-bottom: 0px;
}
.resume_list ul li .list_inner{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
padding-left: 107px;
}
.resume_list ul li .icon{
width: 72px;
height: 72px;
display: inline-block;
border-radius: 100%;
background-color: var(--extra-color);
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
}
.resume_list ul li .icon .svg{
width: 35px;
height: 35px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color: #fff;
}
.resume_list .resume_title{
width: 100%;
float: left;
margin-bottom: 18px;
}
.resume_list .resume_title h3{
font-size: 24px;
margin-bottom: 13px;
}
.resume_list .resume_title h3 span{
font-size: 16px;
color: #b4afc6;
font-weight: 400;
display: inline-block;
padding-left: 8px;
}
.resume_list .company{
font-size: 18px;
color: #fff;
font-family: var(--extra-color);
font-weight: 600;
}  .foliox_tm_portfolio{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 150px;
}
.foliox_tm_portfolio .portfolio_filter{
width: 100%;
height: auto;
clear: both;
float: left;
text-align: center;
margin-top: 60px;
margin-bottom: 55px;
}
.foliox_tm_portfolio .portfolio_filter ul{
margin: 0px;
}
.foliox_tm_portfolio .portfolio_filter ul li{
margin: 0px 35px 0px 0px;
display: inline-block;
}
.foliox_tm_portfolio .portfolio_filter ul li:last-child{
margin-right: 0px;
}
.foliox_tm_portfolio .portfolio_filter ul li a{
color: #fff;
font-family: var(--font-family-extra);
font-weight: 500;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.foliox_tm_portfolio .portfolio_filter ul li a.current{
color: var(--extra-color);
}
.foliox_tm_portfolio .portfolio_filter ul li a:hover{
color: var(--extra-color);
}
.foliox_tm_portfolio .portfolio_list{
width: 100%;
height: auto;
clear: both;
float: left;
}
.foliox_tm_portfolio .portfolio_list ul{
margin: 0px 0px 0px -13px;
list-style-type: none;
display: flex;
flex-wrap: wrap;
}
.foliox_tm_portfolio .portfolio_list ul li{
margin: 0px 0px 13px 0px;
padding-left: 13px;
width: 33.3333%;
}
.foliox_tm_portfolio .portfolio_list ul li .list_inner{
width: 100%;
height: 100%;
clear: both;
float: left;
position: relative;
overflow: hidden;
}
.foliox_tm_portfolio .portfolio_list ul li .image{
position: relative;
}
.foliox_tm_portfolio .portfolio_list ul li .image img{
position: relative;
opacity: 0;
min-width: 100%;
}
.foliox_tm_portfolio .portfolio_list ul li .image .main{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 12px;
}
.foliox_tm_portfolio .portfolio_list ul li .details{
position: absolute;
z-index: 2;
bottom: 20px;
left: 20px;
right: 20px;
background-color: #1e1345;
padding: 20px;
border-radius: 12px;
transform: translateY(125%);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.foliox_tm_portfolio .portfolio_list ul li .details h3{
font-size: 20px;
margin-bottom: 2px;
}
.foliox_tm_portfolio .portfolio_list ul li .details span{
font-size: 16px;
}
.foliox_tm_portfolio .portfolio_list ul li .list_inner:hover .details{
transform: translateY(0);
}
.foliox_tm_full_link{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 5;
}
.foliox_tm_modalbox{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
height: 100vh;
z-index: 20;
background-color: #140E27;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.foliox_tm_modalbox.opened{
opacity: 1;
visibility: visible;
}
.foliox_tm_modalbox .box_inner{
position: absolute;
top: 70px;
bottom: 70px;
width: 968px;
left: 50%;
transform: translateX(-50%);
background-color: #37304E;
z-index: 1;
opacity: 0;
visibility: hidden;
margin-top: -20px;
transition-delay: .3s;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.foliox_tm_modalbox.opened .box_inner{
opacity: 1;
visibility: visible;
margin-top: 0px;
}
.foliox_tm_modalbox .close{
position: fixed;
left: 100%;
top: 0px;
margin-left: 30px;
z-index: 10;
}
.foliox_tm_modalbox .close a{
display: block;
width: 40px;
height: 40px;
text-decoration: none;
color: #fff;
border:2px solid #fff;
border-radius: 10px;
position: relative;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.foliox_tm_modalbox .close a:hover{
border-radius: 100%;
}
.foliox_tm_modalbox .close a i{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.foliox_tm_modalbox .description_wrap{
position: relative;
width: 100%;
height: 100%;
float: left;
overflow: hidden;
padding: 50px;
overflow-y: scroll;
}
.foliox_tm_modalbox .description_wrap:before{
position: fixed;
content: "";
top: 0px;
left: 0px;
right: 0px;
height: 50px;
background-color: #37304E;
z-index: 2;
}
.foliox_tm_modalbox .description_wrap:after{
position: fixed;
content: "";
bottom: 0px;
left: 0px;
right: 0px;
height: 50px;
background-color: #37304E;
z-index: 2;
}
.foliox_tm_modalbox .description_wrap::-webkit-scrollbar{
width: 11px;
}
.foliox_tm_modalbox .description_wrap{
scrollbar-width: thin;
scrollbar-color: var(--extra-color) #37304E;
}
.foliox_tm_modalbox .description_wrap:-webkit-scrollbar-track{
background: #37304E;
}
.foliox_tm_modalbox .description_wrap::-webkit-scrollbar-thumb{
background-color: var(--extra-color);
border-radius: 10px;
border: 3px solid #37304E;
}
.foliox_tm_portfolio .hidden_content{
display: none;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: -11;
}
.foliox_tm_modalbox .popup_details{
width: 100%;
height: auto;
clear: both;
float: left;
}
.foliox_tm_modalbox .popup_details .top_image{
position: relative;
overflow: hidden;
margin-bottom: 37px;
}
.foliox_tm_modalbox .popup_details .top_image img{
position: relative;
min-width: 100%;
opacity: 0;
}
.foliox_tm_modalbox .popup_details .top_image .main{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
border-radius: 12px;
}
.foliox_tm_modalbox .portfolio_main_title{
width: 100%;
float: left;
margin-bottom: 20px;
}
.foliox_tm_modalbox .portfolio_main_title span{
display: inline-block;
font-size: 16px;
}
.foliox_tm_modalbox .portfolio_main_title h3{
font-size: 22px;
margin-bottom: 3px;
}
.foliox_tm_modalbox .main_details{
width: 100%;
height: auto;
clear: both;
display: flex;
margin-bottom: 60px;
}
.foliox_tm_modalbox .main_details .textbox{
width: 70%;
padding-right: 40px;
}
.foliox_tm_modalbox .main_details .textbox p{
margin-bottom: 15px;
}
.foliox_tm_modalbox .main_details .textbox p:last-child{
margin-bottom: 0px;
}
.foliox_tm_modalbox .main_details .detailbox{
width: 30%;
padding-left: 40px;
}
.foliox_tm_modalbox .main_details .detailbox > ul{
margin: 0px;
list-style-type: none;
}
.foliox_tm_modalbox .main_details .detailbox > ul > li{
margin: 0px 0px 10px 0px;
width: 100%;
float: left;
}
.foliox_tm_modalbox .main_details .detailbox > ul > li:last-child{
margin-bottom: 0px;
}
.foliox_tm_modalbox .main_details .detailbox .first{
font-weight: 500;
font-size: 18px;
display: block;
color: #fff;
font-family: var(--font-family-extra);
}
.foliox_tm_modalbox .main_details .detailbox span{
font-size: 16px;
font-family: var(--font-family-extra);
}
.foliox_tm_modalbox .main_details .detailbox span a{
text-decoration: none;
color: var(--main-color);
}
.foliox_tm_modalbox .additional_images{
width: 100%;
height: auto;
clear: both;
float: left;
}
.foliox_tm_modalbox .additional_images ul{
margin: 0px 0px 0px -30px;
list-style-type: none;
}
.foliox_tm_modalbox .additional_images ul li{
margin: 0px 0px 30px 0px;
float: left;
width: 50%;
padding-left: 30px;
}
.foliox_tm_modalbox .additional_images ul li:nth-child(3n-2){
width: 100%;
}
.foliox_tm_modalbox .additional_images ul li .list_inner{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
}
.foliox_tm_modalbox .additional_images ul li .my_image{
position: relative;
}
.foliox_tm_modalbox .additional_images ul li .my_image img{
opacity: 0;
min-width: 100%;
}
.foliox_tm_modalbox .additional_images ul li .my_image .main{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 12px;
}  .foliox_tm_testimonials{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 170px;
}
.foliox_tm_testimonials .list_wrapper{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
margin-top: 50px;
}
.foliox_tm_testimonials .in{
width: 100%;
max-width: 900px;
text-align: center;
margin: 0px auto;
}
.foliox_tm_testimonials .total{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
}
.foliox_tm_testimonials ul{
margin: 0px;
list-style-type: none;
}
.foliox_tm_testimonials ul li{
margin: 0px;
}
.foliox_tm_testimonials .icon{
margin-bottom: 35px;
}
.foliox_tm_testimonials .icon .svg{
width: 80px;
height: 80px;
color: var(--extra-color);
}
.foliox_tm_testimonials .text{
margin-bottom: 60px;
}
.foliox_tm_testimonials .text p{
font-size: 30px;
font-style: italic;
line-height: 1.6;
color: #fff;
}
.foliox_tm_testimonials .short{
width: auto;
display: flex;
align-items: center;
justify-content: center;
}
.foliox_tm_testimonials .short .image{
position: relative;
width: 60px;
height: 60px;
border-radius: 100%;
}
.foliox_tm_testimonials .short .image .main{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 100%;
}
.foliox_tm_testimonials .detail{
text-align: left;
padding-left: 25px;
}
.foliox_tm_testimonials .detail h3{
font-size: 24px;
}
.foliox_tm_testimonials .detail span{
font-size: 16px;
}
.foliox_tm_testimonials .owl-theme .owl-dots .owl-dot span{
width: 15px;
height: 15px;
background-color: var(--extra-color);
position: relative;
margin: 0px 12px;
}
.foliox_tm_testimonials .owl-theme .owl-dots .owl-dot span:before{
position: absolute;
content: "";
top: 1px;
bottom: 1px;
left: 1px;
right: 1px;
border-radius: 100%;
border: 2px solid #fff;
z-index: -1;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.foliox_tm_testimonials .owl-theme .owl-dots .owl-dot.active span:before{
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
}
.foliox_tm_testimonials .owl-theme .owl-nav.disabled+.owl-dots{
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
margin-top: 64px;
}  .foliox_tm_partners{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 160px;
}
.foliox_tm_partners .partners_list{
width: 100%;
height: auto;
clear: both;
float: left;
background-color: #432d92;
border-radius: 12px;
padding: 70px 0px;
}
.foliox_tm_partners .partners_list ul{
margin: 0px;
list-style-type: none;
display: flex;
align-items: center;
}
.foliox_tm_partners .partners_list ul li{
margin: 0px;
list-style-type: none;
opacity: .5;
text-align: center;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.foliox_tm_partners .partners_list ul li:hover{
opacity: 1;
}
.foliox_tm_partners .partners_list ul li img{
max-width: 95%;
max-height: 180px;
} 
.foliox_tm_partners .owl-carousel .owl-stage{
display: flex;
align-items: center;
}  .foliox_tm_news{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 113px;
}
.foliox_tm_news .news_list{
width: 100%;
height: auto;
clear: both;
float: left;
margin-top: 70px;
}
.foliox_tm_news .news_list ul{
margin: 0px 0px 0px -25px;
list-style-type: none;
display: flex;
flex-wrap: wrap;
}
.foliox_tm_news .news_list ul li{
margin: 0px 0px 50px 0px;
padding-left: 25px;
width: 33.3333%;
}
.foliox_tm_news .news_list ul li .list_inner{
width: 100%;
height: 100%;
clear: both;
float: left;
position: relative;
}
.foliox_tm_news .news_list ul li .image{
position: relative;
overflow: hidden;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.foliox_tm_news .news_list ul li .image img{
position: relative;
opacity: 0;
min-width: 100%;
}
.foliox_tm_news .news_list ul li .image .main{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.foliox_tm_news .news_list ul li .details{
background-color: #3a2b71;
width: 100%;
float: left;
padding: 28px 35px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.foliox_tm_news .news_list ul li .meta{
width: 100%;
float: left;
margin-bottom: 10px;
}
.foliox_tm_news .news_list ul li .meta p{
font-size: 16px;
}
.foliox_tm_news .news_list ul li .meta a{
color: var(--extra-color);
font-weight: 500;
padding-right: 7px;
}
.foliox_tm_news .news_list ul li .title{
width: 100%;
float: left;
}
.foliox_tm_news .news_list ul li .title h3{
line-height: 1.4;
}
.foliox_tm_news .news_list ul li .title a{
color: #fff;
display: inline-block;
font-size: 21px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.foliox_tm_news .news_list ul li .title a:hover{
color: var(--extra-color);
}
.foliox_tm_news .news_hidden_details{
display: none;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: -11;
}
.foliox_tm_modalbox .news_popup_informations{
width: 100%;
height: auto;
clear: both;
float: left;
}
.foliox_tm_modalbox .news_popup_informations .image{
position: relative;
margin-bottom: 37px;
}
.foliox_tm_modalbox .news_popup_informations .image img{
position: relative;
opacity: 0;
min-width: 100%;
}
.foliox_tm_modalbox .news_popup_informations .image .main{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 12px;
}
.foliox_tm_modalbox .news_popup_informations .details{
width: 100%;
float: left;
margin-bottom: 20px;
}
.foliox_tm_modalbox .news_popup_informations .meta{
width: 100%;
float: left;
margin-bottom: 8px;
}
.foliox_tm_modalbox .news_popup_informations .meta p{
font-size: 16px;
}
.foliox_tm_modalbox .news_popup_informations .meta p a{
color: var(--extra-color);
font-weight: 500;
padding-right: 7px;
}
.foliox_tm_modalbox .news_popup_informations .title{
width: 100%;
float: left;
}
.foliox_tm_modalbox .news_popup_informations .title h3{
font-size: 22px;
}
.foliox_tm_modalbox .news_popup_informations .text{
width: 100%;
float: left;
}
.foliox_tm_modalbox .news_popup_informations .text p{
margin-bottom: 15px;
}
.foliox_tm_modalbox .news_popup_informations .text p:last-child{
margin-bottom: 0px;
}  .foliox_tm_contact{
width: 100%;
float: left;
height: auto;
clear: both;
}
.foliox_tm_contact .contact_inner{
width: 100%;
display: flex;
margin-top: 80px;
margin-bottom: 182px;
position: relative;
}
.foliox_tm_contact .left{
width: 50%;
}
.foliox_tm_contact .left ul{
margin: 0px;
list-style-type: none;
}
.foliox_tm_contact .left ul li{
margin: 0px 0px 15px 0px;
}
.foliox_tm_contact .left ul li:last-child{
margin-bottom: 0px;
}
.foliox_tm_contact .left .list_inner{
display: flex;
align-items: center;
}
.foliox_tm_contact .left .icon{
width: 88px;
height: 88px;
border-radius: 100%;
position: relative;
background-color: var(--extra-color);
}
.foliox_tm_contact .left .icon i{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 24px;
color: #fff;
}
.foliox_tm_contact .left .short{
padding-left: 25px;
}
.foliox_tm_contact .left .short h3{
font-size: 30px;
margin-bottom: 5px;
}
.foliox_tm_contact .left .short a{
text-decoration: none;
color: #b4afc6;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.foliox_tm_contact .left .short a:hover{
color: var(--extra-color);
}
.foliox_tm_contact .right{
width: 50%;
}
.foliox_tm_contact .fields{
width: 100%;
height: auto;
clear: both;
float: left;
}
.foliox_tm_contact .input_list{
width: 100%;
height: auto;
clear: both;
float: left;
}
.foliox_tm_contact .input_list ul{
margin: 0px 0px 0px -12px;
list-style-type: none;
}
.foliox_tm_contact .input_list ul li{
margin: 0px 0px 12px 0px;
width: 50%;
float: left;
padding-left: 12px;
}
.foliox_tm_contact input{
width: 100%;
height: 58px;
padding: 0px 30px;
background-color: transparent;
border:1px solid rgba(255,255,255,.3);
border-radius: 8px;
color: var(--main-color);
font-size: 18px;
}
.foliox_tm_contact input:focus{
background-color: transparent;
outline: none;
border-color: rgba(255,255,255,.5);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none;
margin: 0; }
input[type=number] {
-moz-appearance:textfield; }
.foliox_tm_contact .message_area{
width: 100%;
float: left;
margin-bottom: 4px;
}
.foliox_tm_contact .message_area textarea{
width: 100%;
height: 200px;
padding: 16px 30px 30px 30px !important;
background-color: transparent;
border:1px solid rgba(255,255,255,.3);
border-radius: 8px;
color: var(--main-color);
font-size: 18px;
}
.foliox_tm_contact .message_area textarea:focus{
background-color: transparent;
outline: none;
border-color: rgba(255,255,255,.5);
}
.foliox_tm_contact .empty_notice{
color: #F52225;
margin-bottom: 7px;
display: none;
text-align: left;
font-weight: 500;
}
.foliox_tm_contact .contact_error{
color: #F52225;
text-align: left;
font-weight: 500;
}
.foliox_tm_contact .returnmessage{
color:#3A00FF;
margin-bottom: 7px;
text-align: left;
font-weight: 500;
}  .foliox_tm_subscribe{
width: 100%;
height: auto;
clear: both;
float: left;
}
.foliox_tm_subscribe .inner{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
background-color: #432d92;
display: flex;
align-items: center;
padding: 83px 90px 86px 90px;
border-radius: 15px;
}
.foliox_tm_subscribe .left{
width: 50%;
padding-right: 40px;
}
.foliox_tm_subscribe .subtitle{
display: inline-block;
font-size: 21px;
font-weight: 500;
color: var(--extra-color);
margin-bottom: 5px;
}
.foliox_tm_subscribe .title{
color: #fff;
font-size: 48px;
margin-bottom: 10px;
}
.foliox_tm_subscribe .right{
width: 50%;
padding-left: 10px;
}
.foliox_tm_subscribe .field{
width: 100%;
position: relative;
}
.foliox_tm_subscribe .field input[type="text"]{
width: 100%;
height: 72px;
border-radius: 12px;
color: #6f6b80;
background-color: #fff;
padding-left: 30px;
}
.foliox_tm_subscribe .field input[type="text"]:focus{
outline: none;
}
.foliox_tm_subscribe .field input[type="submit"]{
position: absolute;
right: 0px;
top: 0px;
height: 72px;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
color: #fff;
font-family: var(--font-family-extra);
font-size: 18px;
text-transform: capitalize;
font-weight: 500;
background-color: var(--extra-color);
padding: 0px 35px;
}  .foliox_tm_copyright{
width: 100%;
height: auto;
clear: both;
float: left;
text-align: center;
padding: 100px 0px;
}
.foliox_tm_copyright p{
font-family: var(--font-family-extra);
}
.foliox_tm_copyright a{
color: #fff;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.foliox_tm_copyright a:hover{
color: var(--extra-color);
}  .mouse-cursor{
position: fixed;
left: 0;
top: 0;
pointer-events: none;
border-radius: 50%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
visibility: hidden;
}
.cursor-inner {
margin-left: -3px;
margin-top: -3px;
width: 6px;
height: 6px;
z-index: 100;
background-color: var(--extra-color);
-webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
}
.cursor-inner.cursor-hover {
margin-left: -40px;
margin-top: -40px;
width: 80px;
height: 80px;
background-color: var(--extra-color);
opacity: .3;
}
.cursor-outer {
margin-left: -15px;
margin-top: -15px;
width: 30px;
height: 30px;
border: 2px solid var(--extra-color);
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 100;
opacity: .5;
-webkit-transition: all .08s ease-out;
transition: all .08s ease-out;
}
.cursor-outer.cursor-hover{opacity: 0;}
.foliox_tm_all_wrap[data-magic-cursor="hide"] .mouse-cursor{
display: none;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: -1111;
}  .progressbar{
position: fixed;
height: 100px;
width: 1px;
bottom: 25px;
right: -25px;
background-color: rgba(255,255,255,.2);
z-index: 10;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.progressbar.animate{
right: 25px;
}
.progressbar .line {
position: absolute;
width: 1px;
height: auto;
background-color: var(--extra-color);
}
.progressbar .text{
position: absolute;
bottom: 100px;
left: 0px;
font-size: 13px;
transform: rotateZ(90deg);
text-transform: uppercase;
transform-origin: left;
white-space: nowrap;
}
.progressbar a{
text-decoration: none;
color: #fff;
}  @media (max-width: 1600px) {
.container{max-width: 1070px;padding: 0px 20px;}
body{font-size: 16px;}
.foliox_tm_modalbox .description_wrap{padding: 40px;}
.foliox_tm_modalbox .description_wrap:before{height: 40px;}
.foliox_tm_modalbox .description_wrap:after{height: 40px;}
.foliox_tm_modalbox .box_inner{top: 50px;bottom: 50px;width: 800px;}
.foliox_tm_modalbox .close{margin-left: 20px;}
.foliox_tm_header{padding: 30px 0px;}
.foliox_tm_header.animate{padding: 20px 0px;}
.foliox_tm_header .logo img{max-width: 160px;max-height: 60px;}
.foliox_tm_header.animate .logo img{max-width: 140px;}
.foliox_tm_header .menu ul li{margin-right: 30px;}
.foliox_tm_hero .name{font-size: 75px;margin-bottom: 14px;}
.foliox_tm_hero .job{font-size: 20px;margin-bottom: 35px;}
.foliox_tm_button a{padding: 15px 40px;}
.foliox_tm_hero .right img{max-width: 400px;max-height: 400px;}
.foliox_tm_features .list ul li .title{font-size: 21px;}
.foliox_tm_main_title h3{font-size: 40px;}
.foliox_tm_about .big_image img{max-width: 380px;}
.foliox_tm_about .small_image{margin-right: -145px;}
.foliox_tm_about .small_image .in img{min-width: 280px;max-width: 280px;}
.foliox_tm_about .experience .inner h3{font-size: 45px;}
.foliox_tm_about .experience .inner span{font-size: 16px;line-height: 20px;padding-left: 14px;}
.foliox_tm_about .experience .inner:before{width: 8px;height: 50px;}
.foliox_tm_about .experience .inner{padding-left: 22px;}
.foliox_tm_about .experience{left: 165px;margin-top: 20px;}
.foliox_tm_about .badge{width: 90px;height: 90px;top: 105px;}
.foliox_tm_about .badge .svg{width: 45px;height: 45px;}
.foliox_tm_about .right{padding-left: 50px;top: 15px;}
.foliox_tm_about .right .item li{margin-bottom: 7px;}
.foliox_tm_about .right .title{margin-bottom: 20px;}
.foliox_tm_counter .counter_list ul li h3{font-size: 55px;}
.foliox_tm_counter .counter_list ul li .title{font-size: 16px;padding-left: 18px;line-height: 24px;}
.foliox_tm_counter .counter_list ul li .list_inner{padding: 50px 70px 40px 70px;}
.foliox_tm_services .list ul li .title{font-size: 21px;}
.foliox_tm_services .list ul li .icon{margin-bottom: 35px;}
.foliox_tm_services .list ul li .list_inner{padding: 95px 30px 60px 30px;}
.foliox_tm_testimonials .text p{font-size: 27px;}
.foliox_tm_news .news_list ul li .title a{font-size: 19px;}
.foliox_tm_contact .left .short h3{font-size: 28px;margin-bottom: 1px;}
.foliox_tm_subscribe .subtitle{font-size: 19px;}
.foliox_tm_subscribe .title{font-size: 38px;}
.foliox_tm_subscribe .title{margin-bottom: 5px;}
.foliox_tm_subscribe .field input[type="text"]{font-size: 16px;}
.foliox_tm_subscribe .field input[type="submit"]{font-size: 16px;}
.foliox_tm_copyright {padding: 80px 0px;}
}
@media (max-width: 1200px) {
.foliox_tm_modalbox .box_inner{width: 500px;}
.foliox_tm_modalbox .description_wrap{padding: 35px;}
.foliox_tm_modalbox .description_wrap:before{height: 35px;}
.foliox_tm_modalbox .description_wrap:after{height: 35px;}
.foliox_tm_modalbox .main_details{flex-direction: column;align-items: baseline;}
.foliox_tm_modalbox .main_details .textbox{width: 100%;padding: 0px;margin-bottom: 40px;}
.foliox_tm_modalbox .main_details .detailbox{width: 100%;padding: 0px;}
.foliox_tm_modalbox .additional_images ul{margin: 0px;}
.foliox_tm_modalbox .additional_images ul li{width: 100% !important;padding: 0px;}
.foliox_tm_modalbox .popup_details .top_image{margin-bottom: 25px;}
.foliox_tm_modalbox .news_popup_informations .image{margin-bottom: 25px;}
}
@media (max-width: 1040px) {
.foliox_tm_header{display: none;}
.foliox_tm_mobile_menu{display: block;}
.foliox_tm_hero .content{flex-direction: column-reverse;text-align: center;justify-content: center;}
.foliox_tm_hero .right{width: 100%;padding-left: 0px;margin-bottom: 30px;}
.foliox_tm_hero .right img{max-width: 200px;max-height: 200px;}
.foliox_tm_hero .left{width: 100%;}
.foliox_tm_hero .name{font-size: 65px;margin-bottom: 12px;}
.foliox_tm_hero .job{font-size: 19px;margin-bottom: 35px;}
.foliox_tm_button a{padding: 13px 38px;}
.foliox_tm_features .list ul li{width: 50%;}
.foliox_tm_main_title span{font-size: 19px;}
.foliox_tm_main_title h3{font-size: 35px;}
.foliox_tm_about .wrapper{flex-direction: column;}
.foliox_tm_about .left{width: 100%;margin-bottom: 60px;}
.foliox_tm_about .right{width: 100%;padding-left: 0px;top: 0px;}
.foliox_tm_about .badge{display: none;}
.foliox_tm_about .experience{display: none;}
.foliox_tm_about .small_image .in{display: none;}
.foliox_tm_about .big_image{float: left;}
.foliox_tm_about{margin-bottom: 165px;}
.foliox_tm_counter .counter_list ul li{width: 33.3333%;}
.foliox_tm_skills .list{flex-direction: column;}
.foliox_tm_skills .left{width: 100%;padding-right: 0px;margin-bottom: 7px;}
.foliox_tm_skills .right{width: 100%;padding-left: 0px;}
.foliox_tm_services .list ul li{width: 50%;}
.foliox_tm_resume .wrapper{flex-direction: column;}
.foliox_tm_resume .left{width: 100%;padding-right: 0px;margin-bottom: 70px;}
.foliox_tm_resume .right{width: 100%;padding-left: 0px;}
.foliox_tm_portfolio .portfolio_list ul li{width: 50%;}
.foliox_tm_testimonials .text p{font-size: 27px;}
.foliox_tm_news .news_list ul li{width: 50%;}
.foliox_tm_contact .contact_inner{flex-direction: column;}
.foliox_tm_contact .left{width: 100%;margin-bottom: 50px;}
.foliox_tm_contact .right{width: 100%;}
.foliox_tm_subscribe .inner{flex-direction: column;align-items: baseline;padding-left: 30px;padding-right: 30px;}
.foliox_tm_subscribe .left{width: 100%;padding-right: 0px;margin-bottom: 40px;}
.foliox_tm_subscribe .right{width: 100%;padding-left: 0px;}
.foliox_tm_subscribe .subtitle{font-size: 19px;}
.foliox_tm_subscribe .title{font-size: 36px;}
.foliox_tm_subscribe .field input[type="submit"]{font-size: 16px;}
.foliox_tm_subscribe .field input[type="text"]{font-size: 16px;}
}
@media (max-width: 768px) {
.foliox_tm_hero .name{font-size: 50px;margin-bottom: 8px;}
.foliox_tm_hero .job{font-size: 17px;}
.foliox_tm_features .list ul{margin-left: 0px;}
.foliox_tm_features .list ul li{width: 100%;padding-left: 0px;}
.foliox_tm_features .list ul li .list_inner{padding: 40px;}
.foliox_tm_features .list ul li .svg{width: 55px;height: 55px;margin-bottom: 25px;}
.foliox_tm_features .list ul li .title{margin-bottom: 18px;}
.foliox_tm_main_title span{font-size: 17px;}
.foliox_tm_main_title h3{font-size: 29px;}
.foliox_tm_about .right .list > ul > li{border: none;width: 100%;}
.foliox_tm_about .right .item:first-child{padding-bottom: 0px;}
.foliox_tm_about .right .list > ul{padding-bottom: 25px;}
.foliox_tm_counter .counter_list ul li{width: 50%;}
.foliox_tm_services .list ul{margin: 0px;}
.foliox_tm_services .list ul li{width: 100%;padding-left: 0px;}
.foliox_tm_services .list ul li .icon .svg{width: 55px;height: 55px;}
.foliox_tm_services .list ul li .icon{margin-bottom: 33px;}
.resume_list ul li .icon{width: 65px;height: 65px;}
.resume_list ul li .icon .svg{width: 30px;height: 30px;}
.resume_list ul:before{left: 32.5px;}
.resume_list ul li .list_inner{padding-left: 95px;}
.resume_list .resume_title h3{font-size: 22px;}
.foliox_tm_resume .title h3{font-size: 30px;}
.foliox_tm_portfolio .portfolio_list ul{margin: 0px;}
.foliox_tm_portfolio .portfolio_list ul li{width: 100%;padding-left: 0px;}
.foliox_tm_testimonials .text p{font-size: 22px;}
.foliox_tm_testimonials .icon .svg{width: 65px;height: 65px;}
.foliox_tm_testimonials .detail h3{font-size: 21px;}
.foliox_tm_news .news_list ul{margin: 0px;}
.foliox_tm_news .news_list ul li{width: 100%;padding-left: 0px;}
.foliox_tm_contact .input_list ul{margin: 0px;}
.foliox_tm_contact .input_list ul li{width: 100%;padding-left: 0px;}
.foliox_tm_contact .left .icon{width: 70px;height: 70px;}
.foliox_tm_contact .left .short h3{font-size: 24px;margin-bottom: 1px;}
.foliox_tm_contact input{font-size: 16px;}
.foliox_tm_contact .message_area textarea{font-size: 16px;}
.foliox_tm_modalbox .box_inner{width: 300px;}
.foliox_tm_modalbox .portfolio_main_title h3{font-size: 19px;margin-bottom: 2px;}
.foliox_tm_modalbox .description_wrap{padding: 20px;}
.foliox_tm_modalbox .description_wrap:before{height: 20px;}
.foliox_tm_modalbox .description_wrap:after{height: 20px;}
.foliox_tm_modalbox .close{left: auto;right: 0px;margin-left: 0px;top: -40px;}
.foliox_tm_modalbox .close a{width: 30px;height: 30px;}
.foliox_tm_modalbox .news_popup_informations .details h3{font-size: 19px;}
.foliox_tm_subscribe .title{font-size: 30px;}
}
@media (max-width: 480px) {
body{font-size: 15px;}
.foliox_tm_counter .counter_list ul{margin: 0px;}
.foliox_tm_counter .counter_list ul li{padding-left: 0px;width: 100%;}
.foliox_tm_subscribe .field input[type="text"]{font-size: 15px;}
.foliox_tm_subscribe .field input[type="submit"]{font-size: 15px;}
.foliox_tm_counter .counter_list ul li .list_inner{padding: 50px 40px 40px 40px;}
.foliox_tm_testimonials .text p{font-size: 18px;}
}.logo img{
image-rendering: auto;
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast;
}
@media (min-width: 782px) and (max-width: 1040px){
body.logged-in .mobile_menu_inner{
margin-top: 30px;
}
}
@media (max-width: 781px){
body.logged-in .foliox_tm_mobile_menu:not(.animate) .mobile_menu_inner{
margin-top: 45px;
}
}
.elementor-editor-active .elementor-element.elementor-widget-empty{
background-color: unset;
}
.header-top-fixed .sub-menu.reversed{
left: auto;
right: 100%;
}
.header-top-fixed .sub-menu{
display: block!important; 
position: absolute;
top: 100%;
opacity: 0;
visibility: hidden;
border-radius: 5px;
margin: 0px;
list-style-type: none;
line-height: 1;
padding: 15px 0px;
margin-top: 10px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
background-color: #432d92;
padding-left: 10px;
}
.header-top-fixed .sub-menu li{
margin: 0px;
width: 100%;
position: relative;
}
.header-top-fixed .sub-menu li a{
text-decoration: none;
font-weight: 500;
padding: 8px 20px;
display:block;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
line-height: 28px;
font-size: 14px!important;
}
.header-top-fixed .sub-menu li a:hover{
border-radius: 0;
}
.header-top-fixed li:hover > ul{
opacity: 1;
visibility: visible;
margin-top: 0px;
}
.header-top-fixed .sub-menu ul{
left: 100%;
top: 0;
transform: translateY(-20px)
}
.header-top-fixed ul > li.menu-item-has-children{
display: inline-block;
position: relative;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.header-top-fixed .main-menu a{
white-space: nowrap;
}
.header-top-fixed .sub-menu .sub-menu{
transform: translateY(-15px);
}
.foliox_tm_header .sub-menu li a{
padding: 10px 0px 10px 0px!important;
}
@media (min-width:1400px){
.header-top-fixed .sub-menu {
min-width: 210px;
}
}
@media (max-width:1040px){
.foliox_tm_mobile_menu .sub-menu {
margin-left: 10px!important;
display: none!important;
}
.foliox_tm_mobile_menu .anchor_nav li.menu-item-has-children:hover > .sub-menu {
display: block!important; 
}
}
.page-banner .news_inner{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.page-banner .foliox_tm_news{
text-align: center;
}
@media (min-width: 1601px){
.page-banner .foliox_tm_news .news_inner{
padding: 200px 20px;
}
.page-banner .foliox_tm_news .title h1,
.error-page h1{
font-size: 65px;
}
}
@media (max-width: 1600px){
.page-banner .foliox_tm_news .news_inner{
padding: 150px 20px;
}
.error-page h1{
font-size: 60px;
}
}
@media (max-width: 768px){
.page-banner .foliox_tm_news .title h1,
.error-page h1{
font-size: 35px;
}
}
.single .foliox_tm_header,
.page-template:has(.blog-list) .foliox_tm_header{
border-bottom: none;
}
.foliox_tm_flexbox{
width: 100%;
height: auto;
clear: both;
float: left;
display: flex;
justify-content: space-between;
}
.foliox_tm_flexbox .leftbox{
width: 66.6666%;
float: left;
}
.foliox_tm_flexbox .rightbox{
width: 30%;
float: left;
}
@media (max-width: 1040px) {
.foliox_tm_flexbox{flex-direction: column;align-items: baseline;}
.foliox_tm_flexbox .leftbox{width: 100%;margin-bottom: 60px;}
.foliox_tm_flexbox .rightbox{width: 100%;}
}
.news_inner.blog-news{
background-color: #fff;
}
.blog-news .thumb img{
border-radius: 12px;
}
.blog-news .blog_single_details .descriptions p {
margin-bottom: 20px;
}
blockquote{
margin-top: 25px;
margin-bottom: 25px;
border-left: 5px solid var(--extra-color);
padding-left: 25px;
font-size: 21px;
font-style: italic;
color: #fff;
}
.post-info {
margin-top: 25px;
margin-bottom: 15px;
}
.post-info span.date{
padding-right: 20px;
}
.post-info span.date:after {
position: relative;
content: "|";
color: #7d7789;
left: 12px;
font-size: 12px;
top: -2px;
}
.list_inner h4.post-title a:hover{
color: var(--extra-color);
}
.rightSidebar a:hover {
color: var(--extra-color);
}
.widget_search .wp-block-search__label{
display: none;
}
.widget_block {
margin: 25px 0px;
width: 100%;
float: left;
}
.rightSidebar{
margin-top: 15px;
}
.widget_search input{
height: 60px;
border-radius: 10px;
padding-left: 15px;
}
.widget_search button{
border: 1px solid var(--extra-color);
background-color: var(--extra-color);
text-transform: capitalize;
top: 40px;
right: 20px;
z-index: 2;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
padding: 20px;
color: #fff;
font-size: 16px;
}
@media(min-width: 1041px){
.widget_search button{
position: absolute;
}
}
@media(max-width: 1040px){
.widget_search button{
margin-left: -40px;
}
}
.rightbox.rightSidebar .wp-block-group__inner-container h2,
.rightbox.rightSidebar h2.aon-title{
font-size: 24px;
}
.rightbox.rightSidebar h2.aon-title{
margin-bottom: 30px;
}    
.rightSidebar  .post-recent li{
margin: 0px 0px 25px 0px;
width: 100%;
float: left;
list-style: none;
}
.rightSidebar  .post-recent li .list_inner{
width: 100%;
float: left;
position: relative;
display: flex;
}
.rightSidebar  .post-recent li .list_inner .image{
width: 85px;
min-width: 85px;
height: 85px;
min-height: 85px;
border-radius: 5px;
position: relative;
overflow: hidden;
margin-right: 10px;
}
.rightSidebar  .post-recent li .list_inner .image .main{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 5px;
transform: scale(1) translateZ(0);
}
.rightSidebar a{
color: var(--main-color);
}
.rightSidebar .widget_categories ul li,
.rightSidebar .widget_tag_cloud ul li{
list-style: none;
}
.rightSidebar .widget_tag_cloud ul li{
display: inline-block;
margin-bottom: 15px;
margin-right: 3px;
}
.rightSidebar .widget_tag_cloud ul li a,
.aon-tags .tagcloud a{
font-size: 15px!important;
color: var(--main-color);
border: 1px solid #ddd;
border-radius: 50px;
padding: 8px 25px 10px 25px;
}
.rightSidebar .widget_tag_cloud ul li a:hover,
.aon-tags .tagcloud a:hover{
color: #fff;
background-color: var(--extra-color);
border: 1px solid var(--extra-color);
}
.rightSidebar .gallery ul li{
list-style: none;
margin: 0px 0px 5px 0px;
float: left;
width: 33.3333%;
padding-left: 5px;
}
.rightSidebar .gallery ul li .list_inner {
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
}
.rightSidebar .gallery ul li .list_inner .image {
position: relative;
overflow: hidden;
border-radius: 5px;
}
.rightSidebar .gallery ul li .list_inner .image .main {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 5px;
transform: scale(1) translateZ(0);
}
.rightSidebar .gallery ul li .list_inner img{
max-width: 100%;
width: 100%;
height: 89px!important;
clear: both;
float: left;
position: relative;
border-radius: 5px;
}
.aon-tags{
display: inherit;
}
.aon-tags .tagcloud li{
list-style: none;
margin-bottom: 10px;
display: inline-block;
}
.stButton .stButton_gradient{
height: 21px !important;
}
.st_instagram_hcount .stButton_gradient{
padding: 0!important;
}
.st_instagram_hcount .stArrow{
line-height: 21px!important;
}
.post-social-icons .stMainServices{
width: 22px!important;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.post-social-icons .stButton .chicklets{
width: 20px;
overflow: hidden;
display: -webkit-inline-box;
height: 20px;
line-height: 21px;
}
.post-social-icons{
float: right;
}
.post-area-tags{
width: 100%;
float: left;
display: flex;
justify-content: space-between;
margin-bottom: 50px;
margin-top: 30px;
}
.aon-bd-title{
margin-bottom: 20px;
margin-right: 10px;
}
h3.comment-title{
font-size: 28px;
margin-bottom: 25px;
margin-top: 0;
}
.clear#comment-list{
margin-top: 60px;
}
.comment-form-cookies-consent,
.required-field-message{
display: none;
}
.cm-respond{
width: 100%;
height: auto;
clear: both;
float: left;
background-color: #3a2b71;
padding: 40px;
border-radius: 12px;
}
form input.form-control,
form textarea.form-control{
width: 100%!important;
border-radius: 10px!important;
padding: 25px !important;
background-color: #fff;
box-shadow: 0px 0px 10px rgba(0,0,0,.05)!important;
border: none;
font-size: 18px;
color: #6f6b80!important;
letter-spacing: 0px;
}
form input.form-control{
height: 60px!important;
margin-bottom: 20px;
}
form button.site-button{
text-decoration: none;
color: #fff;
display: inline-block;
font-family: 'Jost', sans-serif;
font-weight: 500;
border-radius: 50px;
border: 2px solid var(--extra-color);
padding: 14px 48px 13px 48px;
position: relative;
overflow: hidden;
background: var(--extra-color);
font-size: 18px;
line-height: 30px;
letter-spacing: 0px;
word-wrap: break-word;
height: auto;
margin-top: 10px;
}
p.logged-in-as{
margin-bottom: 10px;
}
p.logged-in-as a{
color: var(--main-color);
}
.comment-list li{
list-style: none;
}
.comment-list li img.avatar{
border-radius: 50%;
}
.comment-list li .comment-info cite{
font-size: 24px;
}
a.comment-reply-link:hover {
color: #fff;
background-color: var(--extra-color);
}
a.comment-reply-link{
text-decoration: none;
color: var(--main-color);
display: inline-block;
border: 1px solid #ddd;
border-radius: 5px;
padding: 5px 15px;
}
@media(min-width: 500px){
.comment-list li img.avatar{
position: absolute;
}
.comment-body:has(img.avatar) .comment-info{
padding-left: 100px;
}
.comment-body{
position: relative;
}
a.comment-reply-link{
position: absolute;
top: 0;
right: 0;
}
}
@media(max-width: 499px){
a.comment-reply-link{
margin-top: 20px;
}
.comment-list li img.avatar{
margin-bottom: 20px;
}
.comment-list .comment-info .comment-date + p{
margin-top: 10px;
}
.post-social-icons {
margin-left: 20px;
margin-top: -3px;
}
.cm-respond{
padding: 20px;
}
}
#cancel-comment-reply-link{
text-decoration: none;
color: var(--main-color);
display: inline-block;
border: 1px solid #ddd;
border-radius: 5px;
padding: 12px 15px;
width: auto;
font-size: 15px;
position: absolute;
right: 0px;
}
.comment-respond h3{
position: relative;
}
.comment-respond h3 a{
color: #fff;
}
@media(max-width: 600px){
#cancel-comment-reply-link{
margin-top: 50px;
}
.comment-respond:has(#cancel-comment-reply-link) h3{
margin-bottom: 80px;
}
.comment-respond h3:has(small a[style="display:none;"]){
margin-bottom: 17px!important;
}
}
.breadcrumbs a{
color: var(--main-color);
}
.breadcrumbs span.active {
color: var(--extra-color);
}
.blog-list h4.post-title a{
color: #fff;
font-size: 32px;
}
.blog-list h4.post-title{
margin-bottom: 15px;
}
@media (max-width: 768px){
.blog-list h4.post-title a{
font-size: 26px;
}
}
.blog-list .sx-post-readmore{
margin-top: 20px;
}
.blog-list .sx-post-readmore a{
text-decoration: none;
color: #fff;
display: inline-block;
font-weight: 500;
border-radius: 50px;
border: 2px solid var(--extra-color);
position: relative;
overflow: hidden;
padding: 9px 29px;
background-color: var(--extra-color);
}
.pagination{
width: 100%;
height: auto;
clear: both;
float: left;
margin-top: 50px;
position: relative;
}
.pagination li{
list-style: none;
display: inline-block;
}
.pagination li a{
color: #fff;
border: 1px solid #37357c;
text-align: center;
margin-right: 8px;
padding: 11px 15px;
border-radius: 30px !important;
font-weight: 500;
width: 50px;
height: 50px;
display: inline-block;
}
.pagination li.active a,
.pagination li a:not(.next,.prev):hover{
border: 1px solid transparent;
background: var(--extra-color);
color: #fff!important;
}
.pagination a.next{
-webkit-appearance: none;
background: url(//marcel-bartecki.de/wp-content/themes/foliox/img/right-arrow-w.png) no-repeat right;
background-position-x: 50%;
image-rendering: auto;
background-size: 12px;
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast;
}
.pagination a.prev{
-webkit-appearance: none;
background: url(//marcel-bartecki.de/wp-content/themes/foliox/img/left-arrow-w.png) no-repeat right;
background-position-x: 50%;
image-rendering: auto;
background-size: 12px;
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast;
}
.pagination a.prev span,
.pagination a.next span{
opacity: 0;
}
.pagination a.prev:hover{
-webkit-appearance: none;
border: 1px solid transparent;
background: url(//marcel-bartecki.de/wp-content/themes/foliox/img/left-arrow-w.png) no-repeat right;
background-position-x: 50%;
image-rendering: auto;
background-size: 12px;
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast;
background-color: var(--extra-color);
}
.pagination a.next:hover{
border: 1px solid transparent;
-webkit-appearance: none;
background: url(//marcel-bartecki.de/wp-content/themes/foliox/img/right-arrow-w.png) no-repeat right;
background-position-x: 50%;
image-rendering: auto;
background-size: 12px;
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast;
background-color: var(--extra-color);
}
.foliox_tm_news .news_list:has(.search-custom) {
margin-top: 38px
}
.leftbox .news_list:first-child{
margin-top: 40px;
}
.search-custom form{
margin-top: 30px;
margin-bottom: 30px
}
.search-custom form input{
border: 1px solid #eee;
}
.search-custom form button{
border: 1px solid var(--extra-color);
color: #fff!important;
font-size: 16px;
position: relative;
height: 60px;
width: 60px;
cursor: pointer;
float: right;
margin-top: -80px;
padding: 0;
letter-spacing: 0;
background-color: #fff;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.search-custom form button{
width: 100%;
display: block!important;
padding: 8px 12px;
-webkit-appearance: none;
background: url(//marcel-bartecki.de/wp-content/themes/foliox/img/search.png) no-repeat right;
background-position-x: 50%;
background-color: var(--extra-color);
height: 60px;
width: 60px;
image-rendering: auto;
background-size: 16px;
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast;
}
.error-page .news_inner{
min-height: 800px;
}
.error-page h1{
margin-top: 90px;
margin-bottom: 40px;
}
.error-page a{
text-decoration: none;
color: #fff;
display: inline-block;
font-family: 'Jost', sans-serif;
font-weight: 500;
border-radius: 10px;
border: 2px solid var(--extra-color);
padding: 10px 20px;
position: relative;
overflow: hidden;
background: var(--extra-color);
font-size: 18px;
line-height: 30px;
letter-spacing: 0px;
word-wrap: break-word;
height: auto;
margin-top: 50px;
}
.dialog-widget.dialog-lightbox-widget.dialog-type-lightbox.elementor-lightbox{
display: none!important;
}
span.wpcf7-not-valid-tip{
color: #fff;
margin-top: 10px;
margin-bottom: 15px;
}
div.wpcf7-response-output{
border-color: #fff!important;
margin-right: 0!important;
margin-left: 0!important;
}
.foliox_tm_contact input[type="submit"]{
font-family: var(--font-family-extra)!important;
color: #fff;
display: inline-block;
background-color: var(--extra-color);
padding: 18px 43px;
border-radius: 50px;
overflow: hidden;
position: relative;
width: auto;
text-transform: capitalize;
font-weight: normal;
height: 66px;
}
.foliox_tm_contact .foliox_tm_button input[type="submit"]:hover{
color: #000;
background-color: #fff;
}
.foliox_tm_contact div.wpcf7-response-output{
display: inline-block;
margin-top: 20px!important; 
width: 100%;  
}
.foliox_tm_subscribe div.wpcf7-response-output{
margin-top: -40px;
}
@media(max-width: 300px){
.foliox_tm_subscribe .field input[type="text"]{
padding-left: 15px;
}
.foliox_tm_subscribe .field input[type="submit"]{
padding: 0px 15px;
}
.widget_search button {
margin-left: -90px;
}
.foliox_tm_about .big_image img {
max-width: 260px;
}
}
.elementor-editor-active .progress_inner span.label {
opacity: 1;
}
.elementor-editor-active .progress_inner span.number {
margin-top: -20px;
position: unset;
}
.foliox_tm_button a.anchor:hover {
color: #000;
}
@media(min-width:1601px){
.widget_search button {
right: 40px;
}
}
.wp-block-group h2.wp-block-heading {
position: relative;
display: inline-block;
font-size: 18px;
margin-bottom: 30px;
font-weight: 500;
letter-spacing: 4px;
text-transform: uppercase;
}
.widget_block.widget_search label.wp-block-search__label {
display: none;
}
.widget_block .wp-block-search .wp-block-search__inside-wrapper {
position: relative;
}
.widget_block .wp-block-search .wp-block-search__input {
width: 100%;
padding: 10px;
border: 0;
background: #f4f5f7;
margin-bottom: 0;
border-radius: 0px;
}
.widget_block .wp-block-group .wp-block-group__inner-container ul li {
margin-bottom: 20px;
color: #040b11;
font-size: 16px;
line-height: 1.5em;
margin-bottom: 10px;
padding-bottom: 10px;
line-height: 28px;
}
.widget_block .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
position: absolute;
right: 0;
top: 0;
background-color: transparent;
color: #040b11;
border: 0;
padding: 10px;
cursor: pointer;
font-size: 15px;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-posts__list.wp-block-latest-posts li {
margin-bottom: 20px;
color: #040b11;
font-size: 16px;
line-height: 1.5em;
border-bottom: 1px dashed #cccccc;
margin-bottom: 10px;
padding-bottom: 10px;
line-height: 40px;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-posts__list.wp-block-latest-posts li:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0px dashed #cccccc;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments .wp-block-latest-comments__comment {
color: #040b11;
font-size: 16px;
line-height: 1.5em;
border-bottom: 1px dashed #cccccc;
margin-bottom: 10px;
padding-bottom: 10px;
line-height: 40px;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0px dashed #cccccc;
}
.sidebar_widget.widget.widget_block.widget_search .wp-block-search__button-outside .wp-block-search__inside-wrapper {
margin: 0px 0px;
}
.sidebar__widget .wp-block-group__inner-container .wp-block-latest-comments {
padding-left: 0rem;
}
.wp-block-group ol.wp-block-latest-comments {
box-sizing: border-box;
margin-left: 0;
padding-left: 0px;
}:root{
--extra-color: #00c0ff;
}
.foliox_tm_counter .counter_list ul li .list_inner{
background-color: transparent;
}
.foliox_tm_services .list ul li .icon{
background-color: transparent; 
}
.foliox_tm_partners .partners_list{
background-color: transparent;
}
.foliox_tm_subscribe .inner{
background-color: transparent;
}
.header-top-fixed .sub-menu{
background-color: transparent;
}
.cm-respond{
background-color: #434343;
}
.foliox_tm_features .list ul li .list_inner{
background-color: #434343;
}
.foliox_tm_services .list ul li .list_inner{
background-color: #434343;
}
.foliox_tm_news .news_list ul li .details{
background-color: #434343;
}