/*----------------------------------------------------------------
================== Custom CSS Classes - START ====================
----------------------------------------------------------------*/

.section-title-top {
    margin: -80px 0 180px 0;
    padding: 80px 0;
    padding-bottom: 25px;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.section-flex {
	padding: 0px 0;
    padding-bottom: 10
    
    
}

.sectionflex-dark {
    background-color: #202020;
}
.section-milestone2 { 
	padding-bottom: 40px;
	padding-top: 40px;

}

h3 {
    text-align: center
}


.about-text {

    font-size: 20px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    border-style: outset;
    border-width: 5px;
    border-color: #e4bd87;
    border-radius: 10px;
    padding: 10px;


}

.section-freeinspection {
	padding: 0px 0;
    padding-right: auto;
    padding-left: auto;
    margin: 8px;

}

.section-margin {
	padding: 0px 0;
    margin: 0px;



}

.roundedcorners {

        border-radius: 15px;
        background: #161616;
        padding: 0px;
        /* width: 200px;
        height: 150px; */

}

.artist-info {
    font-size: 20px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
/*     border-top: outset;
    border-left: outset;
    border-right: outset;
    border-width: 5px;
    border-color: #e4bd87;
    border-radius: 10px;
    padding: 10px; */
}



video {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.checked-stars {
    color: orange;
}

/*----------------------------------------------------------------
================== Text Styling Classes - START ==================
----------------------------------------------------------------*/

.checkedstar {
    color: orange;
  }

strong1 {
	color: #e4bd87;
	font-weight: bold;
}

strong2 {
    color: rgb(48, 200, 48);
    font-weight: bold;

}


/*----------------------------------------------------------------
=================== Custom CSS Coming Soon PAGE ==================
----------------------------------------------------------------*/



/*----------------------------------------------------------------
==================== Custom CSS Image Shake ======================
----------------------------------------------------------------*/

.picshake:hover {
    /* Start the shake animation and make the animation last for 0.5 seconds */
    animation: shake 0.5s;

    /* When the animation is finished, start again */
    animation-iteration-count: infinite;
}

@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}

/*----------------------------------------------------------------
========= Custom CSS Video Section Battery Animation =============
----------------------------------------------------------------*/

@font-face {
    font-family: Clip;
    src: url("https://acupoftee.github.io/fonts/Clip.ttf");
  }
  
  body {
    background-color: #141114;
    background-image: linear-gradient(335deg, black 23px, transparent 23px),
      linear-gradient(155deg, black 23px, transparent 23px),
      linear-gradient(335deg, black 23px, transparent 23px),
      linear-gradient(155deg, black 23px, transparent 23px);
    background-size: 58px 58px;
    background-position: 0px 2px, 4px 35px, 29px 31px, 34px 6px;
  }
  
  .sign {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 50%;
    background-image: radial-gradient(
      ellipse 50% 35% at 50% 50%,
      #6b1839,
      transparent
    );
    transform: translate(-50%, -50%);
    letter-spacing: 2;
    left: 50%;
    top: 50%;
    font-family: "Clip";
    text-transform: uppercase;
    font-size: 6em;
    color: #ffe6ff;
    text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
      -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
      0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
    animation: shine 2s forwards, flicker 3s infinite;
  }
  
  @keyframes blink {
    0%,
    22%,
    36%,
    75% {
      color: #ffe6ff;
      text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
        -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
        0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
    }
    28%,
    33% {
      color: #ff65bd;
      text-shadow: none;
    }
    82%,
    97% {
      color: #ff2483;
      text-shadow: none;
    }
  }
  
  .flicker {
    animation: shine 2s forwards, blink 3s 2s infinite;
  }
  
  .fast-flicker {
    animation: shine 2s forwards, blink 10s 1s infinite;
  }
  
  @keyframes shine {
    0% {
      color: #6b1839;
      text-shadow: none;
    }
    100% {
      color: #ffe6ff;
      text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
        -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
        0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
    }
  }
  
  @keyframes flicker {
    from {
      opacity: 1;
    }
  
    4% {
      opacity: 0.9;
    }
  
    6% {
      opacity: 0.85;
    }
  
    8% {
      opacity: 0.95;
    }
  
    10% {
      opacity: 0.9;
    }
  
    11% {
      opacity: 0.922;
    }
  
    12% {
      opacity: 0.9;
    }
  
    14% {
      opacity: 0.95;
    }
  
    16% {
      opacity: 0.98;
    }
  
    17% {
      opacity: 0.9;
    }
  
    19% {
      opacity: 0.93;
    }
  
    20% {
      opacity: 0.99;
    }
  
    24% {
      opacity: 1;
    }
  
    26% {
      opacity: 0.94;
    }
  
    28% {
      opacity: 0.98;
    }
  
    37% {
      opacity: 0.93;
    }
  
    38% {
      opacity: 0.5;
    }
  
    39% {
      opacity: 0.96;
    }
  
    42% {
      opacity: 1;
    }
  
    44% {
      opacity: 0.97;
    }
  
    46% {
      opacity: 0.94;
    }
  
    56% {
      opacity: 0.9;
    }
  
    58% {
      opacity: 0.9;
    }
  
    60% {
      opacity: 0.99;
    }
  
    68% {
      opacity: 1;
    }
  
    70% {
      opacity: 0.9;
    }
  
    72% {
      opacity: 0.95;
    }
  
    93% {
      opacity: 0.93;
    }
  
    95% {
      opacity: 0.95;
    }
  
    97% {
      opacity: 0.93;
    }
  
    to {
      opacity: 1;
    }
  }
  
/*----------------------------------------------------------------
============= Custom Video Pagination - START ====================
----------------------------------------------------------------*/

.center-video-pagination {
    text-align: center;
  }
  
  .pagination-video {
    display: inline-block;
  }
  
  .pagination-video a {
    color: #e4bd87;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #e4bd87;
    margin: 0 4px;
  }
  
  .pagination-video a.active {
    background-color: #8e8b8b;
    color: white;
    border: 1px solid #020202;
  }
  
  .pagination-video a:hover:not(.active) {background-color: #ddd;}


/*----------------------------------------------------------------
============= Custom Drop Down Button - START ====================
----------------------------------------------------------------*/

/* not currently in use */

 /* Dropdown Button */
 .btn-main {
    background-color: #2196F3;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    outline: none;  
  }
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
    position: absolute;
    display: inline-block;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    z-index: 1;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #ddd}
  
  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {
    display: block;
  }
  
  /* Change the background color of the dropdown button when the dropdown content is shown */
  .btn-main:hover, .dropdown:hover .btn-main  {
    background-color: #0b7dda;
  } 


/*----------------------------------------------------------------
================== User Rating System - START ====================
----------------------------------------------------------------*/




/*----------------------------------------------------------------
====================== Magnify Images - START ====================
----------------------------------------------------------------*/

/* located in the about_more page */

  * {box-sizing: border-box;}

.img-magnifier-container {
    position: relative;
}

.img-magnifier-glass {
    position: absolute;
    border: 3px solid #000;
    border-radius: 50%;
    cursor: none;
    /*Set the size of the magnifier glass:*/
    width: 200px;
    height: 200px;
}  

/*--------------------------------------------------------------
    Custom CSS - Page Title Header / Images 
----------------------------------------------------------------*/

#page-title-tileroof {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/gallery/pageHeaders/tileHeader.jpg")
}

#page-title-tileroof2 {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/gallery/pageHeaders/rangerTrailerPH.jpg")
}

