#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, images, 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:25%; float: left; display: block; text-align: right; top: 37px;}
header > #wrapper > .logo images{  max-width: 100%; }
header > #wrapper > .menu{ position: relative; width: 75%; height: 100px; float:right; 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 12px; 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: 13px; font-weight: 600; color:#FFF; text-decoration: none;   display: block;   } 
header > #wrapper > .menu ul li a:hover{   color:#264ECC;}
header > #wrapper > .menu ul li a::after{ position: absolute;  content: '';  top:0;	left: 0;  width: 0;  height: 100%;  border-bottom: 3px solid #264ecc;  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: #264ecc; 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); font-weight: 700;}
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: 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:#264ECC;  }


#header-line { position: absolute; top: 65px; width: 100%; height: 1px; background: #b7b7b7; z-index: 2; }


header > #wrapper > .ust{ position: relative; width: 57.5%;  float:right; display: block; top: 5px; }
header > #wrapper > .ust > .phone{ position: relative; display: block; box-sizing: border-box; float: right; padding: 0 10px; font-size: 18px; color: #FFF; font-weight: 600; }
header > #wrapper > .ust > .phone i{ color: #FFA10E; font-size: 25px;  margin-right: 10px; }
header > #wrapper > .ust > .phone span{ font-weight: 900; font-size: 24px;  }

header > #wrapper > .ust > .location{ position: relative; display: block; box-sizing: border-box; float: right; padding: 0 10px; font-size: 14px; color: #fff; font-weight: 600; top: 5px; }
header > #wrapper > .ust > .location i{ color: #FFA10E; font-size: 22px;  margin-right: 10px; }



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

#home-about{ position:relative; display: block; box-sizing: border-box; float: left; width: 69%;  height: 310px; margin: 15px 0px; background: url(../images/about.png) no-repeat left}
#home-about > .information{ position: relative; display: block; box-sizing: border-box; float: right; width: 85%;  height: 310px; padding: 25px; border:1px solid #ebebeb;}
#home-about > .information > .text{ position: relative; display: block; box-sizing: border-box; float: right; width: 85%;  padding: 15px; }
#home-about >  .baslik{ position: absolute;  box-sizing: border-box;  left: 0; top: 35px; width: 35%;  height: 65px; border-left:  5px solid #ffa10e; padding-left: 15px; font-size: 23px; font-weight: 900; z-index: 2;}
#home-about >  .baslik span{ font-size: 30px; }

#home-acardion{ position:relative; display: block; box-sizing: border-box; float: right; width: 29%;  height: 310px; margin: 15px 0px;  }
#home-acardion-detail{ position: relative; display: block; font-size: 18px; float: right; top: -20px; right: 15px; color: #000000;}

#home-product { position:relative; display: block; box-sizing: border-box; float: left; width: 15%; margin: 0.8%; height: 316px; transition:all 0.2s ease-in;}
#home-product images{ max-width: 100%; transition:all 0.2s ease-in;}
#home-product h6 { margin-top: -55px; padding: 15px; color: #FFFFFF; font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: 700; width: 100%; display: block; position: relative; transition:all 0.2s ease-in;}
#home-product:hover images { background: #000000; opacity: 0.5; transition:all 0.2s ease-in;}
#home-product:hover h6{ color: #000000; transition:all 0.2s ease-in; font-weight: 900; margin-top: -85px;}

#home-information { position: relative; display: block; box-sizing: border-box; width: 100%; background: #fbf4f4; height: 820px; padding: 30px 0px; text-align: center; transition: 1s ease;}
#home-information > #wrapper > .tittle { font-size: 24px; font-weight: 600; margin: 35px 0 10px 0px; }
#home-information > #wrapper > .tittle span{ font-size: 30px; font-weight: 700;}
#home-information > #wrapper > .line {position: relative; display: block; box-sizing: border-box; display: inline-block; width: 205px; height: 3px; background: #ffa10e;}

#home-information > #wrapper > #box { position: relative; display: block; box-sizing: border-box; float: left; width: 49%; margin: 0.5%; height: 270px;  text-align: left; transition: 1s ease;}
#home-information > #wrapper > #box images { max-width: 100%;}
#home-information > #wrapper > #box a{ position: relative; display: block; box-sizing: border-box; width: 38.7%; line-height: 270px; float: right; height: 270px; background: #000000; color: #fff; text-align: center; font-weight: 700; font-size: 18px;}
#home-information > #wrapper > #box:hover a{ position: absolute;  content: '';  top:0;	right: 0;  width: 0; width: 100%; height: 100%; background:#264ecc;  transform-origin:right;  transition: 1s ease;  z-index:3;  }

