@font-face {
  font-family: 'Zawgyi-One';
  src: url('../fonts/Zawgyi-One.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Zawgyi-One';
  src:  url(../fonts/Zawgyi-One.woff) format('woff'), url('../fonts/Zawgyi-One.ttf')  format('truetype'), url('../fonts/Zawgyi-One.svg#Zawgyi-One') format('svg');
  font-weight: normal;
  font-style: normal;
}
.pointer:hover{
	cursor: pointer;
}
.text-underline{
	text-decoration: underline;
}
.no-border{
	border:0 !important;
}
.border-light-grey{
	border-bottom: 1px solid #eae9e9;
}

 
/***FONT WEIGHT***/
.weight-thin{
	font-weight: 100;
}
.weight-extralight{
	font-weight: 200 !important;
}
.weight-light{
	font-weight: 300;
}
.weight-normal{
	font-weight: 400;
}
.weight-medium{
	font-weight: 500;
}
.weight-semibold{
	font-weight: 600;
}
.weight-bold{
	font-weight: 700;
}
.weight-extrabold{
	font-weight: 800;
}


/****COLOR*****/
.white{
	color: #fff !important;
}
.red{
	color: #d7133c;
}
.theme-pink{
	color: #eaa0a2;
}
.theme-color{
	color: #222 !important;
}
.light-grey-color{
	color: #eae9e9;
}
.light-grey-color1{
	color: #999 !important;
}
.dark-grey-color, a.theme-pink:hover, a:hover .theme-pink,
a.dark-grey-color, a.dark-grey-color{
	color: #73717a !important;
}

/****BACKGROUND****/
.light-grey{
	background: #eae9e9;
}
.dark-grey{
	background: #73717a;
}

/***BUTTON****/
.theme-btn, .theme-btn-small, .theme-btn-grey,
.theme-btn-light-grey{
	text-transform: uppercase;
}
.theme-btn{
	background: #eaa5b3;
	padding: 0.55rem 2rem;
}
.theme-btn-small{
	/* padding: 0.3rem 1.2rem; */
	padding: 0.6rem 0.8rem;
	font-size: 13px;
}
.theme-btn, .theme-btn-grey,
.theme-btn-light-grey,
.theme-btn:hover{
	border: none;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.theme-btn-grey,
.theme-btn-light-grey{
	padding: 0.6rem 0.8rem !important;
}
.theme-btn-light-grey{
	color: #fff !important;
}
.theme-btn:hover, .btn-komy:hover,
.btn-komy:focus,button.form-control:focus,.form-control.btn-komy:focus,.form-control.theme-btn:focus{
	background: #e53b5e;
	color: #ffffff;
}
/*.btn-komy:focus{
	background: red;
}*/
.theme-btn-grey:hover,
.theme-btn-grey:hover a{
	color: #FFF;
	background-color: #eaa5b3;
	text-decoration: none;
}
.big-btn{
	padding: 1rem;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: 2px;
}
.btn-komy{
	background: #eaa5b3;
	/* padding: .45em 1em !important; */
}
.theme-btn-grey{
	background: #63616b;
	transition: all .5s;
}
.theme-btn-light-grey{
	background: #d7d7d7;
}

/***TITLE****/
.big-title{
	font-weight: 100;
	font-size: 2.5rem;
}
.big-title-product{
	font-weight: 200;
	font-size: 2.5rem;
	margin: 0;
}
.extrabig-title{
	font-weight: 100;
	font-size: 4.3rem;
}
.each-word-break {
    word-spacing: 100vw;
}
.normal-word-space{
	word-spacing: normal;
}
.medium-font{
	font-size: 1.3em;
}
.small-font{
	font-size: 0.9em;
}

hr.hr-title {
    width: 5%;
    border-top: 1px solid rgba(0,0,0,.3);
}

a.seemore-btn {
	transition: color .5s;
}



.tiny-font{
	font-size: 0.75em;
}

/***IMAGE SIZE***/
.checkout-thumb{
	max-height: 80px;
	min-width: 90px;
}



/***MARGIN, PADDING***/
.no-padding{
	padding:0 !important;
}
.no-padding-left{
	padding-left:0 !important;
}
.no-padding-right{
	padding-right:0 !important;
}
.no-margin{
	margin:0 !important;
}
.margin-top-0{
	margin-top:0;
}
.padding-top-0{
	padding-top:0 !important;
}
.padding-bottom-0{
	padding-bottom:0 !important;
}
.margin-bottom-0{
	margin-bottom:0 !important;
}
.margin-top-5{
	margin-top:5px !important;
}
.margin-bottom-5{
	margin-bottom:5px;
}
.padding-top-5{
	padding-top:5px;
}
.padding-bottom-5{
	padding-bottom:5px;
}
.padding-right-5{
	padding-right:5px !important;
}
.margin-left-5{
	margin-left:5px;
}
.padding-top-15{
	padding-top:15px !important;
}
.padding-top-20{
	padding-top:20px !important;
}
.padding-bottom-15{
	padding-bottom:15px
}
.padding-rl-15{
	padding-right:15px;
	padding-left:15px;
}
.padding-tb-15{
	padding-top:15px;
	padding-bottom:15px;
}
.margin-top-15{
	margin-top:15px;
}
.margin-bottom-15{
	margin-bottom:15px !important;
}
.margin-left-15{
	margin-left:15px;
}
.margin-rl-15{
	margin-left:15px;
	margin-right:15px;
}
.padding-15{
	padding:15px;
}
.padding-left-20{
	padding-left:20px;
}
.padding-right-20{
	padding-right:20px;
}
.padding-20{
	padding:20px;
}
.padding-30{
	padding:30px;
}
.padding-rl-30{
	padding-right:30px;
	padding-left:30px;
}
.margin-top-30{
	margin-top:30px;
}
.margin-bottom-25{
	margin-bottom: 25px;
}
.margin-bottom-30{
	margin-bottom:30px;
}
.margin-right-30{
	margin-right:30px;
}
.padding-top-30{
	padding-top:30px;
}
.padding-bottom-30{
	padding-bottom:30px;
}
.padding-left-40{
	padding-left:40px;
}
.padding-right-40{
	padding-right:40px;
}
.margin-top-40{
	margin-top: 40px;
}
.margin-top-45{
	margin-top:45px;
}
.margin-bottom-45{
	margin-bottom:45px;
}
.padding-right-45{
	padding-right:45px !important;
}
.padding-top-45{
	padding-top:45px !important;
}
.padding-bottom-45{
	padding-bottom:45px !important;
}
.margin-top-60{
	margin-top:60px;
}
.margin-bottom-60{
	margin-bottom:60px;
}
.padding-top-60{
	padding-top:60px
}
.padding-bottom-60{
	padding-bottom:60px;
}
.padding-rl-60{
	padding-right:60px !important;
	padding-left:60px !important;
}
.margin-left-100{
	margin-left: 100px;
}
.margin-top-75{
	margin-top:75px;
}
.margin-bottom-75{
	margin-bottom:75px;
}
.padding-top-90{
	padding-top:90px
}
.padding-bottom-90{
	padding-bottom:90px;
}
.margin-bottom-90{
	margin-bottom:90px;
}
.padding-bottom-105{
	padding-bottom:105px;
}
.margin-bottom-200{
	margin-bottom:200px;
}

/***RESPONVIVE***/
@media screen and (max-width: 1023px) and (min-width: 768px){
	.md-pl-0{
		padding-left: 0 !important;
	}
	.md-pl-20{
		padding-left: 20px !important;
	}
	.md-ml-0{
		margin-left: 0 !important;
	}
	.md-mt-0{
		margin-top: 0 !important;
	}
	.md-mt-10{
		margin-top: 10px !important;
	}
	.md-mt-50{
		margin-top: 50px !important;
	}
	.md-ml-20{
		margin-left: 20px !important;
	}
	.md-mb-20{
		margin-bottom: 20px !important;
	}
	.md-m-tb-20{
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}

	.md-p-tb-20{
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	.md-p-b-20{
		padding-bottom: 20px !important;
	}
}
@media screen and (max-width: 992px){
	.sm-margin-bottom-15{
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 767px){
	/****WIDTH****/
	.sm-w-100{
		width: 100% !important;
	}
	hr.hr-title {
		width: 15%;
	}

	/***PADDING/MARGIN***/
	.sm-pad-top-0{
		padding-top: 0 !important;
	}
	.sm-pad-top-20{
		padding-top: 20 !important;
	}
	.sm-pad-bottom-0{
		padding-bottom: 0 !important;
	}
	.sm-pad-bottom-20{
		padding-bottom: 20px !important;
	}
	.sm-pad-top-20{
		padding-top: 20px !important;
	}
	.sm-pad-top-25{
		padding-top: 25px !important;
	}
	.sm-pad-top-30{
		padding-top: 30px !important;
	}
	.sm-pb-10{
		padding-bottom: 10px !important;
	}
	.sm-pad-bottom-30{
		padding-bottom: 30px !important;
	}
	.sm-pad-left-0{
		padding-left: 0 !important;
	}
	.sm-p-0{
		padding: 0 !important;
	}
	.sm-p-lr-0{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.sm-p-15{
		padding: 15px !important;
	}
	.sm-p-lr-15{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.sm-pr-20{
		padding-right: 20px !important;
	}
	.sm-p-tb-15{
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
	.sm-p-tb-30{
		padding-top:30px !important;
		padding-bottom: 30px !important;
	}
	.sm-m-tb-30{
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	.sm-mr-0{
		margin-right: 0 !important;
	}
	.sm-mt-0{
		margin-top: 0 !important;
	}
	.sm-mb-0{
		margin-bottom: 0 !important;
	}
	.sm-mb-10{
		margin-bottom: 10px !important;
	}
	.sm-mb-15{
		margin-bottom: 15px !important;
	}
	.sm-mb-20{
		margin-bottom: 20px !important;
	}
	.sm-mt-15{
		margin-top: 15px !important;
	}
	.sm-mt-20{
		margin-top: 20px !important;
	}
	.sm-mt-30{
		margin-top: 30px !important;
	}
	.sm-m-0{
		margin: 0 !important;
	}

	/***ALIGN***/
	.sm-justify-content-center{
		justify-content: center!important;
	}
}