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


body{ background-color:#C9C9C9; 
      font: 'Open Sans', sans-serif !important;
	  font-family:'Ubuntu';
	  color: #666;
}
a hover{ text-decoration:none;}

.custom-search-form {
	margin-top: 5px;
}
header, .main-banner {
	background-color: #D5D5D5;
}
footer{ padding-bottom:20px 0;}
#header-section {
	padding: 0px 0;
}



.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
	width:250px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


.brand-col { border:solid 1px #999;}
.brand-title { background-color:#999; display:block; color:#FFF; margin-top:0px; padding-top:10px; font-size:18px; padding-left:15px; padding-bottom:10px; border-bottom:1px solid #999; !important}
.collapse.navbar-collapse.navbar-right.navbar-main-collapse {
	background: #08172A;
	border-radius: 6px;
	font-family:'Exo';
}
.nav li a{ color:#299ed8; visibility:}


.navbar-collapse .form-control {
}
.col-lg-3 { width:100%; margin-top:3px; margin-left:0px;}
.navbar-collapse.navbar-right.navbar-main-collapse.collapse.in {
	background: none;
}
.main-about-content-area { margin-top:50px;}
.collapse.navbar-collapse.navbar-right.navbar-main-collapse{ margin:26px 0;}
.slider {
	margin-bottom: 60px;
}
.content-areas {
	background-color: #fff;
	position: relative;
	top: -30px;
	padding: 30px 30px;
	border-radius: 10px;
}
.img-responsive { margin-bottom:10px;}
.img-responsive .img-thumbnail .pull-left {
	margin-right: 12px;
}
.col-lg-4 img { margin-right:10px;}
.right_col_img { margin-left:50px; margin-top:80px;}
.about-heading { margin-top:20px; clear:both;}
.paragraph-head {font-weight: 700; font-size: 16px; color:#428bca; margin-right:10px;}

.product-cont { margin-top:13%;}
/*SLIDER ONLY */

.transition-timer-carousel .carousel-caption {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,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.1)), color-stop(32%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,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;
	font-family:'Fugaz One' ;
}
 @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 */

#slide     {overflow:hidden;}
#slide ul  { display:inline;}
#slide ul li{display:inline;}


/*FOOTER*/
#footer {padding-top:0px; padding-bottom:20px;}
footer { color:#003366;}
footer a{ margin-right:20px; color:#003366;}
footer .copyright { float:right;}

/*product items*/

.product-col { overflow: hidden;
               margin-bottom: 10px;
			   margin-top: 10px;
}
.product-col a.product-btn {
    margin-top: 5px;
    background: #3399cc;
    color: #fff;
    padding: 12px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}
/*Contact*/

.contact-page {
    margin: 80px 0;
}

.contact-infos {
    margin-top: 25px;
    display: block;
}

.contact-infos ul li {
    line-height: 24px;
    list-style-type: none;
}

.first-map {
	height: 120px;
}

.map-holder {
	height: 360px;
}

.map-wrapper {
    margin-bottom: 30px;
}

input,textarea {
    border: 1px solid #cfcfcf;
    margin-bottom: 15px;
	height:30px;
	padding-left:10px;
}

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: #32a7e1;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
	height:30px;
	margin-top:-5px;
	
}
.col-md-7 { width:50%;}
.widget-title {
    font-size: 28px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 40px;
}

/* <!-- ******* 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****** --> */