/*
Theme Name: IRONMASTER
Author: Huge Impact
Author URI: https://www.ironmaster.ca
Description: IronMaster.ca
Version: 1.0
License: GNU General Public License v2 or later
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic);
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
div{display:block;}
h1,h2,h3,h4,h5,h6{color:#444444;font-weight:600}
.centered{display:block;text-align:center;}
.blockcentered{display:block;text-align:center;margin-left:auto;margin-right:auto;}
.imgfull{width:100%}
.clearfix{display:block;clear:both;float:none;}
a, a:visited, a:active{color:#264A6B;}
body{font-family: 'Open Sans', sans-serif;font-size:16px;color:#444444;font-weight:300;background:#000;}

#map{height:283px;width:100%;margin-top:20px;}
#headerWrapper{background:#264A6B;padding:0;}
#headerWrapper .logo img{width:100%;max-width:354px;}
#menu-menu-1{text-align:right;padding:0;margin:0;margin-top:38px;}
#menu-menu-1 li{display:inline-block;}
#menu-menu-1 li a{display:block;font-size:16px;color:#fff;text-decoration:none;font-weight:700;padding:6px 9px;border:1px solid #264A6B;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#menu-menu-1 li a:hover, #menu-menu-1 li.current-menu-item a{border-color:#fff;}
a#mobileMenu{display:none;}

#sliderHome{background:url(images/moulin.png);position:relative;}
#sliderHome .container{position:relative;}
.slider { margin:0; height:410px; position:relative;  }
.slider .slide { display:none; position:absolute; height:410px; width:100%;background-repeat:no-repeat;background-position:center top;background-size:auto 100%;}
.slider .slide img{width:100%;height:100%;}
.slider-nav {display:none; margin: 0 auto; width:100%; clear:both; text-align:center;position:absolute;bottom:20px;} 
.slider-nav li { display:inline-block; margin:0 5px; }
.slider-nav li a{display:block;width:16px;height:15px;background:url(images/bluedot.png) no-repeat 0 0;opacity:0.6;}
.slider-nav li.active a{opacity:1;}
h2.sectionTitle{font-size:60px;color:#560e00;text-align:center;font-weight:400;margin-bottom:25px;}

#featProj{background:#f3f3f3;padding:30px 0 40px;}
#npCarousel{width:100%;height:auto;overflow-x:hidden;}
#npCarousel li.ngg-next{display:none;}
#npCarousel ul{width: 20000em; position: relative; list-style: none; margin: 0; padding: 0;}
#npCarousel ul li{width:230px;height:auto;float:left;list-style:none;padding:0 15px;}
#npCarousel ul li a{width:100%;display:block;text-decoration:none !important;position:relative;}
#npCarousel ul li a img{display:block;max-width:100%;width:100%;height:auto;height:180px;}
#npCarousel ul li span.text{font-size:14px;line-height:19px;color:#000;font-weight:bold;display:block;margin-top:12px;text-align:center;}
#npCarousel ul li span.overlay{display:none;width:100%;background:rgba(232,174,33,0.8) url(images/tedco_sprite.png) no-repeat -508px 19px;position:absolute;top:0;left:0;z-index:3;}
#npCarousel ul li a:hover > span.overlay{display:block;}
#npPrevious, #npNext{display:block;width:37px;height:64px;margin:92px auto 0;background:url(images/arrows.png) no-repeat 0px 0px;text-indent:-9999px;font-size:0px;text-decoration:none;opacity:0.5;cursor:pointer;}
#npNext{background-position:-52px 0px;}
#npPrevious:hover, #npNext:hover{opacity:1}
#recentprojects .ngg-galleryoverview, #recentprojects .ngg-gallery-list{display:none;}
#recentprojects {
    margin: 23px 0 23px -16px;
    width: calc(100% + 16px);
}
#recentprojects .imgTitle{display:block;width:100%;padding:18px 0;text-align:center;vertical-align:middle;font-size:16px;line-height:18px;color:#fff;background:#000;font-weight:300;text-transform:capitalize;}
#actualContent{background:#fff;padding:30px 0 46px;}
.filigreestart{display:inline-block;width:255px;height:54px;background:url(images/filigree-left.png) no-repeat 0 0;margin-right:40px;}
.filigreeend{display:inline-block;width:255px;height:54px;background:url(images/filigree-right.png) no-repeat 0 0;margin-left:40px;}
#actualContent p{font-size:17px;line-height:25px;color:#444444;margin:8px 0 20px;font-weight: 500;}

#footerUp{background:#292929;}
#footerUp .container{padding-top:64px;padding-bottom:45px;background:url(images/footerlogo.png) no-repeat right -15px;text-align:center;font-weight:300;}
#menu-footer{display:block;clear:both;}
#menu-footer li{display:inline-block;color:#efefef;font-size:14px;line-height:13px;padding-right:10px;margin-right:10px;border-right:1px solid #efefef;}
#menu-footer li:after{content:'';}
#menu-footer li:last-child{border:none;padding-right:0;margin-right:0;}
#menu-footer li a{color:#efefef;}
.socials{margin:20px 0;text-align:center;}
.socials a{display:inline-block;width:35px;height:34px;opacity:1;}
.socials a.facebook{background:url(images/footerfb.png) no-repeat 0 0;margin-right:16px;}
.socials a.gplus{background:url(images/footergp.png) no-repeat 0 0;}
.socials a:hover{opacity:0.7;}

#footerDown{padding:15px 0;margin:0;background:#000;}
#footerDown span{font-size:14px;color:#7c7c7c;display:block;text-align:center;}

img.pageThumb{width:100%;margin-top:25px}
form .cinput, form .wpcf7-captchar{width:100%;padding-left:26px;padding-right:5px;height:42px;color:#444444;font-size:16px;border:1px solid #888;padding-top:2px;outline:none !important;margin-bottom:13px}
textarea.cinput{padding-top:13px;height:105px;resize:none;margin-bottom: 8px;}
img.captchainput{width:100%;height:42px;border:1px solid #888;padding:0 35px;}
form .csubmit{display:block;width:100%;height:42px;font-size:24px;line-height:42px;background:#264A6B;border:none;text-align:center;font-weight:600;color:#fff;outline:none;}
form .csubmit:hover{cursor:pointer;opacity:0.7;}
span.wpcf7-form-control-wrap{position:relative;}
span.wpcf7-not-valid-tip{color: red;font-size: 11px !important;display: block;position: absolute;top: 27px;font-weight: bold;}
span.wpcf7-form-control-wrap.ctextarea span.wpcf7-not-valid-tip{top:4px;}
.acf-map{width:100%;height:280px;margin-top:22px;}
.delimiter{display:block;width:100%;height:1px;background:#e7e7e7;margin:25px 0 35px;}
span.address{display:inline-block;padding:5px 0 5px 22px;background:url(images/small_pin.gif) no-repeat 0 6px;}
span.telephone{display:inline-block;padding:5px 0 5px 22px;background:url(images/small_phone.gif) no-repeat 0 8px;}
span.fax{display:inline-block;padding:5px 0 5px 22px;background:url(images/small_fax.gif) no-repeat 0 8px;margin:0 35px;}
span.email{display:inline-block;padding:5px 0 5px 22px;background:url(images/small_email.gif) no-repeat 0 11px;}

.ngg-album-compact{width:205px !important;height: 200px;overflow:hidden;}
.ngg-album-compactbox{width:100% !important;height:auto !important;background:none !important;padding:0px !important;}
.ngg-album-compactbox .Thumb{width:100% !important;height:auto !important;}
.ngg-album-compactbox a.Link br{display:none;}
.ngg-album-compact h4{width:100% !important;line-height:19px !important;padding-left: 7px;}
.ngg-album-compact p{display:none;}
#sidebarHolder{position:relative;}
#sidebar{margin-top:27px;position:absolute;}
#sidebar, #sidebar ul, #sidebar li{list-style-type:none;}
#sidebar, #sidebar ul{padding-left:0;}
#menu-photo-menu-sidebar li a{display:block;padding:12px 0;padding-left:30px;background:url(images/sidebarbullet.gif) no-repeat 0 13px;text-decoration:none;}
#menu-photo-menu-sidebar li{border-bottom:1px solid #cccccc;}
#menu-photo-menu-sidebar li:first-child{border-top:1px solid #cccccc;}
#menu-photo-menu-sidebar li:hover{background:#f2f2f2;}
.widget_black_studio_tinymce{margin-top:32px;}
.widget_black_studio_tinymce p{font-size:14px;line-height:20px;}
.page-template-page-photo-php .ngg-galleryoverview p, .page-template-page-photo-php .ngg-galleryoverview br{display:none;}
.page-template-page-photo-php .ngg-imagebrowser h3{display:none;}
.page-template-page-photo-php .ngg-imagebrowser .pic br{display:none;}
.ngg-gallery-thumbnail img {margin: 0 !important;}
.ngg-gallery-thumbnail img:hover{background-color:#264A6B !important;}
.ngg-gallery-thumbnail-box{width:33%;padding-right: 15px;}
.ngg-gallery-thumbnail-box img{width:100%;}
/*.ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, .ngg-navigation span.page-numbers:hover, .ngg-navigation span.next:hover, .ngg-navigation span.prev:hover {background-color: #264A6B !important;}
.ngg-imagebrowser-nav .next:hover, .ngg-imagebrowser-nav .back:hover{background:#264A6B !important;}
.ngg-imagebrowser-nav .next:hover a, .ngg-imagebrowser-nav .back:hover a{color:#fff !important; text-decoration:none !important;}*/
.ngg-imagebrowser{position:relative;}
.ngg-imagebrowser-nav .next {float: none !important;border:none !important;margin-right:0px !important;padding:0 !important;position:absolute;top: 0;right: 0;width:12%;opacity:0;background:#fff;-webkit-transition: opacity 300ms;-moz-transition: opacity 300ms;-o-transition: opacity 300ms;    transition: opacity 300ms;}
.ngg-imagebrowser-nav .back {float: none !important;border:none !important;margin-right:0px !important;padding:0 !important;position:absolute;top: 0;left: 0;width:12%;opacity:0;background:#fff;-webkit-transition: opacity 300ms;-moz-transition: opacity 300ms;-o-transition: opacity 300ms;    transition: opacity 300ms;}
.ngg-imagebrowser-nav .next:hover, .ngg-imagebrowser-nav .back:hover{opacity:0.6;-webkit-transition: opacity 300ms;-moz-transition: opacity 300ms;-o-transition: opacity 300ms;    transition: opacity 300ms;}
.ngg-imagebrowser-nav .next a, .ngg-imagebrowser-nav .back a{display:block;width:100%;height:100%;text-indent:-9999px; font-size:0px;}
.ngg-imagebrowser-nav .next a{background:url(images/arrow_right.png) no-repeat center center;}
.ngg-imagebrowser-nav .back a{background:url(images/arrow_left.png) no-repeat center center;}

/* Basic Typography */
h1.pageTitle{font-size:60px;color:#560e00;font-weight:400;margin-bottom:25px;}
h1.pageTitle.bothfiligree{text-align:center !important;}
.innerContent{font-size:16px;line-height:24px;font-weight:400;background:#fff;padding:50px 0 60px;}
.innerContent h1{font-size:60px;line-height:62px;margin:15px 0 25px;}
.innerContent h2{font-size:46px;line-height:48px;margin:15px 0 25px;}
.innerContent h3{font-size:38px;line-height:40px;margin:15px 0 20px;}
.innerContent h4{font-size:30px;line-height:32px;margin:15px 0 20px;}
.innerContent h5{font-size:22px;line-height:24px;margin:15px 0 20px;}
.innerContent h6{font-size:14px;line-height:16px;margin:15px 0 20px;}
.innerContent h1 em, .innerContent h2 em, .innerContent h3 em, .innerContent h4 em, .innerContent h5 em, .innerContent h6 em{font-family: 'Playfair Display', serif;font-weight:400;}
.innerContent p{margin-top:10px;margin-bottom:24px;}


@media (min-width: 1200px){
    #menu-menu-1 li{margin-left:12px;}
    .page-template-page-photo-php .innerContent .container {min-height:635px;}
}

@media (max-width: 1199px) and (min-width: 992px){
    #menu-menu-1 li a{font-size: 14px;}
    .slider, .slider .slide{height:338px;}
    #npPrevious, #npNext{margin-top:80px}
    .filigreestart, .filigreeend{width:205px;height:43px;background-size:205px auto;}
    h1.sectionTitle{font-size:50px;}
    h1.pageTitle{font-size:50px;}
    .innerContent h1{font-size:50px;line-height:52px;}
    .innerContent h2{font-size:42px;line-height:44px;}
    .innerContent h3{font-size:34px;line-height:36px;}
    .innerContent h4{font-size:26px;line-height:28px;}
    .innerContent h5{font-size:20px;line-height:22px;}
    .innerContent h6{font-size:14px;line-height:16px;}
    #npCarousel ul li a img{height:140px;}
}

@media (max-width: 991px) and (min-width: 768px){
    #menu-menu-1{margin-top:19px;}
    #menu-menu-1 li a{font-size: 13px;padding:4px 6px;}
    .slider, .slider .slide{height:258px;}
    #npPrevious, #npNext{margin-top:112px}
    .filigreestart, .filigreeend{width:110px;height:31px;background-size:110px auto;}
    h1.sectionTitle{font-size:40px;}
    h1.pageTitle{font-size:40px;}
    .innerContent h1{font-size:40px;line-height:42px;}
    .innerContent h2{font-size:36px;line-height:38px;}
    .innerContent h3{font-size:32px;line-height:34px;}
    .innerContent h4{font-size:26px;line-height:28px;}
    .innerContent h5{font-size:20px;line-height:22px;}
    .innerContent h6{font-size:14px;line-height:16px;}
    img.captchainput{padding:0 10px;}
    form .cinput, form .wpcf7-captchar{font-size:14px;padding-left:10px;}
    #npCarousel ul li a img{height:210px;}
    .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail img{height:auto !important;}
}

@media (max-width: 767px){
    #headerWrapper .logo img{width:80%;}
    #menu-menu-1 {text-align:left;margin-top:0;display:none;}
    #menu-menu-1 li{display:block;}
    #menu-menu-1 li a{font-size: 12px;}
    a#mobileMenu{display:inline-block;position:absolute;font-weight:bold;color:#fff;font-size:20px;top:50%;right:0;margin-top:-18px;padding:6px 9px;border:1px solid #264A6B;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
    a#mobileMenu:hover{border-color:#fff;}
    .slider, .slider .slide{height:210px;}
    h1.sectionTitle{font-size:40px;}
    #npPrevious, #npNext{margin-top:30px}
    body{width:100%;overflow-x:hidden;}
    .filigreestart, .filigreeend{display:none;}
    #actualContent p{font-size:14px;line-height:20px;}
    h1.pageTitle{font-size:40px;}
    .innerContent h1{font-size:40px;line-height:42px;}
    .innerContent h2{font-size:36px;line-height:38px;}
    .innerContent h3{font-size:32px;line-height:34px;}
    .innerContent h4{font-size:26px;line-height:28px;}
    .innerContent h5{font-size:20px;line-height:22px;}
    .innerContent h6{font-size:14px;line-height:16px;}
    img.captchainput{padding:0 30%;}
    #npCarousel ul li a img{height:auto;}
    .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail img{height:auto !important;}
    #sidebar{position:static;}
    .menu-menu-1-container{padding-bottom:15px;}

    /* New Css */
    .slb_viewer_layout .slb_container .slb_content{
        width: 100% !important;
        height: auto !important;
    }       
}

@media (max-width: 500px) {
    .slider, .slider .slide{height:150px;}
}

@media (max-width: 410px) {
    #npPrevious, #npNext{display:none;}
    #recentprojects .imgTitle{font-size:12px;line-height:14px;}
}

@media (min-width: 991px) {
    .ngg-gallery-thumbnail img {
        width:260px;
        height:187px;
    }
}
.ngg-albumoverview .ngg-album-compactbox:after, .ngg-albumoverview .ngg-album-compactbox:before {
    border-bottom: 0 none;
    border-radius: 0;
    z-index: -1;
}
.ngg-albumoverview .ngg-album-compactbox {
    margin: 0!important;
    padding: 0px!important;
    border: 0 none;
}
.ngg-albumoverview .ngg-album-compact {
    width: 204px !important;
    height: 200px;
    overflow: hidden;
    float: left;
    padding: 0 15px 3px 0!important;
    margin: 0!important;
    text-align: left;
}
.ngg-albumoverview {
    margin-top: 10px;
    width: 100%;
    clear: both;
    display: block!important;
    padding-left: 8px;
}
.page-parent .innerContent h1.pageTitle {
    margin-bottom: 38px;
}
.ngg-albumoverview .ngg-album-compact h4 {
    margin: 4px 0 0;
    padding-left: 0px!important;
}
.ngg-albumoverview a.ngg-album-desc {
    width: 100% !important;
    display: inline!important;
}
.page-child .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a {
    padding: 4px !important;
    margin: 0 !important;
}
.page-child .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a img{
    border: 0 none !important;
}
.page-child .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a:hover {
    background-color: #264A6B !important;
}
.page-child .ngg-gallery-thumbnail {
    margin: 0 0 25px 0px !important;
}
.page-child #TB_window {
    border-radius: 5px;
}
.page-child #TB_window img#TB_Image {
    margin: 16px 0 0 16px;
    border-right: 0 none !important;
    border-bottom: 0 none !important;
    border-top: 0 none !important;
    border-left: 0 none !important;
}
.page-child #TB_window span.screen-reader-text {
    float: right;
    padding-right: 10px;
    margin: 3px 0;
    font-weight: 700;
}
.page-child #TB_caption {
    float: none !important;
    display: inline;
}
.page-child #TB_closeWindow #TB_closeWindowButton{
    right: 5px;
    bottom: 22px;
}
.page-child #TB_closeWindow #TB_closeWindowButton .tb-close-icon {
    color: #264A6B !important;
}
.page-child #TB_closeWindow #TB_closeWindowButton .tb-close-icon:hover {
    opacity: 0.8;
}
.page-child #TB_closeWindow #TB_closeWindowButton .tb-close-icon:hover {
    color: #264A6B !important;
}
.page-child #TB_closeWindow #TB_closeWindowButton .screen-reader-text {
    display: none !important;
}
.page-child #TB_window div#TB_secondLine {
    padding-left: 15px;
    font-style: italic;
    font-weight: 400;
}
.page-child #TB_window div#TB_secondLine #TB_prev, .page-child #TB_window div#TB_secondLine #TB_next {
    font-weight: 700;
    position: absolute;
    color: transparent;
}
.page-child #TB_window div#TB_secondLine #TB_prev a, .page-child #TB_window div#TB_secondLine #TB_next a {
    color: transparent;
    height: 67px;
    width: 34px;
    display: inline-block;
}
.page-child #TB_window div#TB_secondLine #TB_prev a:hover, .page-child #TB_window div#TB_secondLine #TB_next a:hover {
    color: transparent;
    opacity: 0.8;
}
.page-child #TB_window div#TB_secondLine #TB_prev:hover {
    opacity: 0.8;
}
.page-child #TB_window div#TB_secondLine #TB_next:hover {
    opacity: 0.8;
}
.page-child #TB_window div#TB_secondLine #TB_prev {
    left: 25px;
    top: 48%;
    background: url(../ironmaster/images/arrow_left.png);
    height: 67px;
    width: 34px;
    margin-top: -40px;
}
.page-child #TB_window div#TB_secondLine #TB_next {
    right: 25px;
    top: 48%;
    background: url(../ironmaster/images/arrow_right.png);
    height: 67px;
    width: 34px;
    margin-top: -40px;
}
.page-child #TB_window div#TB_secondLine #TB_prev a:hover, .page-child #TB_window div#TB_secondLine #TB_next a:hover {
    text-decoration: none;
}
.screen-reader-text:hover {
    opacity: 0.8;
}

