@charset "utf-8";
/* CSS Document */
*
{
	margin:0px;
	padding:0px;
	}
body {
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 14px;
}
<!--Indec page start-->	
/*Upper header style Start */
.row
  { 
  	font-family: "Arial",Helvetica,sans-serif !important;
	font-size:12px;
	margin:5px;
  	}
#topmenu
{
	 background-color:#555555 !important;
	 font-family: "Arial",Helvetica,sans-serif;
	 font-size:12px;
	 }
/*Upper header style End*/

/*Navbar style Start */
#navigations
{
	background-color:#FFFFFF;
	}
.navbar-inverse
{
	background-image: none;
	border-radius:0px;
	}
.navbar-default
 {
	border-color: #FFFFFF;
	font-size:14px !important;
	box-sizing:inherit;
	border:0px !important;
	text-transform:uppercase;
	background: #1c1c1c;
	border-radius: 0;
	font-family: "Arial",Helvetica,sans-serif;
	}
#my_navbar
{
	padding-top:20px;
	}
.dropdown:hover .dropdown-menu
{
	display:block;
	background: #2c2d2d!important;
	}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	background: #1c1c1c!important;
}
 
.navbar-default .navbar-nav>li>a 
{
    color:#464242;
	}
.navbar-default .navbar-nav>li>a:hover
{
	color:#67B7E1 !important;
	}
#line>a>li:hover
{
	color:#67B7E1 !important;
	}
.img-wrap-thumb {
	min-height:auto; 
	max-height:auto;
}
a:-webkit-any-link {
    text-decoration: none;
}
a:hover, a:focus {
	color:#0173c7!important;
}
#logoaround
{
	border:1px solid #989898;
	text-align:center;
	background-color:#eee;
	padding:10px;
	}
/*Navbar style End*/

/*Body aside style Start */
#side
{
	font-size:13px;
	font-family: "Arial",Helvetica,sans-serif;
	}
/*body aside style End*/

/*Main Body style Start */
#f
{
	font-family: 'Rokkitt', serif;
	}
/*Main Body style End*/
/*.zoom_img img{
margin:30px;
height:100px;
width:100px;
-moz-transition:-moz-transform 0.5s ease-in; 
-webkit-transition:-webkit-transform 0.5s ease-in; 
-o-transition:-o-transform 0.5s ease-in;
}
.zoom_img img:hover{
-moz-transform:scale(2); 
-webkit-transform:scale(2);
-o-transform:scale(2);
}*/
/*Footer One style Start */
#footer
{
	color:#232222;
	background-color:#1c1c1c !important;
	padding:20px 0;
	}
#addres
{
	color:#8C8989;
	font-size:13px;
	font-family: "Arial",Helvetica,sans-serif;
	}
hr
{
	 border-bottom:hidden #2E2A2A 1px !important;
	 border-color:#A9A9A9;
	 }
#footer ul li
{
	color:#BFBFBF !important;
	}
#line
{
	line-height:30px;
	font-family: "Arial",Helvetica,sans-serif !important;
	font-size:12px;
	}
#line li a
{
	color: #bfbfbf;
	text-decoration: none;
	}
hr { 
    display: block;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}
ul li
{
	list-style-type:none;
	}
	
.style-details-box {
	height: 175px;
}
.style-box {
	height: auto;
	min-height: 655px;
	padding: 5px;
	margin-bottom: 10px !important;
}
/*Footer One style End*/

/*Footer Two style Start */
#copywrite{
	 font-size:12px;
	 padding:20px 0;
	 text-align:center;
	 background-color:#191919;
	 font-family: "Arial",Helvetica,sans-serif;
	 color:#BFBFBF !important; 
	 }
/*Footer Two style End*/

<!--index page end-->
#hea2
{
	color:#B03436;
	background-color:#720709;
	}
<!--start home page-->
	div.bro
	{
		border: 5px solid red;
	}
#border
{
	/*border-right: 0.5px solid #A9A9A9;*/
	background: #f5f5f5;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}
#sidebar{
	padding:20px;
	font-family: "Arial",Helvetica,sans-serif;
	}
#body_logo
{
	padding-bottom:20px;
	text-align:center;
	padding:10px;
	 }
#body-font
{
	font-family: "Arial",Helvetica,sans-serif;
	color:#2B2B2B;
	font-size:16px;
	font-weight:200;
	}
#around-border
{
	 border: 1px solid #eee;
	 }
#border-righ
{
	border:1px solid #eee;
}
.img_up_down
{
	padding-top:0px; 
	padding-bottom:0px;
}
#image_contats
{
	 background-color:#f5f5f5; 
	 font-size:11px;

}
#imgcenter
{
	padding:20px 10px 10px 10px;
	}
<!--linesheet-->
.linesheet
{
	 border:2px solid #784646;
	 }
.padding-top-10
{
	padding-top:20px;
	}
label
{
	font-size:12px;
	font-family: "Arial",Helvetica,sans-serif;
	}
#div1 
{
	width:100%;
	height:50%;
	padding:30px;
	border:1px solid #aaaaaa;
	}


<!--linesheet details image hover images opacity start css Coding-->
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect a, hovereffect p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
} 
 .page
 {
	 background-color:#E9EAEE;
	 text-align:center;
	 height:40px;
	 font-size:9px;
	 border-radius:5px;
	 }
