@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i');

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, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; -webkit-appearance:none !important;}
:focus {outline:0;}
body {font-size:15px; font-family:'Open Sans', sans serif; color:#7d7d7d; background:#fff;}
ol, ul, dl {padding:0; margin:0; list-style-type:none;}
table {border-collapse:collapse;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
strong {font-weight:600;}
blockquote, q {quotes:"" "";}
input, select, textarea {color:#7d7d7d; font-family:'Open Sans', sans serif; font-size:15px;}
a {text-decoration:none; color:#7d7d7d;}
a:hover {text-decoration:none;}
.cls {font-size:0; line-height:0; display:block; clear:both; height:0;}
.left {float:left;}
.right {float:right;}
.in {max-width:940px; margin:0 auto; padding:0 0.769em;}
* {
    margin: 0;
}
html, body {height:100%;}

.in {max-width:1015px; margin:0 auto;}

header div.table {display:table; vertical-align:middle; text-align:left; height:5.333em; width:100%;}
	header a {display:table-cell; vertical-align: middle;}
	header a img {display: block; width:14em;}

.manset {background:url(https://gedik-cdn.foreks.com/yatirim/landingpage/bg.png) no-repeat 50% top; background-size:cover; padding:7em 0;}
	.manset .txt {float:left; width:32.333em; color:#fff;}
	.manset .txt h1 {font-size:3.067em; font-weight:400; line-height:1.3em; margin-bottom:0.5em; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.35);}
	.manset .txt h1 strong {display:block;}
	.manset .txt h2 {font-weight:400; font-size:1.333em; line-height:1.6em; margin-bottom:1em;}
	.manset .txt h3 {background:url(https://gedik-cdn.foreks.com/yatirim/landingpage/bgPat.png) no-repeat; background-size:100%; width:12.000em; height:12.077em; text-align:center; font-size:0.867em; color:#414042; font-weight:700; padding:3em 0 0 0.4em; box-sizing:border-box; line-height:1.4em; margin:0 auto;}
	.manset .txt h3 strong {font-weight:700; color:#fa5200; font-size:1.231em; display:block;}
	.manset .form {float:right; width:26.867em; background:#fafafa; border-radius:5px; overflow:hidden;}
	.manset .form strong {display:block; background:#005364; font-size:1.2em; height:2.778em; line-height:2.778em; text-align:center; color:#fff; font-weight:400; position:relative;}
	.manset .form strong:before {content:""; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #005364 transparent transparent transparent; position:absolute; top:100%; left:calc(50% - 4px);}
	.manset .form form {padding:2em 1.333em 1.333em;}
	.manset .form .formC {border:1px solid #d6d6d6; border-radius:4px; margin-bottom:12px;}
	.manset .form form .formC input {background:none; border:solid #d6d6d6; border-width:0 0 1px; height:3.867em; color:#5c5c5c; width:100%; padding:0 1.133em; box-sizing:border-box;}
  .manset .form form .formC input#account_accept_data_protection {height: auto; padding: 0; border: 0; width: auto; float: left; margin: 12px 8px 0;}
  .manset .form form .formC a.accept_data_protection {display: block; margin: 8px;}
	.manset .form form .formC input:last-child {border-bottom:0;}
	.manset .form #html_element > div {transform:scale(1.2); -webkit-transform:scale(1.2); transform-origin:0 0; -webkit-transform-origin:0 0; height:100px !important; width:auto !important;}
	.manset .form form > input {width:100%; height:4em; line-height:4em; border:0; background:#ff2828; color:#fff; text-align:center; font-weight:700; border-radius:4px; margin-top:3px;}
	.manset .form form .formC select {background:none; border:solid #d6d6d6; border-width:0 0 1px; height:3.867em; color:#5c5c5c; width:100%; padding:0 1.133em; box-sizing:border-box;}
	.manset .form form .formC select {text-indent: .7em;}

#selectStock{
   border: solid #d6d6d6;
   border-width: 0 0 1px;
   height: 3.867em;
   color: #5c5c5c;
   width: 100%;
   padding: 0 2.4em 0 1.133em;
   white-space: nowrap;
   box-sizing: border-box;
   border-radius: 0;
   text-overflow: ellipsis;
   -webkit-appearance: none;
   overflow: hidden;
   background: url(https://gedik-cdn.foreks.com/landingpages/arrowSelect.png) no-repeat right 9px center;
   background-size: 20px;
}

.info {padding:4em 0;}
	.info:after {content:""; font-size:0; line-height:0; display:block; clear:both; height:0;}
	.info .infoC {float:left; width:50%;}
	.info .infoC .content {width:22.333em; margin:0 auto; text-align:center;}
	.info .infoC .content:before {content:""; display:block; background:url(https://gedik-cdn.foreks.com/yatirim/landingpage/icon_data.png) no-repeat 50% top; background-size:25%; height:6em;}
	.info .infoC:nth-child(2) .content:before {background-image:url(https://gedik-cdn.foreks.com/yatirim/landingpage/icon_comment.png); background-size:22%;}
	.info .infoC .content strong {display:block; font-size:1.467em; font-weight:400; color:#424242; margin-bottom:0.5em;}
	.info .infoC .content span {line-height:1.5em; height:6em; overflow:hidden; display:block;}

.kosullar {background:#ebebeb; padding:2.333em 0;}
 	.kosullar strong {display:block; font-size:1.233em; color:#424242; margin-bottom:0.5em; font-weight:400;}
	.kosullar span {display:block; font-size:0.867em;}
	.kosullar ul {font-size:0.867em; list-style-type:disc; list-style-position:inside;}

footer {background:#2c2c2c;}
	footer div.table {display:table; vertical-align:middle; text-align:left; height:5.333em; width:100%;}
	footer a {display:table-cell; vertical-align:middle;}
	footer a img {display: block; width:14em;}
	footer span {display:table-cell; vertical-align:middle; text-align:right;}

@media screen and (max-width:915px) {
	.manset {padding:2em 0; text-align:center;}
	.manset .txt,
	.manset .form {float:none; width:100%;}
	.manset .form strong {background:rgba(0,83,100,0.6);}
	.manset .form strong:before {border-color:rgba(0,83,100,0.6) transparent transparent transparent}

	.manset .txt {margin-bottom:1em; font-size:10px;}
	.manset .txt h1 strong {display:inline;}
	.manset .form #html_element > div {transform:scale(1); -webkit-transform:scale(1); height:85px !important;}
	.manset .form iframe {margin:0 auto; display:block;}
	header div.table a {text-align:center;}
	header div.table a img {display:inline; margin-top:0.55em;}
	.manset .txt h2,
	.manset .txt h3
}

@media screen and (max-width:715px) {
	.info .infoC .content {width:85%;}
}

@media screen and (max-width:690px) {
	.info .infoC {float:none; width:auto;}
	.info .infoC:first-child {margin-bottom:2em;}
	.info .infoC .content {width:60%;}
	footer {height:auto; padding:1em 0;}
	footer div.table {display:block; height:auto;}
	footer a {margin-bottom:0.5em;}
	footer a,
	footer span {display:block; text-align:center;}
	footer a img {display:inline;}
}

@media screen and (max-width:460px) {
	.info .infoC .content {width:85%;}
}

@media screen and (max-width:365px) {
	.manset .form #html_element > div {transform:scale(0.97); -webkit-transform:scale(0.97);}
}

@media screen and (max-width:359px) {
	.manset .form #html_element > div {transform:scale(0.93); -webkit-transform:scale(0.93); height:75px !important;}
}

@media screen and (max-width:340px) {
	.manset .form #html_element > div {transform:scale(0.85); -webkit-transform:scale(0.85);}
}
.error{
	color:#ff0000;
}