/* Backoffice Buttons */
body .zcmsdoor.visible-door { position: absolute; top: 10px; right: 10px; z-index: 999; display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; color: #ffffff; background-color: #2c3e50; border-color: #000; font-size: 14px; -webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75); box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75); }
    body .zcmsdoor.visible-door i { margin-right:2px; vertical-align:top; }
    body .zcmsdoor.visible-door:hover { background: #691384; -webkit-box-shadow: 2px 2px 7px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 2px 2px 7px 0px rgba(50, 50, 50, 0.75); box-shadow: 2px 2px 7px 0px rgba(50, 50, 50, 0.75); }

body .zcmscontent-options { display: block; padding: 20px; text-align: center; }
    body .zcmscontent-options a { margin: 0 10px; display: none; }
        body .zcmscontent-options a.zcmscontent-edit { display: inline-block; }
    body .zcmscontent-options.active a { display: inline-block; }
        body .zcmscontent-options.active a.zcmscontent-edit { display: none; }

body .zcmscontent-area { }
    body .zcmscontent-area.active { border: 1px solid #999; }
        body .zcmscontent-area.active .block-placeholder { margin: 15px; min-height: 120px; border: 2px dashed #808080; border-radius: 30px; background: none; }
        body .zcmscontent-area.active.loading { opacity: 0.7; filter: alpha(opacity=70); background: #999; }
        body .zcmscontent-area.active hr { padding-bottom: 4px; padding-top: 5px; }

/* FrontEnd Behavior */
#zCMSTitlePage { display: none; }
#zCMSContent { visibility: hidden; min-height: 350px; }
    #zCMSContent.no-visible { visibility: hidden !important; }
#zCMSContentLoading { display: none; position: absolute; left: 0; right: 0; bottom: 0; top: 0; text-align: center; z-index: 10; background: #FFF; }
    #zCMSContentLoading .zcms-loading { margin-top: 150px; display: inline-block; width: 35px; height: 35px; background: url('/Content/app/js/plugins/zcms/img/loader.gif') no-repeat; }
        #zCMSContentLoading .zcms-loading[data-loader="advanced"] { background: url('/Content/app/js/plugins/zcms/img/loader-advanced.gif') no-repeat; }
        #zCMSContentLoading .zcms-loading[data-loader="circles"] { background: url('/Content/app/js/plugins/zcms/img/loader-circles.gif') no-repeat; }
        #zCMSContentLoading .zcms-loading[data-loader="squares"] { background: url('/Content/app/js/plugins/zcms/img/loader-squares.gif') no-repeat; }

/* Content Builer */

/* 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; -moz-transition: opacity 0.35s, transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
    body .zcmscontent-area figure.hdr:hover img { opacity: 0.5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-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; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 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; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }