/*=================
	// add selector
===================*/


/* width per */


.w-90per {
  width: 90%;
}

.w-92per {
  width: 92%;
}

.w-95per {
  width: 95%;
}

.w-98per {
  width: 98%;
}

@media (min-width: 640px) {

  .w-sm-90per {
    width: 90%;
  }

  .w-sm-92per {
    width: 92%;
  }

  .w-sm-95per {
    width: 95%;
  }

  .w-sm-98per {
    width: 98%;
  }

}

@media (min-width: 1000px) {

  .w-md-90per {
    width: 90%;
  }

  .w-md-92per {
    width: 92%;
  }

  .w-md-95per {
    width: 95%;
  }

  .w-md-98per {
    width: 98%;
  }


}


/* width px */

.mw-1200 {
  max-width: 1200px;
}

.mw-1260 {
  max-width: 1260px;
}

.mw-1300 {
  max-width: 1300px;
}










/* margin bottom minus */
.mb-minus-05 {
  margin-bottom: -5px;
}

.mb-minus-10 {
  margin-bottom: -10px;
}

.mb-minus-15 {
  margin-bottom: -15px;
}


/* margin left minus */
.ms-minus-05 {
  margin-left: -5px;
}

.ms-minus-10 {
  margin-left: -10px;
}

.ms-minus-15 {
  margin-left: -15px;
}


/* margin right minus */
.me-minus-05 {
  margin-right: -5px;
}

.me-minus-10 {
  margin-right: -10px;
}

.me-minus-15 {
  margin-right: -15px;
}

.me-minus-18 {
  margin-right: -18px;
}

.me-minus-20 {
  margin-right: -20px;
}



/* font size */

.fs-70 {
  font-size: 70px;
}

.fs-80 {
  font-size: 80px;
}

.fs-90 {
  font-size: 90px;
}

.fs-100 {
  font-size: 100px;
}

@media (min-width: 640px) {



  .fs-sm-70 {
    font-size: 70px;
  }


  .fs-sm-76 {
    font-size: 76px;
  }


  .fs-sm-80 {
    font-size: 80px;
  }

  .fs-sm-90 {
    font-size: 90px;
  }

  .fs-sm-100 {
    font-size: 100px;
  }


}


@media (min-width: 1025px) {
	
  	.fs-md-70 {
    	font-size: 70px;
  	}

  	.fs-md-80 {
    	font-size: 80px;
  	}

  	.fs-md-90 {
    	font-size: 90px;
  	}

  	.fs-md-100 {
    	font-size: 100px;
  	}
}

@media (min-width: 769px) and (max-width: 1332px) {
	.fs-tb-36 {
		font-size: 36px;
	}
	
	.fs-tb-50 {
		font-size: 50px;
	}
}


/*=================
	//  text color
===================*/


.text-0d57a7 {
	color: #0d57a7;
}

.text-00a0e9 {
	color: #00a0e9;
}

.text-95452a {
	color: #95452a;
}

.text-df0615 {
	color: #df0615;
}

.text-e3540b {
	color: #e3540b;
}

.text-333 {
  color: #333;
}

.text-444 {
  color: #444;
}


.text-end-i {
  color: #aaa !important;
}

/* .text-pink {
  color: #cc6875;
} */


/*==========================
	// background setting
============================*/

.bg-f9b900 {
	background: #f9b900;
}

.bg-0d57a7 {
	background: #0d57a7;
}

/*==========================
	// border setting
============================*/

.border-dashed-top-00a0e9 {
	border-top: #00a0e9 3px dashed;
}

.border-dashed-bottom-00a0e9 {
	border-bottom: #00a0e9 3px dashed;
}

.border-dashed-bottom-252525 {
	border-bottom: dashed 1px #252525;
}


/*=================
	//  position setting
===================*/

.top-10per {
	top: 10%;
}

.top-n20 {
	top: -20px;
}

.left-n5per {
	left: -5%;
}

.left-10per {
	left: 10%;
}

@media (min-width: 640px) {
	.top-sm-10per {
		top: 10%;
	}
	
	.top-sm-n20 {
		top: -20px;
	}
	
	.left-sm-n5per {
		left: -5%;
	}
	
	.left-sm-10per {
		left: 10%;
	}
}

@media (min-width: 1025px) {
	.top-md-10per {
		top: 10%;
	}
	
	.top-md-n20 {
		top: -20px;
	}
	
	.left-md-n5per {
		left: -5%;
	}
	
	.left-md-10per {
		left: 10%;
	}
}

