@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:0.99; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:0.99; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:0.99; } }
 
.fade-in {
    opacity:0;  
    -webkit-animation:fadeIn ease-in 1;  
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards; 
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:0.7s;
    -moz-animation-duration:0.7s;
    animation-duration:0.7s;
}
 
.fade-in.one {
	-webkit-animation-delay: 0.7s;
	-moz-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.fade-in.two {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay:1.2s;
	animation-delay: 1.2s;
}
 
.fade-in.three {
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
#supersized { 
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
	
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

#gallery_caption {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
	
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

.post_header h2, h1, h2, h3, h4, h5, h6, h7, #page_caption h1, #page_content_wrapper .sidebar .content .sidebar_widget li h2, #contact_form label, #commentform label, #page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle, .post_date, .pagination span, .pagination a:hover, #page_caption h2, .filter li a.active, .filter li a:hover
{
	color: #5a89a3 !important;
}

body { font-size:16px; }

#menu_wrapper .nav ul li a, #menu_wrapper div .nav li a { font-size:18px; }

#menu_wrapper .nav ul li ul li a, #menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-parent ul li a { font-size:16px; }

#page_caption h1 { font-size:30px; }

h1 { font-size:40px; }

h2 { font-size:32px; }

h3 { font-size:26px; }

h4 { font-size:22px; }

h5 { font-size:18px; }

h6 { font-size:16px; }

#gallery_caption h2 { font-size:30px; }

a { color:#5a89a3; }

#page_content_wrapper a:hover, #page_content_wrapper a:active { color:#0f4e6e; }

#page_content_wrapper .inner .sidebar_wrapper .sidebar .content { color:#333333; }

#page_content_wrapper .inner .sidebar_wrapper a { color:#5a89a3; }

#page_content_wrapper .inner .sidebar_wrapper a:hover, #page_content_wrapper .inner .sidebar_wrapper a:active { color:#0f4e6e; }

#footer { color:#333333; }

#footer a { color:#5a89a3; }

#footer a:hover, #footer a:active { color:#0f4e6e; }

input[type=submit], input[type=button], a.button, .button, #toTop:hover { 
	background: #5a89a3;
}
.widget_tag_cloud div a:hover, .meta-tags a:hover, #footer .widget_tag_cloud div a:hover, #footer .meta-tags a:hover, .tag_cloud a:hover, .woocommerce ul.products li.product a.add_to_cart_button, .woocommerce-page ul.products li.product a.add_to_cart_button, .woocommerce ul.products li.product a.add_to_cart_button.loading, .woocommerce-page ul.products li.product a.add_to_cart_button.loading, .woocommerce ul.products li.product a.add_to_cart_button:hover, .woocommerce-page ul.products li.product a.add_to_cart_button:hover, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button, .woocommerce .widget_shopping_cart .widget_shopping_cart_content a.button, .woocommerce table.cart td.actions .button.alt.checkout-button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce table.cart td.actions .button.alt {
	background: #5a89a3 !important;
}

input[type=submit], input[type=button], a.button, .button { 
	color: #ffffff;
}
input[type=submit]:hover, input[type=button]:hover, a.button:hover, .button:hover
{
	color: #ffffff !important;
}
.widget_tag_cloud div a:hover, .meta-tags a:hover, #footer .widget_tag_cloud div a:hover, #footer .meta-tags a:hover, .tag_cloud a:hover, .woocommerce ul.products li.product a.add_to_cart_button, .woocommerce-page ul.products li.product a.add_to_cart_button, .woocommerce ul.products li.product a.add_to_cart_button.loading, .woocommerce-page ul.products li.product a.add_to_cart_button.loading, .woocommerce ul.products li.product a.add_to_cart_button:hover, .woocommerce-page ul.products li.product a.add_to_cart_button:hover, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button, .woocommerce .widget_shopping_cart .widget_shopping_cart_content a.button, .woocommerce table.cart td.actions .button.alt.checkout-button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce table.cart td.actions .button.alt {
	color: #ffffff !important;
}

input[type=submit], input[type=button], a.button, .button { 
	border: 1px solid #5a89a3;
}
.widget_tag_cloud div a:hover, .meta-tags a:hover, #footer .widget_tag_cloud div a:hover, #footer .meta-tags a:hover, .tag_cloud a:hover {
	border: 1px solid #5a89a3 !important;
}

