body {
	background:url(../images/bg_pattern.jpg) repeat;
	font: Tahoma, Geneva, sans-serif;
}
.no_padding {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
.harder_div {
	background:url(../images/banner_bottom.jpg) repeat-x bottom;
}
.logo {
	background:url(../images/logo_glow.png) no-repeat left top;
}
.logo a {
	margin: 30px 0;
	display: inline-block;
}
.phone {
	width: 140px;
	height: 37px;
	background:url(../images/phone_bg.png) no-repeat;
	margin: 30px 0 0 0;
}
.phone p {
	font-size: 14px;
	font-style: italic;
	color: #fff;
	margin: 5px 0 0 40px;
}
.login {
	width: 100px;
	height: 37px;
	background:url(../images/login_bg.png) no-repeat;
	margin: 30px 0 0 0;
	border:none;
}

.login p {
	font-size: 14px;
	font-style: italic;
	color: #fff;
	margin: -10px 0 0 40px;
	padding:0px;
}

.login a {
	color: #fff;
}


.register {
	width: 100px;
	height: 37px;
	background: url(../images/register.png) no-repeat;
	margin: 30px 0 0 0;
	border: none;
}

.register p {
	font-size: 14px;
	font-style: italic;
	color: #fff;
	margin: -10px 0 0 40px;
	padding:0px;
}

.register a {
	color: #fff;
}
.modal-content h1{
	font-size: 24px;
color: #24BAEE;
text-align: center;
padding:0px;
margin:0px;
}


.mob_menu {
	z-index: 999999;
}
.banner {
	border: 10px solid #fff;
}
.banner img {
	width: 100%;
}
.content {
	background:url(../images/content_bg.jpg) repeat-x bottom #fff;
	padding-bottom: 24px;
}
.menu {
	background:url(../images/menu_bg.png) repeat;
	height: 33px;
	border: 1px solid #4f4f4f;
}
.menu a {
	color: #b9b9b9;
	font-size: 13px;
	padding: 8px 15px !important;
	height: 33px;
}
.menu a:hover, .menu a:focus, .menu .active {
	background: #218fff !important;
	color: #fff;
}
.home_icon {
	background:url(../images/home_icon.png);
	width: 17px;
	height: 18px;
	display: inline-block;
}
.menu a:hover .home_icon, .menu a:focus .home_icon, .menu .active .home_icon {
	background:url(../images/home_active.png);
}
.menu .gap {
	width: 1px;
	height: 10px;
	background: #767676;
	margin: 13px 3px 0 3px;
}
.banner .carousel-caption {
	background: url(../images/banner_caption.png) repeat;
	width: 100%;
	left: 0;
	bottom: -10px;
}
.banner .carousel-caption h3 {
	color: #24baee;
	font-size: 34px;
	font-style: italic;
	text-align: right;
	margin: 5px 20px 0 0;
}
p {
	font-size: 12px;
	color: #000;
}
.small_hd {
	color: #242424;
	font-size: 14px;
}
h2 {
	font-size: 20px;
	color: #000;
}
.theme_color {
	color: #0072e7;
}
.footer {
	padding-top: 30px;
	padding-bottom: 20px;
}
.footer_link {
	text-align: center;
}
.footer_link p {
	margin-top: 12px;
}
.footer_link li {
	display: inline-flex;
	margin:0 4px 0 8px;
	border-right: 1px solid #8a8a8a;
}
.footer_link li:last-child {
	border: none;
}
.footer_link li a {
	color: #d4d4d4;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin-right: 12px;
	display: block;
}
.footer p {
	color: #d4d4d4;
	font: normal 11px Arial, Helvetica, sans-serif;
}
.fb {
	color: #d4d4d4;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.fb:hover, .fb:focus {
	color: #d4d4d4;
	text-decoration: none;
}
.fb span {
	display: inline-block;
	margin-left: 5px;
}
.carousel-control {
	width: 7%;
}
/* slider */
.list_carousel {
	width: 100%;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	font-size: 40px;
	color: #999;
	text-align: center;
	background-color: #c4c4c4;
	border: 5px solid #c4c4c4;
	width: 110px;
	height: 80px;
	padding: 0;
	margin: 6px 8px;
	display: block;
	float: left;
	box-sizing: border-box;
}
.list_carousel li img {
	width: 100%;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.prev {
	position: absolute;
	left: 0;
	top: -11px;
}
.next {
	position: absolute;
	right: 0;
	top: -11px;
}
.pager a.selected {
	text-decoration: underline;
}
.timer {
	height: 20px;
	width: 0;
	padding: 5px 0 0 25px;
	margin-top: -6px;
}
/* slider end */
.time_pic {
	float: right;
	width: 15px;
	height: 15px;
	margin: -5px 0 0 25px;
}
.line_bg {
	width: 98%;
	height: 1px;
	background: #fff;
	float: left;
	position: relative;
	margin: 15px 0 0 0;
}
/* mozila hack */
@-moz-document url-prefix() {
 .prev {
 top: -10px;
}
.next {
 top: -10px;
}
}
/* mozila hack */

/********************************************************ineer  page********************************************************/
.inner_underline{
	float:left;
	width:100%;
	border-bottom:1px dotted #ccc;
	}
.inner_underline ul{
	float:right;
	}	
.inner_underline li{
	float:left;
	padding:10px 0px 0px 0px;
	font-size:12px;
	}
.inner_underline a{
	color:#000;
	}	
.inner_underline a:hover{
	color:#0072E7;
	}	
.inner_padding{
	padding:0px;
	margin:0px;
	}
.inner_cont{
	margin-top:10px;
	}
.contact_add{
	float:left;
	text-align: left;
	}
.contact_add p{
	text-align: left;
	font-size:13px;
	}	
.map{
	
	margin-top:20px;
	}
.inner_crabs {
    color: #0072E7;
    margin: 0px 10px;
}	
	
.about_img{
	margin-top: 25px;
	text-align:right;
	}	
.moef_main{
	float:left;
	width:100%;
	padding:5px 0px;
	background:#CEF;
	}		
.moef_main02{
	float:left;
	width:100%;
	padding:5px 0px;
	background:#fff;
	}	
.moef{
	margin-top:20px;
	}		
/********************************************************ineer  page********************************************************/

/********************************************************flp  animation********************************************************/
.prod_img{
	  border: 3px solid #ccc;
	}
#f1_container {
    position: relative;
    margin: 10px 13px;
    width: 216px;
    height: 207px;
    z-index: 1;
    float: left;
  
}
#f1_container {
  perspective: 1000;
}
#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
  box-shadow: -5px 5px 5px #aaa;
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.face.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: #fff;
  text-align: center;
  background-color:#434A50;
}
.face.back p {
	color:#fff;
	font-size:16px;
}
/********************************************************flip animation********************************************************/

