:root {
    --r1: #139954 ;
    --r2: #f4f4f4;
}
.el{
	display:block;
    background-color:var(--r2);
    padding: 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border-left: 5px solid var(--r1);
    margin-top: 20px;
}
.el .tit{ display:block; padding-bottom:8px}
.el.b_red{ border-left-color:red}
.el.sart{ display:none}
.el *{ color:#444}
.el .here{font-size:18px; line-height:28px; font-weight:400;}
.el .here span{font-size:14px; line-height:28px; font-weight:300;}
.el .ques{font-size:18px; line-height:28px; font-weight:400;}
.el .des{font-size:14px; line-height:24px; font-weight:400;}

.el .input{
	width: 100%;
    display: block;}
.el .input input{
	background-color: transparent;
    border: 1px solid #949494;
    font-size: 15px;
    line-height: 25px;
    outline: none;
	display:block;
	width:100%;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.el.cep .input{ position:relative}
.el.cep .input input{border: 1px solid #949494;width:100%}
 .el.cep .input.plph input{padding-left:45px !important;}
.el.cep .input .cep_kod{ position: absolute; left:10px; top:11px;font-size: 15px;line-height: 25px;}

.el .input input:focus,.el .input textarea:focus{
box-shadow: 0 0 5px rgba(79, 124, 125, 0.5);
}
.el .input textarea{
	background-color: transparent;
    border: 1px solid var(--r1);
    font-size: 15px;
    line-height: 25px;
    outline: none;
	display:block;
	width:100%;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
	resize: none;
	overflow:hidden
}
.el .input textarea::placeholder,.el .input input::placeholder{
	color:#777
}
/*CHECKBOX*/
.el .checkbox{ display: block;margin-top:10px}
.el .checkbox label {
    line-height: 20px;
    font-weight: normal;
    display: inline-block;
}
.el .checkbox label div.box {
    width: 20px;
    height: 20px !important;
    background-position: 0px 0px;
    margin: 0 10px 0 0;
    padding: 0px;
    display: inline-block !important;
    border: 2px solid var(--r1);
    float: left;
    border-radius: 4px;
    vertical-align: top;
}
.el .checkbox .check div.box {
	border: 2px solid var(--r1);
}
.el .checkbox label #tik {
    margin: 0.14em 0.13em;
    vertical-align: top;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
}
.el .checkbox label input{ display:none}
.el .checkbox label #txt {
	font-size: 15px;
    line-height: 24px;
    display: inline;
	user-select:none
}
.el .checkbox .check #txt{
	color:var(--r1);
}
.el .checkbox .check #tik {  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTc0LjIzOSAxNzQuMjM5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNzQuMjM5IDE3NC4yMzk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjMTYzYzZkIiBkPSJNNzQuNDM5LDE1Ny41MTljLTEuNTksMS44NDgtNC4zNCwxLjk4OS02LjExMSwwLjMxM0wxLjM4LDk0LjQ2OGMtMS43NzEtMS42NzYtMS44NDgtNC40OTYtMC4xNzMtNi4yNjdsMjEuMzMtMjIuNTM5IGMxLjY3Ni0xLjc3MSw0LjQ5Ni0xLjg0OCw2LjI2Ny0wLjE3M2wzNi41NzEsMzQuNjExYzEuNzcxLDEuNjc2LDQuNTIxLDEuNTM1LDYuMTExLTAuMzEzbDcxLjQ0Ny04My4wMTUgYzEuNTktMS44NDgsNC40MDQtMi4wNTksNi4yNTEtMC40NjhsMjMuNTE4LDIwLjI0MmMxLjg0OCwxLjU5LDIuMDU5LDQuNDA0LDAuNDY4LDYuMjUyTDc0LjQzOSwxNTcuNTE5eiIvPjwvc3ZnPg==") }


