/*----- Colored Css -----*/
/* Bu ayarlar, yalnızca temanın renklendirilmeisnde kullanılmaktadır. */


/* Background Settings */

.colored-bg {
	background-color:	#f7c22a !important;
}
.colored2-bg {
	background-color:#ff260d !important;
}
.colored3-bg {
	background-color:#fdfbed !important;
}
.colored4-bg {
	background-color:#f8c944 !important;
}
.colored5-bg {
	background-color:#242424 !important;
}
.colored6-bg {
	background-color: #FEE7ED !important;
}
.colored7-bg {
	background-color: #F3EDFE !important;
}
.colored8-bg {
	background-color: #EFFEEA !important;
}
.colored9-bg {
	background-color: #FFFCE7 !important;
}
.colored10-bg {
	background-color: #FBFBFC !important;
}
.colored11-bg {
	background-color: #F8F9F9 !important;
}

.starcolor {
	color:#dacf19;
}
@media screen and (max-width:992px) {

	.col-xs-colored-bg {
		background-color:	#f7c22a !important;
	}
	.col-xs-colored2-bg {
		background-color:#ff260d !important;
	}
	.col-xs-colored3-bg {
		background-color:#fdfbed !important;
	}
	.col-xs-colored4-bg {
		background-color:#f8c944 !important;
	}
	.col-xs-colored5-bg {
		background-color:#242424 !important;
	}
	.col-xs-colored6-bg {
		background-color: #FEE7ED !important;
	}
	.col-xs-colored7-bg {
		background-color: #F3EDFE !important;
	}
	.col-xs-colored8-bg {
		background-color: #EFFEEA !important;
	}
	.col-xs-colored9-bg {
		background-color: #FFFCE7 !important;
	}
	.col-xs-colored10-bg {
		background-color: #FBFBFC !important;
	}
	.col-xs-colored11-bg {
		background-color: #F8F9F9 !important;
	}
}

@media screen and (max-width:768px) {

	.col-sm-colored-bg {
		background-color:	#f7c22a !important;
	}
	.col-sm-colored2-bg {
		background-color:#ff260d !important;
	}
	.col-sm-colored3-bg {
		background-color:#fdfbed !important;
	}
	.col-sm-colored4-bg {
		background-color:#f8c944 !important;
	}
	.col-sm-colored5-bg {
		background-color:#242424 !important;
	}
	.col-sm-colored6-bg {
		background-color: #FEE7ED !important;
	}
	.col-sm-colored7-bg {
		background-color: #F3EDFE !important;
	}
	.col-sm-colored8-bg {
		background-color: #EFFEEA !important;
	}
	.col-sm-colored9-bg {
		background-color: #FFFCE7 !important;
	}
	.col-sm-colored10-bg {
		background-color: #FBFBFC !important;
	}
	.col-sm-colored11-bg {
		background-color: #F8F9F9 !important;
	}
}
/* Background Settings End */

/* Text Color Settings */
.colored {
	color:	#f7c22a !important;
}
.colored2 {
	color:#ff260d !important;
}
.colored3 {
	color:#fdfbed !important;
}
.colored4 {
	color:#f8c944 !important;
}
.colored5 {
	color:#242424 !important;
}
.colored6 {
	color: #FEE7ED !important;
}
.colored7 {
	color: #F3EDFE !important;
}
.colored8 {
	color: #EFFEEA !important;
}
.colored9 {
	color: #FFFCE7 !important;
}
.colored10 {
	color: #FBFBFC !important;
}
.colored11 {
	color: #F8F9F9 !important;
}

.text {
	color: #424143 !important;
}

@media screen and (max-width:992px) {

	.col-sm-colored {
		color:	#f7c22a !important;
	}
	.col-sm-colored2 {
		color:#ff260d !important;
	}
	.col-sm-colored3 {
		color:#fdfbed !important;
	}
	.col-sm-colored4 {
		color:#f8c944 !important;
	}
	.col-sm-colored5 {
		color:#242424 !important;
	}
	.col-sm-colored6 {
		color: #FEE7ED !important;
	}
	.col-sm-colored7 {
		color: #F3EDFE !important;
	}
	.col-sm-colored8 {
		color: #EFFEEA !important;
	}
	.col-sm-colored9 {
		color: #FFFCE7 !important;
	}
	.col-sm-colored10 {
		color: #FBFBFC !important;
	}
	.col-sm-colored11 {
		color: #F8F9F9 !important;
	}
	.col-sm-text {
		color: #80858c !important;
	}
}

@media screen and (max-width:768px) {

	.col-xs-colored {
		color:	#f7c22a !important;
	}
	.col-xs-colored2 {
		color:#ff260d !important;
	}
	.col-xs-colored3 {
		color:#fdfbed !important;
	}
	.col-xs-colored4 {
		color:#f8c944 !important;
	}
	.col-xs-colored5 {
		color:#242424 !important;
	}
	.col-xs-colored6 {
		color: #FEE7ED !important;
	}
	.col-xs-colored7 {
		color: #F3EDFE !important;
	}
	.col-xs-colored8 {
		color: #EFFEEA !important;
	}
	.col-xs-colored9 {
		color: #FFFCE7 !important;
	}
	.col-xs-colored10 {
		color: #FBFBFC !important;
	}
	.col-xs-colored11 {
		color: #F8F9F9 !important;
	}
	.col-xs-text {
		color: #80858c !important;
	}
}
/* Text Color Settings End */

/* Border Color Settings */
.bc-colored  {
	border-color:#f7c22a !important;
}
.bc-colored2 {
	border-color:#ff260d  !important;
}
.bc-colored3 {
	border-color:#fdfbed !important;
}
.bc-colored4 {
	border-color:#f8c944 !important;
}
.bc-colored5 {
	border-color:#242424  !important;
}
.bc-colored6 {
	border-color:#FEE7ED !important;
}

