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


/* Background Settings */

.colored-bg {
	background:	#689ded !important;
}
.colored2-bg {
	background-color:#f7a08b !important;
}
.colored3-bg {
	background:#436fb5 !important;
}
.colored4-bg {
	background:#212121  !important;
}
.colored5-bg {
	background:#FFFFFF!important;
}
.colored6-bg {
	background: rgba(18,14,11,1) !important;
}
.mask-bg {
	background: rgba(0,0,0,0.8) !important;
}
.mask-bg2 {
	background: rgba(0,0,0,0.6) !important;
}
.mask-bg3 {
	background: rgba(255,255,255,1) !important;
}
.mask-bg4 {
	background: rgba(0,75,132,0.3) !important;
}
.starcolor {
	color:#dacf19;
}
.b-white {
	background-color: white !important;
}
@media screen and (max-width:992px) {

.col-sm-colored-bg {
	background:#689ded !important;
}
.col-sm-colored2-bg {
	background-color:#f7a08b !important;
}
.col-sm-newColored-bg {
	background-color:#FFE72D !important;
}
.col-sm-colored3-bg {
	background:#436fb5 !important;
}
.col-sm-colored4-bg {
	background:#212121  !important;
}
.col-sm-colored5-bg {
	background:#FFFFFF!important;
}
.col-sm-colored6-bg {
	background: rgba(18,14,11,1) !important;
}
.col-sm-b-white {
	background-color:#fff !important;
}
}
/* Background Settings End */

/* Text Color Settings */
.colored {
	color:#689ded !important;
}
.colored2 {
	color: #f7a08b  !important;
}
.colored2-text {
	color:#35777b !important;
}
.colored3 {
	color:#436fb5 !important;
}
.colored4 {
	color:#212121  !important;
}
.colored5 {
	color:rgba(0,0,0,0.5) !important;
}
.colored6 {
	color: rgba(18,14,11,1) !important;
}
.text {
	color: #212529;
}

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

.col-sm-colored {
	color:#689ded !important;
}
.col-sm-colored2 {
	color: #f7a08b    !important;
}
.col-sm-colored3 {
	color:#436fb5 !important;
}
.col-sm-colored4 {
	color:#212121  !important;
}
.col-sm-colored5 {
	color:#FFFFFF !important;
}
.col-sm-colored6 {
	color: rgba(18,14,11,1) !important;
}
.col-sm-white {
	color:rgba(255,255,255,1) !important;
}
}
/* Text Color Settings End */

/* Border Color Settings */
.bc-colored  {
	border-color:#689ded !important;
}
.bc-colored2 {
	border-color:#cfb360   !important;
}
.bc-colored3 {
	border-color:#436fb5 !important;
}
.bc-colored4 {
	border-color:#212121  !important;
}
.bc-colored5 {
	border-color:#FFFFFF !important;
}
.bc-colored6 {
	border-color:rgba(18,14,11,1) !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;
}
.bc5 {
	border-color:#fbe173  !important;
}

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

.col-sm-bc-colored  {
	border-color:#689ded !important;
}
.col-sm-bc-colored2 {
	border-color:#cfb360   !important;
}
.col-sm-bc-colored3 {
	border-color:#436fb5 !important;
}
.col-sm-bc-colored4 {
	border-color:#212121  !important;
}
.col-sm-bc-colored5 {
	border-color:#FFFFFF !important;
}
.col-sm-bc-colored6 {
	border-color:rgba(18,14,11,1) !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:	#689ded !important;
	opacity: 1 !important;
	border-color: #689ded !important;;
}
.colored-hover2:hover {
	background-color:#f7a08b !important;
}
.colored-hover3:hover {
	background-color:#436fb5 !important;
}
.colored-hover4:hover {
	background-color:mediumseagreen !important;
}
.colored-hover5:hover {
	background: #fbe173 !important;
}
.colored-hover6:hover {
	background: white !important;
	border-color: white !important;
}
.colored-hover-text:hover {
	color:#689ded !important;
	opacity: 1 !important;
}
.colored-hover-text2:hover {
	color:#cfb360!important;
	opacity: 1 !important;
}
.colored-hover-text3:hover {
	color:#ef7720   !important;
	opacity: 1 !important;
}
.colored-hover-text4:hover {
	color:#fff !important;
	opacity: 1 !important;
}
.colored-hover-text5:hover {
	color:#fff !important;
	opacity: 1 !important;
}
/* Bağımsız Hover Settings End */

