#temizle {clear:both; } 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;} 
body{margin:0px;text-align: left;padding:0;overflow-x: hidden;font-family: 'Montserrat', sans-serif;font-weight:300; font-size:15px; color:#959595; line-height:25px;}
#wrapper{ position:relative; width: 1200px; margin: 0 auto; }
header{ position:absolute; width: 100%; height: auto;  padding: 10px 0px; box-sizing: border-box;  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.0); z-index: 9999999 !important;  transition:all 0.5s ease-in; }

header > #wrapper > .logo { position: relative; width:17%; float: left; display: block; text-align: right; margin: 25px auto;}
header > #wrapper > .logo img{  max-width: 100%; }
header > #wrapper > .menu{ position: relative; width: 73%; height: 100px; float:left; display: block; text-align: right; padding-right: 5px; }
header > #wrapper > .menu ul{ list-style: none; margin: 25px auto;}
header > #wrapper > .menu ul li{ position: relative; display: inline-block; margin: 0 10px; z-index: 2; } 
header > #wrapper > .menu ul li a{ position: relative; width: 100%; height: 50px; line-height: 50px; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 700; color: #373737; text-decoration: none;   display: block; padding: 0 6px;   } 
header > #wrapper > .menu ul li a:hover{   color: #373737;}
header > #wrapper > .menu ul li a::after{ position: absolute;  content: '';  top:0;	left: 0;  width: 0;  height: 100%;  border-bottom: 3px solid #373737;  transform-origin:left;  transition:width 0.25s ease;  z-index:-1;}
header > #wrapper > .menu ul li a:hover::after{ width: 100%}
header > #wrapper > .menu ul li ul{ position: absolute; visibility: hidden; width: 350px; left: 0; top: 100px; background: #ff4e55; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1); padding: 15px; box-sizing: border-box;  transition:all 0.2s ease-in; }
header > #wrapper > .menu ul li ul li{ position: relative; width: 100%; height: auto; display: block; margin: 0; text-align: left;}
header > #wrapper > .menu ul li ul li a{ width: 100%; height: auto; font-size: 14px; font-weight: 400; line-height:20px; padding: 5px; box-sizing: border-box; text-align: left;  background: none; display: block; color: aliceblue;  } 
header > #wrapper > .menu ul li ul li a:hover{  color: rgba(0,0,0,1.00); }
header > #wrapper > .menu ul li ul li a::after{ position: absolute;  content: '';  top:0;	left: 0;  width: 0;  height: 100%; background: #FFFFFF;  transform-origin:left;  transition:width 0.25s ease;  z-index:-1;  }
header > #wrapper > .menu ul li ul li a:hover::after{ width: 100%}
header > #wrapper > .menu li:hover > ul{ top: 27px; visibility: visible; transition:all 0.2s ease-in; }
header > #wrapper > .menu li:hover > a{  color: #373737;  }
.gallery-img {
	width:100%;
	object-fit:cover;
	height:250px !important;
}

header > #wrapper > .dil { position: relative; width:10%; float: right; display: block; text-align: right; margin: 25px auto; background: #373737; color: #FFFFFF; height: 50px; line-height: 50px; text-align: center; border-radius: 50px; transition:all 0.2s ease-in;}
header > #wrapper > .dil:hover {  background: #0100fc; }


header > #wrapper > .ust{ position: relative; width: 57.5%;  float:right; display: block; top: 15px;  }
header > #wrapper > .ust > .yarim1 { position:relative; width:49%; float:left;  box-sizing: border-box; }
header > #wrapper > .ust > .yarim1 span { color: #FF4E55; font-size: 14px; font-weight: 600; }
header > #wrapper > .ust > .yarim1 a { color: #FFFFFF; font-size: 32px; font-weight: 600; text-decoration: none;}
header > #wrapper > .ust > .yarim1 a font{ color: #FF4E55; }

header > #wrapper > .ust > .yarim2 { position:relative; width:49%; float:left;  box-sizing: border-box; text-align: right;}
header > #wrapper > .ust > .yarim2 p { text-align: right; color: #FF4E55; font-size: 14px; font-weight: 600;}
header > #wrapper > .ust > .yarim2 span { text-align: right; color: #FFFFFF; font-size: 16px; font-weight: 900;  }

#banner{ position: relative; width: 100%;  display: block; }

