html {
height:100%;
color:#3f3f3f
}

body {
padding-bottom:50px;
min-height:100%;
color:#3f3f3f;
bacground-color:transparent!important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#03cdd4+0,f5f7f8+50 */
background: #bebebe; /* Old browsers */
background: -moz-linear-gradient(left, #bebebe 20%, #f5f7f8 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #bebebe 20%,#f5f7f8 60%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #bebebe 20%,#f5f7f8 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03cdd4', endColorstr='#f5f7f8',GradientType=1 ); /* IE6-9 */
position:relative
}

body::before {
display:none;
content:"";
position:fixed;
left:0;
bottom:0;
height:100%;
background:url(../images/sendapex.png);
-webkit-background-size:contain;
-moz-background-size:contain;
-o-background-size:contain;
background-size:contain;
background-repeat:no-repeat;
background-position:left bottom;
width:100%
}

* {
font-family:'Roboto',arial,helvetica,sans-serif!important
}
.logo {margin:10px 0;display:block;}

h3 {
font-size:18px;
font-weight:700;
color:#4b4b4b
}

h4 {
font-size:16px;
font-weight:700;
color:#666;
}

.head {
color:#333;
font-size:20px;
text-decoration:underline
}


.alert {
margin:10px 0
}
p {font-size:14px;}
.basvuru-form {
width:100%;
left:0;
float:left;
padding:0 20px
}

@media (min-width: 768px) {
body {
padding-bottom:0
}

body::before {
display:block;
width:50%
}

.basvuru-form {
width:50%;
left:auto;
right:20px;
float:right;
padding:0 20px
}
}

.hizala .col-xs-6 {
padding-right:0!important;
padding-left:0!important
}

@media (min-width: 1600px) {
.basvuru-form {
padding-top:2%
}

h3 {
font-size:20px;
font-weight:700;
color:#4b4b4b;
}

}
th {background-color:#444;color:#fff;}
th,td {   border-bottom:1px solid #ccc; padding: 0.25rem !important;font-size:14px;}
.sayi {
text-align:right;
border-left:1px solid #ccc;
}

hr {
height:1px;
background-color:#ddd;
margin:10px 0;
float:left;
clear:left;
width:100%;
}

@font-face {
font-family:'icomoon';
src:url(../fonts/icomoon.eot?d5pkla);
src:url(../fonts/icomoon.eot?d5pkla#iefix) format("embedded-opentype"),url(../fonts/icomoon.ttf?d5pkla) format("truetype"),url(../fonts/icomoon.woff?d5pkla) format("woff"),url(../fonts/icomoon.svg?d5pkla#icomoon) format("svg");
font-weight:400;
font-style:normal
}

[class^="icon-"],[class*=" icon-"] {
font-family:'icomoon'!important;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}

.icon-envelop:before {
content:"\e945"
}

.icon-sphere:before {
content:"\e9c9"
}

.icon-facebook:before {
content:"\ea90"
}

.icon-instagram:before {
content:"\ea92"
}

.icon-twitter:before {
content:"\ea96"
}

.sticky-footer {
position:fixed;
left:0;
bottom:0;
height:50px;
width:100%
}

.sticky-footer ul {
display:table;
width:100%;
list-style:none;
padding:0
}

.sticky-footer ul li {
display:table-cell;
text-align:center
}

.sticky-footer ul li a {
display:block;
padding:15px 0
}

.sticky-footer ul li a:hover {
text-decoration:none
}

.sticky-footer ul li span {
color:#fff;
font-size:20px
}

.sticky-footer ul li.facebook {
background:#3b5998
}

.sticky-footer ul li.twitter {
background:#00aced
}

.sticky-footer ul li.instagram {
background:#007bb6
}

.sticky-footer ul li.web {
background:#2d3078
}

.sticky-footer ul li.email {
background:#dd4b39
}