1 .slideshow-wrap, .imagezone {

     2     position: absolute; left: 0; top: 0; width: 100%; height: 100%;

     3 }

     4 

     5 .caption-wrap {

     6     position: absolute; left: 50px; right: 50px; bottom: 50px;

     7 }

     8 

     9 .caption {

    10     font-family: "Lato"; width: 480px; max-width: 100%;

    11     background: #ffffff;

    12     padding: 16px 0; margin: 0;

    13 }

    14 

    15 .caption h2 {

    16     font-size: 18px; font-weight: bold; margin: 0; padding: 0 20px 5px;

    17 }

    18 

    19 .caption h3 {

    20     font-size: 18px; font-style: italic; margin: 0; border-bottom: 1px solid #cccccc; padding: 0 20px 5px;

    21 }

    22 

    23 .caption p {

    24     margin: 10px 20px 0; padding: 0; font-size: 16px; font-style: italic;

    25 }

    26 

    27 .arrow-wrap {

    28     box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75); width: 78px; height: 78px;

    29     position: absolute; top: 50%; margin-top: -39px;

    30     background: #fff; cursor: pointer; border-radius: 39px; display: none;

    31 }

    32 

    33 .left-arrow {

    34     left: 20px;

    35 }

    36 

    37 .right-arrow {

    38     right: 20px;

    39 }

    40 

    41 .arrow-wrap:hover {

    42     background: #e0e0e0;

    43 }

    44 

    45 .arrow-wrap:active {

    46     background: #666666;

    47 }

    48 

    49 .arrow {

    50     width: 78px; height: 78px; display: block; background: url(../img/home-arrow.png) center 30px no-repeat;

    51 }

    52 

    53 .left-arrow .arrow {

    54     transform: rotate(90deg); -webkit-transform: rotate(90deg);

    55 }

    56 

    57 .right-arrow .arrow {

    58     transform: rotate(-90deg); -webkit-transform: rotate(-90deg);

    59 }