.nextgen_pro_grid_album .gallery_link, .nextgen_pro_grid_album a.nextgen_pro_lightbox {
    height: auto !important;
}

.nextgen_pro_grid_album .image_container .image_link_wrapper, .nextgen_pro_grid_album .image_container picture {
    height: auto !important;
}

.nextgen_pro_grid_album .image_container {
    width: calc(25% - 16px) !important;
}

.nextgen_pro_grid_album .image_container .image_link_wrapper {
    padding: 10px !important;
}

#shDisplay div#shCount {
    font: 600 13px/25px 'Lucida Grande',Verdana,sans-serif !important;
}  

#shDisplay img#shTopImg {
    margin: 6px auto 0px !important;
}

#shShutter {
    opacity: 0.9 !important;
}

.nextgen_pro_grid_album .caption_link {
    font-size: 16px !important;
    font-weight: bold;
}

.image_link_wrapper br {
    display: none;
}

.page-template-page-photo-php .nextgen_pro_grid_album .image_container {
    width: calc(25% - 16px) !important;
}

body #shDisplay div#shNext {
    float: right;
    position: absolute;
    top: calc(50% - 24px);
    right: 0px;
    zoom: 1;
}

body #shDisplay div#shTitle a {
    font-size: 0px;
    color: white;
    background: #5a4e4e;
    padding: 0;
    display: block;
    letter-spacing: 0px;
    width: 26px;
    height: 84px;
    zoom: 1;
}

