/* Snippets  */
body .zcmscontent-area .zcmscontent-item { margin-bottom:25px; }
body .zcmscontent-area hr { border:none;border-top: rgba(0, 0, 0, 0.18) 1px solid;margin-top: 2em;margin-bottom: 2em; }
body .zcmscontent-area img { max-width:100%; }
body .zcmscontent-area img.img-responsive { width:100%; }
body .zcmscontent-area img.img-bordered {border: #ccc 1px solid;}
body .zcmscontent-area img.img-round {border-radius:50%;}
body .zcmscontent-area .responsive { width:100%; display:block; }
/* List  */
body .zcmscontent-area .list {position:relative;margin:1.5em 0;}
    body .zcmscontent-area .list > i {position:absolute;left:-3px;top:-3px;font-size:2em;}
    body .zcmscontent-area .list > h2, .list > h3 {margin: 0 0 0 50px}
    body .zcmscontent-area .list > p {margin: 0 0 0 50px}
/* hdr */
body .zcmscontent-area figure.hdr { position: relative; width: 100%; overflow: hidden; background-color: #000; }
    body .zcmscontent-area figure.hdr img { position: relative; display: block; width: 100%; opacity: 0.8; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.2); transform: scale(1.2); }
    body .zcmscontent-area figure.hdr:hover img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); }
    body .zcmscontent-area figure.hdr figcaption { position: absolute; top: auto; bottom: 0; left: 0; width: 100%; height: 60%; padding: 0 2.5em; color: #fff; font-size: 1.55em; text-align: center; box-sizing: border-box; z-index: 1; }
/* Text */
body .zcmscontent-area figure.hdr h2 { font-weight: 300; text-transform: uppercase; }
    body .zcmscontent-area figure.hdr h2 span { font-weight: 800; }
    body .zcmscontent-area figure.hdr p { letter-spacing: 1px; font-size: 68.5%; text-transform: uppercase; }
    body .zcmscontent-area figure.hdr h2, body .zcmscontent-area figure.hdr p { margin: 0; z-index: 10000; }
/* Cosmetic */
body .zcmscontent-area figure.hdr div { height: 100%; z-index: 0; }
    body .zcmscontent-area figure.hdr div::before,
    body .zcmscontent-area figure.hdr div::after { position: absolute; content: ''; }
/* effect-1 */
body .zcmscontent-area figure.effect-1 div::before { top: 50px; right: 30px; bottom: 50px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
body .zcmscontent-area figure.effect-1 div::after { top: 30px; right: 50px; bottom: 30px; left: 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; }
/* quote */
body .zcmscontent-area .quote {position:relative;margin:1.5em 0;}
    body .zcmscontent-area .quote > i {position: absolute;top: -10px; left: -7px;font-size: 2em;color:rgba(51,51,51,0.44);}
    body .zcmscontent-area .quote > small {margin-left:50px;opacity: 0.7;font-size: 1em;}
    body .zcmscontent-area .quote > p {margin-left:50px;font-size: 1.5em;}
/* social */
body .zcmscontent-area .social a > i {text-decoration:none;color:#333;font-size:1.5em;margin:0 5px 0 0;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}