.box {
    padding: 30px 16px 10px;
    margin-bottom: 20px
}

.box.box-big {
    padding: 50px 50px 30px
}

.box.box-small {
    padding: 20px 20px 1px
}

.box.border {
    border: 1px solid transparent
}

.box.round {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.box.border-left,
.box.border-top {
    position: relative
}

.box.border-left:after,
.box.border-top:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.box.border-top:after {
    height: 5px;
    right: 0
}

.box.border-top.border:after {
    left: -1px;
    right: -1px;
    top: -1px
}

.box.border-top.round:after {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.box.border-left:after {
    width: 3px;
    bottom: 0
}

.box.border-left.border:after {
    top: -1px;
    bottom: -1px;
    left: -1px
}

.box.border-left.round:after {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.section-white .box {
    color: inherit
}

.section-white .box-slave {
    background: #f8fafa;
    color: inherit
}

.section-white .border-left:after,
.section-white .border-top:after {
    background: #30a8b8;
}

.section-white .border {
    border: 1px solid #dde1e1
}

.section-white .shadow {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .03);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .03);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .03)
}

.section-grey .box {
    background: #ffffff;
    color: inherit
}

.section-grey .box-slave {
    background: rgba(204, 240, 255, 0.8);
    color: inherit
}
.section-white .box-slave1 {
    background: rgba(153, 255, 121, 0.4);
    color: inherit
}
.section-grey .box-slave2 {
    background: #30a8b8;
    color: inherit
}

.section-grey .border-left:after,
.section-grey .border-top:after {
    background: #30a8b8;
}

.section-grey .border {
    border: 1px solid #dde1e1
}

.section-grey .shadow {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .02);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .02);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .02)
}

.section-base .box {
    background: #00adb0;
    color: inherit
}

.section-base .box-slave {
    background: #07b7b8;
    color: inherit
}

.section-base .border-left:after,
.section-base .border-top:after {
    background: #fff
}

.section-base .border {
    border: 1px solid #1bcdcd
}

.section-base .shadow {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.section-dark .box {
    background: #21252b;
    color: inherit
}

.section-dark .box-slave {
    background: #2a3037;
    color: inherit
}

.section-dark .border-left:after,
.section-dark .border-top:after {
    background: #00aab3
}

.section-dark .border {
    border: 1px solid #32383f
}

.section-dark .shadow {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}

.section-parallax .box,
.section-parallax .box-slave {
    background: #1c1d1f;
    color: inherit
}

.section-parallax .border-left:after,
.section-parallax .border-top:after {
    background: #00aab3
}

.section-parallax .border {
    border: 1px solid #232326
}

.section-parallax .shadow {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}