.main-nav{

    position: absolute;

    width: 100%;

    z-index: 999;

    clear: both;

}



.rev_slider img{

    width:100%

}



.rev_slider::after{ 

    width: 100%;

	height:30%;

	position: relative;

	content: "";

	top: 0px;

	left: 0px;

    z-index:100;

    display:block;

    transition:all .3s ease;

    background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 4%, rgba(0,0,0,30) 100%); 

    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.6))); 



}





.front-panels{

    margin-top: 0px;

}



.grid {

	position: relative;

	clear: both;

	margin: 0 auto;

	list-style: none;

	text-align: center;

}



/* Common style */

.grid figure {

	position: relative;



	overflow: hidden;

	height: auto;

	background: #3085a3;

	text-align: center;

	cursor: pointer;

}



.grid figure img {

	position: relative;

	display: block;

	min-height: 100%;

	max-width: 100%;

	opacity: 0.8;

}



.grid figure figcaption {

	padding: 2em;

	color: #fff;

	text-transform: uppercase;

	font-size: 1.25em;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}



.grid figure figcaption::before,

.grid figure figcaption::after {

	pointer-events: none;

}



.grid figure figcaption,

.grid figure figcaption > a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

.grid figure figcaption > a {

	z-index: 1000;

	text-indent: 200%;

	white-space: nowrap;

	font-size: 0;

	opacity: 0;

}



.grid figure h2 {

	word-spacing: -0.15em;

	font-weight: 300;

}



.grid figure h2 span {

	font-weight: 800;

}



.grid figure h2,

.grid figure p {

	margin: 0;

}



.grid figure p {

	letter-spacing: 1px;

	font-size: 68.5%;

}



/*-----------------*/

/***** Goliath *****/

/*-----------------*/



figure.effect-goliath {

	background: #FF3D2E;

}



figure.effect-goliath img,

figure.effect-goliath h2 {

	-webkit-transition: -webkit-transform 0.35s;

	transition: transform 0.35s;

}



figure.effect-goliath img {

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}



figure.effect-goliath h2,

figure.effect-goliath p {

	position: absolute;

	bottom: 0;

	left: 0;

	padding: 30px;

}



figure.effect-goliath p {

	text-transform: none;

	font-size: 90%;

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(0,50px,0);

	transform: translate3d(0,50px,0);

}



figure.effect-goliath:hover img {

	-webkit-transform: translate3d(0,-80px,0);

	transform: translate3d(0,-80px,0);

}



figure.effect-goliath:hover h2 {

	-webkit-transform: translate3d(0,-100px,0);

	transform: translate3d(0,-100px,0);

}



figure.effect-goliath:hover p {

	opacity: 1;

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}





.industrial-grid{

    padding: 0px;

}



.truck-pic img{

    width: 100%;

}



.services-label{

    margin-bottom: 30px;

    text-align: right;

}



.services-label h6{

    color: #FF3D2E;

}



.services-label h4{

    line-height: 1.8;

    font-size: 30px;

}



.industrial-span-services{

    height: 190px;

    box-shadow: 0 0 10px rgba(204,204,204,0.6);

    -moz-box-shadow: 0 0 10px rgba(204,204,204,0.6);

    -webkit-box-shadow: 0 0 10px rgba(204,204,204,0.6);

    -o-box-shadow: 0 0 10px rgba(204,204,204,0.6);

    background: #FFF;

    margin: 10px 0px 10px 0px;

    padding: 30px;

    text-align: center;

}



.industrial-span-services h6{

    text-transform: uppercase;

    line-height: 1.8;

    margin: 5px 0px 1px 0px;

}



.industrial-icon{

    width: 40px;

    margin: auto;

}



.industrial-icon img{

    width: 100%;

}



.counter-background{

    background: #272F32;

    padding: 30px 0px 40px 0px;

    margin: 60px 0px 60px 0px;

    text-align: center;

}



.inner-counter{

    background: transparent;

}



.counter{

    text-align: center;

    font-size: 50px;

    color: #FFF;

}



.counter-statistics h5{

    text-align: center;

    font-size: 16px;

    color: #FFF;

}



.counter-statistics p{

    color: #FFF;

}



.span-team {

    display: block;

    margin-bottom: 20px;

    line-height: 1.42857143;

    background-color: #F9F9F9;

    border-radius: 4px;

    -webkit-transition: border .2s ease-in-out;

       -o-transition: border .2s ease-in-out;

          transition: border .2s ease-in-out;

}

.span-team > img,

.span-team a > img {

    margin-right: auto;

     margin-left: auto;

    width: 100%;

}



.span-team .caption {

    color: #333;

    text-align: right;

    background: #F9F9F9;

    height: 112px;

}



.span-team .caption p{

    padding: 0px 10px 0px 0px;

    text-align: right;

}



