.box-sizing {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
body {
  background: #ffffff;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  color: #474747;
  font-weight: 400;
}
a {
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  font-family: "Inter", sans-serif;
  color: #474747;
  font-weight: 400;
}
a:hover {
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  color: #fd8812;
}
a:visited {
  text-decoration: none;
}
a:focus,
input:focus,
button:focus,
select:focus {
  outline: none !important;
}
.slider1 {
  opacity: 0;
}
.slider1.slick-initialized {
  opacity: 1 !important;
}
@media only screen and (min-width: 1366px) {
  .slick-slider {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
  }
  .slick-list.draggable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
}
/* SLİDER */
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 35px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-prev:before,
.slick-next:before {
  color: black;
}
/* TAB */
.tab-content {
  display: none;
}
.tab-content.current {
  display: block;
}
/* MODAL */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}
.remodal,
[data-remodal-id] {
  display: none;
}
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}
.remodal-overlay {
  background: rgba(0, 0, 0, 0.3);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}
.remodal-wrapper {
  padding: 10px 10px 0;
}
.remodal {
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.remodal iframe,
.remodal img {
  display: inline-block;
  max-width: 100%;
  border: none;
  height: auto;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}
.lt-ie9 .remodal {
  width: 700px;
}
.animation1 {
  animation-name: anime1;
  animation-duration: .5s;
  animation-fill-mode: forwards;
}
@keyframes anime1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media only screen and (min-width: 1200px) {
  .resp-menu {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .resp-menu {
    position: absolute;
    right: 0;
    top: 0;
    background: #fd8812;
    height: 45px;
    width: 45px;
    color: #ffffff;
    font-size: 20px;
    line-height: 45px;
    text-align: center;
  }
}
@media only screen and (min-width: 1200px) {
  .sub-fixed-fix {
    margin-top: 90px;
  }
  .filter-bottom {
    z-index: 100;
    position: fixed;
    width: 229px;
    bottom: 0px;
    padding-bottom: 20px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 27%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 27%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 27%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
  }
  .filter-bottom.curx {
    position: relative;
    padding-bottom: 0;
  }
}
.head-top {
  background: #ffffff;
  position: relative;
  z-index: 100;
}
@media only screen and (min-width: 1200px) {
  .head-top.sub-fixed {
    position: fixed;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 100;
  }
  .head-top.sub-fixed.sub-fixed-down {
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
  }
  .head-top.sub-fixed.sub-fixed-up {
    top: -90px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
  }
}
@media only screen and (min-width: 1200px) {
  .head-top .logo {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .head-top .logo {
    padding: 20px;
  }
}
.head-top .logo img {
  display: block;
  max-width: 100%;
}
@media only screen and (max-width: 1199px) {
  .head-top .logo img {
    max-width: 250px;
    max-height: 50px;
  }
}
@media only screen and (min-width: 1200px) {
  .head-top .menu-one {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .head-top .menu-one {
    position: fixed;
    display: none;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff7800+0,ff7800+21,ff5a00+40,ff5a00+40 */
    background: #ff7800;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ff7800 0%, #ff7800 21%, #ff5a00 40%, #ff5a00 40%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ff7800 0%, #ff7800 21%, #ff5a00 40%, #ff5a00 40%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ff7800 0%, #ff7800 21%, #ff5a00 40%, #ff5a00 40%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7800', endColorstr='#ff5a00', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 10;
  }
}
.head-top .menu-one ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 1199px) {
  .head-top .menu-one ul {
    max-height: 60%;
    overflow-x: auto;
  }
}
.head-top .menu-one ul li {
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .head-top .menu-one ul li {
    display: inline-block;
  }
}
@media only screen and (max-width: 1199px) {
  .head-top .menu-one ul li {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
  }
  .head-top .menu-one ul li a i {
    display: none;
  }
  .head-top .menu-one ul li .menu-drop::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    background: rgba(0, 0, 0, 0.1);
    height: 33px;
    line-height: 33px;
    padding: 0 10px;
    color: #ffffff;
    position: absolute;
    right: 20px;
    top: 9px;
  }
}
@media only screen and (min-width: 1920px) {
  .head-top .menu-one ul li {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .head-top .menu-one ul li {
    margin-right: 5px;
  }
}
.head-top .menu-one ul li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 1200px) {
  .head-top .menu-one ul li:hover > a {
    border-top-color: #fd8812 !important;
    color: #fd8812;
  }
}
.head-top .menu-one ul li a {
  display: block;
}
@media only screen and (min-width: 1200px) {
  .head-top .menu-one ul li a {
    height: 90px;
    line-height: 87px;
    padding: 0 10px;
    font-weight: 700;
    border-top: 3px solid transparent;
  }
}
@media only screen and (max-width: 1199px) {
  .head-top .menu-one ul li a {
    padding: 15px 30px;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
  }
}
.head-top .menu-one ul li a:hover {
  border-top-color: #fd8812 !important;
}
@media only screen and (min-width: 1200px) {
  .head-top .menu-one ul li ul {
    position: absolute;
    display: none;
    padding: 0;
    margin: 0;
    width: 230px;
    border-top: 1px solid #f1f1f1;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    background: #ffffff;
  }
}
@media only screen and (max-width: 1199px) {
  .head-top .menu-one ul li ul {
    display: none;
  }
}
.head-top .menu-one ul li ul li {
  display: block;
  margin-right: 0;
}
.head-top .menu-one ul li ul li a {
  height: 35px;
  font-weight: 400;
  border: none;
  padding: 0 30px;
  line-height: 35px;
}
@media only screen and (max-width: 1199px) {
  .head-top .menu-one ul li ul li a {
    font-size: 14px !important;
  }
}
.head-top .menu-one ul li ul li a:hover {
  color: #474747;
  background: #ebebeb;
}
@media only screen and (min-width: 1200px) {
  .head-top .menu-one ul li:hover ul {
    display: block;
    padding: 20px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .mobile-menu,
  .mobile-bottom {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .mobile-menu {
    display: block;
    padding: 20px 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .resp-close {
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    height: 45px;
    width: 45px;
    color: #ffffff;
    font-size: 20px;
    line-height: 45px;
    text-align: center;
  }
  .mobile-bottom {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
  }
  .mobile-bottom a {
    color: #ffffff !important;
    font-size: 12px !important;
    border-color: #ffffff !important;
  }
}
@media only screen and (min-width: 480px) {
  .sli4-col {
    padding: 0 20px 0 0;
  }
}
.btn {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  padding: 0 20px;
  cursor: pointer;
  position: relative;
  font-weight: 700;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.btn i {
  margin-right: 10px;
}
.btn:hover {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.btn.btn-small {
  height: 35px;
  display: block;
  line-height: 35px;
  width: 100%;
  padding: 0 5px !important;
}
.btn.btn-block {
  display: block;
  height: 45px;
  line-height: 45px;
  width: 100%;
  padding: 0 5px !important;
}
.btn.btn-inline {
  display: inline-block;
  height: 45px;
  line-height: 45px;
}
.btn.btn-red {
  background: #fd8812;
  color: #ffffff;
  border: none;
}
.btn.btn-red:hover {
  background: #da6700;
}
.btn.btn-flex {
  display: block;
  height: auto !important;
  line-height: 23px !important;
  padding: 10px !important;
}
.btn.btn-white {
  background: #ffffff;
  color: #00aeee;
  border: 1px solid #dbdbdb;
}
.btn.btn-white:hover {
  color: #0095cc;
  background: #f1f1f1;
}
.btn.btn-blue {
  background: #00aeee;
  color: #ffffff;
  border: none;
}
.btn.btn-blue:hover {
  background: #0095cc;
}
.btn.btn-border {
  border: 2px solid transparent;
  line-height: 42px;
}
.btn.btn-border-red {
  color: #fd8812;
  border-color: #fd8812;
}
.btn.btn-border-red:hover {
  background: #fd8812;
  color: #ffffff;
}
.head-phone span {
  width: 26px;
  text-align: center;
  height: 26px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  background: #fd8812;
  color: #ffffff;
  line-height: 26px;
}
.text-red {
  color: #fd8812;
}
#content-one {
  position: relative;
  background-size: cover;
}
@media only screen and (min-width: 1200px) {
  #content-one {
    padding: 100px 0 200px 0;
  }
}
@media only screen and (max-width: 1199px) {
  #content-one {
    padding: 20px 20px 40px 20px;
  }
}
.head-search-form {
  position: relative;
  margin: 0 auto;
  display: block;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  max-width: 860px;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  /*
  &::after {
    content:"";
    height:7px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    width:98%;
    left:0;
    right:0;
    position:absolute;
    bottom:-7px;
    background:rgba(255,255,255,0.70);
    margin:auto;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  &::before {
    content:"";
    height:7px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    width:96%;
    left:0;
    right:0;
    position:absolute;
    bottom:-14px;
    background:rgba(255,255,255,0.38);
    margin:auto;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  */
}
.co-input-one {
  border: none;
  display: block;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .co-input-one {
    height: 65px;
    line-height: 65px;
    font-size: 18px;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background: #ffffff url("/images/icon1.png") no-repeat left 30px center;
    padding: 0 20px 0 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .co-input-one {
    height: 50px;
    line-height: 50px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 12px;
    background: #ffffff url("/images/icon1.png") no-repeat left 10px center;
    padding: 0 10px 0 50px;
  }
}
/* CSS SELECT */
.spe-select select {
  display: none !important;
}
.spe-select .dropdown-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  border-right: none;
  border-top: none;
  border-bottom: none;
}
@media only screen and (min-width: 1200px) {
  .spe-select .dropdown-select {
    font-size: 18px;
    border-left: 1px solid #f1f1f1;
    padding: 0 20px 0 80px;
    background: #ffffff url("/images/icon2.png") no-repeat left 30px center;
    height: 65px;
    line-height: 64px;
  }
}
@media only screen and (max-width: 1199px) {
  .spe-select .dropdown-select {
    font-size: 12px;
    border-top: 1px solid #f1f1f1;
    padding: 0 10px 0 50px;
    background: #ffffff url("/images/icon2.png") no-repeat left 10px center;
    height: 50px;
    line-height: 50px;
  }
}
.spe-select .dropdown-select:focus {
  outline: none !important;
  background-color: #fff;
}
.spe-select .dropdown-select:hover {
  background-color: #fff;
}
.spe-select .dropdown-select:active,
.spe-select .dropdown-select.open {
  outline: none !important;
  background-color: #fff !important;
}
.spe-select .dropdown-select:after {
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #777;
  -webkit-transform: origin(50% 20%);
  transform: origin(50% 20%);
  transition: all 0.125s ease-in-out;
  content: '';
  display: block;
  margin-top: -2px;
  pointer-events: none;
  position: absolute;
  right: 20px;
  top: 50%;
}
.spe-select .dropdown-select.open:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.spe-select .dropdown-select.open .list {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}
.spe-select .dropdown-select.open .option {
  cursor: pointer;
}
.spe-select .dropdown-select.wide {
  width: 100%;
}
.spe-select .dropdown-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.spe-select .dropdown-select .list {
  box-sizing: border-box;
  transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  border-radius: 6px;
  margin-top: 4px;
  padding: 3px 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  max-height: 250px;
  overflow: auto;
}
.spe-select .dropdown-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.spe-select .dropdown-select .dd-search {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5rem;
}
.spe-select .dropdown-select .dd-searchbox {
  width: 100%;
  padding: 0.5rem;
  height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #f1f1f1;
  outline: none;
}
.spe-select .dropdown-select .dd-searchbox:focus {
  border-color: #12CBC4;
}
.spe-select .dropdown-select .list ul {
  padding: 0;
}
.spe-select .dropdown-select .option {
  cursor: default;
  font-weight: 400;
  line-height: 40px;
  outline: none;
  font-size: 14px;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
  list-style: none;
}
.spe-select .dropdown-select .option:hover,
.spe-select .dropdown-select .option:focus {
  background-color: #f6f6f6 !important;
}
.spe-select .dropdown-select .option.selected {
  font-weight: 700;
  color: #fd8812;
}
.spe-select .dropdown-select .option.selected:focus {
  background: #f6f6f6;
}
.spe-select .dropdown-select a {
  color: #aaa;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.spe-select .dropdown-select a:hover {
  color: #666;
}
.co-input-submit {
  background: #fd8812 url("/images/icon3.png") no-repeat center center;
  border: none;
  width: 100%;
  display: block;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 1200px) {
  .co-input-submit {
    height: 65px;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .co-input-submit {
    height: 50px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }
}
.co-input-submit:hover {
  background-color: #da6700;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 1200px) {
  .text-one {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .text-one {
    font-size: 20px;
  }
}
#content-two {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1200px) {
  #content-two {
    margin-top: -100px;
  }
}
@media only screen and (max-width: 1199px) {
  #content-two {
    padding: 20px 0;
  }
}
.ct-bg {
  background: #ffffff;
  position: Relative;
  padding: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  display: block;
}
.ct-bg:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  -moz-transform: scale(1.03);
}
.ct-bg .ct-name {
  display: block;
  font-size: 20px;
}
.ct-bg .ct-text {
  display: block;
  line-height: 24px;
}
.ct-bg .ct-icon {
  position: absolute;
  right: 15px;
  top: 15px;
}
.main-content {
  background: #fafafa;
}
.icons {
  background-image: url("/images/sprite.png");
}
.icon-one {
  background-position: 0 0;
  width: 30px;
  height: 30px;
  display: block;
}
.icon-two {
  background-position: -30px 0;
  width: 30px;
  height: 30px;
  display: block;
}
.icon-three {
  background-position: -60px 0;
  width: 30px;
  height: 30px;
  display: block;
}
.icon-four {
  background-position: -90px 0;
  width: 30px;
  height: 30px;
  display: block;
}
.icon-four {
  background-position: -90px 0;
  width: 30px;
  height: 30px;
  display: block;
}
.icon-five {
  background-position: -120px 0;
  width: 25px;
  height: 25px;
  display: block;
}
.icon-six {
  background-position: -145px 0;
  width: 25px;
  height: 25px;
  display: block;
}
.icon-seven {
  background-position: -170px 0;
  width: 25px;
  height: 25px;
  display: block;
}
.icon-eight {
  background-position: -195px 0;
  width: 25px;
  height: 25px;
  display: block;
}
.icon-nine {
  background-position: 0 -54px;
  width: 30px;
  height: 30px;
  display: block;
}
.icon-ten {
  background-position: -30px -54px;
  width: 30px;
  height: 30px;
  display: block;
}
.icon-eleven {
  background-position: -60px -54px;
  width: 30px;
  height: 30px;
  display: block;
}
.icon-12 {
  background-position: 0px -30px;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.icon-13 {
  background-position: -24px -30px;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.icon-14 {
  background-position: -48px -30px;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.icon-15 {
  background-position: -72px -30px;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.icon-16 {
  background-position: -96px -30px;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.icon-17 {
  background-position: -120px -30px;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.icon-18 {
  background-position: 0 -84px;
  width: 30px;
  height: 30px;
  display: block;
}
.icon-19 {
  background-position: -30px -84px;
  width: 30px;
  height: 30px;
  display: block;
}
.icon-20 {
  background-position: -60px -84px;
  width: 30px;
  height: 30px;
  display: block;
}
.icon-21 {
  background-position: -358px -42px;
  width: 42px;
  height: 42px;
  display: block;
  margin: 0 auto;
}
.icon-22 {
  background-position: -316px 0;
  width: 42px;
  height: 42px;
  display: block;
  margin: 0 auto;
}
.icon-23 {
  background-position: -274px 0;
  width: 42px;
  height: 42px;
  display: block;
  margin: 0 auto;
}
.icon-24 {
  background-position: -358px 0;
  width: 42px;
  height: 42px;
  display: block;
  margin: 0 auto;
}
.icon-25 {
  background-position: -232px 0;
  width: 42px;
  height: 42px;
  display: block;
  margin: 0 auto;
}
.product-func {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 1200px) {
  .product-func {
    opacity: 0;
  }
}
.product-func a {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: #474747;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  color: #ffffff;
  display: inline-block;
}
.product-func a:hover {
  background: #fd8812;
  color: #ffffff;
}
.product-hov-action {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.product-hov-action .d-table {
  height: 180px;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}
.product-hov-action .d-table .d-table-cell {
  padding: 10px;
}
.product-bg {
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  overflow: hidden;
  position: relative;
}
.product-bg:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  /*
    .product-func {
      opacity:1;
      .transition(.2s);
    }
    */
}
.product-bg:hover .product-hov-action {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.product-bg .product-img a {
  display: block;
  width: 100%;
  background-size: cover;
  background-position: center center;
  height: 150px;
}
.product-bg .product-content {
  padding: 20px;
}
.product-bg .product-content .product-name {
  margin-bottom: 10px;
}
.product-bg .product-content .pb-info {
  font-size: 13px;
  border-top: 1px solid #f1f1f1;
  padding: 5px 0;
}
.product-bg .product-content .pb-info i {
  color: #fd8812;
}
.product-bg .product-bottom {
  padding: 0px 20px 20px 20px;
}
.product-bg .product-bottom .product-price {
  font-size: 20px;
}
.product-detail {
  height: 35px;
  width: 35px;
  border: 1px solid #dbdbdb;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  line-height: 33px;
}
.product-detail:hover {
  color: #ffffff;
  background: #fd8812;
  border-color: #fd8812;
}
.sli1-col,
.sli2-col {
  padding: 10px;
  outline: none;
}
@media only screen and (min-width: 1200px) {
  .slider1,
  .slider2 {
    width: 1190px;
    margin-left: -10px;
  }
}
.awesome {
  font-family: "Font Awesome 5 Free";
}
.slider1 .slick-prev,
.slider1 .slick-next,
.slider2 .slick-prev,
.slider2 .slick-next {
  font-size: 0;
  opacity: 1;
  display: block;
  position: absolute;
}
@media only screen and (min-width: 1200px) {
  .slider1 .slick-prev,
  .slider1 .slick-next,
  .slider2 .slick-prev,
  .slider2 .slick-next {
    top: -46px;
  }
}
@media only screen and (max-width: 1199px) {
  .slider1 .slick-prev,
  .slider1 .slick-next,
  .slider2 .slick-prev,
  .slider2 .slick-next {
    top: 40%;
  }
}
.slider1 .slick-prev:hover::before,
.slider1 .slick-next:hover::before,
.slider2 .slick-prev:hover::before,
.slider2 .slick-next:hover::before {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-color: #dadada;
}
.slider1 .slick-prev::before,
.slider1 .slick-next::before,
.slider2 .slick-prev::before,
.slider2 .slick-next::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  opacity: 1;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 33px;
  font-size: 10px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  border: 1px solid #dbdbdb;
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
@media only screen and (min-width: 1200px) {
  .slider1 .slick-prev,
  .slider2 .slick-prev {
    right: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .slider1 .slick-prev,
  .slider2 .slick-prev {
    left: -10px;
  }
}
@media only screen and (min-width: 1200px) {
  .slider1 .slick-next,
  .slider2 .slick-next {
    right: 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .slider1 .slick-next,
  .slider2 .slick-next {
    right: -10px;
  }
}
.slider1 .slick-prev::before,
.slider2 .slick-prev::before {
  content: '\f053';
}
.slider1 .slick-next::before,
.slider2 .slick-next::before {
  content: '\f054';
}
.content-top {
  position: relative;
}
.text-two {
  font-size: 18px;
}
.more-button {
  display: block;
  opacity: 1;
  padding: 0 20px;
  font-weight: 500;
  height: 35px;
  text-align: center;
  line-height: 33px;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  border: 1px solid #dbdbdb;
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.more-button:hover {
  border-color: #dadada;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  color: #474747;
}
@media only screen and (min-width: 1200px) {
  .more-button {
    position: absolute;
    right: 90px;
    top: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .more-button {
    margin-top: 10px;
  }
}
#content-six {
  background: #ffffff;
}
@media only screen and (min-width: 1200px) {
  .cs-bar .cs-col:nth-child(1) {
    width: 49%;
    float: left;
  }
  .cs-bar .cs-col:nth-child(1) .cs-price {
    font-size: 34px;
  }
  .cs-bar .cs-col:nth-child(1) .cs-infos {
    font-size: 18px;
  }
  .cs-bar .cs-col:nth-child(1) .cs-name {
    font-size: 20px;
  }
  .cs-bar .cs-col:nth-child(1) .cs-bg {
    height: 410px;
  }
  .cs-bar .cs-col:nth-child(1) .cs-bg img {
    height: 410px;
  }
  .cs-bar .cs-col:nth-child(1) .cs-bg:hover .cs-img img {
    height: 440px;
  }
  .cs-bar .cs-col:nth-child(1) .cs-content {
    height: 410px;
  }
  .cs-bar .cs-col:nth-child(2) {
    width: 49%;
    float: right;
  }
  .cs-bar .cs-col:nth-child(2) .cs-price {
    font-size: 18px;
  }
  .cs-bar .cs-col:nth-child(2) .cs-infos {
    font-size: 14px;
  }
  .cs-bar .cs-col:nth-child(2) .cs-name {
    font-size: 16px;
  }
  .cs-bar .cs-col:nth-child(2) .cs-bg {
    height: 190px;
  }
  .cs-bar .cs-col:nth-child(2) .cs-bg img {
    height: 190px;
  }
  .cs-bar .cs-col:nth-child(2) .cs-bg:hover .cs-img img {
    height: 220px;
  }
  .cs-bar .cs-col:nth-child(2) .cs-content {
    height: 190px;
  }
  .cs-bar .cs-col:nth-child(3) {
    width: 49%;
    margin-top: 30px;
    float: right;
  }
  .cs-bar .cs-col:nth-child(3) .cs-price {
    font-size: 18px;
  }
  .cs-bar .cs-col:nth-child(3) .cs-infos {
    font-size: 14px;
  }
  .cs-bar .cs-col:nth-child(3) .cs-name {
    font-size: 16px;
  }
  .cs-bar .cs-col:nth-child(3) .cs-bg {
    height: 190px;
  }
  .cs-bar .cs-col:nth-child(3) .cs-bg img {
    height: 190px;
  }
  .cs-bar .cs-col:nth-child(3) .cs-bg:hover .cs-img img {
    height: 220px;
  }
  .cs-bar .cs-col:nth-child(3) .cs-content {
    height: 190px;
  }
}
@media only screen and (max-width: 1199px) {
  .cs-bar .cs-col {
    width: 100%;
    margin-top: 20px;
  }
  .cs-bar .cs-col .cs-price {
    font-size: 18px;
  }
  .cs-bar .cs-col .cs-infos {
    font-size: 14px;
  }
  .cs-bar .cs-col .cs-name {
    font-size: 16px;
  }
  .cs-bar .cs-col .cs-bg {
    height: 190px;
  }
  .cs-bar .cs-col .cs-bg img {
    height: 190px;
  }
  .cs-bar .cs-col .cs-bg:hover .cs-img img {
    height: 220px;
  }
  .cs-bar .cs-col .cs-content {
    height: 190px;
  }
}
.cs-bar .cs-bg {
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.cs-bar .cs-bg:hover .cs-img img {
  width: 110%;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  margin-top: -15px;
  margin-left: -30px;
}
.cs-bar .cs-bg:hover .cs-text {
  padding-bottom: 30px !important;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.cs-bar .cs-bg .cs-img {
  z-index: 1;
  position: relative;
}
.cs-bar .cs-bg .cs-img img {
  display: block;
  width: 100%;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.cs-bar .cs-bg .cs-content {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 29%, rgba(0, 0, 0, 0.88) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 29%, rgba(0, 0, 0, 0.88) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 29%, rgba(0, 0, 0, 0.88) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#94000000', GradientType=0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.cs-bar .cs-bg .cs-content .cs-text {
  padding: 20px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.cs-bar .cs-bg .cs-content .cs-infos {
  margin: 10px 0;
  display: block;
  color: #ffffff;
}
.cs-bar .cs-bg .cs-content .cs-infos span {
  margin-right: 20px;
}
.cs-bar .cs-bg .cs-content .cs-infos i {
  color: #fd8812;
}
#content-seven {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
}
.text-three {
  text-align: center;
  font-weight: 700;
}
@media only screen and (min-width: 1200px) {
  .text-three {
    font-size: 20px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 1199px) {
  .text-three {
    font-size: 20px;
    line-height: 30px;
  }
}
.text-three span {
  font-size: 20px;
  font-weight: 400;
}
.youtube {
  position: relative;
}
.video-bar {
  /*
  background:url("/images/bg1.png")no-repeat;
  background-size:cover;
  */
}
@media only screen and (min-width: 1200px) {
  .video-bar .row {
    height: 549px;
  }
}
.video-bar .youtube img {
  display: block;
  width: 100%;
  max-width: 400px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (min-width: 1200px) {
  .video-bar .youtube img {
    height: 300px;
  }
}
.video-bar .youtube iframe {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: none;
  display: block;
  width: 100%;
  height: 300px;
}
@media only screen and (min-width: 1200px) {
  .video-bar .youtube iframe {
    width: 400px;
  }
}
@media only screen and (max-width: 1199px) {
  .video-bar .youtube iframe {
    width: 100%;
  }
}
.video-bar .video-play {
  background: #fd8812;
  text-align: center;
  position: absolute;
  font-size: 20px;
  color: #ffffff;
  cursor: pointer;
  right: 0;
  left: 0;
  margin: auto;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  display: block;
  -webkit-box-shadow: 0 0 30px 0 #ff4a32;
  -moz-box-shadow: 0 0 30px 0 #ff4a32;
  box-shadow: 0 0 30px 0 #ff4a32;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 1200px) {
  .video-bar .video-play {
    width: 60px;
    height: 60px;
    top: 37%;
    line-height: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .video-bar .video-play {
    width: 50px;
    top: 35%;
    height: 50px;
    line-height: 50px;
  }
}
.video-bar .video-play:hover {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-transform: scale(1.13);
  transform: scale(1.13);
  -moz-transform: scale(1.13);
}
.blog-bg {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  background: #ffffff;
  border: 1px solid #dbdbdb;
}
.blog-bg:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.blog-bg .blog-img a {
  display: block;
  height: 200px;
  background-size: cover;
  background-position: center center;
}
.blog-bg .blog-content {
  padding: 20px;
}
.blog-bg .blog-content .blog-name {
  margin-bottom: 5px;
}
.blog-bg .blog-content .blog-name a {
  font-weight: 700;
  font-size: 18px;
}
.blog-bg .blog-content .blog-text {
  line-height: 24px;
}
.blog-bg .blog-bottom {
  padding: 0 20px 20px 20px;
}
.text-grey {
  color: #9a9a9a;
}
.footer {
  background: #ececec;
}
.foot-one {
  padding: 30px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.foot-one a:hover {
  color: #fd8812;
}
.foot-one .foot-menu-one ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.foot-one .foot-menu-one ul li {
  display: inline-block;
}
@media only screen and (min-width: 1200px) {
  .foot-one .foot-menu-one ul li {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .foot-one .foot-menu-one ul li {
    margin: 5px;
  }
}
.foot-one .foot-phone .fp-icon {
  font-size: 40px;
}
.foot-one .foot-phone .fp-number a {
  font-weight: 700;
  font-size: 16px;
}
.foot-one .foot-phone .fp-number span {
  display: block;
  font-size: 13px;
}
.foot-two {
  padding: 40px 0;
}
.foot-two a:hover {
  color: #fd8812 !important;
}
.foot-two .ft-links a {
  color: rgba(0, 0, 0, 0.8);
}
.foot-two .ft-links .ft-title {
  font-weight: 700;
  text-transform: uppercase;
}
.foot-two .ft-links ul {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
}
.foot-two .ft-links ul li {
  display: block;
  margin-top: 10px;
}
.foot-three {
  padding: 30px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.fth-row i {
  font-size: 48px;
  line-height: 48px;
}
.fth-row .ssl-top {
  font-size: 20px;
  font-weight: 700;
}
.foot-socials ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.foot-socials ul li {
  display: inline-block;
  margin: 0 5px;
}
.foot-socials ul li a {
  font-size: 24px;
}
.foot-socials ul li a:hover {
  color: #fd8812;
}
.app-link {
  background: #ffffff;
  padding: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
}
.app-link:hover {
  background: #fd8812;
  color: #ffffff;
}
.app-link i {
  font-size: 30px;
}
.app-link .col-9 span {
  font-size: 10px;
  display: block;
}
.foot-four {
  background: #f1f1f1;
}
.foot-four .ff-links {
  padding: 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
}
.foot-four .ff-links a {
  color: rgba(0, 0, 0, 0.7);
  display: inline-block;
}
@media only screen and (min-width: 1200px) {
  .foot-four .ff-links a {
    margin: 0 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .foot-four .ff-links a {
    margin: 5px;
  }
}
.foot-four .ff-links a:hover {
  color: #fd8812;
}
.foot-four .copyright {
  padding: 20px 0;
  text-align: center;
}
.sli3-col {
  padding: 0 1px;
  outline: none;
}
.sli3-col .sli3-img {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  background-position: center center;
}
.sli3-col .sli3-img .sli3-full {
  width: 35px;
  display: block;
  height: 35px;
  position: absolute;
  top: 20px;
  right: 20px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  background: #ffffff;
  text-align: center;
  line-height: 35px;
  font-size: 18px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (min-width: 1200px) {
  .sli3-col .sli3-img .sli3-full {
    opacity: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .sli3-col .sli3-img {
    height: 450px;
  }
  .sli3-col .sli3-img:hover .sli3-full {
    opacity: 1;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
  }
}
@media only screen and (max-width: 1199px) {
  .sli3-col .sli3-img {
    height: 300px;
  }
}
.slider3 .slick-prev,
.slider3 .slick-next {
  font-size: 0;
  opacity: 1;
  display: block;
  position: absolute;
}
@media only screen and (min-width: 1200px) {
  .slider3 .slick-prev,
  .slider3 .slick-next {
    top: 45%;
  }
}
@media only screen and (max-width: 1199px) {
  .slider3 .slick-prev,
  .slider3 .slick-next {
    top: 40%;
  }
}
.slider3 .slick-prev:hover::before,
.slider3 .slick-next:hover::before {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-color: #dadada;
}
.slider3 .slick-prev::before,
.slider3 .slick-next::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  opacity: 1;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 33px;
  font-size: 10px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  border: 1px solid #dbdbdb;
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
@media only screen and (min-width: 1200px) {
  .slider3 .slick-prev {
    left: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .slider3 .slick-prev {
    left: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .slider3 .slick-next {
    right: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .slider3 .slick-next {
    right: 10px;
  }
}
.slider3 .slick-prev::before {
  content: '\f053';
}
.slider3 .slick-next::before {
  content: '\f054';
}
.detail-page-fix {
  margin-top: -40px;
  position: Relative;
  z-index: 10;
}
.det-content-bg {
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.det-content-top .page-title {
  margin: 0;
  padding: 0;
  font-weight: 800;
  font-size: 24px;
}
.det-content-top .col-xl-auto:nth-child(1) {
  width: 60%;
}
.det-content-top .col-xl-auto:nth-child(2) {
  width: 40%;
}
.page-navigator a {
  font-size: 12px;
}
.page-navigator a:last-child::after {
  display: none;
}
.page-navigator a::after {
  content: "\f105";
  margin: 0 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.button-func {
  width: 30px;
  height: 30px;
  background: #fd8812;
  color: #ffffff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  display: block;
  line-height: 30px;
  text-align: center;
}
.button-func:hover {
  background: #e17000;
  color: #ffffff;
}
.button-funcx {
  width: 30px;
  height: 30px;
  background: #00aeee;
  color: #ffffff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  display: block;
  line-height: 30px;
  text-align: center;
}
.button-funcx:hover {
  background: #0095cc;
  color: #ffffff;
}
.button-funcy {
  width: 30px;
  height: 30px;
  background: #ffffff;
  color: #00aeee;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  display: block;
  border: 1px solid #dbdbdb;
  line-height: 29px;
  font-weight: 600;
  text-align: center;
}
.button-func.favorite {
  width: 30px;
  height: 30px;
  background: #e17000;
  color: #ffffff; 
  border: 1px solid #e17000; 
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.button-func.favorite i {
  color: #ffffff; 
}

.button-func.favorite.active {
  background-color: #e17000;
  color: #ffffff;
}

.button-func.favorite.active i {
  color: #ffffff; 
}
.pd-big-price {
  font-size: 16px;
  text-align: Center;
}
.pd-big-price span {
  display: block;
  color: #fd8812;
  font-weight: 800;
}
@media only screen and (min-width: 1200px) {
  .pd-big-price span {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1199px) {
  .pd-big-price span {
    font-size: 16px;
  }
}
.pd-big-date {
  font-size: 16px;
  background: url("/images/icon4.png") no-repeat left 10px center;
}
@media only screen and (min-width: 1200px) {
  .pd-big-date {
    border-left: 1px solid #f1f1f1;
  }
}
.pd-big-date span {
  display: block;
  font-weight: 800;
}
@media only screen and (min-width: 1200px) {
  .pd-big-date span {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .pd-big-date span {
    font-size: 16px;
  }
}
.det-content-tags {
  background: #f4f4f4;
}
.det-content-tags a {
  background: #ffffff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;
  font-weight: 500;
}
@media only screen and (min-width: 1200px) {
  .det-content-tags a {
    padding: 13px 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .det-content-tags a {
    padding: 6px 10px;
    margin: 2px;
  }
}
.det-content-tags a:hover {
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.det-content-tags a span:nth-child(1) {
  margin-right: 10px;
}
@media only screen and (min-width: 1200px) {
  .det-content-spesifications .d-spe-col {
    height: 45px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    border-bottom: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
  }
  .det-content-spesifications .d-spe-col:nth-child(1),
  .det-content-spesifications .d-spe-col:nth-child(2) {
    border-top: 1px solid #f1f1f1;
  }
  .det-content-spesifications .d-spe-col:nth-child(even) {
    border-right: 1px solid #f1f1f1;
  }
}
.det-content-spesifications .d-spe-col:hover {
  background: #f1f1f1;
}
@media only screen and (max-width: 1199px) {
  .det-content-spesifications .d-spe-col {
    height: 55px;
  }
}
.hide-text {
  position: relative;
  height: 300px;
  padding-bottom: 40px;
  overflow: hidden;
}
.hide-text.current {
  height: auto;
}
.hide-text.current::after {
  display: none;
}
.hide-text.current .show-text span:nth-child(1) {
  display: none;
}
.hide-text.current .show-text span:nth-child(2) {
  display: block;
}
.hide-text::after {
  content: "";
  position: absolute;
  height: 100px;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}
.hide-text .show-text {
  position: absolute;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  height: 40px;
  line-height: 40px;
  left: 0;
  right: 0;
  z-index: 3;
  margin: auto;
  font-weight: 800;
  bottom: 0px;
}
.hide-text .show-text:hover {
  color: #fd8812;
}
.hide-text .show-text span:nth-child(1) {
  display: block;
}
.hide-text .show-text span:nth-child(2) {
  display: none;
}
.det-tab-top {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 20px;
}
.det-tab-top .det-tab-top-col {
  float: left;
  padding: 0 20px 15px 20px;
  font-weight: 700;
  margin-bottom: -1px;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}
.det-tab-top .det-tab-top-col.current {
  color: #fd8812;
  border-bottom-color: #fd8812;
}
.det-content-sartname .dcs-img {
  display: block;
}
.det-content-sartname .dcs-img img {
  display: block;
  width: 100%;
  border: 1px solid #dbdbdb;
}
.det-content-call a {
  border-bottom: 1px solid #f1f1f1;
}
.det-content-call a:hover {
  background: #f1f1f1;
  color: #474747;
}
.det-content-call a i {
  font-size: 20px;
}
.det-content-call .dc-call {
  color: #fd8812;
  font-weight: 700;
  font-size: 18px;
}
.det-content-call .dc-call .det-call-text span {
  display: block;
  font-weight: 400;
  font-size: 14px;
  color: #474747;
}
.det-content-call .dc-write {
  color: #7585ff;
  font-weight: 700;
  font-size: 18px;
}
.det-content-call .dc-write .det-call-text span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #474747;
}
.slider4 .slick-prev,
.slider4 .slick-next {
  font-size: 0;
  opacity: 1;
  display: block;
  position: absolute;
}
@media only screen and (min-width: 1200px) {
  .slider4 .slick-prev,
  .slider4 .slick-next {
    top: -36px;
  }
}
@media only screen and (max-width: 1199px) {
  .slider4 .slick-prev,
  .slider4 .slick-next {
    top: 40%;
  }
}
.slider4 .slick-prev:hover::before,
.slider4 .slick-next:hover::before {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-color: #dadada;
}
.slider4 .slick-prev::before,
.slider4 .slick-next::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  opacity: 1;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 23px;
  font-size: 10px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  border: 1px solid #dbdbdb;
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
@media only screen and (min-width: 1200px) {
  .slider4 .slick-prev {
    right: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .slider4 .slick-prev {
    left: -10px;
  }
}
@media only screen and (min-width: 1200px) {
  .slider4 .slick-next {
    right: 0px;
  }
}
@media only screen and (max-width: 1199px) {
  .slider4 .slick-next {
    right: -10px;
  }
}
.slider4 .slick-prev::before {
  content: '\f053';
}
.slider4 .slick-next::before {
  content: '\f054';
}
body.lb-disable-scrolling {
  overflow: hidden;
}
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}
.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  /* Image border */
  border: 4px solid white;
}
.lightbox a img {
  border: none;
}
.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/images/loading.gif) no-repeat;
}
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.lb-container > .nav {
  left: 0;
}
.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev,
.lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}
.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}
.lb-data {
  padding: 0 4px;
  color: #ccc;
}
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
.lb-data .lb-caption a {
  color: #4ae;
}
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.detail-top-navigation {
  background: rgba(0, 0, 0, 0.05);
}
.form-det-search {
  border: none;
  display: block;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (min-width: 1200px) {
  .form-det-search {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: #ffffff url("/images/icon1.png") no-repeat left 15px center;
    padding: 0 20px 0 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .form-det-search {
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    background: #ffffff url("/images/icon1.png") no-repeat left 10px center;
    padding: 0 10px 0 50px;
  }
}
.spe-select-sub select {
  display: none !important;
}
.spe-select-sub .dropdown-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  border-right: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border-top: none;
  border-bottom: none;
}
@media only screen and (min-width: 1200px) {
  .spe-select-sub .dropdown-select {
    font-size: 14px;
    border-left: 1px solid #f1f1f1;
    padding: 0 20px 0 50px;
    background: #ffffff url("/images/icon2.png") no-repeat left 15px center;
    height: 40px;
    line-height: 39px;
  }
}
@media only screen and (max-width: 1199px) {
  .spe-select-sub .dropdown-select {
    font-size: 12px;
    border-top: 1px solid #f1f1f1;
    padding: 0 10px 0 50px;
    background: #ffffff url("/images/icon2.png") no-repeat left 10px center;
    height: 50px;
    line-height: 50px;
  }
}
.spe-select-sub .dropdown-select:focus {
  outline: none !important;
  background-color: #fff;
}
.spe-select-sub .dropdown-select:hover {
  background-color: #fff;
}
.spe-select-sub .dropdown-select:active,
.spe-select-sub .dropdown-select.open {
  outline: none !important;
  background-color: #fff !important;
}
.spe-select-sub .dropdown-select:after {
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #777;
  -webkit-transform: origin(50% 20%);
  transform: origin(50% 20%);
  transition: all 0.125s ease-in-out;
  content: '';
  display: block;
  margin-top: -2px;
  pointer-events: none;
  position: absolute;
  right: 20px;
  top: 50%;
}
.spe-select-sub .dropdown-select.open:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.spe-select-sub .dropdown-select.open .list {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}
.spe-select-sub .dropdown-select.open .option {
  cursor: pointer;
}
.spe-select-sub .dropdown-select.wide {
  width: 100%;
}
.spe-select-sub .dropdown-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.spe-select-sub .dropdown-select .list {
  box-sizing: border-box;
  transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  border-radius: 6px;
  margin-top: 4px;
  padding: 3px 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  max-height: 250px;
  overflow: auto;
}
.spe-select-sub .dropdown-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.spe-select-sub .dropdown-select .dd-search {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5rem;
}
.spe-select-sub .dropdown-select .dd-searchbox {
  width: 100%;
  padding: 0.5rem;
  height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #f1f1f1;
  outline: none;
}
.spe-select-sub .dropdown-select .dd-searchbox:focus {
  border-color: #12CBC4;
}
.spe-select-sub .dropdown-select .list ul {
  padding: 0;
}
.spe-select-sub .dropdown-select .option {
  cursor: default;
  font-weight: 400;
  line-height: 40px;
  outline: none;
  font-size: 14px;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
  list-style: none;
}
.spe-select-sub .dropdown-select .option:hover,
.spe-select-sub .dropdown-select .option:focus {
  background-color: #f6f6f6 !important;
}
.spe-select-sub .dropdown-select .option.selected {
  font-weight: 700;
  color: #fd8812;
}
.spe-select-sub .dropdown-select .option.selected:focus {
  background: #f6f6f6;
}
.spe-select-sub .dropdown-select a {
  color: #aaa;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.spe-select-sub .dropdown-select a:hover {
  color: #666;
}
.form-det-submit {
  display: block;
  height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
}
@media only screen and (min-width: 1200px) {
  .form-det-submit {
    width: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .form-det-submit {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .form-det-submit {
    background: #ffffff url("/images/icon5.png") no-repeat center center;
  }
}
@media only screen and (max-width: 1199px) {
  .form-det-submit {
    background: #fd8812 url("/images/icon3.png") no-repeat center center;
  }
}
.row-shared {
  color: #555;
}
.row-shared a {
  width: 30px;
  height: 30px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  line-height: 30px;
  text-align: center;
  display: block;
  font-size: 16px;
}
.row-shared a:hover {
  background: #e17000;
  color: #ffffff;
}
.select-style {
  position: relative;
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  background: #ffffff url("/images/icon6.png") no-repeat right 15px center;
}
.select-style select {
  height: 30px;
  line-height: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  width: 100%;
  padding: 0 35px 0 15px;
  box-shadow: none;
  position: relative;
  cursor: pointer;
  border: 0 !important;
  background: transparent !important;
  background-image: none;
}
.select-style select::-ms-expand {
  display: none;
}
.form-select {
  position: relative;
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  background: #ffffff url("/images/icon6.png") no-repeat right 15px center;
}
.form-select select {
  height: 40px;
  line-height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  width: 100%;
  padding: 0 20px;
  box-shadow: none;
  position: relative;
  cursor: pointer;
  border: 0 !important;
  background: transparent !important;
  background-image: none;
}
.form-select select::-ms-expand {
  display: none;
}
.sea-save {
  font-weight: 700;
}
.sea-save i {
  color: #fd8812;
}
.items-list .items-bg {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  overflow: hidden;
  position: relative;
}
.items-list .items-bg:hover {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.items-list .items-bg:hover .product-func {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.items-list .items-bg .d-xl-table {
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .items-list .items-bg .d-xl-table .d-xl-table-cell:nth-child(1) {
    width: 30%;
  }
  .items-list .items-bg .d-xl-table .d-xl-table-cell:nth-child(2) {
    width: 70%;
  }
}
.items-list .items-bg .items-img {
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 1199px) {
  .items-list .items-bg .items-img {
    height: 150px;
  }
}
.items-list .items-bg .items-name a {
  font-weight: 700;
  font-size: 19px;
}
.items-list .items-bg .items-spef .items-price {
  color: #999;
}
.items-list .items-bg .items-spef .items-price span {
  display: block;
  color: #fd8812;
  font-weight: 800;
  font-size: 20px;
}
.items-list .items-bg .items-spef .items-date {
  color: #999;
}
.items-list .items-bg .items-spef .items-date span {
  display: block;
  color: #474747;
  font-weight: 800;
  font-size: 20px;
}
.items-list .items-bg .items-bottom a {
  margin-right: 10px;
  font-weight: 500;
}
.items-list .items-bg .items-bottom a i {
  color: #fd8812;
}
.pagenav-listing a {
  display: inline-block;
  padding: 7px 14px;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-weight: 500;
  text-align: center;
}
.pagenav-listing a:hover,
.pagenav-listing a.current {
  background: #fd8812;
  color: #ffffff;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.items-title {
  font-size: 18px;
}
.form-label {
  cursor: pointer;
  font-weight: 500;
}
.form-label input {
  display: none;
}
.form-label input:checked + span {
  background: #fd8812;
  border-color: #fd8812;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.form-label input:checked + span::after {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.form-label span {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  width: 15px;
  height: 15px;
  float: left;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid #dbdbdb;
  margin-right: 5px;
  position: relative;
  margin-top: 2px;
}
.form-label span::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  top: 2px;
  color: #ffffff;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  left: 2px;
  font-weight: 900;
  position: absolute;
  font-size: 8px;
}
.filter-content {
  max-height: 150px;
  overflow-x: auto;
}
.filter-top {
  position: Relative;
  cursor: pointer;
}
.filter-dropdown {
  /*
  &::after {
    content:"\f13a";
    .awesome;
    position:absolute;
    right:0;
    color:@red1;
    font-size:12px;
    font-weight:900;
  }
  */
}
.filter-bar {
  position: relative;
}
.filter-bor {
  border-bottom: 1px solid #f1f1f1;
}
.filter-bor:last-child {
  border-bottom: none;
}
.profile-type {
  background: #ffeeec;
}
.profile-type .pt-text span {
  color: #fd8812;
  font-weight: 700;
  font-size: 18px;
}
.profile-type .pt-text2 {
  margin-top: 5px;
}
.profile-type .pt-text2 span {
  font-weight: 700;
  font-size: 18px;
}
.name-short {
  background: #dadada;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
  line-height: 40px;
  height: 40px;
  width: 40px;
}
.name-shortx {
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  border: 5px solid #ff852b;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
  line-height: 40px;
  height: 50px;
  width: 50px;
}
.username-dropdown {
  font-weight: 700;
  cursor: pointer;
}
.username-link {
  text-align: right;
}
.username-link a {
  font-weight: 700;
  color: #aaa;
  font-size: 12px;
}
.username-link a:hover {
  color: #fd8812;
}
.logged-menu a {
  display: block;
  position: relative;
}
.logged-menu a span {
  position: absolute;
  background: #fd8812;
  color: #ffffff !important;
  font-weight: 700;
  text-align: center;
  width: 20px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  height: 20px;
  top: -5px;
  right: -5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  line-height: 20px;
  font-size: 10px;
}
.logged-menu a.current span,
.logged-menu a:hover span {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.logged-menux a {
  display: block;
  position: relative;
}
.logged-menux a span {
  position: absolute;
  background: #ffffff;
  color: #fd8812 !important;
  font-weight: 700;
  text-align: center;
  width: 20px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  height: 20px;
  top: -5px;
  right: -5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  line-height: 20px;
  font-size: 10px;
}
.logged-menux a.current span,
.logged-menux a:hover span {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.det-con-top {
  border-bottom: 1px solid #dbdbdb;
  font-weight: 700;
}
.det-con-top span {
  float: left;
  border-bottom: 1px solid #fd8812;
  margin-bottom: -1px;
}
.itemx-list .itemx-col:last-child .items-bg {
  border-bottom: none !important;
}
.itemx-list .items-bg {
  border-bottom: 1px solid #f1f1f1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  overflow: hidden;
  position: relative;
}
.itemx-list .items-bg:hover .product-func {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.itemx-list .items-bg .d-xl-table {
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .itemx-list .items-bg .d-xl-table .d-xl-table-cell:nth-child(1) {
    width: 30%;
  }
  .itemx-list .items-bg .d-xl-table .d-xl-table-cell:nth-child(2) {
    width: 70%;
  }
}
.itemx-list .items-bg .items-img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 1199px) {
  .itemx-list .items-bg .items-img {
    height: 150px;
  }
}
.itemx-list .items-bg .items-name a {
  font-weight: 500;
  font-size: 17px;
}
.itemx-list .items-bg .items-spef .items-price {
  color: #999;
}
.itemx-list .items-bg .items-spef .items-price span {
  display: block;
  color: #fd8812;
  font-weight: 800;
  font-size: 20px;
}
.itemx-list .items-bg .items-spef .items-date {
  color: #999;
}
.itemx-list .items-bg .items-spef .items-date span {
  display: block;
  color: #474747;
  font-weight: 800;
  font-size: 20px;
}
.itemx-list .items-bg .items-bottom a {
  margin-right: 10px;
  font-weight: 500;
}
.itemx-list .items-bg .items-bottom a i {
  color: #fd8812;
}
.profile-left-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.profile-left-links ul li {
  display: block;
  border-left: 3px solid transparent;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.profile-left-links ul li:hover,
.profile-left-links ul li.current {
  border-left-color: #fd8812;
}
.profile-left-links a {
  border-left: 3px solid transparent;
  font-weight: 500;
  padding: 5px 0;
}
@media only screen and (min-width: 1200px) {
  .mobile-logged {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .mobile-logged {
    padding: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 10px;
  }
  .mobile-logged .logged-menu span {
    background: #ffffff;
    color: #fd8812 !important;
  }
  .mobile-logged * {
    color: #ffffff !important;
  }
}
.username-dropped {
  width: 150px;
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  display: none;
  right: 0;
  padding: 15px 0;
  z-index: 3;
  position: absolute;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
}
.username-dropped a {
  display: block;
  padding: 10px 20px;
  color: #474747 !important;
  font-weight: 500;
}
.username-dropped a:hover {
  background: #f1f1f1;
}
.username-dropped.ud-fix {
  left: 0;
  right: 0;
  margin: auto !important;
}
.notif-check,
.notif-error,
.notif-info {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.4);
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .notif-check,
  .notif-error,
  .notif-info {
    font-size: 18px;
    padding: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .notif-check,
  .notif-error,
  .notif-info {
    font-size: 14px;
    padding: 10px 35px 10px 10px;
  }
}
.notif-check::after,
.notif-error::after,
.notif-info::after {
  right: 20px;
  top: 25%;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  color: rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 1200px) {
  .notif-check::after,
  .notif-error::after,
  .notif-info::after {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .notif-check::after,
  .notif-error::after,
  .notif-info::after {
    font-size: 18px;
  }
}
.notif-check {
  background: #aeffe1;
}
.notif-check::after {
  content: "\f058";
  font-weight: 500;
}
.notif-error {
  background: #ffaeae;
}
.notif-error::after {
  content: "\f071";
  font-weight: 900;
}
.notif-info {
  background: #aecbff;
}
.notif-info::after {
  content: "\f05a";
  font-weight: 900;
}
.form-title {
  font-weight: 600;
  display: block;
}
.table-button {
  display: inline-block;
  width: 20px;
  font-size: 12px;
  height: 20px;
  border: 1px solid #dbdbdb;
  line-height: 20px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.table-button:hover {
  border-color: #ddd;
}
@media only screen and (max-width: 1199px) {
  .table-one {
    overflow-y: auto;
    position: relative;
  }
  .table-one table {
    min-width: 100%;
  }
}
.message-sys {
  border: 1px solid #dbdbdb;
  padding: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.message-sys .mes-col {
  margin-top: 20px;
}
.message-sys .mes-col:first-child {
  margin-top: 0;
}
.message-sys .mes-content {
  max-width: 70%;
}
.message-sys .mes-content .mes-text {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  line-height: 24px;
  position: relative;
}
.message-sys .mes-content .mes-text::after {
  content: "";
  width: 16px;
  height: 16px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: -7px;
}
.message-sys .mes-content .mes-date {
  margin-top: 5px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.3);
  font-weight: 600;
}
.message-sys .mes-content .mes-admin {
  background: #d2f1e6;
}
.message-sys .mes-content .mes-admin::after {
  background: #d2f1e6;
  left: 10px;
}
.message-sys .mes-content .mes-you {
  background: #f9f9f9;
}
.message-sys .mes-content .mes-you::after {
  background: #f9f9f9;
  right: 10px;
}
.message-sys .mes-content .mes-name {
  font-weight: 700;
  margin-bottom: 10px;
}
.message-sys .mes-content .mes-name span {
  font-weight: 400;
}
.anket-row {
  position: relative;
  border-bottom: 1px solid #f1f1f1;
}
.anket-row .anket-options {
  display: none;
}
.anket-row .anket-name {
  padding: 10px 25px;
  position: relative;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.anket-row .anket-name:hover {
  color: #fd8812;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.anket-row .anket-name::after {
  position: absolute;
  content: "\f0d7";
  right: 0;
  top: 15px;
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  font-weight: 900;
}
.anket-row .anket-name::before {
  position: absolute;
  content: "\f200";
  color: #fd8812;
  left: 0;
  top: 12px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.bank-acc-tabs .bat-col {
  width: 25%;
  margin-bottom: -1px;
}
.bank-acc-tabs .bat-col.current .d-table {
  border-top-color: #fd8812;
  border-right-color: #dbdbdb;
  border-left-color: #dbdbdb;
  border-bottom-color: #ffffff;
}
.bank-acc-tabs .bat-col .d-table {
  width: 100%;
  padding: 0 10px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  cursor: pointer;
  border-top-right-radius: 5px;
  border-top: 3px solid transparent;
  text-align: center;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.bank-acc-tabs .bat-col .d-table img {
  max-width: 100%;
}
@media only screen and (min-width: 1200px) {
  .bank-acc-tabs .bat-col .d-table {
    height: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .bank-acc-tabs .bat-col .d-table {
    height: 40px;
  }
}
.bat-content {
  padding: 20px;
  border: 1px solid #dbdbdb;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.bat-content .col-12:last-child .bank-border {
  border-bottom: none;
}
.bank-border {
  border-bottom: 1px solid #dbdbdb;
  padding: 15px 0;
}
.bank-border:nth-child(3),
.bank-border:nth-child(4) {
  border-bottom: 0;
}
.tab-contentx {
  display: none;
}
.tab-contentx.current {
  display: block;
}
.det-links-two {
  padding: 0 0 10px 0;
}
.det-links-two a {
  display: block;
  font-weight: 500;
  padding: 10px 20px;
  border-left: 2px solid transparent;
}
.det-links-two a:hover,
.det-links-two a.current {
  color: #fd8812;
  border-color: #fd8812;
}
.ilet-maps iframe {
  border: 0;
  display: block;
  width: 100%;
  height: 250px;
}
.form-det-submit {
  display: block;
  height: 40px;
  background: #fd8812 url("/images/icon3.png") no-repeat center center;
  background-size: 16px 17px;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
}
.question-row {
  position: relative;
  border-bottom: 1px solid #f1f1f1;
}
.question-row .question-answer {
  display: none;
  font-size: 16px;
  padding-left: 25px;
  line-height: 24px;
}
.question-row .question-text {
  padding: 15px 25px;
  position: relative;
  font-size: 18px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.question-row .question-text:hover {
  color: #fd8812;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.question-row .question-text::after {
  position: absolute;
  content: "\f0d7";
  right: 0;
  top: 15px;
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  font-weight: 900;
}
.question-row .question-text::before {
  position: absolute;
  content: "\f059";
  color: #fd8812;
  left: 0;
  top: 15px;
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
}
.questions .question-row:last-child {
  border-bottom: 0;
}
.hak-img img {
  display: block;
  width: 100%;
}
.hak-text {
  line-height: 24px;
}
.login-container {
  max-width: 900px;
  margin: 0 auto;
}
.login-bar {
  border-bottom: 3px solid #fd8812;
  border-top: 3px solid #fd8812;
  max-width: 400px;
  margin: 0 auto;
  position: relative;
  text-align: left;
}
.modal-top-links a,
.modal-top-links span {
  width: 50%;
  background: #fd8812;
  padding: 20px 0;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  font-weight: 700;
  font-size: 17px;
}
.modal-top-links a.current,
.modal-top-links span.current {
  color: #fd8812;
  background: #ffffff;
}
.syi-bg {
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}
.syi-bg .d-table {
  width: 100%;
  height: 175px;
  color: #ffffff;
  font-size: 16px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#262626+0,262626+100&0+0,0.9+100 */
  background: -moz-linear-gradient(top, rgba(38, 38, 38, 0) 0%, rgba(38, 38, 38, 0.9) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(38, 38, 38, 0) 0%, rgba(38, 38, 38, 0.9) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(38, 38, 38, 0) 0%, rgba(38, 38, 38, 0.9) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00262626', endColorstr='#e6262626', GradientType=0);
  /* IE6-9 */
  font-weight: 700;
}
.syi-bg .d-table .d-table-cell {
  position: relative;
  z-index: 2;
}
.syi-bg .d-table span {
  display: block;
  font-size: 13px;
  margin-top: 5px;
}
.syi-bg .d-table:hover::after {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.syi-bg .d-table:hover .hover-action {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.syi-bg .d-table::after {
  content: "";
  width: 100%;
  left: 0;
  right: 0;
  height: 100%;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  z-index: 1;
  padding: 10px;
  position: absolute;
  background: rgba(28, 28, 28, 0.5);
}
.syi-bg .d-table .hover-action {
  width: 100%;
  left: 0;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  right: 0;
  height: 100%;
  z-index: 3;
  padding: 10px;
  position: absolute;
}
.btn-satilik,
.btn-kiralik {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  display: block;
  padding: 10px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
}
.btn-satilik:hover,
.btn-kiralik:hover {
  background: #e17000;
  color: #ffffff;
}
.btn-satilik {
  background: #00c184;
  margin-bottom: 4px;
}
.btn-kiralik {
  background: #fd8812;
}
.btn-add-ihale,
.btn-add-to-fav,
.btn-ask-ques {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  display: block;
  padding: 10px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
}
.btn-add-ihale:hover,
.btn-add-to-fav:hover,
.btn-ask-ques:hover {
  background: #e17000;
  color: #ffffff;
}
.btn-add-ihale {
  background: #00c184;
  margin-bottom: 4px;
}
.btn-add-to-fav {
  background: #fd8812;
  margin-bottom: 4px;
}
.btn-ask-ques {
  background: #ff8f1f;
}
.mobile-foot-bar {
  position: fixed;
  z-index: 1000000000;
  bottom: 0;
  width: 100%;
  left: 0;
}
@media only screen and (min-width: 480px) {
  .mobile-foot-bar {
    display: none !important;
  }
}
.mobile-foot-bar a {
  display: block;
  text-align: center;
  padding: 15px 0;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
}
.mobile-foot-bar a:nth-child(1) {
  background: #e17000;
}
.mobile-foot-bar a:nth-child(2) {
  background: #fd8812;
}
.icons-menu a {
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (min-width: 1200px) {
  .icons-menu a {
    margin: 0 10px;
    font-size: 15px;
    padding: 5px 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .icons-menu a {
    margin: 0 2px;
    font-size: 11px;
    padding: 3px 2px;
  }
}
.icons-menu a:hover {
  background: rgba(255, 255, 255, 0.3);
}
.icons-menu a span {
  display: block;
  margin-top: 10px;
}
.product-fav {
  position: absolute;
  z-index: 3;
  left: 10px;
  top: 10px;
}
.product-fav a {
  display: block;
  font-size: 20px;
  color: #ffffff;
}
.product-fav a::after {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
}
.product-fav a:hover {
  color: #fd8812;
}
.product-fav a:hover::after {
  font-weight: 900;
  content: "\f004";
}
.product-fav a.active::after {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  font-weight: 900; 
  color: #fd8812;
}
.product-rand {
  position: absolute;
  z-index: 3;
  left: 40px;
  top: 10px;
}
.product-rand a {
  display: block;
  font-size: 20px;
  color: #ffffff;
}
.product-rand a::after {
  content: "\f022";
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
}
.product-rand a:hover {
  color: #fd8812;
}
.product-rand a:hover::after {
  font-weight: 900;
  content: "\f022";
}
.product-last-days {
  position: absolute;
  z-index: 2;
  top: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  right: 5px;
  background: #fd8812;
  color: #ffffff;
  font-size: 12px;
  padding: 3px 6px;
  text-align: center;
}
.product-last-days span {
  display: block;
  font-weight: 700;
  font-size: 16px;
}
.sli6-col {
  outline: none !important;
}
.slider6 .slick-dots {
  position: absolute;
  bottom: 33px;
  display: block;
  width: 100%;
  padding: 0;
  outline: none !important;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slider6 .slick-dots li {
  position: relative;
  display: inline-block;
  list-style: none;
  text-align: center;
  margin: 0 5px;
  outline: none !important;
  padding: 0;
  cursor: pointer;
}
.slider6 .slick-dots li div {
  display: block;
  border: 0;
  width: 10px;
  text-indent: -99999999px;
  outline: none !important;
  font-size: 0;
  transition: all 0.2s ease-in-out;
  height: 10px;
  border: 2px solid #fd8812;
  background: transparent;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  opacity: 1;
}
.slider6 .slick-dots .slick-active div {
  background: #fd8812 !important;
  transition: all 0.2s ease-in-out;
}
.sli7-bg {
  background: #ffffff;
  position: relative;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.sli7-bg .sli7-logo {
  position: absolute;
  top: 10px;
  left: 10px;
}
.sli7-bg .sli7-img img {
  display: block;
  max-width: 100%;
}
.sli7-bg .sli7-bottom .sli7-name a {
  font-weight: 700;
  font-size: 20px;
}
.sli7-col {
  outline: none;
}
.slider7 .slick-prev,
.slider7 .slick-next {
  font-size: 0;
  opacity: 1;
  display: block;
  position: absolute;
}
@media only screen and (min-width: 1200px) {
  .slider7 .slick-prev,
  .slider7 .slick-next {
    top: 45%;
  }
}
@media only screen and (max-width: 1199px) {
  .slider7 .slick-prev,
  .slider7 .slick-next {
    top: 40%;
  }
}
.slider7 .slick-prev:hover::before,
.slider7 .slick-next:hover::before {
  background: #fd8812;
}
.slider7 .slick-prev::before,
.slider7 .slick-next::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  opacity: 1;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 33px;
  font-size: 10px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  background: #fd8812;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
@media only screen and (min-width: 1200px) {
  .slider7 .slick-prev {
    left: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .slider7 .slick-prev {
    left: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .slider7 .slick-next {
    right: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .slider7 .slick-next {
    right: 10px;
  }
}
.slider7 .slick-prev::before {
  content: '\f053';
}
.slider7 .slick-next::before {
  content: '\f054';
}
.product-down-per {
  position: absolute;
  top: 122px;
  right: 5px;
  background: #fd3312;
  color: #ffffff;
  font-weight: 700;
  padding: 2px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
#content-13 {
  background: rgba(0, 0, 0, 0.09);
}
.c13-bg {
  background: #ffffff;
}
.c13-bg .c13-title {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 15px;
}
.c13-bg .c12-links .col-6:nth-child(1) {
  font-weight: 600;
}
#content-16 {
  background: #fd8812;
}
@media only screen and (min-width: 1200px) {
  #content-16 .col-xl-3:last-child a {
    border-right: 0;
  }
}
@media only screen and (max-width: 1199px) {
  #content-16 .col-xl-3:last-child a {
    border-bottom: 0;
  }
}
#content-16 a {
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
  padding: 0px 20px;
  height: 140px;
  text-align: center;
}
#content-16 a:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
@media only screen and (min-width: 1200px) {
  #content-16 a {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
  }
}
@media only screen and (max-width: 1199px) {
  #content-16 a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
}
#content-16 a i {
  font-size: 27px;
}
#content-16 a span.c16-text1 {
  display: block;
  margin-top: 10px;
}
#content-16 a.c16-turkey {
  background: url("/images/turkey.png") no-repeat center center;
}
.foot-tab-content {
  display: none;
}
.foot-tab-content.current {
  display: block;
}
.foot-zero {
  background: rgba(0, 0, 0, 0.03);
  border-top: 1px solid #f1f1f1;
}
.foot-zero a {
  color: #474747 !important;
}
.fz-bg {
  background: #ffffff;
}
.foot-tabs .ft-col {
  padding: 10px 30px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
}
.foot-tabs .ft-col.current {
  background: rgba(0, 0, 0, 0.1);
}
.foot-tab-content .foot-tags {
  margin-top: 20px;
}
.foot-tab-content .foot-tags a {
  color: #f1f1f1;
  margin-top: 5px;
}
.foot-tab-content .foot-tags a:hover {
  color: #fd8812 !important;
}
@media only screen and (min-width: 1200px) {
  .foot-tab-content .foot-tags a {
    width: 14.285%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 1199px) {
  .foot-tab-content .foot-tags a {
    width: 33.333%;
  }
}
@media only screen and (max-width: 479px) {
  .foot-tab-content .foot-tags a {
    width: 50%;
  }
}
.foot-tab-content .foot-tags a::before {
  margin-right: 5px;
  font-size: 10px;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.foot-six {
  background: #ffffff;
}
.foot-six img {
  max-height: 40px;
  filter: grayscale(100%);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.foot-six img:hover {
  filter: grayscale(0%);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
@keyframes countanime {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ihale-countdown {
  border: 2px solid #fd8812;
  font-size: 19px;
  text-align: center;
  position: relative;
}
.ihale-countdown .ihc-icon {
  position: absolute;
  color: #fd8812;
  animation-name: countanime;
  animation-duration: 0.8s;
  opacity: 1;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  bottom: 15px;
  font-size: 24px;
}
.ihale-countdown span {
  font-size: 30px;
  color: #fd8812;
  display: block;
  font-weight: 700;
}
.mus-tem-img {
  background: #ffffff url("/images/icon7.png") no-repeat center center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  right: -10px;
  width: 100px;
  height: 100px;
  position: absolute;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  top: -10px;
}
.mus-tem-img img {
  display: block;
  width: 100px;
  height: 100px;
}
.musteri-temsilcisi {
  background: #ffffff;
  border: 1px solid #eeeeee;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.musteri-temsilcisi .mus-tem-name {
  display: block;
  max-width: 60%;
  font-size: 18px;
  font-weight: 700;
}
.musteri-temsilcisi .mus-tem-name b {
  font-size: 13px;
  display: block;
  font-weight: 400;
  margin-top: 5px;
  color: #999;
}
.musteri-temsilcisi .mus-tem-name span {
  display: block;
  font-size: 13px;
  font-weight: 500;
  margin-top: 5px;
  color: #00aeee;
}
.head-fixed-bar {
  position: fixed;
  top: -160px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  background: #ffffff;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  left: 0;
  width: 100%;
  z-index: 200;
}
@media only screen and (max-width: 1199px) {
  .head-fixed-bar {
    display: none;
  }
}
.head-fixed-bar.fixed-header {
  top: 0 !important;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.head-fixed-bar .hfb-logo img {
  max-width: 100%;
  max-height: 40px;
}
.head-fixed-bar .hfb-title {
  font-size: 18px;
  font-weight: 600;
}
.head-fixed-bar .hfb-spef {
  background: #e4eef7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  height: 35px;
  font-weight: 500;
  line-height: 35px;
  padding: 0 10px;
}
.head-fixed-bar .hfb-price {
  font-size: 30px;
  font-weight: 700;
}
.head-fixed-bar .hfb-bottom {
  border-top: 1px solid #f1f1f1;
}
.sorting-bar {
  background: #ffffff;
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.sorting-bar a {
  display: block;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  font-weight: 500;
}
.sorting-bar a i {
  color: #999;
}
.sorting-bar a.current,
.sorting-bar a:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #474747;
}
@media only screen and (min-width: 1200px) {
  .sorting-bar a {
    border-right: 1px solid #dbdbdb;
  }
}
@media only screen and (max-width: 1199px) {
  .sorting-bar a {
    border-bottom: 1px solid #dbdbdb;
  }
}
.sorting-select {
  background: #ffffff url("/images/icon8.png") no-repeat right 15px center !important;
}
.current-filter a {
  background: rgba(0, 0, 0, 0.05);
  margin: 0 5px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  padding: 5px 20px 5px 40px;
  font-weight: 500;
  position: relative;
}
.current-filter a:hover {
  color: #474747;
  background: rgba(0, 0, 0, 0.1);
}
.current-filter a::before {
  content: "\f057";
  color: #999;
  font-size: 18px;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  position: absolute;
  left: 10px;
  top: 28%;
}
.current-filter a span {
  display: block;
  color: #999;
}
.det-content-tags-row {
  background: rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.det-content-tags-row a {
  background: #ffffff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;
  font-weight: 500;
}
@media only screen and (min-width: 1200px) {
  .det-content-tags-row a {
    padding: 13px 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .det-content-tags-row a {
    padding: 6px 10px;
    margin: 2px;
  }
}
.det-content-tags-row a:hover {
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.det-content-tags-row a span:nth-child(1) {
  margin-right: 10px;
}
.filtre-title-tabs {
  background: #f1f1f1;
}
.filtre-title-tabs .ftt-col {
  float: left;
  border-top: 4px solid transparent;
  padding: 15px 0;
  border-right: 1px solid #dbdbdb;
  text-align: center;
  width: 25%;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.filtre-title-tabs .ftt-col:last-child {
  border-right: none;
}
.filtre-title-tabs .ftt-col.current {
  background: #ffffff;
  border-top-color: #fd8812;
}
.ftt-tab-contentx,
.ftt-tab-contenty {
  display: none;
}
.ftt-tab-contentx.current,
.ftt-tab-contenty.current {
  display: block;
}
.form-label-two {
  cursor: pointer;
  font-weight: 500;
  line-height: 24px;
}
.form-label-two input {
  display: none;
}
.form-label-two input:checked + span {
  background: #fd8812;
  border-color: #fd8812;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.form-label-two input:checked + span::after {
  left: 15px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.form-label-two span {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  width: 34px;
  background: #dbdbdb;
  height: 15px;
  float: left;
  display: block;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  margin-right: 5px;
  position: relative;
  margin-top: 5px;
}
.form-label-two span::after {
  content: "";
  top: -2px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
  background: #ffffff;
  width: 19px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  height: 19px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  left: 0px;
  position: absolute;
}
.bootstrap-select > .dropdown-toggle {
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  background: #ffffff url("/images/icon6.png") no-repeat right 15px center;
  height: 30px;
  line-height: 30px;
  display: block;
  outline: 0;
  width: 100% !important;
  padding: 0 20px;
  font-weight: 400;
  box-shadow: none;
  position: relative;
  cursor: pointer;
}
.my-message-list {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
.my-message-list .mml-row {
  padding: 10px 10px;
  border-left: 10px solid transparent;
  border-bottom: 1px solid #f1f1f1;
}
.my-message-list .mml-row .mml-name {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  background: #f1f1f1;
  line-height: 40px;
  width: 40px;
  color: #999;
  display: block;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  text-align: center;
}
.my-message-list .mml-row.new-message {
  border-left-color: #00aeee !important;
  background: #edf5f8;
}
.my-message-list .mml-row.new-message .mml-name {
  background: #e1ecf0;
}
.my-message-list .mml-row:hover,
.my-message-list .mml-row.current {
  background: #f1f1f1;
  color: #474747;
  border-left-color: #fd8812 !important;
}
.my-message-list .mml-row:hover .mml-name,
.my-message-list .mml-row.current .mml-name {
  background: #dbdbdb;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.my-message-list .mml-row .mml-date {
  display: block;
  font-size: 12px;
  color: #999;
}
.my-message-list .mml-row .mml-text1 {
  font-weight: 500;
}
.form-select-multi .dropdown-toggle {
  height: 42px;
  line-height: 42px;
}
#gotoup {
  display: inline-block;
  background-color: #fd8812;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  font-size: 20px;
  color: #ffffff;
  right: 30px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
@media only screen and (min-width: 1200px) {
  #gotoup {
    width: 50px;
    height: 50px;
    bottom: 30px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  #gotoup {
    width: 30px;
    height: 30px;
    bottom: 50px;
    line-height: 30px;
  }
}
#gotoup:hover {
  cursor: pointer;
  background-color: #e17000;
}
#gotoup.show {
  opacity: 1;
  visibility: visible;
}
.last-hupper {
  background: #f1f1f1;
}
.last-hupper .last-hup-col {
  float: left;
  height: 87px;
  border-top: 4px solid transparent;
  padding: 15px 0;
  border-right: 1px solid #dbdbdb;
  text-align: center;
  width: 33.33333%;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.last-hupper .last-hup-col span {
  display: block;
  font-size: 18px;
  margin-bottom: 5px;
}
.last-hupper .last-hup-col:last-child {
  border-right: none;
}
.last-hupper .last-hup-col.current {
  background: #ffffff;
  color: #fd8812;
  border-top-color: #fd8812;
}
.last-hup-content {
  display: none;
}
.last-hup-content.current {
  display: block;
}
.last-hup-list .lhl-bar {
  padding: 10px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  border-bottom: 1px solid #f1f1f1;
}
.last-hup-list .lhl-bar .lhl-image {
  position: Relative;
  display: block;
}
.last-hup-list .lhl-bar .lhl-image img {
  display: block;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.last-hup-list .lhl-bar .lhl-text1 {
  color: #999;
  display: block;
  font-size: 12px;
}
.last-hup-list .lhl-bar .lhl-text2 {
  font-weight: 700;
}
.last-hup-list .lhl-bar:hover {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  color: #474747;
  background: #f1f1f1;
}
.remodal-close {
  position: fixed;
  background: #fd8812;
  bottom: 40px;
  z-index: 10;
  color: #ffffff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  right: 0;
  left: 0;
  margin: auto;
  line-height: 24px;
  width: 24px;
  height: 24px;
}
.multi-filter {
  background: #f1f1f1;
}
.multi-filter .mf-title {
  font-weight: 800;
  cursor: pointer;
  position: relative;
}
.multi-filter .mf-title::after {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin: 2px 5px 0 5px;
  font-size: 10px;
  position: absolute;
  right: 0px;
  top: 3px;
}
.multi-filter .mcf-bar {
  background: #ffffff;
  border: 1px solid #dbdbdb;
}
.multi-filter .mcf-bar.current {
  border-color: #aaa;
}
.multi-filter .mcf-bar.when-click {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  position: relative;
  opacity: 0.5;
}
.multi-filter .mcf-bar.when-click a {
  height: 240px;
  display: block;
}
.multi-filter .mcf-bar.when-click a::after {
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: 0;
  top: 40%;
  font-weight: 900;
  right: 0;
  margin: auto;
  text-align: center;
  font-size: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.multi-filter .mcf-bar.when-click:hover {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.multi-filter .mcf-bar.deaktive {
  height: 240px;
  display: block;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  position: relative;
  opacity: 0.2;
}
.multi-filter .mcf-bar.deaktive::after {
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: 0;
  top: 40%;
  font-weight: 900;
  right: 0;
  margin: auto;
  text-align: center;
  font-size: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.multi-filter .mcf-bar .mfc-title {
  background: #dbdbdb;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
}
.multi-filter .mcf-bar .mfc-title .mfc-close {
  position: absolute;
  cursor: pointer;
  right: 15px;
  line-height: 12px;
  font-size: 12px;
  top: 14px;
}
.multi-filter .mcf-bar .mfc-title span {
  font-size: 12px;
}
.multi-filter .mcf-bar .mfc-title span:first-child::before {
  display: none;
}
.multi-filter .mcf-bar .mfc-title span::before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin: 2px 5px 0 5px;
  font-size: 10px;
}
.multi-filter .mcf-bar .mfc-links {
  height: 200px;
  overflow-x: auto;
}
.multi-filter .mcf-bar .mfc-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.multi-filter .mcf-bar .mfc-links ul li {
  display: block;
  margin-bottom: 10px;
}
.multi-filter .mcf-bar .mfc-links ul li ul {
  padding-left: 15px;
}
.multi-filter .mcf-bar .mfc-links ul li ul li::before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin: 2px 5px 0 5px;
  font-size: 10px;
}
.multi-filter .mcf-bar .mfc-links ul li a {
  font-weight: 400;
  font-size: 12px;
}
.multi-filter .mcf-bar .mfc-links ul li a span {
  color: #999;
}
@media only screen and (max-width: 1199px) {
  .mf-content {
    display: none;
  }
}