/*RADIO*/
.el .radio{ display: block; margin-top:10px}
.el .radio label {
    line-height: 20px;
    font-weight: normal;
    display: inline-block;
}
.el .radio label div.box {
    padding:0px;
	margin:0px;
	border: 2px solid #949494;
	width:1.5em;
	height:1.5em !important;
	background-position:0px 0px;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	display:flex;
	justify-content: center;
    align-items: center;
	float: left;
	margin-right:10px;
}
.el .radio .check div.box {
	border: 2px solid #949494;
}
.el .radio label input{ display:none}
.el .radio label #txt {
	font-size: 15px;
    line-height: 24px;
    display: inline;
	vertical-align:top;
	user-select:none;
}

.el .radio div.box #tik {width: 13px;height:13px;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.el .radio .check #tik { background-color:#949494;}



/*SELECTBOX*/
.el .selectbox{ margin-top:10px}
.el select{
    border: 1px solid #949494;
    border-radius: 4px;
    outline: none;
    font-size: 15px;
    line-height: 25px;
    background-color: transparent;
    max-width: 100%;
}
select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 10px 28px 10px 10px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzE2M2M2ZCIgZD0iTTE3LDkuMTdhMSwxLDAsMCwwLTEuNDEsMEwxMiwxMi43MSw4LjQ2LDkuMTdhMSwxLDAsMCwwLTEuNDEsMCwxLDEsMCwwLDAsMCwxLjQybDQuMjQsNC4yNGExLDEsMCwwLDAsMS40MiwwTDE3LDEwLjU5QTEsMSwwLDAsMCwxNyw5LjE3WiI+PC9wYXRoPjwvc3ZnPg0K");
    background-repeat: no-repeat;
    background-position: right 4px center;
    background-size: 24px 24px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.el select.full{
	border: 1px solid var(--r1);
	color:var(--r1);
}


    /*CHECKBOX*/
    .form_metin_onay .checkbox{ display: block; margin-top:10px;}
    .form_metin_onay .checkbox label {
        line-height: 15px;
        font-weight: normal;
        display: inline-block;
    }
    .form_metin_onay .checkbox label div.box {
        width: 20px;
        height: 20px !important;
        background-position: 0px 0px;
        margin: 0 10px 0 0;
        padding: 0px;
        display: inline-block !important;
        border: 3px solid var(--r1);
        float: left;
        border-radius:4px;
        vertical-align: top;
    }
    .form_metin_onay .checkbox label #tik {
        margin: 0.05em 0.08em;
        vertical-align: top;
        width: 12px;
        height: 12px;
        background-repeat:no-repeat
    }
    .form_metin_onay .checkbox label input{ display:none}
    .form_metin_onay .checkbox label #txt {
        font-size: 15px;
        line-height: 19px;
        display: inline;
        user-select:none
    }
    .form_metin_onay .checkbox .check #tik { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTc0LjIzOSAxNzQuMjM5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNzQuMjM5IDE3NC4yMzk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjNGY3ZDdjIiBkPSJNNzQuNDM5LDE1Ny41MTljLTEuNTksMS44NDgtNC4zNCwxLjk4OS02LjExMSwwLjMxM0wxLjM4LDk0LjQ2OGMtMS43NzEtMS42NzYtMS44NDgtNC40OTYtMC4xNzMtNi4yNjdsMjEuMzMtMjIuNTM5IGMxLjY3Ni0xLjc3MSw0LjQ5Ni0xLjg0OCw2LjI2Ny0wLjE3M2wzNi41NzEsMzQuNjExYzEuNzcxLDEuNjc2LDQuNTIxLDEuNTM1LDYuMTExLTAuMzEzbDcxLjQ0Ny04My4wMTUgYzEuNTktMS44NDgsNC40MDQtMi4wNTksNi4yNTEtMC40NjhsMjMuNTE4LDIwLjI0MmMxLjg0OCwxLjU5LDIuMDU5LDQuNDA0LDAuNDY4LDYuMjUyTDc0LjQzOSwxNTcuNTE5eiIvPjwvc3ZnPg==") }
    .form_metin_onay{ padding:10px 0 5px 0}
	.form_metin_onay .checkbox .error {
        color: red;
        font-size: 15px;
        line-height: 25px;
		margin-top:6px
    }
	
	.form_metin_onay a{ color:#09C}
   	.form_metin_onay a.underline{ text-decoration: underline}

#form button,
#message button {
	margin:40px 0 20px 0;
	outline:none;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	cursor: pointer;
	background-color: var(--r1);
	padding: 11px 20px;
    outline: none;
    text-decoration: none;
    font-size: 16px;
	line-height:24px;
    letter-spacing: 0.5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 600;
    border-radius: 5px;
	border:0;
	color:#fff;
	font-family:"Ubuntu Condensed", sans-serif
}
#form button:hover,
#message button:hover {
	background-color: #e5312c   !important;
    border-color: #3e6597 !important;
}

