@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//ygm.tr/wp-content/themes/woodmart/fonts/woodmart-font-1-300.woff2?v=8.3.9") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//ygm.tr/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//ygm.tr/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//ygm.tr/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//ygm.tr/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//ygm.tr/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//ygm.tr/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//ygm.tr/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//ygm.tr/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Karla", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 15px;
	--wd-title-font: "Hind", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Hind", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Hind", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Hind", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-brd-radius: 2px;
	--wd-otl-style: dotted;
	--wd-otl-width: 1px;
	--wd-otl-color: rgb(191,43,43);
	--wd-primary-color: rgb(234,46,46);
	--wd-alternative-color: rgb(186,44,37);
	--btn-default-bgcolor: rgb(222,46,44);
	--btn-default-bgcolor-hover: rgb(186,44,37);
	--btn-accented-bgcolor: rgb(222,46,44);
	--btn-accented-bgcolor-hover: rgb(186,44,37);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(222,46,44);
	--wd-link-color-hover: rgb(186,44,37);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 1000px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 185px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(51,51,51);
	background-image: url(https://ygm.tr/wp-content/uploads/2021/09/motorcycle-footer-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 0px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

rs-slides :is([data-type=text],[data-type=button]) {
font-family: Karla !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: Hind !important;
}

.wd-page-title {
background-color: #0a0a0a;
}

/*
 * ################### CUSTOM CSS ####################### 
*/


/* 
 * PRİCE REMOVED! 
 * TOTALS REMOVED!
 * CARD TOTAL + TAX REMOVED
*/

tfoot  { display:none; }
.woocommerce-order .woocommerce-order-overview__total,
.woocommerce-order .woocommerce-order-overview__payment-method,
.product-price,
.product-subtotal,
.cart-subtotal,.woocommerce-shipping-totals .shipping,
.cart_totals,
.product-total,.wc_payment_methods {
display:none;
}
.wd-single-price .price,.wd-product .wd-add-btn-replace {
    display: none;
}
a { text-decoration: none!important; }
.wd-hover-base .wrapp-product-price {
    display: none;
}
/* product table attributes filter Link */
.wd-attr-term a:before {
 content: "\f118";
  font-size: 10px;
  margin-right: 4px;
  border: solid 1px var(--brdcolor-gray-300);
  border-radius: 2px;
  padding: 2px;
  color: var(--wd-primary-color);
  font-family: "woodmart-font";

}
.wd-attr-term a:hover::before  { 
 content: "\f130";
}
/* product table attributes filter Link EOF */
table.variations .cell {
    padding: 0 0 10px 0 !important;
}
.product-grid-item .price {
    display: none!important;
}
.woocommerce-Price-amount,
.shopping-cart-widget-footer .woocommerce-mini-cart__total{
	display:none;
}
.shop_attributes {
    --wd-attr-v-gap: 11px !important;
}
/*
 * MENU MODIFIED 
*/
.wd-header-cats.wd-style-1 .menu-opener {
  padding: 10px 15px;
  min-width: 50px !important;
  height: 50px;
  border-top-left-radius: var(--wd-brd-radius);
  border-top-right-radius: var(--wd-brd-radius);
}
.wd-header-cats .menu-opener.color-scheme-light {
  color: #000 !important;
}
.wd-header-cats .menu-opener:not(.has-bg) {
  _background-color: var(--wd-primary-color);
	background-color:unset !important;
}
/* 
 * UYGULAMA MAIN PAGE BLOK 
 * button& share REMOVED + upcase
 */
#main-page-uygulama .wrap-title,#maga-menu-menu-uygulama  .wrap-title   {
 display: none !important;
}

#main-page-uygulama figure .wd-portfolio-btns,
#maga-menu-menu-uygulama figure .wd-portfolio-btns{
 display: none !important;
}
#main-page-uygulama .wd-project .proj-cats-list li,
#maga-menu-menu-uygulama .wd-project .proj-cats-list li{
   text-transform: uppercase !important; 
}

#maga-menu-menu-uygulama .wd-project .proj-cats-list {
  font-size: x-small;
}
.wd-projects .portfolio-info .proj-cats-list {
    display:none !important;
}
/* 
 * FULL SCREEN MAP
 * 
 */ 
#ygm-full-screen-map.elementor-element-4769ea5 {
    position: absolute !important; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}
/* 
 * Brand Slider monocrome
 * 
*/
.elementor-element-c779960 img.swiper-slide-image {
            _object-fit: cover;
            filter: grayscale(100%);
            transition: filter 0.3s ease;
        }