/**/
.bc1 {
	border-color:rgba(0,0,0,0.1) !important;
}
.bc2 {
	border-color:rgba(255,255,255,0.1) !important;
}
.bc3 {
	border-color:rgba(255,255,255,0.3) !important;
}
.bc4 {
	border-color:rgba(255,255,255,0.45) !important;
}

@media screen and (max-width:992px) {

.col-sm-bc-colored  {
	border-color:#f7c22a !important;
}
.col-sm-bc-colored2 {
	border-color:#ff260d  !important;
}
.col-sm-bc-colored3 {
	border-color:#fdfbed !important;
}
.col-sm-bc-colored4 {
	border-color:#f8c944 !important;
}
.col-sm-bc-colored5 {
	border-color:rgba(0,75,132,0.9) !important;
}
.col-sm-bc-colored6 {
	border-color:#FEE7ED !important;
}

/**/
.col-sm-bc1 {
	border-color:rgba(0,0,0,0.1) !important;
}
.col-sm-bc2 {
	border-color:rgba(255,255,255,0.1) !important;
}
.col-sm-bc3 {
	border-color:rgba(255,255,255,0.3) !important;
}
}
/* Border Color Settings End */

/* Sosyal Medya Colord Settings */
.facebook {
	color:#3a5795;
}
.facebook-bg {
	background: #3a5795;
}

.twitter {
	color:#55acee;
}
.twitter-bg {
	background: #55acee;
}

.google {
	color:#d73d32;
}
.google-bg {
	background: #d73d32;
}

.instagram {
	color:#2e5e86;
}
.instagram-bg {
	background: #2e5e86;
}
.kale {
	color:#0d223b;
}
.kale-bg {
	background: #0d223b;
}
/* Sosyal Medya Colored Settings End */

/*----- Hover Settings -----*/

/* Background Hover */



/* Background Hover End */

/* Bağımsız Hover Settings */
.colored-hover:hover {
	background:	#db9c2c !important;
	opacity: 1 !important;
}
.colored-hover2:hover {
	background:	#424143  !important;
}
.colored-hover3:hover {
	background-color:rgba(0,0,0,0.1) !important;
}
.colored-hover4:hover {
	background-color:rgba(255,255,255,0.5) !important;
}
.colored-hover5:hover {
	background: #242424 !important;
}
.colored-hover-text:hover {
	color:#f7c22a !important;
	opacity: 1 !important;
}
.colored-hover-text3:hover {
	color:#424143  !important;
	opacity: 1 !important;
}
.colored-hover-text4:hover {
	color:#fff !important;
	opacity: 1 !important;
}
/* Bağımsız Hover Settings End */

/*----- Hover Settings End -----*/
.checked {
	box-shadow: 0px 0px 10px #f7c22a !important;
	z-index: 10;
	position: relative;
}


/* Bankalar */
.garanti {
	background-color:#9cc435;
}
.yapikredi {
	background-color:#650c6f;
}
.axes {
	background-color:#efa222;
}
.maximum {
	background-color:#c12a72;
}
/* Bankalar End */
/* ========== Number İnput ========== */
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  border: 1px solid #ddd;
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 38px;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 6px;
  height: 2px;
  background-color: #333;
  transform: translate(-50%, -50%);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
  font-family: sans-serif;
  padding: .5rem;
  border: solid #ddd;
  border-width: 0 1px;
  font-size: 14px;
  height: 38px;
  font-weight: bold;
  text-align: center;
}
/* ========== Number İnput End ========== */
/* ========== Badges ==========  */
.badge1	{
	background-color: #fde4d6;
	color: #f3722c;
}
.badge2	{
	background-color: #e3efca;
	color: #8bc221;
	width: initial;
	padding: 0px 10px;
	border-radius: 7px;
	font-size: 11px;
	font-weight: 700;
	line-height: 20px;
}
.badge3	{
	background-color: #424143;
	color: white;
}
/* ========== Badges End ==========  */
/* ========== Gradient Border ========== */
.b-gradient {
	display: inline-block;
	background: linear-gradient(270deg, #de375f, #6f2c8d);
  background-size: 400% 400%;

  -webkit-animation: gradientAnimation 30s ease infinite;
  -moz-animation: gradientAnimation 30s ease infinite;
  animation: gradientAnimation 30s ease infinite;
  padding: 0px 15px;
  position: relative;
}
.b-gradient:before {
	content: "";
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 1;
	background-color: white;
	border-radius: 5px;
}
.b-gradient span {
	z-index: 2;
	position: relative;
	color: #af5177;
}




.whitesmoke {
	background-color: whitesmoke;
}
@media screen and (max-width: 992px) {
	.col-sm-whitesmoke {
		background-color: whitesmoke;
	}
	.col-sm-success-bg {
		background-color: #24cc40 !important;
	}
	.col-sm-white {
		color: white !important;
	}
}

.success-bg {
	background-color: #24cc40 !important;
}
.success-hover:hover {
	background-color: #24cc40 !important;
}
.success {
	color: #24cc40 !important;
}


.gradientAnimation {
    background: linear-gradient(270deg, #de375f, #6f2c8d);
    background-size: 400% 400%;

    -webkit-animation: gradientAnimation 30s ease infinite;
    -moz-animation: gradientAnimation 30s ease infinite;
    animation: gradientAnimation 30s ease infinite;
}

@-webkit-keyframes gradientAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes gradientAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes gradientAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.btn-sepeteekle:hover {
	background-color: #24cc40 !important;
	color: white !important;
}

.bsCart {
	box-shadow:0px 0px 4px 1px rgb(223 223 223);
}

.red-hover:hover {
	background-color: darkred !important;
}