#page-title-colorbondroof {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/gallery/pageHeaders/colorbondHeader.jpg")

}

#page-title-driveway {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/gallery/pageHeaders/drivewayHeader.jpg")

}

#page-title-driveway2 {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/gallery/pageHeaders/drivewayHeader.jpg")

}

#page-title-spraystencil {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/gallery/pageHeaders/spraystencilHeader.jpg")

}

#page-title-epoxyflooring {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/gallery/pageHeaders/epoxyHeader.jpg") 
}

#page-title-epoxyflooring2 {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/gallery/pageHeaders/epoxyHeader.jpg") 
}

#page-title-pathnpatio {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/gallery/pageHeaders/pathnpatioHeader.jpg")

}

#page-title-poolnoutdoor {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/gallery/pageHeaders/poolnoutdoorHeader.jpg")

}

#page-title-concretegrinding {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../gallery/pageHeaders/grindingHeader.jpg") 
}

#page-title-polishing {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../gallery/pageHeaders/polishingHeader.jpg")

}

#page-title-pressureclean {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/gallery/pageHeaders/prressureCleaningHeader.jpg")

}

#page-title-repair {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/gallery/pageHeaders/repairHeader.jpg")

}

#page-title-aboutus {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/gallery/pageHeaders/b1RoofTileReplace.jpg")

}

#page-title-aboutusmore {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/gallery/rangertrailer_drivewayHEADER.JPG")

}

#page-title-contact {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/gallery/pageHeaders/contactHeader.jpg")
}

#page-title-test {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/gallery/rangertrailer_drivewayHEADER.JPG")
}

#page-title-faqs {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/gallery/pageHeaders/jpEpoxyB3.jpg") 
}

#page-title-freeinspection {
	margin-bottom: 0;
	padding: 220px 20px 100px 20px;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("/gallery/pageHeaders/freeInspectionsPH.jpg")
}

/* --------------------------------------------------------------
    1 - page-title END
-------------------------------------------------------------- */
/* --------------------------------------------------------------
    1 - .instagram-bar-tileroof START
-------------------------------------------------------------- */

.instagram-bar-tileroof {
	position: relative;
	display: block;
	padding: 120px 120px; /* <--- INSTA-BOX HIEGHT */
	/* color: #161616; */
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 30px;
	letter-spacing: -1px;
	/* border-top: 100px solid #eeeeee;
	border-bottom: 100px solid #eeeeee; */
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	overflow: hidden;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
    background-image: url("../gallery/instaBars/instabarTile2.jpg");
	/* background-color: #999;    */	
}

.instagram-bar-tileroof.feed-bg {
    background-color: #000000;
    border: 0;
}

.instagram-bar-tileroof.feed-bg:hover,
.instagram-bar-tileroof.feed-bg,
.instagram-bar-tileroof.feed-bg * {
    color: #ffffff;
}

.instagram-bar-tileroof .pics-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: -100;
}

.instagram-bar-tileroof img {
    position: relative;
    display: block;
    float: left;
    max-height: 100%;
    z-index: -101;
    opacity: 0.4;
    transition: opacity 0.2s;
    -webkit-transform: translateZ(0);
    transform: rotate(30deg);
}

.instagram-bar-tileroof img:hover {
    opacity: 0.55;
}

.instagram-bar-tileroof strong {
    font-family: 'Open Sans', 'sans-serif';
    letter-spacing: -1px;
    text-transform: none;
    font-weight: 800;
}

.instagram-bar-tileroof:not(.feed-bg):after,
.instagram-bar-tileroof strong:before {
    margin: 0 13px 0 10px;
    font-family: FontAwesome;
    content: '\f16d';
}

.instagram-bar-tileroof:not(.feed-bg):after {
    position: absolute;
    bottom: -90px;
    left: 25%;
    color: #999; /* CHANGES CAMERA IMAGE COLOR */
    font-size: 140px;
    z-index: -1;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: color 0.2s, bottom 0.4s;
    -moz-transition: color 0.2s, bottom 0.4s;
    -ms-transition: color 0.2s, bottom 0.4s;
    -o-transition: color 0.2s, bottom 0.4s;
    transition: color 0.2s, bottom 0.4s;
}

.instagram-bar-tileroof:not(.feed-bg):hover {
    color: #161616;
}

.instagram-bar-tileroof:not(.feed-bg):hover:after {
    bottom: -60px;
}

/* --------------------------------------------------------------
    2 - .instagram-bar-colorbondroof
-------------------------------------------------------------- */