.elementor-element-c779960 img.swiper-slide-image:hover {
            filter: grayscale(0%);
}
/* 
 * Swatch showing
 */

  [class*="wd-swatches"].wd-dis-style-2 .wd-swatch.wd-disabled {
  opacity: 0.08 !important;
  cursor: no-drop !important;
	display:none;
}
/* piktogram 
 * 
 */
@font-face {
  font-family:"YGM-Basic";
  font-style:normal;
  font-size:32px;
  src:url(/wp-includes/fonts/YGMBasic-Regular.TTF);

}

.options_semboller {
  font-family: "YGM-Basic";
  letter-spacing: 2px;
  font-size: 24px;
  word-break: break-all;
	letter-spacing: 7px !important;
	color:black;
}
@font-face { font-family: 'YGM-Basic';  src: url('/wp-includes/fonts/YGMBasic-Regular.TTF') format('truetype'); }
@font-face { font-family: 'SEGOEPRB';   src: url('/wp-includes/fonts/SEGOEPRB.ttf') format('truetype'); }
@font-face { font-family: 'SEGOESC';    src: url('/wp-includes/fonts/SEGOESC.ttf') format('truetype'); }
@font-face { font-family: 'SEGOEUIL';   src: url('/wp-includes/fonts/SEGOEUIL.ttf') format('truetype'); }
@font-face { font-family: 'SEGOEUIZ';   src: url('/wp-includes/fonts/SEGOEUIZ.ttf') format('truetype'); }
@font-face { font-family: 'SEGUIEMJ';   src: url('/wp-includes/fonts/SEGUIEMJ.ttf') format('truetype'); }
@font-face { font-family: 'SEGUISBI';   src: url('/wp-includes/fonts/SEGUISBI.ttf') format('truetype'); }
@font-face { font-family: 'SEGOEPR';    src: url('/wp-includes/fonts/SEGOEPR.ttf') format('truetype'); }
@font-face { font-family: 'SEGOEUIB';   src: url('/wp-includes/fonts/SEGOEUIB.ttf') format('truetype'); }
@font-face { font-family: 'SEGOEUISL';  src: url('/wp-includes/fonts/SEGOEUISL.ttf') format('truetype'); }
@font-face { font-family: 'SEGUIBLI';   src: url('/wp-includes/fonts/SEGUIBLI.ttf') format('truetype'); }
@font-face { font-family: 'SEGUIHIS';   src: url('/wp-includes/fonts/SEGUIHIS.ttf') format('truetype'); }
@font-face { font-family: 'SEGUISB';    src: url('/wp-includes/fonts/SEGUISB.ttf') format('truetype'); }
@font-face { font-family: 'SEGOEICONS'; src: url('/wp-includes/fonts/SEGOEICONS.ttf') format('truetype'); }
@font-face { font-family: 'SEGOESCB';   src: url('/wp-includes/fonts/SEGOESCB.ttf') format('truetype'); }
@font-face { font-family: 'SEGOEUII';   src: url('/wp-includes/fonts/SEGOEUII.ttf') format('truetype'); }
@font-face { font-family: 'SEGOEUI';    src: url('/wp-includes/fonts/SEGOEUI.ttf') format('truetype'); }
@font-face { font-family: 'SEGUIBL';    src: url('/wp-includes/fonts/SEGUIBL.ttf') format('truetype'); }

/* 
 * filter custimize 
 */
.wd-swatches-filter:is(.wd-layout-double,
.wd-layout-inline):is(.wd-bg-style-1,
.wd-text-style-1) {
  padding-bottom:5px !important;
}
:is(.widget, .wd-widget, div[class^="vc_wp"]) :is(ul, ol) {
  list-style: none;
  --list-mb: 0;
  --li-mb: 2px;
  --li-pl: 0;
}
:is(.widget, .wd-widget, div[class^="vc_wp"]) {
border-bottom: solid 1px var(--brdcolor-gray-300);
}
.product-image-summary-wrap {
  border-top:solid 1px var(--wd-link-color);
}
.widget-title {
  margin-bottom: 2px !important;
  margin-top: 14px !important;
}
/*
 * tab download files 
 */
