/* here you can put your own css to customize and override the theme */
/*feature list */

/*Custom Grid -  Bootstrap v4.1.3 */


@media (max-width: 991px){
.ecommerce .sidebar {
	padding-right: 0px !important;
}
}
body {
	color: #111111;
}
.pre-header {
 font-weight: 400;
}
.pre-header a {
	color: #525457;
	line-height:2.5;
}
.header {
/*box-shadow: 0 3px 6px #777777;*/
}

body.ecommerce {
	background: #ffffff;
}
body.shop {
	background: #ffffff;
}
.ecommerce .site-logo {
	padding-top: 36px;
	padding-bottom: 20px;
	text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 16px;
    font-weight: 600;
    color: #525457;
}
.site-logo {
	margin-right: 10px;
}
.site-logo:hover {
	text-decoration: none;
}
select.form-control {
color: #666666;
border-color: #dad4c1;
}
.header-navigation ul > li.active > a, .header-navigation ul > li > a:hover, .header-navigation ul > li > a:focus, .header-navigation ul > li.open > a, .header-navigation ul > li.open > a:hover, .header-navigation ul > li.open > a:focus {background: none;}
.header-navigation .dropdown-menu li > a  {color: #f8f9f9;	}

.white-wrap {
	background:white;
}
.gray-wrap {
	background:#f5f4f4;
}
.content-padding {
	padding:7rem 0;
}
.content-padding h1 {
	margin-bottom:6rem;
}
.no-margin {
	margin:0;
}
.ecommerce .sidebar {
	color: #626771;
	font:15px 'Montserrat',  sans-serif;
	text-transform:none;
	padding-right:56px;
}
.sidebar .portlet-title {
	background:#191919 !important;
	padding-bottom:1rem !important;
}
.sidebar .portlet-title > .caption {
	  color: #ffffff !important;
    text-align: center;
    float: none;
    font-size: 16px;
		padding: 1.85rem 0 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}

.announcement {
	padding:3rem;
}
.announcement p{
	line-height:1.45;
	font-weight:300;
}

.sidebar a {
color: #111111;
}
.breadcrumb a {
color: #111111;
}.list-view-sorting label {color: #111111;}
.header-navigation .dropdown-menu  > a {

color: #dddddd;
}
.items-info {
color: #111111;
}
.pagination > li > a, .pagination > li > span, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
color: #333333;
}.pagination > li > span, .pagination > li > span:hover {
background: #333;
color: #fff;
}
.ecommerce .header-navigation > ul > li > a {
	color: #000000;
	padding: 6px 6px 44px;
}
.header .top-cart-block {
	margin-top: 0;
}
.top-cart-block .fa-shopping-cart {
	top: -1px;
}
.header-navigation .dropdown-menu li {
	border-bottom: 1px solid #333333;
}
.featured-border {
	border:1px solid #ededed;
}
.feature-item {
	padding: 0px 0;
	background: #fff;
	position: relative;display:block;
	/*height: 202px;*/
  line-height: 120px;
	cursor: pointer;
  text-align:center;
  height: 100%;
}
.feature-item a {
	display:block;
	padding:36px 0 35px;
  height: 100%;
}
.feature-item a:hover  {
	color:white;
	text-decoration: none;
}
.feature-item a:hover i {
	color:white;
}

.feature-item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height:0;
}
*html .feature-item {
	zoom: 1;
}
*+html .feature-item {
	zoom: 1;
}

.feature-item  .feature-icon > i ,.feature-item  .feature-icon > a i {
    margin-top: 10px;
    font-size: 86px;
    line-height: 100px;
    /*float:left;*/
    width: 110px;
    padding-left: 10px;
    color: #626771;
}