.instagram-bar-colorbondroof {
	position: relative;
	display: block;
	padding: 120px 120px; /* <--- INSTA-BOX HIEGHT */
	/* color: #161616; */
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 30px;
	letter-spacing: -1px;
	/* border-top: 100px solid #eeeeee;
	border-bottom: 100px solid #eeeeee; */
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	overflow: hidden;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
    background-image: url("../gallery/instaBars/instabarColorB.jpg");
	/* background-color: #999;    */

	
}

.instagram-bar-colorbondroof.feed-bg {
    background-color: #000000;
    border: 0;
}

.instagram-bar-colorbondroof.feed-bg:hover,
.instagram-bar--colorbondroof.feed-bg,
.instagram-bar--colorbondroof.feed-bg * {
    color: #ffffff;
    


}

.instagram-bar-colorbondroof .pics-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: -100;
}

.instagram-bar-colorbondroof img {
    position: relative;
    display: block;
    float: left;
    max-height: 100%;
    z-index: -101;
    opacity: 0.4;
    transition: opacity 0.2s;
    -webkit-transform: translateZ(0);
    /* addition transform added to fix webkit issue */
    transform: rotate(30deg);
}

.instagram-bar-colorbondroof img:hover {
    opacity: 0.55;
}

.instagram-bar-colorbondroof strong {
    font-family: 'Open Sans', 'sans-serif';
    letter-spacing: -1px;
    text-transform: none;
    font-weight: 800;
}

.instagram-bar-colorbondroof:not(.feed-bg):after,
.instagram-bar-colorbondroof strong:before {
    margin: 0 13px 0 10px;
    font-family: FontAwesome;
    content: '\f16d';
}

.instagram-bar-colorbondroof:not(.feed-bg):after {
    position: absolute;
    bottom: -90px;
    left: 25%;
    color: #999; /* CHANGES CAMERA IMAGE COLOR */
    font-size: 140px;
    z-index: -1;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: color 0.2s, bottom 0.4s;
    -moz-transition: color 0.2s, bottom 0.4s;
    -ms-transition: color 0.2s, bottom 0.4s;
    -o-transition: color 0.2s, bottom 0.4s;
    transition: color 0.2s, bottom 0.4s;
}

.instagram-bar-colorbondroof:not(.feed-bg):hover {
    color: #161616;
}

.instagram-bar-colorbondroof:not(.feed-bg):hover:after {
    bottom: -60px;
}

/* --------------------------------------------------------------
    12.0 - .instagram-bar-driveway
-------------------------------------------------------------- */

.instagram-bar-driveway {
	position: relative;
	display: block;
	padding: 120px 120px; /* <--- INSTA-BOX HIEGHT */
	/* color: #161616; */
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 30px;
	letter-spacing: -1px;
	/* border-top: 100px solid #eeeeee;
	border-bottom: 100px solid #eeeeee; */
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	overflow: hidden;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
    background-image: url("../gallery/instaBars/instabarDriveway.jpg");
	/* background-color: #999;    */

	
}

.instagram-bar-driveway.feed-bg {
    background-color: #000000;
    border: 0;
}

.instagram-bar-driveway.feed-bg:hover,
.instagram-bar-driveway.feed-bg,
.instagram-bar-driveway.feed-bg * {
    color: #ffffff;
    


}

.instagram-bar-driveway .pics-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: -100;
}

.instagram-bar-driveway img {
    position: relative;
    display: block;
    float: left;
    max-height: 100%;
    z-index: -101;
    opacity: 0.4;
    transition: opacity 0.2s;
    -webkit-transform: translateZ(0);
}

.instagram-bar-driveway img:hover {
    opacity: 0.55;
}

.instagram-bar-driveway strong {
    font-family: 'Open Sans', 'sans-serif';
    letter-spacing: -1px;
    text-transform: none;
    font-weight: 800;
}

.instagram-bar-driveway:not(.feed-bg):after,
.instagram-bar-driveway strong:before {
    margin: 0 13px 0 10px;
    font-family: FontAwesome;
    content: '\f16d';
}

.instagram-bar-driveway:not(.feed-bg):after {
    position: absolute;
    bottom: -90px;
    left: 25%;
    color: #999; /* CHANGES CAMERA IMAGE COLOR */
    font-size: 140px;
    z-index: -1;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: color 0.2s, bottom 0.4s;
    -moz-transition: color 0.2s, bottom 0.4s;
    -ms-transition: color 0.2s, bottom 0.4s;
    -o-transition: color 0.2s, bottom 0.4s;
    transition: color 0.2s, bottom 0.4s;
}

.instagram-bar-driveway:not(.feed-bg):hover {
    color: #161616;
}

.instagram-bar-driveway:not(.feed-bg):hover:after {
    bottom: -60px;
}

/* --------------------------------------------------------------
    12.0 - .instagram-bar-spraystencil
-------------------------------------------------------------- */

.instagram-bar-spraystencil {
	position: relative;
	display: block;
	padding: 120px 120px; /* <--- INSTA-BOX HIEGHT */
	/* color: #161616; */
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 30px;
	letter-spacing: -1px;
	/* border-top: 100px solid #eeeeee;
	border-bottom: 100px solid #eeeeee; */
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	overflow: hidden;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
    background-image: url("../gallery/instaBars/instabarSprayStencil.jpg");
	/* background-color: #999;    */

	
}

.instagram-bar-spraystencil.feed-bg {
    background-color: #000000;
    border: 0;
}

.instagram-bar-spraystencil.feed-bg:hover,
.instagram-bar-spraystencil.feed-bg,
.instagram-bar-spraystencil.feed-bg * {
    color: #ffffff;
    


}

.instagram-bar-spraystencil .pics-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: -100;
}

.instagram-bar-spraystencil img {
    position: relative;
    display: block;
    float: left;
    max-height: 100%;
    z-index: -101;
    opacity: 0.4;
    transition: opacity 0.2s;
    -webkit-transform: translateZ(0);
}

.instagram-bar-spraystencil img:hover {
    opacity: 0.55;
}

.instagram-bar-spraystencil strong {
    font-family: 'Open Sans', 'sans-serif';
    letter-spacing: -1px;
    text-transform: none;
    font-weight: 800;
}