body #shDisplay div#shPrev {
    float: right;
    position: absolute;
    top: calc(50% - 24px);
    left: 0px;
     zoom: 1;
}

body #shDisplay div#shTitle div#shPrev a:before {
    content: "<";
    left: 0px;
     zoom: 1;
}

body #shDisplay div#shTitle a:before {
    content: ">";
    font-size: 30px;
    display: block;
    background: #5a4e4e;
    padding: 25px 5px;
    width: 40px;
    position: relative;
    margin-right: 10px;
    right: 15px;
     zoom: 1;
}

@media all and (min-width: 1599px) {

    .container {width: 1270px;}

}

.page-template-page-photo-php .ngg-galleryoverview {
    width: calc(100% + 16px);
}

@media screen and (max-width: 1000px) {

    #featProj .container {
        max-width: 95%;
        width: 100%;
    }

    .page-template-page-photo-php .nextgen_pro_grid_album .image_container {
        width: calc(33% - 16px) !important;
    }

    .nextgen_pro_grid_album .image_container .image_link_wrapper, .nextgen_pro_grid_album .image_container picture {
        height: auto !important;
        padding: 5px !important;
        display: block;
    }

    .nextgen_pro_grid_album .image_container img {
        display: block;
    }
    .nextgen_pro_grid_album .caption_link {
        font-size: 14px !important;
        font-weight: bold;
    }

}

