@charset "utf-8";
/* CSS Document */






body {
  padding-top:0px;
  color: #5a5a5a; background:url(../images/background-bg.gif) repeat;
}
li {
	list-style: none;
}
.back-to-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	display: none;
	z-index: 70;
	width: 40px;
	height: 40px;
	background: none;
	border: 1px solid rgba(192,192,192,0.9);
	background-image: url(../images/scroll-top-menu.png);
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 30px;
}
.back-to-top:hover {
	border: 1px solid #dcdcdc;
}
/* ============================= top menu ============================== */

.header
{
	background:#fff !important; border-bottom:1px solid #CCC !important; border-radius:0 !important; margin-bottom:0 !important; 
	border-right:none !important; border-top:none !important; border-left:none !important;
	padding:15px 0 10px 0; z-index:100; position:relative;
}
.logo a
{
	display:block; text-align:center !important;
}
.logo a img
{
	margin:auto !important;
}

.capstion
{
	border-right:1px solid #e2e2e2;
}
.phone-icon
{
	float:left; margin-right:10px;
}
.contact-no 
{
	text-align:left;
}
.contact-no h4
{
	font-weight:bold !important; font-size:18px;
}
.contact-no1
{
	min-height:250px !important; border:1px solid #e6e6e6; padding:20px 0;
}
.contact-no1 ul
{
	padding:0 !important; margin:0 !important;
}
.contact-no1 li
{
	margin:0 !important; padding:5% 0 !important; font-size:26px; font-weight:bolder; text-align:center; background:#fff;
	transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
}
.contact-no1 li:hover
{
	background:#111; color:#fff;
	transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
}
.contact-no1 li:nth-child(2)
{
}
/* ----------------------------- ---------------------------------- */
.pad
{
	padding:50px 0;
}
.address
{
	padding:10px; min-height:250px !important; border:1px solid #e6e6e6; text-align:center;
}
.address h2, .address h3
{
	font-weight:bold; color:#000; padding:9px; margin:0;
}
.address h4
{
	line-height:23px; padding:0 10px; font-size:15px;
}
.g-map iframe
{
	height:200px; min-height:250px !important; border:1px solid #999; width:100%;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 500px;
  /*margin-bottom: 60px;*/
  box-shadow:0px 0px 5px #666; z-index:10;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px !important;
}
.carousel-caption
{
	color:#717171 !important; text-shadow:none !important; background:rgba(0, 0, 0, 0.5); padding:0 15px; width:100%;
	bottom:0px !important; left:0 !important;
}

.carousel-control.left, .carousel-control.right{
    background-image:none !important;
}
.carousel-control .next,
.carousel-control .prv{
    top:230px !important; position:absolute;
}
.carousel-control .next{
    left:20px !important; position:absolute;
}
/* ---------------- product slider ---------------------------------*/
.product-slider
{
	margin:0 !important; display:inline-block !important; background:#111; width:100%; /*margin-top:30px !important;*/
	padding:20px 0; color:#727272;
}
.product-slider h2
{
	font-weight:bolder; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#E6E6E6;
}
.product-slider img
{
	width:100%;
}

/* ------------------------- crane-image ------------------*/
.crane-image
{
	padding-top:20px; margin-top:20px; border-top:1px dotted #000;
}
/* ----------------  ---------------------------------*/
.clearFeature
{
	margin:50px 0; clear:both;
}
/* ---------------- footer ---------------------------------*/
footer {
	background: #000; margin-top:-5px !important;
	padding: 20px; z-index:100; position:relative;
}
footer a {
	color: #ccc !important;
}


@media (min-width: 992px) and (max-width: 1199px) 
{


}


@media (max-width: 767px)
{
.top-nav .navbar-nav 
{
	 margin:22px 5px; float:left !important; width:100% !important;
}

.carousel {
  height: 250px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 250px;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 250px !important;
}

.carousel-control .next,
.carousel-control .prv{
    top:130px !important; position:absolute; left:0 !important;
}
.capstion
{
	border-bottom:1px solid #e2e2e2; border-right:none; text-align:center;
}
.contact-no
{
	text-align:center !important;
}
/* ================ product ================================ */

#product .product-nav
{
	position:static !important; width:auto !important;
} 
#product .product-nav li
{
	float:none;
}

#product-side-menu
{
	position:inherit !important;
}
#product .thumbnails .thumbnail
{
	background-color:rgba(255,255,255,0); border:1px solid rgba(0, 0, 0, 0.1) !important;
}
#product .thumbnails .thumbnail img
{
	padding:0px;
}

#product .modal-dialog
{
	 width:100% !important; top:77px; left:0 !important;
}
}


@media (min-width: 767px) and (max-width: 991px) {

#product .product-nav
{
	border:1px solid #cbcbcb; height:auto !important;
} 
#product-side-menu
{
	position:inherit !important;
}
.product-menu
{
	margin:0px !important;
}
#product .thumbnails .thumbnail
{
	background-color:rgba(255,255,255,0); border:1px solid rgba(0, 0, 0, 0.1) !important;
}
#product .thumbnails .thumbnail img
{
	padding:0px;
}
}