#kullanimalanlari{position: relative; display: block; box-sizing: border-box; width: 85%; margin: 0 auto; background: #fff;}
#kullanimalanlari a{position: relative; display: block; float: left;text-align: center; box-sizing: border-box;  width: 15.6%; margin: 0.5%; background: #282d30; height: 193px; color: #fff; padding: 25px 0px; transition:all 0.2s ease-in;}
#kullanimalanlari a img{max-width: 100%; margin-bottom: 5px;}
#kullanimalanlari a h6{font-size: 14px; line-height: 25px;}
#kullanimalanlari a h6 span{font-size: 18px; font-weight: 700;}
#kullanimalanlari a:hover{background: #b74837;}

#kullanimalanlari-cizgi{position: relative; display: block; box-sizing: border-box; width: 100%; border: 2px solid #282d30; height: 250px; margin-top: -150px; z-index: -1;}
.mb-4{
	margin-bottom:30px;
}
#ana-urun1{position: relative; display: block; box-sizing: border-box; float: left; width: 100%; height: 250px;  border-radius: 35px; margin-top: 0;}
#ana-urun1 img{width: 100%; border-radius: 35px; box-shadow: 0px 1px 1px 1px rgba(0,0,0,1.00); height:250px;object-fit:cover}
#ana-urun1 h2{font-family: 'Montserrat', sans-serif;font-weight:700; font-size:16px; color:#fff; margin-top: -60px; padding-left: 25px; transition:all 0.2s ease-in; }
#ana-urun1:hover h2{ margin-top: -80px;  }

#ana-urun2{position: relative; display: block; box-sizing: border-box; float: right; width: 49%; height: 243px;   border-radius: 35px; margin-top: 35px;}
#ana-urun2 img{width: 100%; border-radius: 35px; box-shadow: 0px 1px 1px 1px rgba(0,0,0,1.00);}
#ana-urun2 h2{font-family: 'Montserrat', sans-serif;font-weight:700; font-size:16px; color:#fff; margin-top: -60px; padding-left: 25px; transition:all 0.2s ease-in; }
#ana-urun2:hover h2{ margin-top: -80px;  }


#acardion{position: relative; display: block; box-sizing: border-box; width: 100%; margin-top: 80px; height: 250px;}

#ceyrek{position: relative; display: block; box-sizing: border-box; width: 24%; float: left; }
#ucceyrek{position: relative; display: block; box-sizing: border-box; width: 74%; float: right; }

#ana-about{position: relative; display: block; box-sizing: border-box; float: left; width: 45%; height: 339px; background: url(../img/bizkimiz-bg.jpg) no-repeat top center; padding: 40px 0px;}
#ana-about > .ana-in{ position: relative; display: block; float: left; box-sizing: border-box; text-align: left; width: 80%;}
#ana-about > .ana-in p{ font-family: 'Montserrat', sans-serif;font-weight:400; font-size:15px; color:#6b6b6b; line-height:24px;}
#ana-about > .ana-in a{ margin-top: 15px; position: relative; display: block; float: left; width: auto; color: #FF4E55; font-weight: 900; font-size: 14px;}
#ana-about > .ana-in a i{  color: #000; font-weight: 900; font-size: 20px; padding-left: 10px;}

#ana-blog{position: relative; display: block; box-sizing: border-box; float: left; width: 27.5%; height: 339px; background: #fd3030; }
#ana-blog > .link {position: relative; text-align: center; width: 100%; padding: 10px 0px; }
#ana-blog > .link a{ font-size: 20px; color: #FFFFFF; font-weight: 700;}

#ana-bulten{position: relative; display: block; box-sizing: border-box; float: left; width: 27.5%; height: 339px; background: url(../img/bulten-bg.jpg) no-repeat top left; padding: 20px 50px; }
#ana-bulten form{width: 100%; position: relative; margin-top: 15px;}
#ana-bulten form input{width: 100%; position: relative; padding: 10px; outline: 0; border-radius: 5px; border:1px solid #acacac; margin-bottom: 10px; background:rgba(255,255,255,0.00) }
#ana-bulten form input::placeholder{color: #6b6b6b }
#ana-bulten form textarea{width: 100%; position: relative; padding: 10px; height: 90px; outline: 0; border-radius: 5px; border:1px solid #acacac; margin-bottom: 10px; background:rgba(255,255,255,0.00)  }
#ana-bulten form textarea::placeholder{color: #6b6b6b }
#ana-bulten form button{ float: right; background-color:#FD3030; outline: 0; border: 0; color: #FFFFFF; padding: 10px 15px; border-radius: 5px; transition:all 0.2s ease-in;}
#ana-bulten form button:hover{  background-color:#000000; }

