div.post-ratings img { 
padding: 0px
margin: 0px;
}
body { 
background-color: #FFF;
font: 14px/24px Helvetica, sans-serif; 
}
h1, h2, h3, h4, h5 { 
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
}
h1 { 
font-size: 26px; 
letter-spacing: -1px; 
line-height: 32px; 
margin-bottom: 10px;
}
h2 { 
font-family: 'Open Sans', serif;
font-style: normal;
font-weight: 300; 	
font-size: 25px; 
line-height: 30px;
margin-bottom: 25px;
margin-top: 25px;
}
h3 { 
font-family: 'Open Sans', serif;
font-style: normal;
font-weight: 500; 
font-size: 19px; 
line-height: 23px; 
margin-bottom: 15px;
padding-top:7px;
}
h4, h4 p {  
color: #B9C0C5!important; 
font-size: 19px;
font-weight: normal; 
letter-spacing: -1px;
line-height: 27px; 	
}
h5 { 
font-size: 13px; 
line-height: 22px; 
text-transform: uppercase;
}
h6 {
font: bold 13px/32px "Montserrat", Helvetica, sans-serif;
text-transform: uppercase;
}
::selection { 
background: #F0F0F0;
}
code { 
border-style: none;
font: bold 16px/22px "Courier New", Courier, mono, sans-serif;
overflow: auto;    
} .post-thumb,
.portfolio-thumb,
.sidebar .flickr_badge_image,
.widget_bean_recent_posts .post-thumb,
.widget_bean_recent_portfolio .post-thumb {
background: url(//topakcia.sk/wp-content/themes/krative/assets/images/post-thumb.png) no-repeat center;
overflow: hidden;
}
.post-thumb a img:hover,
.portfolio-thumb a img:hover,
.sidebar .flickr_badge_image a img:hover,
.sidebar .bean-dribbble-shots img:hover,
.section .bean-dribbble-shots img:hover,
.widget_bean_recent_posts .post-thumb img:hover, 
.widget_bean_recent_portfolio .post-thumb img:hover {
opacity: .2;		
}
.waypoints .post-thumb a img:hover,
.waypoints .portfolio-thumb a img:hover,
.waypoints .sidebar .instagram_badge_image a:hover,
.waypoints .sidebar .bean500px_badge_image a:hover,
.waypoints .sidebar .bean-dribbble-shots img:hover,
.waypoints .section .bean-dribbble-shots img:hover,
.waypoints .sidebar .flickr_badge_image img:hover,
.waypoints .widget_bean_recent_posts .post-thumb img:hover, 
.waypoints .widget_bean_recent_portfolio .post-thumb img:hover {
-webkit-transform:scale(2.5);
-moz-transform:scale(2.5);
-o-transform:scale(2.5);
transform:scale(2.5);
}  a,
.widget,
textarea,
.menu-icon,
.close-btn,
.social-icon,
.client-logo, 
.bean-like-icon,
.client-logo img,
li.submit .button, 
.post-thumb a img,
input[type="tel"],
input[type="url"], 
#header-dropin h1,
input[type="text"],
input[type="date"], 
flickr_badge_image,
input[type="time"],
input[type="email"], 
.portfolio-thumb img,
#comments-list ol li,
input[type="submit"],
input[type="number"], 
input[type="search"], 
#header-container h1,
.bean-direction-nav a,
.flickr-image-wrapper,
input[type="password"], 
input[type="datetime"], 
.flickr_badge_image img,
.bean-dribbble-shots img,
.format-link .link-wrapper,
.slider-nav .slides li img,
.hidden-sidebar .bean-shot,
.form-submit input[type="submit"],
.hidden-sidebar .flickr_badge_image,
.hidden-sidebar .instagram_badge_image,
.hidden-sidebar .bean500px_badge_image,
.widget_bean_recent_portfolio .post-thumb img:hover { 
-webkit-transition: all 0.15s;
-moz-transition: all 0.15s;
-ms-transition: all 0.15s;
-o-transition: all 0.15s;
}
code,
blockquote, 
blockquote p,
textarea:focus, 
.viewer .caption,
.comment-author a,
#footer-container,
#footer-container a,
.author-description,
.comment-author cite,
.widget .widget-title, 
input[type=text]:focus,
.block .entry-content p,
input[type=email]:focus,
.portfolio-content.block,
h1,	h2, h3, h4, h5, h6, a,
input[type=password]:focus,
.archives-list ul li a:hover,
.widget_bean_recent_posts li h3 a,
.post-password-required .entry-content label { 
color: #23313A; 
}	
.post-date,
.entry-meta,
#login span,
.logged-in-as,
.entry-meta a,
#login span a, 
.comment-meta,
.logged-in-as a 
.logged-in-as a, 
.portfolio-meta,
.comment-meta a,
a.post-edit-link,
.widget_bean_tweets li a,
#footer-container,
.widget_archive li,
#footer-container a, 
.widget_categories li,
a.team-twitter-profile, 
.widget_bean_tweets li a:hover,
.portfolio-meta-list span,
.comment-awaiting-moderation {
color: #C2C2C9;
}  .btn, 
.button, 
.tagcloud a,
button.button, 	       
.btn[type="submit"],
.button[type="submit"],
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
border: none;	  
border-radius: 3px; 
color: #FFF;
cursor: pointer;
display: inline-block;
font: 14px "Open Sans", Helvetica, Arial, sans-serif;
font-weight: 600;
margin: 1px 1px 4px 0; 
padding: 12px 18px;
text-align: center;   
-webkit-font-smoothing: antialiased;
}
.btn:hover, 
.button:hover, 
.tagcloud a:hover,
button.button:hover, 
.form-submit input[type="submit"]:hover,
.btn[type="submit"]:hover,
.button[type="submit"]:hover,
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover {
color: #FFF!important;
}
a.short-btn {
color: #FFF!important
}  form label {
cursor: pointer;
display: block;
font-size: 14px;
margin-bottom: 7px;
}
span.required { 
color: #F63C38; 
font-size: 20px!important;
line-height: 10px;
}  
form input {
clear: none;
display: inline;
margin-bottom: 20px;
}
input.input-text, 
textarea {
display: block;
margin-bottom: 18px;
} 
textarea { 
padding: 9px 14px;
} 
input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
textarea { 
background-color: #F5F5F6;
border: 1px solid #F5F5F6;
border-radius: 3px; 
color: #818b92;
font: 14px/23px "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-style: normal!important;
font-weight: normal!important;
height: 38px;
-webkit-font-smoothing: antialiased;
-webkit-appearance: none;
}
input[type=email]:hover,
input[type=text]:hover,
input[type=password]:hover,
textarea:hover,
input[type=email]:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
background-color: #E9EBEE;
border-color: #E9EBEE;
color: #23313A;
}	
::-webkit-input-placeholder { 
color: #818b92;
}
:-moz-placeholder { 
color: #818b92; 
}
::-moz-placeholder { 
color: #818b92;  
}
:-ms-input-placeholder {  
color: #818b92;  
} label.error { 
display: none!important;
}
.error input, 
textarea.error,
.wpcf7-not-valid,
input[type=text].error { 
background-color: #FFFBFA!important;
border-color: #CF5C46!important; 
box-shadow: 0 1px 2px rgba(182, 47, 21, 0.15); 
color: #B62F15!important;
}
.error input:hover, 
textarea.error:hover,
.wpcf7-not-valid:hover,
input[type=text].error:hover {
background-color: #FFF!important;
border-color: #CF5C46!important; 
}
.error input:focus, 
textarea.error:focus,
.wpcf7-not-valid:focus,
input[type=text].error:focus {
background-color: #FFF!important;
border-color: #CF5C46!important; 
} input.error,
textarea.error,
.requiredField.error {
-webkit-animation-name: BeanButtonShake;
-moz-animation-name: BeanButtonShake;
-o-animation-name: BeanButtonShake;            
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
-ms-animation-duration: 5s;
-o-animation-duration: 5s;
} .wpcf7-form input[type="text"] {
margin-top: 10px;
}
.wpcf7-not-valid-tip {
background: none!important;
border: none!important;
color: #B62F15;
left: 0!important;
top: -10px!important;
position: relative!important;	
}
div.wpcf7-mail-sent-ok {
background-color: #BFF395; 
border: none!important;
border-radius: 3px;
color: #4C6802; 
}
div.wpcf7-spam-blocked,
div.wpcf7-mail-sent-ng,
div.wpcf7-validation-errors {
background-color: #FFE0D8; 
border: none!important;
border-radius: 3px;
color: #F63C38;
}
div.wpcf7-response-output {
margin: 30px 0 0 0!important;
padding: 0.6em 1em!important;
text-align: center;
}
.wpcf7-form p {
line-height: 33px;
}
wpcf7-submit {
padding: 8px 15px;
}	
div.wpcf7 img.ajax-loader {
display: inline;
}    #header-dropin { 
display: none; 
position: fixed; 
right: 0;
top: 0; 
}
#header-dropin {
float: left;
opacity: .97;
padding: 20px 0;
width: 100%;
z-index: 9999;	
}
.logged-in.admin-bar #header-dropin {
top: 28px;
}
#header-dropin .logo {
margin: 0px;
} #dropin-nav {
color: #FFF;
font: 16px/32px Magra, Helvetica, sans-serif;
font-weight: 400;
margin-top: 2px;
text-transform: none;
}
#dropin-nav li {
display: inline;
margin-left: 15px;
margin-right: 11px;
}
#dropin-nav  li a {
color: #FFF;
}
#dropin-nav  li a:hover {
opacity: .3;
}
#dropin-nav .sub-menu {
background: rgba(37, 42, 46, 0.96)!important;
border-radius:  0 0 3px 3px!important;
margin-top: 24px!important;
}
#dropin-nav .sf-menu ul ul {
border-radius: 3px!important;
}  .logo {
margin-top: 5px;
text-align: left;
margin-bottom: -9px;
}	
#header-dropin h1,
#header-container h1 {
color: #FFF;
display: inline;	
font: bold 30px/38px "Montserrat", Helvetica, sans-serif;
margin-bottom: 0;
text-transform: uppercase;
} .page-template-page-home-php #header-container {
background: none;
position: absolute;
width: 100%;	
z-index: 2;
}
#header-container {
padding: 40px 0;
position: relative;
}
#header-container .main-menu {
font: 16px/32px Magra, Helvetica, sans-serif;
float: right;
font-weight: 400;
margin-top: 3px;
padding-right: 38px;
position: relative;
text-transform: none;
color: #f2ebf4;
}
#header-container .main-menu ul li {
display: inline-block;
margin: 0 13px;
}
#header-container .main-menu a {
color: #f2ebf4;
} .sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
white-space: nowrap;
}
.sf-menu ul {
display: none;
left: -15px;
min-width: 12em;
position: absolute;
top: 100%;
z-index: 999;
}
.sf-menu ul ul {
margin-left: 13px;
margin-top: -5px;
}
.sf-menu > li { 
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul { 
display: block;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu ul ul {
left: 100%;
top: 0;
} #dropin-nav .sub-menu li,
#header-container .main-menu .sub-menu li {
border-bottom: 1px solid #3D4247;
display: block;
font-size: 12px;
margin: 0 15px;
}
#dropin-nav .sub-menu li:last-child,
#header-container .main-menu .sub-menu li:last-child {
border-bottom: none;
} 
#dropin-nav .sub-menu,
#header-container .main-menu .sub-menu {
background: #2A3034;
background-color: rgba(42, 48, 52, 0.98);
border-radius: 3px;
margin-top: 5px;
padding: 5px 0;
} #sub-header-container {
background-color: #23313A;
color: #A7ABB1;
padding: 7px 0;
}
#sub-header-container nav li {
display: inline-block;
}
#sub-header-container a {
color: #FFF;
}
#sub-header-container a:hover {
color: #A7ABB1;
}  #theme-wrapper {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
}
#theme-wrapper.side-menu { 
-webkit-transform: translate3d(-320px, 0, 0); 
-moz-transform: translate3d(-320px, 0, 0); 
-ms-transform: translate3d(-320px, 0, 0); 
-o-transform: translate3d(-320px, 0, 0);
transform: translate3d(-320px, 0, 0); 
}
#theme-wrapper.side-menu { 
-webkit-transform: translate(-320px,0); 
-moz-transform: translate(-320px,0);
-o-transform: translate(-320px,0);
transform: translate(-320px,0);
} .sidebar-btn {
display: inline-block;
position: absolute;
right: 23px;
top: 3px;
}
.sidebar-btn .menu-icon {
background: url(//topakcia.sk/wp-content/themes/krative/assets/images/sprite.png) -82px -313px no-repeat;
display: inline-block;
height: 16px;
margin-left: 9px;
position: absolute;
top: 9px;
width: 16px;
}
.main-menu .sidebar-btn .menu-icon.close {
background-position: -102px -314px;
}  
.main-menu a:hover,
.logo img:hover,
#header-dropin h1:hover,
.main-menu > .sfHover > a,
#header-container h1:hover,
.sidebar-btn:hover .menu-icon {
opacity: .5;
} .hidden-sidebar { 
background-color: #2A3034; 
color: #98A2AC;
display: none; 
height: 100%; 
overflow-y: auto; 
padding: 46px 40px 40px; 
position: fixed; 
right: 0; 
top: 0; 
width: 320px; 
z-index: -1; 
}
.logged-in.admin-bar .hidden-sidebar {
padding-top: 70px;
}
.hidden-sidebar-inner {
position: relative;
} .close-btn {
background-color: #2E353A;
background-position: -143px -517px;
background-image: url(//topakcia.sk/wp-content/themes/krative/assets/images/sprite.png);
border-radius: 3px;
cursor: pointer;
display: block;
height: 22px;
position: absolute;
right: -25px;
top: -23px;
width: 22px;
}
.logged-in .close-btn {
top: -27px;
}
.close-btn:hover {
background-color: #363D42;
}
.hidden-sidebar .main-menu a {
color: #98A2AC;
}
.hidden-sidebar .main-menu a:hover {
color: #FFF;
opacity: 1;
}
.hidden-sidebar .widget ul.sub-menu {
padding-left: 0px!important;
} .hidden-sidebar .widget.responsive-menu,
.hidden-sidebar .widget:last-child {
margin-bottom: 0px;
}
.hidden-sidebar .widget .widget-title {
color: #FFF;
} 
.hidden-sidebar .widget li a {
color: #98A2AC;
}  
.hidden-sidebar .widget a,
.hidden-sidebar .widget li a:hover {
color: #FFF;
}   .section {
overflow: hidden;
padding: 75px 0 80px;
} 
.section h5.widget-title {
color: #C3C3C5;
margin-bottom: 35px;
text-align: center;
}
.section .textwidget {
margin: 0 auto;
max-width: 1060px;
padding: 0 30px;
width: 100%;  
}
.section.even {
background-color: #F5F5F6;
} 
.page-template-default .section {
margin-top: 62px;
}  #toTop {
background: url(//topakcia.sk/wp-content/themes/krative/assets/images/sprite.png) -123px -555px #2A3034;
border-radius: 3px 3px 0 0;
bottom: -10px;
display:none;
height:40px;
position:fixed;
right:30px;
width:60px;  
}
#toTop:hover { 
bottom: 0px;
}  .page-template-page-home-php #primary-container {
padding: 0px;
}
.loading {
min-height: 400px; 
}
.home-slide {
padding: 145px 30px 0;
position: relative;
}
.home-slide .row {
padding: 0 44px;
} 
.bean-home-viewport {
position:relative;
} .bean-home-direction-nav a {
background: url(//topakcia.sk/wp-content/themes/krative/assets/images/sprite.png) no-repeat;
display: block;
height: 62px;
position: absolute;
text-indent: -9999em;
top: 65%;
width: 33px;
-webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
}
.bean-home-prev {
left: 30px;
}
.bean-home-next {
right: 30px;
}
.bean-home-direction-nav .bean-home-prev { 
background-position: -148px -95px;
}
.bean-home-direction-nav .bean-home-next { 
background-position: -18px -95px;
}
.bean-home-direction-nav .bean-home-prev:hover { 
background-position: -107px -95px;
}
.bean-home-direction-nav .bean-home-next:hover { 
background-position: -59px -95px;
} .post-slider .post-edit-link {
background-color: #FFF;
border-radius: 3px;
bottom: 12px;
color: #818b92;
font-size: 13px;
line-height: 19px;
padding: 2px 8px;
position: absolute;
right: 12px;
} .home-slide p,
.home-slide h1, 
.home-slide h2,
.home-slide h3,
.home-slide h4,
.home-slide h5,
.home-slide h6 {
color: #FFF;
}
.home-slide h1 {
font-size: 45px;
font-weight: 400;
line-height: 50px;
margin-bottom: 30px;
} 
.home-slide h2 {
font-size: 26px;
font-weight: 600;
line-height: 34px;
margin-bottom: 20px;
} 
.home-slide p {
font-size: 17px;
line-height: 27px;
margin: 0 auto 40px;
width: 80%;
} 
.home-slide .bean-one-third p {
font-style: normal;
font-weight: normal;
} 
.home-slide p a {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
color: #FFF;
} 
.home-slide p a:hover {
border-color: #FFF;
} 
.home-slide .bean-two-third.bean-column-last {
width: 66%;
} .home-slide .bean-one-half, 
.home-slide .bean-one-third, 
.home-slide .bean-two-third, 
.home-slide .bean-three-fourth, 
.home-slide .bean-one-fourth, 
.home-slide .bean-one-fifth, 
.home-slide .bean-two-fifth, 
.home-slide .bean-three-fifth, 
.home-slide .bean-four-fifth, 
.home-slide .bean-one-sixth, 
.home-slide .bean-five-sixth {
margin-bottom: 0px;
} 
.home-slide .bean-one-half p, 
.home-slide .bean-one-third p, 
.home-slide .bean-two-third p, 
.home-slide .bean-three-fourth p, 
.home-slide .bean-one-fourth p, 
.home-slide .bean-one-fifth p, 
.home-slide .bean-two-fifth p, 
.home-slide .bean-three-fifth p, 
.home-slide .bean-four-fifth p, 
.home-slide .bean-one-sixth p, 
.home-slide .bean-five-sixth p {
width: 100%;
} 
.home-slide .short-btn {
background-color: #FFF;
color: #23313A;
font: 15px "Open Sans", Helvetica, Arial, sans-serif!important;
font-weight: bold!important;
}
.home-slide .short-btn:hover {
background-color:#23313A;
color: #FFF!important;
}    #isotope-container {
margin-bottom: 20px;
margin-left: -23px;
}
.isotope-item { 
float: left;
margin: 0px 0px 40px 23px;
position: relative;
text-align: center;
width: 309px;
z-index: 2; 
}
#isotope-container.portfolio-3col {
margin-bottom: 20px;
margin-left: -2.7%;
}
#isotope-container.portfolio-3col .hentry.isotope-item {
margin: 0 0 40px 2.7%;
max-width: 330px;
width: 30.5%;
} #isotope-container.portfolio-2col {
margin-bottom: 20px;
margin-left: -2.7%;
}
#isotope-container.portfolio-2col .hentry.isotope-item {
margin: 0 0 40px 2.7%;
max-width: 469px;
width: 47%;
}
.portfolio-2col .isotope-item h3 {
font-size: 17px;
margin-bottom: 0px;	
}  .isotope-item .portfolio-thumb {
margin-bottom: 15px;
}
.isotope-item h3 {
font-size: 15px;
margin-bottom: -2px;
}
.isotope-item .portfolio-cats a {
color: #818b92;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:         top, left, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
} #page_nav,
#infscr-loading,
#infscr-loading img { 
display: none!important;
} #filter {
margin-bottom: 30px;
}
#filter li {
display: inline;
}
#filter li:first-child {
color: #818B92;
margin-right: 15px;
}
#filter span.sep {
color: #818B92;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
margin: 0 8px;
}
#filter  li:last-child .sep {
display: none;
} #primary-container.portfolio .section {
margin-top: 30px;
}
.entry-content.portfolio {
margin-bottom: 45px;
}
.portfolio-thumb {
line-height: 0px;
position: relative;
}  .single section.type-portfolio {
height: 100%;
margin-bottom: 80px;
}
.single-portfolio section.type-portfolio .eight.columns.mobile-four {
margin-bottom: 85px;
} 
.single-portfolio .post-excerpt {
padding: 10px 30px 30px;
text-align: center;
} .page-template-page-portfolio-3col-php .entry-content.portfolio, 
.page-template-page-portfolio-2col-php .entry-content.portfolio {
float: none!important;
}
.single-portfolio .entry-content {
margin-bottom: 40px;
width: 90%;
} .single-portfolio .pagination {
margin: 45px 0;
}
.portfolio-meta-list li {
line-height: 20px;
margin-bottom: 15px;
}
.portfolio-meta-list a {
color: #818b92;	
} 
.portfolio-meta-list span { 
display: block;
font-size: 13px;
text-transform: uppercase; 
} .single-portfolio .entry-header {
position: relative;
}
.entry-like {
display: inline-block;
font-size: 14px;
line-height: 12px;
margin-bottom: 15px;
margin-top: -5px;
max-height: 20px;
padding: 4px;
}
.entry-like:hover a,
.entry-like:hover .bean-like-icon {
background-position: -93px -425px;
color: #FD6356;
}
.bean-like-icon {
background:url(//topakcia.sk/wp-content/themes/krative/assets/images/sprite.png) no-repeat -93px -413px; 
display: inline;
float: left;
height: 12px;
margin-right: 5px;
width: 14px;
}
.bean-likes.active, 
.bean-likes.active .bean-like-icon {
background-position: -93px -438px;
color: #FD6356;
cursor: default;
}
@-webkit-keyframes BeanLikeAnimation {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-15px);}
60% {-webkit-transform: translateY(-10px);}
}
@-moz-keyframes BeanLikeAnimation {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-15px);}
60% {-moz-transform: translateY(-10px);}
}
@-o-keyframes BeanLikeAnimation {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-15px);}
60% {-o-transform: translateY(-10px);}
}
@keyframes BeanLikeAnimation {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-15px);}
60% {transform: translateY(-10px);}
}
.animated.BeanLikeAnimation {
-webkit-animation-name: BeanLikeAnimation;
-moz-animation-name: BeanLikeAnimation;
-o-animation-name: BeanLikeAnimation;
} .widget .widget-title.no-related {
margin-bottom: -15px;
} 
.portfolio-related li { 
float: left;
margin-bottom: 2.5%;
margin-right: 2.5%;
max-width: 309px;
width: 31.5%;
}
.portfolio-related li.last { 
margin-right: 0; 
} .single-portfolio .entry-content-media img { 
margin-bottom: 15px;
} .entry-content-media.portfolio-audio img {
margin-bottom: -7px!important;
}
.single-portfolio .jp-interface {
border-radius: 0 0 4px 4px;	
margin: 0px;
max-width: 640px;
}	        
.single-portfolio .jp-progress {
max-width: 450px;
} .entry-content-media.portfolio-video img {
margin-bottom: 0px!important;
} body.viewing #theme-wrapper { 
-webkit-filter: grayscale(1) blur(4px);
}
.viewer {	
background-color: #FFF;
background-color: rgba(255, 255, 255, 0.85);
}
.viewer li>div {
bottom:50px;
left:30px;
right:30px;
top:50px;
}
.viewer li {
float: none;
height: 100%!important;
left: 0;
position: absolute;
right: 0;
visibility: visible!important;
width: 100%!important;
z-index: 2;
-webkit-transition: all 300ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
-moz-transition: all 300ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}
.viewer li.first.current {
margin-left: 0;
text-align: center;
}
.viewer li.current {
z-index:1;
}
.viewer li.previous {
left: -85%;  
}
.viewer li.next {
left: 85%; 
}
.viewer li.previous>div {
left: 30px;
text-align: right;
right: 30px;
}
.viewer li.next>div {
left: 30px;
text-align: left;
right: 30px;
}
.viewer .close,
.viewer .caption {
display: none;
} section.portfolio.post-password-required {
margin-top: 40px;
}
section.portfolio.post-password-required .four.columns {
text-align: center;
width: 100%;
}
section.portfolio.post-password-required  .entry-content {
margin-bottom: 90px;
width: 100%;	
}
section.portfolio.post-password-required .entry-content input[type="password"] {
margin: 18px auto 0;
text-align: center;
width: 60%;
}  .page-template-page-team-php #isotope-container.portfolio-3col .hentry.isotope-item {
margin-bottom: 60px;
}
.page-template-page-team-php #isotope-container.portfolio-3col  {
overflow: visible!important;	
}
.page-template-page-team-php .entry-content.portfolio {
float: none!important;
}
.team-member-meta {
text-align: left;
}
.team-member-meta h3 {
font-size: 18px!important;
margin: 20px 0 5px!important;
}
.team-member-meta a.team-twitter-profile {
display: inline-block;
margin-bottom: 4px;
}
.team-member-meta a.team-twitter-profile span.arrow {
display: none;
}
.team-member-meta a.team-twitter-profile:hover span.arrow {
display: inline-block;
}  #primary-container {
background-color: #FFF;
margin: 0 auto;
padding: 60px 0 0;
}
.entry-content p {
font-size: 15px;
line-height: 26px;
margin-bottom: 20px; 
}	
.entry-content p a {  
border-bottom: 1px solid #E9E9EC;
padding-bottom: 1px;
}	
.entry-content p a:hover { 
color: #23313A!important;
}
.entry-content ul, 
.entry-content ol {
margin: 30px 0 30px 50px;
} 
.entry-content li {
color: #23313A;
list-style: disc;
} 
.entry-content form ul {
margin: 0px!important;
}
.entry-content form li {
list-style: none;
}  .sidebar {
width: 240px;
-webkit-backface-visibility: hidden;
}
.sidebar-right .sidebar {
float: right;
margin-left: 10%;
}
.sidebar-left .sidebar {
margin-right: 10%;
}  
.eight.columns.sidebar-right.mobile-four {
border-right: 1px solid #E9E9EC;
margin-bottom: 60px;
padding-right: 8%;	
-webkit-backface-visibility: hidden;
}
.eight.columns.sidebar-left.mobile-four {
border-left: 1px solid #E9E9EC;
padding-left: 8%;
-webkit-backface-visibility: hidden;
}   #map-container  {
background-color: #F5F5F6;
height: 350px!important;
width: 100%;
} #map-container iframe {
width: 100%;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
-webkit-animation-duration: .2s;
-moz-animation-duration: .2s;
-ms-animation-duration: .2s;
-o-animation-duration: .2s;
-webkit-animation-name: BeanFadeIn;
-moz-animation-name: BeanFadeIn;
-o-animation-name: BeanFadeIn;
-webkit-animation-delay: .8s;
-moz-animation-delay: .8s;
-ms-animation-delay: .8s;
-o-animation-delay: .8s;
} #BeanForm {
margin-top: 50px!important;
}
ul.bean-contactform li.six.name {
float: left;
padding-right: 10px;
}
ul.bean-contactform li.six.email {
float: left;
padding-left: 10px;
} 
ul.bean-contactform textarea {
max-width: 100%;
} 
li.submit .button,
.form-submit input[type="submit"] {	
font: 15px "Open Sans", Helvetica, Arial, sans-serif;
font-weight: 600;
margin-top: 10px;
outline: none;
padding: 12px 18px;
-webkit-appearance: none; 
} .page-template-page-contact-php .bean-alert {
background-color: #f0f0f0;
border-radius: 3px;
color: #2A3034;
font-size: 14px;
line-height: 24px;
margin-bottom: -5px;
margin-top: 30px!important;
padding: 6px 10px!important;
position: relative;
text-align: center;
}
.page-template-page-contact-php .bean-alert.fail    { 
background-color: #FFE0D8; 
color: #F63C38;
}
.page-template-page-contact-php .bean-alert.success { 
background-color: #BFF395; 
color: #4C6802;
}  .archives-list {
margin-top: 45px;
}
.entry-content .archives-list ul {
margin: 0 0 25px 0!important;
margin-bottom: 25px;
} 		
.archives-list ul li {
list-style: disc;
margin-left:25px;
}	
.archives-list ul li a {
border-bottom: 1px solid #E9E9EC;
}  .search h6.search-title {
margin: -8px 0 15px;
}
.search .searchform.search-page input[type="text"] {
background: url(//topakcia.sk/wp-content/themes/krative/assets/images/sprite.png) 477px -231px no-repeat;
margin-bottom: 12px;
}
.search #searchform {
margin-top: 30px;
}
.search #searchform .button[type="submit"] {
display: none;
}  .error404 #primary-container {
padding: 10%;
text-align: center;
}   .page-template-page-comingsoon-php,
.page-template-page-comingsoon-php #primary-container  {
padding: 10%;
text-align: center;
-webkit-animation: ComingSoonPulse 10s infinite alternate;
-webkit-animation: ComingSoonPulse 10s infinite alternate;
-moz-animation: ComingSoonPulse 10s infinite alternate;
-o-animation: ComingSoonPulse 10s infinite alternate;
-webkit-animation-delay: 1.5s!important;
-moz-animation-delay: 1.5s!important;
-ms-animation-delay: 1.5s!important;
-o-animation-delay: 1.5s!important;        
}	
.page-template-page-comingsoon-php h1 {
color: #FFF;
font: bold 40px/50px "Montserrat", Helvetica, sans-serif;
text-transform: uppercase;
}
.page-template-page-comingsoon-php  p {
color: #FFF;
font-size: 17px!important;
line-height: 27px!important;
}
.page-template-page-comingsoon-php .entry-content {
margin-bottom: 30px;
} .bean-coming-soon .count-inner {
background-color: #FFF;
border-radius: 6px;
height: 154px;
margin-bottom: 20px;
padding: 50px 10px 30px 7px;
}
.bean-coming-soon .count {
color: #23313A;
font-size: 70px;
font-weight: bold;
letter-spacing: -4px;
}	
.bean-coming-soon .text {
line-height: 20px;
margin-bottom: 0px;
margin-top: 30px;
} .count-inner .animated.BeanFadeIn {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-ms-animation-delay: 1.5s;
-o-animation-delay: 1.5s;	
}   a.more-link {
display: inline-block;
font: bold 13px/32px "Montserrat", Helvetica, sans-serif;
margin-top: 15px;
padding-bottom: 0px!important;
text-transform: uppercase;
}  .pagination a {
background: url(//topakcia.sk/wp-content/themes/krative/assets/images/sprite.png) no-repeat #23313A; 
border-radius: 3px;	       
display: inline-block;   
height: 22px;  
width: 22px;
}
span.page-previous a 		{ 
background-position: -36px -517px;
}
span.page-previous a:hover  { 
background-position: -36px -559px;
} 	
span.page-next a 			{
background-position: -71px -517px;
}
span.page-next a:hover 		{ 
background-position: -71px -559px;
}
span.page-portfolio a 		{ 
background-position: -107px -517px;
}
span.page-portfolio a:hover { 
background-position: -107px -559px;
} .pagination.index {
clear: left;
display: block;
float: left;
margin: -40px auto 20px;
position: relative;
text-align: center;
width: 100%;
}
.pagination.index span 			 { 
position: absolute;
}
.pagination.index span.page-next { 
right: 0;
}
.pagination.index span.page-previous {
left: 0;
}  h1.entry-title { 
margin-bottom: 15px; 
}	
.format-standard .fluid-width-video-wrapper	{ 
margin: 10px 0 5px 0px; 
}  .blog .format-image .entry-content {
padding: 0 60px;
text-align: center;
}  .post .jp-interface {
margin-top: 0px;
}
.format-audio .entry-content-media {
margin-bottom: 20px;
}
.format-video div.jp-interface {
border-radius: 0 0 4px 4px;
max-width: 574px;
} 
.format-video .fluid-width-video-wrapper {
float: left;
}
.format-video .jp-type-single {
position: absolute;
}		
.format-video .entry-content-media img {
margin-bottom: -2px!important;
}  .format-link .link-wrapper,
section.post.format-quote  {
border-radius: 6px;
float: left;
padding: 40px 10px 25px;
text-align: center;
}
.format-link h1,	
.format-quote h1 {
color: #FFF;
font: bold 23px/32px "Montserrat", Helvetica, sans-serif;
text-transform: uppercase;
}	
.format-link .entry-content p,
.format-quote .entry-content p {
color: #FFF!important;
margin-bottom: 0px;
}
.format-link h1 a {
color: #FFF;
}
section.post.format-link {
display: block;
}	
.format-link .link-wrapper {
width: 100%;
}
.format-link .link-wrapper:hover {
color: #FFF;
}  .format-gallery .entry-content-media {
float: left;
margin: 0px;
position: relative;
}
.format-gallery .social-overlay {
bottom: 55px;
} li.stacked-image  {
position: relative;
}
.media-caption {
background-color: #23313A;
background-color: rgba(35, 49, 58, 0.90);
border-radius: 3px;
bottom: 35px;
color: #FFF;
font-size: 12px;
line-height: 27px;
padding: 0px 8px;
position: absolute;
right: 15px;
text-align: center;
} .bean-container a:active,
.post-slider a:active,
.bean-container a:focus,
.post-slider a:focus  {
outline: none;
}
.slides,
.bean-control-nav  {
list-style: none;
margin: 0; 
padding: 0;
} .post-slider {
margin: 0; 
padding: 0; 
position: relative;
}
.post-slider .slides > li { 
display: none; 
-webkit-backface-visibility: hidden;
} 
.post-slider .slides img {
display: block;
max-width: 100%; 
}
.loading .bean-viewport {
max-height: 300px;
}
.post-slider .slides {
zoom: 1;
}
.slides li img { 
margin-bottom: 0px!important;
} .slides:after { 
clear: both; 
content: "."; 
display: block; 
height: 0;
line-height: 0; 
visibility: hidden; 
} 
html[xmlns] .slides { 
display: block;
}
* html .slides { 
height: 1%;
} .no-js .slides > li:first-child {
display: block;
} .bean-control-paging {
margin: 20px 0 10px;
text-align: center;
}
.bean-control-paging li {
cursor: pointer;
display: inline-block;
margin: 0 2px;
text-indent: -9999em;
}
.bean-control-paging li a {
background-color: #B9C0C5;
border-radius: 10px;
display: block;
height: 10px;
width: 10px;
}
.bean-control-paging li a.bean-active,	
.bean-control-paging li a:hover {
background-color: #23313A;
}  section.post {
float: left;
margin-bottom: 38px;
width: 100%; }
#primary-container section.post:last-child {
margin-bottom: 0px;
}	
.single-post section.post {
margin-bottom: 0px;
}
.post .entry-header {
float: left;
width: 100%;
}
h1.entry-title {
font-family: 'Magra', serif;
font-style: bold;
font-weight: 700; 
font-size: 33px;
line-height: 39px;
margin-bottom: 33px;
margin-top: 8px;
color: #424c55;
}
h1.entry-title span {
color: #3cb63f;
}
.h1blok {
width:90%;
}
h1.hp-title {
font-family: 'Open Sans', serif;
font-style: normal;
font-weight: 300; 
font-size: 31px;
line-height: 38px;
margin-bottom: 16px;
margin-top: -6px;
} .entry-meta {
margin-bottom: 20px;
padding-left:25px;
background-image: url(https://binarniopce.biz/wp-content/themes/krative/assets/images/clock-bg.png); 
background-repeat: no-repeat;
background-position: 0px 4px;
}
.entry-content .entry-meta {
font-size: 12px;
margin-top: 30px;
text-transform: uppercase;
}
.entry-meta h6 {
display: inline;
margin-right: 5px;
}
.entry-meta li,
.entry-meta ul {
display: inline; 
font-size: 13px;
text-transform: uppercase;
}	
.entry-meta .meta-sep {
padding: 0 5px;
}				
.post-edit-link {
float: right;
}
.post-excerpt {
border-bottom: 1px solid #E9E9EC;
clear: left;
margin-bottom: 23px;
padding: 0 0 23px;
}
.post .post-excerpt h4 p {
font-size: 22px;
line-height: 29px;
} 
.entry-content,
.entry-content-media {
display: block;
float: left;
width: 100%;
} .post-thumb {
margin-bottom: 23px;
}
.single-post .post-thumb img:hover {
opacity: 1;
}
.single-post .post-thumb img:hover {
-webkit-transform:scale(1)!important;
-moz-transform:scale(1)!important;
-o-transform:scale(1)!important;
transform:scale(1)!important;
} .social-overlay {
bottom: 0px;
padding: 10px;
position: absolute;
right: 0px;
z-index: 2;
}
.social-overlay li a {
display: block;
height: 24px;
width: 44px;
}
.social-icon {	
background: url(//topakcia.sk/wp-content/themes/krative/assets/images/social.png) no-repeat rgba(35, 49, 58, 0.9);
background-color: #23313A;
border-radius: 3px;
height: 24px;
margin-top: 3px;
width: 44px;
-webkit-filter: grayscale(0)!important;
}
.social-icon.google   { 
background-color: #DD4A38;
background-position: -286px 3px; 
}
.social-icon.twitter  { 
background-color: #32CCFE;
background-position: -136px 4px; 
}
.social-icon.facebook { 
background-color: #476DC3;
background-position: -191px 4px; 
}
.social-icon:hover {
background-color: #23313A;
} .social-overlay li.social-icon:nth-of-type(2) {
-webkit-animation-delay: 0.7s!important;
-moz-animation-delay: 0.7s!important;
-ms-animation-delay: 0.7s!important;
-o-animation-delay: 0.7s!important; 
}
.social-overlay li.social-icon:nth-of-type(1) {
-webkit-animation-delay: 0.6s!important;
-moz-animation-delay: 0.6s!important;
-ms-animation-delay: 0.6s!important;
-o-animation-delay: 0.6s!important;
}
.social-overlay li.social-icon:nth-of-type(3) {
-webkit-animation-delay: 0.8s!important;
-moz-animation-delay: 0.8s!important;
-ms-animation-delay: 0.8s!important;
-o-animation-delay: 0.8s!important;
}  .author-avatar {
margin-top: 5px;
}
.author-avatar img {
border-radius: 3px;
}
h6.author {
margin-bottom: 30px;
}
.entry-content.author {
border-bottom: 1px solid #E9E9EC;
margin-bottom: 50px;
padding-bottom: 55px;
} ul.author-links {
margin: 0px;
}
ul.author-links li {
display: inline-block;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
-webkit-animation-duration: .2s;
-moz-animation-duration: .2s;
-ms-animation-duration: .2s;
-o-animation-duration: .2s;
-webkit-animation-name: BeanFadeIn;
-moz-animation-name: BeanFadeIn;
-o-animation-name: BeanFadeIn;
}
ul.author-links li a {
border-bottom: none;
}
.author-icon {
background: url(//topakcia.sk/wp-content/themes/krative/assets/images/social.png) no-repeat #AFAFB6;
border-radius: 3px;
display: block;
height: 28px;
width: 28px;
}
.author-icon.web	   { 
background-position: -344px 6px;
}
.author-icon.twitter   { 
background-position: -144px 6px;
}
.author-icon.dribbble  { 
background-position: -243px 6px;
}
.author-icon.facebook  { 
background-position: -198px 6px;
}
.author-icon.instagram { 
background-position: 6px 6px;
}
.author-icon.google    { 
background-position: -44px 6px;
}
.author-icon.email 	   { 
background-position: -95px 6px;
}
.author-icon.web:hover 	 	 { 
background-color: #7CB86A; 
background-position: -344px -44px;
}
.author-icon.twitter:hover   { 
background-color: #32ccfe; 
background-position: -144px -44px;
}
.author-icon.dribbble:hover  {
background-color: #F8619E; 
background-position: -243px -44px;
}
.author-icon.facebook:hover  { 
background-color: #476DC3; 
background-position: -198px -44px;
}
.author-icon.instagram:hover { 
background-color: #1A96D7; 
background-position: 6px -44px;
}
.author-icon.google:hover    { 
background-color: #DD4A38; 
background-position: -44px -44px;
}
.author-icon.email:hover 	 { 
background-color: #02B0E8; 
background-position: -95px -44px;
} .about-author {
background-color: #F5F5F6;
border-radius: 3px;
float: left;
margin: 25px 0 20px;
padding: 15px 25px;
}
.about-author p {
margin-bottom: 13px;
}
.about-author .author-avatar {
margin-top: 11px;
}	
.about-author .author-links	{
margin-bottom: 5px;
} .post-password-required .entry-content label {
font: 18px "Open Sans", serif;
font-weight: 600;
margin-bottom: 20px;
}
.post-password-required .entry-content input[type="password"] {
font-size: 20px!important;
font-weight: bold!important;
margin: 18px 0 0 0;
text-align: left;
}
.nopassword {
background-color: #FFE0D8; 
border-radius: 3px;
color: #F63C38;
padding: 6px 10px;
text-align: center;
}  .single-post .entry-content img,
.single-post .entry-content img a {
margin: 40px 0px 40px 0px; 
}	
blockquote {
margin: 25px 0;
padding-left: 35px;
}
blockquote, 
.entry-content blockquote p {
font: 24px/31px "Open Sans", Helvetica, Arial, sans-serif;
letter-spacing: -1px;
}
blockquote p {
margin-bottom: 0px;
} .entry-content p img,
.content .gallery .gallery-icon img, 
.image-frame img, 
.attachment .post-box img,
.slider img {
background: transparent;
display: block;
}
.image-frame img, 
.attachment .post-box img,
.entry-content-media img,
.post-thumb img { 
height: auto; 
}
.post-thumb {
float: left;
line-height: 10px;
position: relative;
width: 100%;
}
.post-thumb a img:hover {
opacity: .3;
} 
.entry-content .entry-content-media img { 
margin: 0 0 0 0; 
}
.attachment article .entry-content { 
padding:0 0 0 0; 
}
.attachment .post-box img { 
margin: 0 auto; 
}
.content .gallery-item {
float: left;
margin: 0;
padding: 0;
}
.content .gallery .gallery-icon img { 
margin-bottom: 0!important;
}	 
.fluid-width-video-wrapper {
margin-bottom: 23px;
}
.entry-content img,
.comment-content img,
.widget img { 
max-width: 100%; 
}
.entry-content img.size-full,
.entry-content img.size-large {
display: block;
height: auto;
max-width: 100%;
width: auto; 
}
.entry-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
img.aligncenter {
clear: both;
display: block;
margin-left: auto!important;
margin-right: auto!important;
}
img.alignleft {
float: left;
}
img.alignright {
display: block;
}
.wp-smiley {
margin: 0 !important;
max-height: 13px;
}
.gallery { 
float: left;
margin: auto; 
width: 100%;
}
.gallery-item {
float: left;
margin-left: 0;
text-align: center;
}
#gallery-1 .gallery-item {
float: left;	
margin-top: 10px;
text-align: center;
width: 33%;
}
.gallery-image {
margin-left: 0;
}
.gallery-caption { 
font-weight: bold;
margin-left: 0;
}
.gallery-item .gallery-caption { 
margin-bottom: 0 !important;
padding-right: 12%; 
}
.wp-caption,
figcaption {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
margin: 10px 20px 20px 20px;
text-align: center;
}
.wp-caption.aligncenter { 
margin: 20px auto;
}
.wp-caption.alignleft 	{ 
margin-left: 0;
}
.wp-caption.alignright 	{
margin-right: 0;
}
.wp-caption.alignnone 	{ 
margin-left: 0;
}
.wp-caption img,
.wp-caption img a {
border: 0 none;
margin: 0;
padding: 0;
}
.wp-caption
.wp-caption-text {
margin: 0;
padding: 5px;
}
img#wpstats {
display: none;
}
.sticky {}   .featurearea .featurearea_content .featurearea_content_title {
color: #23313A!important;
font: 18px/28px "Open Sans", Helvetica, Arial, sans-serif!important;
font-weight: 600!important;
}
.bean-tabs ul.bean-nav li a { 
color: #23313a!important;
}
.iconSocial a,
.modal-header a { 
border-bottom: none;
}
.target { 
height: 100%!important;
}
p:empty { 
display: none;
} .ul.bean_social_icons li.bean_social_icon {
margin: 0px 2px 2px 0!important;
} .Abean-pricing-table .table-mast p,
.Abean-pricing-table .table-mast h6.price { 
color: #FFF!important; 
font-size: 15px!important;
}
.Abean-pricing-table .table-mast h6.price { 
font-weight: bold!important;
}
.Abean-pricing-table .pricing-column ul { 
background-color: #F5F5F6!important;
}
.Abean-pricing-table .pricing-column li.info:hover { 
color: #2A3034!important;
}
.Abean-pricing-table .table-mast h5.title {  
font-size: 20px!important;  
margin-bottom: 0px!important;
}
.Abean-pricing-table .table-mast h6.price {  
margin-bottom: 10px!important;
}    #comments { 
clear: both; 
float: left;
padding-top: 10px;
width: 100%;
margin-bottom:60px;
}
#comments h5 {
margin-bottom: 0px;
}
#comments ol {
list-style: none;
}
#reply-title {
font: bold 13px/32px "Montserrat", Helvetica, sans-serif;
margin-bottom: 25px;
text-transform: uppercase; 
}	
.logged-in #reply-title {
margin-bottom: 26px;
}
.commentlist {
list-style-type: none;
margin: 0 0 40px;
}
.pinglist {
list-style-type: disc;
margin: 20px 0 40px 30px;
}
#comments-list {
float: left;
padding-bottom: 100px;
width: 100%;
}
#comments-list ol li {
border-bottom: 1px solid #E9E9EC;
float: left;
padding-top: 10px;
width: 100%;
}
#login span a,  
#login span {
font-style: normal;
font-weight: normal;
}  .comment-avatar {
border-radius: 3px; 
float: left;
height: 50px;
margin: 25px 0 0 0;   
width: 50px;
}
.comment-avatar img  { 
border-radius: 3px; 
height: 50px;
width: 50px;  
}
.comment-author {
margin-top: 20px;
}
.comment-author cite {
float: left;
font-style: normal;
font-weight: bold;
line-height: 22px;
margin-right: 15px;
}
.comment-meta, 
.comment-meta a {
font-size: 11px;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
}
.author-tag span.meta-sep {
padding-right: 4px;
} .bypostauthor {}  .comment-body p { 
padding-bottom: 30px;
}
.comment-body ul { 
list-style-type: disc;
}
.comment-body ol { 
list-style-type: disc;
}
.children { 
float: left;
list-style-type: none; 
margin: -27px 0 0 94px;
padding-right: 90px;
width: 100%;
}
.children .comment {
margin-bottom: 0px;
}
.children li {
border-bottom: none!important;
padding-top: 0px!important;
}	
.nocomments {
padding: 20px;
text-align: center;
}  #cancel-comment-reply-link {
color: #CE6464;
float: right;   
font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
margin-top: 11px;  
text-transform: uppercase;
}
#cancel-comment-reply-link:hover { 
color: #a52525;
}
.comment-awaiting-moderation {
font: normal normal 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-transform: uppercase;
}  #respond form label {
display: block;
float: right;
margin-bottom: 0px;
padding-top: 3px;
}
.comment #respond { 
margin: 0px 0 60px 95px;
padding-top: 15px;
}
.children #respond {
margin-left: 80px;
}	
#commentform input[type="text"], 
#commentform input[type="password"], 
#commentform input[type="date"], 
#commentform input[type="datetime"], 
#commentform input[type="email"], 
#commentform input[type="number"], 
#commentform input[type="search"], 
#commentform input[type="tel"], 
#commentform input[type="time"], 
#commentform input[type="url"] { 	
float: left;	
margin-bottom: 20px;
margin-right: 15px;
width: 60%;
}  
#commentform textarea {
margin-bottom: 14px;
}	
#respond .button, 
#respond button.button, 
#respond .button[type="submit"] { 
margin-bottom: 20px; 
}
#commentform p { 
line-height: 20px; 
}
#commentform textarea { 
height: 224px;
min-height: 224px;
}
.logged-in #comments.columns {
float: none;
}		
.logged-in #respond .six {
float: none!important;
width: 100%;
}
.logged-in #commentform label {
display: none;
} 
.logged-in-as {
margin-bottom: 13px;
margin-top: -28px;
}
.logged-in-as a {
font-style: normal;
font-weight: normal;
}    .jp-interface {
background-color: #232B30;
border: 1px solid #101013;
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.3);    
height:39px;
margin: 0 auto;	
padding: 7px;
position:relative;		
overflow:hidden;
}
.entry-content-media-audio {
position: relative;
} .jp-controls {
border-right: 1px solid #000;
box-shadow: 1px 0 0 #363B3E;
}
a.jp-mute, 
a.jp-unmute, 
a.jp-volume-max { 
position: relative; 
}
a.jp-mute, 
a.jp-unmute { 
border-left: 1px solid #363B3E;
box-shadow: -1px 0 0 #000000;
margin:0 75px 0 0; 
padding-left: 5px;
}
ul.jp-controls, 
.jp-interface ul.jp-controls li {
display:inline;
float:left;
margin: -6px 0 0 0;
margin-bottom: 0px;
}
.jp-interface ul.jp-controls a {
display:block;
overflow:hidden;
text-indent: 100%;
white-space: nowrap;
}
.jp-interface ul.jp-controls a span {
display:block;
overflow: hidden;
}
ul.jp-toggles {
float:right;
margin-top: -6px;
}
ul.jp-toggles li a, 
ul.jp-toggles li a span {
display:block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
ul.jp-toggles li a, 
ul.jp-toggles li a span,
a.jp-play span, 
a.jp-pause span,
a.jp-stop span {
height:42px;
width:30px;
} a.jp-play span { 
background:url(//topakcia.sk/wp-content/themes/krative/assets/images/jplayer.png) -3px 9px no-repeat; 
}
a.jp-pause span { 
background:url(//topakcia.sk/wp-content/themes/krative/assets/images/jplayer.png) -3px -21px no-repeat; 
display:none; 
}
a.jp-mute span { 
background:url(//topakcia.sk/wp-content/themes/krative/assets/images/jplayer.png) 0px -87px no-repeat; 
}
a.jp-unmute span { 
background:url(//topakcia.sk/wp-content/themes/krative/assets/images/jplayer.png) -3px -57px no-repeat; 
display: none;
}	
a.jp-pause:hover span,
a.jp-stop:hover span,
a.jp-mute:hover span,
a.jp-unmute:hover span,
a.jp-play:hover span { 
opacity: .7;
} div.jp-progress {
background-color: #111314;	
border-radius: 2px;
box-shadow: 0 1px 0 #363B3E;
height: 11px;
left: 56px;
margin: 7px 0;
position: absolute;
width: 100%;
}
div.jp-progress {
width: 67%;
}	
div.jp-seek-bar {
cursor:pointer;
height:100%;
width:0;
}
div.jp-seeking-bg { 
display: none; 
}
div.jp-volume-bar {
background-color: #111314;
box-shadow: 0 1px 0 #363B3E;          
cursor:pointer;
height: 11px;
margin: 7px 0;
overflow:hidden;
position:absolute;
width: 60px;
}
div.jp-volume-bar { 
right:15px; 
}
div.jp-play-bar,	
div.jp-volume-bar-value {
border-radius: 2px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.5);      
height:11px;
width:0;
}  .entry-content-media-audio.fullwidth {
margin-bottom: 65px;
}
div.jp-audio-full {
height:100%;
position:static !important;
width:100%;
}
div.jp-audio-full div.jp-jplayer {
left:0;
overflow:hidden;
position:fixed;
top:0;
z-index:1000;
}
div.jp-audio-full div.jp-gui {
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:1000;
}
div.jp-audio-full div.jp-interface {
bottom:0;
left:0;
position:absolute;
z-index:1000;
}
div.jp-jplayer audio, 
div.jp-jplayer {
height:0;
width:0;
}  div.jp-video.fullwidth, 
div.jp-video.fullwidth .jp-type-list-parent {
height:0;
margin-bottom: 60px;
padding-bottom:56.3%;
position:relative;
}
.jp-video {
max-width: 640px;
}	  
.jp-interface {
margin-top: -4px;
}	
.jp-video .jp-jplayer {
margin-bottom: -6px;
}  #footer-container {
background-color: #F5F5F6;
padding: 120px 30px;
text-align: center;
}	
#footer-container ul {
margin-bottom: 10px;
}
#footer-container ul li {
display: inline-block;
padding: 0 12px;
}  .widget ul > li { 
list-style: none;
}
.widget ul ul { 
margin: 0; 
padding: 0;
}
.widget li li { 
padding-left: 0;
}
.widget li li ul { 
padding-left: 15px;
}
.widget_rss li { 
margin: 0 0 18px 0;
}
.widget .widget-title {
font: bold 14px/32px "open sans", Helvetica, sans-serif;
padding-bottom: 10px;
} .sidebar .widget,
.hidden-sidebar .widget {
margin-bottom: 50px;
}
.sidebar .widget:first-child {
margin-top: 0px;
}
.widget li a {
color: #818B92;
}
.textwidget input[type='text'], 
.textwidget textarea { 
width: 100% !important;
} .widget_recent_entries li {
margin-bottom: 10px;
}		
.post-date {
display: block;
font-size: 11px;
text-transform: uppercase;
}  .widget_bean_recent_portfolio {
margin-bottom: -15px;
}
#portfolio-slider {
position: relative;
}
#portfolio-slider .post-thumb {
margin-bottom: 17px;
}
#portfolio-slider .slide .four.columns.mobile-two {
padding: 0 9px;
}
#portfolio-slider .slide .four.columns.mobile-two img {
height: 100%;
max-height: 209px;
width: 100%;
}
#portfolio-slider .bean-viewport { 
overflow: visible!important;
} .bean-direction-nav .bean-prev,
.bean-direction-nav .bean-next {
background: url(//topakcia.sk/wp-content/themes/krative/assets/images/sprite.png) no-repeat;
display: block;
height: 62px;
left: -75px;
position: absolute;
text-indent: -9999em;
top: 42%;
width: 33px;
-webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
}
.bean-direction-nav .bean-next {
left: auto;
right: -73px;
}
.bean-direction-nav .bean-prev { 
background-position: -148px -30px;
}
.bean-direction-nav .bean-next { 
background-position: -18px -30px;
} .section.even .bean-direction-nav .bean-prev { 
background-position: -148px -159px;
}
.section.even .bean-direction-nav .bean-next { 
background-position: -18px -159px;
}
.bean-direction-nav .bean-prev:hover, 
.section.even .bean-direction-nav .bean-prev:hover { 
background-position: -107px -159px;
}
.bean-direction-nav .bean-next:hover, 
.section.even .bean-direction-nav .bean-next:hover {
background-position: -59px -159px;
}  .widget_bean_recent_posts li h3 {
margin-bottom: 10px;
}
span.meta-sep {
padding: 0 8px;
}
.widget_bean_recent_posts .mini-post-excerpt {
margin-top: 8px;
}
span.meta,
.widget.widget_bean_recent_posts li span.meta a {
color: #C3C3C5;
font-size: 13px;
margin-bottom: 10px;
}
.widget_bean_recent_posts li .post-thumb {
line-height: 10px!important;
}
.widget_bean_recent_posts .post-thumb {
position: relative;
} .format-icon {
background: url(//topakcia.sk/wp-content/themes/krative/assets/images/sprite.png) rgba(35, 49, 58, 0.9);
background-color: #23313A;
border-radius: 3px;
bottom: 10px;
display: block;
height: 30px;
opacity: .95;
position: absolute;
right: 10px;
width: 30px;
z-index: 2;
}
.format-icon.audio {
background-position: -38px -413px;
} 
.format-icon.video {
background-position: -135px -413px;
}  .widget_bean_testimonials {
margin: -80px 0;
padding: 80px 30px!important;
position: relative;
text-align: center;
} 
.widget_bean_testimonials .post-slider h1 {
color: #FFF;
font-size: 35px;
line-height: 40px;
margin-bottom: 0px;
padding: 0 40px;
}
.section .widget_bean_testimonials h5.widget-title {
color: #FFF;
margin-bottom: 5px;
} .bean-quote-icon {
background: url(//topakcia.sk/wp-content/themes/krative/assets/images/sprite.png) no-repeat;
height: 26px;
position: absolute;
top: 48%;
width: 36px;
}	
.bean-quote-icon.first {
background-position: -63px -363px;
left: 5%;
}	
.bean-quote-icon.last {
background-position: -101px -363px;
right: 5%;
} .BeanBGAnimate {
-webkit-animation:BeanBGAnimate 10s infinite linear;
-moz-animation:BeanBGAnimate 10s infinite linear;
-ms-animation:BeanBGAnimate 10s infinite linear;
-o-animation:BeanBGAnimate 10s infinite linear;
}
@-webkit-keyframes BeanBGAnimate {
from 	{background-position:0 0;}
to 		{background-position:0 100%;}
}
@-moz-keyframes BeanBGAnimate {
from 	{background-position:0 0;}
to 		{background-position:0 100%;}
}
@-ms-keyframes BeanBGAnimate {
from 	{background-position:0 0;}
to 		{background-position:0 100%;}
}
@-o-keyframes BeanBGAnimate {
from 	{background-position:0 0;}
to 		{background-position:0 100%;}
}
@keyframes BeanBeanBGAnimate {
from 	{background-position:0 0;}
to 		{background-position:0 100% ;}
} .BeanBGAnimateHori {
-webkit-animation:BeanBGAnimateHori 25s infinite linear;
-moz-animation:BeanBGAnimateHori 25s infinite linear;
-ms-animation:BeanBGAnimateHori 25s infinite linear;
-o-animation:BeanBGAnimateHori 25s infinite linear;	
}
@-webkit-keyframes BeanBGAnimateHori {
from 	{background-position:0 0;}
to 		{background-position:100% 0;}
}
@-moz-keyframes BeanBGAnimateHori {
from 	{background-position:0 0;}
to 		{background-position:100% 0;}
}
@-ms-keyframes BeanBGAnimateHori {
from 	{background-position:0 0;}
to 		{background-position:100% 0;}
}
@-o-keyframes BeanBGAnimateHori {
from 	{background-position:0 0;}
to 		{background-position:100% 0;}
}
@keyframes BeanBGAnimateHori {
from 	{background-position:0 0;}
to 		{background-position:100% 0;}
}  .widget_bean_cta {
text-align: center;
}
.widget_bean_cta h3 {
font-size: 20px;
position: relative;
}
.action-buttons {
margin-top: 40px!important;
}
.widget_bean_cta .button.cta {
border-radius: 6px;	
padding: 26px 0px;
width: 100%;
}
.widget_bean_cta .button.cta:hover {
background-color: #AFAFB6;
}
.widget_bean_cta .button.cta:active {
position: relative;
top: 2px;
}
.widget_bean_cta .button h3 {
color: #FFF;
margin-bottom: 0px;
} .widget_bean_cta .button.cta.attention h3 {
margin-left: -35px;
} 
.widget_bean_cta .button.cta span.cta-arrow {
background: url(//topakcia.sk/wp-content/themes/krative/assets/images/cta-arrow.png);
display: inline-block;
height: 20px;
margin-left: 10px;
position: absolute;
top: 2px;
width: 25px;
}  .widget_bean-dribbble {
margin-bottom: -7px;
}
.bean-dribbble-shots { 
margin-left: -7px;
}
.bean-shot {
background: url(//topakcia.sk/wp-content/themes/krative/assets/images/dribbble-overlay.png) no-repeat 50% 50%;
border-radius: 3px; 
float: left;
line-height: 6px;
margin: 0px 0px 7px 7px;
overflow: hidden;
}
.bean-dribbble-shots img {
border-radius: 3px;   
height: auto;
width: 100%;
} .hidden-sidebar .bean-dribbble-shots:hover > .bean-shot  { 
opacity: .2;
}
.hidden-sidebar .bean-dribbble-shots:hover > .bean-shot:hover { 
opacity: 1.0;
} .section .widget_bean-dribbble {
margin-bottom: -80px;
margin-top: -80px;
}
.section .widget_bean-dribbble h5.widget-title {
display:  none;
}
.section .bean-dribbble-shots { 
float: left;
overflow: hidden;
}
.section .bean-dribbble-shots img  {
border-radius: 0px;
height: auto;
margin: 0px;
width: 100%;
} 
.section .bean-shot {
border-radius: 0px;
margin: 0px;
width: 25%;
} 
.section .widget_bean-dribbble .bean-shot:nth-of-type(5),
.section .widget_bean-dribbble .bean-shot:nth-of-type(6) {
display: none; 
} @-moz-document url-prefix() { 
.section .widget_bean-dribbble { 
float: left;
}
}  div.widget.bean_flickr { 
float: none; 
}
.widget_bean_flickr h5.widget-title,
.widget_bean-dribbble h5.widget-title  {
padding-bottom: 14px!important;
}
.flickr-image-wrapper {
float: left;
margin-bottom: -10px;
margin-left: -10px;
}
.flickr_badge_image {
border-radius: 3px;
float: left;
margin: 0 0 10px 10px;    
}
.flickr_badge_image a {
background: url(//topakcia.sk/wp-content/themes/krative/assets/images/flickr-overlay.png) no-repeat 50% 50%;
border-radius: 3px;
float: left;
position: relative;          
}
.flickr_badge_image img {
border-radius: 3px;
float: left;
height: 50px;
position: relative;
width: 50px;  
}
.hidden-sidebar .flickr-image-wrapper:hover > .flickr_badge_image  { 
opacity: .2;
}
.hidden-sidebar .flickr-image-wrapper:hover > .flickr_badge_image:hover { 
opacity: 1.0;
} @-moz-document url-prefix() { 
.flickr_badge_image img {
height: 48px;
width: 48px; 
}
.fluid-width-video-wrapper  {
padding-top: 0px;
}
}  .widget_bean_newsletter p {
margin-bottom: 25px;
}
.widget_bean_newsletter input[type="email"] {
margin-bottom: 6px;
}
.widget_bean_newsletter input[type="submit"] {
padding: 9px 10px;
width: 100%;   	      
}  .widget_search form {
margin-bottom: 0px;
}
.widget_search .searchform input[type="submit"]  { 
display: none!important;
}
.widget_search input[type="text"] {
background-image: url(//topakcia.sk/wp-content/themes/krative/assets/images/sprite.png);
background-position: -82px -249px;
background-repeat: no-repeat;
padding-left: 31px;
}	
.widget_search input[type="text"]:focus {
background-position: 120px -249px;
padding-left: 10px;
}
.hidden-sidebar .widget_search input[type="text"] {
background-color: #FFF;
border-radius: 3px!important;
}  .tagcloud {
float: left;
margin-bottom: -4px;
margin-top: 7px;
}
.tagcloud a {
border-radius: 3px;
display: inline-block;
float: left;
font: bold 11px "Montserrat", Helvetica, sans-serif!important;	
margin: 0px 2px 2px 0px;
padding: 4px 7px;
position: relative;
text-transform: uppercase;
}  .widget_bean_tweets ul { 
margin-bottom: 25px; 
}
.widget_bean_tweets li {	
background: url(//topakcia.sk/wp-content/themes/krative/assets/images/sprite.png) -89px -600px no-repeat;
font-variant: normal;
padding: 0 0 10px 30px;
}
.widget_bean_tweets li:last-child {
padding-bottom: 0px;
}
.widget_bean_tweets .button {
font-size: 13px;
margin: -10px 0 0 30px;
padding: 8px 10px;
} .widget_bean_tweets a.twitter-time-stamp {
display: block;
font-size: 11px!important;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-transform: uppercase;
} .hidden-sidebar .widget_bean_tweets li  {
background: url(//topakcia.sk/wp-content/themes/krative/assets/images/twitter-dark.png) 0 8px no-repeat;
}
.widget_bean_tweets li a {
color: #5C5C68;
} .section .widget_bean_tweets {
padding: 0 40px;
text-align: center;
}
.section .widget_bean_tweets h5.widget-title {
margin-bottom: 5px;
}
.section .widget_bean_tweets li {
background: none;
display: none;
padding: 0px;
}
.section .widget_bean_tweets li:first-child {
display: inherit;
}
.section .widget_bean_tweets li {
color: #23313A;
font: 35px/40px "Open Sans", serif;
letter-spacing: -1px;
margin-bottom: 0px;
padding: 0 40px;
} .section .widget_bean_tweets li span a { 
display: inline;
font-size: 35px!important;
font-style: normal!important;
text-transform:none!important;
} .section .widget_bean_tweets li a {
display: none;
}
.section .widget_bean_tweets .button {
border-radius: 6px;
font: 15px "Open Sans", Helvetica, Arial, sans-serif;
font-weight: 600;
margin: 5px 0 0 0;
margin-left: 0;
padding: 12px 34px;
}  .instagram-image-wrapper,
.bean500px-image-wrapper {
margin: 5px 0 -10px -10px!important;
}
.instagram_badge_image,
.bean500px_badge_image {
border-radius: 3px;
margin:  0 0 10px 10px!important;
overflow: hidden;
}
.instagram_badge_image img,
.bean500px_badge_image img {
height: 50px!important;
width: 50px!important;
} .hidden-sidebar .instagram_badge_image a:hover,
.hidden-sidebar .bean500px_badge_image a:hover {
opacity: 1!important;
}
.hidden-sidebar .instagram-image-wrapper:hover > .instagram_badge_image,
.hidden-sidebar .bean500px-image-wrapper:hover > .bean500px_badge_image  { 
opacity: .2;
}
.hidden-sidebar .instagram-image-wrapper:hover > .instagram_badge_image:hover,
.hidden-sidebar .bean500px-image-wrapper:hover > .bean500px_badge_image:hover { 
opacity: 1.0;
}  .widget_bean_skills { 
width: 100%; 
}
.widget_bean_skills p { 
margin-bottom: 22px; 
}
.skillset {
float: left;
width: 100%;
}
.skill-percent { 
float: right; 
}
li.skill-bar {
border-radius: 3px;   
color: #FFF;
font: bold 12px/26px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
height: 30px;
margin-bottom: 3px;
padding: 2px 8px;	
}
.hidden-sidebar .widget_bean_skills .row {
padding: 0px;
}
.sidebar .widget_bean_skills .row {
padding: 0 10px;
} .section .widget_bean_skills h5.widget-title {
margin-bottom: 5px;
}
.section .widget_bean_skills p {
display: none;
}
.section li.skill-bar {
font-size: 14px;
height: 40px;
line-height: 36px;
margin-bottom: 5px;
padding: 2px 17px;
text-transform: uppercase;
}  .widget_bean_clients a {
display: block;
line-height: 0;
}
.widget_bean_clients .three.columns {
padding: 10px;
}
.widget_bean_clients li {
max-height: 100px;
}
.client-logo {
background-color: #F5F5F6;
border-radius: 6px;
display:table-cell;
height: 80px!important;
padding: 20px 10px;
text-align: center;
vertical-align:middle;
width: 25%;
}
.client-logo:hover {
background-color: #FFF;
}
.client-logo img {
opacity: .5;
-webkit-filter: grayscale(1)
}
.client-logo:hover img {
opacity: 1;
-webkit-filter: grayscale(0)
} .section.even .client-logo {
background-color: #FFF;
}
.section.even .client-logo:hover {
background-color: #F5F5F6;
}  .widget_bean_stats:last-child {
margin-bottom: -20px;
}
.widget_bean_stats .three.columns.mobile-two {
margin-bottom: 20px;
}
.widget_bean_stats .bean-stat {
background-color: #F5F5F6;
border-radius: 6px;
display:table-cell;
height: 150px;
padding: 20px 15px 0px;
margin-bottom: 20px;
text-align: center;
vertical-align:middle;
width: 25%;
}
.widget_bean_stats .stat-number {
color: #23313A;
font-size: 70px;
font-weight: bold;
letter-spacing: -4px;
}	
.widget_bean_stats .stat-title {
line-height: 20px;
margin-bottom: 0px;
} .section.even .widget_bean_stats .bean-stat  {
background-color: #FFF;
}   .animated {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
} .BeanFadeIn {
-webkit-animation-duration: .3s;
-moz-animation-duration: .3s;
-ms-animation-duration: .3s;
-o-animation-duration: .3s;
-webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
-ms-animation-delay: .2s;
-o-animation-delay: .2s;
-webkit-animation-name: BeanFadeIn;
-moz-animation-name: BeanFadeIn;
-o-animation-name: BeanFadeIn;
}
@-webkit-keyframes BeanFadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-moz-keyframes BeanFadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-o-keyframes BeanFadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@keyframes BeanFadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
} .BeanButtonShake {
-webkit-animation-name: BeanButtonShake;
-moz-animation-name: BeanButtonShake;
-o-animation-name: BeanButtonShake;
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
-webkit-animation-iteration-count: 5;
-moz-animation-iteration-count: 5;               
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
-ms-animation-duration: 5s;
-o-animation-duration: 5s;         
}
@-webkit-keyframes BeanButtonShake {
2%, 6%     {-webkit-transform: translateX(3px);	 }
4%, 8%        {-webkit-transform: translateX(-3px); }
10%, 100%   {-webkit-transform: translateX(0px);	 }
}
@-moz-keyframes BeanButtonShake {
0%, 100%  {-moz-transform: translateX(0);		 }
2%, 6%      {-moz-transform: translateX(3px);	 }
4%, 8%      {-moz-transform: translateX(-3px); 	 }
10%, 100%  {-moz-transform: translateX(0px);	 }
}
@-o-keyframes BeanButtonShake {
2%, 6%     {-o-transform: translateX(3px);	 	 }
4%, 8%       {-o-transform: translateX(-3px); 	 }
10%, 100%   {-o-transform: translateX(0px);	 	 }
}
@keyframes BeanButtonShake {
2%, 6%     {transform: translateX(3px);	 		 }
4%, 8%        {transform: translateX(-3px); 		 }
10%, 100%   {transform: translateX(0px);	 		 }
}  .js .waypoints .bean-quote-icon, 
.js .waypoints .sidebar .bean-shot,
.js .waypoints .flickr_badge_image,
.js .waypoints .instagram_badge_image,
.js .waypoints .widget_bean_recent_posts,
.js .waypoints .widget_bean_testimonials h1,
.js .waypoints .widget_bean_cta .six.columns,
.js .waypoints .widget_bean_recent_portfolio,
.js .waypoints .widget_bean_stats .three.columns.mobile-two,
.js .waypoints .widget_bean_testimonials .widget-title,
.js .waypoints .widget_bean_skills li.skill-bar {
opacity: 0;	
}
.widget_bean_testimonials .widget-title.BeanFadeIn {
-webkit-animation-delay: .4s;
-moz-animation-delay: .4s;
-ms-animation-delay: .4s;
-o-animation-delay: .4s;
} .js .waypoints .widget_bean_cta .six.columns:nth-of-type(1) {
-webkit-animation-delay: 0.4s; 
-moz-animation-delay: 0.4s; 
-ms-animation-delay: 0.4s; 
-o-animation-delay: 0.4s;  
}
.js .waypoints .widget_bean_cta .six.columns:nth-of-type(2) {
-webkit-animation-delay: 0.6s; 
-moz-animation-delay: 0.6s; 
-ms-animation-delay: 0.6s; 
-o-animation-delay: 0.6s;  
} .js .waypoints .widget_bean_recent_posts .animated.BeanBounceIn:nth-of-type(1) {
-webkit-animation-delay: 0s; 
-moz-animation-delay: 0s; 
-ms-animation-delay: 0s; 
-o-animation-delay: 0s;  
}	
.js .waypoints .widget_bean_recent_posts .animated.BeanBounceIn:nth-of-type(2) {
-webkit-animation-delay: 0.2s; 
-moz-animation-delay: 0.2s; 
-ms-animation-delay: 0.2s; 
-o-animation-delay: 0.2s;  
}
.js .waypoints .widget_bean_recent_posts .animated.BeanBounceIn:nth-of-type(3) {
-webkit-animation-delay: 0.4s; 
-moz-animation-delay: 0.4s; 
-ms-animation-delay: 0.4s; 
-o-animation-delay: 0.4s; 
} .js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(1) {
-webkit-animation-delay: 0.1s; 
-moz-animation-delay: 0.1s;
-ms-animation-delay: 0.1s;
-o-animation-delay: 0.1s;
}	
.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(2) {
-webkit-animation-delay: 0.2s; 
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
}		
.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(3) {
-webkit-animation-delay: 0.3s; 
-moz-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
}			
.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(4) {
-webkit-animation-delay: 0.4s; 
-moz-animation-delay: 0.4s;
-ms-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
}			
.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(5) {
-webkit-animation-delay: 0.5s; 
-moz-animation-delay: 0.5s;
-ms-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
}			
.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(6) {
-webkit-animation-delay: 0.6s; 
-moz-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
}
.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(7) {
-webkit-animation-delay: 0.7s; 
-moz-animation-delay: 0.7s;
-ms-animation-delay: 0.7s;
-o-animation-delay: 0.7s;
}	
.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(8) {
-webkit-animation-delay: 0.8s; 
-moz-animation-delay: 0.8s;
-ms-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
} .js .waypoints .instagram_badge_image.BeanFadeIn:nth-of-type(1) {
-webkit-animation-delay: 0.1s; 
-moz-animation-delay: 0.1s;
-ms-animation-delay: 0.1s;
-o-animation-delay: 0.1s;
}	
.js .waypoints .instagram_badge_image.BeanFadeIn:nth-of-type(2) {
-webkit-animation-delay: 0.2s; 
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
}		
.js .waypoints .instagram_badge_image.BeanFadeIn:nth-of-type(3) {
-webkit-animation-delay: 0.3s; 
-moz-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
}			
.js .waypoints .instagram_badge_image.BeanFadeIn:nth-of-type(4) {
-webkit-animation-delay: 0.4s; 
-moz-animation-delay: 0.4s;
-ms-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
}			
.js .waypoints .instagram_badge_image.BeanFadeIn:nth-of-type(5) {
-webkit-animation-delay: 0.5s; 
-moz-animation-delay: 0.5s;
-ms-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
}			
.js .waypoints .instagram_badge_image.BeanFadeIn:nth-of-type(6) {
-webkit-animation-delay: 0.6s; 
-moz-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
}
.js .waypoints .instagram_badge_image.BeanFadeIn:nth-of-type(7) {
-webkit-animation-delay: 0.7s; 
-moz-animation-delay: 0.7s;
-ms-animation-delay: 0.7s;
-o-animation-delay: 0.7s;
}	
.js .waypoints .instagram_badge_image.BeanFadeIn:nth-of-type(8) {
-webkit-animation-delay: 0.8s; 
-moz-animation-delay: 0.8s;
-ms-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
} .js .waypoints .sidebar .bean-shot.BeanFadeIn:nth-of-type(1) {
-webkit-animation-delay: 0.2s; 
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
}	
.js .waypoints .sidebar .bean-shot.BeanFadeIn:nth-of-type(2) {
-webkit-animation-delay: 0.4s; 
-moz-animation-delay: 0.4s;
-ms-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
}	
.js .waypoints .sidebar .bean-shot.BeanFadeIn:nth-of-type(3) {
-webkit-animation-delay: 0.6s; 
-moz-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
}	
.js .waypoints .sidebar .bean-shot.BeanFadeIn:nth-of-type(4) {
-webkit-animation-delay: 0.8s; 
-moz-animation-delay: 0.8s;
-ms-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
}
.js .waypoints .sidebar .bean-shot.BeanFadeIn:nth-of-type(5) {
-webkit-animation-delay: 1.0s; 
-moz-animation-delay: 1.0s;
-ms-animation-delay: 1.0s;
-o-animation-delay: 1.0s;
}
.js .waypoints .sidebar .bean-shot.BeanFadeIn:nth-of-type(6) {
-webkit-animation-delay: 1.2s; 
-moz-animation-delay: 1.2s;
-ms-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
} .js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(1) {
-webkit-animation-delay: 0.1s; 
-moz-animation-delay: 0.1s;
-ms-animation-delay: 0.1s;
-o-animation-delay: 0.1s; 
}	
.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(2) {
-webkit-animation-delay: 0.2s; 
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
}		
.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(3) {
-webkit-animation-delay: 0.3s; 
-moz-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
}			
.js .waypoints .flickr_badge_image.BeanFadeIn:nth-of-type(4) {
-webkit-animation-delay: 0.4s; 
-moz-animation-delay: 0.4s;
-ms-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
} .js .waypoints .widget_bean_stats .three.columns.mobile-two:nth-of-type(1) {
-webkit-animation-delay: 0.2s; 
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
}	
.js .waypoints .widget_bean_stats .three.columns.mobile-two:nth-of-type(2) {
-webkit-animation-delay: 0.4s; 
-moz-animation-delay: 0.4s;
-ms-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
}		
.js .waypoints .widget_bean_stats .three.columns.mobile-two:nth-of-type(3) {
-webkit-animation-delay: 0.6s; 
-moz-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
}			
.js .waypoints .widget_bean_stats .three.columns.mobile-two:nth-of-type(4) {
-webkit-animation-delay: 0.8s; 
-moz-animation-delay: 0.8s;
-ms-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
} .js .waypoints .widget_bean_skills li.skill-bar:nth-of-type(1) {
-webkit-animation-delay: 0.1s; 
-moz-animation-delay: 0.1s;
-ms-animation-delay: 0.1s;
-o-animation-delay: 0.1s;
}	
.js .waypoints .widget_bean_skills li.skill-bar:nth-of-type(2) {
-webkit-animation-delay: 0.2s; 
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
}		
.js .waypoints .widget_bean_skills li.skill-bar:nth-of-type(3) {
-webkit-animation-delay: 0.3s; 
-moz-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
}			
.js .waypoints .widget_bean_skills li.skill-bar:nth-of-type(4) {
-webkit-animation-delay: 0.4s; 
-moz-animation-delay: 0.4s;
-ms-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
}			
.js .waypoints .widget_bean_skills li.skill-bar:nth-of-type(5) {
-webkit-animation-delay: 0.5s; 
-moz-animation-delay: 0.5s;
-ms-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
} ul.author-links li:nth-of-type(1) {
-webkit-animation-delay: 1.0s!important; 
-moz-animation-delay: 1.0s!important;
-ms-animation-delay: 1.0s!important;
-o-animation-delay: 1.0s!important;
}
ul.author-links li:nth-of-type(2) {
-webkit-animation-delay: 1.1s!important; 
-moz-animation-delay: 1.1s!important;
-ms-animation-delay: 1.1s!important;
-o-animation-delay: 1.1s!important;
}
ul.author-links li:nth-of-type(3) {
-webkit-animation-delay: 1.2s!important; 
-moz-animation-delay: 1.2s!important;
-ms-animation-delay: 1.2s!important;
-o-animation-delay: 1.2s!important;
}	
ul.author-links li:nth-of-type(4) {
-webkit-animation-delay: 1.3s!important; 
-moz-animation-delay: 1.3s!important;
-ms-animation-delay: 1.3s!important;
-o-animation-delay: 1.3s!important; 
}		
ul.author-links li:nth-of-type(5) {
-webkit-animation-delay: 1.4s!important; 
-moz-animation-delay: 1.4s!important;
-ms-animation-delay: 1.4s!important;
-o-animation-delay: 1.4s!important;
}		
ul.author-links li:nth-of-type(6) {
-webkit-animation-delay: 1.5s!important; 
-moz-animation-delay: 1.5s!important;
-ms-animation-delay: 1.5s!important;
-o-animation-delay: 1.5s!important;
}			
ul.author-links li:nth-of-type(7) {
-webkit-animation-delay: 1.6s!important; 
-moz-animation-delay: 1.6s!important;
-ms-animation-delay: 1.6s!important;
-o-animation-delay: 1.6s!important;
} .bean-coming-soon .three.columns:nth-of-type(1) {
-webkit-animation-delay: 0.1s; 
-moz-animation-delay: 0.1s;
-ms-animation-delay: 0.1s;
-o-animation-delay: 0.1s;
}	
.bean-coming-soon .three.columns:nth-of-type(2) {
-webkit-animation-delay: 0.2s; 
-moz-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
}		
.bean-coming-soon .three.columns:nth-of-type(3) {
-webkit-animation-delay: 0.3s; 
-moz-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
}			
.bean-coming-soon .three.columns:nth-of-type(4) {
-webkit-animation-delay: 0.4s; 
-moz-animation-delay: 0.4s;
-ms-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
}   .animated.BeanBounceFromBottom { 
-webkit-animation-name: BeanBounceFromBottom; 
-moz-animation-name: BeanBounceFromBottom; 
-o-animation-name: BeanBounceFromBottom; 
}
@-webkit-keyframes BeanBounceFromBottom {
0% {opacity: 0;-webkit-transform: translateY(2000px);}
60% {opacity: 1;-webkit-transform: translateY(-20px);}
80% {-webkit-transform: translateY(5px);}
100% {-webkit-transform: translateY(0);}
}
@-moz-keyframes BeanBounceFromBottom {
0% {opacity: 0;-moz-transform: translateY(2000px);}
60% {opacity: 1;-moz-transform: translateY(-20px);}
80% {-moz-transform: translateY(5px);}
100% {-moz-transform: translateY(0);}
}
@-o-keyframes BeanBounceFromBottom {
0% {opacity: 0;-o-transform: translateY(2000px);}
60% {opacity: 1;-o-transform: translateY(-20px);}
80% {-o-transform: translateY(5px);}
100% {-o-transform: translateY(0);}
}
@keyframes BeanBounceFromBottom {
0% { opacity: 0;transform: translateY(2000px);}
60% {opacity: 1;transform: translateY(-20px);}
80% {transform: translateY(5px);}
100% {transform: translateY(0);}
} .animated.BeanFadeFromLeft {
-webkit-animation-name: BeanFadeFromLeft;
-moz-animation-name: BeanFadeFromLeft;
-o-animation-name: BeanFadeFromLeft;
}
@-webkit-keyframes BeanFadeFromLeft {
0% {opacity: 0;-webkit-transform: translateX(-125px);}
100% {opacity: 1;-webkit-transform: translateX(0);}
}
@-moz-keyframes BeanFadeFromLeft {
0% {opacity: 0;-moz-transform: translateX(-125px);}
100% {opacity: 1;-moz-transform: translateX(0);}
}
@-o-keyframes BeanFadeFromLeft {
0% {opacity: 0;-o-transform: translateX(-125px);}
100% {opacity: 1;-o-transform: translateX(0);}
}
@keyframes BeanFadeFromLeft {
0% {opacity: 0;transform: translateX(-125px);}
100% {opacity: 1;transform: translateX(0);}
} .animated.BeanFadeFromRight {
-webkit-animation-name: BeanFadeFromRight;
-moz-animation-name: BeanFadeFromRight;
-o-animation-name: BeanFadeFromRight;
}
@-webkit-keyframes BeanFadeFromRight {
0% {opacity: 0;-webkit-transform: translateX(125px);}
100% {opacity: 1;-webkit-transform: translateX(0);}
}
@-moz-keyframes BeanFadeFromRight {
0% {opacity: 0;-moz-transform: translateX(125px);}
100% {opacity: 1;-moz-transform: translateX(0);}
}
@-o-keyframes BeanFadeFromRight {
0% {opacity: 0;-o-transform: translateX(125px);}
100% {opacity: 1;-o-transform: translateX(0);}
}
@keyframes BeanFadeFromRight {
0% {opacity: 0;transform: translateX(125px);}
100% {opacity: 1;transform: translateX(0);}
} .animated.BeanFadeFromTop {
-webkit-animation-name: BeanFadeFromTop;
-moz-animation-name: BeanFadeFromTop;
-o-animation-name: BeanFadeFromTop;
}
@-webkit-keyframes BeanFadeFromTop {
0% {opacity: 0; -webkit-transform: translateY(-20px);}
100% {opacity: 1; -webkit-transform: translateY(0);}
}
@-moz-keyframes BeanFadeFromTop {
0% {opacity: 0;-moz-transform: translateY(-20px); }
100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes BeanFadeFromTop {
0% {opacity: 0;-o-transform: translateY(-20px);}
100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes BeanFadeFromTop {
0% {opacity: 0;transform: translateY(-20px);}
100% {opacity: 1;transform: translateY(0);}
} .animated.BeanSlideFromLeft {
-webkit-animation-name: BeanSlideFromLeft;
-moz-animation-name: BeanSlideFromLeft;
-o-animation-name: BeanSlideFromLeft;
}
@-webkit-keyframes BeanSlideFromLeft {
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 BeanSlideFromLeft {
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 BeanSlideFromLeft {
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 BeanSlideFromLeft {
0% {opacity: 0;transform: translateX(-2000px);}
60% {opacity: 1;transform: translateX(30px);}
80% {transform: translateX(-10px);}
100% {transform: translateX(0);}
} .animated.BeanSlideFromRight {
-webkit-animation-name: BeanSlideFromRight;
-moz-animation-name: BeanSlideFromRight;
-o-animation-name: BeanSlideFromRight;
}
@-webkit-keyframes BeanSlideFromRight {
0% {opacity: 0;-webkit-transform: translateX(2000px);}
60% {opacity: 1;-webkit-transform: translateX(-20px);}
80% {-webkit-transform: translateX(10px);}
100% {-webkit-transform: translateX(0);}
}
@-moz-keyframes BeanSlideFromRight {
0% {opacity: 0;-moz-transform: translateX(2000px);}
60% {opacity: 1;-moz-transform: translateX(-20px);}
80% {-moz-transform: translateX(10px);}
100% {-moz-transform: translateX(0);}
}
@-o-keyframes BeanSlideFromRight {
0% {opacity: 0;-o-transform: translateX(2000px);}
60% {opacity: 1;-o-transform: translateX(-20px);}
80% {-o-transform: translateX(10px);}
100% {-o-transform: translateX(0);}
}
@keyframes BeanSlideFromRight {
0% {opacity: 0;transform: translateX(2000px);}
60% {opacity: 1;transform: translateX(-20px);}
80% {transform: translateX(10px);}
100% {transform: translateX(0);}
} .animated.BeanBounceIn {
-webkit-animation-name: BeanBounceIn;
-moz-animation-name: BeanBounceIn;
-o-animation-name: BeanBounceIn;
-webkit-animation-duration: .5s;
-moz-animation-duration: .5s;
-ms-animation-duration: .5s;
-o-animation-duration: .5s;
} 	
@-webkit-keyframes BeanBounceIn {
0% {opacity: 0;-webkit-transform: scale(.3);}
100% {opacity: 1;-webkit-transform: scale(1);}
}
@-moz-keyframes BeanBounceIn {
0% {opacity: 0;-moz-transform: scale(.3);}
100% {opacity: 1;-moz-transform: scale(1);}
}
@-o-keyframes BeanBounceIn {
0% {opacity: 0;-o-transform: scale(.3);}
100% {opacity: 1;-o-transform: scale(1);}
}
@keyframes BeanBounceIn {
0% {opacity: 0;transform: scale(.3);}
100% {opacity: 1;transform: scale(1);}
} .animated.BeanSidebarIn {
-webkit-animation-name: BeanSidebarIn;
-moz-animation-name: BeanSidebarIn;
-o-animation-name: BeanSidebarIn;
-webkit-animation-duration: .3s;
-moz-animation-duration: .3;
-ms-animation-duration: .3;
-o-animation-duration: .3;
} 	
@-webkit-keyframes BeanSidebarIn {
0% {opacity: 0;-webkit-transform: scale(.9);}
100% {opacity: 1;-webkit-transform: scale(1);}
}
@-moz-keyframes BeanSidebarIn {
0% {opacity: 0;-moz-transform: scale(.5);}
100% {opacity: 1;-moz-transform: scale(1);}
}
@-o-keyframes BeanSidebarIn {
0% {opacity: 0;-o-transform: scale(.5);}
100% {opacity: 1;-o-transform: scale(1);}
}
@keyframes BeanSidebarIn {
0% {opacity: 0;transform: scale(.9);}
100% {opacity: 1;transform: scale(1);}
} .animated.BeanSidebarOut {
-webkit-animation-name: BeanSidebarOut;
-moz-animation-name: BeanSidebarOut;
-o-animation-name: BeanSidebarOut;
-webkit-animation-duration: .3s;
-moz-animation-duration: .3;
-ms-animation-duration: .3;
-o-animation-duration: .3;
} 	
@-webkit-keyframes BeanSidebarOut {
0% {opacity: 1;-webkit-transform: scale(1);}
100% {opacity: 0;-webkit-transform: scale(.9);}
}
@-moz-keyframes BeanSidebarOut {
0% {opacity: 1;-moz-transform: scale(1);}
100% {opacity: 0;-moz-transform: scale(.9);}
}
@-o-keyframes BeanSidebarOut {
0% {opacity: 1;-o-transform: scale(1);}
100% {opacity: 0;-o-transform: scale(.9);}
}
@keyframes BeanSidebarOut {
0% {opacity: 1;transform: scale(1);}
100% {opacity: 0;transform: scale(.9);}
} .animated.BeanFlipInX {
-webkit-animation-name: BeanFlipInX;
-moz-animation-name: BeanFlipInX;
-o-animation-name: BeanFlipInX;
-webkit-backface-visibility: visible !important; 
-moz-backface-visibility: visible !important;  
-o-backface-visibility: visible !important;
}
@-webkit-keyframes BeanFlipInX {
0% {-webkit-transform: perspective(500px) rotateX(90deg);opacity: 0;}
40% {-webkit-transform: perspective(500px) rotateX(-20deg);}
70% {-webkit-transform: perspective(500px) rotateX(20deg);}
100% {-webkit-transform: perspective(500px) rotateX(0deg);opacity: 1;}
}
@-moz-keyframes BeanFlipInX {
0% {-moz-transform: perspective(500px) rotateX(90deg); opacity: 0; } 
40% {-moz-transform: perspective(500px) rotateX(-20deg);}
70% {-moz-transform: perspective(500px) rotateX(20deg);}
100% {-moz-transform: perspective(500px) rotateX(0deg);opacity: 1;}
}
@-o-keyframes BeanFlipInX {
0% { -o-transform: perspective(500px) rotateX(90deg);opacity: 0;}  
40% {-o-transform: perspective(500px) rotateX(-20deg);}
70% { -o-transform: perspective(500px) rotateX(20deg);}
100% {-o-transform: perspective(500px) rotateX(0deg);opacity: 1;}
}
@keyframes BeanFlipInX {
0% {transform: perspective(500px) rotateX(90deg);opacity: 0;}
40% {transform: perspective(500px) rotateX(-20deg);}
70% {transform: perspective(500px) rotateX(20deg);}
100% {transform: perspective(500px) rotateX(0deg); opacity: 1;}
}   .safari .no-flick,
.safari #theme-wrapper,
.safari .bean-shot img,
.safari #primary-container,
.safari .widget_bean_intro,
.safari .flickr_badge_image,
.safari .instagram_badge_image,
.safari .bean500px_badge_image,
.safari #header-container .main-menu,
.safari .section-bean-home-slider .home-slide {
-webkit-backface-visibility: hidden!important;
}
.safari .widget_bean_newsletter input[type="submit"] {
padding: 9px 10px;
width: 100%;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
-webkit-animation-iteration-count: 0;
-moz-animation-iteration-count: 0;               
-webkit-animation-duration: 0s;
-moz-animation-duration: 0s;
-ms-animation-duration: 0s;
-o-animation-duration: 0s;    	      
} .ie-side-menu {
position: absolute;
right: 300px;
}
.ie .hidden-sidebar .flickr_badge_image img,
.ie .hidden-sidebar .instagram_badge_image img,
.ie .hidden-sidebar .bean500px_badge_image img {
height: 43px!important;
width: 43px!important;
}
.lt-ie10 .hidden-sidebar .flickr_badge_image img,
.lt-ie10 .hidden-sidebar .instagram_badge_image img,
.lt-ie10 .hidden-sidebar .bean500px_badge_image img {
height: 47px!important;
width: 47px!important;
}
.ie .widget_search input[type="text"]:focus {
background-position: -82px -249px;
padding-left: 31px;
}
.entry-content ul.obsahul {
margin: 0px 0 30px 50px;
} 
.entry-content ul.obsahul li.obsah {
color: #3bb429;
list-style: square;
} 
.entry-content ul.obsahul li.obsah a {  
color: #3bb429;
border-bottom: 1px solid #e9e9ec;
padding-bottom: 1px;
}	
.entry-content ul.obsahul li.obsah a:hover { 
color: #23313A!important;
}
.entry-content ul.obsahul li.obsahsub {
margin-left: 30px;
color: #3bb429;
list-style: square;
} 
.entry-content ul.obsahul li.obsahsub a {  
color: #3bb429;
border-bottom: 1px solid #e9e9ec;
padding-bottom: 1px;
}	
.entry-content ul.obsahul li.obsahsub a:hover { 
color: #23313A!important;
}
.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:13px;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child td,.pure-table-horizontal tbody>tr:last-child td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child td{border-bottom-width:0}
.pure-table2{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #d5d5d9; margin-top:15px;}.pure-table2 caption {color:#000;font:italic 85%/1 arial,sans-serif;padding:0em 0;text-align:center}.pure-table2 td,.pure-table2 th{border-left:1px solid #d5d5d9;border-width:0 0 0 1px;font-size:13px;margin:0;overflow:visible;padding:.5em 0.9em}.pure-table2 td:first-child,.pure-table2 th:first-child{border-left-width:0}.pure-table2 thead{background:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table2 td{background-color:transparent}.pure-table-odd2 td{background-color:#f2f2f2}.pure-table-striped2 tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered2 td{border-bottom:1px solid #d5d5d9}.pure-table-bordered2 tbody>tr:last-child td,.pure-table-horizontal2 tbody>tr:last-child td{border-bottom-width:0}.pure-table-horizontal2 td,.pure-table-horizontal2 th{border-width:0 0 1px;border-bottom:1px solid #d5d5d9}.pure-table-horizontal2 tbody>tr:last-child td{border-bottom-width:0}
a.btn {
background: #4cba3c;
-webkit-border-radius: 3;
-moz-border-radius: 3;
border-radius: 3px;
font-family: PT Sans Narrow;
font-weight: 700;
color: #ffffff;
font-size: 14px;
padding: 7px 14px 7px 14px;
text-decoration: none;
margin-top:7px;
margin-bottom:20px;
display: inline-block;
}
a.btn:hover {
background: #62d152;
text-decoration: none;
color: #ffffff;
}
div.btn2 {
background: #b9bcc1;
-webkit-border-radius: 3;
-moz-border-radius: 3;
border-radius: 3px;
font-family: PT Sans Narrow;
font-weight: 700;
color: #ffffff;
font-size: 14px;
padding: 1px 32px 1px 32px;
text-decoration: none;
margin-top:17px;
margin-bottom:0px;
display: inline-block;
}
a.btn2 {
background: #b9bcc1;
-webkit-border-radius: 3;
-moz-border-radius: 3;
border-radius: 3px;
font-family: PT Sans Narrow;
font-weight: 700;
color: #ffffff;
font-size: 14px;
padding: 1px 32px 1px 32px;
text-decoration: none;
margin-top:17px;
margin-bottom:0px;
display: inline-block;
}
a.btn2:hover {
background: #abafb5;
text-decoration: none;
color: #ffffff;
}
a.btn3 {
background: #38b1eb;
-webkit-border-radius: 3;
-moz-border-radius: 3;
border-radius: 3px;
font-family: PT Sans Narrow;
font-weight: 700;
color: #ffffff;
font-size: 14px;
padding: 1px 32px 1px 32px;
text-decoration: none;
margin-top:17px;
margin-bottom:0px;
display: inline-block;
}
a.btn3:hover {
background: #58c4f8;
text-decoration: none;
color: #ffffff;
}
a.btn4 {
background: #4cba3c;
-webkit-border-radius: 3;
-moz-border-radius: 3;
border-radius: 3px;
font-family: PT Sans Narrow;
font-weight: 700;
color: #ffffff;
font-size: 14px;
padding: 7px 14px 7px 14px;
text-decoration: none;
margin-top:7px;
margin-bottom:7px;
display: inline-block;
}
a.btn4:hover {
background: #62d152;
text-decoration: none;
color: #ffffff;
}
a.btn5 {
background: #38b1eb;
-webkit-border-radius: 3;
-moz-border-radius: 3;
border-radius: 3px;
font-family: PT Sans Narrow;
font-weight: 700;
color: #ffffff;
font-size: 14px;
padding: 7px 14px 7px 14px;
text-decoration: none;
margin-top:7px;
margin-bottom:7px;
MARGIN-RIGHT: 17px;
display: inline-block;
}
a.btn5:hover {
background: #58c4f8;
text-decoration: none;
color: #ffffff;
}
.clear {
width: 100%;
clear: both;
float: none;
height: 0px;
margin-bottom: -20px;
padding-bottom: 0px;
}
.clear3 {
width: 100%;
clear: both;
float: left;
height: 0px;
margin-bottom: -20px;
padding-bottom: 0px;
}
.recenze-side{
width: 100%;
clear: both;
float: none;
margin-top: -30px;
padding-left: 50px;
}
.h6text {
color: #23313A; 
font: bold 13px/32px Arial, "Montserrat", Helvetica, sans-serif;
text-transform: uppercase;
}
.entry-meta .h6text {
display: inline;
margin-right: 5px;
}
.sideikon {
background-color: #FFF; 
width: 60px;
float: left;
clear: right;
margin-bottom: -10px;
color: #2b64a9;
}
.h5text {
font-family: 'PT Sans', serif;
font-style: normal;
font-weight: 700; 
font-size: 13px;
padding-bottom: 20px;
color: #23313A; 
text-transform: uppercase;
}
a.sidetext {  
border-bottom: 1px solid #e9e9ec;
padding-bottom: -2px;
}	
a.sidetext:hover { 
}
.charta {
background-color:  #FFF;
border-radius: 3px; 
padding: 0px;
text-align: center;
border: 1px solid #e9e9ec;
}
.charta-top {
background-color:  #4cba3c;
text-align: center;
width: 100px;
display: block;
margin-left: auto;
margin-right: auto;
font-family: PT Sans, Arial;
font-size: 11px!important;
font-weight: 300;
color: #FFF;
margin-bottom: 28px;
}
.charta-rating {
text-align: center;
width: 150px;
display: block;
margin-left: auto;
margin-right: auto;
font-family: Asap, Arial;
font-size: 40px!important;
font-weight: 700;
color: #000;
margin-bottom: 17px;
margin-top:4px;
}
.charta-rating span {
font-family: Asap, Arial;
font-size: 23px!important;
font-weight: 700;
color: #000;
margin-left:4px;
}
.charta-rec {
text-align: center;
font-family: PT Sans, Arial;
font-size: 14px!important;
padding: 0px;
margin-top: 0px;
margin-bottom: 20px;
color: #2a3034;
}
.charta-rec a {
color: #91959a;
border-bottom: 1px solid #91959a;
}
.charta-2 {
background-color:  #FFF;
border-radius: 3px; 
padding-top: 28px;
text-align: center;
border: 1px solid #e9e9ec;
margin-top:10px;
} .bean-pricing-table .table-mast p,
.bean-pricing-table .table-mast h6.price { 
color: #FFF!important; 
font-size: 15px!important;
}
.bean-pricing-table .table-mast h6.price { 
font-weight: bold!important;
}
.pricing-column ul { 
}
.pricing-column ul.zel { 
background-color: #FFF!important;
padding-bottom: 10px;
}
.pricing-column ul.zel2 { 
background-color: #FFF!important;
}
.pricing-column li.info { 
font-family: PT Sans, Arial;
font-size: 14px!important;
padding: 0px;
margin-top: 2px;
margin-bottom: 2px;
border-bottom: 1px solid #FFF;
color: #91959a;
}
.pricing-column li.info:hover { 
color: #2A3034!important;
}
.bean-pricing-table .table-mast h5.title {  
font-size: 20px!important;  
margin-bottom: 0px!important;
}
.bean-pricing-table .table-mast h6.price {  
margin-bottom: 10px!important;
}
p.h2text { 
font-family: 'Open Sans', serif;
font-style: normal;
font-weight: 300; 	
font-size: 25px; 
line-height: 25px;
margin-bottom: 15px;
margin-top: 33px;
color: #23313A; 
}
p.tabulka-subnadpis { 
margin-bottom: 22px;
margin-top: 10px;
font-style: italic;
}
.kulaimg {
background-repeat: no-repeat;
background-position: 50%;
border-radius: 50%;
width: 100px;
height: 100px;
float: left;
margin-right: 30px;
margin-top:20px;
margin-bottom:10px;
}
.kulaimg:hover {
filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); }
.kulanadpis {
color: #3bb429;
padding-top:20px;
font-size: 17px;
font-family: 'PT Sans', serif;
font-style: normal;
font-weight: 700; 
padding-bottom: 8px;
} 
.kulanadpis a {  
color: #3bb429;
font-size: 17px;
font-family: 'PT Sans', serif;
font-style: normal;
font-weight: 700; 
border-bottom: 1px solid #e9e9ec;
padding-bottom: 1px;
}	
.kulanadpis a:hover { 
color: #23313A!important;
}
.kulatext {
font-style: italic;
font-size: 14px;
padding-bottom: 25px;
}
div.brokeri {
color: #000;
font-size: 13px;
margin: 0px;
}
div.brokericerve {
color: #c22828;
font-size: 13px;
margin: 0px;
}
.brokeri-rating {
margin-top:13px;
font-family: Asap, Arial;
font-size: 40px!important;
font-weight: 700;
color: #000;
float: right;
}
.brokeri-rating span {
font-family: Asap, Arial;
font-size: 23px!important;
font-weight: 700;
color: #000;
}
.brokeri-hodnoceni { 
font-family: PT Sans, Arial;
font-size: 14px!important;
font-style: italic;
line-height:18px;
padding: 0px;
margin-top: 7px;
margin-bottom: 2px;
color: #91959a;
width: 60px;
float: left;
display: block;
text-align: left;
}
.tdtab  { 
text-align: left;
}
.topvolba  { 
background-color:#000;	
color: #FFF;
padding-top: 3px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
font-size: 12px!important;
}
.testedikon {
margin-bottom: 13px;
padding-left:50px;
padding-top:5px;
height: 34px;
background-image: url(https://binarniopce.biz/icon/tested-ikon.png); 
background-repeat: no-repeat;
background-position: 0px 0px;
font-style:italic;
}
.testedikon3 {
margin-bottom: 20px;
padding-left:50px;
padding-top:5px;
height: 34px;
clear: both;
background-image: url(https://binarniopce.biz/icon/tested-ikon.png); 
background-repeat: no-repeat;
background-position: 0px 0px;
font-style:italic;
}
article.entry-content a.nofollow { color:#666666; border-bottom: 0px none #FFF; }
article.entry-content a.nofollow:hover { color:#666666; border-bottom: 0px none #FFF; }
article.entry-content div.souhrn  { margin-top:10px; margin-bottom: 35px;color:#CCC; font-size:10px; line-height: 12px; font-family: Tahoma;}
article.entry-content div.souhrn a { color:#CCC; font-size:10px; line-height: 12px; font-family: Tahoma; text-decoration:none;}
article.entry-content div.souhrn a:hover { color:#CCC; font-size:10px; line-height: 12px; font-family: Tahoma; text-decoration:none;}
article.entry-content img.ssba { margin: 10px 0px 10px 0px; }
.odrazky2 ul {
font-size: 15px;
color: #515b62;
margin-left: 8px;
padding-left:21px;
font-style:italic;
margin-bottom:25px;
margin-top:0px;
}
.odrazky2 a {
font-size: 15px;
text-decoration:none;
}
.odrazky2 a:hover {
font-size: 15px;
color: #3cb63f;
text-decoration:none;
}
.odrazky2 ul li {
list-style-image: url(https://www.slevnet.cz/files/img/odrazka.png);
margin-bottom: 4px;
}
.perex p {
font-family: 'Open Sans', serif;
font-size: 16px;
line-height: 25px;
color: #5f7177;
font-weight: 400;
font-style: italic;
}
.perex {
padding-bottom: 16px;
font-family: 'Open Sans', serif;
font-size: 16px;
line-height: 25px;
color: #5f7177;
font-weight: 400;
font-style: italic;
}
.advan {
font-family: 'Open Sans', serif;
font-size: 14px;
color: #5f7177;
font-weight: 400;
font-style: normal;
margin-bottom: 8px;
}
.advan span {
font-family: 'Open Sans', serif;
font-size: 14px;
color: #3cb63f;
font-weight: 700;
font-style: bold;
}
.advan a {
font-family: 'Open Sans', serif;
font-size: 15px;
color: #3cb63f;
font-weight: 400;
font-style: normal;
border-bottom: 1px solid #E9E9EC;
padding-bottom: 1px;
}
.advan a:hover {
font-family: 'Open Sans', serif;
font-size: 15px;
color: #525d64;
font-weight: 400;
font-style: normal;
border-bottom: 1px solid #E9E9EC;
padding-bottom: 1px;
}
.advan2 {
font-family: 'Open Sans', serif;
font-size: 14px;
color: #5f7177;
font-weight: 400;
font-style: normal;
margin-bottom: 40px;
}
.advan2 span {
font-family: 'Open Sans', serif;
font-size: 14px;
color: #272b2f;
font-weight: 600;
font-style: normal;
}
.sideic {
width: 51px;
float: left;
clear: right;
margin-left: -20px;
margin-bottom: -10px;
color: #a1acaf;
}
.contentimage {
margin-top: 7px;
}
.contentblok p {
font-family: 'Open Sans', serif;
font-size: 15px;
color: #5f7177;
font-weight: 400;
font-style: normal;
line-height: 25px;
}
.contentblok h2 {
font-family: 'Magra', serif;
font-size: 23px;
color: #32383e;
font-weight: 700;
font-style: bold;
line-height: 32px;
padding-top: 10px;
}
h2.kommenty{
font-family: 'Magra', serif;
font-size: 20px;
color: #32383e;
font-weight: 700;
font-style: bold;
line-height: 28px;
padding-top:15px;
margin-bottom:-0px;
}
.bookmarka  {
margin-top:8px;
}
h1.nadpisekcat {
font-family: 'Magra', serif;
font-style: bold;
font-weight: 700; 
font-size: 30px;
line-height: 30px;
margin-bottom: 47px;
margin-top: -9px;
color: #424c55; 
}
h2.entry-title {
font-family: 'Magra', serif;
font-style: normal;
font-weight: 300; 
font-size: 25px;
line-height: 29px;
margin-bottom: 15px;
margin-top: 0px;
color: #424c55; 
}
.perexarchiv p {
font-family: 'Open Sans', serif;
font-size: 14px;
color: #5f7177;
font-weight: 400;
font-style: normal;
line-height: 24px;
margin-bottom: 18px;
margin-top: 15px;
}
.vypis-prod1 {
float: left;
}
.vypis-prod1 a {
display:inline-block;
border-radius: 3px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px; 
background-color: #3cb63f;
padding-right: 14px;
padding-left: 14px;
padding-top: 0px;
padding-bottom: 0px;
text-transform: uppercase;
font-family: 'Magra', serif;
font-weight: 300;
font-style: normal;
font-size: 13px;
color: #ffffff;
margin-right: 15px;
}
.vypis-prod1 a:hover {
display:inline-block;
border-radius: 3px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px; 
background-color: #50c453;
padding-right: 14px;
padding-left: 14px;
padding-top: 0px;
padding-bottom: 0px;
text-transform: uppercase;
font-family: 'Magra', serif;
font-size: 13px;
color: #ffffff;
margin-right: 15px;
}
.vypis-prod2 {
float: left;
}
.vypis-prod2 a {
display:inline-block;
border-radius: 2px;
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px; 
background-color: #773591;
padding-right: 14px;
padding-left: 14px;
padding-top: 0px;
padding-bottom: 0px;
text-transform: uppercase;
font-family: 'Magra', serif;
font-weight: 300;
font-style: normal;
font-size: 13px;
color: #ffffff;
margin-right: 17px;
}
.vypis-prod2 a:hover {
display:inline-block;
border-radius: 2px;
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px; 
background-color: #85459f;
padding-right: 14px;
padding-left: 14px;
padding-top: 0px;
padding-bottom: 0px;
text-transform: uppercase;
font-family: 'Magra', serif;
font-size: 13px;
color: #ffffff;
margin-right: 17px;
}
.katlink {
float: right; 
margin-top: -74px;
}
.katlink a {
font-family: 'Open Sans', serif;
font-size: 14px;
color: #3cb63f;
font-weight: 400;
font-style: italic;
border-bottom: 1px solid #E9E9EC;
padding-bottom: 1px;
}
.katlink a:hover {
font-family: 'Open Sans', serif;
font-size: 14px;
color: #525d64;
font-weight: 400;
font-style: italic;
border-bottom: 1px solid #E9E9EC;
padding-bottom: 1px;
}
.datepost  {
font-size: 11px;
color: #e1e2e7;
}
.datepost span {
font-size: 11px;
color: #e1e2e7;
}
.katlink2 {
float: left; 
margin-top: -26px;
margin-bottom: 28px;
clear: right;
}
.katlink2 a {
font-family: 'Open Sans', serif;
font-size: 14px;
color: #3cb63f;
font-weight: 400;
font-style: italic;
border-bottom: 1px solid #E9E9EC;
padding-bottom: 1px;
}
.katlink2 a:hover {
font-family: 'Open Sans', serif;
font-size: 14px;
color: #525d64;
font-weight: 400;
font-style: italic;
border-bottom: 1px solid #E9E9EC;
padding-bottom: 1px;
}
.archivtitle  {
clear: both;
color: #23313A;
font-family: 'Open Sans', serif;
font-size: 14px;
line-height: 20px;
font-weight: bold;
text-transform: uppercase;
padding-top: 15px;
padding-bottom: 10px;
}
.divaligncenter {
width: 100%;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display:block;
margin-top: -5px;
margin-bottom: 35px;
padding-top:28px;
padding-bottom:10px;
}
.centerbox {
padding-left:10%;
padding-right:10%; }
.logoarchiv  {
max-width: 250px;
text-align: center;
margin: auto;
color: #FFF;
}
.perexarchiv2 {
font-family: 'Open Sans', serif;
font-size: 14px;
color: #FFF;
font-weight: 400;
font-style: normal;
line-height: 24px;
margin-bottom: 24px;
margin-top: 15px;
}
div.contentblok a {
color:#5f7177;
}
.contentblok h3 {
font-family: 'Magra', serif;
font-size: 21px;
color: #32383e;
font-weight: 400;
line-height: 30px;
padding-top: 4px;
}