/*******************************************************Gallery***********************************************************/







#gallery-banner {
	background:#daeff0 url(../images/gallery-banner.jpg) no-repeat;
	height:424px;
	top:0px;
	background-position: center top;
	background-size:inherit;
	margin-top:-12px;
	background-attachment: fixed;
}
.plane {
	position:relative
}
.plane img {
	position: absolute;
	top: 255px;
	left: 400px;
}
.gallery-content-wrapper {
	margin-top: -30px;
	background: #fff;
	box-shadow: 13px 18px 25px -11px #bbb;
}
.gallery-content-wrapper .p2 {
	color:#727272;
	padding: 50px 0px 0px 0px;
	margin:0;
	font-size:25px;
	text-align:center;
	font-family: 'open_sansregular';
	line-height:110px;
	opacity:1;
}
.gallery-content-wrapper .p2:before {
	position: relative;
	content: url(../images/black-line.png);
	padding-right: 40px;
	top: -5px;
}
.gallery-content-wrapper .p2:after {
	position: relative;
	content: url(../images/black-line.png);
	padding-left: 40px;
	top: -5px;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	display:inline-block;
	left:40px;
}
.gallery-image-wrapper {
	padding-top:20px;
	cursor:pointer;
	padding-bottom: 45px;
}
.gal-img {
	float:left;
	transition:all .4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	overflow:hidden;
	height:230px
}
.gal-img img {
	position:relative;
	top:0px;
	transition:all .4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
}
#slide1_controls {
	position:relative;
	top:-12px;
	left: 47%;
	height:20px;
	width:100px;
	display:none
}
#slide1_controls li {
	height:10px;
	width:10px;
	background:#fff;
	float:left;
	cursor:pointer;
	margin-left:7px;
	transition:all .4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	border:1px solid #82b218;
	border-radius: 10px;
}
#slide1_controls li:nth-child(1):hover, #slide1_controls li:nth-child(2):hover, #slide1_controls li:nth-child(3):hover, #slide1_controls li:nth-child(4):hover, #slide1_controls li.active {
	background:#82b218;
	transition:all .4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	border:1px solid #82b218;
}
.gal-img:hover {
	-webkit-filter: grayscale(1);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.1111 0.1111 0.1111 0 0 0.1111 0.1111 0.1111 0 0 0.3111 0.1111 0.1111 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	filter: grayscale(1);
	transition:all .4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
}
.gal-img:hover img {
	position:relative;
	top:-23px;
	transition:all .4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
}
.opaque {
	background:rgba(0,0,0,1);
	position: relative;
	top:0px;
	transition:all .4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
}
.gal-zoom {
	position:absolute;
	margin: -68px 0px 0px 280px;
	;
}
.opaque h3 {
	color:#fff;
	padding:15px 0px 20px 0px;
	font-weight:100;
	text-align:center
}
.gal-img:hover .opaque {
	position: relative;
	top:-65px;
	transition:all .4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	color:#093
}
/*******************************************************gallery end************************************************************/