@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#top_bar {
	/*background-image: url(images/top_bar_bk.jpg);
	background-repeat: repeat-x;*/
	background: #000000;
	/*height: 71px;*/
	height: auto;
	text-align: center;
}

.menu{
	background: #000000;
}

.menu #secondbar nav .navbar-brand{
	font-size: 22px;
}

.navbar-toggler-icon{
	margin-top: 7px;
}


.searchContainer{
	margin-top:-25px;
}

#secondbar {
	/*background-image: url(images/second_bar_bk.jpg);
	background-repeat: repeat-x;*/
	background: #000000;
	/*height: 46px;*/
	height: auto;
	margin: 0 auto;
	text-align: center;
	float: center;
	/*padding-top:0px;*/
	padding: 15px;	
}

.nav-item{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:12px;
	padding-right:12px;
}

.navbar-toggler-icon{
	color:#ffffff;
}

#secondbar a:link{
	color:#FFFFFF;
	text-decoration:none;
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	transition: all 200ms linear;
	position: relative;
}

#secondbar a:visited {
	color:#FFFFFF;
}

#secondbar a:hover {
	color:#CCC;
	/*text-decoration:underline;*/
}

#secondbar a:active {
	color:ORANGE;
}

/*new code*/
.nav-item a:after{
    content: "";
    left: 0px;
    top: 17px;
    background: red;
    width: 0%;
    height: 2px;
    border-radius: 20px;
    position: absolute;
    transition: all 200ms linear;
}

.nav-item a:hover:after{
    bottom: 8px;
    transition: all 200ms linear;
    width: 100%;
}
/*new code end*/


/* The container */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.container .comparecheckbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

#searchbox .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ffffff;
  border:1px solid #000000;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #000000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*info-block*/
.info-block{
	border:0px solid #000000;
	display: none;
	position:relative;
}

.table-options-min{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	width:320px;	
}

.table-options-min td{
	padding-left:15px;
	padding-right:15px;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
}

.table-options-min .title-min{
	font-weight:bolder;
	font-style:normal;
	text-align:left;
}

.table-options-min .value-min{
	font-weight:100;
	font-style:italic;
	text-align:left;
}

.infoshow_table_show{
	width:320px;
	display: block;
	position: absolute;
	margin-top: -183px;
	 background-color: rgba(0,0,0,0.8);
	animation-duration: 1s;
    animation-delay: 0s;
    animation-iteration-count: 1;
	animation-name: fadeInUp;
	animation-fill-mode: forwards; 
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.infoshow_table_hidden{
	width:320px;
	display: block;
	position: absolute;
	background: #f5f5f5;
	animation-duration: 1s;
    animation-delay: 0s;
    animation-iteration-count: 1;
	animation-name: fadeInDown;
	animation-fill-mode: forwards; 
}

@keyframes fadeInDown {
  from {
    opacity: 1;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 0, 0);
	z-index:-10;
  }
}

/*info-block*/


/*filters*/
.filter-area{
	color:#000000;
	text-decoration:none;
	font-family: 'Lato', sans-serif;
	font-size:17px;
	font-style: normal;
	font-weight: bold;	
	text-align:center;
	height:105px;
	padding-top:2px;
	padding-bottom:2px;
	background: #e4e4e4;
}

.filter-div{
	border:0px solid #ffffff;
	max-width:1155px;
	margin-left:auto; 
	margin-right:auto;
	display: flex;
}

@media only screen and (max-width: 1900px) {
   .filter-area {
    height: auto;
	padding-bottom:0px;
	margin-bottom:0px;
   }
}

label{
	padding-right:10px;
	font-weight:400;
}

.d-inline-block{
	padding:1px;
	border:0px solid #000000;
	height: auto;
	overflow: auto;
}

.d-inline-block td{
	padding:1px;
	border:0px solid #000000;
}

.sortfilter{
	border:0px;
	background:orange;
	position:relative;
	top:3px;
}