.instagram-bar-spraystencil:not(.feed-bg):after,
.instagram-bar-spraystencil strong:before {
    margin: 0 13px 0 10px;
    font-family: FontAwesome;
    content: '\f16d';
}

.instagram-bar-spraystencil:not(.feed-bg):after {
    position: absolute;
    bottom: -90px;
    left: 25%;
    color: #999; /* CHANGES CAMERA IMAGE COLOR */
    font-size: 140px;
    z-index: -1;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: color 0.2s, bottom 0.4s;
    -moz-transition: color 0.2s, bottom 0.4s;
    -ms-transition: color 0.2s, bottom 0.4s;
    -o-transition: color 0.2s, bottom 0.4s;
    transition: color 0.2s, bottom 0.4s;
}

.instagram-bar-spraystencil:not(.feed-bg):hover {
    color: #161616;
}

.instagram-bar-spraystencil:not(.feed-bg):hover:after {
    bottom: -60px;
}

/* --------------------------------------------------------------
    12.0 - .instagram-bar-epoxyflooring
-------------------------------------------------------------- */

.instagram-bar-epoxyflooring {
	position: relative;
	display: block;
	padding: 120px 120px; /* <--- INSTA-BOX HIEGHT */
	/* color: #161616; */
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 30px;
	letter-spacing: -1px;
	/* border-top: 100px solid #eeeeee;
	border-bottom: 100px solid #eeeeee; */
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	overflow: hidden;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
    background-image: url("../gallery/instaBars/instabarEpoxy2.jpg");
	/* background-color: #999;    */

	
}

.instagram-bar-epoxyflooring.feed-bg {
    background-color: #000000;
    border: 0;
}

.instagram-bar-epoxyflooring.feed-bg:hover,
.instagram-bar-epoxyflooring.feed-bg,
.instagram-bar-epoxyflooring.feed-bg * {
    color: #ffffff;
    


}

.instagram-bar-epoxyflooring .pics-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: -100;
}

.instagram-bar-epoxyflooring img {
    position: relative;
    display: block;
    float: left;
    max-height: 100%;
    z-index: -101;
    opacity: 0.4;
    transition: opacity 0.2s;
    -webkit-transform: translateZ(0);
}

.instagram-bar-epoxyflooring img:hover {
    opacity: 0.55;
}

.instagram-bar-epoxyflooring strong {
    font-family: 'Open Sans', 'sans-serif';
    letter-spacing: -1px;
    text-transform: none;
    font-weight: 800;
}

.instagram-bar-epoxyflooring:not(.feed-bg):after,
.instagram-bar-epoxyflooring strong:before {
    margin: 0 13px 0 10px;
    font-family: FontAwesome;
    content: '\f16d';
}

.instagram-bar-epoxyflooring:not(.feed-bg):after {
    position: absolute;
    bottom: -90px;
    left: 25%;
    color: #999; /* CHANGES CAMERA IMAGE COLOR */
    font-size: 140px;
    z-index: -1;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: color 0.2s, bottom 0.4s;
    -moz-transition: color 0.2s, bottom 0.4s;
    -ms-transition: color 0.2s, bottom 0.4s;
    -o-transition: color 0.2s, bottom 0.4s;
    transition: color 0.2s, bottom 0.4s;
}

.instagram-bar-epoxyflooring:not(.feed-bg):hover {
    color: #161616;
}

.instagram-bar-epoxyflooring:not(.feed-bg):hover:after {
    bottom: -60px;
}

/* --------------------------------------------------------------
    12.0 - .instagram-bar-pathnpatio
-------------------------------------------------------------- */


.instagram-bar-pathnpatio {
	position: relative;
	display: block;
	padding: 120px 120px; /* <--- INSTA-BOX HIEGHT */
	/* color: #161616; */
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 30px;
	letter-spacing: -1px;
	/* border-top: 100px solid #eeeeee;
	border-bottom: 100px solid #eeeeee; */
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	overflow: hidden;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
  background-image: url("../gallery/instaBars/instabarPathnPatio2.jpg");
	/* background-color: #999;    */

	
}

.instagram-bar-pathnpatio.feed-bg {
    background-color: #000000;
    border: 0;
}

.instagram-bar-pathnpatio.feed-bg:hover,
.instagram-bar-pathnpatio.feed-bg,
.instagram-bar-pathnpatio.feed-bg * {
    color: #ffffff;
    


}

.instagram-bar-pathnpatio .pics-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: -100;
}

.instagram-bar-pathnpatio img {
    position: relative;
    display: block;
    float: left;
    max-height: 100%;
    z-index: -101;
    opacity: 0.4;
    transition: opacity 0.2s;
    -webkit-transform: translateZ(0);
}

.instagram-bar-pathnpatio img:hover {
    opacity: 0.55;
}

.instagram-bar-pathnpatio strong {
    font-family: 'Open Sans', 'sans-serif';
    letter-spacing: -1px;
    text-transform: none;
    font-weight: 800;
}

.instagram-bar-pathnpatio:not(.feed-bg):after,
.instagram-bar-pathnpatio strong:before {
    margin: 0 13px 0 10px;
    font-family: FontAwesome;
    content: '\f16d';
}

.instagram-bar-pathnpatio:not(.feed-bg):after {
    position: absolute;
    bottom: -90px;
    left: 25%;
    color: #999; /* CHANGES CAMERA IMAGE COLOR */
    font-size: 140px;
    z-index: -1;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: color 0.2s, bottom 0.4s;
    -moz-transition: color 0.2s, bottom 0.4s;
    -ms-transition: color 0.2s, bottom 0.4s;
    -o-transition: color 0.2s, bottom 0.4s;
    transition: color 0.2s, bottom 0.4s;
}

.instagram-bar-pathnpatio:not(.feed-bg):hover {
    color: #161616;
}

.instagram-bar-pathnpatio:not(.feed-bg):hover:after {
    bottom: -60px;
}

/* --------------------------------------------------------------
    12.0 - .instagram-bar-poolnoutdoor
-------------------------------------------------------------- */