.span-team .caption h6{

    padding: 10px 10px 0px 0px;

}



.bar-social{

    width: 28px;

    height: 112px;

    background: #FFBB02;

    float: left;   

    padding: 8px 0px 8px 0px;

}



.inner-bar-social{

    width: 28px;

    height: 25px;

    text-align: center;

    color: #FFF;

    transition: 0.3s;

}



.inner-bar-social .fa{

    color: #FFF;

    transition: 0.3s;



}



.inner-bar-social:hover{

    color: #FFBB02;

    background: #FFF;

}



.inner-bar-social:hover .fa{

    color: #FFBB02;

}





.service-parallax{

    background-image: url("../img/images/industrial/img26.jpg");

    height: 300px; 

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}





/* ========== #TO BE REPLACE ON THE CSS PAGE ========== */



/* ================== 

	1.5. LOADER. 

   ================== */

#loader-wrapper {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1031;

  background-color: #F2F2F2;

}



#loader {

  display: block;

  position: relative;

  left: 50%;

  top: 50%;

  width: 150px;

  height: 150px;

  margin: -75px 0 0 -75px;

  border: 3px solid transparent;

  border-top-color: #FF3D2E;

  border-radius: 50%;

  animation: loader 2s linear infinite;

}

#loader::before {

  content: "";

  position: absolute;

  top: 5px;

  left: 5px;

  right: 5px;

  bottom: 5px;

  border: 3px solid transparent;

  border-top-color: #FF3D2E;

  border-radius: 50%;

  animation: loader 3s linear infinite;

}

#loader::after {

  content: "";

  position: absolute;

  top: 15px;

  left: 15px;

  right: 15px;

  bottom: 15px;

  border: 3px solid transparent;

  border-top-color: #FF3D2E;

  border-radius: 50%;

  animation: loader 1.5s linear infinite;

}



@keyframes loader {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}





hr.center{

    width: 80px;

    border-top: 3px solid #FF3D2E;

    margin: 15px auto 15px auto;

}



.footer-categories h6{

	color: #FF3D2E;

}



.subscribe-footer h6{

	color: #FF3D2E;

	margin-bottom: 10px;

}



.newsletter-box .button {

  	width: 25%;

  	height: 38px;

  	background-color: #FF3D2E;

  	border: none;

  	border-radius: 0 5px 5px 0;

  	font-family: inherit;

  	font-weight: 500;

  	color: inherit;

  	letter-spacing: 1px;

  	cursor: pointer;

  	color: #FFF;

  	font-size: 13px;

	font-family: 'Open Sans', sans-serif;

}



.cd-top {

  background-color: #FF3D2E;    

}



.icon-fa:hover{

    background: #FF3D2E;

	border: solid 1px #FF3D2E;

}



.social-top .fa:hover{

	color: #F05295;

}





.main-gallery{

    margin-bottom: 15px;

}



.gallery-cell {

  width: 100%;

    background: #fff;

}



.testimonial-section{

    min-height: 200px;

}



.avatar {

  width: 100px;

  height: 100px;

  margin: auto;

}



.avatar img{

  width: 100%;

  border-radius: 50%;

}



.testimonial-quote{

    margin: 15px  100px 5px 100px;

}



.testimonial-quote p{

    text-align: center;

    font-size: 15px;

}



.autor h6{

    text-align: center;

    margin-bottom: 20px;

}



.testimonial {

  text-align: center;

  max-width: 850px;

  margin: 10px auto 10px auto;

}





.flickity-page-dots .dot.is-selected {

  background: #FF404C;

}



.testimonials{

  padding: 20px 15px 20px 15px;

  margin-right: auto;

  margin-left: auto;

  clear: both;

}



.testimonials-services{

  margin: -50px auto 20px auto;

}



.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:0%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:#fff}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09F}.flickity-prev-next-button:active{filter:alpha(opacity=60);opacity:.6}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{filter:alpha(opacity=30);opacity:.3;cursor:auto}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#333}.flickity-prev-next-button.no-svg{color:#333;font-size:26px}.flickity-page-dots{position:absolute;width:100%;bottom:-5px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:30px;height:5px;margin:0 8px;background:#ddd;border-radius:0%;filter:alpha(opacity=25);opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{filter:alpha(opacity=100);opacity:1}







@media (max-width:992px) {

.industrial-span-services{

    height: 100%;

    padding: 30px 30px 40px 30px;



}

    

.services-label{

    margin-top: 30px;

    text-align: center;

}

    

}



@media (max-width:768px) {

    

}



@media (max-width:576px) {

.testimonial-quote{

    margin: 15px;

}

    

.testimonial-quote p{

    text-align: center;

    font-size: 13px;

    line-height: 1.3;

}

    

}