.boxtt:hover .boxtt h2{top:20%;}
.boxtt{position:relative;}
.boxtt img{width:100%;}

.boxtt h1, .boxtt h2, .boxtt h3, .boxtt h4{position:absolute; width:60%; top:0; margin:20px; font-size:24px!important;
overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 

}
.boxtt p:nth-of-type(2) { width:60%;
position:absolute; top:50px; margin:20px;
}
/*.boxtt a{ position:absolute; top:120px; margin:20px; color: #fff; background-color: #0059ab;
    border-color: #2e6da4; 
	padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    height: 46px;

}
.boxtt a:hover{text-decoration:none;}*/



.bkodr,.bkodr:hover{ background:#dbb130!important; color:#fff; font-size: 12px!important; padding:4px 5px; margin:5px 0 0 0; display:inline-block; line-height:14px;}
table tr .bkodr{ margin:0; }
.product-list-item .cartbtn{width:auto!important; margin:0 auto;}
.product-list-item .pro-title{height:auto;}
.product-list-item .productitem-image{height:auto;}
.mlr15{margin:0 15px;}
.bannerinn img{max-height:120px;}
.logname{margin:10px 0; float:right;}
.logname span{margin:4px 0 0 5px;}
 .bottomlink{background:#008acd; margin-top:30px; color:#fff;}
/* .bottomlink{  margin:0 -15px;}*/
 .bottomlink ul{list-style:none; padding:0; margin:0;}
 .bottomlink li{list-style:none; margin:10px; display:inline-block;}
 .bottomlink li:last-child{margin-right:0;}  .bottomlink li:first-child{margin-left:0;}
 .bottomlink li a{color:#fff!important;}
 .bottomlink img{width:120px; padding:5px 0;}
body{
	 
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased !important;
}

.new_relate{ width:100%; margin:0px; padding:0px; list-style:none; }
.new_relate li{ display:inline-block; max-width:330px; float:left; margin:2px 5px; }
.new_relate li img{ border:1px solid #E9E9E9; padding:2px; border-radius:3px; }
.new_relate li p{ color:#378AF0; margin:0px; font-size:15px; }
.new_relate li span{ color:#B7B7B7; margin:0px; font-size:13px; }
 
.cd-dropdown-trigger{background-color:#ed1c24!important;}
.quantity {
  position: relative;
}
#fsidebar .media-left{min-width:50px;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}
img{max-width:100%;}
.fixed-table-container table thead{
-webkit-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.32);
-moz-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.32);
box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.32);	
	transform: translate3d(0px, 0px, 0px);
}

.fixed-table-container table > thead > tr > th{border-bottom:none;}
.hpp h4{color:#b5b5b5; font-size:15px; font-weight:400;}
.hpp h2{color:#0089d1; font-size:20px; padding:0; margin:0;}
.hpp .icofont{color:#a9a9a9;}
.hpp .media-left{vertical-align:middle!important;}
  
.bg {
  height: 100%;
 display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items: left;
  justify-content: left;
  flex-direction: column;
}

.span_pseudo, .chiller_cb span:before, .chiller_cb span:after {
  content: "";
  display: inline-block;
  background: #fff;
  width: 0;
  height: 0.2rem;
  position: absolute;
  transform-origin: 0% 0%;
}

.chiller_cb {
  position: relative;
  height: 2rem;
 display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items: center;
}
.chiller_cb input {
  display: none;
}
.chiller_cb input:checked ~ span {
  background: #fd2727;

  border-color: #fd2727;
}
.chiller_cb input:checked ~ span:before {
  width: 1rem;
  height: 0.15rem;
  transition: width 0.1s;
  transition-delay: 0.3s;
}
.chiller_cb input:checked ~ span:after {
  width: 0.4rem;
  height: 0.15rem;
  transition: width 0.1s;
  transition-delay: 0.2s;
}
.chiller_cb input:disabled ~ span {
  background: #ececec;
  border-color: #dcdcdc;
}
.chiller_cb input:disabled ~ label {
  color: #dcdcdc;
}
.chiller_cb input:disabled ~ label:hover {
  cursor: default;
}
.chiller_cb label {
  padding-left: 2rem;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-bottom:0;
}
.chiller_cb span {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid #ccc;
  position: absolute;
  left: 0;
  transition: all 0.2s;
  z-index: 1;
  box-sizing: content-box;
}
.chiller_cb span:before {
  transform: rotate(-55deg);
  top: 1rem;
  left: 0.37rem;
}
.chiller_cb span:after {
  transform: rotate(35deg);
  bottom: 0.35rem;
  left: 0.2rem;
}


 

.pboxi{width:50%; float:left;}
.pboxi ul{list-style:none; padding:0; margin:10px 0;}
.pboxi ul li{list-style:none; display:inline-block; width:50%; text-align:center; float:left;}
.pboxi ul li a{font-size:22px; text-decoration:none;}

/* .carousel-control{top:-60px!important; width:auto!important;}
 .carousel-control.left{right:45px!important; left:auto!important;}*/
  .carousel-control{top:30px!important; width:auto!important;}
.icofont-thin-right, .icofont-thin-left{background:#000; color:#fff; padding:10px;}
/*.carousel-control.right{right:10px;}*/
.btn-lg, .btn-group-lg > .btn{border-radius:3px!important;}
.quantity input {
  width: 140px;
  height: 48px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-left: 48px;
  border: 1px solid #ddd;
   border-radius:3px;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
}

.quantity input:focus {
  outline: 0;
}
.quantity label{position:absolute; margin:12px 10px;}
.quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #eee;
  width: 20px;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #eee;
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
}

.btn-lg{letter-spacing:0em;}

/* flip card start*/
.flipping{margin-top:50px;}
 
 .flip-card {
  background-color: transparent;
  width: 100%;
  height:140px; margin-bottom:25px;
  perspective: 1000px; text-align:left;
  
}
.flip-card-front img{width:60px; height:auto; margin:0 10px 0 0;
float:left; 
  -webkit-filter: brightness(7) invert(1);
  filter: brightness(40) invert(1); 
}
.flip-card-front .media-left{min-width:70px;}
/*.flip-card-front img{width:60px; height:auto; margin-top:5%;
 -webkit-transition: width 1s;
  transition: width 1s;
  -webkit-filter: brightness(7) invert(1);
  filter: brightness(40) invert(1); 
}*/
.flip-card-front h3{display:block; }
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
 
}

 
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden; display: table-cell;
    vertical-align: middle;
	 
}

.flip-card-front {  border-radius: 10px;
  background-color: #fff;
    border:solid 1px #e2e2e2; padding:15px;  
 			
}
.flip-card-front .btn-danger{
	color: #060606;
    background-color: #ffffff;
    border-color: #d6d6d6;
}
.flip-card-front p{font-size:12px; line-height:18px; color:#4A4A4A; }
.flip-card-front:hover {
  background-color: #2980b9;
  color: white;
   border-radius: 10px;
}

.flip-card-front .icofont{ color:#fff; font-size:30px;
transition:2s;
    -webkit-transition:2s;
    -moz-transition:2s;
    position:absolute;
    right:calc(100% - 100px);
}
.flip-card-front:hover .icofont{display:block;
right:0;
}

.flip-card-front:hover a{ text-decoration:none!important;}

.flip-card-front:hover p, .flip-card-front:hover .text-danger,  .flip-card-front:hover .media-heading{color:#fff; text-decoration:none!important;}
.flip-card-front:hover img{
	width:55px; height:auto; margin-top:1%; 
-webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); 
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
  }
  
 
 
  
/* flip card end*/


 
 .myp{margin-top:-58px; z-index:9;}
 .myheader {
    position: relative;
    background: #9bb7d6;
    overflow: hidden;
	min-height:180px;
}
/*.myheader:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	
    z-index:0;
    opacity: 0.1;
    background-image: url('../images/myaccbg.jpg');
	 background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}*/
 
 .fflogo{max-width:400px; width:100%; }
 
.holder-name{
  z-index: 2;
    position: relative;
color:#fff; 
display:inline-block; 
padding:25px 0; font-size:36px; width:100%; font-weight:600; 
 
}
.holder-name img{max-width:260px; max-height:200px; margin-top:30px;}
.holder-bot{color:#fff; font-size:11px; text-align:left;}
.holder-bot span{margin-left:30px;}
.holder-bot a{color:#0175dd; font-size:20px; margin-left:8px; text-decoration:none;}
.holder-name h2{font-size:36px; margin-top:0;}
.holder-name h2 span{display:block; font-size:20px;}
.brnadimg img{
/* filter: url(filters.svg#grayscale); Firefox 3.5+ */
filter: gray; /* IE5+ */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
-webkit-transition: all .4s ease-in-out;  
}

.brnadimg img:hover {
filter: none;
-webkit-filter: grayscale(0);
-webkit-transform: scale(1.2);
}
.has-children a, .is-hidden li a { 
text-indent: 0px; 

 } 
 
 
 .cd-dropdown-content > .has-children > a.is-active, .cd-secondary-dropdown .is-hidden li a:hover, .cd-dropdown-content .cd-secondary-dropdown > li > a:hover, .see-alld {
	background: -moz-linear-gradient(left, #005bab 0%, #00c4ff 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #005bab), color-stop(100%, #00c4ff));
background: -webkit-linear-gradient(left, #005bab 0%, #00c4ff 100%);
background: -o-linear-gradient(left, #005bab 0%, #00c4ff 100%);
background: -ms-linear-gradient(left, #005bab 0%, #00c4ff 100%);
background: linear-gradient(to right, #005bab 0%, #00c4ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005bab', endColorstr='#00c4ff', GradientType=1 ); 
	 
	  color:#fff; text-decoration:none;
text-indent: 10px;
-webkit-transition:200ms ease;
    -moz-transition:200ms ease;
    -o-transition:200ms ease;
    transition:200ms ease;
 } 
 .see-alld{color:#fff!important;}
 
.cd-dropdown-content > .has-children > a.is-active:before, .cd-dropdown-content > .has-children > a.is-active:after{
    background: #fff;
  }
 

.sidefilter{margin-top:12px;}
.sidefilter h5{font-size:16px;}
.sidefilter label{
width:100%; text-align:left; 
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
vertical-align:middle;
font-size:14px; margin:0;
}
 
 .listcont{background:#f8f8f8; width:100%; margin-bottom:30px;} 
  .listcont h4{margin-bottom:0; font-weight:600;}
  .listcont .media{margin:30px 0; vertical-align:middle;}
  .listcont .media-left{min-width:70px;}
 .listcont  svg { 
	margin:10px 20px 0 0; float:left;
 }
  .listcont .media-body{ margin-right:20x; vertical-align:middle;}
  .listcont img{max-height:70px; opacity:0.7;}
 .v-info{ z-index:99; 
 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
 }
 .v-info a{color:#fff; text-transform:uppercase; font-size:18px;}
 
<!--new style-->
.gal-item{
	overflow: hidden;
	padding: 8px;
}
.gal-item .box{
	height: 100%;
	overflow: hidden;
}
.row02{ margin-left:-10px; margin-right:-10px;}
.row02 [class*=" col-"]{ padding-left:10px; padding-right:10px;}
.h-50{height:50%!important;}
 

.box {
  position: relative; 
  margin-bottom:20px;
  overflow: hidden;
}
.box img{
	 height:auto;
	/*height:420px;*/
	width: 100%;
	 object-fit:cover; 
}
.box .content-overlay { display:none;
  background: rgba(18,55,128,1);
background: -moz-linear-gradient(left, rgba(18,55,128,1) 0%, rgba(102,176,255,0.55) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(18,55,128,1)), color-stop(100%, rgba(102,176,255,0.55)));
background: -webkit-linear-gradient(left, rgba(18,55,128,1) 0%, rgba(102,176,255,0.55) 100%);
background: -o-linear-gradient(left, rgba(18,55,128,1) 0%, rgba(102,176,255,0.55) 100%);
background: -ms-linear-gradient(left, rgba(18,55,128,1) 0%, rgba(102,176,255,0.55) 100%);
background: linear-gradient(to right, rgba(18,55,128,1) 0%, rgba(102,176,255,0.55) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123780', endColorstr='#66b0ff', GradientType=1 );
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.box:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: left;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 5%;
  left: 5%;
  opacity: 1;
 /* -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);*/
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.box:hover .content-details{
  top: 20%; 
  opacity: 1;
}
.content-details h3{
  color: #fff; font-size:34px;
  font-weight: 700; 
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
.content-details p{
  color: #fff;
  font-size: 1.2em;
}
.gal-item02 .content-details p{
  font-size: 0.8em; width:50%;
}
.blac h3, .blac p{color:#000!important;}
.box:hover .blac h3, .box:hover .blac p{color:#fff!important;}
.gal-item02 .content-details h3{
	font-size:1.2em;
}
.gal-item02 .box img{height:295px;}
/*.box img{height:426px;}*/

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}
<!--new style end-->


body{background:#fff!important;}
.bsha, .thumbnail02{box-shadow:2px 2px 3px -1px rgba(216,216,216,1);}
#note{background:#FF0000!important; font-size:18px;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);border-radius:0; margin-bottom:0;position:relative; z-index:999; display:none;}
#note .close{font-size:21px; opacity:0.8; font-weight:400;}
#note a{color:#fff;}
#note p{ animation-name: shake;animation-duration: 5s;animation-iteration-count: infinite;animation-timing-function: ease-in;}

@keyframes shake {
  0% { transform: skewX(-15deg); }
  5% { transform: skewX(15deg); }
  10% { transform: skewX(-15deg); }
  15% { transform: skewX(15deg); }
  20% { transform: skewX(0deg); }
  100% { transform: skewX(0deg); }  
}
.carousel-control span{top:50%; position:absolute; font-size:18px;}
   
@-webkit-keyframes slideDown { 0%, 100% { -webkit-transform: translateY(-50px); } 10%, 90% { -webkit-transform: translateY(0px); } }
@-moz-keyframes slideDown { 0%, 100% { -moz-transform: translateY(-50px); } 10%, 90% { -moz-transform: translateY(0px); } }
.caption02{z-index:9;}
.nbs-flexisel-item{line-height:inherit;}
.nbs-flexisel-item img{margin:0;}
.nbs-flexisel-item .middle{margin-bottom:5px;}
.reducebg{background: rgba(212,228,239,1)!important; background: -moz-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(77,165,227,1) 100%)!important; background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,228,239,1)), color-stop(100%, rgba(77,165,227,1)))!important; background: -webkit-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(77,165,227,1) 100%)!important; background: -o-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(77,165,227,1) 100%)!important; background: -ms-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(77,165,227,1) 100%)!important; background: linear-gradient(to bottom, rgba(212,228,239,1) 0%, rgba(77,165,227,1) 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#4da5e3', GradientType=0 )!important; }
.reducebg .section-title span{color:#034ea2!important;}
.block{width:98%!important;}






.proflex{  
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
     margin:5px -10px 0 0;
    list-style: none;
    padding: 0;
     flex-wrap: wrap;
    }
	
.proflex .product-wrap{
    position: relative;
    min-height: 370px;
   /* flex-grow: 4;*/
    padding:0;
    width: 25%;
	margin-bottom:20px;
	}
 
.proflex .product-box{    
    background:#fff;
    position:absolute; width:calc(100% - 10px); 
    height:370px;
    transition: 0.2s;  
	border: 1px solid rgba(127,127,127,0.16);
    box-shadow: 0 1px 4px rgba(127,127,127,0.11);
 }
.proflex .product-box:hover{
    z-index:9; 
    min-height:100%;
	height:450px;
	 box-shadow: 0 10px 14px rgba(127,127,127,0.5);    
}
.proflex .productitem-image{padding:15px;}
.proflex .probuttons{ padding:5px 15px; position:absolute; top:300px; width:100%; text-align:center; opacity: 1; visibility: visible; 
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
 flex-direction:row; flex-wrap:wrap; justify-content:flex-start; }
/*.proflex .product-box:hover .probuttons{ opacity: 1;visibility:visible; top:340px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}*/

.proflex .probuttons .cartbtn,.proflex .probuttons .proicons{ opacity: 0;visibility: hidden; }
.proflex .product-list-item .probuttons .cartbtn,.proflex .product-list-item .probuttons .proicons{ opacity: 1;visibility: visible; }
.proflex .product-box:hover .probuttons{ top:365px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.proflex .product-box:hover .probuttons .cartbtn, .proflex .product-box:hover .probuttons .proicons{ opacity: 1;visibility:visible; }

.proflex .productitem-info{padding:0 15px;}
.proflex .btn-action{
    display: inline-block;
    align-items: center;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 50%;
    padding-right: 0.25rem;
    padding-left: 0.25rem;
    margin-top: 0.5rem;
}
.sabadge, .nobadge{position:absolute; font-size:14px; color:#fff;  font-weight:600; padding:2px 5px; line-height:20px; right:0; top:30px;}
.sabadge{ background:#12c495;}
.sabadge02, .nobadge{position:absolute; font-size:14px; color:#fff;  font-weight:600; padding:2px 5px; line-height:20px; right:0; top:60px;}
.sabadge02{ background:#4a4843;}
.sabadge03, .nobadge{position:absolute; font-size:14px; color:#fff;  font-weight:600; padding:2px 5px; line-height:20px; right:0; top:90px;}
.sabadge03{ background:#c79112;}
.nobadge{background:#8c8c8c; }
/* pro 2 start*/
.proflex02{ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-grow: 1; /* Safari 6.1+ */
    -webkit-flex-shrink: 1; /* Safari 6.1+ */
    -webkit-flex-basis: 100px; /* Safari 6.1+ */
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100px; margin:0 -5px; list-style:none; padding:0;
}
.proflex02 li:last-child p{padding:0; margin:0;}	
.proflex02 .product-wrap{ 
display:inline-block;
 position: relative;
    min-height: 370px;
   /* flex-grow: 4;*/
 
	margin-bottom:20px;
   /* padding: 1rem 0;*/ width:calc(25% - 15px);
}
 
.proflex02 .product-box{    
    background:#fff;
    position:absolute; width:calc(100% - 10px); 
    height:100%;
    transition: 0.2s;  
	border: 1px solid rgba(127,127,127,0.16);
    box-shadow: 0 1px 4px rgba(127,127,127,0.11);
 }
.proflex02 .product-box:hover{
       z-index:9; 
    min-height:100%;
	height:auto;
	 box-shadow: 0 10px 14px rgba(127,127,127,0.5);     
}

@media screen and (min-width: 1500px){
.proflex02 .product-box:hover{
    min-height:420px;   
}
.gal-item02 .box img{height:344px;}
}

.proflex02 .productitem-image{padding:15px;}
/*.proflex02 .probuttons{ width:100%; padding:5px 15px; margin-top:-100px; margin-bottom:15px; text-align:center; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; 
display:flex;  flex-direction:row;  flex-wrap:wrap; justify-content:flex-start; }
.proflex02 .product-box:hover .probuttons{opacity: 1;visibility: visible; margin-top:0; margin-bottom:15px;}*/

.proflex02 .probuttons{ width:100%; padding:5px 15px; margin-bottom:15px; text-align:center; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */  flex-direction:row;  flex-wrap:wrap; justify-content:flex-start; }

.proflex02 .probuttons .cartbtn,.proflex02 .probuttons .proicons{ opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
.proflex02 .product-list-item .probuttons .cartbtn,.proflex02 .product-list-item .probuttons .proicons{ opacity: 1; visibility: visible; }
.proflex02 .product-box:hover .probuttons{margin-top:0; margin-bottom:15px;}
.proflex02 .product-box:hover .probuttons .cartbtn,.proflex02 .product-box:hover .probuttons .proicons{opacity: 1;visibility: visible;}


.proflex02 .productitem-info{padding:0 15px;}
.proflex02 .btn-action{
    display: inline-block;
    align-items: center;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 50%;
    padding-right: 0.25rem;
    padding-left: 0.25rem;
    margin-top: 0.5rem;
}

.proflex03{ display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-grow: 1; /* Safari 6.1+ */
    -webkit-flex-shrink: 1; /* Safari 6.1+ */
    -webkit-flex-basis: 100px; /* Safari 6.1+ */
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100px; margin:0 -5px; list-style:none; padding:0;
}

.proflex03 .product-wrap{
	position:relative;
	min-height:410px;
    padding: 1rem 0.5rem;/* width:calc(20% - 15px);*/
}

.proflex03 .product-box{    
    background:#fff;
    position:absolute; width:calc(100% - 10px); 
    height:360px;
    transition: 0.2s;  
	border: 1px solid rgba(127,127,127,0.16);
    box-shadow: 0 1px 4px rgba(127,127,127,0.11);
 }
 
.proflex03 .product-box:hover{
    z-index:9; 
    height:100%;    
}

@media screen and (min-width: 1500px){
.proflex03 .product-box:hover{
    min-height:420px;   
}
}

.proflex03 .productitem-image{padding:15px;}
.proflex03 .probuttons{
padding:5px 15px; margin-top:-100px; margin-bottom:0px;
  width:100%; 
text-align:center; opacity: 0;
visibility: hidden;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; 
display:flex; 
flex-direction:row; 
flex-wrap:wrap; 
justify-content:flex-start; 
}
.proflex03 .product-box:hover .probuttons{opacity: 1;visibility: visible; margin-top:0; margin-bottom:15px;}
.proflex03 .productitem-info{padding:0 15px;}
.proflex03 .btn-action{
    display: inline-block;
    align-items: center;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 50%;
    padding-right: 0.25rem;
    padding-left: 0.25rem;
    margin-top: 0.5rem;
}
/*pro end*/

.pro-price{font-size:22px; color:#0175dd;}
.btn-action .btn{width:100%; display:block; white-space:nowrap; vertical-align:middle; padding-right:0.25rem; letter-spacing:normal; padding-left:0.25rem; font-weight:700;}
.pro-title{font-size:16px;
height:45px;

 display: block;
  display: -webkit-box; 
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pro-title a{color:#4c5154; transition: color 0.1s ease; text-decoration:none;} .pro-title a:hover{color:#0076de;}
.proicons{width:100%; display:block; margin:5px 0;}
.proicons a{padding:5px; margin:0 4px; text-align:center; border:solid 1px #c7c7c7; text-decoration:none; border-radius:3px; color:#333; min-width:35px; min-height:35px; line-height:35px; transition: background-color 0.3s ease;}
 .proicons a:hover{
	 color: #fff;
    background-color: #0059ab;
    border-color: #2e6da4;
 }
.productitem-image{height:245px; text-align:center;}	
.productitem-image img{width:auto; max-width:100%; max-height:220px; height:auto;}
.procode{font-size:12px; color:#ccc;}
.procode span{float:right;}

@media screen and (max-width: 768px) {
.proflex02{display:inherit!important;}
.proflex02 .product-wrap{
width:50%; float:left;
}
/*.proflex02 .product-box:hover{height:430px;}*/
  .proflex02 li:last-child{width:100%;}  
}
.overimg{width:100%;}
.overimg img{width:100%; height:370px;}
.overcontent{position:absolute; width:100%; text-align:center; top:50%;}
.overcontent a{font-size:22px; color:#fff;}  
.product-list-item .product-box{max-height:200px;}
.product-list-item.product-wrap{width:100%; min-height:inherit; max-height:200px; margin-bottom:5px;}
.product-list-item.proflex{grid-template-columns:repeat(4, 1fr);}
.product-list-item .productitem-image img{max-height:180px;}

@media screen and (max-width: 768px) {
.proflex .product-wrap{width:50%;} 
.gal-item02 .box img{height:auto;}	
.box img{height:auto;}
}

@media screen and (max-width: 998px) { 
.listcont{display:none;}
.carousel.slide.mtop{ margin-bottom:15px;}
.gal-item02 .box img{height:200px;}
}
.pro-info{display:none;}
.product-list-item .pro-info{display:block;}
.product-list-item .procode span{float:inherit; margin-left:25px;}
.product-list-item.product-wrap .productitem-image{ width:20%; float:left;}
.product-list-item .productitem-info{width:50%; float:left; padding:15px;}
.product-list-item .probuttons{width:30%; float:left; visibility:visible; top:0; position:relative; display:block; opacity:1;
 padding:15px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.grid-group-item .probuttons{
	    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
	
}
.product-list-item .product-box:hover  .probuttons{top:0;}
.product-list-item .product-box{height:auto!important; position:inherit!important;}
.product-list-item .product-box:hover{height:auto;}
.product-wrap.product-list-item{height:auto;}
.multi-price{margin-top:20px;}
.multi-price ul, .multi-price li{padding:0; margin:0 0 3px 0; min-width:80px; list-style:none;}
.multi-price li{border: solid 2px #0059ab;
    border-radius: 3px;
    font-size: 12px;
    color: #000;
    display: inline-block;
    text-align: center;
	line-height:20px;
    padding: 5px;
    background: #fff; float:left; margin:5px;}
 .multi-price li a{color:#0059ab; text-decoration:none;}
.multi-price li a:hover{color:#000;}
.multi-price li:first-child{margin-left:0;}
.multi-price li:last-child{margin-right:0;}
.multi-price li span{font-size:11px; display:block;}
.xactive{    box-shadow: 0 0 0 2px #0076de; border-radius:3px; padding:5px;}
.xzoom{width:100%;}
.xzoom-thumbs img{width:50px; height:auto; max-height:50px; margin-right:5px;}
.sharico{margin:10px 0;}
.sharico a{ border:solid 1px #dedede; border-radius:3px; color:#a5a5a5; margin:3px; font-size:15px; background:#f5f5f5; transition: background-color 0.3s ease;}
.sharico a:hover{color: #fff; background-color: #0059ab; border-color: #2e6da4;}
.xzoom-thumbs{margin-top:20px;}
.breadcrumb{margin-top:20px;}
.breadcrumb > li + li:before{ content:''; }
.top-filter{background:#f6f6f6; padding:10px;}
.toselect{    background: none;!important; border:none!important;}
.top-filter .btn{font-size:16px; padding:0; line-height:inherit; color:#0175dd; padding:0 3px 0px 3px; margin:0 3px;  }
.top-filter .btn-group .btn:last-child{border-radius:0;}
.top-filter .pagination > li > a, .top-filter .pagination > li > span{border:none; background:none; color:#666; padding: 0px 12px;}
.top-filter .pagination > .active > a{color:#0175dd;}
 
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	background:none;
	color:#0175dd;
}

.cartbtn{ width:50%; padding:0px 1%; float:left; }
.product-list-item .cartbtn{ width:100%; max-width:120px; padding:0px; float:none; margin-bottom:5px; }

/*-----SideBar Menu-----*/
.sidebar-menu{ /*white-space: nowrap;*/ list-style: none; margin: 0; padding: 0; overflow: hidden;}
.sidebar-menu>li{ position: relative; margin: 0; padding: 0; -webkit-transition: border-left-color .3s ease; -o-transition: border-left-color .3s ease; transition: border-left-color .3s ease;}
.sidebar-menu>li>a { font-weight: 600; position: relative; padding:5px 0; display: block; font-size: 15px; color:#545454;}
.sidebar-menu>li>a>.fa,.treeview-menu>li>a>.fa{ width: 15px; }
.sidebar-menu li>a>.pull-right-container { position: absolute; right: 10px; top: 50%; margin-top: -7px; }
.treeview-menu { display: none; list-style: none; padding: 0; margin: 0; padding-left: 10px;}
.treeview-menu .treeview-menu { padding-left: 20px; }
.treeview-menu>li { margin: 0; }
.treeview-menu>li>a { position: relative; color: #777; padding:3px 0; display: block; font-size: 14px; }
.menu-open>.treeview-menu{ display:block; }
.sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-left { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}
.sidebar-menu>li>a:hover{ background:#EEEEEE; text-decoration:none; }
/*.treeview-menu>li>a:hover,*/ .sidebar-menu .navact { color: #005bab!important; font-weight:600; text-decoration:none;
	/*background: -moz-linear-gradient(left, #005bab 0%, #00c4ff 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #005bab), color-stop(100%, #00c4ff));
	background: -webkit-linear-gradient(left, #005bab 0%, #00c4ff 100%);
	background: -o-linear-gradient(left, #005bab 0%, #00c4ff 100%);
	background: -ms-linear-gradient(left, #005bab 0%, #00c4ff 100%);
	background: linear-gradient(to right, #005bab 0%, #00c4ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005bab', endColorstr='#00c4ff', GradientType=1 ); */
}
.tree a:hover .fa-circle-o{margin-right:5px;}
.tree a .fa-circle-o{font-size:10px}
.tree a{ text-decoration:none;
text-indent: 0;
-webkit-transition:200ms ease;
    -moz-transition:200ms ease;
    -o-transition:200ms ease;
    transition:200ms ease;	
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tree a:hover{
text-indent: 5px;
-webkit-transition:200ms ease;
    -moz-transition:200ms ease;
    -o-transition:200ms ease;
    transition:200ms ease;	
}

#adv-search .btn-danger{font-size: 24px!important; padding:7px 10px 5px 10px; height:auto!important;}
	
	
	.probox{-webkit-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.1);
box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.1); border-radius:4px;  padding:10px; position:relative; text-align:center;}
 
.triangle {
      width: 0;
      height: 0;
      border-top: 20px solid red;
      border-right: 20px solid transparent;
	  margin:-10px;
	 
    }
	.mt50{margin-top:50px;}
	.exdate{border-top:solid 1px #E7E4E4; display:block;  margin:10px 0;  padding-top:10px; font-size:12px;}
	
	.homecont p{margin:0; line-height:18px;}
	.flip-card .media{height:117px; display:table-cell; vertical-align:middle;}
	.flip-card .media p{margin:0;}
	.flip-card .media-left{padding-right:0!important;}
	.flip-card .media-left, .flip-card .media-body{vertical-align:middle!important;}
	@media screen and (max-width: 768px) {
	.content-details h3{font-size:18px;}
	.content-details p{display:none;}  
	.oswitch{display:none;}
	}
	.vgico{float:right; margin-left:10px;}
	.top-filter h4{margin:0;}
	.bgblue{background:#0059ab; padding:20px;}
#lvgv li a.active {color:#0059ab;}
#lvgv li a{color:#999;}
#lvgv{list-style:none; padding:0; margin:0;}
#lvgv li{    display: inline;
    float: left;
    margin-left: 5px;
    line-height: 19px;}
#lvgv li a{display:grid;}
/*@media screen and (max-width: 500px) {
.productitem-image{height:auto;}
.proflex .product-box:hover .probuttons{top:300px;}
.cartbtn{width:100%;}
}*/
@media screen and (max-width: 400px) {
.proflex .product-wrap{width:100%;}
}
.shico{float:left; margin-left:15px;}	
@media screen and (max-width: 992px) {
.mhide{display:none;}
}
@media screen and (min-width: 992px) {
.dhide{display:none;} .shico{margin-top:15px; width:100%; text-align:center; margin-left:0;}
}
.listcont .media a{display:block; color:#4c5154;}

.slidebg{width:100%;}
.addRead{ position:absolute; z-index:1; background:#0059ab; border:solid 1px transparent; color:#fff; border-radius: 100%; width: 22px; height: 22px; font-size: 12px; line-height: 19px; display:none; }
.addRead:hover,.addRead.active{ display:block; border:solid 1px #0059ab;  }
.addRead:hover,.x.active{ background:#fff; color:#0059ab; }

.product-box a:hover{text-decoration:none;}
.table-hover > tbody > tr:hover .dropdown-menu > li > a{color:#333!important; text-decoration:none!important;}
.table-hover > tbody > tr:hover .dropdown-menu > li > a:hover{color:#fff!important; text-decoration:none!important;}
.table-hover > tbody > tr:hover { background: linear-gradient(to right, rgba(38,105,171,1) 0%, rgba(1,189,219,1) 100%)!important; color:#fff!important; }
.table-hover > tbody > tr:hover a { color:#fff!important; } 
 .cat .icofont{font-size:28px; line-height:15px; float:right;}

.navbar-nav .open .dropdown-menu{float:none;}
.affix-top .se02{display:none;}
.affix .se02{display:block;}
footer{margin-top:50px!important;} 
 
.navbar .media, .navbar #adv-search{ margin:20px 0 0 0; }
.affix #adv-search{ margin-top:5px; }
.navbar-inverse .navbar-nav > li > a { color: #fff; text-transform:uppercase; font-weight:500; letter-spacing:0.04em;}
.navbar-inverse{
background: #005bab;
background: -moz-linear-gradient(left, #005bab 0%, #00c4ff 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #005bab), color-stop(100%, #00c4ff));
background: -webkit-linear-gradient(left, #005bab 0%, #00c4ff 100%);
background: -o-linear-gradient(left, #005bab 0%, #00c4ff 100%);
background: -ms-linear-gradient(left, #005bab 0%, #00c4ff 100%);
background: linear-gradient(to right, #005bab 0%, #00c4ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005bab', endColorstr='#00c4ff', GradientType=1 );	
	}
.navbar-inverse{border-bottom:none;}
.newww2{position:absolute!important; bottom:0px!important;}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {color: #fff;background-color: #034ea2;}
.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus {color: #fff;background-color: #034ea2;} 

.demoslide{ -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes fadeInDown { 0% { opacity:  0;-webkit-transform: translateY(-50px);} 100% { opacity: 1; -webkit-transform: translateY(0);}}
@keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-50px);} 100% { opacity: 1; transform: translateY(0);}}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

.arwtitle{display: inline-block; position: relative; color:#484848; font-size:13px; padding:5px 10px; background:#E8E8E8; font-weight:bold; margin-right:25px; }
.arwtitle:after { content: ''; display: block; position: absolute; top: 0px; left: 100%; width: 0; height: 0; border-color: transparent transparent transparent #E8E8E8; border-style: solid; border-width: 17px; }
.arwtitle:hover{text-decoration:none!important;}
.lespa{letter-spacing:0.2em!important;}
.cat{margin:0; cursor:pointer;}
.product-grid .col-md-3{padding-right:15px!important; padding-left:15px!important;}
.affix .navbar-nav > li > a{padding:14px 10px; font-size:13px;}
.block{padding:0; margin-bottom:15px;}
/*.caption02{visibility: hidden; position:absolute; top:25%; width:80%; left:10%; padding:5 0px; text-align:center; background:#fff; border-radius:5px; } 
.caption02 a .icofont{color:#000033; font-size:24px; margin:0 5px;}
.middle:hover .caption02 a{text-decoration:none; color:#000066;}
.middle:hover .caption02 { visibility:visible;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}*/


.robutton{position:absolute; z-index:999; color:#000; width:auto; height:20px; display:none; right:0; margin-top:-25px; font-size:18px; background:inherit; padding:5px;}
.robutton ul{list-style:none; padding:0; margin:0;}
.robutton ul li a{ color:#333333; text-decoration:none; padding:5px; }
.robutton ul li{list-style:none; display:inline-block;}
.robutton ul li a:hover{color:#dd3701;}
.table tr:hover .robutton{display:block;}

.cd-dropdown-trigger {display: block;position: relative; padding: 2px 36px 2px 10px; background-color: #dd3701;color: #ffffff;border-radius:10px 10px 0 0;margin-top:0;}
.cd-dropdown-trigger:hover, .cd-dropdown-trigger:focus{color:#FFFFFF;}
.caption02{z-index:9;} 
.caption02{position: absolute;bottom: 30%;left:0; width:100%; text-align:center; opacity: 0;visibility: hidden;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.caption02 a {color: #333;/* padding:13px 8px; background: #fff; */}
.caption02 a .icofont{color:#000033; font-size:24px; margin:0 5px; background:#fff; padding:8px 10px;}
.middle:hover .caption02 a{text-decoration:none; color:#000066;}
.middle:hover .caption02 {opacity: 1;visibility: visible;bottom: 60%;}
.caption03{position: absolute;bottom: 20%;left:0; padding: 5px;border-radius: 5px;opacity: 0;visibility: hidden;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index:9;width:100%;}
.caption03 a{color:#fff!important; display:block; text-align:center;}
.ccrr02:hover .caption03 a, .ccrr:hover .caption03 a{text-decoration:none;}
.ccrr02:hover .caption03{opacity: 1;visibility: visible;bottom: 40%;}
.ccrr:hover .caption03 {opacity: 1;visibility: visible;bottom: 40%;}
.caption03 h5{text-transform: uppercase;color: #fff;font-size: 17px;position: relative;padding: 10px;margin: 0;background: rgba(0, 0, 0, 0.8);}
.section-title {margin-bottom:20px; text-align:center; margin-top:30px;}
.section-title h3 {color: #333;font-size: 35px;margin: 0;text-transform: capitalize;position: relative;padding: 0 0 20px;}
.section-title h3:after {position: absolute;content: "";display: block;height: 2px;width: 70px;background: #333;margin: 0 auto;left: 0;right: 0;bottom: -6px;}
.section-title span {color: #034ea2;}
.section-title span.line {height: 10px;width: 10px;background: #333;display: block;margin: 0 auto;border-radius: 30px;}
.section-title p {margin-top: 25px;}
.section-title.section-title-left span.line {margin: 0 30px;}
.section-title.section-title-left h3:after {margin: 0;}
/*.cat span{position:absolute; border-radius:100px; background:#ed1c24; color:#fff; text-align:center; line-height:22px; width:23px; height:23px;}*/
.cat span {
    margin:0 5px; 
}
.cat .count{float:none!important;}
.single-product-img a {position: relative;display: block;}
.single-product-img a:before {position: absolute;content: "";bottom: 0;left: 0;width: 0;height: 100%;display: block;background: linear-gradient(200deg, rgba(70, 199, 207, 0.8) 0%,rgba(123,100,203,0.8) 100%);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.middle:hover .single-product-img a:before, .ccrr02:hover .single-product-img a:before,  .ccrr:hover .single-product-img a:before{width: 100%;}
.middle .heading{padding:10px;}
.middle .price{padding:0 10px;}
/*.container-fluid #content{ min-height:100px!important; }*/
.affix { top: 0; width: 100%; z-index: 999 !important; }
.affix .cat{margin:0px 0;}
.container-fluid{padding-left:0; padding-right:0; margin-left:0; margin-right: .affix + .container-fluid { padding-top:70px; }
a:hover, a:focus{text-decoration:none!important;}
.navbar-nav{float:right;}

 
.loginpanel{
background: rgba(213,213,213,1);
background: -moz-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(247,247,247,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(213,213,213,1)), color-stop(100%, rgba(247,247,247,1)));
background: -webkit-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(247,247,247,1) 100%);
background: -o-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(247,247,247,1) 100%);
background: -ms-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(247,247,247,1) 100%);
background: linear-gradient(to bottom, rgba(213,213,213,1) 0%, rgba(247,247,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#f6f6f6', GradientType=0 );
border-radius:10px; padding:40px 30px;
border:solid 1px #fff; color:#333333;
-webkit-box-shadow: 0px 10px 28px -15px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 28px -15px rgba(0,0,0,0.75);
box-shadow: 0px 10px 28px -15px rgba(0,0,0,0.75);
}
.loginpanel .form-control, .loginpanel .btn{border-radius:0!important; }
.loginpanel .btn-danger{background:#ed1c24!important; text-transform:uppercase; letter-spacing:0.6em;}

.single-product-img{height:220px;}
.middle img{max-width:100%; width:auto; max-height:220px; height:auto; display:block; margin:0 auto;}
.productitem-image img{max-height:220px!important;}
.product-list-item .product-box{position:inherit!important; width:100%!important;}
.product-wrap.product-list-item{min-height:inherit!important;  padding:0!important; margin-left:15px!important; margin-right: -5px!important;}

.dropdown-menu{padding:0;}


@media only screen and (min-width: 768px) {
	.navbar-nav{float:left;} 	
}
@media only screen and (max-width: 768px){ 
.navbar .media{float:right;}
.navbar .media, .navbar #adv-search{margin-top:0;}
 
.navbar-nav{padding:7.5px 0;}
}

@media (max-width: 991px) {    
	.navbar-header {float: none;}    
	.navbar-toggle {display: block;}   
	.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}    
	.navbar-collapse.collapse {display: none!important;}    
	.navbar-nav {float: none!important; margin: 7.5px -15px;}
	.navbar-nav>li {float: none;}
	.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px; }
	.navbar-text {float: none; margin: 15px 0;}  
	.navbar-collapse.collapse.in { display: block!important; }
	.collapsing {overflow: hidden!important;} 
}
 
.season p {
    margin: 0 0 15px 0;
    line-height: 18px;
}