.instagram-bar-poolnoutdoor {
	position: relative;
	display: block;
	padding: 120px 120px; /* <--- INSTA-BOX HIEGHT */
	/* color: #161616; */
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 30px;
	letter-spacing: -1px;
	/* border-top: 100px solid #eeeeee;
	border-bottom: 100px solid #eeeeee; */
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	overflow: hidden;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
  background-image: url("../gallery/instaBars/instabarPoolnOutdoor.jpg");
	/* background-color: #999;    */

	
}

.instagram-bar-poolnoutdoor.feed-bg {
    background-color: #000000;
    border: 0;
}

.instagram-bar-poolnoutdoor.feed-bg:hover,
.instagram-bar-poolnoutdoor.feed-bg,
.instagram-bar-poolnoutdoor.feed-bg * {
    color: #ffffff;
    


}

.instagram-bar-poolnoutdoor .pics-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: -100;
}

.instagram-bar-poolnoutdoor img {
    position: relative;
    display: block;
    float: left;
    max-height: 100%;
    z-index: -101;
    opacity: 0.4;
    transition: opacity 0.2s;
    -webkit-transform: translateZ(0);
}

.instagram-bar-poolnoutdoor img:hover {
    opacity: 0.55;
}

.instagram-bar-poolnoutdoor strong {
    font-family: 'Open Sans', 'sans-serif';
    letter-spacing: -1px;
    text-transform: none;
    font-weight: 800;
}

.instagram-bar-poolnoutdoor:not(.feed-bg):after,
.instagram-bar-poolnoutdoor strong:before {
    margin: 0 13px 0 10px;
    font-family: FontAwesome;
    content: '\f16d';
}

.instagram-bar-poolnoutdoor:not(.feed-bg):after {
    position: absolute;
    bottom: -90px;
    left: 25%;
    color: #999; /* CHANGES CAMERA IMAGE COLOR */
    font-size: 140px;
    z-index: -1;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: color 0.2s, bottom 0.4s;
    -moz-transition: color 0.2s, bottom 0.4s;
    -ms-transition: color 0.2s, bottom 0.4s;
    -o-transition: color 0.2s, bottom 0.4s;
    transition: color 0.2s, bottom 0.4s;
}

.instagram-bar-poolnoutdoor:not(.feed-bg):hover {
    color: #161616;
}

.instagram-bar-poolnoutdoor:not(.feed-bg):hover:after {
    bottom: -60px;
}

/* --------------------------------------------------------------
    12.0 - .instagram-bar-concretepolishing
-------------------------------------------------------------- */

.instagram-bar-concretepolishing {
	position: relative;
	display: block;
	padding: 120px 120px; /* <--- INSTA-BOX HIEGHT */
	/* color: #161616; */
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 30px;
	letter-spacing: -1px;
	/* border-top: 100px solid #eeeeee;
	border-bottom: 100px solid #eeeeee; */
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	overflow: hidden;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
  background-image: url("../gallery/instaBars/instabarPolishing.jpg");
	/* background-color: #999;    */

	
}

.instagram-bar-concretepolishing.feed-bg {
    background-color: #000000;
    border: 0;
}

.instagram-bar-concretepolishing.feed-bg:hover,
.instagram-bar-concretepolishing.feed-bg,
.instagram-bar-concretepolishing.feed-bg * {
    color: #ffffff;
    


}

.instagram-bar-concretepolishing .pics-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: -100;
}

.instagram-bar-concretepolishing img {
    position: relative;
    display: block;
    float: left;
    max-height: 100%;
    z-index: -101;
    opacity: 0.4;
    transition: opacity 0.2s;
    -webkit-transform: translateZ(0);
}

.instagram-bar-concretepolishing img:hover {
    opacity: 0.55;
}

.instagram-bar-concretepolishing strong {
    font-family: 'Open Sans', 'sans-serif';
    letter-spacing: -1px;
    text-transform: none;
    font-weight: 800;
}

.instagram-bar-concretepolishing:not(.feed-bg):after,
.instagram-bar-concretepolishing strong:before {
    margin: 0 13px 0 10px;
    font-family: FontAwesome;
    content: '\f16d';
}

.instagram-bar-concretepolishing:not(.feed-bg):after {
    position: absolute;
    bottom: -90px;
    left: 25%;
    color: #999; /* CHANGES CAMERA IMAGE COLOR */
    font-size: 140px;
    z-index: -1;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: color 0.2s, bottom 0.4s;
    -moz-transition: color 0.2s, bottom 0.4s;
    -ms-transition: color 0.2s, bottom 0.4s;
    -o-transition: color 0.2s, bottom 0.4s;
    transition: color 0.2s, bottom 0.4s;
}

.instagram-bar-concretepolishing:not(.feed-bg):hover {
    color: #161616;
}

.instagram-bar-concretepolishing:not(.feed-bg):hover:after {
    bottom: -60px;
}

/* --------------------------------------------------------------
    12.0 - .instagram-bar-concretegrinding
-------------------------------------------------------------- */

.instagram-bar-concretegrinding {
	position: relative;
	display: block;
	padding: 120px 120px; /* <--- INSTA-BOX HIEGHT */
	/* color: #161616; */
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 30px;
	letter-spacing: -1px;
	/* border-top: 100px solid #eeeeee;
	border-bottom: 100px solid #eeeeee; */
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	overflow: hidden;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
    background-image: url("../gallery/instaBars/instabarGrinding.jpg");
	/* background-color: #999;    */

	
}

.instagram-bar-concretegrinding.feed-bg {
    background-color: #000000;
    border: 0;
}

.instagram-bar-concretegrinding.feed-bg:hover,
.instagram-bar-concretegrinding.feed-bg,
.instagram-bar-concretegrinding.feed-bg * {
    color: #ffffff;
    


}

.instagram-bar-concretegrinding .pics-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: -100;
}

.instagram-bar-concretegrinding img {
    position: relative;
    display: block;
    float: left;
    max-height: 100%;
    z-index: -101;
    opacity: 0.4;
    transition: opacity 0.2s;
    -webkit-transform: translateZ(0);
}

.instagram-bar-concretegrinding img:hover {
    opacity: 0.55;
}

