/* @font-face {
	font-family: "calibri";
	src: url("/fonts/calibri/calibri.woff2") format("woff2"),
		 url("/fonts/calibri/calibri.woff") format("woff"),
		 url("/fonts/calibri/calibri.ttf") format("truetype"),
		 url("/fonts/calibri/calibri.eot") format("embedded-opentype"),
		 url("/fonts/calibri/calibri.svg") format("svg");
}
*/

@font-face {
  font-family: "Roboto-Regular";
  src: url("/fonts/Roboto/Roboto-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto-Bold";
  src: url("/fonts/Roboto/Roboto-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto-Light";
  src: url("/fonts/Roboto/Roboto-Light.ttf") format("truetype");
}

/*
@font-face {
	font-family: "Fexgcd";
	src: url("/fonts/Fexgcd/Fexgcd.woff2") format("woff2"),
		 url("/fonts/Fexgcd/Fexgcd.woff") format("woff"),
		 url("/fonts/Fexgcd/Fexgcd.ttf") format("truetype"),
		 url("/fonts/Fexgcd/Fexgcd.eot") format("embedded-opentype"),
		 url("/fonts/Fexgcd/Fexgcd.svg") format("svg");
}
 @font-face {
	font-family: "Gsde";
	src: url("/fonts/Gsde/Gsde.woff2") format("woff2"),
		 url("/fonts/Gsde/Gsde.woff") format("woff"),
		 url("/fonts/Gsde/Gsde.ttf") format("truetype"),
		 url("/fonts/Gsde/Gsde.eot") format("embedded-opentype"),
		 url("/fonts/Gsde/Gsde.svg") format("svg");
}
 @font-face {
	font-family: "hureae";
	src: url("/fonts/hureae/hureae.woff2") format("woff2"),
		 url("/fonts/hureae/hureae.woff") format("woff"),
		 url("/fonts/hureae/hureae.ttf") format("truetype"),
		 url("/fonts/hureae/hureae.eot") format("embedded-opentype"),
		 url("/fonts/hureae/hureae.svg") format("svg");
}
@font-face {
	font-family: "Hurxe";
	src: url("/fonts/Hurxe/Hurxe.woff2") format("woff2"),
		 url("/fonts/Hurxe/Hurxe.woff") format("woff"),
		 url("/fonts/Hurxe/Hurxe.ttf") format("truetype"),
		 url("/fonts/Hurxe/Hurxe.eot") format("embedded-opentype"),
		 url("/fonts/Hurxe/Hurxe.svg") format("svg");
}
@font-face {
	font-family: "Jertyi";
	src: url("/fonts/Jertyi/Jertyi.woff2") format("woff2"),
		 url("/fonts/Jertyi/Jertyi.woff") format("woff"),
		 url("/fonts/Jertyi/Jertyi.ttf") format("truetype"),
		 url("/fonts/Jertyi/Jertyi.eot") format("embedded-opentype"),
		 url("/fonts/Jertyi/Jertyi.svg") format("svg");
}
/*@font-face {
	font-family: "opensans";
	src: url("/fonts/opensans/opensans.woff2") format("woff2"),
		 url("/fonts/opensans/opensans.woff") format("woff"),
		 url("/fonts/opensans/opensans.ttf") format("truetype"),
		 url("/fonts/opensans/opensans.eot") format("embedded-opentype"),
		 url("/fonts/opensans/opensans.svg") format("svg");
}
@font-face {
	font-family: "tahoma";
	src: url("/fonts/tahoma/tahoma.woff2") format("woff2"),
		 url("/fonts/tahoma/tahoma.woff") format("woff"),
		 url("/fonts/tahoma/tahoma.ttf") format("truetype"),
		 url("/fonts/tahoma/tahoma.eot") format("embedded-opentype"),
		 url("/fonts/tahoma/tahoma.svg") format("svg");
}
@font-face {
	font-family: "Wekoa";
	src: url("/fonts/Wekoa/Wekoa.woff2") format("woff2"),
		 url("/fonts/Wekoa/Wekoa.woff") format("woff"),
		 url("/fonts/Wekoa/Wekoa.ttf") format("truetype"),
		 url("/fonts/Wekoa/Wekoa.eot") format("embedded-opentype"),
		 url("/fonts/Wekoa/Wekoa.svg") format("svg");
} */

.home-product {
  padding-top: 2rem;
  padding-bottom: 1rem;
}

#home-product-row .model-title {
  position: relative;
}

#home-product-row .model-title .title {
  font-weight: 600;
  font-size: 1.5rem;
  text-transform: capitalize;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  z-index: 2;
}

@media (min-width: 576px) {
  #home-product-row .model-title .title {
    font-size: 3rem;
  }
}

#home-product-row .model-title .title .text-special {
  color: #ffffff;
}

#home-product-row .model-title .title .line {
  display: none;
}

#home-product-row .model-title .p-text {
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-size: 1rem;
}

#home-product-row .model-title .bg-line {
  width: 100%;
  height: 2px;
  background-color: #f1f1f1;
  position: absolute;
  top: 36px;
  z-index: 1;
}

#home-product-row .list {
  margin-bottom: 1rem;
}

@media (min-width: 992px) {
  #home-product-row .list {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

#home-product-row .fbox {
  height: 100%;
  background-color: #fff;
  padding-bottom: 1rem;
  border-bottom: 2px solid #f1f1f1;
}

#home-product-row .fbox:hover {
  box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1);
}

#home-product-row .fbox a {
  color: inherit;
}

#home-product-row .fbox .image {
  height: 0 !important;
  overflow: hidden;
  padding-top: 100%;
  position: relative;
}

#home-product-row .fbox .image > *:first-child {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#home-product-row .fbox .name {
  text-align: left;
  overflow: hidden;
  font-weight: 600;
  margin-top: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.9rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  text-overflow: -o-ellipsis-lastline;
  -webkit-box-orient: vertical;
}

@media (min-width: 992px) {
  #home-product-row .fbox .name {
    font-size: 1rem;
  }
}

#home-product-row .fbox .name a {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

#home-product-row .fbox .name a:hover {
  background-color: transparent;
  color: #56a9de;
  text-decoration: none;
}

#home-product-row .fbox .mode {
  background-color: #f5f5f5;
  text-align: left;
  color: #777;
  padding-left: 1rem;
  padding-right: 1rem;
}

#home-product-row .fbox .descr {
  text-align: center;
  color: #777;
  overflow: hidden;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  #home-product-row .fbox .descr {
    max-height: 4.32rem;
  }
}

#home-product-row .btn-row {
  text-align: center;
}

#home-product-row .btn-row .btn {
  color: #ffffff;
  background-color: #29251c;
  border-radius: 3px;
  padding: 10px 40px;
  font-weight: 600;
  font-size: 1rem;
  margin-top: 25px;
}

@media (min-width: 992px) {
  #home-product-row .btn-row .btn {
    padding: 10px 50px;
  }
}

#home-product-row .btn-row .btn:hover {
  color: #ffffff;
  background-color: #56a9de;
}