@font-face {
    font-family: GraublauWeb;
    src: url("../fonts/GothamNarrow-Medium.otf") format("opentype");
}
@font-face {
    font-family:"PirulenRg-Regular";
    src:url("../fonts/PirulenRg-Regular.ttf") format("truetype");
}
body{background-color:#cfc9c9;}
.baslik{
    position:absolute;
    left:0;
    top:0;
    font-family:GraublauWeb;
    font-size:20px;
    width:100%;
    height:50px;
    line-height: 50px; 
    background-color:rgba(0, 0, 0, 0.70);
    color:#CFAC66;
}
.basliktel{
     margin-right:5%;
    text-align:right;
    text-align: right;
    vertical-align: middle;
}
.cdp1back{
    height:80vh;
    background:url(../img/gorsel8.png);
    background-position: center;
    background-repeat: no-repeat;
     background-size: 100% 100%;
}
.cdp1back-kurumsal{
    height:80vh;
   background:url(../img/gorsel11.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.cdp1back-koksalgrup{
    height:80vh;
    background:url(../img/gorsel6.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.cdp1back-iletisim{
    height:80vh;
    background:url(../img/gorsel1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.menu-container{
    font-family:GraublauWeb;
    color:#000000;
    position:absolute;
    top:10%;
    right:5%;
    width:50%;
    height:100px;
}
.menu-yazi{font-size:14px;}
.logo-container{
     position:absolute;
    top:20%;
    left:5%;
    width:25%;
    height:90px;
}
.cdpr1menu{width:70%;margin-left:10%;border-bottom:3px solid #fff;}
.cdpr1menu tr td a{margin-top:10px;color:#000000;text-decoration:none;}
.cdpr1menu td {position:relative;text-align:center;}
.etomenuuactive {
    position: absolute;
    width: 50%;
    height: 5px;
    background-color: #CFAC66;
    bottom: -5px;
    left: 28%;
    z-index: 1;
}
.line{position:relative;width:100%;height:450px;top:-130px;}
.line-1{}
.line-1-box{}
.line-1-ikons{width:40%;max-height:5%;}
.line-1-in-imgbox{border-bottom:3px solid #CFAC66;border-top:3px solid #CFAC66;}
.line-1-in-imgbox img{width:100%;}
.line-1-box h3{font-family:PirulenRg-Regular;text-align:center;color:#CFAC66;margin-top:4px;}
.line-1-text{background-color:#fff;height:400px;}
.line-1-text p{font-family:GraublauWeb;font-size:12px;padding:5px;}
.line-2{padding:10px;font-family:GraublauWeb;font-size:30px;}
.line-3{top:-60px;}
.hucre{position:relative;width:50%;float:left;}
.line-3 .siyahbolum,.line-5 .siyahbolum{background-color:#000000;height:100%;}
.line-3-icerik{width:70%;margin-left:15%;height:80%;margin-top:5%;}
.line-3 .text-center img,.line-4 .text-center img,.line-5 .text-center img{width:23%;}
.line-3-text{color:#fff;}
.line-3-text p{
    font-family:GraublauWeb;
    font-size:12px;
    font-weight:100;
    font-style:normal;
}
.line-3-text h4{
     font-family:GraublauWeb;
    font-size:18px;
    font-weight:bold;
}
.nokta{
    position:absolute;
    width:10px;
    height:10px;
    background-color:#CFAC66;
}
.n1{top:1%;left:10%;}
.n2{top:20%;left:5%;}
.n3{top:70%;left:11%;}
.n4{top:86%;left:5%;}
.cizgi{
    position:absolute;
    width:45px;
    height:5px;
    background-color:#CFAC66;
}
.c1{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top:4.9%;
    left:3.5%;
}
.c2{left:0;bottom:5%;}
.petrol-opacity{
    position:absolute;
    width:100%;
    left:0;
    top:-40px;
    z-index:1;
    color:#CFAC66;
     font-family:GraublauWeb;
    font-size:130px;
    text-align:center;
    opacity:0.2;
    filter: alpha(opacity=20);
}
.petrol-opacity2{
    position:absolute;
    width:50%;
    left:0;
    bottom:-40px;
    z-index:1;
    color:#CFAC66;
     font-family:GraublauWeb;
    font-size:130px;
    text-align:center;
    opacity:0.4;
    filter: alpha(opacity=40);
}
.petrol-opacity3{
    position:absolute;
    width:50%;
    left:0;
    bottom:-40px;
    z-index:1;
    color:#CFAC66;
     font-family:GraublauWeb;
    font-size:130px;
    text-align:right;
    opacity:0.2;
    filter: alpha(opacity=20);
}
.yatikdiv{
    position:absolute;
    width:100px;
    height:5px;
    background-color:#CFAC66;
     -webkit-transform: rotate(140deg);
    -moz-transform: rotate(140deg);
    -o-transform: rotate(140deg);
    -ms-transform: rotate(140deg);
    transform: rotate(140deg);
    z-index:1;
    opacity:0.2;
    filter: alpha(opacity=20);
}
.y1{left:46%;top:50%;}
.y2{left:46%;top:58%;}
.y3{left:46%;top:66%;}
.line-3 .resimlibolum{
    width:50%;
    height:100%;
    background:url(../img/gorsel1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.line-4{
   top:10px;
    background:url(../img/gorsel.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.line-4 .siyahbolum{background-color:rgba(0, 0, 0, 0.50);height:100%;}
.son{
    width:100%;
    height:130px;
    background-color:#000000;
}
.line-5{top:90px;}
.line-5 .resimlibolum{
    width:50%;
    height:100%;
    background:url(../img/gorsel7.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.line-6{top:0px;background-color:#000000;}
.line-6 .text-center{position:absolute;top:35%;}
.line-6 .text-center img{width:70%;}
.line-6 .siyahbolum{height:100%;}
.line-6 .resimlibolum{height:100%;padding:8%;}
.line-6 .resimlibolum h4{color:#CFAC66;}
.line-7{top:0px;background-color:#000000;}
.line-7 .siyahbolum{height:100%;}
.line-7 .resimlibolum{height:100%;padding:7%;}
.line-7 .text-center{position:absolute;top:10%;}
.line-7 .text-center img{
    width:90%;
    border-bottom:10px solid #CFAC66;
    border-top:10px solid #CFAC66;
}
.kurumsal-petrol {
    color:#CFAC66;
     font-family:GraublauWeb;
    font-size:48px;
    text-align:center;
}
.line-7 .resimlibolum{top:10%;background-color:#5e5757;}
.line-7 .resimlibolum .line-3-text{position:absolute;top:5%;left:6%;right:4%;}
.line-7 .sol-ikon1{width:100%;text-align:center;}
.line-7 .sol-ikon1 img{width:15%;}
.line-8{top:0px;background-color:#5e5757;}
.line-8 .siyahbolum{height:100%;}
.line-8 .resimlibolum{
     height:100%;
     padding-bottom:4%;
     padding-top:1%;
}
.line-8 .resimlibolum img{
     width:60%;
     border-bottom:10px solid #CFAC66;
    border-top:10px solid #CFAC66;
}
.line-8 .siyahbolum .sol-ikon1{width:100%;text-align:center;}
.line-8 .sol-ikon1 img{width:15%;}
.line-9{top:0px;background-color:#000000;}
.line-9 .siyahbolum{height:100%;}
.line-9 .resimlibolum{height:100%;padding:9%;}
.line-9 .text-center{position:absolute;top:10%;}
.line-9 .text-center img{
    width:90%;
    border-bottom:10px solid #CFAC66;
    border-top:10px solid #CFAC66;
}
.line-9 .resimlibolum{top:10%;background-color:#5e5959;}
.line-9 .resimlibolum .line-3-text{
    position:absolute;
    top:5%;
   left:6%;
   right:4%;
}
.line-9 .sol-ikon1{width:100%;text-align:center;}
.line-9 .sol-ikon1 img{width:15%;}
.line-10{
    height:500px;
    width:100%;
    top:-70px;
    background-color:#000;
}
.harita{height:100%;border:1px solid #CFAC66 ;}
.ilet-logo img{width:30%;}

/*foother*/
.line-foother{
  position:relative;
    width:100%;
    height:350px;
    background-color:#000000;
     font-family:GraublauWeb;
     color:#CFAC66;
}
.line-foother-ustcizgi{
    width:70%;
    height:3px;
    background-color:#CFAC66;
     opacity:0.2;
    filter: alpha(opacity=20);
}
.line-foother-text{padding:10px;font-size:30px;}
.line-foother-adres{
  font-family: 'News Cycle', sans-serif;
    padding:10px;
    font-size:18px;
   letter-spacing: 1px;
}
.line-foother-telefon{
     padding:10px;
    font-size:30px;
   letter-spacing: 1px;
}
.line-foother-end{
    width:33.33%;
    height:100%;
    float:left;
}
.son2{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:130px;
    background:url(../img/k.png) #000000;
    background-position: right bottom;
    background-repeat: repeat-x;
    background-size:3%;
}
.alt-sag{
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 8%, rgba(0,0,0,0.1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(8%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0.1))); /* safari4+,chrome */
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 8%, rgba(0,0,0,0.1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 8%, rgba(0,0,0,0.1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 8%, rgba(0,0,0,0.1) 100%); /* ie10+ */
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 8%, rgba(0,0,0,0.1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* ie6-9 */
}
.alt-sol{
background: -moz-linear-gradient(182deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 8%, rgba(0,0,0,0.1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,0.1)), color-stop(92%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(182deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 8%, rgba(0,0,0,0.1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(182deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 8%, rgba(0,0,0,0.1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(182deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 8%, rgba(0,0,0,0.1) 100%); /* ie10+ */
background: linear-gradient(268deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 8%, rgba(0,0,0,0.1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* ie6-9 */
}
.orta-text{font-family: 'News Cycle', sans-serif;font-size:14px;color:#fff;background-color:#000000;}
.orta-text a{color:#fff;}