.instagram-bar-concretegrinding strong {
    font-family: 'Open Sans', 'sans-serif';
    letter-spacing: -1px;
    text-transform: none;
    font-weight: 800;
}

.instagram-bar-concretegrinding:not(.feed-bg):after,
.instagram-bar-concretegrinding strong:before {
    margin: 0 13px 0 10px;
    font-family: FontAwesome;
    content: '\f16d';
}

.instagram-bar-concretegrinding:not(.feed-bg):after {
    position: absolute;
    bottom: -90px;
    left: 25%;
    color: #999; /* CHANGES CAMERA IMAGE COLOR */
    font-size: 140px;
    z-index: -1;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: color 0.2s, bottom 0.4s;
    -moz-transition: color 0.2s, bottom 0.4s;
    -ms-transition: color 0.2s, bottom 0.4s;
    -o-transition: color 0.2s, bottom 0.4s;
    transition: color 0.2s, bottom 0.4s;
}

.instagram-bar-concretegrinding:not(.feed-bg):hover {
    color: #161616;
}

.instagram-bar-concretegrinding:not(.feed-bg):hover:after {
    bottom: -60px;
}

/* --------------------------------------------------------------
    12.0 - .instagram-bar-pressurecleaning
-------------------------------------------------------------- */


.instagram-bar-pressurecleaning {
	position: relative;
	display: block;
	padding: 120px 120px; /* <--- INSTA-BOX HIEGHT */
	/* color: #161616; */
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 30px;
	letter-spacing: -1px;
	/* border-top: 100px solid #eeeeee;
	border-bottom: 100px solid #eeeeee; */
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	overflow: hidden;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
  background-image: url("../gallery/instaBars/instabarPressure.jpg");
	/* background-color: #999;    */

	
}

.instagram-bar-pressurecleaning.feed-bg {
    background-color: #000000;
    border: 0;
}

.instagram-bar-pressurecleaning.feed-bg:hover,
.instagram-bar-pressurecleaning.feed-bg,
.instagram-bar-pressurecleaning.feed-bg * {
    color: #ffffff;
    


}

.instagram-bar-pressurecleaning .pics-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: -100;
}

.instagram-bar-pressurecleaning img {
    position: relative;
    display: block;
    float: left;
    max-height: 100%;
    z-index: -101;
    opacity: 0.4;
    transition: opacity 0.2s;
    -webkit-transform: translateZ(0);
}

.instagram-bar-pressurecleaning img:hover {
    opacity: 0.55;
}

.instagram-bar-pressurecleaning strong {
    font-family: 'Open Sans', 'sans-serif';
    letter-spacing: -1px;
    text-transform: none;
    font-weight: 800;
}

.instagram-bar-pressurecleaning:not(.feed-bg):after,
.instagram-bar-pressurecleaning strong:before {
    margin: 0 13px 0 10px;
    font-family: FontAwesome;
    content: '\f16d';
}

.instagram-bar-pressurecleaning:not(.feed-bg):after {
    position: absolute;
    bottom: -90px;
    left: 25%;
    color: #999; /* CHANGES CAMERA IMAGE COLOR */
    font-size: 140px;
    z-index: -1;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: color 0.2s, bottom 0.4s;
    -moz-transition: color 0.2s, bottom 0.4s;
    -ms-transition: color 0.2s, bottom 0.4s;
    -o-transition: color 0.2s, bottom 0.4s;
    transition: color 0.2s, bottom 0.4s;
}

.instagram-bar-pressurecleaning:not(.feed-bg):hover {
    color: #161616;
}

.instagram-bar-pressurecleaning:not(.feed-bg):hover:after {
    bottom: -60px;
}

/* --------------------------------------------------------------
    12.0 - .instagram-bar-repair
-------------------------------------------------------------- */


.instagram-bar-repair {
	position: relative;
	display: block;
	padding: 120px 120px; /* <--- INSTA-BOX HIEGHT */
	/* color: #161616; */
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 30px;
	letter-spacing: -1px;
	/* border-top: 100px solid #eeeeee;
	border-bottom: 100px solid #eeeeee; */
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	overflow: hidden;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
  background-image: url("../gallery/instaBars/instabarTile.jpg");
	/* background-color: #999;    */

	
}

.instagram-bar-repair.feed-bg {
    background-color: #000000;
    border: 0;
}

.instagram-bar-repair.feed-bg:hover,
.instagram-bar-repair.feed-bg,
.instagram-bar-repair.feed-bg * {
    color: #ffffff;
    


}

.instagram-bar-repair .pics-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: -100;
}

.instagram-bar-repair img {
    position: relative;
    display: block;
    float: left;
    max-height: 100%;
    z-index: -101;
    opacity: 0.4;
    transition: opacity 0.2s;
    -webkit-transform: translateZ(0);
}

.instagram-bar-repair img:hover {
    opacity: 0.55;
}

.instagram-bar-repair strong {
    font-family: 'Open Sans', 'sans-serif';
    letter-spacing: -1px;
    text-transform: none;
    font-weight: 800;
}

.instagram-bar-repair:not(.feed-bg):after,
.instagram-bar-repair strong:before {
    margin: 0 13px 0 10px;
    font-family: FontAwesome;
    content: '\f16d';
}

.instagram-bar-repair:not(.feed-bg):after {
    position: absolute;
    bottom: -90px;
    left: 25%;
    color: #999; /* CHANGES CAMERA IMAGE COLOR */
    font-size: 140px;
    z-index: -1;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: color 0.2s, bottom 0.4s;
    -moz-transition: color 0.2s, bottom 0.4s;
    -ms-transition: color 0.2s, bottom 0.4s;
    -o-transition: color 0.2s, bottom 0.4s;
    transition: color 0.2s, bottom 0.4s;
}

.instagram-bar-repair:not(.feed-bg):hover {
    color: #161616;
}

.instagram-bar-repair:not(.feed-bg):hover:after {
    bottom: -60px;
}

/* --------------------------------------------------------------
    12.0 - .instagram-bar-aboutus
-------------------------------------------------------------- */


