@font-face {
   font-family : 'All-Round-Gothic-W03-Medium';
   src: url("../fonts/All-Round-Gothic-W03-Medium/All-Round-Gothic-W03-Medium.woff2") format("woff2"), /* chrome、firefox */
   url("../fonts/All-Round-Gothic-W03-Medium/All-Round-Gothic-W03-Medium.woff") format("woff"), /* chrome、firefox */
   url("../fonts/All-Round-Gothic-W03-Medium/All-Round-Gothic-W03-Medium.ttf") format("truetype"),/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
   url("../fonts/All-Round-Gothic-W03-Medium/All-Round-Gothic-W03-Medium.otf") format("opentype");
}
.All-Round-Gothic-W03-Medium { font-family : 'All-Round-Gothic-W03-Medium', All-Round-Gothic-W03-Medium;}

@font-face {
  font-family : 'Montserrat-SemiBold';
  src: url("../fonts/Montserrat/Montserrat-SemiBold.otf") format("opentype");
}
.Montserrat-SemiBold { font-family : 'Montserrat-SemiBold', Montserrat-SemiBold;}

@font-face {
  font-family : 'Montserrat-Light';
  src: url("../fonts/Montserrat/Montserrat-Light.otf") format("opentype");
}
.Montserrat-Light { font-family : 'Montserrat-Light', Montserrat-Light;}

@font-face {
  font-family : 'Montserrat-Bold';
  src: url("../fonts/Montserrat/Montserrat-Bold.otf") format("opentype");
}
.Montserrat-Bold { font-family : 'Montserrat-Bold', Montserrat-Bold;}

button,input,optgroup,select,textarea{padding-left: 10px !important;}


/* =========== Accordion ============= */
.copyright-br{
  display: none;
}
.ui.accordion .accordion .title, .ui.accordion .title {
    margin: 0;
    padding: .75em 1em;
    color: #0047AB;
    font-size: 12px;
    font-family : 'Montserrat-SemiBold';
    border-top: 1px solid rgba(34,36,38,.15);
    -webkit-transition: background .1s ease,color .1s ease;
    transition: background .1s ease,color .1s ease;
    border: none !important;
}
.ui.accordion .accordion .content, .ui.accordion .content {
    margin: 0;
    padding: 0;
}
.ui.accordion .active.title {
    background: 0 0;
    color: #0047AB;
}
.ui.accordion .title:not(.ui) {
    padding: 10px 0 20px 0;
    font-family : 'Montserrat-SemiBold';
    font-size: 12px;
    color: #0047AB;
}
/* =========== Accordion ============= */


/* =========== Loader ============= */
#overlay{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:#0047AB;
  transition: 1s 0.4s;
}
#progress{
  height:1px;
  background:#fff;
  position:absolute;
  width:0;
  top:50%;
}
#progstat{
  font-size:12px;
  letter-spacing: 3px;
  position:absolute;
  top:50%;
  margin-top:-40px;
  width:100%;
  text-align:center;
  color:#fff;
}
/* =========== Loader ============= */
.scrollToTop:hover i{
  color: #fff;
}
.no-data{
  margin-top: 5px !important;
  font-family : 'Montserrat-Light';
  font-size: 14px;
}
.my-20{
  margin-top: 40px !important;
}
.search-box{
font-size: 12px;
font-family : 'Montserrat-Light' !important;
font-weight: 100;
}
.search-box::placeholder {
  font-family : 'Montserrat-Light' !important;
  font-weight: 100;
  font-size: 12px;
  color: rgba(191,191,191,.87);
}
.ui.fluid.dropdown{
  padding: 8px 0;
}
.ui.fluid.dropdown{
  font-size: 12px;
}
.ui.selection.dropdown .menu>.item{
  font-size: 12px;
}
.ui.selection.dropdown{
  padding:6px 0 !important;
  font-family : 'Montserrat-Light' !important;
  font-weight: 100;
  font-size: 12px;
}
.ui.fluid.dropdown>.dropdown.icon {
    padding: 12px;
}
.ui.multiple.dropdown>.label{
  font-family : 'Montserrat-Light' !important;
  font-weight: 100;
  font-size: 12px;
}
.filter-section{
  padding-top: 30px;
}
.filter-title{
  color:#0047AB;
  font-size: 12px;
  font-family : 'Montserrat-SemiBold';
  margin-bottom: 10px;
}
.the-card{
  position: relative;
  display: inline-block;
  width:280px;
  border:1px solid #ccc;
  height:360px;
  margin: 10px auto;
}
.card-content{
  padding: 10px 0 !important;
}

