*{
	margin: 0;
	padding:0; 
}
body{}
ul,ol{
	list-style: none;
}
a,a:hover{
	text-decoration: none;
}
.container-fluid{
	padding: 0;
}
/* RESET ENDS */

.header-logo-area{
	overflow: hidden;
	padding: 15px 10px;
	background-image: url('../images/header.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center -300px;
	animation: 10s header_anim 4;
}

@keyframes header_anim{
	0%{background-position: center -300px;}
	50%{background-position: center 0;}
}
.header-logo-area a{
	display: inline-block;
	color: #000;
	transition: 400ms;
	transform: scale(1);

}

.header-logo-area a:hover{
	transform: scale(1.3);
}


/* NAV START */
.area-nav{
	background: #05819B;
	overflow: hidden;
	border: none;
	border-radius: 0;
	margin: 0;
}
.area-nav .navbar-brand{
	color: #fff !important;
}
.nav-ul{}
.nav-ul li{}
.nav-ul li a{
color: #fff !important;
overflow: hidden;
position: relative;
transition: all 500ms ease 0s;
padding: 15px 10px;
font-size: 14px;
}
.nav-ul li a:hover{
	background: #014D7F !important;
}

.nav-ul li a i{
	color: #FFCE44;
	transition: 1000ms;
}

.nav-ul li a:hover i{
	transform: rotate(360deg);
}

.nav-ul li a .nav-bottom-bar{
	background:#FFCE44;
	height: 4px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: -100%;
	transition: 1200ms;
}

.nav-ul li a:hover .nav-bottom-bar{
	left: 0;
}
.nav-ul li a .nav-top-bar{
	background:#033f66;
	height: 300px;
	width: 300px;
	border-radius: 1000px;
	position: absolute;
	top: -300px;
	left: 0;
	opacity: 1;

}

.nav-ul li a:hover .nav-top-bar{
	animation: 1500ms top-hover-effect-control;
}

@keyframes top-hover-effect-control{
	0%{
		top: -300px;
		opacity: 1;
	}
	20%{
		top: -300px;
		opacity: 1;
	}

	50%{
		opacity: 1;
	}
	65%{
		opacity: 0;
	}
	99%{
		top: 120px;
		opacity: 0;
	
	}
}


.area-nav .navbar-right{}
.area-nav .navbar-right li{}
.area-nav .navbar-right li a{
	padding: 10px 5px;
	transform: rotate(0deg);
	transition: 800ms;

}
.area-nav .navbar-right li a i{
	width: 30px;
	height: 30px;
	display: block;
	text-align: center;
	border: 2px solid #fff;
	padding-top: 5px;
	border-radius: 0;
	transition: 1300ms;
	color: #FFCE44;
	background: #000;
}

.area-nav .navbar-right li a:hover{
	transform: rotate(360deg);
}

.area-nav .navbar-right li a:hover i{
	transform: rotate(360deg);
	border-radius: 100px;
}

.area-nav .navbar-right li .input-group{
	margin: 8px 0 0 0;
}
.area-nav .navbar-right li .input-group input{
border-radius: 0;
background: transparent;
border: 1px solid #FFCE44;
color: #000;
transition: 600ms;
}
.area-nav .navbar-right li .input-group button{
background: #FFCE44;
border: 1px solid #FFCE44;
border-radius: 0;
transition: 500ms;
}


.area-nav .navbar-right li .input-group:hover button i{
transition: 600ms;
}

.area-nav .navbar-right li .input-group:hover button,.area-nav .navbar-right li .input-group:focus button{
background: #131411;
}
.area-nav .navbar-right li .input-group:hover input,.area-nav .navbar-right li .input-group:focus input{
background: #fff;
}
.area-nav .navbar-right li .input-group:hover button i,.area-nav .navbar-right li .input-group:focus button i{
color: #FFCE44;
}

/*owl carousel custom css start*/
.slider-active .owl-nav div{
    background: none;
	position: absolute;
	top: 48%;
	line-height: 40px;
	text-align: center;
	width: 40px;
	height: 40px;
	left: 50px;
	z-index: 9;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	border-radius: 50%;
	border:1px solid #fff;

	
}
.slider-active .owl-nav div:hover{
    background: #fff;
	color: #000;

	
}
.slider-active .owl-nav div.owl-next  {
	right: 50px;
	left: auto; 
}
.slider-active .owl-dots{
	text-align: center;
	z-index: 999;
	position: relative;
	bottom: 40px;

}
.slider-active button.owl-dot {
	height: 10px;
	width: 10px;
	background: #fff;
	display: inline-block;
	margin: 0 2px;
	border-radius: 100%;
}
.slider-active button.owl-dot.active{
	background: #000;
}
/*owl carousel custom css end*/
/* SLIDER MAIN START */
.area-slider-main{
	padding: 0;
}
.area-slider-main img{}





/* MARQUEE START */
.area-marquee{
	padding: 0;
	background: #FFCE44;
	margin-top:-20px;
}
.area-marquee marquee{
	padding: 15px 0;
	font-size: 18px;
}




/* SERVICE HOME START */
.area-service{
	overflow: hidden;
	background: url('../images/rubber.jpg') no-repeat fixed;
	background-size: cover;
	padding: 50px 0;
}
.area-service h2{
	color: #fff;
}
.area-service .service-box{
	overflow: hidden;
	padding: 10px;
	
}
.area-service .service-box a{
	overflow: hidden;
	display: block;
	height: 250px;
	position: relative;
	width: 100%;
}
.area-service .service-box a .first-view{
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.area-service .service-box a .first-view img{
	height: 120%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	transform: scale(1) rotate(0);
	transition: ease-out 500ms;
}
.area-service .service-box a:hover .first-view img{
	transform: scale(6) rotate(180deg);
}
.area-service .service-box a .first-view h3{
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	top: 0;
	background: rgba(0, 0, 0,0.5);
	color: #fff;
	margin: 0;
	padding: 100px 10px;
	transform: scale(1);
	transition: 300ms;

}

.area-service .service-box a:hover .first-view h3{
	transform: scale(0);
}

.area-service .service-box a .hover-view{
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #05819B;
	transition: ease-in-out 750ms;
	 transition-delay: 300ms;
	transform: scale(0);


}
.area-service .service-box a .hover-view h3{
	color: rgba(254,254,254,1);
	font-size: 1.6em;
	padding-top: 50px;
}
.area-service .service-box a .hover-view button{
	background: #272822;
	border-radius: 0;
	border: 2px solid #fff;
	color: #fff;
}

.area-service .service-box a:hover .hover-view{
	transform: scale(1);
}


/* ABOUT HOME START */
.area-about{
	overflow: hidden;
	padding: 50px 0;
}
.area-about .about-home-image{
	overflow: hidden;
}
.area-about .about-home-image img{
	width: 120%;
}
.area-about .about-text {}
.area-about .about-text h3 {
	color: #05819B;
	border-left: 4px solid #FFCE44;
	margin: 0;
	padding-left: 15px;
}
.area-about .about-text p {
	color: #272822;
	padding: 15px 0;
}
.area-about .about-text a {
	background: #272822;
	border-radius: 0;
	border: 2px solid #FFCE44;
	color: #fff;
}




/* FOOTER START */
.area-footer{
	background: #05819B;
	overflow: hidden;
}
.area-footer ul{
	padding: 15px 0 0;
	display: block;
	text-align: center;
}
.area-footer ul li{
	display: inline-block;
	border-right: 1px solid rgba(0,0,0,0.5);
}
.area-footer ul li:last-child{
	border-right: 1px solid rgba(0,0,0,0);
}
.area-footer ul li a{
	color: #000;
	padding: 5px;
}
.area-footer .copyright{
	padding: 5px;
	display: inline-block;
	color: #fff;
}


/* COMMON BANNER AREA */
.common-banner{
	overflow: hidden;
	padding: 150px 10px;
	position: relative;
}

.common-banner2{
	overflow: hidden;
	padding: 120px 10px;
	position: relative;
	background: url('../images/vintage-concrete.png') repeat ;
}

.common-banner2 h2{
	color: #272822;
}

.common-banner h2{
	color: #FFCE44;
}

.common-banner a{
	color: #fff;
}

.common-banner img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: -2;
	animation: 10s common-banner-image 1 ;

}

@keyframes common-banner-image{
	0%{
		top: 0;
	}
	50%{
		top: -300px;
	}
}

.common-banner .color-ribbon{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.65);
	z-index: -1;
}

