/*
Date: 05.06.2023
Licence: İyovi Agency
Web: https://iyovi.com.tr/
Mail: info@iyovi.com.tr
WhatsApp: 0850 346 57 40
*/
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
table, table td { 
    padding:0;
    border:none;
    border-collapse:collapse;
}
img {
    vertical-align:top; 
}
embed { 
    vertical-align:top;
}
a {
    text-decoration: none;
}

/* FONTS */
@font-face {
    font-family: 'Gilroy ExtraBoldItalic';
    src: url('../fonts/Gilroy-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Gilroy-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy LightItalic';
    src: url('../fonts/Gilroy-LightItalic.woff2') format('woff2'),
        url('../fonts/Gilroy-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy Light';
    src: url('../fonts/Gilroy-Light.woff2') format('woff2'),
        url('../fonts/Gilroy-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy Medium';
    src: url('../fonts/Gilroy-Medium.woff2') format('woff2'),
        url('../fonts/Gilroy-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy ExtraBold';
    src: url('../fonts/Gilroy-ExtraBold.woff2') format('woff2'),
        url('../fonts/Gilroy-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy HeavyItalic';
    src: url('../fonts/Gilroy-HeavyItalic.woff2') format('woff2'),
        url('../fonts/Gilroy-HeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy BoldItalic';
    src: url('../fonts/Gilroy-BoldItalic.woff2') format('woff2'),
        url('../fonts/Gilroy-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy Heavy';
    src: url('../fonts/Gilroy-Heavy.woff2') format('woff2'),
        url('../fonts/Gilroy-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy SemiBoldItalic';
    src: url('../fonts/Gilroy-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Gilroy-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-RegularItalic';
    src: url('../fonts/Gilroy-RegularItalic.woff2') format('woff2'),
        url('../fonts/Gilroy-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy Regular';
    src: url('../fonts/Gilroy-Regular.woff2') format('woff2'),
        url('../fonts/Gilroy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy Thin';
    src: url('../fonts/Gilroy-Thin.woff2') format('woff2'),
        url('../fonts/Gilroy-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy MediumItalic';
    src: url('../fonts/Gilroy-MediumItalic.woff2') format('woff2'),
        url('../fonts/Gilroy-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy SemiBold';
    src: url('../fonts/Gilroy-SemiBold.woff2') format('woff2'),
        url('../fonts/Gilroy-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy ThinItalic';
    src: url('../fonts/Gilroy-ThinItalic.woff2') format('woff2'),
        url('../fonts/Gilroy-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy UltraLightItalic';
    src: url('../fonts/Gilroy-UltraLightItalic.woff2') format('woff2'),
        url('../fonts/Gilroy-UltraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy UltraItalic';
    src: url('../fonts/Gilroy-UltraLight.woff2') format('woff2'),
        url('../fonts/Gilroy-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy Black';
    src: url('../fonts/Gilroy-Black.woff2') format('woff2'),
        url('../fonts/Gilroy-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy Bold';
    src: url('../fonts/Gilroy-Bold.woff2') format('woff2'),
        url('../fonts/Gilroy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy BlackItalic';
    src: url('../fonts/Gilroy-BlackItalic.woff2') format('woff2'),
        url('../fonts/Gilroy-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
/* FONT */

html, body {font-family: 'Gilroy Regular', sans-serif;padding: 5px 0;}
div.clear {clear: both;}
div.line {width: 100%;height: 1px;overflow: hidden;background: #e4e4e4;margin: 30px 0;}

/* GENEL */
.content {width: 1170px;margin: 0 auto;}

/* LOGO */
div.topContainer {width: 100%;height: auto;overflow: hidden;margin-bottom: 10px;}
div.topContainer img {display: block;margin: 0 auto;width: 30%;}

/* CONTENT */
.content h3.title {display: block;font-family: 'Gilroy Bold', sans-serif;font-size: 30px;color: #6f6f6f;text-align: center;margin-top: 15px;margin-bottom: 7px;}
.content span.description {display: block;font-family: 'Gilroy Regular', sans-serif;font-size: 20px;color: #6f6f6f;text-align: center;}

/* TAB MENÜ */
div.tabStageContainer {width: 100%;height: 70px;overflow: hidden;margin-top: 30px;}
div.tabStageContainer div.tabStage {width: 366px;height: 66px;border: 2px solid #aeaeae;float: left;margin-right: 30px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;}
div.tabStageContainer div.tabStage.active {border-color: #963c95;}
div.tabStageContainer div.tabStage.conclusion {margin-right: 0;}
div.tabStageContainer div.tabStage span.order {display: block;float: left;width: 66px;height: 63px;background: #aeaeae;text-align: center;line-height: 66px;font-family: 'Gilroy Bold', sans-serif;font-size: 30px;color: #fff;overflow: hidden ;}
div.tabStageContainer div.tabStage.active span.order {background: #963c95;}
div.tabStageContainer div.tabStage span.tabTitle {display: block;float: left;width: 275px;font-family: 'Gilroy Medium', sans-serif;color: #aeaeae;line-height: 63px;font-size: 20px;text-align: center;}
div.tabStageContainer div.tabStage.active span.tabTitle {color: #963c95;}

/* FORM */
div.form {width: 100%;height: auto;overflow: hidden;}
div.form div.form-group {width: 366px;height: 66px;border: 2px solid #c0c7df;float: left;margin-right: 30px;border-radius: 50px;margin-bottom: 20px;}
div.form div.form-group.email {margin-right: 0;}
div.form div.form-group.double {margin-right: 0;width: 766px;}
div.form div.form-group span.icon {display: block;width: 45px;height: 45px;float: left;background: url('../images/form-icons.png') no-repeat;margin-top: 10px;margin-left: 10px;}
div.form div.form-group span.icon.icon2 {background-position: -57px 0;}
div.form div.form-group span.icon.icon3 {background-position: -113px 0;}
div.form div.form-group span.icon.icon4 {background-position: -170px 0;}
div.form div.form-group input.form-control-new {display: block;outline: none;width: 270px;float: left;height: 60px;border: 0;font-family: 'Gilroy Regular', sans-serif;font-size: 16px;color: #6c757d;padding-left: 10px;}
div.form div.form-group.double input.form-control-new {display: block;outline: none;width: 701px;float: left;height: 60px;font-family: 'Gilroy Regular', sans-serif;font-size: 16px;color: #6c757d;padding-left: 10px;border: 0;resize: none;margin-left: 26px;}
div.form div.form-group textarea.form-control-new {display: block;outline: none;width: 701px;float: left;height: 60px;font-family: 'Gilroy Regular', sans-serif;font-size: 16px;color: #6c757d;padding-left: 10px;border: 0;resize: none;margin-left: 26px;}
div.form button {display: block;outline: none;cursor: pointer;width: 100%;height: 55px;border-radius: 50px;background: #963c95;color: #fff;text-align: center;line-height: 51px;font-family: 'Gilroy Medium', sans-serif;font-size: 20px;border: 0;border: 2px solid transparent;transition: all 0.5s ease;}
div.form button:hover {background: transparent;color: #963c95;border-color: #963c95;}
div.form div.payChoice {width: 240px;height: 135px;border: 2px solid #c0c7df;float: left;margin-right: 60px;border-radius: 30px;margin-bottom: 30px;}
div.form div.payChoice label {cursor: pointer;}
div.form div.payChoice.active {border-color: #963c95;}
div.form div.payChoice input {opacity: 0;}
div.form div.payChoice div.payChoiceContent {width: 200px;overflow: hidden;margin: 20px auto;position: relative;}
div.form div.payChoice.end {margin-right: 0;}
div.form div.payChoice span.dot {display: block;float: right;background: #aeaeae;width: 20px;height: 20px;border-radius: 50%;}
div.form div.payChoice.active span.dot {background: #963c95;}
div.form div.payChoice span.icon {display: block;width: 84px;height: 84px;float: left;background: url('../images/payment-icons.png') no-repeat;margin-top: 10px;margin-left: 10px;margin-right: 10px;}
div.form div.payChoice span.icon.icon2 {background-position: -96px 0;}
div.form div.payChoice span.icon.icon3 {background-position: -189px 0;}
div.form div.payChoice span.icon.icon4 {background-position: -279px 0;}
div.form div.payChoice span.icon.icon5 {background-position: -373px 0;}
div.form div.payChoice span.text {display: block;font-size: 18px;color: #6f6f6f;font-family: 'Gilroy Medium', sans-serif;position: relative;top: 40px;margin-left: 15px;}
div.form div.payChoice.active span.text {color: #963c95;}

/* CONCLUSION */
div.conclusion {width: 100%;height: auto;overflow: hidden;}
div.conclusion div.detail {width: 575px;height: 100px;background: #01c267;font-family: 'Gilroy SemiBold', sans-serif;font-size: 20px;color: #fff;float: left;line-height: 61px;border-radius: 10px;margin-right: 50px;}
div.conclusion div.detail.warning {background: #e67373;}
div.conclusion div.detail div.detailContent {width: 310px;margin: 19.5px auto;overflow: hidden;}
div.conclusion div.detail div.detailContent > img {display: inline-block;margin-right: 20px;}
div.conclusion div.box {width: 250px;float: left;background: #f3f8fe;margin-right: 45px;border-radius: 10px;height: 100px;}
div.conclusion div.box.warning {width: 545px;}
div.conclusion div.box.end {margin-right: 0;}
div.conclusion div.box.warning span.text.first {font-size: 16px;}
div.conclusion div.box span.text.first {margin-top: 20px;font-family: 'Gilroy SemiBold', sans-serif;margin-bottom: 5px;}
div.conclusion div.box span.text {display: block;text-align: center;font-size: 20px;color: #0c2856;font-family: 'Gilroy ExtraBold', sans-serif;}

/* FOOTER */
div.footer {width: 100%;height: auto;overflow: hidden;margin-top: 40px;}
div.footer span.copyright {display: block;width: 100%;text-align: center;font-family: 'Gilroy Regular', sans-serif;font-size: 16px;color: #6c757d;}
div.footer span.copyright > a {display: inline-block;text-decoration: underline;color: #963c95;}
div.footer ul.link {width: 396px;margin: 0 auto;margin-top: 30px;}
div.footer ul.link > li {float: left;font-family: 'Gilroy Regular', sans-serif;font-size: 14px;width: 50%;text-align: center;}
div.footer ul.link > li > a {color: #6c757d;}

/* MOBILE */
@media only screen and (max-width: 320px) {
    .content {width: 93%;}
    div.topContainer img {width: 40%;}
    div.tabStageContainer {overflow: inherit;margin-bottom: 30px;height: auto;float: left;}
    div.tabStageContainer div.tabStage {width: 100%;}
    div.form {overflow: inherit;}
    div.form div.form-group {margin-right: 0;width: 100%;}
    div.form div.form-group input.form-control-new {height: 58px;width: 73%;}
    div.form div.form-group.double {width: 100%;}
    div.form div.form-group.double input.form-control-new {width: 81%;margin-left: 28px;height: 58px;}
    div.form div.payChoice {width: 100%;margin-bottom: 10px;}
    div.conclusion div.detail {width: 100%;margin-right: 0;margin-bottom: 10px;height: auto;line-height: 25px;padding: 0 10px;}
    div.conclusion div.detail div.detailContent > img {display: block;margin: 0 auto;margin-bottom: 10px;}
    div.conclusion div.box {width: 100%;margin-bottom: 10px;margin-right: 0;height: auto;padding: 20px 0;}
    div.conclusion div.box span.text.first {margin-top: 0;line-height: 21px;}
    div.conclusion div.box.warning {width: 100%;}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .content {width: 93%;}
    div.topContainer img {width: 40%;}
    div.tabStageContainer {overflow: inherit;margin-bottom: 30px;height: auto;float: left;}
    div.tabStageContainer div.tabStage {width: 100%;}
    div.form {overflow: inherit;}
    div.form div.form-group {margin-right: 0;width: 100%;}
    div.form div.form-group input.form-control-new {height: 58px;width: 73%;}
    div.form div.form-group.double {width: 100%;}
    div.form div.form-group.double input.form-control-new {width: 81%;margin-left: 28px;height: 58px;}
    div.form div.payChoice {width: 100%;margin-bottom: 10px;}
    div.conclusion div.detail {width: 100%;margin-right: 0;margin-bottom: 10px;height: auto;line-height: 25px;padding: 0 10px;}
    div.conclusion div.detail div.detailContent > img {display: block;margin: 0 auto;margin-bottom: 10px;}
    div.conclusion div.box {width: 100%;margin-bottom: 10px;margin-right: 0;height: auto;padding: 20px 0;}
    div.conclusion div.box span.text.first {margin-top: 0;line-height: 21px;}
    div.conclusion div.box.warning {width: 100%;}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
    .content {width: 93%;}
    div.topContainer img {width: 40%;}
    div.tabStageContainer {overflow: inherit;margin-bottom: 30px;height: auto;float: left;}
    div.tabStageContainer div.tabStage {width: 100%;}
    div.form {overflow: inherit;}
    div.form div.form-group {margin-right: 0;width: 100%;}
    div.form div.form-group input.form-control-new {height: 58px;width: 73%;}
    div.form div.form-group.double {width: 100%;}
    div.form div.form-group.double input.form-control-new {width: 81%;margin-left: 28px;height: 58px;}
    div.form div.payChoice {width: 100%;margin-bottom: 10px;}
    div.conclusion div.detail {width: 100%;margin-right: 0;margin-bottom: 10px;height: auto;line-height: 25px;padding: 0 10px;}
    div.conclusion div.detail div.detailContent > img {display: block;margin: 0 auto;margin-bottom: 10px;}
    div.conclusion div.box {width: 100%;margin-bottom: 10px;margin-right: 0;height: auto;padding: 20px 0;}
    div.conclusion div.box span.text.first {margin-top: 0;line-height: 21px;}
    div.conclusion div.box.warning {width: 100%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .content {width: 93%;}
    div.topContainer img {width: 40%;}
    div.tabStageContainer {overflow: inherit;margin-bottom: 30px;height: auto;float: left;}
    div.tabStageContainer div.tabStage {width: 100%;}
    div.form {overflow: inherit;}
    div.form div.form-group {margin-right: 0;width: 100%;}
    div.form div.form-group input.form-control-new {height: 58px;width: 73%;}
    div.form div.form-group.double {width: 100%;}
    div.form div.form-group.double input.form-control-new {width: 81%;margin-left: 28px;height: 58px;}
    div.form div.payChoice {width: 100%;margin-bottom: 10px;}
    div.conclusion div.detail {width: 100%;margin-right: 0;margin-bottom: 10px;height: auto;line-height: 25px;padding: 0 10px;}
    div.conclusion div.detail div.detailContent > img {display: block;margin: 0 auto;margin-bottom: 10px;}
    div.conclusion div.box {width: 100%;margin-bottom: 10px;margin-right: 0;height: auto;padding: 20px 0;}
    div.conclusion div.box span.text.first {margin-top: 0;line-height: 21px;}
    div.conclusion div.box.warning {width: 100%;}
}