#blog{position: relative; display: block; box-sizing: border-box; width: 100%; height: 415px; background: #efefef; padding: 20px;}
#orta-bslk{width:auto;min-height:40px;line-height:40px;padding-bottom:20px; font-weight:600; font-size:24px; color:#000; text-decoration:none; text-align: center; }
#orta-bslk2{width:auto;min-height:40px;line-height:40px; font-weight:600; font-size:24px; color:#FFF; padding: 15px 30px; text-decoration:none; text-align: left; margin-bottom: 10px; }

#productbox{ position: relative; display: block; box-sizing: border-box; width: 24%; margin: 0.5%; float: left;}
#ucluler{ position: relative; display: block; box-sizing: border-box; width: 32.3%; margin: 0.5%; float: left;}
#besli{position: relative; display: block; float: left; box-sizing: border-box; width: 24%; margin: 0.5%; text-align: center; border: 1px solid #E5E5E5;}


#takip{position: relative; display: block; box-sizing: border-box; width: 100%; background: #e2e3e5; }
#takip > #wrapper > .takip { position: relative; display: block; box-sizing: border-box; width: 65%; float: right; text-align: left; padding: 25px;}
#takip > #wrapper > .takip a{ padding-right: 15px; float: left; color: #a9aab3; font-size: 15px; font-weight: 600; transition:all 0.2s ease-in;}
#takip > #wrapper > .takip a:hover{  color: #fd3030; }
#takip > #wrapper > .takip i{  color: #a9aab3; padding-right: 15px; float: left;  font-size: 12px; font-weight: 600; transition:all 0.2s ease-in; padding-top: 5px;}

#takip > #wrapper > .back { position: relative; display: block; box-sizing: border-box; width: 15%; float: right; text-align: right; padding: 25px 0px; }
#takip > #wrapper > .back a{ border:1px solid #acacac; width: auto; padding: 15px; text-align: center; color: #acacac; transition:all 0.2s ease-in; }
#takip > #wrapper > .back a:hover{ border:1px solid #fd3030; width: auto; padding: 15px; text-align: center; background: #fd3030; color: #FFFFFF; transition:all 0.2s ease-in; }
#gri{ position:relative; width: 100%;  background: #f9f9f9; }

#page-left{ position: relative; display: block; box-sizing: border-box; width: 20%; float: left; background:rgba(169,170,174,0.78); top: -71px;}
#page-left ul{list-style: none; margin: 0 auto; }
#page-left ul li{ position: relative; display: block; z-index: 2;  padding: 10px 25px;} 
#page-left ul li  a{ position: relative; width: 100%;  font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600; color:rgba(255,255,255,1.00); text-decoration: none;  display: block;  transition:color 0.25s ease; padding: 10px;} 
#page-left ul li  a:hover{ color: #FFFFFF;} 
#page-left ul li  a::after {
  position: absolute;
  content: '';
  top:0;
  left: 0;
  width: 0;
  height: 100%;
	background: #fd3030;
  transform-origin:left;
  transition:width 0.25s ease;
  z-index:-1;
}

#page-left ul li  a:hover::after {
  width: 100%;
}


.team_088_content > h5:after{
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  height: 2px;
  width: 30px;
  margin: auto;
  position: absolute;
  background: #353d4a;
}

#page-right{ position: relative; display: block; box-sizing: border-box; width: 80%; min-height: 650px; float: right; padding: 20px; background: #FFFFFF; text-align: left;}

#yarim1{ position:relative; width:49%; float:left; box-sizing: border-box; text-align: left;}
#yarim2{ position:relative; width:49%; float:right; box-sizing: border-box;}


