/* DO NOT REMOVE THIS! BLOCKS FRAMEWORK BY http://bootstraptor.com */ /* GOOGLE WEB FONTS - UNCOMMENT FONTS AND GET to for e.g. in your template to chose Orbitron font */ /* GET FONTS HERE @import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900); body.roboto{ font-family: 'Roboto', sans-serif; font-size:16px; } @import url(http://fonts.googleapis.com/css?family=Orbitron:400,500,700); body.Orbitron{ font-family: 'Orbitron', sans-serif; } @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700); body.Open-sans{ font-family: 'Open Sans', sans-serif; } */ /* @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700); */ /* body.montserrat{ font-family: 'Montserrat', sans-serif; } h1,h2, h3, h4 { font-family: 'Montserrat', sans-serif !important; } */ /* global styles */ header{ padding:50px 0; margin:0px auto 50px; display:block; position:relative; width:100%; } section{ padding:100px 0; margin:0px auto; display:block; position:relative; width:100%; } footer{ padding:50px 0 0; margin:0px auto; display:block; position:relative; width:100%; } .thumbnail .img-responsive{ min-width:100%; } /* Sections custom styles */ /* backgrounds */ header#top-section, header.blurred, section.blurred, .blurred { position: relative; /*background: url(../../images/5.jpg) fixed no-repeat;*/ background-size: cover; width: 100%; min-width: 100%; z-index: 0; color:#fff; } .gray-bg{ padding-top:0px; background:#f8f8f8; } .section-blured-9{ background: url(../../images/blurred/bg9.jpg) fixed no-repeat; background-size: cover; } .section-white-bg{ background: url(../../images/white-bg.jpg) fixed no-repeat; background-size: cover; } /* custom slider controls */ .custom-controls-slider{ margin-bottom:100px; } .blurred .custom-controls-slider .carousel-control, .section-dark .custom-controls-slider .carousel-control { color: #fff; } .custom-controls-slider .carousel-control { position: absolute; top: auto; bottom: -70px; color: #fff; margin-top: 10px; display: inline-block; width: 30px; height: 60px; } /* new helper classes */ .fill{ max-width:100%; } .fill .carousel img{ min-width:100%; } .fill .carousel .carousel-inner{ max-height:650px; } @media screen and (min-width: 768px){ .carousel-control .fa { position: absolute; top: 50%; z-index: 5; display: inline-block; } } .img-responsive.img-center{ margin: 0 auto; } .image-right, .img-responsive.image-right{ margin: 0 0 0 auto; } .img-responsive.img-right{ margin: 0 0 auto; } .margin-top-20{ margin-top:20px !important; } .margin-top-30{ margin-top:30px !important; } .margin-top-50{ margin-top:50px !important; } .margin-top-100{ margin-top:100px !important; } .margin-bottom-20{ margin-bottom:20px !important; } .margin-bottom-30{ margin-bottom:30px !important; } .margin-bottom-50{ margin-bottom:50px !important; } .margin-bottom-100{ margin-bottom:100px !important; } .no-margin-bottom{ margin-bottom:0px !important; } .no-margin-top{ margin-top:0px !important; ; } .padding-lg{ padding:20px 40px !important; ; } .no-padding-bottom{ padding-bottom:0px !important; ; } .no-padding-top{ padding-top:0px !important; } .padding-top-50{ padding-top:50px; } .padding-bottom-50{ padding-bottom:50px; } .wrapper{ max-width:100%; display:block; overflow:hidden; } .top-header{ /* use this on headers */ padding: 80px 0 100px; font-size: 54px; font-weight:100; } .top-header{ /* use this on content */ padding: 30px 0 30px; font-size: 54px; font-weight:100; line-height:58px; } .go-to-content { position: absolute; bottom: -21px; right: 0; z-index:1020; } .relative{ position:relative; } body.navbar-fixed-bottom-body{ padding-bottom:50px !important; } .panel-signup{ margin-bottom:-100px; } .white-border-1{ border:1px solid #fff; padding: 4px; } .white-border-2{ border:2px solid #fff; padding: 4px; } .bottom-shadow:after{ content: ''; position:absolute; bottom:-20px; top:auto; width:100%; height:20px; display:block; background: url(../../images/bottom-shadow.png) center center no-repeat; background-size:100% auto; z-index:1000; } .section-dark { background:#2A2A2A; color: #fff; } .section-dark .panel{ color: #2b2b2b; } .section-dark .panel a{ color: #2b2b2b; } .section-dark .panel a.btn{ color: #fff; } .section-dark hr{ border-top: 1px solid rgba(0,0,0, .3); border-bottom: 1px solid rgba(50,50,50, .5); } section.half-section-1-2 .right.section-dark{ background:#2A2A2A; color: #fff; } .section-top-shaddow{ -webkit-box-shadow: 0px 3px 22px 0px rgba(50, 50, 50, 0.75) inset; -moz-box-shadow: 0px 3px 22px 0px rgba(50, 50, 50, 0.75) inset; box-shadow: 0px 3px 22px 0px rgba(50, 50, 50, 0.75) inset; } .section-bootstrap{ background:#6f5499 !important; color:#fff !important; } .section-bootstrap hr{ border-top:1px solid rgba(0,0,0, .3); border-bottom:1px solid rgba(250,250, 250, .3); } .section-bootstrap .page-header{ border-bottom:1px solid rgba(250,250, 250, .3); } /* CUSTOM SIGN UP SECTION */ .blocks_login .blocks_loginOr { position: relative; font-size: 1.5em; color: #aaa; margin-top: 1em; margin-bottom: 1em; padding-top: 0.5em; padding-bottom: 0.5em; } .blocks_login .blocks_loginOr .blocks_hrOr { background-color: #cdcdcd; height: 1px; margin-top: 0px !important; margin-bottom: 0px !important; } .blocks_login .blocks_loginOr .blocks_spanOr { display: block; position: absolute; left: 50%; top: -0.6em; margin-left: -1.5em; background-color: white; width: 3em; text-align: center; } .blocks_login .blocks_loginForm .input-group.i { width: 2em; } .blocks_login .blocks_loginForm .help-block { color: red; } @media (min-width: 768px) { .blocks_login .blocks_forgotPwd { text-align: right; margin-top:10px; } } /* CUSTOM FLEX SLIDER STYLES */ .flexslider.image-bg .flex-control-nav { width: 100%; position: absolute; bottom: 0px; text-align: center; height: 50px; background: rgba(250,250,250, .3); margin-top: -15px; } .flexslider.image-bg .flex-viewport { max-height: 700px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } /* custom carousel styles for product-mobile-slider section */ .carousel-indicators.dark-indicators li { border: 1px solid #2b2b2b; background-color: transparent; } .carousel-indicators.dark-indicators li.active{ background:#2b2b2b; } .carousel-indicators.bottom-lg{ bottom: -235px; } /* custom styles for services&team slider sections */ .custom-controls-slider .carousel-control.left{ right:auto; left: 45% !important; background-image:none; text-shadow:none; } .custom-controls-slider .carousel-control.right{ left:auto; right: 45% !important; background-image:none; text-shadow:none; } .custom-controls-slider .carousel-control{ position: absolute; top: auto; bottom:-70px; color:#2b2b2b; margin-top:10px; display:inline-block; width:30px; height:60px; } @media (max-width: 768px){ .custom-controls-slider .carousel-control.right { left: auto; right: 40% !important; background-image: none; text-shadow: none; } .custom-controls-slider .carousel-control.left { right: auto; left: 40% !important; background-image: none; text-shadow: none; } } @media (min-width: 768px){ .carousel-indicators.bottom { bottom: -35px; } .carousel-indicators.bottom-lg{ bottom: -135px; } } /* custom buttons */ .btn-xl, .btn-group-xl>.btn { padding: 30px 22px; font-size: 20px; line-height: 1.33; border-radius: 6px; } .btn-black{ color: #fff; background-color: #2b2b2b; border-color: #000; } .btn-black:hover { color: #fff; background-color: #5F5C5C; border-color: #000; } /* Team section slider*/ .circle-icon-bg { background: #fff; border: 1px solid #ddd; color:#A0A0A0; display: inline-block; font-weight: 200; width: 45px; height: 45px; border-radius: 50%; z-index: 2; padding: 10px 5px 10px; text-decoration:none; } .circle-icon-bg:hover{ background: #f9f9f9; border: 1px solid #ccc; text-decoration:none; } /* section team alt thumbnails hover */ #team .carousel .thumbnail{ border:0px; border-radius:0px; } .box-wrap{ display:none; position:absolute; top:0px; left:0px; right:0px; bottom:0px; right:0px; width:100%; height:100%; background:#565d67; color:#fff; padding:0px 10px; } .box-wrap .circle-icon-bg{ background: none; border: 1px solid #fff; color:#fff; } .box-wrap .circle-icon-bg:hover{ background: rgba(50,50,50, .5); border: 1px solid rgba(250,250,250, .5); color:rgba(250,250,250, .5); } .relative:hover .box-wrap{ display:block; } .box-wrap h4{ margin-top:30px; margin-bottom:30px; } /* Section portfolio with tags filter */ .box{ margin-bottom:30px; } #container-folio{ min-height:224px; display:block; } /* isotop items animation */ .isotope .isotope-item { -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; -webkit-transition-property: -webkit-transform, opacity; } .isotope .isotope-item { -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; -webkit-transition-property: -webkit-transform, opacity; } .isotope-item { -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-duration: 0.8s; z-index: 2; } /* responsive video section */ /************* VIDEO *******************************/ .fluid-width-video-wrapper { width: 100%; position: relative; padding: 0; padding-top: 50%; } .vendor { margin-bottom: 0px; } .container-video { width: 100%; min-width: 100%; position: relative; padding: 0; height: 100%; } .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0px; } .video-well.well{ -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } /* TAB SLIDER SECTION */ .carousel-tabs .carousel-inner .item{ min-height: 400px; } .carousel-tabs .carousel-inner .item img.tobottom{ margin-bottom:-60px; } .carousel-tabs .nav a small { display: block; } .carousel-tabs .nav { background: #f9f9f9; } .carousel-tabs .nav li a { color:#000; } .carousel-tabs .nav li.active a { color:#fff; } .nav-justified > li > a { border-radius: 0px; } .nav-carousel.nav-justified > li > a { font-size: 16px; text-transform: uppercase; } .nav-pills>li.active a { } .nav-carousel .nav-pills>li a{ border-radius:0px; } #features-panels i.fa{ margin-top:30px; } /* VIDEO BACKGROUND SECTION */ .video-section { background: url('/assets/css/bg/bg_slider.jpg') top center no-repeat; background-size:cover; } .video-section .pattern-overlay { background-color: rgba(71, 71, 71, 0.39); padding: 40px 0 0px; min-height: 350px; /* Incase of overlay problems just increase the min-height*/ } .video-section h1, .video-section h3{ font-weight: 300; color: #fff; font-size: 50px; line-height: 60px; } .video-section h3 { font-size: 17px; line-height: 25px; font-weight: 400; color: #fff; margin: 30px 0; letter-spacing: 0; padding: 0; transition: .3s ease-out all; } .video-section p{ color: #fff; } .video-section .buttonBar{display:none;} .player {font-size: 1px;} /* PRICING SECTION */ .price-row .well{ border-radius:0px; border-left:0px; border-right:0px; margin-bottom:0px; } .price { font-size: 4em; } .price-cents { vertical-align: super; font-size: 50%; } .price-month { font-size: 35%; font-style: italic; } .panel { -webkit-transition-property : scale; -webkit-transition-duration : 0.2s; -webkit-transition-timing-function : ease-in-out; -moz-transition : all 0.2s ease-in-out; } .panel-hover:hover { box-shadow: 0 0 10px rgba(0,0,0,.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); } /* LEFT TABS SECTION */ .left-tabs .nav-tabs>li { float: none; margin-bottom: 3px; } .left-tabs .nav-tabs { border-bottom: none; padding-right:0px; margin-right:0px; z-index:1000; position:relative; float:left; width: 30%; } .left-tabs .nav-tabs>li>a { margin-right: -1px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 0px 0px 4px; z-index:1020; } .left-tabs .tab-content { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; float:left; width:70%; padding:20px; border: 1px solid #cfcfcf; } .left-tabs .nav-tabs>li.active>a, .left-tabs .nav-tabs>li.active>a:hover, .left-tabs .nav-tabs>li.active>a:focus { color: #555; background-color: #fff; border: 1px solid #ddd; border-right:0px; border-bottom-color: #ddd; cursor: default; } /* COMING SOON SECTION */ #countdown { font-size: 62px; line-height: 1.3em; margin: 40px 0 60px; } .section-gray{ background-color: #eee; } /* SECTION BACKGROUNDS */ .section-dark { background:#1b1f23; color: #fff; } .section-dark .jumbotron{ background:#1b1f23; color: #fff; } .section-dark a, .section-dark .jumbotron a, .footer-dark a{ color:#fff; } .section-dark a.btn.btn-default{ color:#2b2b2b; border:none; } .section-blured{ background: #fff url('../../images/blurred/7.jpg') no-repeat; background-size:100% 1000px; color:#fff; } footer.section-blured a{ color:#fff; } footer.section-blured .footer-nav-links{ border-left: 1px solid rgba(187, 187, 187, 0.6); } .sections-bg{ background: #2b2b2b url('../../images/sections-bg.jpg') repeat fixed; color:#fff; } /* CTA call to action panels */ .well-cta{ margin:0px auto; display:inline-block; } /* HALF SECTION 30%/70%*/ .half-section.sections-bg{ background: #2b2b2b url('../../images/sections-bg.jpg') repeat fixed !important; color:#fff; } .half-section .left { width: 35%; min-height: 100%; position: relative; float: left; min-height: 500px; display: inline-block; z-index: 1000; overflow: hidden; } .half-section .right { width: 65%; position: relative; float: left; min-height: 500px; display: inline-block; z-index: 1000; overflow: hidden; max-height: 100%; color: #2b2b2b; background: #f5f5f5; padding: 50px 30px; } .half-section .absolute-box { position: absolute; right: 0px; left:0px; top: 2em; text-align:center; padding-top:100px; } /* HALF SECTION 50%/50% */ .half-section-1-2 { background: #fff url('../../images/unsplash_52c36ef60f8df_1.jpg') 0 50% fixed repeat; overflow: hidden; position: relative; } .half-section-1-2 .left { width: 45%; min-height: 100%; position: relative; float: left; min-height: 500px; display: inline-block; z-index: 1000; overflow: hidden; color:#fff; } .half-section-1-2 .right { width: 55%; position: relative; float: left; min-height: 500px; display: inline-block; z-index: 1000; overflow: hidden; max-height: 100%; color: #2b2b2b; background: #f5f5f5; padding: 50px 30px; } .half-section-1-2 .absolute-box { position: absolute; right: 0px; left:0px; top: 2em; text-align:center; padding-top:100px; } .half-section-1-2 a.brand{ color:#fff; text-decoration:none; } .half-section-1-2 a.brand:hover{ color:#f9f9f9; text-decoration:none; } .fa-100x { font-size: 15em; } /* PRODUCT SLIDER */ .product-box { border: 1px solid #E1E1E1; border-radius: 5px; background: #FFF; } .product-box .photo img { margin: 0 auto; width: 100%; } .product-box .info { padding: 10px; border-radius: 0 0 5px 5px; margin-top: 1px; } .product-box:hover .info { background-color: #f9f9f9; } .product-box .price { /*width: 50%;*/ float: left; margin-top: 5px; } .product-box .price h5 { line-height: 20px; margin: 0; } .price-text-color { color: #219FD1; } .product-box .info .rating { color: #777; } .product-box .rating { /*width: 50%;*/ float: left; font-size: 17px; text-align: right; line-height: 52px; margin-bottom: 10px; height: 52px; } .product-box .separator { border-top: 1px solid #E1E1E1; } .clear-left { clear: left; } .product-box .separator p { line-height: 20px; margin-bottom: 0; margin-top: 10px; text-align: center; } .product-box .separator p i { margin-right: 5px; } .product-box .btn-cart { width: 50%; float: left; } .product-box .btn-cart { border-right: 1px solid #E1E1E1; } .product-box .btn-details { width: 50%; float: left; padding-left: 10px; } .controls { margin-top: 20px; } [data-slide="prev"] { margin-right: 10px; } /* SCROLL SECTIONS */ .scroll-indicators{ position:fixed; top:50%; bottom:auto; right:20px; left:auto; width:20px; list-style:none; } .scroll-indicators.dark-indicators li a.active { background: #2b2b2b; } .scroll-indicators li a{ display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #2A2A2A; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0,0,0,0); } @media screen and (min-width: 768px){ .scroll-indicators{ position:fixed; top:50%; bottom:auto; right:20px; left:auto; width:20px; } .scroll-indicators li{ float:none; } } /* FOOTERS */ /* Sticky footer styles -------------------------------------------------- */ html { position: relative; min-height: 100%; } body.sticky-body { /* Margin bottom by footer height */ margin-bottom: 60px; } footer.sticky-footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ min-height: 60px; } footer{ padding-bottom:20px; } footer hr{ margin:10px 0; } .footer-nav-links{ padding-left:20px; margin-left:20px; border-left:1px solid rgba(50,50,50, .6); } /* SOCIAL ICONS */ .social-links{ margin-top:20px; } .social-links li{ padding:0px; } .social-links a{ margin-right:6px; margin-top:4px; padding:3px 5px; background: #3E3D3C; border-bottom:none; min-width: 25px; display:inline-block; text-align:center; border-radius:2px; } .social-links a:hover{ color:#3E3D3C; background:rgba(250,250,250, .7); } /* MAP */ #map { width: 100%; height: 400px; margin-bottom:30px; } /* ALTERNATIVE BTN */ .btn-alt{ color:#fff; font-weight:700; background:rgba(116, 90, 157, 0.1); border:2px solid #fff; border-radius:0px; } .btn-alt:hover{ color:#fff; font-weight:700; background:rgba(116, 90, 157, 0.7); border:2px solid #fff; } /* BTN-OR-BTN BUTTONS */ .ui-group-buttons .or{position:relative;float:left;width:.3em;height:1.3em;z-index:3;font-size:12px} .ui-group-buttons .or:before{position:absolute;top:50%;left:50%;content:'or';background-color:#5a5a5a;margin-top:-.1em;margin-left:-.9em;width:1.8em;height:1.8em;line-height:1.55;color:#fff;font-style:normal;font-weight:400;text-align:center;border-radius:500px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1);box-shadow:0 0 0 1px rgba(0,0,0,0.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box} .ui-group-buttons .or:after{position:absolute;top:0;left:0;content:' ';width:.3em;height:2.84em;background-color:rgba(0,0,0,0);border-top:.6em solid #5a5a5a;border-bottom:.6em solid #5a5a5a} .ui-group-buttons .or.or-lg{height:1.3em;font-size:16px} .ui-group-buttons .or.or-lg:after{height:2.85em} .ui-group-buttons .or.or-sm{height:1em} .ui-group-buttons .or.or-sm:after{height:2.5em} .ui-group-buttons .or.or-xs{height:.25em} .ui-group-buttons .or.or-xs:after{height:1.84em;z-index:-1000} .ui-group-buttons{display:inline-block;vertical-align:middle} .ui-group-buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden} .ui-group-buttons .btn{float:left;border-radius:0} .ui-group-buttons .btn:first-child{margin-left:0;border-top-left-radius:.25em;border-bottom-left-radius:.25em;padding-right:15px} .ui-group-buttons .btn:last-child{border-top-right-radius:.25em;border-bottom-right-radius:.25em;padding-left:15px} /* flat icons */ .icon-clock{ display:inline-block; width:75px; height:75px; background: url(icons/clock.png) center center no-repeat; } .icon-chat{ display:inline-block; width:75px; height:75px; background: url(icons/chat.png) center center no-repeat; } .icon-location{ display:inline-block; width:75px; height:75px; background: url(icons/location.png) center center no-repeat; } .icon-support{ display:inline-block; width:75px; height:75px; background: url(icons/support.png) center center no-repeat; } .icon-mail{ display:inline-block; width:75px; height:75px; background: url(icons/mail.png) center center no-repeat; } .icon-heart{ display:inline-block; width:75px; height:75px; background: url(icons/heart.png) center center no-repeat; } .icon-film{ display:inline-block; width:75px; height:75px; background: url(icons/film.png) center center no-repeat; } .icon-award{ display:inline-block; width:75px; height:75px; background: url(icons/award.png) center center no-repeat; } .icon-rocket{ display:inline-block; width:75px; height:75px; background: url(icons/rocket.png) center center no-repeat; } .icon-responsive{ display:inline-block; width:75px; height:75px; background: url(icons/responsive.png) center center no-repeat; } .icon-browser{ display:inline-block; width:75px; height:75px; background: url(icons/browser.png) center center no-repeat; } .icon-docs{ display:inline-block; width:75px; height:75px; background: url(icons/docs.png) center center no-repeat; } /* BOOTSTRAP LANDING ICONS */ .icon-bootstrap{ display:inline-block; width:75px; height:75px; background: url(icons/bootstrap.png) center center no-repeat; } .icon-b-browser{ display:inline-block; width:75px; height:75px; background: url(icons/b-browser.png) center center no-repeat; } .icon-b-docs{ display:inline-block; width:75px; height:75px; background: url(icons/b-docs.png) center center no-repeat; } .icon-b-responsive{ display:inline-block; width:75px; height:75px; background: url(icons/b-responsive.png) center center no-repeat; } .icon-b-clock{ display:inline-block; width:75px; height:75px; background: url(icons/b-clock.png) center center no-repeat; } .icon-b-rocket{ display:inline-block; width:75px; height:75px; background: url(icons/b-rocket.png) center center no-repeat; } .icon-b-rocket-alt{ display:inline-block; width:150px; height:150px; background: url(icons/icon-b-rocket-alt-2x.png) center center no-repeat; } .icon-b-robot-alt{ display:inline-block; width:150px; height:150px; background: url(icons/icon-b-robot-alt-2x.png) center center no-repeat; } .icon-b-user-alt{ display:inline-block; width:150px; height:150px; background: url(icons/icon-b-user-alt-2x.png) center center no-repeat; } .icon-b-cog-alt{ display:inline-block; width:150px; height:150px; background: url(icons/icon-b-cog-alt-2x.png) center center no-repeat; } .icon-b-gift{ display:inline-block; width:75px; height:75px; background: url(icons/b-gift.png) center center no-repeat; } .icon-b-clock{ display:inline-block; width:75px; height:75px; background: url(icons/b-clock.png) center center no-repeat; } .icon-b-stat{ display:inline-block; width:75px; height:75px; background: url(icons/b-stat.png) center center no-repeat; } /* DO NOT REMOVE THIS! BLOCKS FRAMEWORK BY http://bootstraptor.com */