@charset "UTF-8";
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
border: 0;
margin: 0;
padding: 0;
font-size: 100%;
line-height: 1.7em;
}
html,
body {
height: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block;
}
b,
strong { font-weight: bold;
}
img {
color: transparent;
font-size: 0;
vertical-align: middle; -ms-interpolation-mode: bicubic;
}
li { display: list-item;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th,
td,
caption {
font-weight: normal;
vertical-align: top;
text-align: left;
}
svg { overflow: hidden;
}.container_24 {
margin-left: auto;
margin-right: auto;
width: 1240px;
} .container_24 .grid_1 {
width: 3.167%;
}
.container_24 .grid_2 {
width: 7.333%;
}
.container_24 .grid_3 {
width: 11.5%;
}
.container_24 .grid_4 {
width: 15.667%;
}
.container_24 .grid_5 {
width: 19.833%;
}
.container_24 .grid_6 {
width: 24%;
}
.container_24 .grid_7 {
width: 29.1%;
}
.container_24 .grid_8 {
width: 33.4%;
}
.container_24 .grid_9 {
width: 36.5%;
}
.container_24 .grid_10 {
width: 40.667%;
}
.container_24 .grid_11 {
width: 44.833%;
}
.container_24 .grid_12 {
width: 49%;
}
.container_24 .grid_13 {
width: 53.167%;
}
.container_24 .grid_14 {
width: 57.993%;
}
.container_24 .grid_15 {
width: 61.5%;
}
.container_24 .grid_16 {
width: 65.667%;
}
.container_24 .grid_17 {
width: 69.833%;
}
.container_24 .grid_18 {
width: 74%;
}
.container_24 .grid_19 {
width: 78.167%;
}
.container_24 .grid_20 {
width: 82.333%;
}
.container_24 .grid_21 {
width: 86.5%;
}
.container_24 .grid_22 {
width: 90.667%;
}
.container_24 .grid_23 {
width: 94.833%;
}
.container_24 .grid_24 {
width: 99.2%;
} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
display: inline;
float: left;
margin-left: 5px;
margin-right: 5px;
} .alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}  .clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
} .clearfix:before, .clearfix:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
} .clearfix {
zoom: 1;
} @media only screen and (min-width: 960px) and (max-width: 1260px) {
.container_24 {
margin-left: auto;
margin-right: auto;
width: 960px;
} .container_24 .grid_1 {
width: 30px;
}
.container_24 .grid_2 {
width: 70px;
}
.container_24 .grid_3 {
width: 110px;
}
.container_24 .grid_4 {
width: 150px;
}
.container_24 .grid_5 {
width: 190px;
}
.container_24 .grid_6 {
width: 230px;
}
.container_24 .grid_7 {
width: 270px;
}
.container_24 .grid_8 {
width: 276px;
}
.container_24 .grid_9 {
width: 350px;
}
.container_24 .grid_10 {
width: 390px;
}
.container_24 .grid_11 {
width: 430px;
}
.container_24 .grid_12 {
width: 470px;
}
.container_24 .grid_13 {
width: 510px;
}
.container_24 .grid_14 {
width: 550px;
}
.container_24 .grid_15 {
width: 590px;
}
.container_24 .grid_16 {
width: 600px;
}
.container_24 .grid_17 {
width: 670px;
}
.container_24 .grid_18 {
width: 710px;
}
.container_24 .grid_19 {
width: 750px;
}
.container_24 .grid_20 {
width: 790px;
}
.container_24 .grid_21 {
width: 830px;
}
.container_24 .grid_22 {
width: 870px;
}
.container_24 .grid_23 {
width: 910px;
}
.container_24 .grid_24 {
width: 950px;
}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
.container_24 {
margin-left: auto;
margin-right: auto;
width: 768px;
} .container_24 .grid_1 {
width: 3.167%;
}
.container_24 .grid_2 {
width: 7.333%;
}
.container_24 .grid_3 {
width: 11.5%;
}
.container_24 .grid_4 {
width: 15.667%;
}
.container_24 .grid_5 {
width: 19.833%;
}
.container_24 .grid_6 {
width: 24%;
}
.container_24 .grid_7 {
width: 28.167%;
}
.container_24 .grid_8 {
width: 32.333%;
}
.container_24 .grid_9 {
width: 36.5%;
}
.container_24 .grid_10 {
width: 40.667%;
}
.container_24 .grid_11 {
width: 44.833%;
}
.container_24 .grid_12 {
width: 49%;
}
.container_24 .grid_13 {
width: 53.167%;
}
.container_24 .grid_14 {
width: 57.333%;
}
.container_24 .grid_15 {
width: 61.5%;
}
.container_24 .grid_16 {
width: 65.667%;
}
.container_24 .grid_17 {
width: 69.833%;
}
.container_24 .grid_18 {
width: 74%;
}
.container_24 .grid_19 {
width: 78.167%;
}
.container_24 .grid_20 {
width: 82.333%;
}
.container_24 .grid_21 {
width: 86.5%;
}
.container_24 .grid_22 {
width: 90.667%;
}
.container_24 .grid_23 {
width: 94.833%;
}
.container_24 .grid_24 {
width: 99%;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.container_24 {
width: 480px;
} .container_24 .grid_1,  .container_24 .grid_2,  .container_24 .grid_3,  .container_24 .grid_4,  .container_24 .grid_5,  .container_24 .grid_6,  .container_24 .grid_7,  .container_24 .grid_8,  .container_24 .grid_9,  .container_24 .grid_10,  .container_24 .grid_11,  .container_24 .grid_12 {
width: 100%;
} .container_24 .grid_13 {
width: 470px;
}
.container_24 .grid_14 {
width: 470px;
}
.container_24 .grid_15 {
width: 470px;
}
.container_24 .grid_16 {
width: 470px;
}
.container_24 .grid_17 {
width: 470px;
}
.container_24 .grid_18 {
width: 470px;
}
.container_24 .grid_19 {
width: 470px;
}
.container_24 .grid_20 {
width: 470px;
}
.container_24 .grid_21 {
width: 470px;
}
.container_24 .grid_22 {
width: 470px;
}
.container_24 .grid_23 {
width: 470px;
}
.container_24 .grid_24 {
width: 470px;
}
} @media only screen and (max-width: 480px) {
.container_24 {
width: 300px;
} .container_24 .grid_1,  .container_24 .grid_2,  .container_24 .grid_3,  .container_24 .grid_4,  .container_24 .grid_5,  .container_24 .grid_6,  .container_24 .grid_7,  .container_24 .grid_8,  .container_24 .grid_9,  .container_24 .grid_10,  .container_24 .grid_11,  .container_24 .grid_12,  .container_24 .grid_13,  .container_24 .grid_14,  .container_24 .grid_15,  .container_24 .grid_16,  .container_24 .grid_17,  .container_24 .grid_18,  .container_24 .grid_19,  .container_24 .grid_20,  .container_24 .grid_21,  .container_24 .grid_22,  .container_24 .grid_23,  .container_24 .grid_24 {
width: 97%;
}
}@import url("https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900");   body {
font-family: "Helvetica Neue", "Helvetica", "Helvetica", "Arial", sans-serif;
}
pre, code {
font-family: 'Open Sans', sans-serif, Monaco, Consolas, monospace;
}
hr {
border: 0 #ccc solid;
border-top-width: 1px;
clear: both;
height: 0;
}
p {
color:#4a4a4a;
}
a {
text-decoration:none;
}
label {
font-size:14px;
color:#4a4a4a;
margin-bottom:5px;
}
input:focus, textarea:focus {
outline:none;
}
select, input[type="file"] {
margin-bottom:5px;
}
input[type="text"], textarea, select, input[type="file"] {
clear: both;
display: block;
overflow: hidden;
}
input[type="text"] {
width:215px;
}
input[type="text"], textarea {
color: #666;
border: 1px solid #eeeeee;
padding-left:10px;
}
input#pwbox-131 {
display:block;
}
textarea {
width:320px;
margin-bottom:5px;
height:150px;
}
th{
background: #cccccc;; 
}
th,td{
padding:3px 5px;
border: 1px solid #cccccc; 
}   h1 {
font-size: 26px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 17px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;    
}
h1, h2, h3, h4, h5, h6{
margin:0px;
padding:0px;
color:#4a4a4a;
font-weight: 400;
}   ol {
list-style: decimal;
}
ul {
list-style: disc;
}
li {
margin-left: 30px;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
margin-bottom: 20px;
}
.container {
margin-top:55px;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
background-color:#FFFFFF;
border-bottom:none;
box-shadow:inset 0 0 1px #000000;
}
ol li {
border-bottom:none !important;
margin-top:1!important;
margin-bottom:1!important;
padding-bottom:0!important;
padding-top:0!important;
}   .menu-bar, .slider-container, .logo, .content-wrapper, .footer-wrapper {
margin-left:30px;
margin-right:30px;    
}
.content-wrap .blog_post h1{
-ms-word-wrap: break-word !important;
word-wrap: break-word !important;
}
#crumbs,.blog{
-ms-word-wrap: break-word !important;
word-wrap: break-word !important; 
}   .logo {
margin-top: 60px;
}
.logo img{
width:auto;
max-width: 100%;
height: auto;
}
.header .menu-bar {
border-top:3px double #eeeeee;
border-bottom:3px double #eeeeee;
margin-top: 46px;
padding-bottom:2px;
display: block;
padding-top: 5px;
padding-bottom: 9px;
}
.header .menu-bar ul {
margin:0px;
padding:0px;
margin:10px 0px 10px 0px;
margin-left:-20px;
}
.header .menu-bar ul li {
display:inline;
} .sl-slider-wrapper {
height: auto;
display: block;
min-height: 460px; height: 460px;
margin: 44px 36px 34px 36px;
position: relative;
overflow: hidden;
}
.sl-slider {
} .sl-slide,
.sl-slides-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
} 
.sl-slide-inner {
position: absolute;
width: 100%;
height: auto;
bottom: 19%;
left: 0;
} 
.sl-slide-inner h1{
font-size: 32px;
line-height: 32px;
margin-bottom: 15px;
color: #313131;
}
.sl-slide-inner h1 a{
color: #313131;
}
.sl-slide-inner h1 a:hover{
color:#1D2C49;
}
.sl-slide-inner p{
font-size: 17px;
color: #424242;
}
.salesdetails{
width: 426px;
background: rgba(255, 255, 255, 0.74);
border-right: 8px solid #1D2C49;
padding: 23px 20px 10px 24px;
font-size: 20px;
-webkit-animation: fadeInLeft;
-moz-animation: slideInLeft;
-o-animation: slideInLeft;
animation: slideInLeft;
-webkit-animation-duration: .3s;
-webkit-animation-delay: .1s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 1s;
-moz-animation-delay: .3s;
-moz-animation-timing-function: ease-in-out;
-moz-animation-fill-mode: both;
-o-animation-duration: 1s;
-o-animation-delay: .3s;
-o-animation-timing-function: ease-in-out;
-o-animation-fill-mode: both;
-ms-animation-duration: 1s;
-ms-animation-delay: .3s;
-ms-animation-timing-function: ease-in-out;
-ms-animation-fill-mode: both;
animation-duration: 1s;
animation-delay: .3s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
color:#fff;
}
.sl-slide {
z-index: 1;
} .sl-content-slice {
overflow: hidden;
position: absolute;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
opacity : 1;
} .sl-slide-horizontal .sl-content-slice {
width: 100%;
height: 50%;
left: -200px;
-webkit-transform: translateY(0%) scale(1);
-moz-transform: translateY(0%) scale(1);
-o-transform: translateY(0%) scale(1);
-ms-transform: translateY(0%) scale(1);
transform: translateY(0%) scale(1);
}
.sl-slide-horizontal .sl-content-slice:first-child {
top: -200px;
padding: 200px 200px 0px 200px;
}
.sl-slide-horizontal .sl-content-slice:nth-child(2) {
top: 50%;
padding: 0px 200px 200px 200px;
} .sl-slide-vertical .sl-content-slice {
width: 50%;
height: 100%;
top: -200px;
-webkit-transform: translateX(0%) scale(1);
-moz-transform: translateX(0%) scale(1);
-o-transform: translateX(0%) scale(1);
-ms-transform: translateX(0%) scale(1);
transform: translateX(0%) scale(1);
}
.sl-slide-vertical .sl-content-slice:first-child {
left: -200px;
padding: 200px 0px 200px 200px;
}
.sl-slide-vertical .sl-content-slice:nth-child(2) {
left: 50%;
padding: 200px 200px 200px 0px;
}  .sl-content-wrapper {
position: absolute;
}
.sl-content {
width: 100%;
height: 100%;
background: #fff;
} .sl-slide-horizontal .sl-slide-inner {
}
.sl-slide-vertical .sl-slide-inner {
}
.bg-img img{
width: 1170px;
height: 460px;
}
.button_wrapper{
width:960px;
margin:0 auto;
}
.demo-1 .sl-slider-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.demo-2 .sl-slider-wrapper {
width: 100%;
height: 600px;
overflow: hidden;
position: relative;
}
.demo-2 .sl-slider h2 {
font-size: 100px;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}
.demo-2 .sl-slider blockquote {
font-size: 28px;
padding-top: 10px;
font-weight: 300;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}
.demo-2 .sl-slider blockquote cite {
font-size: 16px;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
letter-spacing: 5px;
padding-top: 30px;
display: inline-block;
}
.demo-2 .bg-img {
padding: 200px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
top: -200px;
left: -200px;
width: 100%;
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-position: center center;
} .sl-slider-wrapper .nav-arrows span {
position: absolute;
z-index: 2000;
bottom: 47%;
width: 40px;
height: 40px;
text-indent: -90000px;
cursor: pointer;
opacity: 0;
-webkit-transition: all .6s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
.sl-slider-wrapper:hover .nav-arrows span {
opacity: 1;
}
.nav-arrows span:hover {
}
.nav-arrows span.nav-arrow-prev {
left: 18px;
border-right: none;
background: rgba(0, 0, 0, 0.81) url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/prev_slide.png) center no-repeat;
border-top: none;
-webkit-transition: all .6s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .6s ease;
}
.nav-arrows span.nav-arrow-next {
right: 15px;
border-left: none;
background: rgba(0, 0, 0, 0.81) url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/next_slide.png) center no-repeat;
border-bottom: none;
-webkit-transition: all .6s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
.nav-arrows span.nav-arrow-prev:hover, .nav-arrows span.nav-arrow-next:hover{
opacity:0.6;
} .nav-dots {
text-align: center;
z-index: 9999;  position: relative;
margin: 0 auto;
margin-top: -116px;
}
.nav-dots span {
display: inline-block;
position: relative;
width: 22px;
height: 22px;
border-radius: 50%;
background: url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/pagination.png) no-repeat;
margin: 3px; cursor: pointer;
}
.demo-2 .nav-dots span {
background: #fff;
margin: 5px 5px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.demo-2 .nav-dots span.nav-dot-current,
.demo-2 .nav-dots span:hover {
background: url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/pagination.png) 0 -22px no-repeat;
}
.nav-dots span.nav-dot-current:after {
content: "";
position: absolute;
width: 22px; 
height: 22px; 
top: 0px;
left: 0px;
border-radius: 50%;
background: url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/pagination.png) 0 -22px no-repeat;
}
.demo-1 [data-icon]:after {
content: attr(data-icon);
font-family: 'AnimalsNormal';
color: #999;
text-shadow: 0 0 1px #999;
position: absolute;
width: 220px;
height: 220px;
line-height: 220px;
text-align: center;
font-size: 100px;
top: 50%;
left: 50%;
margin: -110px 0 0 -110px;
box-shadow: inset 0 0 0 10px #f7f7f7;
border-radius: 50%;
}  .demo-1 .bg-1 .sl-slide-inner,
.demo-1 .bg-1 .sl-content-slice {
background: #fff;
} .demo-1 .bg-2 .sl-slide-inner,
.demo-1 .bg-2 .sl-content-slice {
background: #000;
}
.demo-1 .bg-2 [data-icon]:after,
.demo-1 .bg-2 h2 {
color: #fff;
}
.demo-1 .bg-2 blockquote:before {
color: #222;
} .demo-1 .bg-3 .sl-slide-inner,
.demo-1 .bg-3 .sl-content-slice {
background: #db84ad;
}
.demo-1 .bg-3 .deco {
border-color: #fff;
border-color: rgba(255,255,255,0.5);
}
.demo-1 .bg-3 [data-icon]:after {
color: #fff;
text-shadow: 0 0 1px #fff;
box-shadow: inset 0 0 0 10px #b55381;
}
.demo-1 .bg-3 h2,
.demo-1 .bg-3 blockquote{
color: #fff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
.demo-1 .bg-3 blockquote:before {
color: #c46c96;
} .demo-1 .bg-4 .sl-slide-inner,
.demo-1 .bg-4 .sl-content-slice {
background: #5bc2ce;
}
.demo-1 .bg-4 .deco {
border-color: #379eaa;
}
.demo-1 .bg-4 [data-icon]:after {
text-shadow: 0 0 1px #277d87;
color: #277d87;
}
.demo-1 .bg-4 h2,
.demo-1 .bg-4 blockquote{
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.demo-1 .bg-4 blockquote:before {
color: #379eaa;
} .demo-1 .bg-5 .sl-slide-inner,
.demo-1 .bg-5 .sl-content-slice {
background: #ffeb41;
}
.demo-1 .bg-5 .deco {
border-color: #ECD82C;
}
.demo-1 .bg-5 .deco:after {
color: #000;
text-shadow: 0 0 1px #000;
}
.demo-1 .bg-5 h2,
.demo-1 .bg-5 blockquote{
color: #000;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.demo-1 .bg-5 blockquote:before {
color: #ecd82c;
}
.demo-2 .bg-img-1 {
}
.demo-2 .bg-img-2 {
}
.demo-2 .bg-img-3 {
}
.demo-2 .bg-img-4 {
}
.demo-2 .bg-img-5 {
} .sl-trans-elems .deco{
-webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
-moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
-o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
-ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
animation: roll 1s ease-out both, fadeIn 1s ease-out both;
}
.sl-trans-elems h2{
-webkit-animation: moveUp 1s ease-in-out both;
-moz-animation: moveUp 1s ease-in-out both;
-o-animation: moveUp 1s ease-in-out both;
-ms-animation: moveUp 1s ease-in-out both;
animation: moveUp 1s ease-in-out both;
}
.sl-trans-elems blockquote{
-webkit-animation: fadeIn 0.5s linear 0.5s both;
-moz-animation: fadeIn 0.5s linear 0.5s both;
-o-animation: fadeIn 0.5s linear 0.5s both;
-ms-animation: fadeIn 0.5s linear 0.5s both;
animation: fadeIn 0.5s linear 0.5s both;
}
.sl-trans-back-elems .deco{
-webkit-animation: scaleDown 1s ease-in-out both;
-moz-animation: scaleDown 1s ease-in-out both;
-o-animation: scaleDown 1s ease-in-out both;
-ms-animation: scaleDown 1s ease-in-out both;
animation: scaleDown 1s ease-in-out both;
}
.sl-trans-back-elems h2{
-webkit-animation: fadeOut 1s ease-in-out both;
-moz-animation: fadeOut 1s ease-in-out both;
-o-animation: fadeOut 1s ease-in-out both;
-ms-animation: fadeOut 1s ease-in-out both;
animation: fadeOut 1s ease-in-out both;
}
.sl-trans-back-elems blockquote{
-webkit-animation: fadeOut 1s linear both;
-moz-animation: fadeOut 1s linear both;
-o-animation: fadeOut 1s linear both;
-ms-animation: fadeOut 1s linear both;
animation: fadeOut 1s linear both;
}   .content-wrapper .content-info {
margin-bottom:20px;
}
.content {
padding-top:10px;
}
.content img {
max-width:100%;
}
.content-wrapper .content-info h4 {
text-align:center;
margin:0px;
padding:0px;
}
#content {
border-bottom:3px double #eeeeee;
margin-top: 45px;
padding-bottom: 45px;
margin-bottom: 34px;
overflow: hidden;
}
#content ul.thumbnails {
list-style-type:none;
width: 1008px;
overflow:hidden;
margin:0 auto;
margin-left:-32px;
padding:0px;
}
#content .one_fourth h2 {
margin: 0px;
padding: 0px;
margin-top: 20px;
margin-bottom: 12px;
font-weight: 400;
font-size: 22px;
}
#content .one_fourth h2 a {
color:#4a4a4a;
}
#content .one_fourth img{
width: 100%;
height:auto;
}
#content ul.thumbnails li {
width:198px;
height:250px;
margin:0px;
margin-left:32px;
float:left;
overflow:hidden;
background:none;
margin-bottom:26px;
}
#content ul.thumbnails a.bigthumbs {
display:block;
width:198px;
background-image:url(//biurarachunkowepoznan.pl/wp-content/themes/images/img-bg.png);
}
.feature_blog_content{
margin-bottom: 0px;
margin-top: 40px;
overflow:hidden;
border-bottom: 3px double #eeeeee;
}
.feature_blog_content .text_feature {
margin-right: 40px;
}
.feature_blog_content h2{
font-size: 26px;
margin-bottom: 27px;
color:#111;
line-height: 34px;
display: inline-block;
width: 80%;
}
.featurebox{
overflow:hidden;
}
.feature_blog_content .sidebar.home{
padding:0;
margin-right: 0;
padding-left: 20px;
} div.feature-image img {
width:352px;
margin-bottom:20px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-ms-transition: all .4s ease;
transition: all .4s ease;
}
div.feature-image .img{
-webkit-animation: fadeInUp 400ms ease;
-moz-animation: fadeInUp 400ms ease;
-ms-animation: fadeIn 300ms ease;
color:#20b5e0;
}
.feature-image.second{
margin-left:6px;
}
.feature-image.third{
margin-left:16px;
}
.feature-image.third .feature-content-inner.third{
margin-left:15px;
}
.feature-content .feature-content-inner img:hover{
-webkit-animation: fadeInUp 400ms ease;
-moz-animation: fadeInUp 400ms ease;
-ms-animation: fadeIn 300ms ease;
color:#20b5e0;
} .feature_widget{
margin-right: 4px;
}
.feature_widget{
margin-bottom: 55px;
}
.feature_widget iframe{
width: 576px;
height: 354px !important;
} .flex-container a:active, .flexslider_blog a:active, .flex-container a:focus, .flexslider_blog a:focus {
outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
} .flexslider_blog {
margin: 0;
padding: 0;
position: relative;
padding-bottom: 9px;
}
.flexslider_blog .slides > li {
display: none;
-webkit-backface-visibility: hidden;
} .flexslider_blog .slides {
display: block;
padding-top: 0px;
}
.flexslider_blog .slides li {
margin-left: 0;
margin-top: 0px;
height: auto;
width: 525px !important; 
}
.flex-pauseplay span {
text-transform: capitalize;
} .slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}  .no-js .slides > li:first-child {
display: block;
} .container_24 .grid_12.blog_slider {
}
.blog_slider_wrapper{
margin-left: 48px;
margin-bottom: 30px;
}
.blog_slider_wrapper.flexslider {
margin: 0;
padding: 0;
position: relative;
zoom: 1;
}
.flex-viewport {
max-height: 2000px;
padding-bottom: 15px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.flexslider_blog .flexslider_blog .slides {
zoom: 1;
}
.flexslider_blog .carousel li {
margin-right: 5px
}
.flexslider_blog li.blog_item .flex_thumbnail{
float:left; position:relative;
z-index:1;
display: inline;
}
.flexslider_blog li.blog_item .flex_thumbnail .flex_readmore{
background:url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/home_blog_more.png) no-repeat;
width:61px;
height:61px;
visibility:hidden;
display:inline-block;
position:absolute;
top: 38%;
left: 40%;
}
.flexslider_blog li.blog_item .flex_thumbnail:hover .flex_readmore{
visibility:visible;
-webkit-animation: fadeInLeft 0.4s ease;
-moz-animation: fadeInLeft 0.4s ease; 
-o-animation: fadeInLeft 0.4s ease;
animation: fadeInLeft 0.4s ease; 
}
.flexslider_blog li.blog_item .flex_thumbnail img{  margin-right: 17px;
margin-bottom: 11px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.flexslider_blog li.blog_item .flex_thumbnail img:hover{
}
.flexslider_blog li.blog_item .flex_content h3{
font-size: 24px;
line-height: 33px;
margin-top: -6px;
margin-bottom: 12px;
}
.flexslider_blog li.blog_item .flex_content h3 a{
color:#222;
}
.flexslider_blog li.blog_item .flex_content a.read_more{
color: #4C4C4C;
font-weight: 500;
font-size: 16px;
display: inline-block;
padding-bottom: 5px;
margin-top: 10px;
padding: 8px 28px 7px 28px;
border: 1px solid #5A5A5A;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s linear;
transition: all .3s linear;
}
.flexslider_blog li.blog_item .flex_content a.read_more:hover{
background: #1D2C49;
border: 1px solid #1D2C49;
color: #fff;
} .flexslider_blog .flex-direction-nav {
*height: 0;
}
.flexslider_blog .flex-direction-nav a {
width: 30px;
height: 30px;
margin: -20px 0 0;
display: block;  top: 36%;
z-index: 10;
cursor: pointer;
text-indent: -9999px; }
.flexslider_blog .flex-next, .flexslider .flex-prev {
opacity: 1;
} .flexslider_blog .flex-direction-nav .flex-disabled {
opacity: .3!important;
filter: alpha(opacity=30);
cursor: default;
opacity: 1!important;
} .flexslider_blog .flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
display: none;
}
.flexslider_blog .flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flexslider_blog .flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
} .flexslider_blog .flex-direction-nav a {
width: 24px;
height: 24px;
margin: 0px 0 0;
display: block;
position: absolute;
top: 1.3%;
right: 0;
z-index: 10;
cursor: pointer;  -webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.flexslider_blog .flex-direction-nav .flex-next {
right: -1px;
background: #1D2C49 url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/next.png) center no-repeat;
}
.flexslider_blog .flex-direction-nav .flex-prev {
right: 27px;
background: #1D2C49 url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/prev.png) center no-repeat;
}
.flexslider_blog .flex-direction-nav .flex-next:hover{
background: #73BB1F url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/next.png) center no-repeat;
}
.flexslider_blog .flex-direction-nav .flex-prev:hover{
background: #73BB1F url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/prev.png) center no-repeat;
}
.flexslider_blog:hover .next:hover, .flexslider_blog:hover .prev:hover {
opacity: 1;
}
.flexslider_blog .flex-direction-nav .flex-disabled {
opacity: .3!important;
filter: alpha(opacity=30);
cursor: default;
}
.img_thumb_blog{
position:relative;
float: left;
}
.img_thumb_blog span{
position:absolute;
top: 36%;
left: 39%;
width:48px;
height:48px;
background:url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/link.png);
visibility:hidden;
z-index:99;
-webkit-transition: all .6s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
.img_thumb_blog:hover span{
visibility:visible;
-webkit-animation: bounceIn_custom 0.7s ease-in-out;
-moz-animation: bounceIn_custom 0.7s ease-in-out;
-o-animation: bounceIn_custom 0.7s ease-in-out;
animation: bounceIn_custom 0.7s ease-in-out;
}
.img_thumb{
position:relative;
float: left;
}
.img_thumb span{
position:absolute;
top: 36%;
left: 39%;
width:48px;
height:48px;
background:url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/link.png);
visibility:hidden;
z-index:99;
-webkit-transition: all .6s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
.img_thumb:hover span{
visibility:visible;
-webkit-animation: bounceIn_custom 0.7s ease-in-out;
-moz-animation: bounceIn_custom 0.7s ease-in-out;
-o-animation: bounceIn_custom 0.7s ease-in-out;
animation: bounceIn_custom 0.7s ease-in-out;
}
.img_thumb_feature{
position:relative;
}
.img_thumb_feature span{
position:absolute;
top: 36%;
left: 44%;
width:48px;
height:48px;
background:url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/link.png);
visibility:hidden;
z-index:99;
}
.img_thumb_feature:hover span{
visibility:visible;
-webkit-animation: bounceIn_custom 0.7s ease-in-out;
-moz-animation: bounceIn_custom 0.7s ease-in-out;
-o-animation: bounceIn_custom 0.7s ease-in-out;
animation: bounceIn_custom 0.7s ease-in-out;
}
.testimonial_item_container{
margin: 10px 0 10px 0;
padding-top: 35px; }
.testimonial_heading_container{
text-align:center;
margin-bottom: 50px;
}
.testimonial_heading_container h2{
font-size: 32px;
margin-bottom: 0px;
}
.testimonial_heading_container p{
font-size: 18px;
margin-bottom: 22px;
}
.testimonial_item_content{
margin-bottom: 8px;
}
.testimonial_item_content .testimonial_item{
width: 25.33%;
display: inline-block;
padding: 20px 23px 17px 27px;
position: relative;
background: #F5F5F5;
border: 1px solid #E9E9E9;
border-top: 2px solid #e9e9e9;
margin-right: 4.99%;  	  	 
margin-bottom: 170px;
vertical-align: top;
border-radius: 4px;
}
.testimonial_item_content .testimonial_item:nth-child(3n+3){
margin-right: 0;
}
.testimonial_item_content .testimonial_item:after, .testimonial_item_content .testimonial_item:before {
top: 100%;
left: 11%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.testimonial_item_content .testimonial_item:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #F5F5F5;
border-width: 13px;
margin-left: -13px;
}
.testimonial_item_content .testimonial_item:before {
border-color: rgba(219, 219, 219, 0);
border-top-color: #e9e9e9;
border-width: 15px;
margin-left: -15px;
}
.testimonial_item_content .testimonial_item .testimonial_item_inner{
overflow: hidden;
width: 100%;
position: absolute;
bottom: -105px;
left: 3px;
}
.testimonial_item_content .testimonial_item img{
float: left;
border-radius: 100%;
width: 74px;
height: 74px;
margin: 1px 12px 0 0;
display: inline-block;
}
.testimonial_item_content .testimonial_item img:hover {
-webkit-animation: bounceIn_custom 0.7s ease-in-out;
-moz-animation: bounceIn_custom 0.7s ease-in-out;
-o-animation: bounceIn_custom 0.7s ease-in-out;
animation: bounceIn_custom 0.7s ease-in-out;
}
.testimonial_item_content .testimonial_item  p{
line-height: 27px;
margin-bottom: 18px;
font-size: 17px;
}
.testimonial_item_content .testimonial_item .testimonial_item_inner span{
color: #545454;
text-decoration: none;
font-size: 17px;
display: block;;
vertical-align: top;
margin-top: 20px;
}
.animated {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
opacity:0;
}
.animated.left-to-right,
.animated.right-to-left,
.animated.bottom-to-top {
-webkit-transition-duration: 1.2s;
-moz-transition-duration: 1.2s;
-o-transition-duration: 1.2s;
-ms-transition-duration:1.2s;
transition-duration: 1.2s;
-webkit-animation-duration: .8s;
-webkit-animation-delay: .2s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .8s;
-moz-animation-delay: .2s;
-moz-animation-timing-function: ease-in-out;
-moz-animation-fill-mode: both;
-o-animation-duration: .8s;
-o-animation-delay: .2s;
-o-animation-timing-function: ease-in-out;
-o-animation-fill-mode: both;
-ms-animation-duration: .8s;
-ms-animation-delay: .2s;
-ms-animation-timing-function: ease-in-out;
-ms-animation-fill-mode: both;
animation-duration: .8s;
animation-delay: .2s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
-ms-animation-name: fadeInLeft;
animation-name: fadeInLeft;
opacity:1;
}
.animation_started.animated {
-webkit-animation-duration: .8s;
-webkit-animation-delay: .2s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .8s;
-moz-animation-delay: .2s;
-moz-animation-timing-function: ease-in-out;
-moz-animation-fill-mode: both;
-o-animation-duration: .8s;
-o-animation-delay: .2s;
-o-animation-timing-function: ease-in-out;
-o-animation-fill-mode: both;
-ms-animation-duration: .8s;
-ms-animation-delay: .2s;
-ms-animation-timing-function: ease-in-out;
-ms-animation-fill-mode: both;
animation-duration: .8s;
animation-delay: .2s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
-ms-animation-name: fadeInUp;
animation-name: fadeInUp;
opacity:1;
}
.left-to-right.animated  {
-webkit-transform: scale(1) translate3d(-50%,0,0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
opacity:0;
opacity:0;
}
.animation_started.left-to-right.animated {
-webkit-animation-duration: .8s;
-webkit-animation-delay: .2s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .8s;
-moz-animation-delay: .2s;
-moz-animation-timing-function: ease-in-out;
-moz-animation-fill-mode: both;
-o-animation-duration: .8s;
-o-animation-delay: .2s;
-o-animation-timing-function: ease-in-out;
-o-animation-fill-mode: both;
-ms-animation-duration: .8s;
-ms-animation-delay: .2s;
-ms-animation-timing-function: ease-in-out;
-ms-animation-fill-mode: both;
animation-duration: .8s;
animation-delay: .2s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
-ms-animation-name: fadeInUp;
animation-name: fadeInLeft;
opacity:1;
}
.animated.fade_left.animation_started {
-webkit-animation-duration: 1.2s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 1.2s;
-moz-animation-timing-function: ease-in-out;
-moz-animation-fill-mode: both;
-o-animation-duration: 1.2s;
-o-animation-timing-function: ease-in-out;
-o-animation-fill-mode: both;
-ms-animation-duration: 1.2s;
-ms-animation-timing-function: ease-in-out;
-ms-animation-fill-mode: both;
animation-duration: 1.2s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
-ms-animation-name: fadeInLeft;
animation-name: fadeInLeft;
opacity:1;
}
.animated.fade_right.animation_started {
-webkit-animation-duration: 1.2s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 1.2s;
-moz-animation-timing-function: ease-in-out;
-moz-animation-fill-mode: both;
-o-animation-duration: 1.2s;
-o-animation-timing-function: ease-in-out;
-o-animation-fill-mode: both;
-ms-animation-duration: 1.2s;
-ms-animation-timing-function: ease-in-out;
-ms-animation-fill-mode: both;
animation-duration: 1.2s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
-ms-animation-name: fadeInRight;
animation-name: fadeInRight;
opacity:1;
}
.bottom-to-top {
-webkit-transform: scale(1) translate3d(0,50%,0);
opacity:0;
}
@-webkit-keyframes fadeInUp_custom {
0% {
opacity: 0;
-webkit-transform: translateY(270px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp_custom {
0% {
opacity: 0;
-moz-transform: translateY(270px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp_custom {
0% {
opacity: 0;
-o-transform: translateY(270px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp_custom {
0% {
opacity: 0;
transform: translateY(270px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}   .footer-container {
padding-top: 30px;
padding-bottom: 25px;
}
.footer-container h4 {
background-position:0% 100%;
margin:0px;
padding:0px;
padding-bottom:10px;
margin-bottom: 27px;
font-size: 22px;
color: #fff;
border-bottom: 1px solid #40611C;
}
.footer-container img {
float:left;
margin-right: 0px;
}
.footer-container ul {
margin-left:15px;
}
.footer-container ul li{
color:#B7BFAF;
margin-bottom: 6px;
margin-left:0px;
font-size: 16px;
padding-left: 5px;
}
.footer-container .common.left {
margin-left: 28px;
padding-right: 31px;
}
.footer-container .common.right {
margin-right: 6px;
padding-left: 16px;
}
.footer-container .common.second {
padding-right: 3px;
}
.footer-container .common.third {
margin-left: 20px;
margin-right: 13px;
}
.footer-container  .common{
margin-left: 15px;
}
.footer-navi .navigation {
margin-left:30px;
margin-top:10px;
}
.footer-navi .navigation ul {
margin-bottom:10px;
margin-top: 2px;
}
.footer-navi .navigation ul li {
display:inline;
margin:0px;
padding:0px;
padding-left:5px;
padding-right:15px;
}
.footer-navi .navigation ul li:first-child {
padding-left:0px;
}
.footer-navi .navigation ul li.last {
background:none;
}
.footer-navi .navigation ul li a {
font-size:15px;
}
.footer-navi .navigation .right-navi {
float:right;
margin-right:25px;
width: 418px;
text-align: right;
margin-top: 0px;
}
.footer-navi .navigation .right-navi img {
margin-right:5px;
float:left;
margin-top: 5px;
}
.footer-navi .navigation .right-navi p {
margin:0px;
padding:0px;
margin-left:80px;
font-size: 15px;
}
.footer-navi .navigation .right-navi p a{
color: #fff;
}
.footer-navi {
margin-bottom: 60px; -moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 0px 0px;
}
.footer-navi .social-icons{
padding-top: 13px;
}
.footer-navi .social-icons img{
vertical-align: top;
}
.space{
height: 20px;
visibility: hidden;
}
.footer .contactform{
}
.footer .contactform input[type=text]{
margin-right: 8px;
}
.footer .contactform input[type=text], .footer .contactform input[type=email]{
background-color: #1D2C49;
padding: 10px 10px;
margin-bottom: 15px;
width: 40.2%;
border: none;	
color: #fff;
}
.footer .contactform textarea{
width: 94%;
padding: 2% 3%;
height: 78px;
margin-top: 0px;
margin-bottom: -13px;
background-color: #1D2C49;
color: #fff;
border: none;
}
.footer .contactform input[type=submit]{
width:80px;
height: 36px;
font-size: 17px;
border-radius: 4px;
border: none;
background: #0f936c;
color: #fff;
line-height: 25px;
}
.footer .contactform ::-webkit-input-placeholder {
color: #fff;
}
.footer .contactform :-moz-placeholder { color: #fff;  
}
.footer .contactform ::-moz-placeholder { color: #fff;  
}
.footer .contactform :-ms-input-placeholder {  
color: #fff;  
}
.footer .footer_gallery{
list-style:none;
margin-left: 0;
}
.footer .footer_gallery li{
display:inline-block;
margin-left:0;
padding: 0;
margin: 0 15px 10px 0px;
}
.footer .footer_gallery li:nth-child(3n+3){
margin-right:0;
}
.footer .footer .footer_gallery li img{
width: 73px;
height: 73px;
border-radius:100%;
}
.footer p{
color:#fff;
}
.footer #searchform {
background: #0d4f1a;
width: 90%;
height: 37px;
line-height: 36px;
padding: 0 1%;
margin-bottom: 20px;
border:none;
position:relative;
border-radius: 0px;
}
.footer #searchform input[type="text"] {
width: 80%;
height:27px;
background:transparent;
border:none;
padding:3px 20px 0 10px;
color:#dfdfdf;
}
.footer #searchform input[type="submit"] {
position:absolute;
right: 14px;
top: 12px;
background: url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/search.png) no-repeat !important;
width:18px;
height:18px;
border:none;
cursor:pointer;
}
.right-navi {
padding-right: 13px;
}
.right-navi p{
color:#fff;
margin-bottom: 0px;
margin-top: 10px;
text-align: right;
}
.right-navi p a{
color:#fff;
}   .content-wrapper .folio-content-info {
margin-top:18px;
}
.content-wrapper .folio-content-info p.info {
font-size:11px;
}
.folio-content {
border-bottom:3px double #eeeeee;
}
.folio-content ul.thumbnail {
list-style-type:none;
width: 1008px;
overflow:hidden;
margin:0 auto;
margin-left:-18px;
padding:0px;
}
.folio-content ul.thumbnail h3 {
margin:0px;
padding:0px;
margin-top:5px;
margin-bottom:15px;
}
.folio-content ul.thumbnail li {
width:288px;
margin:0px;
margin-left:18px;
float:left;
overflow:hidden;
background:none;
margin-bottom:20px;
}
.folio-content ul.thumbnail li img {
border:1px solid #eeeeee;
padding:5px;
height:158px;
width:266px;
background-color:#FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;
}
.folio-content ul.thumbnail li a {
font-size:11px;
}
.folio-content ul.thumbnail a.zoombox {
display:block;
width:275px;
background:url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/img-shadow.png) no-repeat;
background-position:10% 104%;
height:186px;
}
.folio-page-info ul.paging {
margin:0px;
padding:0px;
float:right;
margin-top:20px;
margin-bottom:20px;
}
.folio-page-info ul.paging li {
margin:0px;
padding:0px;
display:inline;
margin-right:4px;
}
.folio-page-info ul.paging li a {
color:#777777;
padding:2px 7px 2px 7px;
width:20px;
height:20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;
border:1px solid #eeeeee;
}   .content-wrap {
margin-left:30px;
padding-right:5px;
padding-bottom:0px;
}
.content-wrap h4 {
margin-top:20px;
}
.content-info.home{
padding-bottom:10px;
margin-bottom:10px;
}
.content-info {
border-bottom: 3px double #eeeeee;
padding-bottom:10px;
margin-bottom:40px;
}
.content-info h2{
font-size: 120%;
font-weight: 400;
}
.content-wrap .contact ul {
list-style-type:none;
}
.content-wrap .contact {
overflow:hidden;
}
.content-wrap #contactForm ul.contactform, .content-wrap #contactForm ul.contactform li, .content-wrap #contactForm ul.contactform li label {
margin:0px;
padding:0px;
}
.content-wrap .contact ul p, .content-wrap .contact ul p.error {
margin-left:-29px;
margin-top:20px;
}
.content-wrap .contact #contactForm ul.contactform li {
margin-bottom:25px;
margin-left:-28px;
}
.content-wrap .contact #contactForm label {
clear:both;
}
.content-wrap .contact #contactForm input#contactName, #contactForm input#email, #contactForm textarea {
width:290px;
background:#F5F5F5;
border:1px solid #CCC;
padding-left:5px;
clear:both;
margin-bottom:5px;
overflow:hidden;
float:none;
}
.content-wrap .contact #contactForm input#contactName:focus, .content-wrap .contact #contactForm input#email:focus, .content-wrap .contact #contactForm textarea:focus {
background:#FFF;
}
.content-wrap .contact #contactForm input#contactName {
height:28px;
clear:both;
}
.content-wrap .contact #contactForm input#email {
height:28px;
}
.content-wrap .contact #contactForm textarea {
height:130px;
width:350px;
clear:both;
}
.content-wrap .contact #contactForm input[type="submit"] {
height:35px;
width:84px;
border:0px;
background:#000;
color:#FFF;
cursor:pointer;
padding-left:5px;
padding-right:5px;
clear:both;
float:left;
}
.content-wrap .contact #contactForm input[type="submit"]:hover {
background:#333;
}
.content-wrap .contact #contactForm .error {
color:#F00;
clear:both;
} .sidebar {
margin-top: 30px;
margin-right: 30px;
border-left: 1px solid #eeeeee;
padding-left: 20px;
margin-bottom: 60px;
margin-left: 40px;
}
.sidebar.home{ overflow:hidden 
;margin-left: 0;
}
.sidebar.home .widget_img{
float: right;
}
.sidebar ul {
margin:-5px;
padding:0px;
margin-left:-30px;
list-style-type:none;
margin-bottom: 15px;
}
.sidebar div{
margin-bottom: 15px;
}
.sidebar ul li {
border-bottom:1px solid #eeeeee;
margin-left:10px;
padding:11px 0 9px 20px;
}
.sidebar ul li:first-child {
border-top:1px solid #eeeeee;
}
.sidebar ul li:hover {
background:url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/sidebar_hover.png) repeat-y;
}
.sidebar h4 {
margin-top:20px;
}
.sidebar #recentcomments li {
display:block;
padding:11px 0 9px 20px;
padding-left:20px;
}
.sidebar #recentcomments li:hover {
background:url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/sidebar_hover.png) repeat-y;
}
.sidebar ul li ul{
margin-top: 10px;
margin-left: -10px;
}
.sidebar ul li ul li:last-child{
border-bottom:0;
}
.heading_section{
padding: 12px;
}   .content-wrap img {
margin-top:20px;
}   .content-wrap .blog img {
border:1px solid #eeeeee;
padding:3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius:3px;
}
.content-wrap .blog .blog_list{
list-style-type: none;
}
.content-wrap .blog .blog_list .post{
margin-bottom: 40px !important;
overflow: hidden;
clear: both;
}
.content-wrap .blog .blog_list .post .postimg{
clear: both;
display: block;
margin-bottom: 20px;
}
.content-wrap #blogmain img.postimg {
padding:0px;
border:1px solid #eeeeee;
padding:3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius:3px;
float:left;
margin: 5px 20px 18px 0; 
}
.content-wrap .blog ul {
margin-left:-30px;
}
.content-wrap .blog img {
max-width:98%;
height:auto;
}
.content-wrap .blog ul.blog_post {
list-style-type:none;
}
.content-wrap .blog ul.blog_post li {
border-bottom:1px solid #eeeeee;
padding-bottom: 35px;
margin-top: 34px;
overflow: auto;
}
.content-wrap .blog ul.blog_post li:last-child {
border:none;
}
.content-wrap .blog ul.blog_post li p {
margin-top:15px;
}
.content-wrap .blog ul li h1 {
margin:0px;
padding:0px;
margin-left:0;
font-size: 28px;
font-weight: 400;
margin-bottom: 10px;
line-height: 38px;
}
.content-wrap .blog ul.blog_post li h1 a {
color: #525252;
}
.content-wrap .blog ul ul {
list-style-type:disc;
margin-top:10px;
}
.content-wrap .blog ul.blog_post li ul li {
border:none;
margin-left:5px;
margin-bottom:0;
padding-bottom:0;
margin-top:0;
min-height:0;
}
.content-wrap .blog ul.single {
list-style-type:none;
}
.content-wrap .blog ul ul.post_meta {
list-style: none;
margin-bottom: 12px;
margin-top: -8px;
color: #5C5C5C;
font-size: 13px;
}
.content-wrap .blog ul ul.post_meta li{
display: inline;
margin-left: 5px;
}
#nav-single {
overflow:hidden;
margin-top:20px;
margin-bottom:10px;
}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
text-align: right;
width: 50%;
}   .content-wrap .fullwidth {
margin-right:30px;
}
.content-wrap .fullwidth img {
height:auto;
width:885px;
}   .home_page_blog{
border-bottom: 3px double #eeeeee;
margin-bottom: 12px;
overflow: hidden;
}
.content-wrap h1 {
margin-top:15px;
}
.content-wrap h1.blog_head {
font-size:28px;
padding-bottom: 14px;
font-weight: 400;
margin-top: 0;
border-bottom: 1px solid #eee;
}
.content-wrap.home{
margin-top: 25px;
margin-left: 0;
}   .social_link {
margin-top:20px;
}
.social_link p {
float:left;
color:#6c6c6c;
margin-right: 10px;
}
.social_logo img {
margin:0px;
padding:0px;
}
ul.paging {
margin:0px;
padding:0px;
margin-top:20px;
margin-bottom:50px;
}
ul.paging li {
margin:0px;
padding:0px;
display:inline;
margin-right: 8px;
}
ul.paging li a {
color:#777777;
padding: 4px 10px 4px 10px;
width: 20px;
height: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;
border:1px solid #eeeeee;
}   #commentsbox {
margin:0 0px;
}
ol.commentlist {
margin:0px 0 0;
clear:both;
overflow:hidden;
list-style:none;
}
ol.commentlist li {
margin:10px 0;
line-height:18px;
padding:10px !important;
border:1px solid #CCCCCC;
margin-bottom:10px;
border-bottom:1px solid #CCCCCC !important;
background: #EBEBEB;
text-shadow: 0 1px 0 #ffffff;
}
ol.commentlist li ul li, ol.commentlist li ol li {
border:none !important;
margin:0;
margin-left:25px;
padding:0 !important;
}
ol.commentlist li .comment-author {
color:#000;
}
ol.commentlist li .comment-author.vcard {
margin:0;
padding:0;
}
ol.commentlist li .comment-author a:link, ol.commentlist li .comment-author a:visited {
color:#000;
font-weight:bold;
text-decoration:none !important;
}
ol.commentlist li .comment-author .fn {
color:#000;
}
ol.commentlist li .comment-author .fn .url {
}
cite.fn {
color:#000;
font-style:normal;
margin-left:8px;
}
ol.commentlist li .comment-author .avatar {
border:1px solid #ddd;
padding:3px;
margin-right:10px;
}
.commentlist .pingback {
margin: 0 0 1.625em;
padding: 0 1.625em;
}
ol.commentlist li .comment-meta {
font-size:10px;
margin-left:63px;
clear:both;
}
ol.commentlist li ul.children li.comment {
border:1px solid #ccc !important;
padding-bottom:10px !important;
padding-left:20px !important;
margin-bottom:10px !important;
margin-right:5px !important;
}
ol.commentlist li .comment-body p {
margin-left:60px;
}
ol.commentlist li .comment-meta .commentmetadata {
color:#000;
padding-top: 0px;
}
ol.commentlist li .comment-meta a {
color: #3399FF;
text-decoration:none !important;
}
ol.commentlist li p {
line-height:22px;
margin-top:5px;
color:#666;
}
ol.commentlist li .reply {
margin-top:10px;
font-size:10px;
}
ol.commentlist li .reply a {
color:#63261a;
font-size:14px;
}
ol.commentlist li.odd {
}
ol.commentlist li.even {
}
ol.commentlist li ul.children {
list-style:none;
margin:1em 0 0;
text-indent:0;
}
ol.commentlist li ul.children li.depth-2 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-3 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-4 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-5 {
margin:0 0 0px 50px;
}
.comment-nav {
padding:5px;
height:20px;
}
.comment-nav a:link, .comment-nav a:visited {
color:#f96e02;
}
#respond {
padding:0px 0px;
margin:10px 0px;
}
#respond h3 {
font-size:28px;
color:#000;
padding:10px 2px;
}
#commentform {
padding:10px 20px;
border:1px solid #eee;
overflow:hidden;
}
#commentform label {
float:left;
margin:0px;
padding:0px;
margin-top:18px;
margin-right:10px;
}
#commentform p {
margin:5px 0px;
color:#444;
}
#commentform a {
color:#0454A8;
}
#respond label {
display:block;
padding:5px 0;
color:#63261a;
overflow:hidden;
}
#respond label small {
font-size:10px;
}
#respond input {
margin-bottom:10px;
padding:5px 5px;
margin:0 10px 10px 0;
background:#fff;
border:1px solid #ddd;
color:#555;
clear:both;
}
#respond span.required {
display:block;
float:left;
height:10px;
text-indent:9999px;
}
#respond .comment-notes {
text-indent:9999px;
float:left;
visibility:hidden;
margin-top:-40px !important;
}
#respond .form-allowed-tags {
float:left;
overflow:hidden;
}
#commentform input[type="text"] {
width:50%;
}
#respond input#commentSubmit, #respond #submit {
clear:both;
background: url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/submit-button.png) no-repeat 0 0;
width: 92px;
height: 26px;
border:0;
cursor:pointer;
text-align: center;
font-size:16px;
margin-top:20px;
color:#FFFFFF;
float:left;
text-indent:9999px;
}
textarea#comment {
border:none;
background:#fff;
border:1px solid #ddd;
width:70%;
margin:10px 0px 0px 0px;
padding:5px 5px;
color:#555;
clear:both;
overflow:hidden;
} #searchform {
position:relative;
width: 318px;
}
#searchform #s {
width: 278px;
height: 26px;
color:#939292;
border: 1px solid #eeeeee;
padding-left:10px;
}
.footer #searchform #s {
border:0px;
height:30px;
width:135px;
padding-left:18px;
background:transparent;
color:#CCCCCC;
}
.footer #searchform label {
float:left;
}
#searchform #searchsubmit {
background:url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/search-bg-1.png) no-repeat;
border:0px;
position:absolute;
width:29px;
height:29px;
top:0;
right:0;
cursor:pointer;
margin-left:6px;
text-indent:-9999px;
}
.footer #searchform #searchsubmit {
width:18px;
height:18px;
padding:0;
position:absolute;
top: 12px;
right:5px;
overflow:hidden;
cursor:pointer;
text-indent:-9999px;
background: url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/search-icon.png) 0 0 no-repeat;
border:none;
z-index:200;
} blockquote {
padding-left:69px;
min-height:50px;
}
blockquote {
margin-top:40px;
margin-bottom:40px;
}
blockquote.home_blockquote{
padding-bottom: 22px;
}
blockquote img {
float: left;
margin-right:15px;
}
.sticky {
}
.gallery-caption {
}
.bypostauthor {
}
.alignnone {
margin: 5px 20px 20px 0;
clear: both;
display: block;
overflow: hidden;
}
.aligncenter, div.aligncenter {
display:block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float:left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float:right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.screen-reader-text{}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin:0;
max-width: 98.5%;
padding:0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:4px 4px 5px;
}   .one_half, .one_third, .two_third, .three_fourth, .one_fourth {
float:left;
position:relative;
}
.one_third {
width:30%;
margin-right:5%;
}
.one_half {
width:48%;
margin-right:4%;
}
.one_third {
width:30%;
margin-right:5%;
}
.two_third {
width:65%;
margin-right:5%;
}
.one_fourth {
width:22%;
margin-right:4%;
}
.three_fourth {
width:74%;
margin-right:4%;
}   .col2, .col3, .col4 {
float:left;
position:relative;
}
.col3 {
width:280px;
margin-right:60px;
}
.col2 {
width:460px;
margin-right:40px;
}
.col4 {
width:210px;
margin-right:40px;
}
.last {
margin-right:0 !important;
}
.col4-wrap, .col2-wrap, .homepage {
width:1000px;
margin-right:-40px;
overflow: hidden;
line-height:20px;
}   .tipsy {
margin-bottom:5px;
padding: 5px;
font-size: 10px;
opacity: 0.8;
filter: alpha(opacity=80);
background-repeat: no-repeat;
background-image: url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/tipsy.gif);
}
.tipsy-inner {
padding: 5px 8px 4px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
}
.tipsy-inner {
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tipsy-north {
background-position: top center;
}   #wp-calendar caption {
width: 157px;
text-align: center;
background: #4b5d67;
color: #fff;
border-bottom: 2px solid #e6eef7;
}
#wp-calendar {
border-collapse:collapse;
width: 156px;
text-align: center;
}
#wp-calendar thead tr {
background: url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/cal_bkg.gif) bottom right no-repeat;
}
#wp-calendar thead th {
background: url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/cal_single.gif) top left no-repeat;
}
#wp-calendar tbody td {
background: url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/cal_single2.gif) top left no-repeat;
padding: 2px 0;
}
#wp-calendar #today {
background: url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/cal_single_today.gif) top left no-repeat;
color: #000;
}
#wp-calendar tbody .pad {
background: url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/cal_pad.gif) top left no-repeat;
}
#wp-calendar a {
padding: 2px 0;
font-weight: bold;
}
#wp-calendar tfoot td {
padding: 3px 0;
background: url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/cal_pad.gif) top left no-repeat;
}
#wp-calendar #next {
text-align: right;
padding-right: 10px;
}
#calendar_wrap {
display: block;
width: 157px;
background: url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/cal_bkg.gif) bottom right no-repeat;
padding: 0 1px 1px 0;
margin: 0 0 18px 0;
}
.footer #calendar_wrap {
}
.footer #wp-calendar caption {
background: #6fa038;
border-bottom:none;
color: #244006;
}
.footer #wp-calendar {
color: #abca8a ;
}
.footer #wp-calendar th {
background:none;
border-top:none;
border-bottom:none;
font-weight: bold;
padding-top: 5px;
}
.footer #wp-calendar th{
color: #213a06;
}
.footer #wp-calendar tfoot td {
background:none;
border-top:none;
border-bottom:none;
}
.footer #wp-calendar tr {
border:none;
}   .it_mobile_menu li{
margin: 0;
}
.it_mobile_menu li a {
font-size: 12px;
text-decoration: none;
text-transform: capitalize;
text-shadow:none;
border-bottom: 1px solid #e2e0e0;
margin: 0 !important;
}
.it_mobile_menu li:last-child a{
border-bottom:none; 
padding-bottom: 15px;
}
.it_mobile_menu li a:hover {
color: #2565ac;
}
.it_mobile_menu > li.current_page_item > a {
color: #2565ac;
}
#mobile_menu {
width: 214px !important;
border: 1px solid #e2e0e0 !important;
left: -1px;
padding: 0;
padding-bottom: 20px;
background: #f8f8f8;
top: 42px !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-webkit-border-top-right-radius: 0px;
z-index: 9999px;
display: none;
margin-bottom: 500px !important;
}
.it_mobile_menu {
position: absolute;
top: 46px !important;
left: 3px;
z-index: 1000;
display: none;
text-align: left;
}
.it_mobile_menu ul {
display: block !important;
visibility: visible !important;
border-bottom: 1px solid #e2e0e0;
}
.it_mobile_menu ul li a{
margin-left:12px !important; 
padding-top: 12px !important;
padding-bottom: 4px !important;
}
.it_mobile_menu ul li:last-child a{
padding-bottom: 10px !important;
}
.it_mobile_menu ul a{
border-bottom: none;
}
.mobile_nav {
color: #3B3B3B !important;
display: none;
background: #f8f8f8;
border: 1px solid #e2e0e0;
position: relative;
padding: 15px 22px 11px 46px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
text-shadow:none !important;
}
.mobile_nav:before, .mobile_nav:after {
content: '';
position: absolute;
top: 0;
width: 2px;
height: 100%;
}
.mobile_nav:before {
left: 0;
}
.mobile_nav:after {
right: 0;
}
.mobile_nav:hover {
text-decoration: none;
color:#3B3B3B;
}
.mobile_nav > span {
display: block;
width: 15px;
height: 10px;
background: url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/responsive_arrow.png) no-repeat;
position: absolute;
top: 19px;
left: 19px;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.mobile_nav.opened > span {
-moz-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@media only screen and ( max-width: 767px ) {
ul.ddsmoothmenu {
display: none !important;
}
.sf-menu{
display: none;
}
#mobile_menu {
width: 228px !important;
border: 1px solid #e2e0e0 !important;
left: -1px;
top: 37px !important;
}
.it_mobile_menu a {
display: block;
padding-left: 15px !important;
color: #3B3B3B;
padding-top: 7px;
padding-bottom: 7px;
}
.header .menu-bar ul {
margin-left: 0px;
}
.logo{
text-align:center;
}
.ddsmoothmenu .sub-menu{
margin-left:100px !important;
visibility:hidden;
}
.ddsmoothmenu .sub-menu li{
margin: 0 !important;
padding: 0 !important;
margin-left:200px !important;
clear:both;
left:20px;
}
.mobile_nav {
display: inline-block;
}
.ddsmoothmenu {
text-align: center;
}
li.depth-4 ul.children {
padding-left: 0;
}
#menu li {
float:none !important;
}
#MainNav {
text-align:center;
}
.header .menu-bar {
border-top:0;
border-bottom:0;
}
.sidebar{
padding: 22px 32px 0 16px;
margin:0;
}
.sidebar.home{
padding:0;
margin:0;
}
.sidebar.home .widget_img {
float:none;
}
#searchform {
position: relative;
width: 232px;
}
#searchform #s {
width: 192px;
}
li.depth-4 ul.children {
padding-left: 0;
}
#menu li {
float:none !important;
}
#MainNav {
text-align:center;
}
.header .menu-bar {
padding-top:8px;
padding-bottom:15px;
border-top: 0;
margin-top: 0;
}
#main-menu {
padding-bottom: 20px;
}
#main-menu select.selectnav {
font-family: arial;
font-size: 15px;
background-color: #FFF;
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0);
background-image: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(20%, #FFF), color-stop(50%, #F6F6F6), color-stop(52%, #EEE), color-stop(100%, #F4F4F4));
background-image: -webkit-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
background-image: -moz-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
background-image: -ms-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
background-image: -o-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
background-image: linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #E1E1E1;
-webkit-box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,0.1);
display: block;
overflow: hidden;
white-space: nowrap;
position: relative;
padding: 6px 7px 6px 5px;
color: #717171;
text-decoration: none;
height: 35px;
line-height: 23px;
cursor: pointer;
}
#main-menu select.selectnav option {
padding: 1px 0;
font-size: 0.8em;
}  a.meanmenu-reveal {
display: none;
}
.mean-container #main-menu {
padding: 0;
margin: 0;
height: 10px;
} .mean-container .mean-bar {
float: left;
width: 100%;
position: relative;
background: #000;
padding: 4px 0;
min-height: 42px;
z-index: 999999;
margin-top: -55px;
}
.mean-container a.meanmenu-reveal {
width: 22px;
height: 22px;
padding: 13px 13px 11px 13px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #fff;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #fff;
height: 3px;
margin-top: 3px;
}
.mean-container .mean-nav {
float: left;
width: 100%;
background: #000;
margin-top: 33px;
}
.mean-container .mean-nav ul {
padding: 0;
margin: 0;
width: 100% !important;
list-style-type: none;
}
.mean-container .mean-nav ul li {
position: relative;
float: left;
width: 100%;
margin-left: 0;
}
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 90%;
padding: 1em 5%;
margin: 0;
text-align: center;
color: #fff;
border-bottom: 1px solid #383838;
border-bottom: 1px solid rgba(255,255,255,0.5);
text-decoration: none;
text-transform: uppercase;
}
.mean-container .mean-nav ul li ul li {
width: 100%;
}
.mean-container .mean-nav ul li li a {
width: 80%;
padding: 1em 10%;
border-bottom: 1px solid #f1f1f1;
border-bottom: 1px solid rgba(255,255,255,0.25);
opacity: 0.75;
filter: alpha(opacity=75);
text-shadow: none !important;
visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: none;
margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 1em 15%;
}
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 1em 25%;
}
.mean-container .mean-nav ul li a:hover {
background: #252525;
background: rgba(255,255,255,0.1);
}
.mean-container .mean-nav ul li a.mean-expand {
width: 26px;
height: 26px;
border: none !important;
padding: 12px !important;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: none;
}
.mean-container .mean-push {
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
}
.animated{
opacity:1;
}
.animation_started.animated, .animated.fade_left.animation_started, .animated.fade_right.animation_started{
animation:none;
opacity:1;
}	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
li{
margin-right: 30px;
}
}
.imgdos{
margin-left:50px;
float:left;
}
.imgdos2{
float:left;
margin-left:50px;
}
#zob table{
margin: 0 auto;
width: 700px; 
}
#content{
text-align:justify;
}
.daw98{
margin-right:180px;
border-radius:3px;
}
.mojdivcenter{
text-align:center;
font-size:120%;
}
#daw976{
font-size: 30px;
font-weight: 400;
}
.footerwords{
width:60% !important;
text-align:center !important;
color:#fff !important;
margin:auto !important;
font-size:11px !important;
}
#daw979{
font-size: 33px;
font-weight: 500;
}#menu {
position:relative;
}
#menu ul {
list-style-type:none;
}
#menu .sf-menu {
list-style:none;
position:relative;
z-index:100;
margin: 0;
margin-top: 5px;
}
#menu .sf-menu li > ul li > ul {
margin-top:1px;
}
#menu .sf-menu li {
position:relative;
display:block;
float: left;
font-size:15px;
margin-left:0;
margin-bottom:0;
margin-right: 14px;
border-radius: 5px;
}
#menu .sf-menu li a {
position:relative;
display: block;
color:#000;
text-decoration:none;
padding:5px 10px 5px 10px;
border-radius: 5px;
}
#menu li.current-menu-item a,#menu li  a.selected, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
color:#fff;
background:#343434;
}
#menu .sf-menu li > ul {
margin-top:-15px;
margin-left: 0;
}
#menu li li a, #menu li li a.sf-with-ul, #menu li li a:hover {
border-radius:5px;
}
#menu li.sfHover a.sf-with-ul,
#menu li li.sfHover a.sf-with-ul{
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#menu li.current-menu-item a:hover, #menu li.current-menu-parent a:hover, #menu li.current_page_parent a:hover, #menu li a:hover.selected {
text-decoration:none;
color:#fff;
}
#menu .sf-menu li.current-menu-item a, #menu .sf-menu li.menu-item-home a{
margin-right:0;
}
#menu .sf-menu li li:first-child{
}
#menu .sf-menu li li {
text-transform:capitalize;
margin:0;
padding:0; background-color: #2b4a07;    
border-radius: 0;
}
#menu .sf-menu li li a {
height:auto;
float:none;
display: block;
text-align:left;
color:#FFFFFF;
text-shadow:none;
margin:0;
padding:10px 18px;
text-decoration: none;
background:none;
position:relative;
border-radius: 0;
}
#menu .sf-menu li li li a {
border-bottom: 1px solid rgba(0, 0, 255, 0.1);
}
#menu .sf-menu li li li:last-child a {
border-bottom: 0;
}
* html #menu .sf-menu li li a {
display:inline-block;
}
#menu .sf-menu li li a:link, #menu .sf-menu li li a:visited {
color:#fff;
}
#menu li li:first-child { }
#menu li li:last-child {
}
#menu .sf-menu li li a.selected, #menu .sf-menu li li a:hover {
color: #258fc1;
text-shadow:none;
}
#menu .sf-menu li ul li {
display:list-item;
float:none;
}
#menu .sf-menu li ul li ul {
padding-top:0;
background:none;
top:0;
margin-top:0;
margin-left:0;
}
#menu .sf-menu li ul li ul li:first-child{
padding-top:0;
}
.sf-sub-indicator{
background:url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/css/images/tip_sf.png) no-repeat; 
}
.sf-menu ul {
position:		absolute;
top:			-900em;
width:			10em; padding: 0;
position: absolute;
left: -999em;
width: 200px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background:#2b4a07;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:0;
top:3.3em; z-index:99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:			200px; top:			0;
}
#menu .sf-menu li li a {
border-top:1px solid rgba(0, 0, 255, 0.1);
}
#menu .sf-menu li li li a {
border-top:1px solid #000;
}
#menu .sf-menu li li:first-child a {
border-top:0;
}
#menu .sf-menu li li a:after {
border-top:1px solid rgba(255, 255, 255, 0.1);
}
#menu .sf-menu li li:last-child a:after {
border-bottom:1px solid rgba(0, 0, 255, 0.1);
}
#menu .sf-menu li li a.selected, #menu .sf-menu li li a:hover { color: #FFFFFF;
background:#1D2C49;
}
#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover,#menu li.current_page_item a, #menu li.sfHover, #menu li.sfHover a{
color:#fff;
background:#1D2C49;
}
#menu .ddsmoothmenu li li {
background: #1D2C49;
}@media only screen and (min-width: 960px) and (max-width: 1260px) {
.sl-slider-wrapper {
min-height: 400px;
height: 400px;
}
.bg-img img{
width: 888px;
height: 400px;
}
.sl-slide-inner {
bottom:27%;
}
.container_24 .grid_12.blog_slider{
width:408px;
}
.flexslider_blog .slides li {
width:360px !important;;
}
.testimonial_item_content .testimonial_item{
margin-right: 2.68%;
}
.right-navi {
padding-right: 32px;
}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
.menu_wrap { width: 100% !important; }
.menu_wrap { width: 748px; }                           
ul.ddsmoothmenu li.menu-gradient { width: 138px; }
.flexslider { width: 746px !important; }
li.depth-4 ul.children { padding-left: 0; }  
.slider-container {
height:350px !important;
}
.slide-image {
height:305px;
margin-top:13px;
background: url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/bg-slider-land.png) no-repeat bottom center !important;
padding-bottom:15px;
}
#slides iframe {
width:698px;
height:300px;
}
.sl-slider-wrapper {
min-height: 300px;
height: 300px;
}
.bg-img img{
width: 698px;
height: 300px;
}
#searchform {
position:relative;
width: 199px !important;
}    
#searchform #s {
width:160px !important;
height:25px;
color:#939292;
border: 1px solid #eeeeee;
padding-left:10px;
}
.footer #searchform {
background-image:none;
border:1px solid #000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width:134px !important;
background-color:#0F3F74;
}
.folio-content ul.thumbnail {
width: 732px !important;
margin-left:-58px;
}
.folio-content ul.thumbnail li {
margin-left:58px !important;
float:left;
overflow:hidden;
background:none;
margin-bottom:58px !important;
}    
.flexslider_blog .slides li {
width:295px !important;;
}
.testimonial_item_content .testimonial_item{
margin-right: 2%;
width: 24%;
}
.right-navi {
padding-right: 32px;
}
}
@media only screen and ( max-width: 767px ) {
.menu_wrap{ width: 460px; }                       	
ul.ddsmoothmenu{ display: none; }                           
.mobile_nav { display: inline-block; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.6); }
.ddsmoothmenu { text-align: center; }
li.depth-4 ul.children { padding-left: 0; }   
.footer-navi .right-navi p{
text-align:center;
margin-bottom:10px;
}
.footer-navi .navigation ul.footer_des{
}
.sl-slide-horizontal .sl-slide-inner{
display:none;
}
.blog_slider_wrapper {
margin-left:0;
}
.container_24 .grid_12.blog_slider{
margin-left:0;
}
.testimonial_item_content .testimonial_item{
margin-right: 0;
width: 87%;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { .menu_wrap { width: 100% !important; }
.content-wrap {
padding-right:30px !important;
}
#content .columns .one_fourth{
width:48%;
}
#content .columns .one_fourth.middle{
margin-right:0 !important;
}
.sl-slider-wrapper {
min-height: 210px;
height: 210px;
}
.bg-img img{
width:410px;
height:210px;
}
.folio-content ul.thumbnail {
width: 100% !important;
margin-left:0 !important;
text-align:center !important;
}
.folio-content ul.thumbnail li {
margin-left:68px !important;
float:none !important;
overflow:hidden;
background:none;
margin-bottom:58px !important;
}
.sidebar {
border-left:0 !important;
}
.sidebar ul li:hover {
background:url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/css/images/sidebar_hover.png) repeat-x !important;
}
.sidebar ul {
margin-left:0 !important;
}
.sidebar ul li{
margin-left:0 !important;
padding-left:0 !important;
}
.footer-container .common{
margin-left:30px !important;
padding-left:0 !important;
margin-right:30px !important;
padding-right:0 !important;
}
.footer-container .grid_6{
width:100%;
margin-left:0;
}
.footer-navi .navigation ul li{
background:none;
}
.footer-navi .navigation{
text-align:center;
}
.footer-navi .navigation .right-navi{
margin:0 auto !important;
float:none !important;
clear:both;
padding-bottom:10px !important;
}
.footer-navi .navigation ul {
float:none !important;
}
.social_link p {
float:none !important;
}
.footer-navi .navigation ul.footer_des{
float:none;
text-align:center;
} 
.footer-navi .navigation ul li {
padding-left:0;
padding-right:0;
margin-left:0;
}
.flexslider_blog .slides li {
width:410px !important;
margin-right: 0;
}
.footer-navi .social-icons {
text-align: center;
}
} @media only screen and (max-width: 480px) {
.menu_wrap { width: 100% !important; }
.menu-bar, .slider-container, .logo, .content-wrapper, .footer-wrapper{
margin-left: 15px;
margin-right: 9px;
}
.content-wrapper .content-info {
margin-bottom:0 !important;
}
#content {
margin-top:10px !important;
}
#content .columns .one_fourth{
width:100%;
text-align:center;
}
#content .one_fourth h3 {
margin-top:0 !important;
}
#content .columns .one_fourth img{
width:100%;
height:auto;
}
.content-wrap{
padding-right:30px !important;
}
.sl-slider-wrapper {
min-height: 150px;
height: 150px;
margin: 25px 18px 34px 18px;
}
.bg-img img{
width:280px;
height:150px;
}
.sl-slider-wrapper .nav-arrows span{
bottom:35%;
}
.nav-dots{
margin-top: -88px;
}
.grid_12.testimonial_div{
margin-right:0;
}
.feature_widget {
margin-right:0;
}
.folio-content ul.thumbnail {
width: 100% !important;
margin-left:0 !important;
text-align:center !important;
}
.folio-content ul.thumbnail li {
margin-left:68px !important;
float:none !important;
overflow:hidden;
background:none;
margin-bottom:58px !important;
}
.sidebar {
border-left:0 !important;       
}
.sidebar ul li:hover {
background:url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/css/images/sidebar_hover.png) repeat-x !important;
}
.sidebar ul {
margin-left:0 !important;
}
.sidebar ul li{
margin-left:0 !important;
padding-left:0 !important;
}
ul.contactform input[type="text"],ul.contactform textarea{
width:96% !important;
}
.folio-content ul.thumbnail {
width: 100% !important;
margin-left:0 !important;
text-align:center !important;
}
.folio-content ul.thumbnail li {
margin-left:0 !important;
float:none !important;
width:240px !important;
margin-bottom:25px !important;
}
.folio-content ul.thumbnail li img {
width:225px !important; 
margin-left:-32px;
}
.folio-content ul.thumbnail a.zoombox {
display:block;
width:245px;
background-position:0% 100% !important;
}
.footer-container .common{
margin-left:30px !important;
padding-left:0 !important;
margin-right:30px !important;
padding-right:0 !important;
}
.footer-container .grid_6{
width:100%;
margin-left:0;
}
.footer-navi .navigation ul li{
background:none;
}
.footer-navi .navigation{
text-align:center;
margin-left:20px !important;
}
.footer-navi .navigation .right-navi{
margin:0 auto !important;
float:none !important;
clear:both;
padding-left:65px;
padding-bottom:10px;
}
.footer-navi .navigation ul {
float:none !important;
text-align:center;
}
.footer-navi .copyright{
visibility:hidden;
height:0;
width:0;
}
.footer-navi .right-navi{
width:234px !important;
padding-bottom:10px !important;
overflow:hidden;
text-align:center !important;
}
.footer-navi .social-icons {
text-align: center;
}
.post img, .content-wrap #blogmain img.postimg{
visibility:hidden;  
height:0;
width:0;
margin:0 !important;
padding:0 !important;
}
.footer-navi .right-navi {
padding-top: 10px;
margin-right: 0 !important;
text-align: center;
}
.flexslider_blog .slides li {
width:259px !important;
}
.testimonial_item_content .testimonial_item {
margin-right: 0;
width: 80%;
}
}
 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;}
}
.animated.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);}
}
.animated.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80% {-webkit-transform: translateY(0);opacity:0}
40% {-webkit-transform: translateY(-30px);opacity:0}
60% {-webkit-transform: translateY(-15px);opacity:0}
100% {-webkit-transform: translateY(0);opacity:1}
}
@-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);}
}
.animated.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);opacity:0;}
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg); opacity:0;}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);opacity:0;}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);opacity:0;}
100% {-webkit-transform: scale(1) rotate(0);opacity:1;}
}
@-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);}
}
.animated.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); }
}
.animated.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%); }
}
.animated.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); }
}
.animated.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
animation-timing-function: ease-in;
}
}
.animated.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;
}
}
.animated.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;
}
}
.animated.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;
}
}
.animated.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;
}
}
.animated.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;}
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-50px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-50px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-50px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animated.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(50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(50px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(50px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(50px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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;}
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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);
}
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes slideInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes slideInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
-moz-animation-name: slideInDown;
-o-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes slideInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes slideInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
-moz-animation-name: slideInLeft;
-o-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes slideInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes slideInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
-moz-animation-name: slideInRight;
-o-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes slideOutLeft {
0% {
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes slideOutLeft {
0% {
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
-moz-animation-name: slideOutLeft;
-o-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes slideOutRight {
0% {
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes slideOutRight {
0% {
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
-moz-animation-name: slideOutRight;
-o-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes slideOutUp {
0% {
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes slideOutUp {
0% {
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
-moz-animation-name: slideOutUp;
-o-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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);
}
}
.animated.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;
}
}
.animated.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;
}
}
.animated.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;
}
}
.animated.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;
}
}
.animated.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;
}
}
.animated.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;
}
}
.animated.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;
}
}
.animated.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;
}
}
.animated.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;
}
}
.animated.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;
}
}
.animated.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; }
}
.animated.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); }
}
.animated.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);
}
}
.animated.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; }
}
.animated.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; }
}
.animated.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 bounceIn_custom {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.8);
}
50% {
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn_custom {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(.8);
}
50% {
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn_custom {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(.8);
}
50% {
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn_custom {
0% {
transform: scale(1);
}
25% {
transform: scale(.8);
}
50% {
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes roll{
0% {-webkit-transform: translateX(500px) rotate(360deg);}
100% {-webkit-transform: translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{
0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-o-keyframes roll{
0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-ms-keyframes roll{
0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}
100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@keyframes roll{
0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-webkit-keyframes moveUp{
0% {-webkit-transform: translateY(40px);}
100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUp{
0% {-moz-transform: translateY(40px);}
100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUp{
0% {-o-transform: translateY(40px);}
100% {-o-transform: translateY(0px);}
}
@-ms-keyframes moveUp{
0% {-ms-transform: translateY(40px);}
100% {-ms-transform: translateY(0px);}
}
@keyframes moveUp{
0% {transform: translateY(40px);}
100% {transform: translateY(0px);}
}
@-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;}
}
@-ms-keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes scaleDown{
0% {-webkit-transform: scale(1);}
100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes scaleDown{
0% {-moz-transform: scale(1);}
100% {-moz-transform: scale(0.5);}
}
@-o-keyframes scaleDown{
0% {-o-transform: scale(1);}
100% {-o-transform: scale(0.5);}
}
@-ms-keyframes scaleDown{
0% {-ms-transform: scale(1);}
100% {-ms-transform: scale(0.5);}
}
@keyframes scaleDown{
0% {transform: scale(1);}
100% {transform: scale(0.5);}
}
@-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;}
}
@-ms-keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 0;}
}
@-webkit-keyframes smallToBig{
from {
-webkit-transform: scale(0.1);
}
to {
-webkit-transform: scale(1);
}
}
@-moz-keyframes smallToBig{
from {
-moz-transform: scale(0.1);
}
to {
-moz-transform: scale(1);
}
}
@-ms-keyframes smallToBig{
from {
-ms-transform: scale(0.1);
}
to {
-ms-transform: scale(1);
}
}
@-webkit-keyframes moveFromBottom {
from {
-webkit-transform: translateY(100%);
}
to {
-webkit-transform: translateY(0%);
}
}
@-moz-keyframes moveFromBottom {
from {
-moz-transform: translateY(100%);
}
to {
-moz-transform: translateY(0%);
}
}
@-ms-keyframes moveFromBottom {
from {
-ms-transform: translateY(100%);
}
to {
-ms-transform: translateY(0%);
}
}
@-webkit-keyframes bounceIn_custom {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.8);
}
50% {
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn_custom {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(.8);
}
50% {
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn_custom {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(.8);
}
50% {
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn_custom {
0% {
transform: scale(1);
}
25% {
transform: scale(.8);
}
50% {
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
} @-webkit-keyframes animate_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 animate_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 animate_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 animate_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; }
} @-webkit-keyframes animate_custom {
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 animate_custom {
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 animate_custom {
0%, 100% {-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes animate_custom {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
@-webkit-keyframes bounceIn_custom {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.8);
}
50% {
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn_custom {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(.8);
}
50% {
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn_custom {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(.8);
}
50% {
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn_custom {
0% {
transform: scale(1);
}
25% {
transform: scale(.8);
}
50% {
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
} @-webkit-keyframes animate_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 animate_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 animate_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 animate_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; }
} @-webkit-keyframes animate_custom {
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 animate_custom {
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 animate_custom {
0%, 100% {-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes animate_custom {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}#cookie-law-info-bar {
border: 0;
font-size: 10pt;
margin: 0 auto;
padding: 5px 0;
position: absolute;
text-align: center;
width: 100%;
z-index: 9999;
}
#cookie-law-info-again {
font-size: 10pt;
margin: 0;
padding: 2px 10px;
text-align: center;
z-index: 9999;
cursor: pointer;
}
#cookie-law-info-bar span {
vertical-align: middle;
} .cli-plugin-button, .cli-plugin-button:visited {
background: #222 url(//biurarachunkowepoznan.pl/wp-content/plugins/cookie-law-info/images/overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
margin: auto 10px;
}
.cli-plugin-button:hover {
background-color: #111;
color: #fff;
}
.cli-plugin-button:active {
top: 1px;
}
.small.cli-plugin-button, .small.cli-plugin-button:visited {
font-size: 11px;
}
.cli-plugin-button, .cli-plugin-button:visited,
.medium.cli-plugin-button, .medium.cli-plugin-button:visited {
font-size: 13px;
font-weight: bold;
line-height: 1;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.large.cli-plugin-button, .large.cli-plugin-button:visited {
font-size: 14px;
padding: 8px 14px 9px;
}
.super.cli-plugin-button, .super.cli-plugin-button:visited {
font-size: 34px;
padding: 8px 14px 9px;
}
.pink.cli-plugin-button, .magenta.cli-plugin-button:visited {
background-color: #e22092;
}
.pink.cli-plugin-button:hover {
background-color: #c81e82;
}
.green.cli-plugin-button, .green.cli-plugin-button:visited {
background-color: #91bd09;
}
.green.cli-plugin-button:hover {
background-color: #749a02;
}
.red.cli-plugin-button, .red.cli-plugin-button:visited {
background-color: #e62727;
}
.red.cli-plugin-button:hover {
background-color: #cf2525;
}
.orange.cli-plugin-button, .orange.cli-plugin-button:visited {
background-color: #ff5c00;
}
.orange.cli-plugin-button:hover {
background-color: #d45500;
}
.blue.cli-plugin-button, .blue.cli-plugin-button:visited {
background-color: #2981e4;
}
.blue.cli-plugin-button:hover {
background-color: #2575cf;
}
.yellow.cli-plugin-button, .yellow.cli-plugin-button:visited {
background-color: #ffb515;
}
.yellow.cli-plugin-button:hover {
background-color: #fc9200;
}a {
text-decoration:none;
color:#000080;
}
a:hover {
color:#2B4908;
}    #menu .ddsmoothmenu li li a.selected, #menu .ddsmoothmenu li li a:hover { color: #FFFFFF;
background:#000080;
}
#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover,#menu li.current_page_item a  {
color:#fff;
}
#menu .ddsmoothmenu li li {
background: #2B4908;
} .slide .slide-content.entry {
background:url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/purple.png);
border-right: 4px solid #757575;
}
#slides .pagination li a {
background-image:url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/pagination.png);
}
.slide .slide-content.entry h2 a {
color:#3F3F3F;
}
.slide-content p {
color: #2B2B2B;
font-size: 15px;
line-height: 24px;
} blockquote {
background:url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/qoute.png) no-repeat;
}
blockquote a {
color:#000080;
} .footer-container {
background: #1D2C49;
}
.footer-container p {
color:#fff;
}
.footer-container .textwidget {
color: #fff;
}
.footer-container ul {
list-style-image:url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/images/green-arrow.png);
}
.footer-container a {
color:#fff;
}
.footer-navi .navigation ul li {
background-position:100% 0%;
}
.footer-navi .navigation ul li a {
color:#fff;
}
.footer-navi .navigation .right-navi p {
color:#FFFFFF;
}
.footer-navi {
background:#1c2943;
}
.footer .contactform input[type=text], .footer .contactform input[type=email] {
background-color: #2B4908;
}
.footer .contactform textarea {
background-color: #2B4908;
}   .folio-page-info ul.paging li.first a {
color:#FFFFFF;
}
.folio-page-info ul.paging li:hover {
}
ul.paging a.active, ul.paging a:hover, ul.paging a.current {
color:#ffffff !important;
border:1px solid #546F9E;
background:url(//biurarachunkowepoznan.pl/wp-content/themes/colorway/css/images/grad_px.gif) top repeat-x #000080;
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
.footer #searchform {
border:1px solid #365e05 !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#2B4908 !important;
}
}
@media only screen and ( max-width: 768px ) {
.it_mobile_menu li a:hover, .it_mobile_menu > li.current_page_item > a {
color: #437507 !important;
}
}