.buttonStyle{	
	width:150px;
	height:40px;
}

/*filters*/

/*#secondbar {
	background-image: url(images/second_bar_bk.jpg);
	background-repeat: repeat-x;
	background: #000000;
	height: 46px;
	height:auto;
	margin: 0 auto;
	text-align: center;
	float: center;
	padding-top:10px;*	
}/

/*#searchbox{
	text-align: center;
}*/

#searchbox a{
	color:#ffffff;
	text-decoration:none;
	font-family: 'Lato', sans-serif;
	font-style: normal;
}

#searchbox .dimension-info a{
	color:#999999;
	text-decoration:none;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	font-style: normal;
	font-weight: bold;
	transition: all 500ms linear;
}

#searchbox .dimension-info a:hover{
	color:#999999;
	text-decoration:underline;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	font-style: normal;
	font-weight: bold;
	transition: all 500ms linear;
}

#searchbox input{
	color:#000000;
	font-family: 'Lato', sans-serif;
	font-size:12px;
	font-style: normal;
	font-weight: bold;
	padding:5px;
	transition: all 500ms linear;
	border:1px solid #999999;
	border-radius: 3px;
}

.form-div{
	margin-top:-3px;
}

.form-back{
	text-align: right;
}

.form-search{
	text-align: center;
}

.form-clear{
	text-align: left;
}

/*#searchbox a:link{
	color:#ed2629;
	text-decoration:underline;
}

#searchbox a:visited {
	color:#FFFFFF;
}

#searchbox a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#searchbox a:active {
	color:ORANGE;
}*/


#main_c {
	max-width: 1000px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

#item {
	float: left;
	height: auto; /*576px;*/
	width: 100%; /*320px;*/
	/*margin-top: 10px;*/
	/*margin-right: 13px;*/
	/*background-image: url(images/bk_pt.jpg);*/
	background: #F5F5F5;
	/*-moz-box-shadow: 0 0 4px 0px #000000;
	-webkit-box-shadow: 0 0 4px 0px #000000;
	box-shadow: 0 0 4px 0px #000000;*/
	text-align:center;
	border: 2px solid #DBDBDB;
	border-radius:4px;
	
	/* For IE 8 */
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.item-gen-table{
	text-align: center;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
}

#item-block {
	/*float: left;*/
	border: 2px solid #DBDBDB;
	height: 98%;
	/* height: 550px; */
	/* height: -webkit-fill-available; */
	width: 340px;
	margin-top: 0px;
	margin-bottom: 15px;
	background: #F5F5F5;
	text-align:center;
	display: inline-block;
    vertical-align: middle;
	position:relative;
	border-radius: 4px;
	overflow:hidden;
}

.infoshow-gen{
	width: 335px;
	height:335px;
}

#item-block-relative {
	border: 2px solid #DBDBDB;
	/* height: 530px; */
	height: 98%;
	width: 340px;
	margin-top: 0px;
	margin-bottom: 15px;
	background: #F5F5F5;
	text-align:center;
	display: inline-block;
    vertical-align: middle;
	position:relative;
	border-radius: 4px;
}

.infoshow{
	width:335px;
	height:335px;
}

.item-col-size{
	padding-right:0px;
	padding-left:0px;
}

.img_icon{
	width: 20px;
	height: 20px;
	position: absolute;
	color: #707A80;
	top: 15px;
	right: 15px;
	transform: rotate(-90deg);
}

.door-name-link{
	color:#000000;
	text-decoration:none;
}

.door-name-link:hover{
	color:#000000;
	text-decoration:none;
}

.label-text{
	border:0px solid #000000; 
	text-align:left; 
	margin-left:15px;
	font-size:13px;
}

#text_bx {
	width: 100%;/*320px;*/
	margin-top: 10px;
	text-align: center;
}
.Name {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #000000;
	min-height: 65px;
    display: inline-block;
}