ul.download {
	list-style:none;
	
}
ul.download li:before  {
	content: "\f136";
	font-family: "woodmart-font";
	font-weight: 400;
	margin-right: 5px;
	font-size: 18px;
	padding: 2px 5px;
}
ul.download li:nth-child(odd) {
	background-color: #f2f2f2; 
}
ul.download li:nth-child(even) {
	background-color: #ffffff; 
}
ul.download li {
	padding: 0px !important;
	margin-top: -10px;
}
.wd-active-filters {
	border-bottom: solid 1px #d63638;
	padding-bottom: 4px;
}
.widget_layered_nav_filters a::before {
	color: white;
	line-height: 14px;
	background-color: #d63638;
	padding: 2px;
	border-radius: 25%;
}
/*
 * ################################
 * MAKİNELER CSS
 *
*/

#makinasec .flex-container {
  display: flex;
  flex-direction: row-reverse !important;
}
@-webkit-keyframes mspin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes mspin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
#disklist table td {
border-bottom:unset;
}
#disklist td, #disklist th {
  padding: unset !important;
	text-align:center !important;
	vertical-align:top !important;
		
}
#disklist,#diskpos {
    margin-left: 20px !important;
	vertical-align:top !important;
	background:unset;
}


@keyframes rotatea {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

svg[class*='aygmdisk']:hover {
  animation: rotatea 2s linear infinite;
}



@keyframes rotateb {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.zloader2,.zloader {
	 animation: rotateb 1s linear infinite;
}
svg[class*='bygmdisk']:hover {
  animation: rotateb 2s linear infinite;
}
.pagde {
	/* 
	position: absolute;
  float: none;
  margin-left: 3px;
  margin-top: -15px;
	*/
  font-size: x-small;
  background-color: #a4a4a4;
  padding: 0 5px 0 4px;
  border-radius: 3px;
  color: #fff;
}
.kisalt {
  width: 200px;           /* Genişliği belirleyin */
  white-space: nowrap;     /* Metni tek satırda tut */
  overflow: hidden;        /* Taşan kısmı gizle */
  text-overflow: ellipsis; /* Taşan kısmı üç nokta ile göster */
}
#mmodel h1 {
  position:relative !important;
  border-left: 1px solid #ececec !important;
  padding-left:8px !important; 
  margin-left: 8px !important;
  margin-top: 9px !important;
  height: 32px !important;
  display:inline-block !important;
}
#mmodel > img {
	max-height 32px !important;
	width: auto !important;
}
#xclose {
  position:absolute !important;
  margin-top:-27px !important;
  float:right; 
  right:0px;
  font-size: xx-large;
  border: solid 1px var(--wd-primary-color);
  border-top:solid 1px var(--wd-primary-color);
  border-left:solid 1px var(--wd-primary-color);
  border-right:solid 1px var(--wd-primary-color);
  height: 28px; 
  cursor:pointer;
  width: 28px;
  text-align: center;
  padding: 0px 0px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--wd-action-color, var(--color-gray-800));
}
#xclose::before {
  margin-inline-end: 0.1em;
  font-weight: 400;
  content: "\f112";
  font-size: 16px;
  font-family: "woodmart-font";

}
@media (min-width: 1024px) {
  #konteyner {
    flex-direction: inherit;
    display: block ruby; 
    flex-wrap: wrap-reverse;
    margin-top: 16px;
    border-top: solid 1px var(--wd-primary-color);
    padding-top: 28px;
  }
}
@media (max-width: 767px) {
    #diskpos tr div {
      width: 42px !important;
      height: auto;
      float: left !important;
    }
    #diskpos {
      padding: unset !important;
      padding: 5px !important;
      overflow-x: scroll;
      margin: 32px 0px !important;
      border: solid 1px var(--brdcolor-gray-300);
    }
    #disklist {
      margin: unset !important;
    }
    #mmodel h1 {
      font-size:14px !important; 
    }
    #mmodel img {
      width:64px; 
    }
    .machinelist {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-around;
      padding: 0;
      margin: 0;
      overflow-y: scroll;
      height: 200px !important;
    }
}

@media (max-width: 1280px) {
  #konteyner {
    flex-direction: inherit;
    display: flex;
    flex-wrap: wrap-reverse;
    margin-top: 16px;
    border-top: solid 1px var(--wd-primary-color);
    padding-top: 28px;
  }
}

.makina_marka a:hover,
.makina_marka a.active {
    color: #fff !important;
    background: var(--btn-default-bgcolor-hover);
	border:solid 1px black !important;
}


