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


ul li, ol li {
 /* display: contents!important;*/
  padding-bottom: 10px;
}
.show {
  display: inline-flex!important;
}
.hide {
	display: none;
}
.filterDiv {
	 display: none;
}
.filter-btn {
	margin: 0px 3px;
}

.price-card {
	display: inline-flex!important;
  width: 250px!important;
  height: 360px!important;
	position: relative;
  flex-direction: column;
  min-width: 250px;
	max-width: 300px;
  min-height: 360px;
	max-height: 400px;
	word-wrap: normal;
	overflow: hidden;
  /*background-color: rgba(242, 255, 255, 1);*/
	background-image: linear-gradient(to top, #c4c5c7 0%, #dcdddf 52%, #ebebeb 100%); /*url("../images/pricing-lookup/card_bkg.jpg");
  background-clip: border-box;*/
  border-radius: 0.85rem;
  margin: 0.5vw;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
/*	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;*/
}

.price-card:hover {
	background: repeating-conic-gradient(from 18deg at 50% 50%, #E8622491 0%, #0089ddB0 60%); /*linear-gradient(to bottom, rgb(167, 207, 223) 0%,rgb(5, 101, 207) 100%);=====  #FF9000	#2AACF6B0 60%*/
/*	border: 5px outset #e86224;*/
}

.banner-private-header-2 {
  display: inline-block;
  font-family: "gravita-geo-variable", sans-serif;
  font-weight: 600;
  font-size: 1.1rem;
  text-transform: capitalize;
  position: relative;
  line-height: 1;
  margin: 5px 0px;
	letter-spacing: 0.07em;
}

.cardTable{
	display: table;
	width: 100%;
}
tr .cardTable  {
	display: table-row;
}
.cardTable .tablefig2 {
	display: inline;
	height: 35px;	
	margin: 0px;
	padding: 1px;
}
.cardTable .tablefig4 {
	display: inline;
	width: 35px;
	height: auto;	
	margin: 0px;
}
 
[class*="finishfig-"] {
	padding: 0px;
}
.cardTable .finishfig-1 {
/*	border-right: 3px solid #999;*/
	max-height: 38px;
}

td .cardTable {
	display: table-cell;
	text-align: center;
	white-space: normal;
/*	border: px solid #aaa; */
}

tbody .cardTable {
	display: block;
	padding: 5px 0px;
}		
.cardTable .card-img-holder {
	display: table-cell;
	overflow: hidden;
/*	border-bottom: 2px outset #0089dd;
	max-height: 56% !important;
	min-width: 96% !important;*/
}
.card-img-holder img{
	display: block;
	width: auto;
	min-height: 240px;	
}

.product-big-price {
	font-size: 1.05rem!important;
	letter-spacing: 0.05em;
	color: #0b1874!important;
	font-family: "gravita-geo-variable", sans-serif;
}

.ff-container{
	width: 90vw;
	margin: 10px auto 30px auto;
}

.ff-label-container {
	display: flex;
	justify-content: center;
	width: 90vw;
	padding: 20px 0px;
}


.default-button {
	border: none;
  	outline: none;
  	padding: 12px 16px;
	cursor: pointer;
	background: #b85214;
	font-family: "gravita-geo-variable", sans-serif;
	color: #0b1874;
	line-height: normal;
	font-size: 1rem;
	height: 45px;
	width: 15%;
	white-space: normal;
	font-weight: 600;
  letter-spacing: 0.05em;
  border-radius: .5rem;
  box-shadow: rgba(0, 0, 0, 0.7) 0px 3px 6px, rgba(0, 0, 0, 0.6) 0px 3px 3px;
}

.default-button:hover, .default-button:focus, .default-button:active  {
	background: radial-gradient(ellipse at center, rgba(234,185,45,1) 34%,rgba(234,185,45,1) 35%,rgba(232,98,36,1) 100%);		/*rgba(234,185,45,1);*/
	color: #fff;	
	text-shadow: 0px 1px 1px #192650;
}
.active-filter {
	background: rgba(234,185,45,1);
	background: radial-gradient(ellipse at center, rgba(234,185,45,1) 34%,rgba(234,185,45,1) 35%,rgba(232,98,36,1) 100%);
	color: #fff;
	text-shadow: 0px 1px 1px #192650;		/*rgba(255,255,255,0.3);*/
	box-shadow: 0px 0px 0px 1px #40496e, 0 1px 2px rgba(0,0,0,0.1) inset;
}

@media only screen and (max-device-width : 992px){
	.default-button {	
		height: auto;
	}
}
.button + .button, button + button {
  margin-left: 0px;
}
.animate_in {
	-webkit-transition: -webkit-transform 0.3s linear, width 0s linear 0.3s;
	-moz-transition: -moz-transform 0.3s linear, width 0s linear 0.3s;
	-o-transition: -o-transform 0.3s linear, width 0s linear 0.3s;
	-ms-transition: -ms-transform 0.3s linear, width 0s linear 0.3s;
	transition: transform 0.3s linear, width 0s linear 0.3s;
	-webkit-animation: scaleUp 0.3s linear 0.4s forwards;
	-moz-animation: scaleUp 0.3s linear 0.4s forwards;
	-o-animation: scaleUp 0.3s linear 0.4s forwards;
	-ms-animation: scaleUp 0.3s linear 0.4s forwards;
	animation: scaleUp 0.3s linear 0.4s forwards;
}

.animate_out {
	-webkit-animation: scaleDown 0.3s linear forwards;
	-moz-animation: scaleDown 0.3s linear forwards;
	-o-animation: scaleDown 0.3s linear forwards;
	-ms-animation: scaleDown 0.3s linear forwards;
	animation: scaleDown 0.3s linear forwards;
}

@-webkit-keyframes scaleUp {
	50% { width: 25vw; -webkit-transform: scale(0,0);transform: scale(0,0); }
    100% { width: 25vw; -webkit-transform: scale(1,1);transform: scale(1,1); }
}
@-webkit-keyframes scaleDown {
	0% { width: 25vw;-webkit-transform: scale(1,1);transform: scale(1,1);}
	99% { width: 25vw; -webkit-transform: scale(0,0);transform: scale(0,0);}
    100% { width: 0px; -webkit-transform: scale(0,0);transform: scale(0,0); }
}
@-moz-keyframes scaleUp {
	50% { width: 25vw; -moz-transform: scale(0,0);transform: scale(0,0); }
    100% { width: 25vw; -moz-transform: scale(1,1);transform: scale(1,1); }
}
@-moz-keyframes scaleDown {
	0% { width: 25vw;-moz-transform: scale(1,1);transform: scale(1,1);}
	99% { width: 25vw; -moz-transform: scale(0,0);transform: scale(0,0);}
    100% { width: 0px; -moz-transform: scale(0,0);transform: scale(0,0); }
}
@-o-keyframes scaleUp {
	50% { width: 25vw; -o-transform: scale(0,0);transform: scale(0,0); }
    100% { width: 25vw; -o-transform: scale(1,1);transform: scale(1,1); }
}
@-o-keyframes scaleDown {
	0% { width: 25vw;-o-transform: scale(1,1);transform: scale(1,1);}
	99% { width: 25vw; -o-transform: scale(0,0);transform: scale(0,0);}
    100% { width: 0px; -o-transform: scale(0,0); transform: scale(0,0);}
}
/*@ms-keyframes scaleUp {
	50% { width: 188px; -ms-transform: scale(0,0); }
    100% { width: 188px; -ms-transform: scale(1,1); }
}
@ms-keyframes scaleDown {
	0% { width: 188px;-ms-transform: scale(1,1);}
	99% { width: 188px; -ms-transform: scale(0,0);}
    100% { width: 0px; -ms-transform: scale(0,0); }
}*/
@keyframes scaleUp {
	50% { width: 25vw; transform: scale(0,0); }
    100% { width: 25vw; transform: scale(1,1); }
}
@keyframes scaleDown {
	0% { width: 25vw; transform: scale(1,1);}
	99% { width: 25vw; transform: scale(0,0);}
    100% { width: 0px; transform: scale(0,0); }
}


/* iPad 3 (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (min-resolution: 192dpi) { 


}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) { 


}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {	 


}

@media only screen and (max-width : 874px) { 
	.ff-label-container {
		display: block;
		margin: 0px auto;
		margin-left: 0px !important;
	}
	


}



/*

.card-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	width: 23vw;
	height: 34vw;
}

.card-col-1 {
	display: flex!important; 
	width: 100%;
	padding: 0px 10px;
	margin: 0px;
	justify-content: center; 
	align-content: center;
}
.card-col-2 {
	position: absolute;
	left: 5%;
	bottom: -3%;
	display: flex !important;
    flex-wrap: wrap;
    width: 100%;
    padding: 0px;
    margin: 0px;
    justify-content: center;
    align-content: center;
}
.ff-items{
	position: relative;
	margin: 0px auto;
	padding-top: 20px;
	display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.ff-items li a{
	display: contents;
	position: relative;
	padding: 10px;
	background: #fff;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	margin: 4px;
	width: 23vw;
	height: 34vw;
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
}


.ff-items a span{
	display: block;
	background: rgba(113,123,161, 0.9);
	font-style: italic;
	color: #fff;
	font-weight: bold;
	padding: 20px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 120px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: center;
	text-shadow: 1px 1px 1px #303857;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.ff-items a:hover span{
	height: 80px;
	opacity: 1;
}

.product_grid {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 50px 0 100px;
}

.product_block {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 400px;
   flex: 0 0 400px;
   height: 400px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;	
   background: radial-gradient(#13941d, #1d512a);
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
   margin: 15px;
   border-radius: 6px;
   cursor: pointer;
   transition: 500ms;
}



*/