#home-information > #wrapper > #box2 { position: relative; display: block; box-sizing: border-box; float: left; width: 32.3%; margin: 0.5%; height: 270px;  text-align: left; transition: 1s ease;}
#home-information > #wrapper > #box2 images { max-width: 100%;}
#home-information > #wrapper > #box2 a{ position: relative; display: block; box-sizing: border-box; width: 100%; line-height: 82px; float: right; height: 82px; background: #000000; color: #fff; text-align: center; font-weight: 700; font-size: 18px;}
#home-information > #wrapper > #box2:hover a{ position: absolute;  content: '';  bottom:0;	right: 0;  width: 0; line-height: 270px; width: 100%; height: 100%; background:#264ecc;  transform-origin:right;  transition: 1s ease;  z-index:3; }


#weight{ position: relative; display: block; box-sizing: border-box; width: 100%; background: url(../images/bulten.png) no-repeat center; height: 281px;}
#weight > #wrapper > #yarim1{ position: relative; display: block; box-sizing: border-box; float: left; width: 49%; color: #FFFFFF; top: 100px;}
#weight > #wrapper > #yarim1 > .title{ font-family: 'Montserrat', sans-serif;font-weight:300; font-size:40px; color:#FFF; line-height:35px; padding-bottom: 15px; }
#weight > #wrapper > #yarim1 > .title span{ font-weight:700;  }

#weight > #wrapper > #yarim2{ position: relative; display: block; box-sizing: border-box; float: right; width: 49%; color: #FFFFFF; top: 100px;}
.dropbtn {
    background-color: #fff;
    color: black;
    padding: 16px;
    font-size: 16px;
    border: none;
	width: 100%;
    cursor: pointer;
	text-align: left;
	border-radius: 5px;transition: 0.2s ease;
}

.dropdown {
    position: relative;
    display: inline-block;
	width: 100%;
	border-radius: 5px;
	text-align: left;transition: 0.2s ease;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	text-align: left;transition: 0.2s ease;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	text-align: left;transition: 0.2s ease;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #264ecc; color: white;transition: 0.2s ease;
}