.card-content > .name{
  position: absolute;
  font-family : 'All-Round-Gothic-W03-Medium';
    top: 140px;
    left: 0;
    text-align: left;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 0 4px 21px;
    color: #fff;
    background-color: #0047AB;
    width: 160px;
    letter-spacing: 1px;
}
.card-content > .brand{
  font-family : 'Montserrat-Light';
  position: absolute;
    top: 136px;
    left: 168px;
    text-align: left;
    font-size: 12px;
    color: #000;
}
.card-content > .sizes{
  font-family : 'Montserrat-SemiBold';
  position: absolute;
    top: 153px;
    left: 168px;
    text-align: left;
    font-size: 12px;
    color: #000;
}
.card-content > .gender{
  position: absolute;
    left: 168px;
    top: 185px;
    font-family : 'Montserrat-Light';
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    color: #000;
}
.card-content > .gender h2{
  font-size: 12px;
  font-family : 'Montserrat-SemiBold';
    color: #000;
    margin-bottom: 0 !important;
    font-weight: 600;
}

.card-content > .material{
    position: absolute;
    left: 168px;
    top: 232px;
    font-family : 'Montserrat-Light';
    text-align: left;
    font-size: 12px;
    color: #000;
    line-height: 18px;
}
.card-content > .material h2{
  font-size: 12px;
  font-family : 'Montserrat-SemiBold';
    color: #000;
    margin-bottom: 0 !important;
    font-weight: 600;
}

.card-content > .hinge{
  position: absolute;
    left: 168px;
    top: 282px;
    font-family : 'Montserrat-Light';
    text-align: left;
    font-size: 12px;
    color: #000;
    line-height: 18px;
}
.card-content > .hinge h2{
  font-size: 12px;
    color: #000;
    font-family : 'Montserrat-SemiBold';
    margin-bottom: 0 !important;
    font-weight: 600;
}

.colors{
  position: absolute;
    left: 20px;
    top: 185px;
    font-family : 'Montserrat-Light';
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    color: #000;
}
.colors h2{
  font-size: 12px;
  font-family : 'Montserrat-SemiBold';
    color: #000;
    margin-bottom: 0 !important;
    font-weight: 600;
}

/*
.row{
  margin-bottom: 20px !important;
}
*/
.p-y{
  padding-left: 30px !important;
    padding-right: 30px !important;
}
.slide-image {
    width: 100%;
}

.carousel-holder {
    margin-bottom: 30px;
}

.carousel-control,
.item {
    border-radius: 4px;
}

.caption {
    height: 160px;
    overflow: hidden;
}

.caption h4 {
    white-space: nowrap;
}

.thumbnail img {
    width: 100%;
}

.ratings {
    padding-right: 10px;
    padding-left: 10px;
    color: #d17581;
}

.thumbnail {
    padding: 0;
}

.thumbnail .caption-full {
    padding: 9px;
    color: #333;
}

footer {
    margin: 50px 0;
}

@media only screen and  (max-width: 1200px) {
  .cart-img {
      margin-right: 15px;
  }
}
@media only screen and  (max-width: 991px) {
  .col-xs-12{
    margin: 0 auto !important;
  }
  .row .filter_data{
    text-align: center !important;
  }
}




body {
  padding: 40px;
  color:#232323;
}

.ui.dropdown {
  max-width: 800px;
}

@media only screen and (max-width: 767px) {
  .copyright-br{
    display: block;
    height: 0;
  }
  .copyright-area p {
    line-height: 20px;
  }
    .ui.selection.dropdown .menu {
/*      max-height: 8.01428571rem; /* + 1.335714285 to 9.349999995rem */
/*      max-height: 9.349999995rem; /* Adds a half */
        max-height: 16.02857142rem; /* Double size */
    }
}
@media only screen and (min-width: 768px) {
    .ui.selection.dropdown .menu {
/*         max-height: 10.68571429rem; /* + 1.3357142863 to 12.0214285763rem */
      max-height: 12.0214285763rem;
    }
}
@media only screen and (min-width: 992px) {
    .ui.selection.dropdown .menu {
      max-height: 16.02857143rem; /* + 1.3357142858 to 17.3642857158rem */
    }
}
@media only screen and (min-width: 1920px) {
    .ui.selection.dropdown .menu {
        max-height: 21.37142857rem; /* + 1.3357142856 to 22.7071428556rem */
    }
}