/* ******************************
Lightbox Created By : Anil Mourya
******************************* */

/* Quicksand */

@font-face {
font-family: 'Quicksand Book Regular';
font-style: normal;
font-weight: normal;
src: local('Quicksand Book Regular'), url('Quicksand_Book.woff') format('woff');
}


@font-face {
font-family: 'Quicksand Dash Regular';
font-style: normal;
font-weight: normal;
src: local('Quicksand Dash Regular'), url('Quicksand_Dash.woff') format('woff');
}


@font-face {
font-family: 'Quicksand Light Regular';
font-style: normal;
font-weight: normal;
src: local('Quicksand Light Regular'), url('Quicksand_Light.woff') format('woff');
}


@font-face {
font-family: 'Quicksand Bold Oblique Regular';
font-style: normal;
font-weight: normal;
src: local('Quicksand Bold Oblique Regular'), url('Quicksand_Bold_Oblique.woff') format('woff');
}


@font-face {
font-family: 'Quicksand Bold Regular';
font-style: normal;
font-weight: normal;
src: local('Quicksand Bold Regular'), url('Quicksand_Bold.woff') format('woff');
}


@font-face {
font-family: 'Quicksand Book Oblique Regular';
font-style: normal;
font-weight: normal;
src: local('Quicksand Book Oblique Regular'), url('Quicksand_Book_Oblique.woff') format('woff');
}


@font-face {
font-family: 'Quicksand Light Oblique Regular';
font-style: normal;
font-weight: normal;
src: local('Quicksand Light Oblique Regular'), url('Quicksand_Light_Oblique.woff') format('woff');
}
.float-left {
    float: left;
    width: 25%;
}
.sidebar {
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 0.5px;
}.regular-sidebar {
    margin: 0;
}.two-column {
    width: 69%;
}
.float-right {
    float: right;
}.title-container {
    position: relative;
}.entry-title ul.in_page {
    margin: 0px;
    padding: 0px 0px;
}.entry-title ul.in_page li {
    list-style: outside none;
    float: left;
    margin-right: 6px;
    padding: 0px 2px 15px;
    color: #fff;
}.entry-title ul.in_page li a.active {
    color: #86EDD2;
}.entry-title ul.in_page li i {
    padding-left: 4px;
}.entry-content p {
    margin-bottom: 15px;
}.entry-title ul.in_page {
    margin: 0px;
    padding: 0px 0px;
}
.entry-content ul, .entry-content ol {
    list-style-type: disc;
    list-style-position: inside;
}
.entry-content ol, .entry-content ul, .entry-content dl {
    margin-bottom: 30px;
}

.normal {
    color: #fff;
}

