/**------heading css----small capas---*/
.jaw-produkty .jaw_one_portfolio{
    text-transform: none;
}
.portfolio-single-item-content .title{
    text-transform: none;
}

/**--------button css----*/
.my_button {
    text-align: center;
}
.button-wps {
   display: inline-block!important;
    margin: 0 auto!important;
    
    -webkit-border-radius: 10px!important;
    
   -webkit-box-shadow: 0px 5px 0px 0px rgba(255,255,0,1);
-moz-box-shadow: 0px 5px 0px 0px rgba(255,255,0,1);
box-shadow: 0px 5px 0px 0px rgba(255,255,0,1);
    -webkit-transition: -webkit-box-shadow .1s ease-in-out!important;
} 

.button-wps span {
    background-color: #E8E8E8!important;
    
    background-image: 
        /* gloss gradient */
        -webkit-gradient(
            linear, 
            left bottom, 
            left top, 
            color-stop(50%,rgba(0, 0, 0, 0.90)), 
            color-stop(50%,rgba(0, 0, 0, 0.50)), 
            color-stop(100%,rgba(0, 0, 0, 0.20))),
        
        /* dark outside gradient */
        -webkit-gradient(
            linear, 
            left top, 
            right top, 
            color-stop(0%,rgba(210,210,210,0.3)), 
            color-stop(20%,rgba(210,210,210,0)), 
            color-stop(80%,rgba(210,210,210,0)), 
            color-stop(100%,rgba(210,210,210,0.3))),
        
        /* light inner gradient */
        -webkit-gradient(
            linear, 
            left top, 
            right top, 
            color-stop(0%,rgba(0, 0, 0, 0.78)), 
            color-stop(20%,rgba(0, 0, 0, 0.50)), 
            color-stop(80%,rgba(0, 0, 0, 0.50)), 
            color-stop(100%,rgba(0, 0, 0, 0.30))),        
        
        /* diagonal line pattern */
        -webkit-gradient(
            linear, 
            0% 100%, 
            100% 0%, 
            color-stop(0%,rgba(0, 0, 0, 0.78)), 
            color-stop(40%,rgba(0,0,0,0.4)), 
            color-stop(40%,#000), 
            color-stop(60%,#000), 
            color-stop(60%,rgba(0,0,0,0.80)), 
            color-stop(100%,rgba(0,0,0,0.40)))!important;
    -webkit-background-size: 100%, 100%, 100%, 4px 4px!important;
    
    -webkit-border-radius: 10px!important;
    -webkit-transition: -webkit-transform .1s ease-in-out!important;
    
    display: inline-block!important;
    padding: 10px 40px 10px 40px!important;
    text-shadow: 0px 1px #fff, 0px -1px #262F33!important;
}

        .button-wps span:hover {
            color: #ffff00!important;
            text-shadow: 0px -1px #ffff00!important;
            cursor: pointer!important;
        }
 .button-wps:active span{
            -webkit-transform: translate(0, 5px)!important; /* depth of button-wps press */
        }

/**-----animated text css----*/
.headin-wp {
    text-align: center;
}
/**-------Menu css-----*/
.first-menu-button {
    border: 1px solid #fff;
    padding: 15px;
}
.el-social-icons ul li a {
    color: #ffff00;
}
.jaw_portfolio_menu_wrapper .menu > li > a{
font-size:1em;
}
.sub-menu li a {
    font-size: .75em;
}
/**------logo css----*/
.header-logo img {
    width: 100%;
}
.sub-text-logo {
    color: #ffff00;
 font-family: 'Droid Sans', sans-serif;;
text-align: center;
}
/**-------font css------*/
.title h1{
font-family: 'Indie Flower', cursive;
color: #ffff00;
}
.jaw_portfolio_part.part_title h2 {
    color: #ffff00;
    font-size: 24px;
}

/** ----Portfolio css----*/
.main-div-pp {
    color: #ffff00;
}
.portfolio-single-item-content.style-horizontal .title {
    margin-top: 70px;
}
.line {
    color: #ffff00;
/**----Portfolio comment css---*/
.jaw_portfolio_single_slider .post-comments {
    display: none;
}
.wp-content-on-portfolio {
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
}
/** ------button css------*/

.btn.btn-primary.btn-lg.gradient {
    background: transparent !important;
    border: 1px solid #fff !important;
}
.btn.btn-primary.btn-lg.gradient:hover {
    background: #00000080 !important !important;
    border: 1px solid #fff;
}
.portfolio-single-item-content .content > .center {
    text-align: center;
}
/**-------font background color------*/
