﻿
#backpage-wrapper { position:relative; display:block;  width:100%;}

#page-find-bar { width:100%; background-color:#f9f9f9!important; border-bottom:1px solid #f0f0f0; position:relative; display:block; padding:30px 0px 30px 0px; font-family: 'Exo', sans-serif;text-align:left; margin:0px;}
#page-find-bar h1 { font-size:25px; color:#db0909; margin:2.5px 0px; font-weight:500;}
#page-find-bar h3 { font-size:12px; color:#db0909; margin:2.5px 0px; margin-top:0px; font-weight:500;}

#global-page { width:100%; background:linear-gradient(180deg,#f0f0f0 3%,#fff 103%) center top repeat-x; position:relative; display:block;font-family: 'Roboto', sans-serif!important; padding:30px 0px;}

#global-page .back-button { position:absolute; top:185px; padding:15px; background-color:#fff;right: calc(50% - 515px - 158px); top: calc(0px); border-radius:7px; text-align:center;-webkit-box-shadow: 0px 0px 28px -3px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 28px -3px rgba(0,0,0,0.20); box-shadow: 0px 0px 28px -3px rgba(0,0,0,0.20);}
#global-page .back-button i { font-size:40px;color:#3585c2;width:100%; }
#global-page .back-button span {  width:100%; color:#0066a6; text-transform:uppercase; text-align:center; font-weight:800;font-size:13px;} 
#global-page .back-button-active { position:fixed; top:80px; margin-top:20px;}

#global-page #left-bar {  position:relative; display:block; float:left; width:22%; margin:0px; margin-right:3%; border:1px solid #f0f0f0; border-radius:10px; font-family: 'Exo', sans-serif;}
#global-page #left-bar ul { list-style-type:none; width:100%; margin:0px; padding:0px; position:relative; background:linear-gradient(180deg,#db0909 3%,#c20e0e 103%) center top repeat-x; border-radius:7px;}
#global-page #left-bar ul .left-menu-active { background-image:url(/images/left-menu-active.png); background-position:left; background-repeat:no-repeat; color:#475e90!important;}
#global-page #left-bar ul li { width:100%; padding:0px; margin:0px; color:#f0f0f0!important; line-height:35px;padding:10px; padding-left:30px; padding-right:15px; border-bottom:1px solid rgba(255,255,255,0.1); }
#global-page #left-bar ul li a { width:100%; padding:0px; margin:0px; font-weight:400; font-size:15px; cursor:pointer;}
#global-page #left-bar ul li > ul { margin:20px auto; display:none; background-color:#fff!important; border-radius:7px!important; }
#global-page #left-bar ul li > ul li { line-height:25px; border-bottom:1px solid #eee;}
#global-page #left-bar ul li > ul li a {width:100%; padding:0px; margin:0px;font-size:14px;  }
.show{ display:block!important;}