.custom-contact{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}


.custom-contact .about-text>h3{
	margin-top: 15px;
}



.main-contact-form{
	overflow: hidden;
padding: 30px 30px 30px 0;
}
.main-contact-form .form-group{}


.main-contact-detail{
	background: #ffce44 none repeat scroll 0 0;
margin: 0;
overflow: hidden;
padding: 25px 0;
}
.main-contact-detail li{}
.main-contact-detail li h4{}
.main-contact-detail li h4 i{
border: 1px solid rgba(254, 254, 254, 0.5);
color: #fff;
font-size: 2em;
height: 60px;
margin-bottom: 10px;
width: 60px;
padding: 10px;
transition: 500ms;
background: rgba(0, 0, 0, 0);
}

.main-contact-detail li:hover h4 i{
border: 1px solid rgba(0,0,0, 0.8);

	
}
.main-contact-detail li p{}
.main-contact-detail li p i{}

/* SLIDER Correction */

.erinyen .tp-tab-desc {
  color: rgb(255, 255, 255);
  font-family: "Roboto Slab";
  font-size: 14px !important;
  font-weight: 400;
  line-height: 22px !important;
  background: rgba(0,0,0,1);
  padding: 5px;
}


.erinyen .tp-tab-title {
  color: #000 !important;
  font-family: "Roboto Slab";
  font-size: 18px !important;
  font-weight: 700;
  line-height: 15px;
  text-transform: uppercase;
  background: #FFCE44;
  display: inline-block;
  padding: 3px !important;
  margin: 0 !important;
}

