.body {
 margin:0px;
 font-family: "Helvetica Neue", Helvetica,'Open Sans', Arial, sans-serif;
 font-weight:300
}
@font-face
{
    /*font-family: 'Gotham Bold';         src: url('GOTHAM-BLACK.TTF'),          url('GOTHAM-BLACK'),          url('GOTHAM-BLACK.TTF') format('truetype');*/
    font-family: 'ITC Century Std';
    src: url('CenturyStd-Light.otf'), url('CenturyStd-Light'), url('CenturyStd-Light.otf') format('opentype');
}
@font-face
{
    /*font-family: 'Gotham Bold';         src: url('GOTHAM-BLACK.TTF'),          url('GOTHAM-BLACK'),          url('GOTHAM-BLACK.TTF') format('truetype');*/
    font-family: 'Helvetica Neue';
    src: url('HELVETICANEUELIGHT.TTF'), url('HELVETICANEUELIGHT'), url('HELVETICANEUELIGHT.TTF') format('truetype');
}
@font-face {
  font-family: 'HelveticaNeueLTPro-Md';
  src: url('HelveticaNeueLTPro-Md.eot');
  src: url('HelveticaNeueLTPro-Md.woff2') format('woff2'),
       url('HelveticaNeueLTPro-Md.woff') format('woff'),
       url('HelveticaNeueLTPro-Md.ttf') format('truetype'),
       url('HelveticaNeueLTPro-Md.svg#HelveticaNeueLTPro-Md') format('svg'),
       url('HelveticaNeueLTPro-Md.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
a { 
}
.active {
     font-weight:bold;  color:#ff9532 !important; border-bottom:solid 1px #f69031
 }
.web-menu {
width:100%; margin-left:auto; margin-right:auto; text-align:center; font-size:22px; margin-top:100px;
}

.plink {
     display:inline-block; text-align:center; padding:5px 0px; margin-left:20px; margin-right:20px; color:#0f145b  
}
.plink active {
    text-decoration:none;  color:#ff9532
}
.plink a:hover {
    text-decoration:none
}

.mobil-menu-container {
 background: url(../img/menu-bg.png) #fff center;display:none; position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:1000; color:#0f145b
}
.mobil-menu-btn {display:none
    }
.all-container {
 /*max-width:1366px; border:solid 1px #0f145b; margin:auto*/
}
a { color:inherit !important
}

.header {
 padding-top:110px
}
 .logo { width:90%
    }
.header-option-container {
 margin-top:5%
}

.header-opiton {
padding-bottom:2px; padding:0px 2px !important;  display:inline-block;height:33px; line-height:33px;
}
.header-opiton-active {
padding-bottom:2px; padding:0px 2px !important;  display:inline-block;height:33px; line-height:33px; font-weight:bold; color:#ff9532
}
.header-opiton img{
vertical-align:middle
}
.header-opiton-line { padding-bottom:2px; padding:0px 2px !important;  display:inline-block; 

}
.satisnoktasi {
margin-top:15PX;font-weight:500;letter-spacing: 1px; font-size:18px;
}
    .satisnoktasi a { text-decoration:none !important; transition:0.40s ease-in-out
    }
.satisnoktasi a:hover {
     color:#ff9432 !important; text-decoration:none
}

.ecz-list {
 border-bottom:solid 1px #eee; padding:5px; padding-bottom:5px; font-size:17px;font-family: 'Montserrat', sans-serif; letter-spacing:0.50px
}
    .ecz-list .col-xs-12 {
         padding-bottom:5px; padding-top:5px
    }
.adres-col {
    font-size:15px;letter-spacing:0.10px
}
.adres-col a {
    text-decoration:none; font-weight:500; text-align:center
}
    .adres-col a i {
        font-size:18px;
    }
    .hidden {
  display: none;
}
.ecz-ad {
     font-size:16px; font-weight:600;
}
.ecz-tel {
     font-size:15px; 
}
.banner {
    margin-top: 10%;
    width: 100%;
    text-align: center;
    overflow:hidden
}
    .banner img {
     width:100%; min-width:1024px; margin:auto;
    }
.mobil-banner {
    display:none
}
.footer { color:#0f145b; padding-bottom:20px; font-size:12px;    padding-top: 20px;
}
.footer a { color:#0f145b; padding-bottom:20px; font-size:12px;    padding-top: 20px;
}

.pc-container {
background:url(../img/bg-brand.jpg) no-repeat; background-size:100%; position:relative;
}
.brand-paragraph {
    font-size:22px; color:#f69031; font-family:'Helvetica Neue';
    width: 320px;
    font-size: 18px;
    text-align:center;
}
.brand-info {
    position:absolute;
    top:31%;
    left:24%; z-index:2000;
}
.brand-baslik { font-family:'ITC Century Std';
}
.brand-baslik-1 { font-family:'ITC Century Std'; font-weight:bold; font-size:90px; color:#0f145b
}
.brand-baslik-2 { font-family:'ITC Century Std';font-size:55px; color:#f69031; margin-top:-40px; margin-left:130px; font-weight:100
}
.mobil-brand-p {
        display:none
    }
.brand-content {
    width:48%; float:right;
 color:#ff9532; font-size:22px;
 margin-bottom:32%
}

.madde-1 {
 margin-top:25%
}
.madde-2 {
 margin-top:18%; width:72%; margin-left:28%
}
.madde-3 {
 margin-top:18%; width:80%; margin-left:20%
}

.slogan {
    font-weight:bolder; font-size:35px; text-align:left; margin-bottom:-13px; color:#ff9532; font-family:'HelveticaNeueLTPro-Md'; letter-spacing:3px;
}
/*Product*/
.product-banner-footer {
 font-size:12px 
}
.product-banner-footer span {
color:#0f145b
}
.product-1 {
 background:url(../img/bg-product-1.jpg) #f69031 no-repeat; margin-top:90px;
}
.product-2 {
 background:url(../img/bg-product-2.jpg) #ffbe32 no-repeat; text-align:right; width:100%; z-index:1000; padding-bottom:20px
}
.product-3 {
 background:url(../img/bg-product-3.jpg) #ff6613 no-repeat; width:100%; z-index:1000; padding-bottom:20px;
}

/*researchinnovation*/
.researchinnovation-container {
     background:url(../img/img-researchinnovation.jpg) no-repeat top center; background-size:100% auto; min-height:750px;
     margin-bottom:50px;margin-top:100px
}
.researchinnovation-content {
    background:rgba(15,19,90,0.98);
    color: #fff; font-size:18px;
    padding:80px 50px;
margin-top:15%;
    width:90%; max-width:406px;
    box-sizing:border-box;
}

/*CONTACT*/
.col-contact { display:inline-block; border:solid 1px #f69031;
               padding:40px; box-sizing:border-box; width:50%; height:310px; margin:20px -2px; vertical-align:top
}
.col-contact:first-child { border-right:none
}
    .col-contact label {
        color:#f69031
    }
    .col-contact .form-control {
        border:solid 1px #f69031; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;
    }
.btn-send { background:#f69031; color:#fff;
            width:100%;
            border-radius:0px !important; -moz-border-radius:0px !important; -webkit-border-radius:0px !important;
            transition:background 0.40s linear; -moz-transition:background 0.40s linear;
            -webkit-transition:background 0.40s linear ;

}
.btn-send:hover { background:#d77c27; color:#fff;
           
}
.map-container {
 background:#ff9532
}
.adress { color:#0f145b; text-align:center; margin-top:30px; margin-bottom:30px; font-size:20px
}
  .mobil-adress {
        display:none;
        
    }
@media screen  and (min-width:1700px)  {
    .container {
     width:90% !important
    }
             .brand-info {
    position:absolute;
    top:30%;
    left:22%; z-index:2000;
}
.brand-baslik { font-family:'ITC Century Std';
}
.brand-baslik-1 { font-family:'ITC Century Std'; font-weight:bold; font-size:115px; color:#0f145b
}
.brand-baslik-2 { font-family:'ITC Century Std';font-size:67px; color:#f69031; margin-top:-20px; margin-left:130px; font-weight:100
}
    .brand-paragraph {
        font-size:26px; width:60%
    }
    .brand-content {
    width:44%; float:right;
 color:#ff9532; font-size:19px;
 margin-bottom:40%
}
.madde-1 {
 margin-top:40%; margin-left:
     0px
}
.madde-2 {
 margin-top:18%; width:72%; margin-left:20%
}
.madde-3 {
 margin-top:18%; width:80%; margin-left:15%
}

}

@media screen and (max-width:1150px) {
 .brand-info {
    position:absolute;
    top:26%;
    left:20%; z-index:2000;
}
.brand-baslik { font-family:'ITC Century Std';
}
.brand-baslik-1 { font-family:'ITC Century Std'; font-weight:bold; font-size:90px; color:#0f145b
}
.brand-baslik-2 { font-family:'ITC Century Std';font-size:55px; color:#f69031; margin-top:-40px; margin-left:130px; font-weight:100
}
}
@media screen and (max-width:1024px){
    .brand-info {
    position:absolute;
    top:28%;
    left:20%; z-index:2000;
}
.brand-baslik { font-family:'ITC Century Std';
}
.brand-baslik-1 { font-family:'ITC Century Std'; font-weight:bold; font-size:75px; color:#0f145b
}
.brand-baslik-2 { font-family:'ITC Century Std';font-size:40px; color:#f69031; margin-top:-40px; margin-left:130px; font-weight:100
}
    .brand-content {
    width:48%; float:right;
 color:#ff9532; font-size:18px
}
   
}
@media screen and (max-width:992px){
  .web-menu {
width:100%; margin-left:auto; margin-right:auto; text-align:center; font-size:18px; margin-top:50px;
}
.plink {
     display:inline-block; text-align:center; padding:5px 0px; margin-left:10px; margin-right:10px; color:#0f145b  
}
.pc-container {
    background:url(../img/bg-brand.jpg) no-repeat center; background-size:cover; 
    
    }
     .brand-info {
    position:absolute;
    top:28%;
    left:20%; z-index:2000;
}
.brand-baslik { font-family:'ITC Century Std';
}
.brand-baslik-1 { font-family:'ITC Century Std'; font-weight:bold; font-size:65px; color:#0f145b
}
.brand-baslik-2 { font-family:'ITC Century Std';font-size:30px; color:#f69031; margin-top:-20px; margin-left:130px; font-weight:100
}

    .brand-content {
    width:48%; float:right;
 color:#ff9532; font-size:18px
}
    .product-1 {
 background:url(../img/bg-product-1.jpg) #f69031 no-repeat; margin-top:100px; padding-bottom:50px
}
    .product-2 {
 background:url(../img/bg-product-2.jpg) #ffbe32 no-repeat; text-align:left !important; width:100%; z-index:1000; padding-bottom:20px
}

    .product-1  h2,  .product-2  h2,  .product-3  h2 {
  font-size:52px !important;
}
    .product-1  img,  .product-2  img,  .product-3  img {
   max-width:90%; margin-left:auto; margin-right:auto;
}
             .researchinnovation-container {
      background-size:auto 100% !important;}
}
@media screen and (max-width:850px) {

    .banner {
        margin-top: 10%;
        width: 100%;
        text-align: center;
        overflow: hidden;
    }

        .banner img {
            width: 100%;
            min-width: 900px;
            margin: auto;
        }
 .brand-info {
    position:absolute;
    top:28%;
    left:14%; z-index:2000;
}
.brand-baslik { font-family:'ITC Century Std';
}
.brand-baslik-1 { font-family:'ITC Century Std'; font-weight:bold; font-size:65px; color:#0f145b
}
.brand-baslik-2 { font-family:'ITC Century Std';font-size:30px; color:#f69031; margin-top:-20px; margin-left:130px; font-weight:100
}
}
@media screen and (max-width:767px){
     .adress {
    display:none
    }
    .mobil-adress {
        display:block;
        text-align:center; color:#0f145b; margin-top:20px; margin-bottom:20px
    }
    .banner {
        display: none;
    }
    .banner img {
     width:100%; min-width:900px; margin:auto;
    }
    .mobil-banner {
        background:url(../img/default-banner.jpg;) top left #f69031; text-align:center; display:block; padding-bottom:20px;margin-top: 60px;
    }
   
     .header {
 padding-top:5px
}
 .footer { color:#0f145b; padding-bottom:20px; font-size:12px; padding-top:20px
}
.footer a { color:#0f145b; 
}
 .logo { width:95%
    }
.header-option-container {
 margin-top:2px; margin-bottom:25px; text-align:center; font-size:12px; 
}
.header-option-container {
 margin-top:5%
}

.header-opiton {
padding-bottom:2px; padding:0px 2px !important;  display:inline-block;height:33px; line-height:33px; margin-bottom:20PX
}
.header-opiton-active {
padding-bottom:2px; padding:0px 2px !important;  display:inline-block;height:33px; line-height:33px; font-weight:bold; color:#ff9532
}
.header-opiton img{
vertical-align:middle; height:15px
}
.header-opiton-line { padding-bottom:2px; padding:0px 2px !important;  display:inline-block; 

}
    .web-menu { display:none;
    }
    .plink {
    
     margin-bottom:10px;
    }
    .mobil-menu-btn {display:block; text-align:center; color:#0f145b; position:absolute; top:24%; right:20px;
    }
    .logo { width:60%
    }
    .pc-container {
    background:url(../img/bg-mobil-marka.jpg) no-repeat center top; background-size:100% auto; padding-bottom:40PX;
    
    }

    .brand-info {
    position:static;
    top: 20%;
    left: 27%;
    z-index:2000;padding-top:32%; text-align:center
      }
    .brand-baslik { font-family:'ITC Century Std';
}
.brand-baslik-1 {font-family:'ITC Century Std';font-weight:bold;font-size: 50px;color:#0f145b;}
.brand-baslik-2 {font-family:'ITC Century Std';font-size: 30px;color:#f69031;margin-top: -11px;margin-left: 93px;font-weight:100;}
.brand-paragraph {
    font-size: 16px;
    width: 100%;
}
    .mobil-brand-p {
        display:block
    }
    .mobil-paragraph {
        display:none
    }
    .brand-content {
    width:95%; float:none; margin:auto; margin-top:6%; color:#ff9532; font-size:18px; 
    background:rgba(255,255,255,0.95); padding:20px;
    }
    .madde-1 {
     margin-top:5%; width:100%;
    }
    .madde-2 {
     margin-top:5%; width:100%; margin-left:auto
    }
    .madde-3 {
     margin-top:5%; width:100%; margin-left:auto;
    }
             .researchinnovation-container {
      background-size:auto 100% !important ; margin-top:0PX;}
    .researchinnovation-container pull-right {
     float:none !important
}
    .researchinnovation-content{ margin-left:auto; margin-right:auto; margin-top:40% ;float:none !important
    }
    .col-contact { display:inline-block; border:solid 1px #f69031;
               padding:20px; box-sizing:border-box; width:100%; height:270px;margin:0px; vertical-align:top
}
.col-contact:first-child { border-right:solid 1px #f69031; border-bottom:solid 1px #f69031;
}
}
@media screen and (max-width:500px){
  .pc-container {
    background:url(../img/bg-mobil-marka.jpg) no-repeat center top; background-size:cover auto; padding-bottom:40PX;
    
    }
            .brand-info {
    position:static;
    top: 16%;
    left: 24%;
    z-index:2000;
    padding-top:48%;
}
.brand-baslik { font-family:'ITC Century Std';
}
.brand-baslik-1 {font-family:'ITC Century Std';font-weight:bold;font-size: 48px;color:#0f145b;}
.brand-baslik-2 {font-family:'ITC Century Std';font-size: 24px;color:#f69031;margin-top:-10px; margin-left: 73px;font-weight:100;}

    .mobil-paragraph {
        display:none
    }
    .brand-content {
       margin-top:6%
    }
}