#global-page #right-bar { position: relative; display:block; float:right; width:75%; border-radius:7px; font-family: 'Roboto', sans-serif!important;box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.1);}
#global-page #right-bar img { border-radius:10px; border-bottom-left-radius:0px;border-bottom-right-radius:0px; margin-bottom:-10px; }
#global-page #right-bar-wrapper { width:100%; background-color:#fff;  padding:40px; border-radius:10px; z-index:888!important;}
#global-page #right-bar-wrapper h1 { font-size:17px; font-weight:600; color:#db0909; margin:0px;font-family: 'Exo', sans-serif; }
#title-line {border-bottom:1px solid #db0909; width:55px;  border-radius:10px; margin:10px 0px;}
#global-page #right-bar-wrapper h3 { font-size:18px; font-weight:600; color:#db0909; margin:0px;}
#global-page #right-bar-wrapper p { font-size:12.5px; color:#444; margin:0px; text-indent:15px; line-height:20px; font-weight:400; margin-bottom:10px; }
#global-page #right-bar-wrapper p:last-child { margin-bottom:0px;}
#global-page #right-bar-gallery-wrapper { width:100%; background-color:#f7f7f7!important; height:auto; padding:40px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; margin-top:-10px; }
#global-page #right-bar-gallery-wrapper h1 { font-size:17px; font-weight:500; color:#db0909; margin:0px;font-family: 'Exo', sans-serif;}
#global-page #right-bar-gallery-wrapper #right-bar-gallery-box { width:24%; float:left; margin-right:1%; margin-bottom:2%;}
#global-page #right-bar-gallery-wrapper #right-bar-gallery-box  img{ max-width:100%; border-radius:7px;}
#global-page #right-bar-pdf-wrapper { width:100%; background-color:#fff!important; height:auto; }
#global-page #right-bar-pdf-wrapper a { font-size:15px; text-align:center; margin:2% 1%; float:left; background-color:#fff; border-radius:7px; width:31.3%; padding:20px; border:1px solid #f4f4f4; font-weight:100; color:#777!important; transition:all .3s ease;}
#global-page #right-bar-pdf-wrapper img { margin-bottom:20px;}
#global-page #right-bar-pdf-wrapper a:hover {  border:1px solid #f5f5f5;  transition:all .3s ease;-webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.11);
-moz-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.11);
box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.11);}
#global-page #right-bar-pdf-wrapper a i { font-size:35px; margin-top:20px; margin-bottom:20px; }
#global-page #right-bar-pdf-wrapper2 { width:100%; background-color:#F0F0F0!important; height:auto; padding:40px; }
#global-page #right-bar-pdf-wrapper2 h1 { font-size:25px; font-weight:800; margin:0px 0px 20px 0px; color:#018fe1; border-left:5px solid #018fe1; padding-left:20px;}
#global-page #right-bar-pdf-wrapper2 a { font-size:15px; text-align:center; margin:1% 1%; float:left; background-color:#fff; border-radius:7px; width:33.3%; padding:20px 20px; border:1px solid #f4f4f4; font-weight:100; color:#777!important; transition:all .3s ease;}
#global-page #right-bar-pdf-wrapper2 a:hover { background-color:#008ee0; border:1px solid #f5f5f5; color:#fff!important; transition:all .3s ease;}
#global-page #right-bar-pdf-wrapper2 a i { font-size:35px; margin-top:20px; margin-bottom:20px; }
#global-page #right-bar-pdf-wrapper2 a:hover > #right-bar-pdf-wrapper a i { color:#fff!important;}

#global-page #center-bar { position: relative; display:block; width:100%; border-radius:7px;}
#global-page #center-bar-wrapper { width:100%; }
#global-page #center-bar-wrapper h1 { font-size:24px; font-weight:700; color:#304269; margin:0px;}
#global-page #center-bar-wrapper #center-bar-product-box { text-align:center; width:23%; margin:1% 1%; float:left; background-color:#fff; border-radius:10px; padding:0px 0px;transition:all .2s ease;font-family: 'Exo', sans-serif;}
#global-page #center-bar-wrapper #center-bar-product-box:hover {-webkit-box-shadow: 0px 0px 50px -12px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 50px -12px rgba(0,0,0,0.6);
box-shadow: 0px 0px 50px -12px rgba(0,0,0,0.6);
  
}
#global-page #center-bar-wrapper #center-bar-dealers-box { background-color:#FFF; text-align:center; width:18%; margin:1% 1%; float:left;padding:20px; border-radius:10px; }
#global-page #center-bar-wrapper #center-bar-dealers-box img {text-align:center; max-width:100%; border:none;}


#global-page #center-bar-wrapper #center-bar-product-box img { text-align:center; max-width:100%; border-top-left-radius:10px;border-top-right-radius:10px;}
#global-page #center-bar-wrapper #center-bar-product-box h4 {   font-size:14px;  width:100%; margin:0px; padding:20px 5px; color:#db0909!important; text-align:center; font-weight:500;-webkit-font-smoothing: antialiased; background-color:#f5f5f5; border-radius:0px 0px 10px 10px}
#global-page #center-bar-wrapper #center-bar-blog-box { text-align:center; width:100%; margin:1% 0%; float:left; background-color:#fff; border-radius:2px; padding:5px 0px;}
#global-page #center-bar-wrapper #center-bar-blog-box img { text-align:center; max-width:100%; border:none;margin-bottom:10px;}
#global-page #center-bar-wrapper #center-bar-blog-box h4 {  font-size:15px;  width:100%; margin:0px; padding:10px; color:#db0909!important; border-left:5px solid #db0909; text-align:left; font-weight:600;}
#global-page #center-bar-wrapper #center-bar-blog-box h5 {  font-size:13px;  width:100%; margin:0px; padding:10px; color:#222!important; border-left:5px solid #db0909; text-align:left; font-weight:600;}


