.cbp-so-scroller {
margin-top:7em;
overflow:hidden
}

.cbp-so-section:before,.cbp-so-section:after {
content:" ";
display:table
}

.cbp-so-section:after {
clear:both
}

.cbp-so-section h2 {
font-size:2em;
font-weight:500;
line-height:1
}

.cbp-so-section p {
font-size:1.5em;
font-weight:300
}

.cbp-so-side {
width:50%;
float:left;
margin:0;
padding:3em 2%;
overflow:hidden;
min-height:12em;
-webkit-transition:-webkit-transform 0.5s,opacity .5s;
-moz-transition:-moz-transform 0.5s,opacity .5s;
transition:transform 0.5s,opacity .5s
}

.cbp-so-side:before,.cbp-so-side:after {
content:" ";
display:table
}

.cbp-so-side:after {
clear:both
}

.cbp-so-side-right {
text-align:left
}

.cbp-so-side-left {
text-align:right
}

.cbp-so-side-right img {
float:left
}

.cbp-so-side-left img {
float:right
}

.cbp-so-init .cbp-so-side {
opacity:0
}

.cbp-so-init .cbp-so-side-left {
-webkit-transform:translateX(-80px);
-moz-transform:translateX(-80px);
transform:translateX(-80px)
}

.cbp-so-init .cbp-so-side-right {
-webkit-transform:translateX(80px);
-moz-transform:translateX(80px);
transform:translateX(80px)
}

.cbp-so-section.cbp-so-animate .cbp-so-side-left,.cbp-so-section.cbp-so-animate .cbp-so-side-right {
-webkit-transform:translateX(0px);
-moz-transform:translateX(0px);
transform:translateX(0px);
opacity:1
}

@media screen and (max-width: 73.5em) {
.cbp-so-scroller {
font-size:65%;
margin-top:17em
}

.cbp-so-section h2 {
margin:0
}

.cbp-so-side img {
max-width:120%
}
}

@media screen and (max-width: 41.125em) {
.cbp-so-section {
margin-top:5em
}

.cbp-so-side {
float:none;
width:100%
}

.cbp-so-side img {
max-width:100%
}

.cbp-so-scroller {
margin-top:17em;
overflow:hidden
}
}