.instagram-bar-aboutus {
	position: relative;
	display: block;
	padding: 120px 120px; /* <--- INSTA-BOX HIEGHT */
	/* color: #161616; */
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 30px;
	letter-spacing: -1px;
	/* border-top: 100px solid #eeeeee;
	border-bottom: 100px solid #eeeeee; */
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	overflow: hidden;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
    background-image: url("../gallery/roofINSTAbar2.jpg");
	/* background-color: #999;    */

	
}

.instagram-bar-aboutus.feed-bg {
    background-color: #000000;
    border: 0;
}

.instagram-bar-aboutus.feed-bg:hover,
.instagram-bar-aboutus.feed-bg,
.instagram-bar-aboutus.feed-bg * {
    color: #ffffff;
    


}

.instagram-bar-aboutus .pics-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: -100;
}

.instagram-bar-aboutus img {
    position: relative;
    display: block;
    float: left;
    max-height: 100%;
    z-index: -101;
    opacity: 0.4;
    transition: opacity 0.2s;
    -webkit-transform: translateZ(0);
}

.instagram-bar-aboutus img:hover {
    opacity: 0.55;
}

.instagram-bar-aboutus strong {
    font-family: 'Open Sans', 'sans-serif';
    letter-spacing: -1px;
    text-transform: none;
    font-weight: 800;
}

.instagram-bar-aboutus:not(.feed-bg):after,
.instagram-bar-aboutus strong:before {
    margin: 0 13px 0 10px;
    font-family: FontAwesome;
    content: '\f16d';
}

.instagram-bar-aboutus:not(.feed-bg):after {
    position: absolute;
    bottom: -90px;
    left: 25%;
    color: #999; /* CHANGES CAMERA IMAGE COLOR */
    font-size: 140px;
    z-index: -1;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: color 0.2s, bottom 0.4s;
    -moz-transition: color 0.2s, bottom 0.4s;
    -ms-transition: color 0.2s, bottom 0.4s;
    -o-transition: color 0.2s, bottom 0.4s;
    transition: color 0.2s, bottom 0.4s;
}

.instagram-bar-aboutus:not(.feed-bg):hover {
    color: #161616;
}

.instagram-bar-aboutus:not(.feed-bg):hover:after {
    bottom: -60px;
}

/* --------------------------------------------------------------
    12.0 - .instagram-bar-beforenafter
-------------------------------------------------------------- */

.instagram-bar-beforenafter {
	position: relative;
	display: block;
	padding: 120px 120px; /* <--- INSTA-BOX HIEGHT */
	/* color: #161616; */
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 30px;
	letter-spacing: -1px;
	/* border-top: 100px solid #eeeeee;
	border-bottom: 100px solid #eeeeee; */
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	overflow: hidden;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
  background-image: url("../gallery/roofINSTAbar2.jpg");
	/* background-color: #999;    */

	
}

.instagram-bar-beforenafter.feed-bg {
    background-color: #000000;
    border: 0;
}

.instagram-bar-beforenafter.feed-bg:hover,
.instagram-bar-beforenafter.feed-bg,
.instagram-bar-beforenafter.feed-bg * {
    color: #ffffff;
    


}

.instagram-bar-beforenafter .pics-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: -100;
}

.instagram-bar-beforenafter img {
    position: relative;
    display: block;
    float: left;
    max-height: 100%;
    z-index: -101;
    opacity: 0.4;
    transition: opacity 0.2s;
    -webkit-transform: translateZ(0);
}

.instagram-bar-beforenafter img:hover {
    opacity: 0.55;
}

.instagram-bar-beforenafter strong {
    font-family: 'Open Sans', 'sans-serif';
    letter-spacing: -1px;
    text-transform: none;
    font-weight: 800;
}

.instagram-bar-beforenafter:not(.feed-bg):after,
.instagram-bar-beforenafter strong:before {
    margin: 0 13px 0 10px;
    font-family: FontAwesome;
    content: '\f16d';
}

.instagram-bar-beforenafter:not(.feed-bg):after {
    position: absolute;
    bottom: -90px;
    left: 25%;
    color: #999; /* CHANGES CAMERA IMAGE COLOR */
    font-size: 140px;
    z-index: -1;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: color 0.2s, bottom 0.4s;
    -moz-transition: color 0.2s, bottom 0.4s;
    -ms-transition: color 0.2s, bottom 0.4s;
    -o-transition: color 0.2s, bottom 0.4s;
    transition: color 0.2s, bottom 0.4s;
}

.instagram-bar-beforenafter:not(.feed-bg):hover {
    color: #161616;
}

.instagram-bar-beforenafter:not(.feed-bg):hover:after {
    bottom: -60px;
}

/* --------------------------------------------------------------
    12.0 - .instagram-bar-videos
-------------------------------------------------------------- */

.instagram-bar-videos {
	position: relative;
	display: block;
	padding: 120px 120px; /* <--- INSTA-BOX HIEGHT */
	/* color: #161616; */
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 30px;
	letter-spacing: -1px;
	/* border-top: 100px solid #eeeeee;
	border-bottom: 100px solid #eeeeee; */
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	overflow: hidden;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
  background-image: url("../gallery/roofINSTAbar2.jpg");
	/* background-color: #999;    */

	
}

.instagram-bar-videos.feed-bg {
    background-color: #000000;
    border: 0;
}

.instagram-bar-videos.feed-bg:hover,
.instagram-bar-videos.feed-bg,
.instagram-bar-videos.feed-bg * {
    color: #ffffff;
    


}

.instagram-bar-videos .pics-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: -100;
}

.instagram-bar-videos img {
    position: relative;
    display: block;
    float: left;
    max-height: 100%;
    z-index: -101;
    opacity: 0.4;
    transition: opacity 0.2s;
    -webkit-transform: translateZ(0);
}

.instagram-bar-videos img:hover {
    opacity: 0.55;
}

.instagram-bar-videos strong {
    font-family: 'Open Sans', 'sans-serif';
    letter-spacing: -1px;
    text-transform: none;
    font-weight: 800;
}

.instagram-bar-videos:not(.feed-bg):after,
.instagram-bar-videos strong:before {
    margin: 0 13px 0 10px;
    font-family: FontAwesome;
    content: '\f16d';
}