#contact-page { width:100%; background:#fff; position:relative; display:block; font-family: 'Roboto', sans-serif;  padding:30px 0px;}
#iletisim-kutu { width:100%;  margin-bottom:0px; position:relative; display:block; height:300px;}
#iletisim-kutu-sol { width:50%!important; float:left; position:relative; display:block; height:300px;}
#iletisim-kutu-sol iframe { width:100%!important; float:left;  display:block; height:300px;}
#iletisim-kutu-sag { width:50%!important; float:right; position:relative; display:block; height:300px; border:10px solid #f2f2f2; border-left:none; margin-top:0px; padding:30px 40px;}
#iletisim-kutu-sag h1 { font-size:18px;font-family: 'Roboto', sans-serif; }
#iletisim-kutu-sag p { font-size:15px;font-family: 'Roboto', sans-serif; color:#666; font-weight:300; margin-left:15px; margin-top:25px; line-height:25px; }
#iletisim-kutu-sag a { font-size:13px;font-family: 'Roboto', sans-serif; color:#777!important; font-weight:300; width:100%; display:block; position:relative; margin-top:15px; margin-left:15px;}
#iletisim-kutu-sag a i { font-size:13px; padding-right:5px; }







form { display:block; position:relative; width:100%; background-color:#333; margin:auto; margin-top:25px; text-align:center;}
form input { width:48%; color:#7badd0; float:left; border-radius:5px; line-height:45px; height:45px; margin:1% 1%; padding-left:15px; background-color:#f1f1f1; border:1px solid #dde5e8;}
form textarea { width:48%; color:#7badd0; float:left; border-radius:5px; height:150px; margin:1% 1%; padding-left:15px; padding-top:15px; background-color:#f1f1f1; border:1px solid #dde5e8;}
form input::placeholder { color:#7badd0;}
form textarea::placeholder { color:#7badd0;}
form #captcha {width:46%; color:#7badd0; float:left; border-radius:10px; line-height:45px; height:45px; margin:1% 2%;}
form .submit { width:30%; color:#7badd0; float:left; border-radius:10px; line-height:40px; height:45px; margin:5% 2% 1% 18%; padding-left:0px; background-color:#0a65aa; border:1px solid #4b5c98; color:#fff;}
form .temizle { width:30%; color:#7badd0; float:left; border-radius:10px; line-height:40px; height:45px; margin:5% 4% 1% 2%; padding-left:0px; background-color:#009bdb; border:1px solid #7badd0; color:#fff;}



@media only screen and (max-width: 1000px) {
#backpage-wrapper { position:relative; display:block; top:0px !important; width:100%;}

#global-page { width:100%;  position:relative; display:block; padding:10px 0px; margin-bottom:0px;}
#global-page #left-bar {  position:relative; display:block; float:left; width:100%; height:auto; margin:0px; margin-right:0%; margin-bottom:30px; }
#global-page #left-bar ul { list-style-type:none; width:100%; margin:0px; padding:0px; position:relative;}
#global-page #left-bar ul .left-menu-active { background-image:url(/images/left-menu-active.png); background-position:left; background-repeat:no-repeat; color:#0095e7!important;}
#global-page #left-bar ul li { width:100%; padding:0px; margin:0px; color:#fff!important; line-height:35px;padding:10px; padding-left:30px; padding-right:15px; border-bottom:1px solid #f5f5f5; }
#global-page #left-bar ul li a { width:100%; padding:0px; margin:0px;}
#global-page #left-bar ul li > ul { margin:10px auto; display:none; background-color:#f5f5f5!important; border-radius:20px; }
#global-page #left-bar ul li > ul li { line-height:25px;}
#global-page #left-bar ul li > ul li a {width:100%; padding:0px; margin:0px; font-weight:500; font-size:14px;  }
.show{ display:block!important;}

#global-page #right-bar { position: relative; display:block; float:right; width:100%; margin-bottom:20px;}
#global-page #right-bar img {  }
#global-page #right-bar-wrapper { width:100%; background-color:#fff;  padding:35px 25px; }
#global-page #right-bar-wrapper h1 { }
#global-page #right-bar-wrapper h3 { }
#global-page #right-bar-wrapper p { }
#global-page #right-bar-gallery-wrapper { width:100%; background-color:#f7f7f7!important; height:auto; padding:40px; border-bottom-left-radius:7px; border-bottom-right-radius:7px; }
#global-page #right-bar-gallery-wrapper h1 { font-size:22px; font-weight:800; margin:0px 0px 20px 0px;  }
#global-page #right-bar-gallery-wrapper #right-bar-gallery-box { width:48%; float:left; margin-right:1%; margin-bottom:1%;}
#global-page #right-bar-gallery-wrapper #right-bar-gallery-box  img{ max-width:100%;}
#global-page #right-bar-pdf-wrapper { width:100%; background-color:#fff!important; height:auto; }
#global-page #right-bar-pdf-wrapper a { font-size:15px; text-align:center; margin:2% 1%; float:left; background-color:#fff; border-radius:7px; width:100%; padding:40px 50px; border:1px solid #f4f4f4; font-weight:100; color:#888!important; transition:all .3s ease;}
#global-page #right-bar-pdf-wrapper a:hover { background-color:#008ee0; border:1px solid #f5f5f5; color:#fff!important; transition:all .3s ease;}
#global-page #right-bar-pdf-wrapper a i { font-size:35px; margin-top:20px; margin-bottom:20px; }
#global-page #right-bar-pdf-wrapper a:hover > #right-bar-pdf-wrapper a i { color:#fff!important;}


#global-page #center-bar { position: relative; display:block; width:100%; border-radius:10px; margin-bottom:20px; }
#global-page #center-bar-wrapper { width:100%;}
#global-page #center-bar-wrapper #center-bar-product-box { text-align:center; width:100%; margin:3% 0%; float:left; border-radius:7px; background-color:transparent; }
#global-page #center-bar-wrapper #center-bar-product-box img { text-align:center; width:100%; border:none; margin:0px;}
#global-page #center-bar-wrapper #center-bar-product-box h4 { font-size:15px;  width:100%; margin:0px; background-color:#fff; margin-top:-5px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;  }
#global-page #center-bar-wrapper #center-bar-blog-box { text-align:center; width:100%; margin:1% 0%; float:left; background-color:#fff; border-radius:7px; padding:0px 0px;}
#global-page #center-bar-wrapper #center-bar-blog-box img { text-align:center; width:100%; border:none; margin:0px;}
#global-page #center-bar-wrapper #center-bar-dealers-box { background-color:#FFF; text-align:center; width:48%; margin:1% 1%; float:left;padding:20px; border-radius:10px; }
#global-page #center-bar-wrapper #center-bar-dealers-box img {text-align:center; max-width:100%; border:none;}





#global-page #right-bar-pdf-wrapper2 { width:100%; background-color:#F0F0F0!important; height:auto; padding:40px; }
#global-page #right-bar-pdf-wrapper2 h1 { font-size:25px; font-weight:800; margin:0px 0px 20px 0px; color:#018fe1; border-left:5px solid #018fe1; padding-left:20px;}
#global-page #right-bar-pdf-wrapper2 a { font-size:15px; text-align:center; margin:1% 1%; float:left; background-color:#fff; border-radius:7px; width:48%; padding:20px 20px; border:1px solid #f4f4f4; font-weight:100; color:#777!important; transition:all .3s ease;}
#global-page #right-bar-pdf-wrapper2 a:hover { background-color:#008ee0; border:1px solid #f5f5f5; color:#fff!important; transition:all .3s ease;}
#global-page #right-bar-pdf-wrapper2 a i { font-size:35px; margin-top:20px; margin-bottom:20px; }
#global-page #right-bar-pdf-wrapper2 a:hover > #right-bar-pdf-wrapper a i { color:#fff!important;}






#contact-page { width:100%; background-color:transparent; position:relative; display:block; font-family: 'Roboto', sans-serif;  padding:30px 0px; margin-top:-50px;	}
#iletisim-kutu { width:100%;  margin-bottom:0px; position:relative; display:block; height:500px;}
#iletisim-kutu-sol { width:100%!important; float:left; position:relative; display:block; height:500px;}
#iletisim-kutu-sol iframe { width:100%!important; float:left;  display:block; height:500px;}
#iletisim-kutu-sag { width:100%!important; float:right; position:relative; display:block; height:auto; border:10px solid #f2f2f2; border-top:none; margin-top:0px; padding:30px 30px;}
#iletisim-kutu-sag h1 { font-size:18px;font-family: 'Roboto', sans-serif; }
#iletisim-kutu-sag p { font-size:15px;font-family: 'Roboto', sans-serif; color:#666; font-weight:300; margin-left:0px; margin-top:0px; line-height:25px; }
#iletisim-kutu-sag a { font-size:13px;font-family: 'Roboto', sans-serif; color:#777; font-weight:300; width:100%; display:block; position:relative; margin-top:15px; margin-left:0px;}
#iletisim-kutu-sag a i { font-size:13px; padding-right:5px; }


}