.table-options{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999999;
	margin-top: 8px;
	text-align:left;
}

.table-options td{
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
}

.table-options .title{
	font-weight:bolder;
	font-style:normal;
	text-align:left;
	padding:10px;
	width:25%;
}

.table-options .value{
	font-weight:100;
	font-style:italic;
	text-align:left;
	padding:10px;
	width:75%;
	border-left: 1px dotted #999999;
}

.dimensions-compare-div{
	border: 0px solid #000000;
	overflow:auto;
}

.dimensions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #999999;
	border:0px solid #000000;
	margin-top: 8px;
	float:left;
}

/*Compare*/
.compare{
border:0px solid #000000;	
text-align:right;
margin-bottom:20px;
float:right;	
}
/*Compare*/

.dimension-info{
	text-align:center;
}

.size-dimension-title{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
}

.size-dimension{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: #DDB25E;
	font-weight: bold;
}

.maintext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	overflow: hidden;
    /* display: -webkit-box; */
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
}

.maintext.title{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #595555;
}

.message  a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: orange;
}
#notavailable {
	height: auto;
	width: 100%;
	text-align: center;
	background-color: #5880E0;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

#sold {
	height: auto;
	width: 100%;
	text-align: center;
	background-color: red;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

#available {
	height: auto;
	width: 100%;
	text-align: center;
	background-color: green;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.heading11 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFF;
	line-height: 60px;
}

#error {
	color:red;
	font-size:10px;
	display:none;
}

.needsfilled {
	background:red;
	color:white;
}

.control-buttons{
	width:100%;
	text-align:center;
	padding:20px;
}

.imgdiv{
	position: relative;
}

.removeCompareItem{
	position: absolute;
	top:15px;
	right:20px;
	padding:1px;
	z-index:200;
}

.price_div{
	position: relative;
	margin-top:-14px;
}
	
.price{
	position: absolute;
	border:0px solid #FF2200;
	z-index:1;
}

.discount{
	width:35px;
	height:35px;
	position: absolute;
	border:0px solid #FF2200;
	z-index:2;
	margin-left:15px;
	color: #FF2200;
	margin-top:-5px;
}


.image{
	position: relative;
}

.smallblock{
	border:0px solid #999999;
}

.bigblock{
	border:0px solid #999999;
}

.bigestblock{
	border:0px solid #999999;
}

.colorinput{
	height: 38px; 
	border: 1px solid #ced4da;
}

.keywordsearch{
	height: 38px; 
	border: 1px solid #ced4da; 
	width:390px;
}


.Product, 
.Availability,
.Dimensions,
.SingleDouble,
.Swing,
.Color,
.GlassType,
.TopShape,
.Style,
.MoreFeatures{
	width:164px;
}

.d-inline-block select {
	width:155px;
}


.SearchKeyword{
	width:650px;
}

.SearchKeyword input{
	width:645px;
}

.StyleTable{
	width:100px;
	border:0px solid #000000;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

span.p_s{
	font-size:15px;
	margin-left:10px;
	margin-right:15px;
	padding-top: 7px;
}

.paginationDiv{
	margin-top: 20px; 
	width: max-content; 
	margin-left:auto; 
	margin-right:auto;
}

/*Responsive css*/

@media (max-width: 1181px){
	.filter-div{
		width: 360px; 
		display: block;
		border: 0px solid #000000;
	}
	
	.bigblock, .keywordsearch{
		width:164px;
	}
		
	.colorinput{
		width:165px;
	}

	.buttonStyle{
		margin:10px;
	}

	.d-inline-block{
		border:0px solid #000000;
	}

	.Product{
		width: 165px;
	}

	.Availability{
		width:165px;
	}
	.Dimensions{
		width:165px;
	}
	.SingleDouble{
		width: 165px;
	}
	.Swing{
		width: 165px;
	}

	.MoreFeatures{
		width:165px;
	}
	.Style{
		width: 165px
	}
	.GlassType{
		width:165px;
	}
	.TopShape{
		width:165px;
	}
	.Color{
		width:165px;
	}
	.SearchKeyword{
		width:165px;
	}

	.d-inline-block select{
		width:155px;
	}
	
	.StyleTable{
		width:165px;
		border: 0px solid #000000;
	}
	
	.label-text{
		font-size:12px;
	}
	
		
}

@media (max-width: 1200px){

#item-block-relative {
	border: 2px solid #DBDBDB;
	/* height: 530px; */
	height: 98%;
	width: 300px;
	margin-top: 0px;
	margin-bottom: 15px;
	background: #F5F5F5;
	text-align:center;
	display: inline-block;
    vertical-align: middle;
	position:relative;
	border-radius: 4px;
}

.infoshow{
	width:297px;
	height:297px;
}


.item-col-size{
	padding-right:0px;
	padding-left:0px;
}


}