.pager
{
	margin:0px !important;
	}

.img-responsive {
    margin: 0 auto;
	height:300px;
}
.thumbinal
{
	width:30px;
	height:30px;
	}
.thum
{
	width:40px;
	height:40px;
	}
.bor
{
	border:1px solid #F5EEEE;
	 }
.bottom
{
	padding-bottom:20px;
	overflow:hidden;
	}
.overlay
{
	font-size:18px;
	}

/** Added on 25-03-2016 **/

.navbar-default .navbar-brand {
    color: #fff;
    font-family: "Raleway";
    font-size: 24px!important;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 1.5em;
}
.navbar-default .nav li a {
    color: #bfbfbf;
    font-family: "Gill Sans MT",Calibri,sans-serif;
    font-weight: 300;
    text-transform: uppercase;
	padding:3px 14px;
}
.img-wrapper {
    width: 100%;
    height: 100%;
    margin: 0 0 20px;
    clear: both;
}
.sw-image-responsive {
	width: 100%;
    height: auto;
}
.sw-thumb-responsive {
	height: 75px;
    width: auto;
}
.btn-primary {
    border-radius:0;
	background: #555555;
	border:medium none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #383838;
}

.nav-tabs > li > a {
    font-family:"Arial",Calibri,sans-serif;
    font-size:14px;
    font-style:normal;
    font-weight:500;
}

#bs-sidebar-navbar-collapse-1 .navbar-nav {
	padding:12px;
	margin:0;
	clear:both;
	list-style:disc;
	
}

#bs-sidebar-navbar-collapse-1 .navbar-nav li {
	list-style:disc;
	display:list-item;
}

#bs-sidebar-navbar-collapse-1 .navbar-nav ul {
	padding:5px 25px;
	clear:both;
}

#bs-sidebar-navbar-collapse-1 .navbar-nav li a {
	text-decoration:none;
}

/** Added on 02-04-2016 for order detail screen**/

.cba-ordertbl-wrapper
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	font-size:x-small;
}
.cba-ordertbl-wrapper td, .cba-ordertbl-wrapper th 
{
	border:1px solid #C8C8C8;
}
.cba-ordertbl-wrapper tr.alt td, .cba-ordertbl-wrapper tr.alt th 
{
	background-color:#E0E0E0;
}
.cba-ordertbl-wrapper th 
{
	background-color:#D3D3D3;
}

/** Added on 04-07-2016 to remove radius for badges**/
.badge {
	border-radius: 0!important;
}

.btn-sizes {
	margin-bottom: 5px;
}
.form-control.btn-sizes {
	margin-right: 3px;
	display: block;
	font-size: 11px;
	width: 45px;
	float: left;
	text-align: center;
}

#sw-prof-det .form-control {
	color: #3498DB;
}


/** Side Bar Css **/
 #sidebar {
    background-color: #f5f5f5;
    padding:0;
    width:249px;
    height:100%;
    clear:both;
    overflow: hidden;
    margin:0 auto;
}

#sidebar a:hover, a:focus {
    color: #FFF;
    text-decoration: none;
}

#sidebar.nav > li > a,
#sidebar.nav > li > a:link {
    background-color: #f5f5f5;
    color: #464242;
    border-radius: 0;
}

#sidebar.nav > li > a:hover,
#sidebar.nav > li > a:focus {
    background-color: #d3d3d3;
}

#sidebar.nav-pills > li.heading > a,
#sidebar.nav-pills > li.heading > a:hover,
#sidebar.nav-pills > li.heading > a:focus {
    color: #FFF;
    background-color: #838890;
}
/** End Side Bar Css **/

/** Modal PopUp Css **/
.modal {
  text-align: center;
}
@media screen and (min-width: 768px) {
    .modal:before {
      display: inline-block;
      vertical-align: middle;
      content: " ";
      height: 100%;
    }
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

@media (min-width: 767px) {
    #sidebar {
        width:100%!important;
        height:100%!important;
    }
    #bs-sidebar-navbar-collapse-1 {
    	padding-left:0!important;
    	padding-right:0!important;
    }
    .img-wrap-thumb {
		min-height:auto; 
		max-height:auto;
	}
}

@media (min-width: 640px) {
    #sidebar {
        width:100%!important;
        height:100%!important;
    }
    #bs-sidebar-navbar-collapse-1 {
    	padding-left:0!important;
    	padding-right:0!important;
    }
    .img-wrap-thumb {
		min-height:auto; 
		max-height:auto;
	}
}

@media (min-width: 480px) {
    #sidebar {
        width:100%!important;
        height:100%!important;
    }
    #bs-sidebar-navbar-collapse-1 {
    	padding-left:0!important;
    	padding-right:0!important;
    }
    .img-wrap-thumb {
		min-height:auto; 
		max-height:auto;
	}
}

@media (min-width: 320px) {
    #sidebar {
        width:100%!important;
        height:100%!important;
    }
    #bs-sidebar-navbar-collapse-1 {
    	padding-left:0!important;
    	padding-right:0!important;
    }
    .img-wrap-thumb {
		min-height:auto; 
		max-height:auto;
	}
}