.makina_marka a {
  box-sizing: border-box; 
  padding: 6px; 
  border: solid 1px var(--brdcolor-gray-300);
  border-radius:3px; 
  box-sizing: border-box; 
  width: 100px;
  height:40px;
  word-break: inherit;
  margin:3px 5px;
  padding: 0px;
  text-align: center;
  justify-content:  center;
  font-size: 12px;
  display: flex;
  align-items: center;   

}
/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35475e5 */
.machinelist {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  padding: 0;
  margin: 0;
  max-height: 600px;
  height: 600px;
  overflow-y: scroll;
  cursor: pointer;

  /* Firefox */
  scrollbar-width: auto;
  scrollbar-color: var(--btn-default-bgcolor-hover) var(--brdcolor-gray-300);;
}

/* Chrome, Edge, Safari */
.machinelist::-webkit-scrollbar {
  width: 15px; /* Scrollbar genişliği */
}

.machinelist::-webkit-scrollbar-track {
  background: var(--brdcolor-gray-300);;
  border-radius: 10px;
}

.machinelist::-webkit-scrollbar-thumb {
  background-color: var(--btn-default-bgcolor-hover);
  border-radius: 10px;
  border: 15px solid var(--brdcolor-gray-300); 
}

.machinelist::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
/* ####
 * Makimode model box 
*/
.makinalist {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 15px;
}
.makinalist > div:hover {
  border: solid 1px var(--wd-primary-color) !important;
  scale:116%;
	cursor:pointer;
  background-color:whitesmoke;
}

.makinalist > div {
  background-color: unset;
  width: 122px;
  height: 122px;
  margin: 5px; 
  text-align: center;
  line-height: inherit;
  display: grid;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--brdcolor-gray-300);
  border-radius: 4px;
}
.makinalist > div > .mlogo {
  display:block;
  margin-top:-1px;
  width:auto; 
  max-height: 40px;
}

.makinalist > div > .mmodel {
  font-size:12px;
}
.makinalist > div > .murun {
  font-size:12px;
  display:block;
}
.makinalist > div > .mmarka a  {
  font-weight:800;
  font-size: 14px;
  font-style: normal;
}
.makinalist > div > img {
  width:auto;
}
/* ####
 * Makimode model box EOF
*/
.zebra-list {
  list-style-type: none;
  padding: 0 0px; 
  margin:0 auto; 
}
.zebra-list li:hover:before {
  content: "\f120";
  font-family: "woodmart-font";
  padding:5px; 
}
.zebra-list li:nth-child(even) {
  background-color: #f2f2f2c7; 
}
.zebra-list li:nth-child(odd) {
  background-color: #dfdfdfad;
}
.zebra-list li:hover {
  background: var(--btn-default-bgcolor-hover);
  color: #fff;
}
.zebra-list li {
  padding:0px 5px; 
  cursor: pointer;
}
.zebra-list .zloader {
  border: 5px solid var(--brdcolor-gray-300);
  border-radius: 50%;
  border-top: 5px solid #dd3333;
  width: 50px;
  height: 50px;
  -webkit-animation: mspin 1s linear infinite;
  animation: spin 1s linear infinite;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  top: 30%;
  left: 44%;
  opacity:0.9;
}
.zloader2 {
  border: 5px solid var(--brdcolor-gray-300);
  border-top-width: 8px;
  border-top-style: solid;
  border-top-color: var(--brdcolor-gray-300);;
  border-radius: 50%;
  border-top: 5px solid var(--wd-primary-color);
  width: 50px;
  height: 50px;
  -webkit-animation: mspin 1s linear infinite;
  animation: spin 1s linear infinite;
  position: fixed;
  left: 50%;
  top: 30% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0fda340 */
.urunpos { 
  display: block;
  padding: unset;
  border-bottom: 1px solid var(--brdcolor-gray-500);
}
.urunpos li {
  margin-left: 37px;
  border-bottom-left-radius: 14px;
  padding: 4px 5px !important;
  margin-top: -9px;
  border-top-left-radius: 14px;
}
.urunpos i {
  float: left;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background-color: #f3f3f3;
  border-radius: 3px;
  _margin: 0 15px 6px 0;
  font-size: large;
/*
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 0px 0px #FFF;
  -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 0px 0px #FFF;
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 0px 0px #FFF;
*/  
font-size: 11px;

}
svg.ygmdisk {
  cursor: url(//ygm.com.tr/wp-content/uploads/discinfocursor.svg), crosshair;
}
.nondisk { cursor:no-drop; }
.lidisk {
	margin-top:3px;
	width: 22px !important;
 
}

.urunpos { 
  list-style: none;
  /* max-width: 400px; */
}
.disk-img { width: 24px; height:24px}

/* Makineler CSS EOF */

/*
 * ################### EOF CUSTOM CSS ####################### 
*/