@font-face {
    font-family: 'futura_mdcn_btmedium';
    src: url('../font/futura-medium-webfont.woff2') format('woff2'),
         url('../font/futura-medium-webfont.woff') format('woff'),
         url('../font/futura-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'a_light';
    src: url('../font/avenirnext-ultralight-webfont.eot');
    src: url('../font/avenirnext-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/avenirnext-ultralight-webfont.woff2') format('woff2'),
         url('../font/avenirnext-ultralight-webfont.woff') format('woff'),
         url('../font/avenirnext-ultralight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


html {
  background: #000 url("../images/background.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body { color: #fff; }
a:hover, a:focus { text-decoration: none; }

.main_container { position: relative; padding: 106px 0 0 0; }
.top { margin: 50px 0 0; position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%; }
.logo { width: 181px; height: 56px; margin:  0 auto;}
.logo a { width: 181px; height: 56px; display: block; background: url('../images/logo.png') no-repeat; background-size: 181px 56px; }



.socials { margin: 150px 0 100px 0; }
.socials h1 { font-family: 'futura_mdcn_btmedium'; font-size: 18px; text-align: center; color: rgba(255,255,255,0.6); letter-spacing: 5px; }

.social_icons { width: 275px; margin: 50px auto 0; }

.instagram, .facebook, .twitter { float: left; }
.instagram, .facebook { margin-right: 50px; }

.about_text { width: 100%; max-width: 960px; margin: 100px auto 0; font-size: 18px; font-family: 'a_light'; background: rgba(0,0,0,0.8); padding: 50px; line-height: 200%;}
.contact_text { margin-top: 100px; font-size: 18px; font-family: 'a_light'; background: rgba(0,0,0,0.8); padding: 50px; line-height: 200%;}

.about_text p, .contact_text p { margin-top: 30px;  text-align: justify;}
.about_text h1, .contact_text h1 { font-family: 'futura_mdcn_btmedium'; font-size: 32px; text-align: center; color: rgba(255,255,255,1); letter-spacing: 15px; margin: 0; }

.contact_text h1, .contact_text p { text-align: left; }

.instagram a { background: url('../images/instagram.png') no-repeat; width: 64px; height: 65px; background-size: 64px; height: 65px; display: block; }
.facebook a { background: url('../images/facebook.png') no-repeat; width: 30px; height: 65px; background-size: 30px; height: 65px; display: block; }
.twitter a { background: url('../images/twitter.png') no-repeat; width: 79px; height: 65px; background-size: 79px; height: 65px; display: block; }

.ulcontact { margin: 30px 0 0; padding: 0; list-style-type: none; }
.ulcontact .adres { padding-left: 40px; background: url('../images/adres.png') no-repeat 0 7px; background-size: 18px 20px }
.ulcontact .tel { padding-left: 40px; margin-top: 20px; background: url('../images/tel.png') no-repeat 0 7px; background-size: 18px 18px }

.gmaps { height: 400px; margin-top: 100px; }



.hizmet { height: 200px; }
.hizmet_c { background: #000; position: relative; width: 100%; height: 100%; display: block; text-align: center; font-size: 18px;  text-shadow: 1px 1px 1px #000 }
.hizmet_baslik { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%;  }

.conteent .col-md-6:nth-child(1) { padding-right: 7.5px; }
.conteent .col-md-6:nth-child(2) { padding-left: 7.5px; }
.conteent { margin-bottom: 15px; }

.homepage_mobile { display: none; margin-top: 30px; }
.homepage_mobile img { width: 90%; margin-left: 5%; margin-top: 20px; }

.banner { text-align: center; }
.banner img { width: 80%; margin-top: 30px; }

@media screen and (max-width: 1480px) {

}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1001px) {

}


@media screen and (max-width: 900px) {
    .banner { display: none; }
    .homepage_mobile { display: block; }

html {
  background: #000

}
}

@media screen and (max-width: 768px) {

}