@font-face {
    font-family: 'LCfont';
    src: url('/fonts/regular.woff2') format('woff2'),
         url('/fonts/regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'LCfont';
    src: url('/fonts/bold.woff2') format('woff2'),
         url('/fonts/bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


* { margin:0; padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

body { font-family:LCfont, Helvetica, sans-serif; font-size:14px; background:#212124; color:#ccc}
a { color:#fff;}
a:hover { color:#ccc; text-decoration:none}

.sidebar {float:right; width:380px;  padding:80px 20px 20px; position:relative;   }
.sidebar h1 { font-size:18px; margin-bottom:20px;}
.sidebar .box {margin-bottom:20px; }
.sidebar .image-download {margin-bottom:20px; text-align:center;}
.sidebar .image-download .download {display:block; font-size:16px; font-weight:700; color:#fff; background:#FF0066; padding:10px 15px; border-radius:3px; position:relative; text-decoration:none;}
.sidebar .image-download .download span {font-size:12px; font-weight:400; }
.sidebar .share-links { padding-bottom:20px; }
.sidebar .share-links h3 { font-size 16px; margin-bottom:10px;}
.sidebar .share-links ul { list-style:none;}
.sidebar .share-links li { display:inline-block; margin-right:5px;}
.sidebar .share-links a {display:inline-block; width:32px; height:32px; text-indent:-9999px; border-radius:16px}
.sidebar .share-links a.facebook {background:#346da6 url(/images/gallery/facebook.png) no-repeat center; background-size:24px}
.sidebar .share-links a.twitter {background:#5dbae8 url(/images/gallery/twitter.png) no-repeat center; background-size:24px}
.sidebar .share-links a.google-plus {background:#ca4638 url(/images/gallery/google-plus.png) no-repeat center; background-size:24px}
.sidebar .share-links a.pinterest {background:#a11d21 url(/images/gallery/pinterest.png) no-repeat center; background-size:24px}

.content { overflow:hidden; padding:20px; float:left;  width: -moz-calc(100% - 380px); width: -webkit-calc(100% - 380px); width: -o-calc(100% - 380px); width: calc(100% - 380px);}
.content .box728 {  text-align:center; margin-bottom:20px; } 
.content .image { position:relative }
.content .image img {  height:auto; max-width:100%; display:block; margin:0 auto }
.content .next_image {position:absolute; left:0; top:0; right:0; bottom:0; text-indent:-9999px;}

.page-nav { position:absolute; right:0; top:0;  left:0;  padding:20px; text-align:center; font-size:14px; }
.page-nav .image-page-nav {position:relative; height:9px; z-index:2 }

.ci_paginate_last,
.ci_paginate_first,
.ci_paginate_num,
.ci_paginate_current { display:none;}

.ci_paginate_prev {position:absolute; left:0; top:0;}
.ci_paginate_next {position:absolute; right:0; top:0;}

.ci_paginate_prev a,
.ci_paginate_next a { display:block;  color:#fff; background:#FF0066; padding:10px 15px; border-radius:3px; text-decoration:none; font-weight:700}
.ci_paginate_prev a:after {display:inline-block; content:" Previous "}
.ci_paginate_next a:before {display:inline-block; content:" Next "}

.box300x3 {text-align:center; padding:20px; background:#19191b; clear:both}
.box300x3 div, 
.box300x3 a {display:inline-block!important; width:auto!important; vertical-align:middle}



@media (max-width: 768px) { 
.content { padding:0; float:none; width:100%  }
.content .box728 { display:none;}
.sidebar {float:none; width:100%;  padding:80px 10px 10px;   }
.page-nav,
.box300x3 { padding:20px 10px ; }
.content .next_image {display:none;}
}