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, img, ins, kbd, q, s, samp, small, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea { margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; }
@font-face { font-family: 'ProximaNova-Regular'; src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Regular.otf') format('opentype'), url('../fonts/ProximaNova-Regular.woff') format('woff'), url('ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNova-Bold'; src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Bold.otf') format('opentype'), url('../fonts/ProximaNova-Bold.woff') format('woff'), url('../fonts/ProximaNova-Bold.ttf') format('truetype'), url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNova-Black'; src: url('../fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Black.otf') format('opentype'), url('../fonts/ProximaNova-Black.woff') format('woff'), url('../fonts/ProximaNova-Black.ttf') format('truetype'), url('../fonts/ProximaNova-Black.svg#ProximaNova-Black') format('svg'); font-weight: normal; font-style: normal; }
/* HTML5 reset-browser */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-family: 'Roboto'; font-weight: 400; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none }
:focus { outline: 0 }
.clear { clear: both }
img { max-width: 100%; height: auto; }
.main-page { position: relative; display: inline-block; width: 100%; height: 100vh; }
.p1 { background: url(../images/bg1.jpg) no-repeat; background-size: cover; background-position: center; position: absolute; top: 0px; bottom: 0px; width: 80%; }
section { position: relative; height: 100vh; width: 100%; z-index: 1 }
.form-holder { line-height: 20px; text-align: center; font-size: 12px; position: relative; box-sizing: border-box; padding: 25px 95px; z-index: 2; height: 80%; display: table; width: calc(100% - 1209px); float: right; background: url(../images/formBg.jpg) no-repeat; background-size: cover; }
.form-inner { display: table-cell; vertical-align: middle; }
.form-holder .form-title { color: #333; text-align: center; font-size: 24px; line-height: 35px; font-family: 'ProximaNova-Regular'; }
.form-holder .form-title strong { }
.tesekkurler { display: none; padding: 20px 10px; text-align: center }
.tel { width: 100%; display: inline-block; margin: 15px 0px; }
.tel a { color: #333; font-size: 27px; padding: 5px 10px; display: inline-block; font-weight: 800; }
.menu { height: auto; box-sizing: border-box; padding-left: 0px; z-index: 4; position: absolute; left: 45%; right: 0; top: 0px; text-align: center; }
.menu ul li { float: left; height: 82px; border-right: solid 1px #fff; }
.menu ul li:last-child { border: none; }
.menu ul li:nth-child(1) { margin-left: 0px; }
.menu ul li a { color: #fff; font-size: 28px; line-height: 47px; display: block; padding: 0 24px; font-weight: 700; padding-top: 20px; font-style: italic; box-sizing: border-box; }
.menu ul li a.active { color: #000; }
.form-logo { margin: auto; margin-bottom: 40px; }
.header { position: relative; width: 100%; display: inline-block; height: 80px; background: white; box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.1); z-index: 2; }
.headerTel { position: relative;/* float: left; *//* margin-top: 30px; *//* margin-left: 45px; */ display: table-cell; vertical-align: middle; }
.headerTel i { float: left; margin-right: 5px; }
.headerTel a { float: left; color: #000000; font-size: 17px; font-family: 'ProximaNova-Bold'; }
.socialTakip { position: relative; float: right; }
.socialTakip span { position: relative; float: left; font-size: 15px; color: #000000; margin-right: 15px; font-family: 'ProximaNova-Bold'; }
.socialTakip ul { position: relative; float: left; }
.socialTakip ul li { position: relative; float: left; margin-right: 5px; }
.socialTakip ul li a { display: block; }
.socialTakip ul li:last-child { margin-right: 0px; }
.logo { position: relative; display: table-cell; vertical-align: middle; text-align: center; }
.logo a { display: table; margin: auto; }
.ortaIc { position: relative; width: calc(100% - 23px); display: inline-block; height: 650px; margin-right: 13px; margin-left: 10px; }
.footer { position: relative; display: inline-block; width: 100%; height: 208px; }
.leftBg { background: url(../images/leftBg.jpg) no-repeat; width: 1209px; height: 100%; background-size: cover; background-position: center; float: left; }
.headerLeft { position: relative; float: left; height: 100%; width: 30%; display: table; }
.headerCenter { position: relative; float: left; height: 100%; width: 40%; display: table; }
.headerRight { position: relative; float: right; height: 100%; width: 30%; display: table; box-sizing: border-box; }
.headContainer { position: relative; display: table; width: 95%; margin: auto; height: 100%; }
.socialTable { position: relative; display: table-cell; vertical-align: middle; }
.form-holder .form-title strong { font-family: 'ProximaNova-Bold'; display: block; font-size: 38px; }
.soylem { position: absolute; top: 5%; left: 1%; width: 25%; }
.slogan { position: absolute; left: 2%; bottom: 16%; font-size: 35px; color: #000000; font-family: 'ProximaNova-Regular'; }
.slogan strong { display: block; font-family: 'ProximaNova-Black'; }
.projeler { position: absolute; right: 13px; bottom: 12px; width: 1400px; height: 370px; z-index: 2; }
.projeler ul { display: inline-block; width: 100%; height: 100%; border-left: solid 7px #ffffff; border-top: solid 7px #ffffff; box-sizing: border-box; }
.projeler ul li { position: relative; float: left; width: 25%; height: 100%; border-right: solid 7px #ffffff; box-sizing: border-box; overflow: hidden; }
.projeler ul li:last-child { border-right: none; }
.projeler ul li a { position: relative; display: block; width: 100%; height: 100%; background-size: cover !important; background-position: center !important; transition: 300ms; }
.projePat { position: absolute; right: 15px; top: 15px; z-index: 2; pointer-events: none; }
.projeler ul li:hover a { transform: scale(1.1); transition: 300ms; }
.dil { position: relative; float: right; margin-left: 20px; }
.dil ul { display: inline-block; }
.dil ul li { position: relative; float: left; }
.dil ul li a { display: block; padding: 0px 8px; border-right: solid 1px #000000; font-family: 'ProximaNova-Bold'; box-sizing: border-box; color: #000000; font-size: 16px; }
.dil ul li:last-child a { border-right: none; }
.dil ul li a.active { text-decoration: underline; }
.whatsap { position: relative; display: inline-block; margin-left: 20px; }
.whatsap a { display: block; color: #333333; font-size: 17px; font-family: 'ProximaNova-Bold'; }
.whatsap a i { display: inline-block; width: 27px; position: relative; margin-top: -4px; }
.whatsap a span { position: relative; display: inline-block; }
.iletisim-m { display: none; }

@media only screen and (max-width:479px) {
.iletisim-m.active { bottom: 0px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.20); }
.iletisim-m { position: fixed; width: 100%; background: #ffffff; display: inline-block; padding-bottom: 35px; padding-top: 20px; box-sizing: border-box; bottom: -200px; z-index: 10; transition: all .3s ease-in-out; height: 70px; }
.iletisim-m ul li { float: left; width: 50%; font-size: 22px; color: #0c1543; text-align: center; }
.iletisim-m ul li i { display: block; box-sizing: border-box; width: 21px; padding-bottom: 0px; display: inline-block; margin-right: 10px; position: relative; top: 3px; }
.iletisim-m ul li:nth-child(1) { padding-right: 30px; box-sizing: border-box; }
.iletisim-m ul li:nth-child(2) { padding-left: 30px; box-sizing: border-box; }
.form-icon { position: absolute; top: -15px; width: 80px; left: 50%; margin-left: -40px; text-align: center; }
.iletisim-m ul li a { color: #0c1543; font-size: 16px; }
.form-holder { margin-bottom: 70px; }
.headerTel { display: none !important; }
}