#about-box-1{ position:relative; width:40%; min-height:360px; float:left; box-sizing: border-box;  box-shadow: 0px 3px 3px rgba(0,0,0,0.1); }
#about-box-2{ position:relative; width:60%; min-height:360px; float:left; padding:25px; background:#FFF; box-sizing: border-box; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); }
#about-date{ position:absolute; top:0; left:0; padding:30px; background:#ea0b1a; color:#FFF; border-bottom-right-radius:10px; }
#news-box{ position:relative; width:100%; height:auto; float:left; padding:0px; margin-bottom:15px; background:#FFF; box-sizing: border-box; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); font-family: 'Montserrat', sans-serif; font-size:18px; color:#000; text-decoration:none; border-left:3px solid #ea0b1a; line-height:100px;  }
#news-box img{ height:100px; width:auto; }
#product-box{ position:relative; width:24%; margin:0.5%; float:left; padding:15px; background:#fff; transition:all 0.2s ease-in;  box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-sizing:border-box; border-radius:5px; }
#product-box img{ width:100%; max-width:100%; }
#product-box:hover{ -webkit-transform: scale(1.05); transform: scale(1.05);  transition:all 0.2s ease-in; }
#product-box-2{ position:relative; width:32.3%; margin:0.5%; float:left; padding:15px; background:#fff; transition:all 0.2s ease-in;  box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-sizing:border-box; border-radius:5px; }
#product-box-2 img{ width:100%; max-width:100%; }
#product-box-2:hover{ -webkit-transform: scale(1.05); transform: scale(1.05);  transition:all 0.2s ease-in; }

#ebulten-bar { position:relative; display:block; width:100%; background-color:#001870; font-family: 'Open Sans', sans-serif; color:#fff !important; padding-bottom:50px; }
#ebulten-bar #ebulten-icon { position:relative; display:block; width:528px; margin:auto; height:auto; }
#ebulten-bar #ebulten-icon img { float:left; max-width:100%;  margin-top:-80px;}
#ebulten-bar h1 {display:block; position:relative; text-align:center; margin:0px auto; font-size:30px;  color:#FFF; letter-spacing:-1px;  padding-bottom:25px; width:50%;  z-index:1; font-weight:800; padding-top: 25px; }
#ebulten-bar p {display:block; position:relative; text-align:left; font-size:14px; margin:0;  color:#FFF;  width:50%;  z-index:1; float:left; padding-left:200px; padding-top:5px; padding-right:10px; }
#ebulten-bar form { display:block; position:relative; text-align:left; font-size:14px;  color:#FFF;  width:50%;  z-index:1; float:right; padding-right:200px; padding-left:10px}
#ebulten-bar form input { display:block; position:relative; text-align:left; font-size:12px; background-color:transparent; border:1px solid #fff; line-height:50px; height:50px; width:100%; border-radius:10px; padding-left:15px; outline: 0; }
#ebulten-bar form button { display:block; position:absolute; background-color:transparent; right:0; top:15px; padding-right:210px; border:none; }
#ebulten-bar form input::placeholder { color:#fff; }
#ebulten-bar h3 { display:block; position:relative; text-align:center; margin:0px auto; font-size:14px; width:17%; background-color:#001870; z-index:1; font-weight:800; margin-top:30px; }
#ebulten-bar #title-line-v { width:100%; height:1px; position:absolute; display:block; background-color:#fff; margin-top:-8px; }
#ebulten-bar h3 a { display:inline-block; position:relative; padding:0px 10px 0px 5px; border-right:1px solid #b1bdce; }
#ebulten-bar h3 a:last-child { border-right:0px solid #b1bdce; }