/* Gallery Start */


/* gallery */

.logistic_gallery{
	background: url("../images/gallery/1.jpg") fixed;
	background-size: cover;
	padding: 80px 0; 
	text-align: center;
}

.gallery_fluid {
  padding: 50px 0;
  background: url("../images/gallery/photo.jpg") fixed;
}
.gallery_fluid_container{
  text-align: center;
}
.gallery_fluid_container h1{
  padding: 0 0 50px;
  color: #00ADED;
}

.gallery_div{
overflow: hidden;
padding: 0;
position: relative;
}

.g_image {
  height: 243px;
  overflow: hidden;
  padding: 4px;
}

.g_image img{
display: block;
max-width: 130%;
width: 130%;
}

.gallery_div p {
bottom: -100%;
color: #00aded;
display: block;
left: 0;
margin: 0;
padding: 50px 5px 5px;
position: absolute;
text-align: center;
text-transform: uppercase;
transition: all 500ms ease 0s;
width: 100%;
z-index: 99999;
background: rgba(254,254,254,0.8);
height: 100%;
color: #000;
}
.gallery_div:hover p{
  bottom: 0;
  font-size: 1.5rem;
}


.gallery_div i {
  left: -100%;
  position: absolute;
  top: -100%;
  transition: all 500ms ease 0s;
  z-index:999999;
  transition: 500ms;
  display:block;
  padding: 15px 30px;
  background: #000;
  color: #fff;
}

.gallery_div:hover i{
  left: 0;
  top: 0;

}


.gallery_div span {
  display: none;
}