@charset "utf-8";
/* CSS Document */
.nav > li > a{
    position: relative;
    display: block;
    padding: 10px;
}
.navi_background{ width:100%; /*padding-top:10px; padding-bottom:10px;*/ position: relative;  background-color: #FF0000; border-bottom: 1px solid #fff;}
.navbar{ margin-bottom:0px !important;}
.navi_background .navbar{margin-bottom:0px; border:none !important;} .navbar-default{background-color:transparent;  border:none !important;}
.navi_background .navbar-default .navbar-nav > li > a {color: #fff !important; font-weight:bold;}
.navi_background .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: #fff !important;}
.navi_background .navbar-nav > li > a {padding: 15px 0; }
.navbar-default .navbar-nav > li > a{    color: #FFF;
    font-weight: bold;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ color:#FFF;}
.navi_background .navbar-nav > li {float: left; margin-right: 30px;}
.logo-wrap {background-image: url("../images/logo_background_03.png"); background-position: 0 0; background-repeat: no-repeat; height: 105px;
left: -19px; position: absolute; top: 0; width: 500px; z-index: 1000;}
.logo-wrap a {background-image:url(../images/logo2.png); background-position:15px center; background-repeat: no-repeat; display: block; height: 98px; text-align: center;text-indent: -10000px; width: 500px;}

#main_area {
    margin-top: 15px !important;
	  margin-bottom: 15px !important;
}
.about{ padding:30px 15px; text-align:justify; font-size:16px; background-color:#CCC;}
.tag-lines{ font-family: 'Oswald', sans-serif; text-align:center; }
.product{ padding:30px 15px; text-align:justify;  }
.text-white{ color:#FFF;}
.icon1 { color:#F00; margin-right:10px; }
.icon2 { color:#0CF; margin-right:10px;}
.icon3 { color:#0F0; margin-right:10px;}
.bg-gray{ background-color:#F0F0F0;}
.gray-dark{ background-color:#666;}
.logo img{ max-width:350px; width:100%;}
.hide-bullets {
list-style:none;
margin-left: -40px;
margin-top:20px;
}
.gallery
{
    display: inline-block;
    margin-top: 20px;
}
.carousel-control.left
{ background-image:none !important;}
.carousel-control.right
{ background-image:none !important;}

#media .carousel-control.left {
    background-color: black;
    position: static;
    font-size: 36px;
    width:40px;
    display: block;
    float: left;
    margin-right: 10px;
}
#media .carousel-control.right {
    background-color: black;
    position: static;
    font-size: 36px;
    width: 40px;
    display: block;
    float: left;
    margin-right: 10px;
}
.red{ color:#cd2f33;} 
.btn{margin-top:10px !important;}
.btn-primary {
    color: #fff !important;
    background-color: #cd2f33 !important; border:none !important; margin-top:10x;}
.link-foot a{ color:#FFF; font-size:16px; font-weight:bold;  }
.link-foot{ list-style:none;}
.link-foot li{ margin-bottom:5px;}
.red-bg{ background-color:#4E4E4E;text-align:center; color:#FFF;}
.footer{ padding:20px 0px;}
.prlx{ background-image:url(../images/prod5.jpg); background-attachment:fixed;  }
.red-last{ background-color:#cd2f33;}
.red-last p{ margin:10px auto; text-align:center; color:#FFF; font-weight:bold;}

.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #FFFFFF;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color:transparent !important;}
.clients {
    padding: 30px 15px;
    font-size: 16px;
    background-color: #CCC;
}
.underline{ width:190px; height:2px; background-color:#F00; margin-bottom:15px;}
.underline2{ width:332px; height:2px; background-color:#F00; margin-bottom:15px;}
.orignail img{ max-width:200px; width:100%; margin:auto;  }
.clients h4{ font-weight:bold; color:#cd2f33;}
}
.clients p{ font-weight:bold;}
.contact {
    padding:15px;
    text-align: justify;
    font-size: 16px;
    background-color: #CCC;
}

.contact p{ font-size:16px; text-align:left;}
.head {
    font-size: 24px;
    margin-top: 0;
    color: #cd2f33;
}
.form-horizontal .control-label{padding-top: 7px;
margin-bottom: 0; text-align:left !important;}

.Infrastructure{ padding: 30px 15px;
    font-size: 16px;
    background-color: #CCC;}
.Infrastructure p{ font-size:14px;}
.middle{background-color:#F0F0F0; padding:30px ; }
.vision{ border:2px solid #cd2f33; border-radius:7px; padding:15px; /*text-align:center;*/ margin-bottom:30px;}
 .cicle{
    width: 80px;
    height: 80px;
    background-color: #cd2f33;
    display: block;
    border-radius: 50%;
    padding: 17px;
    color: white;
/*    margin: 0 auto;
*/}
.gray{ background-color:#CCC; padding:30px 15px; }
.Product1 {
    padding: 30px 15px;
    text-align: justify;
    font-size: 16px;
    background-color: #CCC;}
.pic{ width:250px;}
.thumbnail{border: 2px solid #A2A2A2 !important;}
.carousel-fade{height:auto;} 
.carousel-fade .item img{height:auto !important; width:100%;}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; 
}
.carousel-fade .carousel-control {
  z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width:991px) 
{
		.logo-wrap{ position:static !important;}
}
@media only screen and (min-width: 992px) and (max-width:1199px)
{
	.logo-wrap {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 105px;
    left: -19px;
    position: static!important;;
    top: 0;
    width: 100%;
    z-index: 1000;
	margin-left:-16px;
}
.tag-lines{ padding:0px !important;}
	} 

@media only screen and (min-width: 320px) and (max-width:767px) 
{
.logo-wrap{background-image:none; margin-left:-16px; margin:0 auto; height:176px; background-color:#fff; position:static !important; width:100% !important;}
.logo-wrap a{width:100% !important; height:176px; background-image:url(../images/mobile%20logo.png); background-position: center center; background-repeat: no-repeat; display: block; text-indent: -10000px;}
.navbar-default{ background-color:#F00;}
.red-bg{ background-color:transparent !important;}
h2{ font-size:26px;}

}