@charset "utf-8";
/* CSS Document */
/*** 
    ****** 	*	*	*********	*
	*		*	*	*		*	*
	******	*****	*********	*
	*		*	*		*
	******	*	*		*
						***********
REMOVE THIS IF THINGS GO WRONG
***/
@media only screen and (min-width: 642px) and (max-width: 1024px){
    .fa-quote-left, .fa-quote-right{font-size: 16px !important;}
    .span12{width: 100% !important;}
    .product-grid.main-product-list li{
        /*
        margin: 0;
        padding: 0;
        display: inline-block;
        float: none;
        width: 30%;
        height: 320px;
        padding-right: 19px;
        */
    }
    .product-grid .product-caption .inner {
        height: 100%;}
    .product-grid li:hover .product-caption{
        height: 100%;}
    .product-grid .product-caption .inner h3{
        margin-top: 40%;}
    .product-grid .product-caption{
        bottom: -236px;}
    .product-grid li > article{
        height: inherit;}
    .product-grid{margin-left: 9px;}
    .about-company-profile .site-container.inner-quote-form .span12 {
        width: auto;}
    .about-company-profile [class*=span] {
        margin-left: 0 !important;}
    .about-company-profile .row {
        margin-left: 0 !important;}
    .about-company-profile .container,
    .about-company-profile footer .container {
        padding: 40px;}
    .about-company-profile .container,
    .about-company-profile .navbar-fixed-bottom .container,
    .about-company-profile .navbar-fixed-top .container,
    .about-company-profile .navbar-static-top .container,
    .about-company-profile main .span12 {
        width: auto !important}
    .about-company-profile .span9 {
        width: 70%;}
    .about-company-profile .span3 {
        margin-left: 20px !important;}
    /* COPY OF THINGS */
	[class*=span] {
        margin-left: 0 !important;}
    .row {
        margin-left: 0 !important;}
    .container,
    footer .container {
        padding: 40px;}
    .container,
    .navbar-fixed-bottom .container,
    .navbar-fixed-top .container,
    .navbar-static-top .container,
    main .span12 {
        width: auto !important}
    .span9 {
        width: 70% !important;}
    .span3 {
        margin-left: 20px !important;}
    /* END OF COPY OF THINGS */
    /* FREE AND MEASURE QUOTE */
    .about-company-profile .standard-form .item .cat_textbox {
        width: 85%;}
    .about-company-profile .inner-quote-form .span3 {
        margin-left: 8px !important;}
    .about-company-profile .inner-quote-form #captcha-reload .captchaimg {
        width: 60%;}
    .standard-form .item .cat_textbox {
        width: 85%;}
    .inner-quote-form .span3 {
        margin-left: 8px !important;}
    .inner-quote-form #captcha-reload .captchaimg {
        width: 60%;}
    .site-container.newsletter-up .span8 {
    	 width: 58%;
    	margin-left: 2% !important;	}
    .site-container.newsletter-up .span4 {
        width: 40%;}
     .site-container .span4.follow-us,	
    .site-container .span4.about-us,
    .site-container .span8.news {
        width: 100%;
        float: none;}
    .newsletter-up .span12.home-bottom-block {
        width: 100%;}
    .site-container.newsletter-up .span8 .span8.news {
        width: 100%;}
    .site-container.newsletter-up  .standard-form .item .cat_button{
		width: 92.33%;}
    /* END FREE AND MEASURE QUOTE END*/
    /* INSTAGRAM FEED */
    .addmargin-top40.instagramfeed > .row > .span12 {
        width: 100% !important;}
    div#insta-feeds .row > .span5 {
        width: 214px;}
    /* INSTAGRAM FEED END*/
    footer .span2 {width: 171px;}
    footer.site-container .span9 + .span3,
    footer.bottom-footer-connected.site-container div.container .row .span12 .span9+.span3 {
		margin-left: 0 !important;
    	width: 30% !important;}
    .home-bottom-block .about-us .btn{margin-bottom: 30px;}
    .shroom-links .row .columns ul {
        padding: 0;
        margin: 0;
        margin-left: 15px;}
    .box-free-measure #captcha-reload .captchaimg {
    	width: 60%;}
    .box-free-measure .span4 + .span3{margin-left: 9px !important;}
    .product-grid {margin: 0; text-align:center;}
    .shroom-links ul li {
        background: none;
        list-style: disc;
        padding-left: 0;
        margin-left: 0;}
    .product-list .product-item .left-info .short-desc{margin-right: 20px}
}
@media only screen and (min-width: 980px) and (max-width: 1024px){
    .product-grid .product-caption .inner h3 {
        margin-top: 30%;}
    footer .span2 {
        width: 140px;}
}
/*** 
    ****** 	*	*	*********	*
	*		*	*	*		*	*
	******	*****	*********	*
	*		*	*		*
	******	*	*		*
						***********
REMOVE THIS IF THINGS GO WRONG
***/
/** small devices
starting with global sizes for 640 max
then going to customize as it gets smaller
**/
@media only screen and (max-width: 640px){
    .main-product-list li {
        width: auto !important;}
     .shroom-links .row .columns ul {
        padding: 0;
        margin: 0;
        margin-left: 15px;}
    .fa-quote-left, .fa-quote-right{font-size: 16px!important;}
    .fa-quote-right{right: 25px;}
    .container{padding: 0;}
    .container.entry-content {
        padding: 30px;}
    footer .container {
        padding: 30px;}
    #owl-demo p{width: 75%; margin:auto;}
}
@media only screen and (max-width: 480px){
    #insta-feeds .owl-theme .owl-controls .owl-buttons div{top: 25%;}
	#owl-demo p {
    	width: 90%;
        padding: 0 5%;}
    .header-two-box .header-two-pager a.selected{height: 10px;}
    .header-two-box .header-two-pager{padding: 0; }
    .main-product-list li {
        width: auto;}
}




/*--------------[OVERRIDE CSS]--------------*/
.main-product-list{
    text-align:center;
}
.main-product-list li {
    width: 29%;
    height: auto;
    display:inline-block;
    float:initial;
}

.main-product-list li article .border-frame {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-color: transparent;
    border-width: 5px;
    border-style: solid;
    top: 0;
    left: 0;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}
.main-product-list li:hover article .border-frame {
    border-color: #444444;
}

.product-grid .product-caption {
    text-align: center;
    position: absolute;
    bottom: -100%;
    left: 0;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}
.product-grid li:hover .product-caption {
    bottom: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.6s;
    height: 60%;
}


.product-grid .product-caption .inner {
    height: 100%;
}
.product-grid .product-caption .product-link {
    position: absolute;
    width: 100%;
    top: 40%;
    transform: translate(0%, -50%);
}
    

@media (max-width: 979px) and (min-width: 768px){
    .breadcrumb {
        width: 100%;
    }
    #header-eight li, .header-eight-box {
        width: 100%;
        height:auto;
    }

}

@media screen and (max-width: 767px){
   .slick-arrow {
        display: none !important;
    }
    .top-box .btn-navbar {
        position: initial;
        right: 0;
        bottom: 0;
    }
}