/*body{ font-family: proxima_nova_rgregular;}*/
/*common color style */

.about-info .inner-text a,.features-info .caption h4{color:#ab1f1f;}

/* End */

.content-wrapper{padding:0 30px; display:inline-block; width:100%;}
.content-wrapper .about-info{margin-bottom:40px;}
.about-info .title h1{font-size:24px;color:#666;text-transform:uppercase;}
.about-info .inner-text p{color:#525355;font-size:15px;line-height:18px;}
.about-info .inner-text a{font-size:15px;}
.page-the-company .mm-page .column,.page-the-company .mm-page .columns{padding:0;} 
 .product-gallery .owl-carousel .owl-stage{display:table;}
 .product-gallery .owl-carousel .owl-item{display:table-cell;vertical-align:bottom;float:none;}
.slides, .flex-control-nav, .flex-direction-nav{display:table;}
.prod-thumb-slider .slides li{display:table-cell !important;vertical-align:bottom;}
.no-js .slides > li:first-child{display:table-cell;}
.main-wrapper{display:inline-block; text-align: center;width: 100%;padding:0 10px;position:relative;}
.dropdown .main-title{margin-bottom:24px;}
/* .dropdown .main-title h2,.main-wrapper .size p{text-align:center;font-size:16px;color:#333;text-transform:uppercase;font-family: 'gothammediumwebfont';} */
.main-wrapper .inner-box{width:11.11%;float:left; transition: all 1s ease-in-out 0s;-moz-transition: all 1s ease-in-out 0s;-webkit-transition: all 1s ease-in-out 0s;-ms-transition: all 1s ease-in-out 0s;-o-transition: all 1s ease-in-out 0s;}
.main-wrapper .inner-box img{width:auto;}
.full-dropdown .container{position:initial !important;}
.full-dropdown .dropdown{width:100% !important;margin:0;padding:22px 0 !important;}
.full-dropdown .dropdown_links {margin:0 auto;max-width:1610px;}
.main-wrapper .inner-box .title p { font-family: 'CenturyGothic';font-size:12px;color:#000;}
/*  .main-wrapper .size{position:absolute;top:54%;left:50%;transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);-webkit-transform:translate(-50%);}*/
.main-wrapper .inner-box .thum-light a,.main-wrapper .inner-box .thum-black a{text-align:center;}
.main-wrapper .inner-box .thum-black{opacity:0.5;-moz-opacity:0.5;-webkit-opacity:0.5;-o-opacity:0.5;-ms-opacity:0.5;}
.main-wrapper .inner-box:hover .title p{color:#ab1f1f;}
.main-wrapper .inner-box:hover .thum-light img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.main-wrapper .inner-box:hover .thum-black{opacity:1;-moz-opacity:1;-webkit-opacity:1;-o-opacity:1;-ms-opacity:1;}
.main-wrapper .inner-box .title p,.main-wrapper .inner-box .thum-black,.main-wrapper .inner-box .thum-light img{  transition: all 1s ease-in-out 0s;-moz-transition: all 1s ease-in-out 0s;-webkit-transition: all 1s ease-in-out 0s;-ms-transition: all 1s ease-in-out 0s;-o-transition: all 1s ease-in-out 0s;}


@media only screen and (max-width: 1199px) { 

	/*
	two row nav
	.main-wrapper .inner-box{width:20%;margin-bottom:40px;}
	.main-wrapper .size{position:relative;transform:none;left:auto;top:auto;}
	*/

	.main-wrapper .size p{
		font-size: 10px;
	}

	.main-wrapper .inner-box .title {
		height: 30px;
	}

	.main-wrapper .inner-box .thum-light img {
		height: 135px;
	}
	.main-wrapper .inner-box .thum-black img {
		height: 60px; /* was 60px; */
	}

}
@media only screen and (max-width: 768px) { 
	.main-wrapper .inner-box .title p{
		font-size: 10px;
	}
}

/* Force 10-across in the big dropdown */
.dropdown .main-wrapper .inner-box { 
  width: 10%;
  box-sizing: border-box;
}






/* Position the "sizes" label as a full-width row */
.main-wrapper .size {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%);
  width: 100%;          /* give it room across the dropdown */
  max-width: 960px;     /* keep it from getting too wide on huge screens */
  pointer-events: none; /* so it doesn't block hovering on items */
}

/* Text + horizontal rules */
.main-wrapper .size p {
  position: relative;
  display: flex;        /* full flex row instead of inline-flex */
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0 1.5em;     /* gap between text and lines */
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 12px;
}

/* The lines on either side */
.main-wrapper .size p::before,
.main-wrapper .size p::after {
  content: "";
  flex: 0 1 290px;  /* prefers ~60px but can shrink/grow */
  height: 1px;
  background-color: #666; /* or #b38e5d if you want the gold */
  margin: 0 0.25em;
}