@charset "utf-8";
/******************************************************
						Body
******************************************************/
body{overflow-x:hidden;-webkit-text-size-adjust:100%;font-family:'Lora',"Trebuchet MS",sans-serif; font-weight: 400;}
a{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;text-decoration:none}
a:hover{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.cursor{cursor:pointer}
.floatleft{float:left!important}
.floatright{float:right!important}
.text_yesil{color:#9dcb3b}
.text_koyuyesil{color:#187475}
.text_mavi{color:#0197d2}
.text_buz{color:#4bcacc}
.text_pembe{color:#dd547d}
.text_koyumavi{color:#187475}
.text_koyusari{color:#9a6709}
.text_cokkoyuyesil{color:#3d5b0e}
.font_bold,strong{ font-weight: 700;}
h1{font-size:38px}
h2{font-size:32px}
h3{font-size:25px}
h4{font-size:22px}
h5{font-size:18px}
h6{font-size:16px}
small{font-size:10px}
.font-25{font-size:25px}
.font-23{font-size:23px}
.font-20{font-size:20px}
.font-18{font-size:18px}
.font-16{font-size:16px}
.font-14{font-size:14px}
.font-12{font-size:12px}
.font-10{font-size:10px}
.text_beyaz{color:#fff}
.text_siyah{color:#000}
.text_gri{color:#999}
.text_acikgri{color:#aeaeae}
.text_center{text-align:center}
.text_left{text-align:left}
.text_right{text-align:right}
.top5{margin-top:5px}
.top10{margin-top:10px}
.top15{margin-top:15px}
.top20{margin-top:20px}
.top25{margin-top:25px}
.top30{margin-top:30px}
.left5{margin-left:5px}
.left10{margin-left:10px}
.left15{margin-left:15px}
.left20{margin-left:20px}
.left30{margin-left:30px}
.bottom_20{padding-bottom:20px}
.bg_beyaz{background-color:#fff}
.bg_acikgri{background-color:#f4f4f4}
.bg_yesil{background-color:#9dcb3b}
.bg_mavi{background-color:#4bcacc}
.bg_sari{background-color:#fdbb41}
.bg_pembe{background-color:#dd547d}
.gradient_yesil {
	border: 1px solid #929393;
	-webkit-box-shadow: #dded77 1px 1px 0px inset;
	-moz-box-shadow: #dded77 1px 1px 0px inset;
	box-shadow: #dded77 1px 1px 0px inset;
	background: #c2df51;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c2df51), to(#77B724));
	background: -webkit-linear-gradient(#c2df51, #77B724);
	background: -moz-linear-gradient(#c2df51, #77B724);
	background: -ms-linear-gradient(#c2df51, #77B724);
	background: -o-linear-gradient(#c2df51, #77B724);
	background: linear-gradient(#c2df51, #77B724);
	-pie-background: linear-gradient(#c2df51, #77B724);
	behavior: url(css/PIE.htc);
	}
.gradient_mavi {
	border: 1px solid #929393;
	-webkit-box-shadow: #d4f8f8 1px 1px 0px inset;
	-moz-box-shadow: #d4f8f8 1px 1px 0px inset;
	box-shadow: #d4f8f8 1px 1px 0px inset;
	background: #b2f2f3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b2f2f3), to(#4ee1e3));
	background: -webkit-linear-gradient(#b2f2f3, #4ee1e3);
	background: -moz-linear-gradient(#b2f2f3, #4ee1e3);
	background: -ms-linear-gradient(#b2f2f3, #4ee1e3);
	background: -o-linear-gradient(#b2f2f3, #4ee1e3);
	background: linear-gradient(#b2f2f3, #4ee1e3);
	-pie-background: linear-gradient(#b2f2f3, #4ee1e3);
	behavior: url(css/PIE.htc);
	}
.gradient_sari {
	border: 1px solid #929393;
	-webkit-box-shadow: #fee882 1px 1px 0px inset;
	-moz-box-shadow: #fee882 1px 1px 0px inset;
	box-shadow: #fee882 1px 1px 0px inset;
		background: #fed55a;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fed55a), to(#FCA128));
	background: -webkit-linear-gradient(#fed55a, #FCA128);
	background: -moz-linear-gradient(#fed55a, #FCA128);
	background: -ms-linear-gradient(#fed55a, #FCA128);
	background: -o-linear-gradient(#fed55a, #FCA128);
	background: linear-gradient(#fed55a, #FCA128);
	-pie-background: linear-gradient(#fed55a, #FCA128);
	behavior: url(css/PIE.htc);
	}
.gradient_bg {
	background: #97bede;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#97bede), to(#FFFFFF));
	background: -webkit-linear-gradient(#97bede, #FFFFFF);
	background: -moz-linear-gradient(#97bede, #FFFFFF);
	background: -ms-linear-gradient(#97bede, #FFFFFF);
	background: -o-linear-gradient(#97bede, #FFFFFF);
	background: linear-gradient(#97bede, #FFFFFF);
	-pie-background: linear-gradient(#97bede, #FFFFFF);
	behavior: url(css/PIE.htc);
	}
.margin_auto{display:block;margin:0 auto}
.border_gri{border:1px solid #d4d4d4}
.padding_link_20{padding:0 20px;display:block}
.padding_yan_20{padding:0 20px}
.padding_dik_20{padding:20px 0}
.padding_20{padding:20px}
.padding_dik_10{padding:10px 0}
.padding_10{padding:10px}
.shadow {
	-webkit-box-shadow: #666 3px 3px 4px;
	-moz-box-shadow: #666 3px 3px 4px;
	box-shadow: #666 3px 3px 4px;
	behavior: url(css/PIE.htc);
	}
.shadowleft {
	-webkit-box-shadow: #666 -1px 3px 4px;
	-moz-box-shadow: #666 -1px 3px 4px;
	box-shadow: #666 -1px 3px 4px;
	behavior: url(css/PIE.htc);
	}
.radius_3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(css/PIE.htc);
	}
.radius_5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(css/PIE.htc);
	}
.radius_8 {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(css/PIE.htc);
	}
.linkblock {	display:block;}
.height1 { height:1px;}
.fullink { position:absolute;top:0;right:0;left:0;bottom:0;width:100%; height:100%;}
.bg_gr{background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.14));behavior:url(css/PIE.htc);-pie-background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.14))}
.bg_grlink{background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.14));behavior:url(css/PIE.htc);-pie-background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.14))}
.bg_grlink:hover{background-image:linear-gradient(to bottom,rgba(0,0,0,0.14),rgba(0,0,0,0));behavior:url(css/PIE.htc);-pie-background:linear-gradient(to bottom,rgba(0,0,0,0.14),rgba(0,0,0,0))}
/******************************************************
						Header
******************************************************/
#header { float: left; width: 100%; position: relative; }
.container { width: 960px; margin-right: auto; margin-left: auto; position: relative; }
.rows {float: left; width: 100%;}
.mobilmenu_butonyer * {-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.mobilmenu_link_ac {
  bottom:-4px;
  color: #0082a4;
  cursor: pointer;
  font-size: 26px;
  left: 0;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
}
.mobilmenu_link_kapat{color: #522C1D; bottom:-51px;cursor:pointer;font-size:33px;left:0;opacity:0;overflow:hidden;position:absolute;right:0;text-align:center;width:100%}
.mobilmenu .mobilmenu_link_kapat{bottom:-11px;opacity:1}
.mobilmenu .mobilmenu_link_ac{bottom:24px;opacity:0}
.mobilmenu_butonyer {
  border: 1px solid #a1a1a1;
  border-radius: 50%;
  float: left;
  height: 40px;
  position: absolute;
  right: 144px;
  top: 50%;
  -webkit-transform: translate(0px, -50%);  -moz-transform: translate(0px, -50%);  -ms-transform: translate(0px, -50%);  -o-transform: translate(0px, -50%);  transform: translate(0px, -50%);
  width: 40px;
	display: none;
}


.checkboxx label:after,
.radioo label:after {
    content: '';
    display: table;
    clear: both;
}

.checkboxx .cr, .radioo .cr {
    background-color: #ffffff;
    border: 1px solid #000;
    border-radius: 0.25em;
    color: #fff;
    display: inline-block;
    float: left;
    height: 20px;
    margin-right: 0.5em;
    position: relative;
    width: 20px;
    margin-top: 0;
}

.radioo .cr {
    border-radius: 50%;
}

    .checkboxx .cr .cr-icon, .radioo .cr .cr-icon {
        color: #10a64a;
        font-size: 14px;
        left: 16%;
        line-height: 0;
        position: absolute;
        top: 50%;
    }

    .radioo .cr .cr-icon {
        margin-left: 0.04em;
    }

.checkboxx label input[type="checkbox"],
.radioo label input[type="radio"] {
    display: none;
}

    .checkboxx label input[type="checkbox"] + .cr > .cr-icon,
    .radioo label input[type="radio"] + .cr > .cr-icon {
        -webkit-transform: scale(3) rotateZ(-20deg);
        -moz-transform: scale(3) rotateZ(-20deg);
        -ms-transform: scale(3) rotate(-20deg);
        -o-transform: scale(3) rotateZ(-20deg);
        transform: scale(3) rotateZ(-20deg);
        opacity: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    .checkboxx label input[type="checkbox"]:checked + .cr > .cr-icon,
    .radioo label input[type="radio"]:checked + .cr > .cr-icon {
        -webkit-transform: scale(1) rotateZ(0deg);
        -moz-transform: scale(1) rotateZ(0deg);
        -ms-transform: scale(1) rotate(0deg);
        -o-transform: scale(1) rotateZ(0deg);
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    .checkboxx label input[type="checkbox"]:disabled + .cr,
    .radioo label input[type="radio"]:disabled + .cr {
        opacity: .5;
    }

.label_yazi {
    font-size: 17px;
    line-height: 20px;
}



.home_left {
	float: left;
	width: 50%;
	position: relative;
	height: 100vh;
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	justify-content: center;
  }
  .home_right {
	float: left;
	width: 50%;
	height: 100vh;
	position: relative;
	padding: 1%;
	overflow-y: scroll;
	overflow-x: hidden;
}
  .home_left_bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-position: center;
  }
  .home_left_logo {
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
  }
  .home_left_slogan {
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
  }


  .home_right_header {
	float: left;
	width: 100%;
	position: relative;
  }
  .home_right_header h2 {
	font-weight: 700;
	color: #642f21;
	font-size: 24px;
	float: left;
	padding-right: 20px;
	background-color: #fff;
	position: relative;
	z-index: 2;
  }
  .home_right_header:after {
	content: "";
	position: absolute;
	bottom: 7px;
	left: 0;
	right: 0;
	height: 1px;
	width: 100%;
	background-color: #d38a25;
  }
  h3 {
	font-size: 18px;
	color: #333;
	float: left;
	width: 100%;
	font-weight: 700 !important;
	padding: 20px 0 !important;
  }
  .form-group label {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 5px;
  }
  .form-group {
	margin-bottom: 0;
  }

  .jp-card-container {
	width: 100% !important;
	height: 260px !important;
}


  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #d38a25;
  }
  .sitebuton_yer {
	text-align: center;
  }
  .sitebutton {
	padding: 15px 40px;
	font-weight: 700;
	color: #fff;
	background-color: #642f21;
	border: 0;
	cursor: pointer;
  }
  .sitebutton:hover {background-color: #000; }

  .step-controls, .ws-popover-opener {
	margin-top: 10px;
  }
  .close.fixclose {
	position: fixed;
	top: 15px;
	right: 30px;
	color: #fff;
	opacity: 1;
	text-shadow: 0px 0px 2px #000;
	font-size: 30px;
	z-index: 99;
	background-color: #642f21;
	padding: 4px 10px;
}

.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control {
	margin-left: -1px !important;
}


.modal-dialog {
	margin: 3.75rem auto;
	width: 95%;
}


/******************************************************
						İçerik
******************************************************/
#main { float: left; width: 100%; position: relative; }

/******************************************************
						Footer
******************************************************/
#footer { float: left; width: 100%; position: relative;  }


.footer {
	float: left;
	width: 100%;
	margin-top: 20px;
	border-top: 1px solid #d38a25;
	padding-top: 20px;
	color: #642f21;
  }
  .footer_sol {
	float: left;
  }
  .footer_sag {
	float: right;
	text-align: right;
  }
  .footerlinkler {
	margin-top: 20px;
	margin-bottom: 20px;
  }
  .footerlinkler span {
	margin: 0 20px;
  }

  .uyegirissayfa {
	float: left;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.uyegirisbox {
	max-width: 400px;
	width: 90%;
}

.form-control {text-transform: uppercase;}

.form-control[type="email"] {
    text-transform: none !important;
}

.odemebasarili {color:#8EC63F}

.odemebasarisiz {color:#ff0000}