html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0;} ins { text-decoration: none;} del { text-decoration: line-through;} table { border-collapse: collapse; border-spacing: 0; } ul, li { float:left; display:inline; } h1, h2, h3, h4, h5 { font-weight:normal; } i, em { font-style:normal; } button, select { border:none; margin:0; padding:0; background:transparent; } figure { margin:0; padding:0; } * { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } /* Finish RESET */ body { margin:0; color:#000000; font-size:15px; font-family:'Inter Tight', Arial; letter-spacing:0.5px; line-height:20px; -webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-text-size-adjust:100%; background-color:#f2f2f2; } *::-moz-selection { background:rgba(0, 0, 0, 0.1); } *::selection { background:rgba(0, 0, 0, 0.1); } a { color:var(--color-secondary); text-decoration:none; } a:hover { color:var(--color-primary); text-decoration:none; } :root { --color-primary:#fc464e; --color-secondary:#162A4C; --input-background-color: #FFF; --input-border-color: #bfbfbf; --input-border-color-inline: #FFF; --input-border-color-checked: #00A678; --input-background-color-checked: #38A3A5; --input-border-color-inline-checked: #38A3A5; --input-border-color-disabled: #bfbfbf; --input-background-color-disabled: #efefef; --input-border-color-inline-disabled: #bfbfbf; --input-border-color-hover: #38A3A5; --input-background-color-hover: #FFF; --input-border-color-inline-hover: #bfbfbf; --input-border-color-focus: #00A678; } /* Reset Css */ input, select, textarea, input[type='checkbox'], input[type='radio'] { border:none; position:relative; -webkit-appearance:none; margin:0px; padding:0px; } input:focus, select:focus, textarea:focus, input[type='checkbox']:focus, input[type='radio']:focus { outline:0; } input[type='submit'], button { border:none; position:relative; -webkit-appearance:none; margin:0px; padding:0px; outline:0; } /* Customization checkbox & radio */ input[type='checkbox'], input[type='radio'] { width:18px; height:18px; line-height:18px; min-width:1px !important; margin:1px 10px -1px 0; padding:0; } input[type='checkbox']::before, input[type='radio']::before { display:block; position:absolute; content:""; width:calc(100% - 2px); height:calc(100% - 2px); background-color:var(--input-background-color); transition:background-color 500ms, border-color 500ms; } input[type='checkbox']::after, input[type='radio']::after { display:block; position:absolute; content:""; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); transition:background-color 500ms, border-color 250ms; } /* Customization checbox */ input[type='checkbox']::before { border-radius:4px; border:solid 1px; border-color:var(--input-border-color); } input[type='checkbox']::after { border:solid; border-color:var(--input-border-color-inline); border-width:0 2px 2px 0; width:5px; height:10px; left:7px; bottom:5px; } input[type='checkbox']:not(:checked)::before { border-color:var(--input-border-color); } input[type='checkbox']:not(:checked)::after { border-color:var(--input-border-color-inline); } input[type='checkbox']:checked:not(:disabled)::before { border-color:var(--input-border-color-checked); background-color:var(--input-background-color-checked); } input[type='checkbox']:read-only::before, input[type='checkbox']:-moz-read-only::before { border-color:var(--input-border-color-inline-checked); } input[type='checkbox']:disabled::before { border-color:var(--input-border-color-disabled); background-color:var(--input-background-color-disabled); } input[type='checkbox']:disabled::after { border-color:var(--input-border-color-inline-disabled); } input[type='checkbox']:checked:not(:disabled):focus::before, input[type='checkbox']:not(:checked):not(:disabled):focus::before { border-color:var(--input-border-color-hover); } input[type='checkbox']:not(:checked):not(:disabled):hover::before { border-color:var(--input-border-color-hover); background-color:var(--input-background-color-hover); } input[type='checkbox']:not(:checked):not(:disabled):hover:not(:checked)::after { border-color:var(--input-border-color-inline-hover); } /* Customization radio */ input[type='radio']::before { border-radius: 50%; border: solid 1px; } input[type='radio']::after { border: solid; border-color: var(--input-border-color-inline-checked); border-width: 5px; border-radius: 50%; width: 0px; height:0px; left:4px; bottom:4px; } input[type='radio']:not(:checked)::before { border-color:var(--input-border-color); } input[type='radio']:not(:checked)::after { border-color:var(--input-border-color-inline); } input[type='radio']:checked:not(:disabled)::before { border-color: var(--input-border-color-checked); background-color: var(--input-background-color); } input[type='radio']:read-only::before, input[type='checkbox']:-moz-read-only::before { border-color:var(--input-border-color-inline-checked); } input[type='radio']:disabled::before {} input[type='radio']:disabled::after { border-color:var(--input-border-color-inline-disabled); } input[type='radio']:checked:not(:disabled):focus::before, input[type='radio']:not(:checked):not(:disabled):focus::before { border-color:var(--input-border-color-hover); } input[type='radio']:not(:checked):not(:disabled):hover::before { border-color:var(--input-border-color-hover); background-color: var(--input-background-color); } input[type='radio']:not(:checked):not(:disabled):hover:not(:checked)::after { border-color:var(--input-border-color-inline-hover); } input, textarea, select { float:left; font-size:16px; font-family:'Inter Tight', Arial; font-weight:300; border-radius:0; border:0; } button { border:none; padding:0; margin:0; cursor:pointer; border-radius:0; font-family:'Inter Tight', Arial; font-size:16px; font-weight:500; letter-spacing:1px; } .input { width:100%; height:50px; padding:0 16px; border:0; border:1px solid rgba(0,0,0,0.3); transition:ease 0.3s; background-color:#FFF; border-radius:8px; } .select { background:url(../images/arrow-select.png) no-repeat right center; background-size:auto 5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .input:focus , .select:focus { border-color:var(--tiko-secondary-color); } textarea.input { padding-top:13px !important; padding-bottom:13px !important; } .button { float:none; height:50px; display:inline-block; padding:0 45px 0 25px; cursor:pointer; position:relative; color:#FFF; background-color:var(--tiko-secondary-color); transition:all 0.25s; border-radius:12px; overflow:hidden; text-align:left; } .button-xl { height:60px; font-size:17px; line-height:60px; } .button:hover { background-color:var(--tiko-primary-color); } .button::before { content:""; position:absolute; top:0; bottom:0; right:-40%; left:50%; background-image:linear-gradient(0deg,rgba(255, 255, 255, 0.0),#FFF); transform:skew(-40deg); opacity:0.1; transition:all 0.25s; } .button:hover::before { left:30%; opacity:0.15; } .button::after { content:""; position:absolute; top:0; bottom:0; right:15px; width:20px; background:url(../images/arrow-white-right.png) no-repeat right center / 20px; transition:all 0.25s; } .button:hover::after { right:10px; } a.button { color:#FFF; font-weight:600; font-size:14px; line-height:50px; } .muhasebetr { float:left; width:100%; position:relative; } .wrap { margin:0 auto; width:1000px; min-height:10px; position:relative; } /* Start TOP */ .header { float:left; width:100%; padding:20px 0; position:relative; text-align:center; } #logo { display:inline-block; } #logo img { float:left; height:60px; } #logo img.logo-mobile { display:none; } .education { float:left; width:100%; padding:40px; background-color:#FFF; box-shadow:0 4px 6px rgba(22,42,76,0.06); border-radius:8px; } .education-info { float:left; width:64%; } .education-spot { float:left; width:100%; margin:-8px 0 5px 0; font-size:23px; font-weight:600; letter-spacing:0; line-height:30px; } .education-title { float:left; width:100%; font-size:45px; font-weight:800; letter-spacing:0; line-height:51px; } .education-details { float:left; width:100%; margin-top:30px; } .education-row { float:left; width:100%; margin-bottom:15px; display:flex; } .education-row:last-child { margin-bottom:0; } .education-row small { float:left; width:200px; padding-left:32px; position:relative; font-weight:500; } .education-row small::before { content:""; position:absolute; top:0; left:0; width:18px; height:18px; background:var(--color-primary) url(../images/icon-ok.png) no-repeat center / 12px auto; border-radius:50%; } .education-row section { float:left; flex:1; } .educator { float:left; width:100%; margin:-5px 0 17px 0; display:flex; align-items:center; line-height:16px; } .educator:last-child { margin-bottom:0; } .educator picture { float:left; } .educator picture img { float:left; width:48px; height:48px; border-radius:50%; } .educator article { float:left; flex:1; padding-left:10px; } .education-price { float:right; width:calc(36% - 20px); padding:30px; margin-top:150px; position:relative; background-color:#FFF; box-shadow:inset 0 8px 0 var(--color-primary),0 4px 6px rgba(22,42,76,0.06); border-radius:8px; } .education-price::before { content:""; position:absolute; left:0; right:0; bottom:0; top:0; border-radius:8px; border:1px solid var(--color-secondary); opacity:0.1; } .price-in { float:left; width:100%; position:relative; z-index:10; } .education-price small { float:left; width:100%; margin:5px 0 10px 0; font-size:15px; font-weight:600; opacity:0.7; } .education-price section { float:left; width:100%; font-size:15px; font-weight:600; } .education-price section strong { float:left; position:relative; font-size:40px; font-weight:800; letter-spacing:-0.5px; line-height:50px; } .education-price section strong i { position:absolute; top:-9px; right:-47px; font-size:15px; font-weight:600; letter-spacing:0; opacity:0.7; } .price-cta { float:left; width:100%; margin-top:20px; text-align:center; } .price-cta a { float:left; width:100%; padding:15px; margin-bottom:20px; font-size:17px; font-weight:600; color:#FFF; background-color:var(--color-primary); border-radius:25px; transition:all 0.4s; } .price-cta a:hover { background-color:var(--color-secondary); } .price-cta a:last-child { margin-bottom:0; } .footer { float:left; width:100%; padding:35px 0; position:relative; font-size:13px; text-align:center; } .t-red { color:var(--color-primary); } .fw-600 { font-weight:600; } @media only screen and (max-width:1023px) { .wrap { float:left; width:100%; padding:0; } .header { width:100%; height:55px; padding-top:2px; background-color:#D62424; } #logo img { display:none; } #logo img.logo-mobile { height:48px; margin-left:17px; display:block !important; } .education { padding:20px; padding-top:5px; box-shadow:none; border-radius:0; } .education-info , .education-price { width:100%; } .education-spot { margin-top:20px; } .education-details { margin-top:35px; } .education-price { padding:20px; margin-top:30px; } } @media only screen and (max-width:767px) { } @media only screen and (max-width:640px) { /* .education-row { display:block; } .education-row section { width:100%; padding-left:32px; margin-top:5px; } .educator:first-child { margin-top:10px; } */ .education-row small { width:135px; } .education-title { font-size:29px; line-height:32px; } } @media only screen and (max-width:540px) { } @media only screen and (max-width:440px) { } @media only screen and (max-width:374px) { }