@import url('http://fonts.googleapis.com/css?family=Open+Sans');
@import url('http://fonts.googleapis.com/css?family=Play');

body{ background-color: #000;
      background-image:url(../img/bg.jpg);
	  background-repeat: repeat;
      font: 'Montserrat', 'Open Sans', sans-serif !important;
	  font-family:'Play', 'Open Sans', sans-serif !important;
	  color: #888;
	  line-height:1.7;
}
body a a:hover{ color:#FF6600 !important;}

h1,h2,h3 { color:#FFF;}
h2 { font-size:24px;}
p a{ color:#ff9933;}
.body_bg_1 { background-image:url(../img/backbg_1.png); background-position:left+top; background-repeat:no-repeat; z-index:0;}
.side-top-water { top:0px; right:0px; position:fixed; z-index:-1;}
.side-orange { top:0px; left:0px; position:fixed; z-index:-1;}
.side-fabe-watermark { position:fixed; top:0px; right:0px; opacity:1%; background-image:url(../img/backbg_fab.png); background-repeat:no-repeat; }
.centre-fab-watermark { top:200px; position:fixed; z-index:-1; left:40%;}






#header-section {
	padding: 0px 0;
	padding-top:1%;
}



.menu-box { height:50px; width:100%; background:rgba(255,255,255,.1); margin-top:6%;}
.collapse.navbar-collapse.navbar-right.navbar-main-collapse { background:rgba(255,255,255,.1); margin-top:6%; box-shadow: 2px 2px 8px #000;}
.nav li a { color:#ff9933; visibility:visible;}
.nav li  a:hover { color:#fff;  background:rgba(255,102,0,.6);}
.dropdown-toggle { background-color:none;}
.dropdown-menu { background:rgba(60,60,60,.8);}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background:rgba(255,102,0,.6); color:#FFF;}
.product-img-1 { //margin-left: -19px; }
.product-img-2 { //margin-left:0;}
.product-img-3 { //margin-left: 20px;}
.home-product-col { margin-bottom:15px;}
.home_product {}
.home_product a.product-btn {
    margin-top: 0px;
    background: #FF6600;
    color: #fff;
    padding: 10px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
	box-shadow: 2px 2px 8px #000;
}
a.product-btn-small {
    margin-top: 0px;
    background: #FF6600;
    color: #fff;
    padding: 10px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
	box-shadow: 2px 2px 8px #000;
}
.home_product_img { border:solid 3px #FF6600; }

.content-part { border:solid 3px #666666; margin-top:40px; padding:20px; background:rgba(27,27,28,.8); margin-bottom:20px;}
.bottom-border { border-bottom:solid 1px #666666; }
.col {border:solid 1px #666666; margin-top:20px;}
.col h3{ display:block;
         background-color:#FF6600;
		 padding:10px;
		 text-transform: uppercase;
		 font-weight: 700;
         font-size: 14px;
		 margin-bottom:10px;
		 margin-top:0px;
}
.col-inner{ padding:20px;}
.new-product-col { margin-bottom:20px;}
.new-product-col img{ border:solid 2px #FF6600; margin-right:20px;}
.new-product-col p {font-weight: 700;
                    font-size: 14px;
					color:#fff;
}
.read-more {color: #FF6600;
            font-weight: 100;
            padding: 3px;
            border: 1px solid #FF6600;
            border-radius: 4px;
            font-size: 15px;
			float:right;
}
.news-col { margin-bottom:20px;}
.news-caption {font-weight: 700; font-size: 14px; color:#fff; margin-right:10px;}
.margin-top{ margin-top:20px;}

.slider {
	margin-bottom: 60px;
	margin-top:30px;
	box-shadow: 0px 15px 20px #000;
}


/*SLIDER ONLY */

.transition-timer-carousel .carousel-caption {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 4%, rgba(0,0,0,0.3) 32%, rgba(255,120,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(4%, rgba(0,0,0,0)), color-stop(32%, rgba(0,0,0,0.3)), color-stop(100%, rgba(255,120,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 4%, rgba(0,0,0,0.3) 32%, rgba(255,120,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 4%, rgba(0,0,0,0.3) 32%, rgba(255,120,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 4%, rgba(0,0,0,0.3) 32%, rgba(255,120,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 4%, rgba(0,0,0,0.3) 32%, rgba(255,120,0,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
	width: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-align: left;
	padding-top: 5px;
	padding-left: 15%;
	padding-right: 15%;
}
.transition-timer-carousel .carousel-caption .carousel-caption-header {
	margin-top: 10px;
	font-size: 24px;
}
 @media (min-width: 970px) {
/* Lower the font size of the carousel caption header so that our caption
    doesn't take up the full image/slide on smaller screens */
.transition-timer-carousel .carousel-caption .carousel-caption-header {
	font-size: 36px;
}
}
.transition-timer-carousel .carousel-indicators {
	bottom: 0px;
	margin-bottom: 5px;
}
.transition-timer-carousel .carousel-control {
	z-index: 11;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar {
	height: 5px;
	background-color: #5cb85c;
	width: 0%;
	margin: -5px 0px 0px 0px;
	border: none;
	z-index: 11;
	position: relative;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate {
	/* We make the transition time shorter to avoid the slide transitioning
    before the timer bar is "full" - change the 4.25s here to fit your
    carousel's transition time */
	-webkit-transition: width 4.25s linear;
	-moz-transition: width 4.25s linear;
	-o-transition: width 4.25s linear;
	transition: width 4.25s linear;
}


/*SLIDER ONLY */

/* FOOTER */

.footer-content {  background:rgba(27,27,28,.8); padding-top:10px; padding-bottom:30px;}
.footer-content p { font-size:13px; font-style:italic;}
.full-width { width:100%;}
.social { display: block; margin-left:-10px; padding-left:0px; padding-top:10px;}
.social li{ display: inline-block; margin-right:10px;}
.facebook {}
.facebook a:hover{ background-image: url(../img/icon%20-%20facebook-hover.png); background-repeat:no-repeat;}
.twitter{}
.twitter a:hover{ background-image: url(../img/icon%20-twitter-hover.png); background-repeat:no-repeat;}
.blog{}
.blog a:hover{ background-image: url(../img/icon%20-%20blog-hover.png); background-repeat:no-repeat;}

.facebook {}
.facebook a:hover img{ background-image: url(../img/icon%20-%20facebook-hover.png); background-repeat:no-repeat;}
.twitter{}
.twitter a:hover img{ background-image: url(../img/icon%20-twitter-hover.png); background-repeat:no-repeat;}
.blog{}
.blog a:hover img{ background-image: url(../img/icon%20-%20blog-hover.png); background-repeat:no-repeat;}


.social ul li a:hover{ background:#F60;}



#footer { background: #FF6600; color:#FFF; padding-top:20px; padding-bottom:10px;}
#footer a { color:#FFF; text-decoration:none;}
#footer .copy-right { float:right;}
#footer  ul{ padding-left:0;} 
#footer  li{ list-style-type:none; margin-right:30px; display:inline;} 
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 14px;
	right: 3%;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url(../img/to-top1.png) no-repeat 0px 0px;
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

/************************************** ABOUT US **************************************/

.about-col { padding-top:10px; padding-bottom:17px;}
.about-col p { padding-top:0px; margin-top:-5px;}
.about-products { margin-top:30px; margin-bottom:10px;}
.about-down-text { padding:30px; text-align:center; padding-left:60px; padding-right:60px; font-size:14px; font-style:italic;}

.product-top-img { margin-top:20px;}
.product-heading { background-color:#dc5416; padding:5px; margin-top:0px;}
.product-row { }
.product-col { margin-bottom:25px;}
.product-img { border:solid 3px #FF6600;}
.product-col a.product-btn {
    margin-top: 0px;
    background: #FF6600;
    color: #fff;
    padding: 10px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
	box-shadow: 2px 2px 8px #000;
}
.product-content { margin-top:50px;}
.p2 { color:#C00; margin-bottom:-25px; margin-left:10px;}
.p1 { color:#fff;  margin-left:10px; margin-top:20px;}

.support-heading { margin-top:0px; margin-bottom:20px;}
.support-row { margin-top:50px; margin-bottom:0px;}
.support-content { margin-top:50px;}



.contact-content { margin-top:50px;}
.contact-heading { margin-left:40px;}
.contact-infos {
    margin-top: 40px;
    display: block;
}
.contact-infos ul li{ list-style:none; font-size:16px; color:#CCC;}
.content-color-text { color:#ff9933;}

input,textarea {
    border:solid 2px #666666;
    margin-bottom: 15px;
	height:30px;
	padding-left:10px;
	background:rgba(27,27,28,.8);
}

div.contact-form input,div.contact-form textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

div.contact-form textarea {
    min-height: 140px;
}

div.contact-form input.mainBtn {
    border: 0;
    background:#dc5416;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
	height:30px;
	margin-top:-5px;
	
}



/************************************************************************************************/

.portfolio-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
	text-align:center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
	background:rgba(27,27,28,.8);
}

.portfolio-modal .modal-content h2 {
    margin-bottom: 15px;
    font-size: 3em;
}

.portfolio-modal .modal-content p {
    margin-bottom: 30px;
}

.portfolio-modal .modal-content p.item-intro {
    margin: 20px 0 30px;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
}

.portfolio-modal .modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px;
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px;
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
	position:fixed;
}

.portfolio-modal .close-modal:hover {
    opacity: .3;
}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #fff;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

::-moz-selection {
    text-shadow: none;
    background: #fed136;
}

::selection {
    text-shadow: none;
    background: #fed136;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}
.product-details { color:#FFF; font-size:16px; text-align:left;}







#portfolio .portfolio-item {
    right: 0;
    margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(254,209,54,.9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
    margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
    margin: 0;
}

#portfolio .portfolio-item .portfolio-caption {
    margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    text-align: center;
    background-color: #fff;
}

#portfolio .portfolio-item .portfolio-caption h4 {
    margin: 0;
    text-transform: none;
}

#portfolio .portfolio-item .portfolio-caption p {
    margin: 0;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
}

#portfolio * {
    z-index: 2;
}

/* <!-- ******* whatsapp widget****** --> */

.float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
  }
  
  .my-float{
    margin-top:16px;
  }

    .float_mail{
        position:fixed;
        width:60px;
        height:60px;
        bottom:109px;
        right:40px;
        background-color:#aa0f0f;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        font-size:30px;
        box-shadow: 2px 2px 3px #999;
        z-index:100;
      }
      /* <!-- ******* whatsapp End widget****** --> */