.instagram-bar-videos:not(.feed-bg):after {
    position: absolute;
    bottom: -90px;
    left: 25%;
    color: #999; /* CHANGES CAMERA IMAGE COLOR */
    font-size: 140px;
    z-index: -1;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: color 0.2s, bottom 0.4s;
    -moz-transition: color 0.2s, bottom 0.4s;
    -ms-transition: color 0.2s, bottom 0.4s;
    -o-transition: color 0.2s, bottom 0.4s;
    transition: color 0.2s, bottom 0.4s;
}

.instagram-bar-videos:not(.feed-bg):hover {
    color: #161616;
}

.instagram-bar-videos:not(.feed-bg):hover:after {
    bottom: -60px;
}

/* --------------------------------------------------------------
    12.0 - .instagram-bar-aboutmore
-------------------------------------------------------------- */

.instagram-bar-aboutmore {
	position: relative;
	display: block;
	padding: 120px 120px; /* <--- INSTA-BOX HIEGHT */
	/* color: #161616; */
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 30px;
	letter-spacing: -1px;
	/* border-top: 100px solid #eeeeee;
	border-bottom: 100px solid #eeeeee; */
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	overflow: hidden;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
  background-image: url("../gallery/instaBars/instabarRangerBack.jpg");
	/* background-color: #999;    */

	
}

.instagram-bar-aboutmore.feed-bg {
    background-color: #000000;
    border: 0;
}

.instagram-bar-aboutmore.feed-bg:hover,
.instagram-bar-aboutmore.feed-bg,
.instagram-bar-aboutmore.feed-bg * {
    color: #ffffff;
    


}

.instagram-bar-aboutmore .pics-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: -100;
}

.instagram-bar-aboutmore img {
    position: relative;
    display: block;
    float: left;
    max-height: 100%;
    z-index: -101;
    opacity: 0.4;
    transition: opacity 0.2s;
    -webkit-transform: translateZ(0);
}

.instagram-bar-aboutmore img:hover {
    opacity: 0.55;
}

.instagram-bar-aboutmore strong {
    font-family: 'Open Sans', 'sans-serif';
    letter-spacing: -1px;
    text-transform: none;
    font-weight: 800;
}

.instagram-bar-aboutmore:not(.feed-bg):after,
.instagram-bar-aboutmore strong:before {
    margin: 0 13px 0 10px;
    font-family: FontAwesome;
    content: '\f16d';
}

.instagram-bar-aboutmore:not(.feed-bg):after {
    position: absolute;
    bottom: -90px;
    left: 25%;
    color: #999; /* CHANGES CAMERA IMAGE COLOR */
    font-size: 140px;
    z-index: -1;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: color 0.2s, bottom 0.4s;
    -moz-transition: color 0.2s, bottom 0.4s;
    -ms-transition: color 0.2s, bottom 0.4s;
    -o-transition: color 0.2s, bottom 0.4s;
    transition: color 0.2s, bottom 0.4s;
}

.instagram-bar-aboutmore:not(.feed-bg):hover {
    color: #161616;
}

.instagram-bar-aboutmore:not(.feed-bg):hover:after {
    bottom: -60px;
}

/* --------------------------------------------------------------
    12.0 - .instagram-bar-faqs
-------------------------------------------------------------- */

.instagram-bar-faqs {
	position: relative;
	display: block;
	padding: 120px 120px; /* <--- INSTA-BOX HIEGHT */
	/* color: #161616; */
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 30px;
	letter-spacing: -1px;
	/* border-top: 100px solid #eeeeee;
	border-bottom: 100px solid #eeeeee; */
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	overflow: hidden;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
  background-image: url("../gallery/instaBars/instabarRangerBack.jpg");
	/* background-color: #999;    */

	
}

.instagram-bar-faqs.feed-bg {
    background-color: #000000;
    border: 0;
}

.instagram-bar-faqs.feed-bg:hover,
.instagram-bar-faqs.feed-bg,
.instagram-bar-faqs.feed-bg * {
    color: #ffffff;
    


}

.instagram-bar-faqs .pics-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: -100;
}

.instagram-bar-faqs img {
    position: relative;
    display: block;
    float: left;
    max-height: 100%;
    z-index: -101;
    opacity: 0.4;
    transition: opacity 0.2s;
    -webkit-transform: translateZ(0);
}

.instagram-bar-faqs img:hover {
    opacity: 0.55;
}

.instagram-bar-faqs strong {
    font-family: 'Open Sans', 'sans-serif';
    letter-spacing: -1px;
    text-transform: none;
    font-weight: 800;
}

.instagram-bar-faqs:not(.feed-bg):after,
.instagram-bar-faqs strong:before {
    margin: 0 13px 0 10px;
    font-family: FontAwesome;
    content: '\f16d';
}

.instagram-bar-faqs:not(.feed-bg):after {
    position: absolute;
    bottom: -90px;
    left: 25%;
    color: #999; /* CHANGES CAMERA IMAGE COLOR */
    font-size: 140px;
    z-index: -1;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transition: color 0.2s, bottom 0.4s;
    -moz-transition: color 0.2s, bottom 0.4s;
    -ms-transition: color 0.2s, bottom 0.4s;
    -o-transition: color 0.2s, bottom 0.4s;
    transition: color 0.2s, bottom 0.4s;
}

.instagram-bar-faqs:not(.feed-bg):hover {
    color: #161616;
}

.instagram-bar-faqs:not(.feed-bg):hover:after {
    bottom: -60px;
}

/* --------------------------------------------------------------
    12.0 - VIDEO BACKGROUND
-------------------------------------------------------------- */

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
  }
  
  /* Add some content at the bottom of the video/page */
  .content-bgvid {
    position: fixed;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
  }
  
  /* Style the button used to pause/play the video */
  #myBtn {
    width: 200px;
    font-size: 18px;
    padding: 10px;
    border: none;
    background: #000;
    color: #fff;
    cursor: pointer;
  }
  
  #myBtn:hover {
    background: #ddd;
    color: black;
  }