@media (max-width: 767px){
	.form-back, .form-search, .form-clear{
		text-align: left;
	}
	
	.dimension-info{
		text-align: left;
	}
}

/*@media (min-width: 768px) and (max-width: 974px){
	.form-search input[name="searchString"]{
		width:60%;
	}
}

@media (min-width: 1171px){
	.form-search input[name="searchString"]{
		width:80%;
	}
}*/

@media (max-width: 1181px){
	.SearchKeyword{
		width:160px;
	}
	.SearchKeyword input{
		width:100%;
	}
}


.CompanyInfo{
	padding:2px;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
}

.CompanyInfo h4{
font-family: 'Lato', sans-serif;
font-size:14px;
font-weight:bold;
}

.cartProduct{
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);
	padding:10px;
	border-radius:4px;
}

.cartProdTitle{
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#000000;
}

.cartProdDescription{
	font-weight:normal;
	font-size:17px;
	color:#000000;
}

.cartProdOptions{
	font-weight:400;
	font-style: italic;
	font-size:15px;
	color:#999999;
}

.cartQty, .oneQtyPrice, .rowTotal{
	font-weight:500;
	font-size:20px;
	color:#000000;
	text-align:center;
}

.oneQtyPriceValue{
	font-weight:400;
	font-size:18px;
	color:#000000;
	text-align:center;
}

.cartQtyNumb{
	font-weight:bold;
	font-size:18px;
	color:#000000;
	text-align:center;
}

.cartQtyActions{
	display: flex;
	justify-content: center;
	align-items: center;
}

.cartQtyRemove{
	text-align:right;
	font-weight:400;
	font-size:12px;
	padding:5px;
	background:#ffffff;
}

.cartTitle{
	font-size:14px;
	font-weight:bold;
}

.cartText{
	font-size:12px;
}

.checkbox.Installation{
	font-size:12px;
}

.cartBody{
	margin-bottom: 700px;
}

.wizNumber{
	border:0px solid #343a40;
	border-radius:50px;
	font-size:30px;
	width:50px;
	height:50px;
	padding:0px;	
	background:#343a40;
	color:#ffffff;
	position: absolute;
	margin-left:10px;
	}
	
.pbar{
	background:#343a40;
	border-left: 4px solid #ffffff;
}
	
.pbar.active{
	background:orange;
}
	
.wizNumber.active{
	background:orange;
	border:1px solid #343a40;
}

.pbar.success{
	background:green;
	border:1px solid green;
}

.wizNumber.success{
	background:green;
	border:1px solid green;
}

.prevBlock{
	margin-top:15px;
	margin-bottom:15px;
}

.nav_title{
	color:#ffffff; 
	font-weight:700; 
	font-family:'Lato', sans-serif;
	font-size:18px;
	letter-spacing:1px; 
}

.pagination .page-link{
	color: #ffa500;
}

.pagination .page-item.active .page-link{
	z-index: 3;
	color: #fff;
	background-color: #ffa500;
	border-color: #ffa500;
}