/* jost-300 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/jost-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v14-latin-300.svg#Jost') format('svg'); /* Legacy iOS */
}

/* jost-regular - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/jost-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v14-latin-regular.svg#Jost') format('svg'); /* Legacy iOS */
}

/* jost-500 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/jost-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v14-latin-500.svg#Jost') format('svg'); /* Legacy iOS */
}

/* jost-600 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/jost-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v14-latin-600.svg#Jost') format('svg'); /* Legacy iOS */
}

/* jost-700 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/jost-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/jost-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/jost-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/jost-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/jost-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/jost-v14-latin-700.svg#Jost') format('svg'); /* Legacy iOS */
}


// 
/* playfair-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/playfair-display-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v30-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

// font family
$Jost:'Jost';
$Playfair:'Playfair Display';

//  Breakpoints
$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;
$breakpoint-xxl: 1400px;


// Default TITLE Larg
.larg_title{
font-family: $Playfair;
font-weight: 400;
font-size: 40px;
line-height: 53px;
text-transform: uppercase;
color: #7E2110;
@media only screen and (max-width:768px) {
  font-size: 24px; 
  line-height: 32px;
}
}
// Default TITLE items
.product_title ,.product_title .title{

  font-family: $Playfair;
  font-size: 20px;
  line-height:27px;
  text-transform: uppercase;
  font-weight: 400;
  @media  (max-width:992px) {
    font-size: 19px; 
   
  }
}

// Stylesheet Scroll bar

// scrollbar styles google chrome
.slider-container::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

.slider-container::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

.slider-container::-webkit-scrollbar-thumb {
  background-color: #f58e18;

}

.slider-container::-webkit-scrollbar-thumb:hover {
  background-color: #f58e18;
}
// scrollbar styles google moz

.slider-container {
  scrollbar-width: thin;
  scrollbar-color: #EE7D00 #E0E0E0;

}

.slider-container::-moz-scrollbar {
 width: 2px;
 height:1px;
}

.slider-container::-moz-scrollbar-track {
  background-color: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background-color: #999;
  height: 1px;
  
}

.slider-container::-moz-scrollbar-thumb:hover {
  background-color: #f58e18;
}

// 



@media (max-width: 992px) {
  [crop-text] {
    display: none;
  }
  b.crop-text {
    font-weight: 100;
    cursor: pointer;
  }
}
@media (min-width: 993px) {
  b.crop-text,
  div.shortText {
    display: none;
  }
}

// Title Page static
.intro-pageStatic{
  h1{
    font-family: 'Playfair Display';
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #7E2110;
    margin-bottom: 12px;
  }
  h2{
    font-family: 'Playfair Display';
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    color: #EE7D00;
    margin-bottom: 8px;
  }
  h3,h4,h5,h6{
    font-family: 'Jost';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    color: #000000;
    margin-bottom: 5px;
  }
  
  
}


.button1{
 position: relative;
 z-index: 1;
}
/* Ujarak */
.button--ujarak {
	transition: border-color 0.4s, color 0.4s;
}
.button--ujarak::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #EE7D00 ;
	z-index: -1;
	opacity: 0;
	transform: scale3d(0.7, 1, 1);
	transition: transform 0.4s, opacity 0.4s;
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  
}
.ujarak_acc::before{
  border-radius: 40px !important;
}

.button--ujarak.button--inverted::before {
	background: #EE7D00;
}

.button--ujarak,
.button--ujarak::before {
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--ujarak:hover {
	color: #fff;
	border-color: #EE7D00 ;
}
.button--ujarak.button--inverted:hover {
	color: #EE7D00 ;
	border-color: #fff;
}
.button--ujarak:hover::before {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}
