@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
*,
*:before,

/* *:after { */


/* box-sizing: border-box; */


}
body {
    background: -webkit-linear-gradient(top, #8c7a7a 0%, #af877c 65%, #af877c 100%) fixed;
    background: linear-gradient(to bottom, #8c7a7a 0%, #af877c 65%, #af877c 100%) fixed;
    background: url("../images/coc-background.jpg") no-repeat center center fixed;
    background-size: cover;
    font: 14px/20px "Lato", Arial, sans-serif;
    color: #9E9E9E;
    /* margin-top: 30px; */
}
.slide-container {
    margin: auto;
    width: 600px;
    text-align: center;
}
.wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
}

/*  */
.wrapper1 {
    /* background: url(../images/sz/1.gif) no-repeat; */
    
    height: 598px;
}
.wrapper2 {
    /* background: url(../images/sz/2.gif) no-repeat; */
    
    height: 598px;
    /* background-size: 50%; */
}
.wrapper3 {
    /* background: url(../images/sz/3.gif) no-repeat; */
    
    height: 598px;
}
.wrapper4 {
    /* background: url(../images/sz/4.gif) no-repeat; */
    
    height: 598px;
}
.wrapper5 {
    /* background: url(../images/sz/5.gif) no-repeat; */
    
    height: 598px;
}
.wrapper6 {
    /* background: url(../images/sz/6.gif) no-repeat; */
    
    height: 598px;
}
.wrapper7 {
    /* background: url(../images/sz/7.gif) no-repeat; */
    
    height: 598px;
}

/*  */
.wrapper:focus {
    outline: 0;
}
.clash-card {
    background: white;
    width: 300px;
    display: inline-block;
    margin: auto;
    border-radius: 19px;
    position: relative;
    text-align: center;
    box-shadow: -1px 15px 30px -12px black;
    z-index: 9999;
}
.clash-card__image {
    position: relative;
    height: 230px;
    margin-bottom: 35px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}
.clash-card__image--barbarian {
    background: url("../images/barbarian-bg.jpg");
}
.clash-card__image--barbarian img {
    width: 400px;
    position: absolute;
    top: -65px;
    left: -70px;
}
.clash-card__image--archer {
    background: url("../images/archer-bg.jpg");
}
.clash-card__image--archer img {
    width: 400px;
    position: absolute;
    top: -34px;
    left: -37px;
}
.clash-card__image--giant {
    background: url("../images/giant-bg.jpg");
}
.clash-card__image--giant img {
    width: 340px;
    position: absolute;
    top: -30px;
    left: -25px;
}
.clash-card__image--goblin {
    background: url("../images/goblin-bg.jpg");
}
.clash-card__image--goblin img {
    width: 370px;
    position: absolute;
    top: -21px;
    left: -37px;
}
.clash-card__image--wizard {
    background: url("../images/wizard-bg.jpg");
}
.clash-card__image--wizard img {
    width: 345px;
    position: absolute;
    top: -28px;
    left: -10px;
}
.clash-card__level {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 3px;
}
.clash-card__level--barbarian {
    color: #EC9B3B;
}
.clash-card__level--archer {
    color: #EE5487;
}
.clash-card__level--giant {
    color: #F6901A;
}
.clash-card__level--goblin {
    color: #82BB30;
}
.clash-card__level--wizard {
    color: #4FACFF;
}
.clash-card__unit-name {
    font-size: 26px;
    color: black;
    font-weight: 900;
    margin-bottom: 5px;
}
.clash-card__unit-description {
    padding: 20px;
    margin-bottom: 10px;
}
.clash-card__unit-stats--barbarian {
    background: #EC9B3B;
}
.clash-card__unit-stats--barbarian .one-third {
    border-right: 1px solid #BD7C2F;
}
.clash-card__unit-stats--archer {
    background: #EE5487;
}
.clash-card__unit-stats--archer .one-third {
    border-right: 1px solid #D04976;
}
.clash-card__unit-stats--giant {
    background: #F6901A;
}
.clash-card__unit-stats--giant .one-third {
    border-right: 1px solid #de7b09;
}
.clash-card__unit-stats--goblin {
    background: #82BB30;
}
.clash-card__unit-stats--goblin .one-third {
    border-right: 1px solid #71a32a;
}
.clash-card__unit-stats--wizard {
    background: #4FACFF;
}
.clash-card__unit-stats--wizard .one-third {
    border-right: 1px solid #309eff;
}
.clash-card__unit-stats {
    color: white;
    font-weight: 700;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}
.clash-card__unit-stats .one-third {
    width: 33%;
    float: left;
    padding: 20px 15px;
}
.clash-card__unit-stats sup {
    position: absolute;
    bottom: 4px;
    font-size: 45%;
    margin-left: 2px;
}
.clash-card__unit-stats .stat {
    position: relative;
    font-size: 24px;
    margin-bottom: 10px;
}
.clash-card__unit-stats .stat-value {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
}
.clash-card__unit-stats .no-border {
    border-right: none;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.slick-prev {
    left: -62px;
    z-index: 999;
}
.slick-next {
    right: 50px;
    z-index: 999;
}