.ts1-by-shakik text {
    /*float:left;*/
    margin-right:4px;
    padding:1px 8px;
    background:#edff20;
    font-size:12px;
    line-height:20px;
    color:#323232;
    font-weight:400;
    text-transform:none;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -khtml-border-radius:2px
}

.ts2-by-shakik text {
    /*float:left;*/
    margin-right:4px;
    padding:1px 8px;
    background:#323232;
    font-size:10px;
    /*line-height:20px;*/
    color:#fefefe;
    font-weight:400;
    text-transform:none;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -khtml-border-radius:2px
}

.ts3-by-shakik text {
    margin:0 4px 4px 0;
    display:inline-block;
    padding:0 5px;
    line-height:18px;
    font-weight:400;
    font-size:12px;
    color:#edff20;
    border:1px solid #edff20;
    text-decoration:none
}

.ts4-by-shakik {
    text-align: left;
    display: inline-block;
    padding:1px 8px;
    background:#edff20;
    font-size:12px;
    line-height:20px;
    color:#323232;
    font-weight:400;
    text-transform:none;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    transform: translate(50%, 50%);
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    white-space: nowrap;
}

.ts5-by-shakik text {
    float:right;
    padding:1px 5px;
    background:#edff20;
    font-size:10px;
    color:#323232;
    font-weight:400;
    text-transform:none;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -khtml-border-radius:2px
}

.ts6-by-shakik text {
    /*float:left;*/
    /*margin-right:4px;*/
    padding:1px 8px;
    background:#323232;
    font-size:14px;
    line-height:20px;
    color:#edff20;
    font-weight:400;
    text-transform:none;
    /*border-radius:2px;*/
    /*-moz-border-radius:2px;*/
    /*-webkit-border-radius:2px;*/
    /*-khtml-border-radius:2px*/
}

.ts7-by-shakik text {
    /*float:left;*/
    /*margin-right:4px;*/
    padding:1px 8px;
    background:#edff20;
    font-size:14px;
    line-height:20px;
    color:#323232;
    font-weight:400;
    text-transform:none;
    /*border-radius:2px;*/
    /*-moz-border-radius:2px;*/
    /*-webkit-border-radius:2px;*/
    /*-khtml-border-radius:2px*/
}

.ts8-by-shakik text {
    display: block;
    margin: auto;
    /*width: 75%;*/
    padding:1px 8px;
    background:#323232;
    font-size:12px;
    color:#edff20;
    font-weight:400;
    text-transform:none;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
}

.is1-by-shakik {
    background-image: url("../../images/shakik.jpg");
}

.is1-by-shakik .ts4-by-shakik {
    /*background: rgba(0, 0, 0, 0.5);*/
    /*color: #f1f1f1;*/
    opacity: 0;
}

.is1-by-shakik:hover {
    background-image: url("../../images/shakik_v2.jpg");
}

.is1-by-shakik:hover .ts4-by-shakik {
    opacity: 1;
    position: absolute;
    top: 75%;
    left: 50%;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.is2-by-shakik {
    width:25%;
    /*vertical-align:middle;*/
    float:right;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: .3s ease;
    -webkit-transition: .3s ease;
}

.is2-by-shakik:hover {
    filter: none;
    -webkit-filter: none;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.btn-by-shakik {
    width: 100%;
    border: 2px solid #edff20;
    /*border-radius: 4px;*/
    /*color: white;*/
    padding: 12px 28px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}

.bs1-by-shakik {
    background-color: #edff20;
    color: #191919;
}

.bs1-by-shakik:hover {
    background-color: #191919;
    color: #edff20;
}

.bs2-by-shakik {
    background-color: #191919;
    color: #edff20;
}

.bs2-by-shakik:hover {
    background-color: #edff20;
    color: #191919 !important;
}

.my-btn-by-shakik {
    padding:0 30px;
    display:inline-block;
    position:relative;
    float:none;
    width:auto;
    height:45px;
    line-height:45px;
    font-size:14px;
    /*color:#191919;*/
    font-weight:500;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    border:2px solid;
    /*background:#edff20;*/
    border-radius:8px;
    transition:all .3s ease 0s;
    -moz-transition:all .3s ease 0s;
    -webkit-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s
}