#footer-top-bar { display:block; position:relative; width:100%; padding:40px 0px; background-color:#001c86;font-family: 'Open Sans', sans-serif;  }
#footer-top-bar #footer-top-box { margin-right:118px;float:left; position:relative; display:block; text-align:left}
#footer-top-bar #footer-top-box h1 { margin:0; font-size:20px; font-weight:900; color:#fff; width:100%; padding:0px 0px 5px 0px;}
#footer-top-bar #footer-top-box a { margin:0; font-size:14px; font-weight:400; color:#fff !important; width:100%; }
#footer-top-bar #footer-top-box .footer-phone { transition:.3s ease all; display:block; position:relative; border:1px solid #fff; padding:15px 30px; border-radius:5px; color:#fff !important; font-size:16px; font-weight:400;}
#footer-top-bar #footer-top-box .footer-phone i{ padding-right:10px !important;}
#footer-top-bar #footer-top-box .footer-phone:hover { border:1px solid #ffd895;  color:#fff !important; background-color:#ffd895; font-weight:400;}
footer { position:relative; width:100%; display:block; padding:30px 0px; background: #1d2124;  }
#footer-left { width:80%; float:left; text-align:left;}
#footer-left-top { width:100%; float:left; text-align:left;}
#footer-left-top .footer-nav { color:#fff!important; margin-right:10px; font-size:14px; font-weight:500;} 
#footer-left-bottom { width:100%; float:left; text-align:left;}
#footer-left-bottom p { color:#fff; font-size:12px; margin-top:10px;}
#footer-right { width:20%; float:right; text-align:right; margin-top:10px;}



#tags { position:relative; width:100%; display:block;  padding:30px 0px; }
#tags h6 { margin:0px; position:relative; color:#aaaaaa; font-weight:600;font-family: 'Exo', sans-serif; font-size:18px;float:left; width:8%; padding-top:2px; }
#tags #elements { float:right;text-align:left; width:92%;}
#tags #elements .tag-link a { float:left; color:#777777!important;font-family: 'Roboto', sans-serif; font-weight:400; font-size:11px; background:rgba(169,170,174,0.78); padding:3px 3px; border-radius:5px;border:1px solid rgba(169,170,174,0.78); transition: .3s ease all; margin-right:5px; margin-bottom:5px; }
#tags #elements .tag-link a:hover {transition: .3s ease all;color:#777777!important; border:1px solid #232323; background:#101010; }

.vticker { font-family: 'Montserrat', sans-serif; width: 100%; margin: 0px auto;}
.vticker ul { padding: 0; }
.vticker li { list-style: none; width:100%; display:block; position:relative; border:none !important; min-height:60px !important; padding:20.5px 0px !important; border-bottom: 1px solid #fd5353 !important;}
.vticker li .vticker-date { width:60px; height:60px; float:left; display:block; position:relative;  color:#fff; font-size:20px; font-weight:700; line-height:20px; text-align:center; padding-top:6px;  border-right: 1px solid #ff6868;}
.vticker li .vticker-date span {  font-size:24px; font-weight:500; }
.vticker li a {	text-decoration: none; color: #FFFFFF !important; float: right;text-align:left; font-size:14px; width:80%; padding-left:15px; line-height:22px; font-weight: 600; }
.up, .down{ background:none; border:0px; height:30px; width:30px; line-height:30px; text-align:center; color: #ffc1c1; }
.up:hover, .down:hover{ background:#353080; color:#fff !important; cursor:pointer; }

.title{font-family: 'Montserrat', sans-serif;font-weight:700; font-size:24px; color:#000; line-height:35px;   }
.title span{font-weight:300; padding-left: 100px;   }
.title span::before{position: absolute;  content: '';  top:51px;	left: 0;  width: 80px; height: 1px; background: #b74837;  }

.gri{font-family: 'Montserrat', sans-serif;font-weight:700; font-size:24px; color:#a9aaae; line-height:35px; padding-bottom: 15px; width: 100%; margin-bottom: 20px; border-bottom:1px solid #EEEFF1;}

.white-title{font-family: 'Montserrat', sans-serif;font-weight:700; font-size:24px; color:#fff; line-height:35px; border-bottom: 1px solid #fd5353; padding: 20px;}
.text{font-family: 'Montserrat', sans-serif;font-weight:400; font-size:15px; color:#000; line-height:24px; text-align: left; }
.white-text{font-family: 'Montserrat', sans-serif;font-weight:400; font-size:15px; color:#fff; line-height:24px; }


.style1{ font-family: 'Montserrat', sans-serif; font-weight:500; font-size:15px; color:#000; background:#fff; width:100%; height:70px; line-height:70px; padding-left:15px; margin-bottom:5px; border:0px; box-sizing:border-box; border:1px solid #f0f0f0; outline:none; }
.style2{font-family: 'Montserrat', sans-serif; font-weight:500; font-size:15px; color:#000;background:#fff;width:100%;height:152px;line-height:25px;padding-left:15px;margin-bottom:1px;border:0px; box-sizing:border-box; border:1px solid #f0f0f0;outline:none; }
.buton-form{ font-family: 'Montserrat', sans-serif; font-weight:500; font-size:20px; color:#fff;background:#56aacf;width:auto;height:50px;line-height:50px;padding:0px 30px;border:0px;box-sizing:border-box;cursor:pointer; display:inline-block;}
.buton-form:hover{ background:#000; }
	.kapa{ display:none; }
	.acil{ display:block; }
.kapa{ display:block; }
.acil{ display:none; }

.only-fullscreen { display: block !important; z-index: 999999999999999999999999999999; }
 #video { display: block; position: relative; width: 100%; z-index: 999999999999999999999999999999; top: -100px; }
@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
 .scroll-btn {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom:0; 
	text-align: center;
}
.scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=20);
}
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 35px;
	height: 55px;
	margin: 0 auto 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid white;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 45%;
	width: 4px;
	height: 10px;
	margin: 0px 0 0 0px;
	background: white;
	border-radius: 50%;
	-webkit-animation: ani-mouse 1.5s linear infinite;
	-moz-animation: ani-mouse 1.5s linear infinite;
	animation: ani-mouse 1.5s linear infinite;
}


@media only screen and (max-width: 1200px) {
header{ background: url(../img/header-bg2.png) no-repeat left center;}

	
}




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

#ebulten-bar { position:relative; display:block; width:100%; background-color:#001c86; font-family: 'Open Sans', sans-serif; color:#fff !important; padding-bottom:50px; }
#ebulten-bar #ebulten-icon { position:relative; display:block; width:528px; margin:auto; height:auto; }
#ebulten-bar #ebulten-icon img { float:left; max-width:100%;  margin-top:-80px;}
#ebulten-bar h1 {display:block; position:relative; text-align:center; margin:0px auto; font-size:30px;  color:#FFF; letter-spacing:-1px;  padding-bottom:25px; width:50%;  z-index:1; font-weight:800; }
#ebulten-bar p {display:block; position:relative; text-align:left; font-size:14px; margin:0;  color:#FFF;  width:50%;  z-index:1; float:left; padding-left:200px; padding-top:5px; padding-right:10px; }
#ebulten-bar form { display:block; position:relative; text-align:left; font-size:14px;  color:#FFF;  width:50%;  z-index:1; float:right; padding-right:200px; padding-left:10px}
#ebulten-bar form input { display:block; position:relative; text-align:left; font-size:12px; background-color:transparent; border:1px solid #fff; line-height:50px; height:50px; width:100%; border-radius:10px; padding-left:15px; }
#ebulten-bar form button { display:block; position:absolute; background-color:transparent; right:0; top:15px; padding-right:210px; border:none; }
#ebulten-bar form input::placeholder { color:#fff; }
#ebulten-bar h3 { display:block; position:relative; text-align:center; margin:0px auto; font-size:14px;    width:17%; background-color:#001c86; z-index:1; font-weight:800; margin-top:30px; }
#ebulten-bar #title-line-v { width:100%; height:1px; position:absolute; display:block; background-color:#fff; margin-top:-8px; }
#ebulten-bar h3 a { display:inline-block; position:relative; padding:0px 10px 0px 5px; border-right:1px solid #b1bdce; }
#ebulten-bar h3 a:last-child { border-right:0px solid #b1bdce; }
	
#footer-top-bar { display:block; position:relative; width:100%; padding:30px 0px; background-color:#001c86;font-family: 'Open Sans', sans-serif;  }
#footer-top-bar #footer-top-box { margin-right:0px;float:left; position:relative; display:block; text-align:center; width:100%; margin-bottom:10px;}
#footer-top-bar #footer-top-box h1 { margin:0; font-size:20px; font-weight:900; color:#fff; width:100%; padding:0px 0px 5px 0px;}
#footer-top-bar #footer-top-box a { margin:0; font-size:14px; font-weight:400; color:#fff !important; width:100%; }
#footer-top-bar #footer-top-box .footer-phone { transition:.3s ease all; display:block; position:relative; border:1px solid #fff; padding:15px 30px; border-radius:5px; color:#fff !important; font-size:16px; font-weight:400;}
#footer-top-bar #footer-top-box .footer-phone i{ padding-right:10px !important;}
#footer-top-bar #footer-top-box .footer-phone:hover { border:1px solid #ffd895;  color:#fff !important; background-color:#ffd895; font-weight:400;}


footer { position:relative; width:100%; display:block; padding:30px 0px; font-family: 'Open Sans', sans-serif;  }
#footer-left { width:100%; float:left; text-align:left;}
#footer-left-top { width:100%; float:left; text-align:left;}
#footer-left-top .footer-nav { color:#555555!important; margin-right:10px; font-size:12px; font-weight:500;} 
#footer-left-bottom { width:100%; float:left; text-align:left;}
#footer-left-bottom p { color:#555555; font-size:12px; margin-top:10px;}
#footer-right { width:20%; float:left; text-align:right; margin-top:10px;}
	
}


@media only screen and (max-width: 1000px) { 
	#wrapper{ width: 100%; padding: 0 15px; box-sizing: border-box; }
	header{ position:relative; width: 100%; height: auto; height: 120px; padding: 10px 0px; }
	header > #wrapper > .logo {width: 60%; top: 0; text-align: left }
	header > #wrapper > .logo img{ max-width: 100%;  height: 54px; }
	header > #wrapper > .menu{ display: none; }
	header > #wrapper > .contact{ width: 50px; height: 50px; border-radius: 5px; background:rgba(86,170,207,1.00); cursor: pointer; text-align: center; margin-left: 0px; transition:all 0.2s ease-in; }
	header > #wrapper > .contact:hover{ transform: rotate(-360deg); background: rgba(0,0,0,1.00);  }
	header > #wrapper > .contact i{ color:white;font-size: 20px;}
	header > #wrapper > .contact a{ line-height: 50px; }
	
	header > #wrapper > .dil { position: relative; width:100%; float: right; display: block; text-align: right; margin: 25px auto; background: #373737; color: #FFFFFF; height: 50px; line-height: 50px; text-align: center; border-radius: 50px; transition:all 0.2s ease-in;}
	
	header > #wrapper > .ust{ display: none;}
	 #video { display: none;}
	#ana-about{ float: none; width: 100%; height: auto; background: none; padding: 40px 0px;}
	#ana-about > .ana-in{ float: none;  width: 100%;}
	#ana-blog{ float: none; width: 100%; height: auto;  }
	#ana-bulten{ float: none; width: 100%; background:none; background: #f7f7f7}
	#blog{ width: 100%; height: auto; background: #efefef;}
	
	#ebulten-bar { position:relative; display:block; width:100%; background-color:#001870; font-family: 'Open Sans', sans-serif; color:#fff !important; padding-bottom:30px; padding-top:30px; }
	#ebulten-bar #ebulten-icon { position:relative; display:block; width:100%; margin:auto; height:auto; display:none!important; }
	#ebulten-bar #ebulten-icon img { float:left; width:33.3%;  margin-top:0px;}
	#ebulten-bar h1 {display:block; position:relative; text-align:center; margin:0px auto; font-size:30px;  color:#FFF; letter-spacing:-1px;  padding-bottom:25px; width:100%;  z-index:1; font-weight:800; }
	#ebulten-bar p {display:block; position:relative; text-align:center; font-size:14px; margin:0;  color:#FFF;  width:100%;  z-index:1; float:left; padding-left:0px; padding-top:5px; padding-right:0px; margin-bottom:10px; }
	#ebulten-bar form { display:block; position:relative; text-align:center; font-size:14px;  color:#FFF;  width:100%;  z-index:1; float:right; padding-right:0px; padding-left:0px}
	#ebulten-bar form input { display:block; position:relative; text-align:left; font-size:12px; background-color:transparent; border:1px solid #fff; line-height:50px; height:50px; width:100%; border-radius:10px; padding-left:15px; }
	#ebulten-bar form button { display:block; position:absolute; background-color:transparent; right:0; top:15px; padding-right:10px; border:none; }
	#ebulten-bar form input::placeholder { color:#fff; }
	#ebulten-bar h3 { display:block; position:relative; text-align:center; margin:0px auto; font-size:14px;    width:100%; background-color:#001870; z-index:1; font-weight:800; margin-top:30px; }
	#ebulten-bar #title-line-v { width:100%; height:1px; position:absolute; display:block; background-color:#fff; margin-top:-8px; }
	#ebulten-bar h3 a { display:inline-block; position:relative; padding:0px 10px 0px 5px; border-right:1px solid #b1bdce; }
	#ebulten-bar h3 a:last-child { border-right:0px solid #b1bdce; }
	
	
	#takip{position: relative; display: block; box-sizing: border-box; width: 100%; background: #e2e3e5; }
	#takip > #wrapper > .takip { position: relative; display: block; box-sizing: border-box; width: 75%; float: right; text-align: left; padding: 25px 0px;}

	#takip > #wrapper > .back { position: relative; display: block; box-sizing: border-box; width: 25%; float: right; text-align: right;  }
	
	
	#page-left{ position: relative; display: block; box-sizing: border-box; width: 100%; float: left; top: 0; }


	#page-right{ position: relative; display: block; box-sizing: border-box; width: 100%; float: right; background: #FFFFFF;  }
	
	#productbox{ width: 100%; margin: 0.5; float: none;}
	#ucluler{ width: 100%; margin: 0.5; float: none;}
	
	#yarim1{ width:100%; float:left;  box-sizing: border-box;}
	#yarim2{ width:100%; float:right;  box-sizing: border-box;}
	
	#kullanimalanlari{ width: 100%;}
	#kullanimalanlari a{ width: 49%; margin: 0.5%;}


	#kullanimalanlari-cizgi{display: none;}
	
	#ceyrek{position: relative; display: block; box-sizing: border-box; width: 100%; float: left; }
#ucceyrek{position: relative; display: block; box-sizing: border-box; width: 100%; float: right; }

	
	
	#footer-top-bar { display:block; position:relative; width:100%; padding:30px 0px; background-color:#001c86;font-family: 'Open Sans', sans-serif;  }
	#footer-top-bar #footer-top-box { margin-right:0px;float:left; position:relative; display:block; text-align:center; width:100%; margin-bottom:10px;}
	#footer-top-bar #footer-top-box h1 { margin:0; font-size:20px; font-weight:900; color:#fff; width:100%; padding:0px 0px 5px 0px;}
	#footer-top-bar #footer-top-box a { margin:0; font-size:14px; font-weight:400; color:#fff !important; width:100%; }
	#footer-top-bar #footer-top-box .footer-phone { transition:.3s ease all; display:block; position:relative; border:1px solid #fff; padding:15px 30px; border-radius:5px; color:#fff !important; font-size:16px; font-weight:400;}
	#footer-top-bar #footer-top-box .footer-phone i{ padding-right:10px !important;}
	#footer-top-bar #footer-top-box .footer-phone:hover { border:1px solid #ffd895;  color:#fff !important; background-color:#ffd895; font-weight:400;}
	
	#about-box-1{ position:relative; width:100%; min-height:360px; float:left; box-sizing: border-box;  box-shadow: 0px 3px 3px rgba(0,0,0,0.1); }
	#about-box-2{ position:relative; width:100%; min-height:360px; float:left; padding:25px; background:#FFF; box-sizing: border-box; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); }

	#product-box{ position:relative; width:100%; margin:0.5%; float:left; padding:15px; background:#fff; transition:all 0.2s ease-in;  box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-sizing:border-box; border-radius:5px; }
	#product-box img{ width:100%; max-width:100%; }
	#product-box:hover{ -webkit-transform: scale(1.05); transform: scale(1.05);  transition:all 0.2s ease-in; }
	#product-box-2{ position:relative; width:100%; margin:0.5%; float:left; padding:15px; background:#fff; transition:all 0.2s ease-in;  box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-sizing:border-box; border-radius:5px; }
	#product-box-2 img{ width:100%; max-width:100%; }
	#product-box-2:hover{ -webkit-transform: scale(1.05); transform: scale(1.05);  transition:all 0.2s ease-in; }

	footer { position:relative; width:100%; display:block; padding:30px 0px; font-family: 'Open Sans', sans-serif;  }
	#footer-left { width:100%; float:left; text-align:left;}
	#footer-left-top { width:100%; float:left; text-align:left;}
	#footer-left-top .footer-nav { color:#555555!important; margin-right:10px; font-size:12px; font-weight:500;} 
	#footer-left-bottom { width:100%; float:left; text-align:left;}
	#footer-left-bottom p { color:#555555; font-size:12px; margin-top:10px;}
	#footer-right { width:20%; float:left; text-align:right; margin-top:10px;}
	
	#tags { position:relative; width:100%; display:block;  padding:10px 10px; top: 0;}
#tags h6 { margin:20px auto 10px auto; position:relative; color:#aaaaaa; font-weight:600;font-family: 'Exo', sans-serif; font-size:18px;float:left; width:100%; padding-top:2px; text-align:center; }
#tags #elements { float:right;text-align:center; width:100%;}
#tags #elements .tag-link a { float:left; color:#777777!important;font-family: 'Roboto', sans-serif; font-weight:400; font-size:10.5px;  padding:4px 7px; border-radius:5px;transition: .3s ease all; margin:2px; }
#tags #elements .tag-link a:hover {transition: .3s ease all;color:#777777!important; border:1px solid #232323; background:#101010; }
	
	
	.kapa{ display:none; }
	.acil{ display:block; }
}
@media only screen and (min-width: 0px) and (max-width: 759px) {}