*{ margin:0; padding:0; outline:none;}
body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#fff; line-height:22px; position:relative;}
img{ margin:0; padding:0; border:none; max-width:100%; height:auto; }
section img{max-width:100%;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0 0 15px;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#0fa5d9;}
a:hover{ text-decoration:none; color:#666;}
ul{ margin:0 0 0 15px; padding:0;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:45px; margin-top:4px; margin-bottom:20px; padding:0; }
.alignright, img.alignright { display: inline; float: right; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.toggleMenu{display:none;}
.bypostauthor{ margin:0; padding:0;}
section{ padding:140px 0; position:relative;}
h2.section-title {font-weight:700; padding:0 0 15px 0; text-align:center; text-transform:uppercase; border-bottom:2px solid; display:table; margin-bottom:50px;}
#slider{ width:100%; margin:0; padding:0; position:relative;}
#slider .top-bar{ margin:0; padding:16px 0 20px; position:relative; text-align:center;}
#slider .top-bar h2{font-weight:900; padding:15px 0 20px 0; text-align:center; text-transform:uppercase; line-height:55px; border-radius:5px 5px 0 0;}
#slider .top-bar p{ color:#ffffff; font-weight:400; margin:0 0 10px 0; line-height:24px; text-align:center; padding-bottom:15px; border-radius:0 0 5px 5px;}
a.read-more, .common_btn{ display:inline-block; font:400 16px 'Roboto Condensed', sans-serif; padding:10px 30px; margin-top:21px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; margin-right:15px;}
.common_btn{ background-color:#1f586b; padding:8px 30px;  margin-top:30px; border:2px solid #fff; } @-moz-keyframes bounce {
0% {-moz-transform: translateY(0); transform: translateY(0);}
20% { -moz-transform: translateY(0); transform: translateY(0);}
40% {-moz-transform: translateY(-30px); transform: translateY(-30px);}
50% {-moz-transform: translateY(0); transform: translateY(0);}
60% {-moz-transform: translateY(-15px); transform: translateY(-15px);}
80% {-moz-transform: translateY(0); transform: translateY(0);}
100% {-moz-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes bounce {
0% {-webkit-transform: translateY(0); transform: translateY(0);}
20% {-webkit-transform: translateY(0); transform: translateY(0);}
40% {-webkit-transform: translateY(-30px); transform: translateY(-30px);}
50% {-webkit-transform: translateY(0); transform: translateY(0);}
60% {-webkit-transform: translateY(-15px); transform: translateY(-15px);}
80% {-webkit-transform: translateY(0); transform: translateY(0);}
100% {-webkit-transform: translateY(0); transform: translateY(0);}
}
@-o-keyframes bounce {
0% {-o-transform: translateY(0); transform: translateY(0);}
20% {-o-transform: translateY(0); transform: translateY(0);}
40% { -o-transform: translateY(-30px); transform: translateY(-30px);}
50% {-o-transform: translateY(0); transform: translateY(0);}
60% {-o-transform: translateY(-15px); transform: translateY(-15px);}
80% {-o-transform: translateY(0); transform: translateY(0);}
100% {-o-transform: translateY(0); transform: translateY(0);}
}
@keyframes bounce {
0% {transform: translateY(0);}
20% {transform: translateY(0);}
40% {transform: translateY(-30px);}
50% {transform: translateY(0);}
60% {transform: translateY(-15px);}
80% {transform: translateY(0);}
100% {transform: translateY(0);}
}
.main-container{margin:0; padding:0;}
.header.fixed{position:fixed !important; top:0 !important; margin:0; padding:15px 0; z-index:99;}
.header .header-inner{ margin:0 auto; padding:0; position:relative; width:1160px;}
.header .header-inner .logo{margin:0; padding:0; }
.header .header-inner .logo h1{ font-weight:700; text-transform:uppercase; padding:0; }
.header .header-inner .logo a{ color:#ffffff;}
.header .header-inner .logo span{ font-size:12px;}
.container{ width:1160px; margin:0 auto; padding:0; position:relative;}
.toggle{display:none;}
.header{position:absolute; z-index:999; width:100%;  height:auto; padding:12px 0;}
.header .header-inner .nav{ margin:0; padding:0; text-align:right; float:right;}
.header .header-inner .nav ul { float:right; margin:5px 0 0; padding:0; font-family:'Open Sans', sans-serif; font-weight:400;}
.header .header-inner .nav ul li{ display:inline-block; margin:0; text-transform:uppercase; position:relative;}
.header .header-inner .nav ul li a{ color:#ffffff; padding:5px 10px; display:block;}
.header .header-inner .nav ul li a:hover{color:#0fa5d9;}
@media screen and (min-width:1000px){
.header .header-inner .nav ul li ul{display:none; z-index:2;}
.header .header-inner .nav ul li:hover > ul{display:block; background:#000000; width:200px; position:absolute; top:25px; left:0; text-align:left; box-shadow:5px 5px 5px #1e1e1e; }
.header .header-inner .nav ul li:hover ul li ul{display:none;}
.header .header-inner .nav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:22px;}
.header .header-inner .logo{float:left; margin-top:8px; }
}
.header-widget{ margin:0; padding:0; clear:right; color:#ffffff; text-align:right;}
.header-widget h4.header-title{ font-size:18px; margin:0; padding:0; color:#ffffff;}
.header-widget li{ display:inline; border-left:1px solid #f1f1f1; padding-left:5px;}  .services { width:100%; margin:0 auto; position:relative; visibility:hidden;}
#services-box { width:20.8%; height:auto; display:inline-block; float:left;  text-align:center;  margin:0 0 0 2%; padding:2% 1%; position:relative; transition:0.3s;}
#services-box:hover {cursor:pointer; border:1px solid transparent; }
#services-box img {width:82px; height:82px; display: block; margin:auto; border-radius:50%;}
#services-box h2 { font-weight:600; font-size:15px; text-transform: uppercase; padding:0 0 20px;}
#services-box h2 span { font-size:40px; font-style:normal; display:block; margin:10px 0 0; line-height:36px; }
#services-box p { line-height:20px;}
.fst_box{ background-color:transparent !important; margin:0 !important; border:none !important; text-align:right !important; padding-top:0 !important;}
.fst_box h2{ text-align:right !important; font-style: italic;}
.fst_box:hover{ background-color:transparent !important; border:none !important; }
#services-box .imgbx{ margin:0 auto; background-color:#fff; border-radius:50%; border:2px solid #666; width:80px; height:80px; line-height:95px; vertical-align:middle;}
#services-box:hover .imgbx{ background-color:#0fa5d9; border-radius:50%; border:2px solid #666;}
#services-box .imgbx .fa{ color:#666;}
#services-box:hover .imgbx .fa{ color:#fff;} .message-thumb{ width:525px;  border:#212121 solid 7px; overflow:hidden; visibility:hidden;}
.message-desc{ visibility:hidden;} section#works{ padding-bottom:0;}
.blogposts { width:31.6%; margin:0 2% 2% 0; display:inline-block; visibility:hidden; position:relative;}
.blogposts h2 { color:#302f2f; font-weight:normal; font-size:17px; text-transform:uppercase;}
.blogposts h2 a {color:#302f2f;}
.cat_comments{ color: #ffffff; margin-top:-55px; position:relative; z-index:999;  margin-bottom: 25px; opacity: 0.8;  padding: 12px 15px;}
.cat_comments .cat, .cat_comments .comnt { height: 26px; line-height: 24px; padding: 0 0 0 35px;}
.cat_comments .cat{background: url(//www.pietsch-design.de/wp-content/themes/awesomeone-pro/images/icon_cat.png) no-repeat  left top ; float: left; width:56%;}
.cat_comments .comnt { background: url(//www.pietsch-design.de/wp-content/themes/awesomeone-pro/images/icon_comments.png) no-repeat left top ; float: right;}
.cat_comments a { color: #fff;}
.lastcols { margin-right:0 !important;}
.see-all-button {  border:1px solid #444; display:table; font-size:16px; font-weight:700; margin:50px auto 0; padding:10px 20px; text-align:center; text-transform:uppercase; transition: all 0.3s ease 0s; color:#f0efef;}
.see-all-button:hover { background:#ff8a00; border:#ff8a00 solid 1px; color:#fff;} .our-team { width:auto;}
.team-desc{ visibility:hidden;}
.team-div{ visibility:hidden;}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0;}
.skill-bg{ width:100%; background-color:#000000;}
.team-members { margin:0; padding:0;}
.team-col { width:22.8%; margin:0 1%; float:left; text-align:center; padding-bottom:25px; transition:0.2s;}
.team-col h3 { color:#f0efef; font-weight:normal; font-size:18px; padding:25px 0 0; text-transform:uppercase;}
.team-col:hover h3 { color:#fff; }
.team-col span{ display:block; margin-bottom:25px;}
.team-col .social-links a{color:#8d8c8c; border-right:1px solid #8d8c8c; margin-right:6px; padding-right:6px;}
.team-col .social-links a.bnone{ border-right:none;}
.team-col:hover .social-links a{color:#fff;  border-right:1px solid #e6e6e6;}
.team-col:hover{ background-color:#0fa5d9; cursor:pointer; color:#ffffff;}
.team-col:hover img{ display:none;}
.team-col .team-description{ display:none;}
.team-col .team-description p{ line-height:21.5px; }
.team-col:hover .team-description{ display:block; padding:15px;} .content-area{ width:1160px; margin:0 auto; padding:50px 0;}
.site-main{ width:800px; margin:0; padding:0; float:left;}
#sitefull{ width:auto !important;}
#nosidebar{ width:80%; margin:0 auto; float:none; text-align:center;}
#sidebar{ width:270px; margin:0; padding:0; float:right;} .copyright-wrapper { position:relative; padding:20px 0;}
.copyright-wrapper .inner{width:1170px; margin: auto;}
.footer-menu{ float:left; margin:0; padding:0; color:#ffffff;}
.copyright ul li, .footer-menu ul li{ display:inline-block; margin:0; padding:0 10px 0 0;}
.footer-menu ul ul{ display:none;}
.copyright { float:right; margin:auto; text-align:right;} .wpcf7{ margin:0; padding:0; font:400 15px 'Roboto Condensed', sans-serif; color:#ffffff;}
.wpcf7 form{ margin:0; padding:0;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select, .leftdiv input[type="text"], .leftdiv input [type="url"], .leftdiv input[type="email"], .leftdiv input[type="tel"], .wpcf7 form textarea, .rightdiv textarea{ width:94%; background-color:#f8f8f8; border:1px solid #e6e5e5; padding:10px; margin-top:15px; font:400 14px 'Roboto Condensed', sans-serif; color:#777777;}
.wpcf7 form textarea, .rightdiv textarea{height:132px;}
.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}
span.wpcf7-list-item{ margin:0 15px 0 0 !important;}
.wpcf7 form input[type="submit"], #contact input[type="submit"]{font:400 15px 'Roboto Condensed', sans-serif; margin:25px 0 0 0; padding:5px 20px; border:none; color:#ffffff; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; background-color:#0fa5d9;} .skillbar {position:relative; display:block; margin-bottom:15px; width:100%; background:#eee; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color; margin-top:35px;}
.skillbar-title { font:16px 'Roboto Condensed',san-serif; background:#141414; color:#000;}
.skillbar-title span { display:block; background-color:transparent; color:#000; padding:0; height:35px; line-height:35px; position:absolute; top:-30px;}
.skillbar-bar { height:35px; width:0px; background:#ff8a00;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#fff;}
.pricing_table{font-size:15px;}
.price_col{transition: left 0.5s;}
.price_col{float:left; text-align:center; background:#2c3e50; color:#fff; margin-top:10px; z-index:0; padding:0 15px;}
.pricing_table .th{font-size:24px; font-weight:bold; color:#fff; padding:10px 0;}
.pricing_table .highlight{background:#ff8a00; box-shadow:0 0 10px rgba(0,0,0,0.75); z-index:1; margin-top:0; z-index:1; position:relative;}
.pricing_table .highlight .th{padding-top:20px;}
.pricing_table .highlight .tf{padding-bottom:30px;}
.pricing_table .td, .pricing_table .tf{padding:20px 0; border-top:1px #fff solid;}
.pricing_table .tf a{background:#ff8a00; color:#fff; border:1px #ccc dashed; padding:8px 12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.pricing_table .tf a:hover{background-color:#2c3e50;}
.pricing_table .highlight .tf a{background-color:#2c3e50;}
.pricing_table .highlight .tf a:hover{background-color:#ff8a00;}
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#303441; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#ff8a00;}
h1.entry-title, h1.page-title{padding-bottom:20px; font-size:30px;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}
article img{height:auto;}
article p{margin:10px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:15px;}
input.search-field, .post-password-form input[type=password]{border:1px #eee solid; padding:4px;}
input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:4px 10px; cursor:pointer;}
aside.widget{margin-bottom:30px;}
aside.widget ul{ list-style:disc; margin-left:13px;}
.photobooth .eleven strong {color:#333; font-size:24px; font-style:italic; margin-bottom:13px; display:block; }
.photobooth .eleven p {color:#555; font-size:18px; }
.photobooth .five {font-size:24px; color:#555; margin-top:0; padding-top:0; line-height:31px; }
.photobooth .filter-gallery {position:relative; width:auto; margin:0 auto 50px auto; text-align:center; }
.photobooth .filter-gallery ul {list-style:none !important; }
.photobooth .filter-gallery ul li { display:inline-block; margin-right:2px; }
.photobooth .filter-gallery ul li a { padding:5px 15px; color:#666; text-transform:uppercase; }
.photobooth .filter-gallery ul li.current a, .photobooth .filter-gallery ul li:hover a{ -webkit-border-radius: 4px;
-moz-border-radius: 4px; border-radius: 4px; color:#fff; }
.photobooth .gallery ul{list-style:none !important; margin:0;}
.photobooth .gallery ul li {background:#000; float:left; cursor:pointer; position:relative; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; background:url(//www.pietsch-design.de/wp-content/themes/awesomeone-pro/images/camera-icon.png) 50% 0 no-repeat #000000; margin:0; width:25%}
.photobooth .gallery ul li p {color:#111; margin:0; padding:10px 0; position:absolute; width:100%; display:none; text-align:center; bottom:0; opacity:0.8; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; }
.photobooth .gallery ul li p span {margin-top:0px; display:block; font-weight:bold; }
.photobooth .gallery ul li strong {color:#fff; margin:0; padding:10px 0; position:absolute; display:none; text-align:center; bottom:0; opacity:0.8; width:100%;}
.photobooth .gallery ul li img {vertical-align:middle; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; width:100%; height:220px;}
.photobooth .gallery ul li:hover img {opacity:0.3; }
.photobooth .gallery ul li:hover strong {color:#fff; margin:0; padding:10px 0; position:absolute; display:block; text-align:center; bottom:50%; opacity:0.8; }
.photobooth .gallery ul li:hover p {color:#111; margin:0; padding:10px 0; position:absolute; display:block; text-align:center; bottom:0; opacity:0.8; }
.photobooth .gallery ul li:hover p span {margin-top:20px; display:block;}
.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px;}
nav.post-navigation{padding:10px 0 20px;}
.accordion-box h2.active{color:#ff8a00;}
.webicon{font-size:20px;}
#sidebar ul li{margin:5px 0;}
.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}
h3.widget-title{ font-size:18px; border-bottom:1px solid #cccccc; padding-bottom:15px; margin-bottom:15px;}
.blog-post-repeat{ border-bottom:1px solid #313131; margin-bottom:40px;} a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto Condensed',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
a.blogthumbs img{ width:100%;}
.hdr_buy_pro{font-size:14px; font-weight:bold; line-height:18px;}
.hdr_buy_pro a{color:#fff; background:#ff8a00; padding:3px 10px;}
.hdr_buy_pro a:hover{background:#fff; color:#ff8a00;}
@media screen and (min-width:940px){
.hdr_buy_pro{position:absolute; top:0; right:0; }
}
@media screen and (min-width:720px) and (max-width:939px){
.hdr_buy_pro{position:absolute; top:28px; right:290px; }
}
@media screen and (max-width:719px){
.hdr_buy_pro{display:block; text-align:center; padding-bottom:10px;}
} section#aboutsec{ padding:0} 
#aboutsec .container{ width:100%; min-height:360px;}
#aboutsec .one_half{ margin-bottom:0;}
#aboutsec .last_column{ background-size:cover; position:absolute; top:0; right:0; bottom:0; width:50%; float:right; overflow:hidden; margin:0;}
#aboutsec .last_column img{ background-size:cover; position:absolute; top:0; right:0; bottom:0; width:100%; float:right; overflow:hidden; margin:0;}
#aboutsec .cont-fix{ float:right; width:540px; color:#fff; text-align:left; padding:60px 0 0;}
#aboutsec .cont-fix h2{ text-align:left;}
.one_half h2.section-title{ margin:0 0 50px !important;}
h2.section-title{ margin:0 auto 50px auto;}
section h3{ font-size:36px; color:#666; font-weight:300; line-height:36px;}
.fourbox { width:20.8%; height:auto; display:inline-block; float:left;  text-align:center;  margin:0 2.8% 0 0; padding:2% 1%; position:relative; transition:0.3s; }
.fourbox:hover {cursor:pointer;}
.fourbox img {width:82px; height:82px; display: block; margin:auto; border-radius:50%; margin-bottom:10px;}
.fourbox h2 { font-weight:600; font-size:15px; text-transform: uppercase; padding:0 0 20px; }
.fourbox p { line-height:20px;}
#about-featured .one_half p{ margin-top:25px;}
.whatwedo{ text-align:center;}
section#testimonial_wrap{ padding:30px 0;}
.testimonials{ background:url(//www.pietsch-design.de/wp-content/themes/awesomeone-pro/images/testimonials_quote.png) no-repeat center top; padding-top:50px;}
.testimonials h2{ color:#ffffff;}
#contact .column-2{ width:65%; float:left; margin:0;}
#contact .column-2.last_column{ width:25%; margin-left:9%; }
#contact .column-2.last_column span{ text-transform:uppercase; font-size:17px; }
#contact .column-2.last_column a{color:#666666;}
.leftdiv{ float:left; width:48%;}
.rightdiv{ float:right; width:48%;}
#contact .column-2 h2{ font-size:17px; text-transform:uppercase;}
.social-icons{ text-align:center;}
.social-icons a {
border-radius: 29px;
height: 50px;
margin:0  13px 13px 0;
vertical-align: 0;
width: 50px;
display: table;
float: left;
}
.fa::before, fa::after{ display:table-cell; vertical-align:middle;}