/* Name: Turkishtime ARGE250
Author: Ortak Sanatlar Digital Media Agency
Author URI: https://ortaksanatlar.com/
Description: Created for Turkishtime - Dış Etki
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.2.0
Date: 10.02.2021
*/

/**	CSS RESET 	*************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure,menu{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object,menu{display:block}a img{border:0} figure{position:relative}figure img{width:100%}body a{text-decoration:none;outline:none;cursor:pointer;}Body ul, body ul li{list-style:none;}h1,h2,h3,h4,h5,h6{font-weight:normal;}img, object, embed{max-width:100%;height:auto;}

/**	GLOBAL 		*************************/
html 			{ min-height:100%; }
body     		{ min-height:100%; color:#000; background:#F3F3F1; font-family: "Helvetica", "Arial", sans-serif; font-weight:400; }
body *  		{ box-sizing:border-box; position:relative; float:left; outline:none; }
body a, body strong { user-select:none; position:relative; float:none; }
::selection     { background:rgba(204, 0, 0, 0.2); }

/**	HEADER 		*************************/
header 			{ padding:2vw; width:10vw; height:100vh; position:fixed; float:none; left:0; top:0; bottom:0; z-index:9; }
header div 		{ width:100%; }
header div img 	{ width:100%; }
header ul 		{ width:3vw; position:absolute; float:none; bottom:2vw; left:2vw; }
header ul li	{ margin-bottom:1.5vw; width:100%; }
header ul li img { width:1.5vw; }

/**	MAIN 		*************************/
main 			{ padding:2vw 15vw 4vw 5vw; width:calc(100% - 10vw); float:right; }
main h1			{ margin-bottom:1vw; width:100%; text-align:center; line-height:4vw; font-size:4vw; font-weight:700; letter-spacing:-2px; }
main h2			{ margin-bottom:2vw; width:100%; text-align:left; line-height:2vw; font-size:2vw; font-weight:400; letter-spacing:-1px; }
main h3			{ margin-bottom:2vw; width:100%; text-align:left; line-height:1.75vw; font-size:1.75vw; font-weight:400; letter-spacing:-1px; }
main h3 span	{ margin-top:1vw; width:100%; text-align:left; line-height:1.6vw; font-size:1.15vw; font-weight:300; letter-spacing:0; }
main section 	{ margin-bottom:3vw; padding:0 3vw; width:100%; }
main p			{ margin-bottom:2vw; width:100%; line-height:1.75vw; font-size:1.2vw; font-weight:300; }
main .arm p		{ margin-bottom:2vw; width:100%; line-height:1vw; font-size:0.8vw; font-weight:300; }
main p a		{ color:#0a4c6a; display:inline-block; }
main p.spot		{ margin-bottom:5vw; line-height:2vw; font-size:1.5vw; text-align:center; }
main p.seeme	{ margin-bottom:5vw; line-height:2vw; font-size:1.5vw; text-align:center; color:#ff4c4c; }
main .wp-block-file	{ margin-bottom:2vw; width:100%; text-align:left; line-height:2vw; font-size:1.5vw; font-weight:300; }
main .wp-block-file a { color:#0a4c6a; }
main .osbuk-logo{ margin-bottom:1vw; width:100%; text-align:center; } 
main .osbuk-logo img { width:auto; height:3vw; float:none; display:inline-block; }
main .button 	{ width:auto; position:fixed; bottom:2vw; right:2vw; z-index:9; float:none; line-height:1vw; font-size:0.75vw; font-weight:700; text-align:center; }
main .button a 	{ padding:1.5vw; display:inline-block; background:#0a4c6a; color:#FFF; border-radius:3px; }
main .button a[data-status="passive"] { background:#BBB; color:#666; }
main .button a[data-status="done"] { background:#0abf53; color:#FFF; }
main .arge250logo	{ width:10vw; position:fixed; top:2vw; right:2vw; z-index:9; float:none; }
main .arge250logo img { width:100%; }

.form 			{ padding:4vw; width:100%; background:#FFF; border-radius:3px; border:#DDD solid 1px; box-shadow:0 4px 8px rgba(0,0,0,0.05); }
.form li		{ margin-bottom:1vw; width:100%; }
.form li:last-child { margin-bottom:0; }
.form li label, .form li .optionhead { margin-bottom:0.75vw; width:100%; line-height:1.75vw; font-size:1.25vw; font-weight:700; }
.form li input[type="text"], .form li input[type="email"], .form li input[type="number"], .form li input[type="password"] { padding:1vw; width:100%; height:3vw; line-height:1vw; font-size:1vw; font-weight:300; border:#DDD solid 1px; border-radius:3px; }
.form li input[type="text"]:valid, .form li input[type="email"]:valid, .form li input[type="number"]:valid, .form li input[type="password"]:valid { border:#0abf53 solid 1px; }
.form li input[type="radio"] { display:none; }
.form li.radio label { margin-right:0.25vw; display:inline-block; padding:1vw 1.5vw; width:auto; height:3vw; line-height:1vw; font-size:1vw; font-weight:700; background:#FFF; color:#000; border-radius:3px; border:#DDD solid 1px; }
.form li input[type="radio"]:checked+label { background-color:#0abf53; color:#FFF; border:#0abf53 solid 1px; }
.form li input[type="checkbox"] { display:none; }
.form li.checkbox label { margin-right:0.25vw; display:inline-block; padding:1vw 1.5vw; width:auto; height:3vw; line-height:1vw; font-size:1vw; font-weight:700; background:#FFF; color:#000; border-radius:3px; border:#DDD solid 1px; }
.form li input[type="checkbox"]:checked+label { background-color:#0abf53; color:#FFF; border:#0abf53 solid 1px; }
.form li select { padding:1vw; width:100%; height:3.2vw; line-height:1.2vw; font-size:1vw; font-weight:300; border:#DDD solid 1px; border-radius:3px; }
.form li input::placeholder { color:#CCC; }
.form li span { margin-bottom:0.75vw; width:100%; line-height:1.2vw; font-size:1vw; }
.form li span a { color:#0a4c6a; }
.form li input.error { border:#ff4c4c solid 1px !important; }

#finish 		{ width:100%; }
#finish .finish { width:100%; line-height:5vw; font-size:1vw; font-weight:700; }
#finish .finish a { padding:0 3vw; display:inline-block; border-radius:3px; }
#finish .finish a[data-status="false"] { background-color:#DDD; color:#777; }
#finish .finish a[data-status="true"]  { background-color:#0abf53; color:#FFF; }

#thetable 		{ padding:4vw; width:100%; background:#FFF; border-radius:3px; border:#DDD solid 1px; box-shadow:0 4px 8px rgba(0,0,0,0.05); }

/**	FOOTER 		*************************/
footer 			{ display:none; padding:2vw; width:90%; height:100vh; position:fixed; float:none; right:0; top:0; bottom:0; z-index:99; background:#FFF;; }
footer ul 		{ padding:0 10vw; width:100%; list-style: inside; }
footer ul li 	{ width:100%; line-height:5vw; font-size:2.5vw; font-weight:700; list-style:decimal; }
footer ul li a 	{ display:block; color:#000; }

@media handheld, only screen and (max-width:767px) { 
header 			{ padding:2vw; width:100%; height:10vh; bottom:auto; }
header div 		{ width:auto; }
header div img 	{ height:calc(10vh - 4vw); width:auto; }
header ul 		{ width:3vw; position:fixed; bottom:2vw; left:2vw; }
header ul li	{ margin-bottom:3vw; width:100%; }
header ul li img { width:3vw; }

/**	MAIN 		*************************/
main 			{ padding:10vh 10vw; width:100%; float:left; }
main h1			{ margin-bottom:8vw; line-height:9vw; font-size:9vw; }
main h2			{ margin-bottom:8vw; line-height:7vw; font-size:7vw; }
main h3			{ margin-top:2vw; margin-bottom:4vw; line-height:4vw; font-size:4vw; letter-spacing:-1px; }
main h3 span	{ margin-top:2vw; line-height:3.5vw; font-size:2.75vw; }
main section 	{ margin-bottom:8vw; padding:0 2vw; width:100%; }
main .button 	{ width:auto; bottom:2vw; right:auto; left:50%; transform:translateX(-50%); line-height:4vw; font-size:2.75vw; }
main .button a 	{ padding:4vw; display:inline-block; background:#000; color:#FFF; border-radius:3px; }
main .button a[data-status="passive"] { background:#BBB; color:#666; }
main .button a[data-status="done"] { background:#0abf53; color:#FFF; }
main p 			{ margin-bottom:2vw; width:100%; text-align:center; line-height:4.25vw; font-size:3vw; font-weight:300; }
main .arm p		{ line-height:2vw; font-size:1.8vw; font-weight:300; }
main p.spot		{ margin-bottom:2vw; line-height:4.25vw; font-size:3vw; }
main .osbuk-logo{ margin-bottom:5vw; } 
main .osbuk-logo img { width:auto; height:10vw; }

.form 			{ padding:4vw; width:100%; background:#FFF; border-radius:3px; border:#DDD solid 1px; box-shadow:0 4px 8px rgba(0,0,0,0.05); }
.form li		{ margin-bottom:2vw; width:100%; }
.form li:last-child { margin-bottom:0; }
.form li label, .form li .optionhead { margin-bottom:1.5vw; width:100%; line-height:3.5vw; font-size:2.75vw; }
.form li input[type="text"], .form li input[type="email"], .form li input[type="number"], .form li input[type="password"] { padding:2vw; width:100%; height:8vw; line-height:4vw; font-size:2.5vw; }
.form li input[type="text"]:valid, .form li input[type="email"]:valid, .form li input[type="number"]:valid, .form li input[type="password"]:valid { background:#F3F3F1; }
.form li input[type="radio"] { display:none; }
.form li.radio label { margin-right:0.25vw; display:inline-block; padding:2vw 4vw; width:auto; height:8vw; line-height:4vw; font-size:2.5vw; }
.form li select { padding:2vw; width:100%; height:8vw; line-height:4vw; font-size:2.5vw; }
.form li input::placeholder { color:#DDD; }
.form li span { margin-bottom:2vw; line-height:3vw; font-size:3vw; }
.form li input.error { border:#ff4c4c solid 1px !important; }

footer 			{ display:none; padding:10vw 5vw; width:100%; height:90vh; left:0; top:10vh; bottom:0; z-index:99; background:#FFF;; }
footer ul li 	{ width:100%; line-height:10vw; font-size:5vw; }


main .arge250logo	{ height:calc(10vh - 4vw); width:auto; top:2vw; right:2vw; }
main .arge250logo img { width:auto; height:calc(10vh - 4vw); }

#finish .finish { line-height:10vw; font-size:4vw; }
#finish .finish a { padding:0 5vw; }

}