/* Styles the thumbnail */
a.lightbox img {
	display: inline-block;
	max-width: 98%;
	height: auto !important;
	width: 100%;
	max-height:328px;
	min-height:328px;
	border:1px solid #e7e7e7;
	border-bottom:0px;				
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */
.lightbox-target {
  position: fixed;
  top: -100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  opacity: 0.9;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  overflow: hidden;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */
.lightbox-target img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 10%;
  bottom: 0;
  max-height: 0%;
  max-width: 0%;
  border: 1px solid white;
  box-shadow: 0px;
  box-sizing: border-box;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
a.description { display: block; width:98%; height:auto; top:0%; position: absolute; bottom:0px; background:#ffffff; color:#000; text-align:left; max-height:650px; overflow-y:auto;
 -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out; }
  
a.description h3 { color:#000 !important; font-size:20px; margin:5px 0px; }
  
a.description .item_name, .item_code  { width:95%; font-family:'Quicksand Book Regular'; } a.description .descriptions { width:95%; font-family:'Quicksand Book Regular';  }
a.description .item_name, .item_code, a.description .descriptions { float:left; padding:0px 15px; margin:10px 0px; }

a.description .descriptions { max-height:500px; height:500px; overflow:auto; padding-right: 17px !important; }

.enquire_now { display:block; padding:8px 16px; background:#FE7D21; margin:15px 0px; width:90px; cursor:pointer;} 

@media ( min-width: 1078px ) and ( max-width: 1236px) { 
a.description { width:30%; }




}

@media( max-width: 989px) { 
a.description .item_name, .item_code, a.description .descriptions { width:92%; padding:6px 0px; margin:0px; font-size:13px !important; } 
a.description { display: block; width:100%; height:auto; padding:10px; position: absolute; top: unset; right: unset; bottom:0px; color:#fff; text-align:left; }
.lightbox-target img { margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

a.description .descriptions { max-height:120px; height:120px; overflow-y:scroll; padding-right: 17px !important; }
}
@media( max-width: 767px) {

a.description .descriptions { max-height:100px; height:100px; overflow-y:scroll; padding-right: 17px !important; }
a.description {  height:600px; max-height:500px; overflow:auto; top:inherit; bottom:0px !important; }
.lightbox-target:target img { max-width:90% !important; max-height:400px !important; }
}
@media( max-width: 660px) {
a.description {  height:130px; max-height:130px; overflow:auto; }

.lightbox-target:target img{ top:-100px; }
}
@media( max-width: 560px) {
a.description {  height:130px; max-height:130px; overflow:auto; }

.lightbox-target:target img{ top:-100px; }
}
@media( max-width: 500px) {
a.description {  height:120px; max-height:120px; overflow:auto; }
.lightbox-target img { top:-100px; }
}
@media( max-width: 407px) {
a.description {  height:auto; max-height:150px; overflow:auto; } 


}
/* Styles the close link, adds the slide down transition */
a.lightbox-close {
  display: block;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  background: white;
  color: black;
  text-decoration: none;
  position: absolute;
  top: -80px;
  right: 0;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  z-index:999999;
}

/* Provides part of the "X" to eliminate an image from the close link */
a.lightbox-close:before {
  content: "";
  display: block;
  height: 30px;
  width: 1px;
  background: black;
  position: absolute;
  left: 26px;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */
a.lightbox-close:after {
  content: "";
  display: block;
  height: 30px;
  width: 1px;
  background: black;
  position: absolute;
  left: 26px;
  top: 10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */
.lightbox-target:target {
  opacity: 0.97;
  top: 0;
  bottom: 0;
  right:0;
  left:0px;
  z-index:999999999;
  background:#000;
}

.lightbox-target:target img {
  max-height: 100%;
  max-width: 50%;
}

.lightbox-target:target a.lightbox-close {
  top: 0px;
}

.form_control input { width:100%; border:0px; background:none !important; color:#fff; font-size:13px; }

.form_control1 { margin-top:30px; }
.form_control1 input[type="text"], input[type="email"] { 
	width:100%; 
	height:35px; 
	background:rgba(189, 189, 189, 0.1); 
	border: 1px solid #e7e7e7; 
	text-indent:10px; 
	color:#000;   
	margin-bottom:6px; 
	font-size:14px;
	padding:0px;
	line-height:28px; }

.form_control1 textarea { width:100%; background:rgba(189, 189, 189, 0.1); border: 1px solid #e7e7e7; text-indent:10px; padding:10px 0px; color:#fff; margin-bottom:6px; font-size:12px; resize:none; }

.form_control1 input[type="submit"] { display:inline-block; padding:6px 16px; background:red; border:0px; color:#fff; }

.normal { color:#000; }

.entry-title ul.in_page { margin:0px; padding:0px 0px; float:left; width:100%; }
.entry-title ul.in_page li { list-style:outside none; float:left; margin-right:6px; padding:0px 2px 15px;color:#000; position:relative; }
.entry-title ul.in_page li a { color:#000; font-size:13px; }
.entry-title ul.in_page li:before {
	content:'\f105';
	font-family:'FontAwesome';
	left:0px;
	right:0px;
	margin-right:10px;
}.entry-title ul.in_page li:first-child:before {
	content:none;
	font-family:'FontAwesome';
	left:0px;
	right:0px;
	margin-right:10px;
	display:none;
}.entry-title ul.in_page li:last-child a {
	font-weight:bold;
}
	
.entry-title ul.in_page li a.active { color:#DF010C; }
.entry-title ul.in_page li i { padding-left:4px; }

.entry-title  h1 {
    font-size: 34px;
    letter-spacing: 0;
    line-height: 40px;
	font-family:'Lato';
	color:#000!important;
}

.sidebar { width:100%; float:left; margin-right:20px; }

.products_details { display:block; padding:10px 0px; text-align:center; color:#fff; margin-bottom:6px; background:#000; position:relative; width:98%; font-size:15px; border:1px solid #000; border-top:0px; }
a.lightbox { float:left; width:33.3333%; padding:0px 15px; margin-bottom:30px; }
.font-sytle p { text-align:justify; }

.font16  p { font-size:16px; color:#fff; }
.entry-content {
	margin:0 -15px;
}

@media(max-width:360px) {
a.description { font-size:11px; width:100%; }
.form_control input { font-size:10px !important; font-family:"Trebuchet MS" !important; letter-spacing:0px !important; }
input, textarea { font-size:11px !important; font-family:"Trebuchet MS" !important; letter-spacing:0px !important; }

}
@media(max-width:320px) {
a.description { width:100%; }

}
td {
	padding:5px;
}
td, table, tbody { border-color:#e7e7e7; text-align: left; font-family:'Droid Serif'; color:#000 !important; }
a.description { text-align:left !important; }
table .form_control1 input#ItemName {
	font-size:30px;
	font-weight:bold;
	background:none;
	height:40px;
	color:red;
	text-indent:0px;
	border:0px;
}table .form_control1 input#ItemCode {
	font-size:20px;
	font-weight:bold;
	background:none;
	height:30px;
	text-indent:0px;
	border:0px;
}table .form_control1 input#ItemPrice {
	font-size:20px;
	font-weight:bold;
	background:none;
	height:30px;
	text-indent:0px;
	border:0px;
}body .lightbox-target {
	overflow:hidden;
}
@media only screen and (max-width:767px) { 

.sidebar { width:100%; margin-bottom:15px; }
.two-column {
    width: 100%;
}
a.lightbox { width:100%; }
.form_control1 { margin:0px; }
td { font-size:12px !important; }
.float-left {
    float: left;
    width: 100%;
}
}

a.lightbox img {
	transition: all .2s ease-in-out;
	}
a.lightbox:hover img {
	transform: scale(1.06);
	}