@font-face{
	font-family: 'Lato', sans-serif;
	src:url(../fonts/Lato-Regular.ttf);
	src:url(../fonts/Lato-Light.ttf);
	}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
	}

body{
	margin:0;
	padding:0;
	background-color:#fffbfb;
	background:url(../img/background+pattern+design+34.jpg);
	font-family: 'Lato';
	}

h1,h2,h4,p,ul,li{
	font-family: 'Lato', sans-serif;	margin:0;	padding:0; list-style:none; line-height:35px;}
a{text-decoration:none;}
hr{margin:0; border:solid thin #ccc;}

.navmenu{margin-left:20px;}
.nav>li>a{ color:#c50002; font-size:16px; }
.nav>li>a:hover{}
.sidebar-nav navbar-nav li a:hover{background-color:#000;}
.navbar-brand, .navbar-nav>li>a:hover{ color:#fff; background-color:#265a88;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color:#265a88; color:#fff;}
.dropdown-menu>li>a{ background-color:#265a88; color:#fff;}
.first{	background:#FFF;border:none;border-radius:0;margin:0;box-shadow:none;margin-top:20px;}
.first-nav{	float:right;font-family: 'Lato', sans-serif;font-weight:300;font-size:14px;	}
.navbar-default .navbar-nav > li > a{	color:#555;	}
.navbar-default .navbar-nav > li > a:hover{	color:#265a88;}
#black > li > a{color:#000;	}
#black > li > a:hover{	color:#56a5df;}
.navbar-default .navbar-nav > li{	padding-right:15px;	padding-left:15px;}
.logo{box-shadow:none; margin-bottom:10px; margin-top:10px; padding-left:0px;}
.navv{ background-color:#f7f7f7; border-bottom:solid thin #ccc;}
.banner{margin-top:15px;	}
.bannerbar{ background:url(../img/bannerbar.png);height:21px;}
.servmain{float:left; padding-bottom:30px;}	
.serve h3{ margin-top:0px; color:#09596c; font-family: 'Lato', sans-serif;font-size:25px;}
.serve img{ margin-top:10px; margin-left:13px;}
.newarrival h1{	color:#09596c;	font-family: 'Lato', sans-serif;font-size:25px; padding-top:2%;		}
.foot li{float:left; margin-left:10px; list-style:none; text-align:center; font-family:'Lato', sans-serif; font-size:15px; color:#fff; font-weight:300;}
.Ourproduct{ padding-left:0px;}
.Ourproduct h3{	color:#09596c;	font-family: 'Lato', sans-serif;font-size:25px; margin-top:0px;}
.product span:hover{ color:#900;}
.service{width:280px;	margin-top:10px;float:left;	}
.service:hover{	background-color:#eee;}
#sub-title { width: 250px; background: #000;font-size: 1.0em; text-align: center; opacity: 0.8; margin-top: -40px; padding: 10px 0; color: #fff;}
#sub-title a{color:#fff;}
#sub-title a:hover { color: #88D41C; text-decoration:none;}
.carousel-indicators{ position:inherit; left:0; width:100%; padding:0px; margin:0px;}
.carousel-indicators li{background-color: rgba(0, 0, 0, 0.5); border:none;}	
.carousel-indicators .active{ background-color:#ccc;}
.panel-body p{text-align:left; list-style:none;}
.panel-warning>.panel-heading { background-color: #fff;}
.panel-default>.panel-heading{	background-color:#265a88;}
.panel-default>.panel-heading{background-image:-webkit-linear-gradient(top,#265a88 0,#265a88 100%);}
.panel-heading{padding:1%;}
.left{border-top:solid thin #f1f1f1; margin-top: 5px;}
.thumbnail .caption{text-align:center; padding:0px;}
#togg{position:absolute; top:78px; }
/* make sidebar nav vertical */ 
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

/*-- slider --*/

.main-text
	{
    position: absolute;
    top: 50px;
    width: 96.66666666666666%;
    color: #FFF;
}
.btn-min-block
{
    min-width: 170px;
    line-height: 26px;
}
.btn-clear
{
    color: #FFF;
    background-color: transparent;
    border-color: #FFF;
    margin-right: 15px;
}
.btn-clear:hover
{
    color: #000;
    background-color: #FFF;
}
.banner{background-color:#fff;}
	
/*-- End of slider --*/
.content{float:left;}
.footer{ background-color:#f7f7f7; border-top:solid thin #ccc;}
.footer a li{color:#404040;}
.redfoot{ background-color:#404040;}
.contact { text-align:center;}
.contact h3{ color:#fff; font-family: 'Lato', sans-serif; font-weight:bold;}
.footer{font-family: 'Lato', sans-serif;font-size:15px;	font-weight:800;	padding-top:20px;	padding-bottom:20px;}
.footer p{	color:#404040;	text-decoration:none;line-height:20pt;font-family: 'Lato', sans-serif;font-weight:300;font-size:15px;}
#home{float:left;}
/* banner */
.carousel-caption{background-color:rgba(0, 0, 0, 0.6); right:0; left:0;padding:0; text-align:left; bottom:0;}
.carousel-caption h4{ margin-left:10px;}
.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 10%;
	font-size: 40px;
	color: #265a88;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .9);
	filter: alpha(opacity = 50);
	opacity: .9;
}
.site{color:#55a5da;
	font-family: 'Lato', sans-serif;
	font-size:15px;
	font-weight:800;
	}


	

	
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0;
  border: 1px solid transparent;
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 0;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 0px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 8px;
  background-color: #ccc;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
#navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 8px;
  background-color: #ccc;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
#navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0;
  border: 1px solid transparent;
}
#navbar-collapse {
  padding-right: 15px;
  padding-left: 0;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 0px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
#navbar-toggle .icon-bar {
  background-color: #000; display:block; width:22px; height:2px; border-radius:1px;
}
#navbar-toggle .icon-bar+.icon-bar{margin-top:4px;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  background-color: #aaa;
}
.navbar-toggle .icon-bar {
  background-color: #555;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  text-align: center;
  background-color: #e96d47;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.navbar-inverse {
  background-image: -webkit-linear-gradient(top,#dedede 0,#fafafa 100%);
  background-image: -o-linear-gradient(top,#dedede 0,#fafafa 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#dedede),to(#fafafa));
  background-image: linear-gradient(to bottom,#dedede 0,#fafafa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a {
  background-image: -webkit-linear-gradient(top,#265a88 0,#265a88 100%);
  background-image: -o-linear-gradient(top,#265a88 0,#265a88 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#265a88),to(#265a88));
  background-image: linear-gradient(to bottom,#265a88 0,#265a88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#265a88', endColorstr='#265a88', GradientType=0);
  background-repeat: repeat-x;
   -webkit-box-shadow: none; 
   box-shadow:none; 
}
ul.nav.navbar-nav.navbar-right li {
  border: none;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
  color: #fff;
  height: auto;
  background-image: -webkit-linear-gradient(top,#265a88 0,#265a88 100%);
  background-image: -o-linear-gradient(top,#265a88 0,#265a88 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#265a88),to(#265a88));
  background-image: linear-gradient(to bottom,#265a88 0,#F23F05 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#265a88', endColorstr='#265a88', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top,#265a88 0,#265a88 100%);
  background-image: -o-linear-gradient(top,#265a88 0,#265a88 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#265a88),to(#265a88));
  background-image: linear-gradient(to bottom,#265a88 0,#265a88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
  background-repeat: repeat-x;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {
  text-shadow: none;
}
.navbar-inverse .navbar-nav>li>a {
  color: #555;
  font-size:14px;
}
.navbar-inverse {
  background-color: #222;
  border-color: #265a88;
  border-radius: 0;
}
.nav>li {
  
  display: block;  
}

.carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0,
		rgba(0, 0, 0, .0001) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0,
		rgba(0, 0, 0, .0001) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)),
		to(rgba(0, 0, 0, .0001)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0,
		rgba(0, 0, 0, .0001) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',
		endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x
}
.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0,
		rgba(0, 0, 0, 0) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0,
		rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)),
		to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0,
		rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',
		endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x
}




.thumbnail {
    display: block;
    line-height: 1.42857143;
    background-color: #fff;
    margin-top: 5px;
   
}

.size{
	width: 250px;
    height: 405px;
	margin-left: 22px;
	border:1px solid #E0E0E0;
    background-color: white;
	color: rgb( 113, 113, 113 );
	margin-top:22px;
	-webkit-box-shadow: 0px 0px 1.5px -1px rgba(0,0,0,0.91);
   -moz-box-shadow: 0px 0px 1.5px -1px rgba(0,0,0,0.91);
   box-shadow: 0px 0px 1.5px -1px rgba(0,0,0,0.91);
}
.size:hover{
-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.21);
box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.21);

}
.size button{ 
	font-family: 'Lato', sans-serif;
	margin-top:20px;
	margin-left:70px;
	padding:5px 10px 5px 10px;
	}
#owl-demo .item{
        margin: 3px;
		background-color:#eee;
    }
	#owl-demo .item img{
  display: block;
  height: 250px;;
  margin: 15px;
  border: 1px solid #eee;
}
    .customNavigation{
      text-align: center;
    }
    .customNavigation a{
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
.product{ line-height:25px;}
.product hr{ width:80px;margin-bottom:20px; float:left; margin-top:10px;}
.objective{margin-top:30px;}
.serve p{ font-size:15px; text-align:left; font-family:'Lato', sans-serif; line-height:35px;}
.serve hr{float:left; width:80px; margin-bottom:20px;}
.newarrival hr{float:left; width:80px; margin-bottom:20px; margin-top:20px;}
.Ourproduct hr{width:80px; margin-bottom:20px; float:left; margin-top:10px;}
.foot li:hover {color:#09F;}
.thumbnail .caption{ font-family:'Lato', sans-serif; font-size:14px; color:#265a88;}
	
@media ( max-width :480px) {
.navbar-header{ position:absolute; top:-75px; left:85%;}
.nav>li>a{ padding:0; text-align:center; float:none; padding:10px;}
.nav>li>a:hover{ padding:10px; margin:0;}
.navbar-nav .open .dropdown-menu{ text-align:center;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{padding-bottom:10px;}
.ban{margin-bottom:5%;}
.serve h3{text-align:center;}
.serve hr{float:none; width:80px; margin-top:20px; margin-bottom:0px;margin-left:35%;}
.serve button{margin-left:35%;}
.newarrival h1{text-align:center;}
.newarrival hr{ width:80px; float:none; margin-top:20px; margin-bottom:20px;margin-left:35%;}
.Ourproduct h3{ text-align:center;}
.Ourproduct hr{ text-align:center; float:none; margin-top:20px; margin-bottom:20px; margin-left:35%;}
.product{ text-align:center; list-style-position:inside;}
.product hr{ float:none; text-align:center;margin-left:35%;}
.thumbnail .caption{padding:6%;}
.Ourproduct{padding:0px;}
.logo{text-align:center;}

}



@media ( max-width :320px) {
.navbar-header{ position:absolute; top:-75px; left:240px;}
.nav>li>a{ padding:0; text-align:center; float:none; padding:10px;}
.nav>li>a:hover{ padding:10px; margin:0;}
.navbar-nav .open .dropdown-menu{ text-align:center;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{padding-bottom:10px;}
.Ourproduct{padding:0px;}	
}

.pagination .glyphicon
{
    margin-right:0px !important; /*override*/
}

.pagination a
{
    color:#555;
}

.panel ul
{
    padding:0px;
    margin:0px;
    list-style:none;
}

.news-item
{
    padding:5px 10px;
    margin:0px;
   
}
#news-item{ border-bottom:1px dotted #555; padding:5px 0px; }
.panel-footer{padding:2%;}

.navbar {
  border-radius: 0;
}
}



