/* 
    Created on : Sep 12, 2017, 10:43:57 PM
    Author     : alex
*/
/*
 Here are all backgrounds
*/

.hero{
    height: 200px;
    background: #8f00ff;
}

.center-info{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.alt{
    color: #fff;
    font-family: 'Slabo 27px', serif;
    font-style: italic;
    text-align: center;
    margin: 0;
    font-weight: normal;
}

.alt span{
    font-size: 16px;
}

.info{
    padding-top: 30px;
    margin:20px 0;
    font-size: 22px;
}

.hide-tcard{
    overflow: hidden;
    padding: 30px 0;
}

.group-1 .box:nth-child(1) .tcard.skin-1 .tcard-front .tcard-content,
.group-1 .box:nth-child(1) .tcard.skin-1 .tcard-back,
.group-3 .box:nth-child(1) .tcard.skin-2 .tcard-front,
.group-11 .box:nth-child(1) .tcard.skin-6 .tcard-front,
.group-11 .box:nth-child(1) .tcard.skin-6.frosted-glass .tcard-back{
    background: url("../assets/images/1.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; 
}
.group-1 .box:nth-child(2) .tcard.skin-1 .tcard-inner .tcard-front .tcard-content,
.group-1 .box:nth-child(2) .tcard.skin-1 .tcard-back,
.group-3 .box:nth-child(2) .tcard.skin-2 .tcard-front,
.group-11 .box:nth-child(2) .tcard.skin-6 .tcard-front,
.group-11 .box:nth-child(2) .tcard.skin-6.frosted-glass .tcard-back{
    background: url("../assets/images/2.jpeg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; 
}
.group-2 .box:nth-child(1) .tcard.skin-1 .tcard-inner .tcard-front .tcard-content,
.group-2 .box:nth-child(1) .tcard.skin-1 .tcard-back,
.group-4 .box:nth-child(1) .tcard.skin-2 .tcard-front,
.group-12 .box:nth-child(1) .tcard.skin-6 .tcard-front,
.group-12 .box:nth-child(1) .tcard.skin-6.frosted-glass .tcard-back{
    background: url("../assets/images/3.jpeg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; 
}
.group-2 .box:nth-child(2) .tcard.skin-1 .tcard-inner .tcard-front .tcard-content,
.group-2 .box:nth-child(2) .tcard.skin-1 .tcard-back,
.group-4 .box:nth-child(2) .tcard.skin-2 .tcard-front,
.group-12 .box:nth-child(2) .tcard.skin-6 .tcard-front,
.group-12 .box:nth-child(2) .tcard.skin-6.frosted-glass .tcard-back{
    background: url("../assets/images/4.jpeg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; 
}
.group-3 .box:nth-child(1) .tcard.skin-2 .tcard-back .tcard-header{
    background: url("../assets/images/1.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; 
}
.group-3 .box:nth-child(2) .tcard.skin-2 .tcard-back .tcard-header{
    background: url("../assets/images/2.jpeg") no-repeat;
    background-position: 100%; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; 
}
.group-4 .box:nth-child(1) .tcard.skin-2 .tcard-back .tcard-header{
    background: url("../assets/images/3.jpeg") no-repeat;
    background-position: 100%; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; 
}
.group-4 .box:nth-child(2) .tcard.skin-2 .tcard-back .tcard-header{
    background: url('../assets/images/4.3.jpg') no-repeat;
    background-position: 100%; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; 
}



.tcard .tcard-front .tcard-content-item{
    background: url("../assets/images/n4.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; 
}

.tcard.skin-3 .tcard-back,
.tcard.skin-3 .tcard-front,
.tcard.skin-4 .tcard-header{
    background: url('../assets/images/mobile.jpg') no-repeat;
    background-position: 70%; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; 
}