@media screen and (max-width: 900px) {
    .nextgen_pro_grid_album .gallery_link, .nextgen_pro_grid_album a.nextgen_pro_lightbox {
        height: 100% !important;
    }
    .nextgen_pro_grid_album .image_container {
        width: calc(33% - 16px) !important;
    }
}

@media screen and (max-width: 680px) {
    .nextgen_pro_grid_album .image_container {
        width: calc(50% - 16px) !important;
    }

    .page-template-page-photo-php .nextgen_pro_grid_album .image_container {
        width: calc(50% - 16px) !important;
    }
}


@media screen and (max-width: 480px) {
    .nextgen_pro_grid_album .image_container {
        width: calc(100% - 16px) !important;
    }
    .nextgen_pro_grid_album .image_container img {
        display: inline;
    }
    .page-template-page-photo-php .nextgen_pro_grid_album .image_container {
        width: calc(100% - 16px) !important;
    }
}




@media (max-width: 600px) {
    .ngg-galleryoverview .ngg-gallery-thumbnail-box {
        width: 50%;
    }
    .page-child #TB_caption {
        display:none;
    }
    .page-child #TB_closeWindow #TB_closeWindowButton {
        right: 5px;
        bottom: -3px;
    }
}
@media (max-width: 350px) {
    .ngg-galleryoverview .ngg-gallery-thumbnail-box {
        width: 100%;
    }
}
#shDisplay div#shCount:before {content: "( Item";z-index: 20;position: absolute;left: 15px;word-spacing: 1px;background: black;}

div#shCount {
    z-index: -1;
    position: relative;
    background: black;
    word-spacing: 6px;
}

div#shCount:after {content: "of";position: absolute;background: black;left: 88px;}

div#shTitle {
    width: 200px !important;
}