.section-padding{
padding-top:50px;
padding-bottom:50px;	
} .bc-services .section-title hr {
border-color: #151515;
}
.bc-services i {
font-size: 35px;
line-height: 40px;
color: #333;
width: 70px;
height: 70px;
padding: 15px;
border: 1px solid #f99800;
box-shadow: 5px 5px 0 0 #f99800;
}
.bc-services h4 {
font-size: 18px;
margin-top: 25px;
position: relative;
letter-spacing: 1px;
}
.bc-services .mask-top {
background-color: #ffffff;
padding: 65px;
position: absolute;
top: 0;
transition: all 0.3s ease-out 0s;
width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.bc-services .mask-top h4:before {
top: -18px;
content: "";
display: block;
height: 2px;
left: 0;
right: 0;
margin: -2px auto;
position: absolute;
width: 40px;
}
.bc-services .s-feature-box:hover .mask-top {
top: -200px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.bc-services .s-feature-box {
overflow: hidden;
position: relative;
min-height: 280px;
border: 1px solid #dadada;
margin-bottom: 30px;
cursor: pointer;
background: #f99800;
}
.bc-services .mask-bottom {
color: #fff;
padding: 35px 15px 35px 15px;
width: 100%;
position: absolute;
bottom: -300px;
height: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.bc-services .mask-bottom p {
padding: 0px 5px;
color:#fff;
}
.bc-services .mask-bottom h4 {
margin: 15px 0px 17px;
}
.bc-services .s-feature-box:hover .mask-bottom {
bottom: 0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.bc-services .mask-bottom i {
background: #fff none repeat scroll 0 0;
border: 5px solid #f99800;
border-radius: 50%;
color: #333;
font-size: 31px;
height: 80px;
line-height: 52px;
padding: 10px;
width: 80px;
}
.s-feature-box.box-shadow{
transition: box-shadow 0.3s ease-in-out;
}
.s-feature-box.box-shadow:hover {
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
} .feature-block {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
margin-bottom: 30px;
padding: 40px 40px 35px;
position: relative;
}
.feature-block::before {
background: #ddab03  none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
width: 2px;
}
.feature-block:hover::before {
left: 0;
opacity: 1;
}
.feature-block .feature-content > h5 {
font-size: 20px;
font-weight: 500;
letter-spacing: 1px;
text-transform: capitalize;
}
.feature-block .feature-icon{
display:block;
text-align:center;	
}
.feature-block .feature-icon i {
font-size: 48px;
}
.feature-block .feature-content i {
font-size: 15px;
margin-left: 3px;
transition: .3s ease-in-out 0s;
}
.feature-block .feature-content {
width: 75%;
overflow: hidden;
}
.feature-block a {
color: #ddab03;
font-family: raleway;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}
.feature-block a:hover i {
padding-left: 8px;
}
.feature-block i {
float: none;
}
.feature-block .feature-content {
width: 100%;
margin-top:30px;
}
.feature-block p {
margin-bottom: 30px;
}
.feature-block.box-shadow{
transition: box-shadow 0.3s ease-in-out;
}
.feature-block.box-shadow:hover {
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
} ul.bc-icon-list{
margin:0px;
padding:0px;	
}
ul.bc-icon-list li{
padding-left:100px;
display:block;
list-style:none;
position:relative;
padding-bottom:30px;
}
ul.bc-icon-list li span.icon{
position:absolute;
left:0px;
top:-9px;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: #ffa211 #ffa211 #092b3c;
border-image: none;
border-radius: 0;
border-style: solid;
border-width: 1px;
color: #12212f;
float: left;
font-size: 30px;
height: 65px;
margin: 12px;
padding: 16px;
width: 65px;
border: 1px solid #f99800;
-webkit-transition: all 0.36s ease-in-out 0s;
transition: all 0.36s ease-in-out 0s;
}
ul.bc-icon-list li:hover span.icon {
box-shadow: 5px 5px 0 0 #f99800;
}
ul.bc-icon-list.round li span.icon{
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;	
}
ul.bc-icon-list.round i{
display:block;
text-align:center;
line-height:30px;	
} .bc-work-process .project-icon {
background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 50%;
height: 136px;
line-height: 176px;
width: 135px;
position: relative;
margin: auto;
transition: all 0.3s ease 0s;
}
.bc-work-process:hover .project-icon {
background: #f99800;
border: 1px solid transparent;
}
.bc-work-process::before {
background: #f99800;
content: "";
height: 1px;
right: -20%;
top: 40%; position: absolute;
width:40%;
}
.bc-work-process.last-child::before{
display: none!important
}
.project-icon i {
color: #fff;
font-size: 60px;
}
.project-icon p {
background: #f99800 none repeat scroll 0 0;
border: 1px solid #f99800;
border-radius: 50%;
color: #ffffff;
font-size: 16px;
font-weight: 700;
height: 50px;
left: -10px;
line-height: 44px;
margin: 0;
position: absolute;
top: -10px;
width: 50px;
}
.bc-work-process h5 {
display: inline-block;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 0;
margin-top: 35px;
text-transform: capitalize;
}
.bc-work-process.color_mode .project-icon i {
color:#ddab03;
}
.bc-work-process.transparent .project-icon {
border: 1px solid #fff;
}
.bc-work-process.transparent .project-icon:hover{
border: 1px solid transparent;
}
.bc-work-process.color_mode:hover .project-icon i {
color:#FFF;	
}
.bc-work-process.color_mode::before {
background: #ddab03;
}
.bc-work-process.transparent h5{
color:#FFF;
text-transform:uppercase;	
} .section-padding.bc-heading-block{
padding-bottom:25px;	
}
.bc-heading-block h2{
position:relative;
padding-bottom:15px;
margin-bottom:30px;
padding-bottom:20px;
text-transform:capitalize;
}
.bc-heading-block .heading_top_position h2{
padding-bottom:25px;	
}
.bc-heading-block h2 span{
font-size:16px;
display:block;
line-height:30px;
padding:5px 0px;
}
.bc-heading-block .heading_bottom_position h2 span{
}
.bc-heading-block h2:after,
.bc-heading-block h2:before{
content:"";
position:absolute;
left:50%;
width:20%;
max-width:120px;
border-bottom:2px solid  #f99800;
bottom:4px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.bc-heading-block h2:before{
bottom:-4px;
width:15%;
max-width:70px;	
}
.bc-heading-block p{
max-width:800px;
display:block;
margin:0px auto;	
} .portfolio-filter ul,
.product-filter-category ul {
list-style: outside none none;
margin-bottom: 10px;
text-align: center;
}
.portfolio-filter ul li,
.product-filter-category ul li {
margin: 5px;
cursor: pointer;
font-size: 12px;
padding: 7px 20px;
display: inline-block;
border: 2px solid #fff;
text-transform: uppercase;
-webkit-transition: all 0.36s ease-in-out 0s;
transition: all 0.36s ease-in-out 0s;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.portfolio-filter ul li.active,
.portfolio-filter ul li:hover,
.product-filter-category ul li:hover,
.product-filter-category ul li.active {
background: #f99800;
border: 2px solid #f99800;
color: #fff;
}
.grid .mix {
display: none;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.single-work {
margin-top: 30px;
overflow: hidden;
position: relative;
-webkit-transition: all 0.36s ease-in-out 0s;
transition: all 0.36s ease-in-out 0s;
}
.single-work:hover {
box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08)
}
.work-overlay {
height: 100%;
width: 100%;
background: rgba(249, 152, 0, 0.5) none repeat scroll 0 0;
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.36s ease-in-out 0s;
transition: all 0.36s ease-in-out 0s;
}
.work-overlay a{
color:#fff;
}
.single-work:hover .work-overlay {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.work-title h5 {
margin: 80px 0 0
}
.work-title p {
margin: 0;
color:#fff;
}
.work-icon a {
font-size: 24px;
-webkit-transition: all 0.36s ease-in-out 0s;
transition: all 0.36s ease-in-out 0s;
}
.single-work:hover .work-icon a {
color: #fff;
}
.work-icon a:hover {
color: #000 !important
}
.work-icon  i {
margin-top:25px;
font-size:40px;
display:inline-block;	
} .testimonial-section .owl-nav.disabled{
display:none;	
}
.testimonial-section{
overflow:hidden;
position:relative;
}
.testimonial-section .owl-item,
.testimonial-section .item{
float:left;
}
.testimonial-section .owl-carousel .owl-stage-outer{
padding-top: 15px;
}
.testimonial-content{
position: relative;
display: inline-block;
border: 1px solid #f2f2f2;
padding: 40px 30px 30px 34px;
background-color: #fff;
position: relative;
margin-bottom: 38px;
}
.testimonial-content::after {
position: absolute;
content: "";
bottom: -25px;
left: -1px;
width: 0;
height: 0;
border-top: 25px solid #f99800;
border-left: 30px solid transparent;
}
.testimonial-content span{
background-color: #979797;
height: 36px;
width: 44px;
text-align: center;
font-size: 16px;
color: #fff;
display: inline-block;
line-height: 36px;
position: absolute;
left: 34px;
top: -15px;
}
.testimonial-content h3{
margin: 0 0 10px;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.48px;
line-height: 26px;
}
.testimonial-content p{
font-size: 16px;
color: #777;
line-height: 26px;
font-weight: 400;
}
.testimonial-box h3{
font-weight: 700;
font-size: 14px;
line-height: 26px;
margin: 0;
text-transform: uppercase;
}
.testimonial-box  h3 span {
font-weight: 400;
line-height: 26px;
color: #999;
text-transform: capitalize;
position: relative;
padding-left: 11px;
}
.testimonial-box h3 span::before{
position: absolute;
content: ",";
left: 3px;
bottom: -3px;
}
.testimonial-box ul {
padding-left: 0;
}
.testimonial-box ul li{
display: inline-block;
color: #f7c51d;
}
.testimonial-box ul li:last-of-type{
color: #bfbfbf;
}
.testimonial-box.all ul li{
color: #f7c51d;
}
.vc_column_container>.vc_column-inner {
padding: 0 !important
} .team-box{
position: relative;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.team-content{
display: inline-block;
background: rgba(249,152,0,0.9);
padding-top: 30px;
width: 100%;
position: absolute;
left: 0;
right:0;
bottom: 0;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
opacity: 0;
}
.team-content h4{
font-weight: 500;
font-size: 18px;
line-height: 30px;
text-transform: capitalize;
display: block;
margin: 0;
color: #fff;
word-wrap: break-word;
text-align: left;
padding-left: 28px;
}
.team-content span{
color: #fff;
font-size: 14px;
line-height: 30px;
word-wrap: break-word;
padding-left: 28px;
}
.team-content a {
text-decoration: none;
display: block;
font-size: 14px;
letter-spacing: 0.28px;
color: #fff;
margin-bottom: 3px;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.team-content a:hover {
color: #222;
}
.team-content a:last-of-type{
margin-bottom: 0;
}
.team-content a span{
color: #fff;
padding-right: 10px;
}
.team-content ul {
padding-left: 0;
background-color: rgba(34,34,34,0.9);
margin-bottom: 0;
text-align: center;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
margin-top: 30px;
}
.team-content ul li {
display: inline-block;	
}
.team-content ul li:first-of-type{
border-left: 1px solid rgba(236,236,236,0.1);
}
.team-content ul li a {
color: #fff;
font-size: 15px;
letter-spacing: 0.75px;
line-height: 26px;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
display: inline-block;
position: relative;
z-index: 2;
border-right: 1px solid rgba(236,236,236,0.1);
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.team-content ul li a:hover {
background-color: #f7c51d;
color: #fff;
}
.team-box > h4{
font-size: 16px;
line-height: 30px;
margin: 0;
text-transform: capitalize;
font-weight: 400;
text-align: center;
background-color: rgba(34,34,34,0.9);
color: #fff;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0;
position: relative;
top: -50px;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.team-section .team-box:hover > h4{
opacity: 0;
top: 0;
}
.team-section .team-box:hover .team-content {
opacity: 1;
}
.team-content .icon{
display:inline-block;
margin-left:30px;
margin-right:5px;
} .bc-skills-progress{
overflow: hidden;
margin-bottom: 30px;
}
.bc-skills-progress .progress {
background: #ddd none repeat scroll 0 0;
position: relative;
overflow: visible;
margin: 35px 0 50px 0;
box-shadow: none;
border-radius: 0;
height: 10px;
}
.bc-skills-progress .progress-bar {
background: #333 none repeat scroll 0 0;
box-shadow: none;
}
.bc-skills-progress .progress .lead {
left: 0;
top: -25px;
color: #333;
font-size: 12px;
font-weight: 700;
position: absolute;
text-transform: uppercase;
}
.bc-skills-progress .progress-bar > p {
float: right;
font-size: 12px;
font-weight: 700;
margin-right: -16px;
margin-top: -25px;
position: relative;
color: #333;
} .product-category-image-grid-wrp figure{
position:relative;
max-height:200px;
overflow:hidden;
}
.product-category-image-grid-wrp figure a.box_wrp{
overflow:hidden;
display:block;
}
.product-category-image-grid-wrp img{
width:100%;
height:auto;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;	
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.product-category-image-grid-wrp figure:hover img{
}
.product-category-image-grid-wrp figure:after{
content:"";
position:absolute;
left:14px;
right:14px;
bottom:0px;
top:0px;
background:rgba(0,0,0,0.5);	
z-index:9;
}
.product-category-image-grid-wrp figcaption{
left:10%;
right:10%;
top:50%;
position:absolute;
color:#000;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
z-index:99;
}
.product-category-image-grid-wrp figure:hover figcaption{
top:40%;
}
.product-category-image-grid-wrp h4{
text-transform: capitalize;
font-weight: 700;
}
.product-category-image-grid-wrp p{
line-height:20px;
font-size:14px;
}
.product-category-image-grid-wrp .more-link{
display:inline-block;
padding:10px 15px;	
}
.mp-carousel{
overflow:hidden;
position:relative;	
}
.mp-carousel ul.products{
position:relative;	
}
.product-carousel .owl-item,
.mp-carousel .owl-item{
float:left;	
}
.woocommerce ul.products.product-carousel .owl-item li.product,
.mp-carousel ul.products .owl-item li.product{
width:100%!important;
margin:0px!important;
}
.product-carousel .button,
.mp-carousel .button{
display:none!important;	
}
.mp-carousel .owl-nav div{
width:40px;
height:40px;
height:40px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
position:absolute;
cursor:pointer;
top:40%;	
}
.mp-carousel .owl-nav div.owl-prev{
position:absolute;
right:0px;	
}
.mp-carousel .owl-nav i{
display:block;	
width:40px;
text-align:center;
line-height:40px;
color:#FFF;
}
.bc-shop-product-ajax{
min-height:300px;
display:block;	
}
.product-showcase-wrp .loading {
padding: 15px 15px 15px 55px;
color: #FFF;
background: #666 url(//www.papierama.ch/wp-content/plugins/bc-toolkit/assets/img/loading.gif) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position: 10px center;
background-size: 30px 30px;
position: absolute;
left: 50%;
top: 250px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0.6;
z-index: 100;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
display:none;
}
.product-showcase-wrp{
position:relative;
}
.bc-shop-list li{
float:none!important;
padding:0px 0px 30px 0px!important;
display:block!important;
width:100%!important;
margin:0px!important;
}
.bc-shop-list li .product-caption{
display:none;
}
.bc-shop-list li .product-image{
width:30%;
float:left;	
}
.bc-shop-list li h5 {
font-size: 30px;
}
.bc-shop-list li.product .loop-product-details{
width:65%;
float:right;
text-align:left!important;	
}
.bc-shop-list li.product .woocommerce-product-details__short-description{
display:block!important;
}
.bc-shop-list li.product .button{
display:inline-block!important;	
} .blog-item {
color: #212121;
padding: 35px;
position: relative;
border: 1px solid #e6e6e6;
overflow: hidden;
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.blog-item img{
width:auto;
height:200px;	
}
.blog-item  .post-meta {
font-size: 13px;
color: #6f6f6f;
}
.blog-item  .post-meta ul li {
display: inline-block;
}
.blog-item  .post-meta ul li:first-child::after {
content: '|';
}
.blog-item .post-title {
margin: 20px 0;
margin-top:0px;
}
.blog-item .post-title h3 a  {
transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.blog-item .post-title h3 {
font-size: 17px;
font-weight: 400;
margin-top:0px;
}
.blog-item .post-content p {
color: #6f6f6f;
font-size: 14px;
}
.blog-item .cleartop {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #e6e6e6;
}
.blog-item .cleartop .link {
float: left;
}
.blog-item .cleartop .link a {
font-weight: 400;
font-size: 14px;
position: relative;
display: inline-block;
}
.blog-item .cleartop .link a:hover {
color: #212121;
}