a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
tt,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    font-family: arial, sans-serif
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none
}

:focus {
    outline: 0
}

.clear {
    clear: both
}

img { width:100%;  }

.form-holder {
    text-align: center;
    width: 26%;
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    box-sizing: border-box;
    padding: 0 75px 0;
    background-color: #061c5b;
    height: 100%;
    display: table;
    color:#ffffff;
    z-index: 9;
}

.form-inner {
    display: table-cell;
    vertical-align: middle
}

.form-title {
    color:#ffffff;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
    font-weight: 700
}

.tel {
    width: 100%;
    display: inline-block;
    margin: 15px 0
}

.tel a {
    color:#ffffff;
    font-size: 27px;
    padding: 5px 10px;
    display: inline-block;
    font-weight: 800
}

.main-page {
    position: relative;
    width: 74%;
    height: 100vh;
    display: inline-block;
    background-color: #000;
    z-index: 10;
}

.logo {
    margin: 0 auto 35px;
    width: 34%
}

.logo img { width:100%; }

.bgImg-desktop { height:100vh; width:100%; }
.bgImg-mobile { display:none!important; }


.slogan { position:absolute; width:43.15%; top:1%; left:2%; }
.komisyon { position: absolute; width: 29.9%; top: 4%; right: -7%; z-index: 2; }
.lokasyon { position: absolute; width: 46%; right: 0; bottom: 4%; }

.iletisim-m { display:none;  }

 @-moz-keyframes scaleButton {
    0% { -moz-transform: scale(1);}
    100% { -moz-transform: scale(0.98);}
}
 @-webkit-keyframes scaleButton {
    0% { -webkit-transform: scale(1);}
    100% { -webkit-transform: scale(0.98);}
}
@-ms-keyframes scaleButton {
    0% { -ms-transform: scale(1);}
    100% { -ms-transform: scale(0.98);}
}
@-o-keyframes scaleButton {
    0% {-o-transform: scale(1);}
    100% {-o-transform: scale(0.98);}
}
@keyframes scaleButton {
    0% {transform: scale(1);}
    100% {transform: scale(0.98);}
}


.ty-wrapper {
    width: 100%;
    height: 100vh;
    display: table;
    background-color: #333
}

.ty-vertical {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 25px;
    color: #fff
}

.st {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #af1e60;
    min-height: 630px
}

#ProjeID option { color:#061c5b }

@media screen and (max-width:1440px) {
    .form-holder { padding:0 35px;  }
    .logo { margin: 15px auto 15px; width: 50%; }
    .form-title { font-size:14px; line-height: 18px;  }
    .form-submit { height:35px; font-size:14px; }
    .contact_form LI { margin:0 0 15px;  }
    .formAltiTelefon { margin-top:15px;  }
    .whatsappIcon { margin-top:0;  }


}

@media screen and (max-width:1024px){
    .bgImg-desktop { display:none!important;  }
    .bgImg-mobile { display:block!important; }
    .slogan, .komisyon, .lokasyon { display:none;  }
    .main-page { width:100%; height:auto;} 
    .form-holder { width:100%; position: relative;  }
    .logo { margin: 35px auto 35px; width: 20%;  }
    .formBg { position: relative; display: inline-block; width: 100%; background-size: cover!important; background-position: center top!important; height: 145px; }
    .iletisim-m { display: block; position: fixed; z-index: 999; bottom: 0; left: 0; right: 0; transition: all .3s cubic-bezier(.42,0,.06,.99); }

}

@media screen and (max-width:480px) {
    .formBg { height:55px;  }

}