.el .error{ color:red;
    font-size: 15px;
    line-height: 25px;
	margin-bottom:10px}
form #top_error{
	display: block;
    background-color: var(--r2);
    padding: 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border-left: 5px solid red;
    margin: 0 0 25px 0;
	color:red;
    font-size: 17px;
    line-height: 27px;
}

a.radio_secim_sil{ font-size:14px; line-height:22px; color:#C36; text-decoration:none}
a.radio_secim_sil:hover{text-decoration: underline}

/*dosya yükle*/
.add_file{
	border: 1px #dadce0 solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1a73e8;
	font-size:15px;
    line-height:25px;
	border-radius:4px;
	padding:7px 20px;
	text-decoration:none;
	display:inline-block
}
.add_file:hover{
	background-color:#f7faff
}
.files{margin-top:10px;}
.files input{ display:none}
.files .info{ font-size:14px; line-height:22px; font-style:italic; margin-top:10px; padding:0 !important}
.selected_files div{font-size:14px; line-height:22px; }
.selected_files div.tit{ margin-top:20px; color:#09C}

/* Chrome, Safari, Edge, Opera */
#form input::-webkit-outer-spin-button,
#form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

form{ display:block; max-width:500px; margin:0 auto; padding:20px 0}

.accordion {
	padding:20px 0
}

.accordion-item {
	
}

.accordion-header {
  padding: 20px;
  background-color: #f1f1f1;
  cursor: pointer;
  text-align:center;
  max-width:500px; margin:0 auto;
  user-select:none
}

.accordion-content {
  padding: 20px;
  display: none;
}
.accordion-content *{ font-size:16px; line-height:24px;}
.arrow {
  display: inline-block;
  width: 0;
  height: 0;
      vertical-align: top;
    margin-left: 10px;
    margin-top: 7px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.down_ {
  border-top: 5px solid black;
}

.up {
  border-bottom: 5px solid black;
}

.alert-info{background-color:#d7f5fc;border-color:#b3edf9;color:#2b6b79; padding:14px 20px; max-width:500px; margin:0 auto}
@media all and (max-width:768px){
	.accordion-content {
		padding: 20px 0;
	}
}

#form .max{ display:block; max-width:600px; margin:0 auto;}
#title{ margin-top:30px;}
#title *{ font-size:24px; line-height:30px; font-weight:bold; font-family:"Roboto",sans serif}
#info *{ font-size:16px; line-height:25px}
.link{ color:#09C; text-decoration:none;}
.link:hover{ text-decoration:underline}

#loader{position:fixed;display:table;vertical-align:middle;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:0 0}#loader #loader_bg{background-color:#fff;opacity:.6;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%}#loader #loader_top{display:table-cell;vertical-align:middle}#loader #loader_mesaj{display:block; text-align:center; font-size:20px; color:#e5312c; line-height:30px; position:relative;font-family: 'Open Sans', sans-serif; font-weight:600; margin-bottom:20px}.sk-fading-circle{margin:0 auto;width:50px;height:50px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#e5312c;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,100%{opacity:0}40%{opacity:1}}