.feature-icon .fa-inverse {
    color: #ffffff;
    text-transform: uppercase;
}
.feature-item  .feature-icon > .fa-stack {
margin-top: 24px;
font-size: 43px;
line-height: 100px;
margin-top: 18px;
margin-bottom: 41px;
/*float:left;*/
width: 110px;
padding-left: 10px; color: #626771;}

.feature-item h3 {
	font:  16px 'Montserrat', sans-serif;
	text-transform: uppercase;
  /*display: inline-block;*/
  vertical-align: middle;
	font-weight: 500;
    width: 90%;
    margin: 0 auto;
}
.feature-item h3 a {
	color: #333333;
}
.feature-item h3 a:hover {
	color: #555555;
}

/* Product list  */
dl.product-data {
	margin-bottom:0;
}
dl.product-data dt {
	/*float:left;width:95px;*/
	text-transform: uppercase;
	letter-spacing:1px;
}
dl.product-data dd {
	/*padding-left: 95px;*/
	color: #626771;
  padding-bottom: .6rem;
}
dl.product-data dt.pi-budget {

}
.pi-img-wrapper {
	padding-bottom:3rem;
}

.pi-img-wrapper img {
	margin: 0 auto;
}

.pi-text-wrapper {
}
.product-text {
	float:left;
	width:100%;
}
.product-item {
	margin: 0 0 30px 0;
	min-height: 500px;
	padding-bottom:80px;
}
.product-item.fr-product-item {
	min-height: 550px;
}
.product-item:hover {
	background: #ffffff;
	box-shadow: 0px 0px 10px 2px rgba(204, 204, 204, 0.5);
}

.product-item h3 {
	font:  19px/20px 'Montserrat', sans-serif;
	padding-bottom: 4px;
	text-transform: capitalize;
	font-weight:500;
	padding-top:0;
}
.product-item h3 a {
	color:#191919;
}

.pi-price {
	font: 21px 'Montserrat', sans-serif;
	float:none;
}

.input-qty{
	width: 50px !important;
  margin-left: 5px;
	border: 1px solid #cecece;
	height: 26px;
}
.copyright {
	text-align:center;
	color: #aaa;
}

/* BEGIN max width 480px */



.view-more {
	font-size: 13px;
	font-weight:600;
	padding: 5px 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-top:3rem;
}
.view-more a {
  color: #191919;
}

.label-pending {
background-color: #f3565d;
}.label-approved {
background-color: #3ba94c;
}.label-draft {
background-color: #acb5c3;
}
.label-backorder {
background-color: #fd8424;}
.label-pendingbackorder {
background-color: #4666a3;}

/* Login page */

.login {
background-color: #ffffff !important;
}
.login .flag {
	width:450px;
	margin:0 auto;
}
.login .flag li {
	padding-left: 1px ;
    padding-right: 1px;
}
.login .content {
	background:#f5f4f4;
  width: 450px;
}
.login .blue-box {
	border-top: 2px solid #0c4266;
}

.login .content h3 { text-align: center;  font-weight: 600 !important; }
.login .content .input-icon {
border-left: 2px solid #aaa !important;
}

.login-footer {position: fixed; bottom:0; width: 100%;}



.label-pending {
background-color: #f3565d;
}

/***

Page footer
***/
.page-footer {
  padding: 15px 20px;
  font-size: 12px;
  background: #191919;
}
.page-footer:before, .page-footer:after {
  content: " ";
  display: table;
}
.page-footer:after {
  clear: both;
}

.page-footer .page-footer-inner {

}
.page-footer .page-footer-copyright {
	text-align:center;
	color:white;
}

.page-footer-fixed.page-footer-fixed-mobile .page-footer {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 10000;
  bottom: 0;
}
.page-footer-fixed.page-footer-fixed-mobile.page-sidebar-fixed .page-footer {
  margin-left: 0 !important;
}
.btn { text-transform:none;}

.form-view .form-group {margin-bottom: 0px !important;}

.btn-space {margin-right: 10px;margin-left: 10px;}

/*My Budget Detail*/
.budget-total {
}
.checkout-total-block {
	margin-bottom: 20px;
}
.budget-total ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.budget-total li {
	border-bottom: solid 1px #dddddd;
	width: 100%;
	overflow: hidden;
	padding: 8px;
}
.budget-total li:last-child {
	border: none;
}
.budget-total em{
	font: 13px 'Montserrat', sans-serif;
	float: left;
	position: relative;
	top: 2px;
	font-weight:600;
}
.budget-total strong {
	font-size: 15px ;
	font-weight: normal;
	float: right;
	white-space: nowrap;
}
.budget-total strong span{
	font-size: 14px;
}
.budget-total-price {
	font-weight: bold;
}
.budget-total-price strong {
	font-weight: bold;
}
.available-total-price em,.available-total-price strong {
	font-weight:bold;font-size: 16px;
}

.budget-title  {padding: 5px 10px; margin: 15px 0;font-size: 15px;}
h4.detail-title { text-transform:capitalize; font-family: 'Montserrat'}

.form-data .control-label, .form-view .control-label  {font-weight:600 !important;}

/*Order detail*/
.order-box   {margin-bottom: 20px;}
.order-box  .detail-title	 { font-size: 16px;padding:5px 15px; }

.order-detail { font-size: 14px;line-height:20px;padding:5px 15px;}
.order-detail .alert {padding:3px 6px; margin-top: 10px;}
/*budget stats */

.budget-stat {margin-bottom: 25px;font-size: 14px; overflow: hidden;}
.budget-stat  .detail-title	 {padding:5px 15px; font-size: 16px;}

.budget-detail {padding:5px 15px;}

.orderdate {padding-bottom: 10px; font-weight: 400; font-size: 14px;}

.pwd-recovery {text-align: center;font-size: 15px;}
.pwd-recovery   .form-actions { border-bottom:none ! important;}

.warranty-info label {font-weight:600;}
.warranty-info .radio-list label {font-weight:400}

.portlet > .portlet-title > .actions {
font-size: 18px;
}
.left-line {border-left: 1px solid #ddd;}

.product-item .out-of-stock {background-color: #aaaaaa !important; border: 1px #aaaaaa solid;}
.out-of-stock-text {float:right;color:#d84a38;font-size:0.9em;}
.out-of-stock-text.fr-out-of-stock-text {font-size:0.85em;}


.product-item1 img {
/*	width: 200px;
	height: 200px;
*/}


/* Product Variations */

	.product-grid .col-md-6:nth-of-type(2n+1){
		clear:both;
	}
	.product-grid a {
		color: #e85d00;
	}
	.product-grid a:hover, .product-grid a:focus {
		color: #ee452b;
	}

	.product-item img {
		margin: 0 auto;
		max-width: 100%;
    max-height:255px;
	}
  .product-item .img-wrap {
		border: 1px solid #d5d5d5;
		background: white;
		text-align:center;
	  position:relative;
    margin-bottom:2rem;
	}

.proImg {
	border:1px solid #d5d5d5;
}
.proPremium {
		border: 3px solid #add7ff !important;
    padding: 20px;
    position: relative;
    background: url(/assets/frontend/layout/img/premium-diamond.svg) right bottom no-repeat #ffffff !important;
    background-size: 30px !important;
}
.preNote {
	color:#000000 !important;
	font-size:11px;
	padding-top:1rem;
	font-weight:500;
}
.preNote .fa {
	color:#005aca;
}
.proPremium img {

}
.pro-coop {
	display: block !important;
    position: relative !important;
	margin:1rem 0;
	text-align: center;
}
.coop-icon {
    width:33px !important;
    height:33px !important;
	margin:5px 2px !important;
	border:none !important;
  }
.product-option {
		border-top:1px dotted #d5d5d5;
		width: 100%;
		padding: 15px 25px;
		margin: 10px 0 0 0;
		position: absolute;
	  bottom: 0;
	  left: 0;
		text-transform: uppercase;
	}

.vtext {
	font-size: 16px;
	margin: 0 0 20px 0;
}
.img-des {
	position:relative  !important;
	display:block  !important;
	background:none  !important;
	font-size:20px;
	text-align: center;
}
.site-logo img {
	max-height: 45px;
	margin-right:5px;
}
.bg-orange-charcoal {
    border-color: #3c3e3c !important;
    background-image: none !important;
    background-color: #f7e7c6 !important;
    color: #555555 !important;
}
.pre-header.bg-orange-charcoal a {
    color: #555555;
}
.bg-orange-gradient {
    background: -webkit-linear-gradient(#f7e7c6, #efe7bd);
    background: -o-linear-gradient(#f7e7c6, #efe7bd);
    background: -moz-linear-gradient(#f7e7c6, #efe7bd);
    background: linear-gradient(#f7e7c6, #efe7bd);
}
.ecommerce .bg-orange-gradient .header-navigation > ul > li > a {
    color: #555555;
}
.ecommerce .bg-orange-gradient .header-navigation ul > li.active > a, .ecommerce .bg-orange-gradient .header-navigation ul > li > a:hover, .ecommerce .bg-orange-gradient .header-navigation ul > li > a:focus, .ecommerce .bg-orange-gradient .header-navigation ul > li.open > a, .ecommerce .bg-orange-gradient .header-navigation ul > li.open > a:hover, .ecommerce .bg-orange-gradient .header-navigation ul > li.open > a:focus {
    color: #e18604;
}
.bg-orange-gradient .header-navigation .dropdown-menu li > a {
    color: #555555;
}
.ecommerce .bg-orange-gradient .header-navigation ul.dropdown-menu > li.active > a,
.ecommerce .bg-orange-gradient .header-navigation ul.dropdown-menu > li > a:hover,
.ecommerce .bg-orange-gradient .header-navigation ul.dropdown-menu > li > a:focus,
.ecommerce .bg-orange-gradient .header-navigation ul.dropdown-menu > li.open > a,
.ecommerce .bg-orange-gradient .header-navigation ul.dropdown-menu > li.open > a:hover,
.ecommerce .bg-orange-gradient .header-navigation ul.dropdown-menu > li.open > a:focus {
    color: #555555;
}
.ecommerce .bg-orange-gradient .header-navigation ul > li.dropdown-submenu.active > a, .ecommerce .bg-orange-gradient .header-navigation ul > li.dropdown-submenu > a:hover, .ecommerce .bg-orange-gradient .header-navigation ul > li.dropdown-submenu > a:focus, .ecommerce .bg-orange-gradient .header-navigation ul > li.dropdown-submenu.open > a, .ecommerce .bg-orange-gradient .header-navigation ul > li.dropdown-submenu.open > a:hover, .ecommerce .bg-orange-gradient .header-navigation ul > li.dropdown-submenu.open > a:focus {
    color: #555555;
}
/*
.crc-login.login .red-box {
    border-top: 2px solid #00578d;
}
.crc-login .red.btn {
    color: white;
    background-color: #00578d;
    border-color: "";
}
.crc-login .portlet.box.red {
    border: 1px solid #00578d;
    border-top: 0;
}
.crc-login .portlet > .portlet-body.red, .crc-login .portlet.red {
    background-color: #00578d;
}
.crc-login .portlet.box.red > .portlet-title {
    background-color: #00578d;
}
*/
.header .mobile-search {
	margin-top: 0;
  margin-bottom: 0;
		display: none;
}
.header .mobile-search .form-group{
		padding-top: 15px;
    margin-bottom: 0;
}
	.desktop-search {
	    display: block;
	}

.input-xsmall.warning-bg {background-color: #f4c1c1; width:80% !important;display:inline-block;}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.content-padding .portlet-title{
	padding-bottom: 6rem;
}

.content-padding .panel-body .portlet-title {
    padding-bottom: 0;
}

.panel h3 {
	font-size:16px;
	letter-spacing: 2px;
}

.ecommerce  .portlet.box > .portlet-body {
	background-color: transparent;
    padding: 0;
}

.ecommerce  .portlet.box.grey-heather {
	border:none;
}
.ecommerce .portlet.box > .portlet-title {
	padding:1rem 0 6rem;
}

.btn-right {
	text-align:right;
}
.action-button {
	margin-bottom:1rem;
}

.action-button .btn {
	margin-bottom: 5px;
}
.checkout-page p {
	font-size:14px;
	line-height:1.5;
}

.coop-icon-16 {
    width: 16px !important;
    height: 16px !important;
    margin: 5px 2px !important;
    border: none !important;
}

.lang-flag .lang {
    display: block;
    padding: 8px 10px 6px;
    background-color: #edf0f2;
    border: 1px solid #e8e8e8;
		border-top:none;
    font-size: .8em;
    line-height: 1em;
    text-transform: uppercase;
    color: #99a6ab;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    cursor: pointer;
}
.lang-flag .lang:hover {
		background-color: #d0d6d8;
    color: #394950;
}
.lang-flag .active {
  	background-color: #555555;
		color: #e5e8e9;
}
.lang-flag .active:hover {
	background-color: #d0d6d8;
	color: #333333;
}
.coop {
	display:inline-block;
	padding:0 0.5rem;
}
#topnav .language:focus, #topnav .language:hover, #topnav .region, #topnav .region:focus, #topnav .region:hover {
    background-color: #d0d6d8;
    color: #e5e8e9;
}
.login .privacy {
	padding: 30px 40px 100px;
}
.tooltip.in{
	filter:alpha(opacity=100) !important;
	opacity:1 !important;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow ,
.tooltip.top-right .tooltip-arrow ,
.tooltip.right .tooltip-arrow,
.tooltip.left .tooltip-arrow,
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #eee;
}
.tooltip-inner {
	padding: 10px;
	text-align: left;
	line-height: 1.5;
	min-width:240px;
	color: #000;
	background-color: #eee;
}
.tooltip-inner img {
	max-width:100%;
}
.fr-amount {
	white-space: nowrap;
}

.table-budget{
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.table-scrollable > .table {
  width: 100% !important;
  margin: 0 !important;
  margin-bottom: 0;
}
.small-space .form-group {
	margin-bottom: 0;
}

.gp-payment-bg {
	background: url(/assets/frontend/layout/img/processing.gif) 0 0 no-repeat  !important;
	Background-size: 300px auto   !important;
}
.gp-payment-bg-fr {
	background: url(/assets/frontend/layout/img/processing-fr.gif) 0 0 no-repeat  !important;
	Background-size: 300px auto   !important;
}
.cobranded {
		border: 3px solid #add7ff !important;
    padding: 20px;
    position: relative;
    /*background: url(/assets/frontend/layout/img/co-branded_icon_red.jpg) right top no-repeat #ffffff !important;
    background-size: 20px !important;*/
}
.coImg {
	position: absolute;
    top: 0;
    right: 0;
    width: 40px;
}
.goods-page-image  .coImg {
	width: 30px !important;
}
.pro_option {
	margin-top: 2rem;
	font-size:1em;
	font-weight:500;
	padding: 1rem;
    background: #f5f4f4;
}
.header .mobi-toggler {
    background: #951b1e url(../img/icons/toggler.png) no-repeat 6px -28px;
    border-color: #951b1e;
    color: #fff;
}
.header .mobi-toggler:hover {
    color: #D8D8D8;
    border-color: #D8D8D8;
    background: #fff url(../img/icons/toggler.png) no-repeat 6px 8px;
}
.coop-icon-24 {
    width: 32px !important;
    height: 32px !important;
    margin: 0 0.5rem !important;
    border: none !important;
}
.noWrap {
	white-space: nowrap;
}
#warranty_list tbody tr td:nth-of-type(6), #order-list tbody tr td:nth-of-type(4) {	
	white-space: nowrap;	
}
#warranty_list .label {display: inline-block;min-width: 90px;margin: 0 2px;padding-top:2px; padding-bottom: 3px;}
.warranty-view, .warranty-addtional {margin: 5px 2px 5px -4px;
    display: inline-block;}
.table>thead>tr>th {
	vertical-align: middle;
}

.order .label-incompleted {
background-color: #ffb848;}
.order .label-pending {
background-color: #f3565d;}
.order .label-approved {
background-color: #35aa47;}
.order .label-shipped {
background-color: #4b8df8;}
.order .label-pickedup {
background-color: #4b8df8;}
.order .label-cancelled {
background-color: #95a5a6;}
.order .label-rejected {
background-color: #222222;}
.order .label-deleted {
background-color: #c6c6c6;}

#order_info_form input.cf_filed {
  width: 100%;
  padding:10px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
}

@media only screen and (min-width: 480px) {
  dl.thankyoulist {display: flex; }
  dl.thankyoulist dt {width: 90px;}
  .fr dl.thankyoulist dt {width: 120px;}
}

@media only screen and (min-width: 992px) {
.payment-form {display:flex !important; justify-content: space-between!important;  }
.form-left {width: auto !important; }
.form-right {width: 100% !important;}
}