.dropdownlistbutton{position: absolute; width: 100px; height: 54px; line-height: 54px; text-align: center; right: 0px; top: 0px; z-index: 3; color: #000000; font-weight: 700; font-size: 22px; background: #CACACA;}



#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; }

#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; }

#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: #264ecc;
  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 images{ 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 images{ 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 images{ width:100%; max-width:100%; }
#product-box-2:hover{ -webkit-transform: scale(1.05); transform: scale(1.05);  transition:all 0.2s ease-in; }


#uclu{position: relative; display: block; box-sizing: border-box; width: 32.3%; margin: 0.5%; float: left;}
#dortlu{position: relative; display: block; box-sizing: border-box; width: 24%; margin: 0.5%; float: left;}


#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 images { 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: url(../images/footer.jpg) no-repeat center; font-family: 'Open Sans', sans-serif; height: 348px;  }
#footer-top-bar #footer-top-box { float:left; position:relative; display:block; text-align:left; width: 19%; margin: 0.5%;}
#footer-top-bar #footer-top-box h1 { margin:0; font-size:24px; font-weight:900; color:#fff; width:100%; padding:0px 0px 15px 0px;}
#footer-top-bar #footer-top-box ul { list-style: none; margin: 0px auto;}
#footer-top-bar #footer-top-box ul li { position: relative; display: block; margin: 0px; z-index: 2;} 
#footer-top-bar #footer-top-box ul li a{ position: relative; width: 100%;  font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 300; color: #cacaca; text-decoration: none;   display: block;   } 
#footer-top-bar #footer-top-box ul li a:hover{  font-weight: 700; color: #fff; transition:all 0.2s ease-in;   } 
#footer-top-bar #footer-top-box ul li a i{  font-size: 5px; vertical-align: middle; margin-right: 10px;   } 


#footer-top-bar #footer-top-box a { margin:0; font-size:14px; font-weight:400; color:#cccccc !important; width:100%; padding:10px; width: 100%; }
#footer-top-bar #footer-top-box a span { float: right;}

#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: #323232; }
#footer-left { width:80%; float:left; text-align:left; }
#footer-left b{ font-weight: 700;}
#footer-left-top { width:100%; float:left; text-align:left;}
#footer-left-top .footer-nav { color:#555555!important; margin-right:10px; font-size:14px; font-weight:500;} 
#footer-left-bottom { width:100%; float:left; text-align:left; }
#footer-left-bottom p {  margin-top:10px; color: #696969; font-size: 16px;}
#footer-left-bottom p b{ font-weight: 900;}
#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;   }
.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; }

.title2{font-family: 'Montserrat', sans-serif;font-weight:600; font-size:14px; color:#000; line-height:40px;   }

.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; }

.style3{ font-family: 'Montserrat', sans-serif; font-weight:500; font-size:15px; color: #2E2E2E; width:100%; height:40px; line-height:40px; padding-left:15px; margin-bottom:5px; border:0px; box-sizing:border-box; border:1px solid #f0f0f0; outline:none; background: #eee; border-radius: 5px; transition: 0.6s ease all;}
.style3::placeholder{  color:#000;  }
.style3:hover{ background: #264ecc; color: #FFFFFF !important; }
.style3:hover::placeholder{  color:#fff;  }
.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: 1024px) {

#ebulten-bar { position:relative; display:block; width:100%; background-color:#001c86; color:#fff !important; padding-bottom:50px; }
#ebulten-bar #ebulten-icon { position:relative; display:block; width:528px; margin:auto; height:auto; }
#ebulten-bar #ebulten-icon images { 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; }
#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;   }
#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: 20px; text-align: left }
	header > #wrapper > .logo images{ max-width: 100%;  height: 49px; }
	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{ margin: 10px auto; margin-left: 5px; float: right; border-radius: 5px; display: block;  }
	header > #wrapper > .dil ul li a:hover{ border-radius: 5px; } header > #wrapper > .dil ul li ul li a{ border-radius: 5px; } header > #wrapper > .dil li:hover > a{ border-radius: 0; }
	#banner{ padding-top: 0px; }
	
	header > #wrapper > .ust{ display: none;}
	

	
	#home-about{  width: 100%;  height: auto; background: none;}
	#home-about > .information{  width: 100%;  height: auto; top: 15px;}
	#home-about > .information > .text{ position: relative; display: block; box-sizing: border-box; float: right; width: 100%;  padding: 0px;  }
	#home-about >  .baslik{ position: relative;  top: 0px; width: 100%;  }

	
	#home-acardion{width: 100%;  height: auto;  }
	
	#home-product {  width: 49%; margin: 0.5%; }
	
	#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 images { 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;}
	
	#home-information > #wrapper > #box {  width: 100%; }
	
	#yarim1{ width:100%; float:left;  box-sizing: border-box;}
	
	#yarim2{ width:100%; float:right;  box-sizing: border-box;}
	
	#home-information { height: auto; }
	#home-information > #wrapper > #box {  width: 100%;  height: auto;  margin-bottom: 15px; }
	#home-information > #wrapper > #box images { max-width: 100%; text-align: center;}
	#home-information > #wrapper > #box a{ position: absolute; display: block; box-sizing: border-box; width: 50%; float: right; height: 270px; background: #000000; color: #fff; text-align: center; font-weight: 700; font-size: 13px; top: 0; right: 0;}
	#home-information > #wrapper > #box:hover a{ position: absolute;  content: '';  top:0;	right: 0;  width: 0; width: 100%; height: 100%; background:#264ecc;  transform-origin:right;  transition: 1s ease;  z-index:3;  }

	#home-information > #wrapper > #box2 { position: relative; display: block; box-sizing: border-box; float: left; width: 100%; margin: 0.5%; height: 270px;  text-align: left; transition: 1s ease; text-align: center;}
	#home-information > #wrapper > #box2 images { max-width: 100%; }
	#home-information > #wrapper > #box2 a{ position: relative; display: block; box-sizing: border-box; width: 100%; line-height: 82px; float: right; height: 82px; background: #000000; color: #fff; text-align: center; font-weight: 700; font-size: 13px;}
	#home-information > #wrapper > #box2:hover a{ position: absolute;  content: '';  bottom:0;	right: 0;  width: 0; line-height: 270px; width: 100%; height: 100%; background:#264ecc;  transform-origin:right;  transition: 1s ease;  z-index:3; }

	#uclu{ width: 100%; }
	#dortlu{width: 100%;}
	
	#weight{  width: 100%; background:none; background: #000000; height: 300px;}
	#weight > #wrapper > #yarim1{ width: 100%; color: #FFFFFF; top: 30px;}
	#weight > #wrapper > #yarim2{ width: 100%; top: 50px;}
	
	#footer-top-bar { display:block; position:relative; width:100%; padding:30px 0px; height: auto; background: none; background: #000000}
	#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 images{ 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 images{ 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; }
	
	#header-line { display: none;}
	
	.kapa{ display:none; }
	.acil{ display:block; }

}
@media only screen and (max-width: 380px) {
	
	
	#home-information > #wrapper > #box a{ position: absolute; display: block; box-sizing: border-box; width: 50%; float: right; height: 233px; background: #000000; color: #fff; text-align: center; font-weight: 700; font-size: 13px; top: 0; right: 0;}
}
@media only screen and (max-width: 375px) {
	
	
	#home-information > #wrapper > #box a{ position: absolute; display: block; box-sizing: border-box; width: 50%; float: right; height: 245px; background: #000000; color: #fff; text-align: center; font-weight: 700; font-size: 13px; top: 0; right: 0;}
}
@media only screen and (max-width: 320px) {
	
	
	#home-information > #wrapper > #box a{ position: absolute; display: block; box-sizing: border-box; width: 50%; float: right; height: 205px; background: #000000; color: #fff; text-align: center; font-weight: 700; font-size: 13px; top: 0; right: 0;}
}