.post_header h2, h1, h2, h3, h4, h5, .portfolio_header h6, pre, code, tt
{
	color: #5a89a3;
}
h1, h2, h3, h4, h5, h6, #gallery_caption h2, #menu_wrapper .nav ul li a, #menu_wrapper div .nav li a, #copyright, .fancybox-title-outside-wrap { font-family: 'Gudea' !important; }		
.nav li a, #menu_close { text-transform: none; }		
#menu_wrapper .nav ul li a, #menu_wrapper div .nav li a { color: #5a89a3; }
#menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-item ul li a, #menu_wrapper div .nav li ul li.current-menu-item a, #menu_wrapper .nav ul li ul li a, #menu_wrapper .nav ul li.current-menu-item ul li a, #menu_wrapper .nav ul li ul li.current-menu-item a, #menu_wrapper div .nav li.current-menu-parent ul li a, #menu_wrapper div .nav li ul li.current-menu-parent a { color: #5a89a3;  }
#menu_wrapper .nav ul li a.hover, #menu_wrapper .nav ul li a:hover, #menu_wrapper div .nav li a.hover, #menu_wrapper div .nav li a:hover, #menu_wrapper .nav ul li ul li a:hover, #menu_wrapper .nav ul li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li.current-menu-item ul li a:hover, #menu_wrapper div .nav li.current-menu-parent ul li a:hover { color: #5a89a3;  }
#menu_wrapper .nav ul li a.hover, #menu_wrapper .nav ul li a:hover, #menu_wrapper div .nav li a.hover, #menu_wrapper div .nav li a:hover, #menu_wrapper div .nav li.current-menu-item > a, #menu_wrapper div .nav li.current-menu-parent > a, #menu_wrapper div .nav li.current-menu-ancestor > a, #menu_wrapper div .nav li ul li.current-menu-ancestor a
{
	border-color: #5a89a3;
}
#menu_wrapper div .nav li.current-menu-item > a, #menu_wrapper div .nav li.current-menu-parent > a, #menu_wrapper div .nav li.current-menu-ancestor > a { color: #5a89a3;  }
body { color: #333333; }

.top_bar
{
	background: #ffffff;
}

.top_bar
{
	background: #ffffff;
	background: rgb(255, 255, 255, 1);
	background: rgba(255, 255, 255, 1);
}

#menu_wrapper .nav ul li ul, #menu_wrapper div .nav li ul
{
	background: #ffffff;
	background: rgb(255, 255, 255, 1);
	background: rgba(255, 255, 255, 1);
}

#menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-item ul li a, #menu_wrapper div .nav li ul li.current-menu-item a,#menu_wrapper .nav ul li ul li a, #menu_wrapper .nav ul li.current-menu-item ul li a, #menu_wrapper .nav ul li ul li.current-menu-item a, #menu_wrapper div .nav li.current-menu-parent ul li a, #menu_wrapper div .nav li ul li.current-menu-parent a, #menu_wrapper .nav ul li ul li a, #menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-parent ul li a, #menu_wrapper .nav ul li ul li a:hover, #menu_wrapper .nav ul li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li.current-menu-item ul li a:hover, #menu_wrapper div .nav li.current-menu-parent ul li a:hover
{
	border-color: #ebebeb;
}

#menu_wrapper .nav ul li ul li a:hover, #menu_wrapper .nav ul li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li.current-menu-item ul li a:hover, #menu_wrapper div .nav li.current-menu-parent ul li a:hover
{
	color: #5a89a3;
}

.one_half.gallery2 .mask, .one_third.gallery3 .mask, .one_fourth.gallery4 .mask, .wall_thumbnail .mask, .mansory_thumbnail .mask
{
	background: #cccccc;
	background-color: rgba(204,204,204, 0.7);
}

.one_half.gallery2 h4, .one_half.gallery2 span.caption, .one_third.gallery3 h5, .one_third.gallery3 span.caption, .one_fourth.gallery4 h6, .one_fourth.gallery4 span.caption, .wall_thumbnail h6, .wall_thumbnail span.caption, .mansory_thumbnail h6, .mansory_thumbnail span.caption
{
	color: #ffffff;
}

#supersized_overlay
{
	background: transparent url('https://daniel-barth.net/wp-content/themes/pptitan/images/fff_90.png') repeat;
}
.portfolio_desc { background: #fff; }
.portfolio_desc { background: rgba(256,256,256,256.6); }
.footer_bar { background: #fff; background: rgba(0,0,0,0.8);  }
input[type=text], input[type=password], .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, textarea
{
	background: #ddd;
	border-color: #ddd !important;
	color: #777;
}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th
{
	background: #ddd;
	border-color: #ddd;
}


h1, h2, h3, h4, h5, h6, h7 {
text-transform: none !important;
letter-spacing: 0px !important;
}

p + h3, p + h4, br + h3, br + h4  {
margin-top: 40px !important;
}

p a:hover, p a:active, ul.twitter li a:hover, ul.twitter li a:active, h2.widgettitle a:active, h2.widgettitle a:hover {
text-decoration: underline;
}

body {
background: #FFFFFF !important;
}

#menu_wrapper .nav ul li a, #menu_wrapper div .nav li a {
padding: 20px 5px 5px 5px;
}

#menu_wrapper div .nav li ul li a {
text-transform: none !important;
font-weight: 300 !important;
}

.gallery_desc a {
color: #FFFFFF;
}

.gallery_desc a:hover, .gallery_desc a:focus {
text-decoration: underline;
}

#gallery_caption h2 { 
color: #5A8AA3 !important;
}

#gallery_caption .gallery_desc {
background: #5A8AA3 !important;
}

.logo_wrapper img {
max-width: none !important;
}

div.mask {
opacity: 0 !important;
}

div.mask h5 {
display: none !important;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter {
margin-top: -55px;
}

#page_content_wrapper ul.twitter li {
padding-left: 0px !important;
background-image: none !important;
}

#page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle {
font-size: 18px;
}

div.post_wrapper hr {
display: none;
}

a.button {
position: relative;
top: -35px;
}

.footer_bar {
margin-bottom: 0px !important;
}

.mono {
font-family: 'Courier New', Courier, monospace;
}