/*----- Hover Settings End -----*/
.checked {
	box-shadow: 0px 0px 10px #689ded !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 */


/* ========== Glass Effect ========== */
.glassblack {
	background-color: rgba(0,0,0,.8);
    backdrop-filter: saturate(180%) blur(20px);
}
.glasswhite {
	background-color: rgba(255,255,255,.8);
    backdrop-filter: saturate(180%) blur(20px);
}
.glasswhite2 {
	background-color: rgba(255,255,255,.5);
    backdrop-filter: saturate(180%) blur(20px);
}
.glasstransparent {
    backdrop-filter: saturate(180%) blur(20px);
}

.colored-hover-glasstransparent:hover {
	backdrop-filter: saturate(180%) blur(20px);
}
/* ========== Glass Effect End ========== */


.colored-gradient {
	background: rgb(207,179,96);
background: linear-gradient(90deg, rgba(207,179,96,1) 0%, rgba(255,204,55,1) 50%, rgba(207,179,96,1) 100%);
}



@media screen and (max-width:768px) {
	.col-xs-basketend-bg {
		background-color:#333 !important;
	}
}

.newColored-bg {
	background-color:#FFE72D !important;
	color:#000;
}
.newColored {
	color:#FFE72D;
}


.shadowLine {
	box-shadow:0px 0px 0px 2px rgb(0 0 0);
}
.colors-gradient {
	background: rgb(132,217,222);
	background: linear-gradient(90deg, rgba(132,217,222,1) 0%, rgba(251,224,114,1) 38%, rgba(157,235,153,1) 68%, rgba(254,151,172,1) 100%);
}

.colors-animation {
    background: linear-gradient(270deg, #84d9de, #fbe072, #9deb99, #fe97ac);
    background-size: 800% 800%;

    -webkit-animation: AnimationName 26s ease infinite;
    -moz-animation: AnimationName 26s ease infinite;
    animation: AnimationName 26s ease infinite;
}

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

.green-gradient {
	background: rgb(141,161,54);
    background: linear-gradient(0deg, rgb(147 172 40) 0%, rgb(163 207 66) 100%);
}

.zeydan-gradient-animation {
    background: linear-gradient(270deg, #ffe72d, #303030, #ffe72d);
    background-size: 600% 600%;

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

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

.zeydanGradient {
	background: rgb(255,231,45);
	background: linear-gradient(0deg, rgba(255,231,45,1) 0%, #689ded 50%, rgba(255,231,45,1) 100%);
}
.zeydanGradient2 {
	background: rgb(255,231,45);
	background: linear-gradient(0deg, rgba(255,231,45,1) 0%, rgba(190,170,15,1) 100%);
}
.zeydanColor {
	background-color: #ffeb44 !important;
}
.colored-zeydan {
	color: #f3d905 !important;
}

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

.success-bg {
	background-color: #19b332 !important;
}
.success {
	color: #19b332 !important;
}
.success-hover:hover {
	background-color: #19b332 !important;
	color: white !important;
}

.telegram-color {
	color: #3ab8e6;
}
.telegram-color:hover {
	background-color: #3ab8e6 !important;
	color: white !important;
}
.title {
	color: #436fb5;
}


.text {
	color: #696e77;
}
.text:hover {
	color: #696e77;
}
.text-bg {
	background-color: #696e77;
}

.whatsapp-bg {
	background-color: #4cae50;
}
.whatsapp-color {
	color: #4cae50;
}