#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:#00008B!important; line-height:25px;}
#wrapper{ position:relative; width: 1200px; margin: 0 auto; }
header{ position:relative; width: 100%; height: auto;  padding: 0px 0px; box-sizing: border-box; background-color: rgba(255,255,255,0.1); 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:18%; float: left; display: block; text-align: right; margin-top: 10px;}
header > #wrapper > .logo img{  max-width: 100%; }
header > #wrapper > .menu{ position: relative; width: 80%; height: 100px; float:right; display: block; text-align: right; padding-right: 5px; }
header > #wrapper > .menu ul{ list-style: none; margin: 30px auto;}
header > #wrapper > .menu ul li{ position: relative; display: inline-block; margin: 0 1px; z-index: 2; height:85px;} 
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: 600; color:#000080; text-decoration: none;   display: block; padding: 0 5px;} 
header > #wrapper > .menu ul li a:hover{   color:rgba(0,0,0,1.00);}
header > #wrapper > .menu ul li a::after{ position: absolute; color:rgba(0,0,0,1.00); top:0;	left: 0;  width: 0;  height: 100%;  border-bottom: 3px solid #fff;  transform-origin:left;  transition:width 0.25s ease;  z-index:-1;}
header > #wrapper > .menu ul li a:hover::after{ width: 100%; color:rgba(0,0,0,1.00);}
header > #wrapper > .menu ul li ul{ position: absolute; visibility: hidden; width: 220px; left: 0;  background: #ffffff; 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: 35px; display: block; margin: 0; text-align: left;}
header > #wrapper > .menu ul li ul li a{ width: 100%; height: auto; font-size: 14px; color:#000080; font-weight: 400; line-height:20px; padding: 5px; box-sizing: border-box; text-align: left;  background: none; display: block;   } 
header > #wrapper > .menu ul li ul li a:hover{ color:#ff4e55; }
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:rgba(0,0,0,1.00);  }

header > #wrapper > .menu li #alan {z-index: 2; position: absolute; display: block; top:40px; left: -250px; width: 700px; height: auto; padding: 15px; background-color: #FFF; text-align: left; display: none; box-shadow: 1px 1px 1px 0px #333;}
header > #wrapper > .menu li #alan .wrapper{width: 620px; margin: 15px auto;}
header > #wrapper > .menu li #alan .bolumbir{float: left; position: relative; width: 48%; margin: 0 1%; padding: 0; text-align: left; border-right: 1px solid #CCC;}
header > #wrapper > .menu li #alan .bolumiki{float: left; position: relative; width: 48%; margin: 0 1%; padding: 0; text-align: left;}
header > #wrapper > .menu li #alan a{display: block; height: 2px; line-height: normal; margin: 5px 0; padding: 0; float: none; }
header > #wrapper > .menu li #alan a:hover{color: #ff4e55;}
header > #wrapper > .menu li #alan .kat1{ margin-left: 10px; font-size: 14px!important; color:#ff4e55;}
header > #wrapper > .menu li #alan .kat2{ margin-left: 20px; font-size: 12px!important;}
header > #wrapper > .menu li #alan i{margin-right: 3px;}
header > #wrapper > .menu li #alan h3{margin: 0; line-height: 50px; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 600; color:rgba(0,0,0,1.00); text-decoration: none; }

.line{ position: absolute;  width: 100%; height: 1px; background:rgba(229,228,239,0.25); bottom: 50%; z-index: -1;  }



#banner-icsayfa img{width:100%; height: 200px;}
#banner-icsayfa{ position:relative; width:100%;  margin:0 auto; text-align:center; }
#banner-icsayfa-baslik{ position:absolute; width:1200px; margin:0 auto; font-family: 'Open Sans', sans-serif; font-weight:700; text-align:left; font-size:40px; color:#fff; text-shadow:0px 2px 2px rgba(0,0,0,0.3);  left: 50%; transform: translate(-50%, 0); bottom:15%; }

header > #wrapper > .ust{ position: relative; width: 57.5%;  float:right; display: block; top: 10px;  }
header > #wrapper > .ust > .yarim2 { position:relative; width:32%; float:right;  box-sizing: border-box; right: 22px;  color: #000; background: url(../img/phone.png) no-repeat right; font-size: 14px; font-weight: 900;}
header > #wrapper > .ust > .yarim2 span font { font-weight: 100; }
header > #wrapper > .ust > .yarim2 span { text-align: right; color: #000; font-size: 22px;  font-weight: 900; }
header > #wrapper > .ust > .yarim2 i { position:relative; width:20%; float:right;  box-sizing: border-box; font-size: 32px; vertical-align: top; color: #000;}

header > #wrapper > .ust > .yarim1 { position:relative; width:32%; float:right; text-align: right; box-sizing: border-box; right: 22px; margin-right: 45px; color: #ee3f14;  font-size: 14px; font-weight: 900;}
header > #wrapper > .ust > .yarim1 font { font-weight: 300; }
header > #wrapper > .ust > .yarim1 a { position:relative; width: auto; float: right; text-align: right;  padding: 0 10px; margin-top: 8px; right: -5px; color: #000; font-size: 12px; border-left: 1px solid rgba(0,0,0,0.42);}


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

#hizmetler{ position:relative; width: 85%; margin: -100px auto; padding: 15px; height: 548px; }
#hizmetler .bg{
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 50%;
	left: 50px;
	bottom: 140px;
}
#hizmetler > #left{ position:relative; float: left; display: block; box-sizing: border-box; width: 49%; margin: 0.5%; }
#hizmetler > #left h1{ font-family: 'Montserrat', sans-serif;font-weight:400; font-size:24px; color:#000080; line-height:35px;   }
#hizmetler > #left p{ font-family: 'Montserrat', sans-serif;font-weight:400; font-size:14px; color:#000080; line-height:24px; text-align: left;   }
#hizmetler > #left a{ position: relative; display: block; box-sizing: border-box; width: 152px; color:#000080; padding-bottom: 15px; margin-top: 22px; font-weight: 800; border-bottom: 2px solid #ff4e55; transition:all 0.4s ease-in;}
#hizmetler > #left a:hover{ padding-bottom: 0px;}

#hizmetler > #right{ position:relative; float: right; display: block; box-sizing: border-box; width: 49%; margin: 0.5%; }
#hizmetler > #right > .urunler{width: 90%; margin-left: 5%; margin-top: 20%;}

#hizmetler > #left > .solyazi {padding-left: 30%; margin-top: 25%; color:#000080;}

#hizmet1{position: relative; display: block; box-sizing: border-box; width: 49%; float: left; background: url(../img/hizmet1.jpg) no-repeat center cover; height: 436px; padding-top: 45px; }
#hizmet1 > #ic {position: relative; display: block; box-sizing: border-box; float: right; width: 50%; background: rgba(0,0,0,1.00); height: 350px;  padding: 50px 45px; margin-right: 4px;}
#hizmet1 > #ic h2{font-family: 'Montserrat', sans-serif;font-weight:700; font-size: 36px;  color: rgb(255, 255, 255); line-height:35px;   }
#hizmet1 > #ic h2 span{font-weight:300;  }
#hizmet1 > #ic p{font-family: 'Montserrat', sans-serif;font-weight:400; font-size:13px; color:#6e6e6e; line-height:24px; text-align: left; }
#hizmet1 > #ic a{font-family: 'Montserrat', sans-serif;font-weight:900; font-size:48px; position: relative; width: 50px; display: block;  color: #FF4E55; transition:all 0.4s ease-in;}
#hizmet1:hover > #ic a{ margin-left: 25px;  transform: rotate(360deg);  transform: rotate3d(0, 1, 0, 360deg)!important;}

#hizmet2{position: relative; display: block; box-sizing: border-box; width: 49%; float: right; background: url(../img/hizmet2.jpg) no-repeat center; height: 436px; padding-top: 45px;}
#hizmet2 > #ic {position: relative; display: block; box-sizing: border-box; float: right; width: 50%; background: rgba(0,0,0,1.00); height: 350px;  padding: 50px 45px; margin-right: 4px;}
#hizmet2 > #ic h2{font-family: 'Montserrat', sans-serif;font-weight:700; font-size: 36px;  color: rgb(255, 255, 255); line-height:35px;   }
#hizmet2 > #ic h2 span{font-weight:300;  }
#hizmet2 > #ic p{font-family: 'Montserrat', sans-serif;font-weight:400; font-size:13px; color:#6e6e6e; line-height:24px; text-align: left; }
#hizmet2 > #ic a{font-family: 'Montserrat', sans-serif;font-weight:900; font-size:48px; position: relative; width: 50px; display: block;  color: #FF4E55; transition:all 0.4s ease-in;}
#hizmet2:hover > #ic a{ margin-left: 25px;  transform: rotate(360deg);  transform: rotate3d(0, 1, 0, 360deg)!important;}


#home-info{position: relative; display:block; float: left; box-sizing: border-box; width: 24%; margin: 0.5%; text-align: center;  font-size: 18px; color: #323232; font-weight: 400; padding: 10px; transition:all 0.2s ease-in;}
#home-info:hover{ background: rgba(227,227,227,1.00); }
#home-info img{max-width: 100%; margin-bottom: 20px;}

#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: url(../img/blog-bg.jpg) no-repeat top center; 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: 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: #1447a3; }
#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: #604099; }
#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; box-sizing: border-box; }


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

#takip2 > #wrapper > .back { position: relative; display: block; box-sizing: border-box; width: 15%; float: right; text-align: right; padding: 25px 0px; }
#takip2 > #wrapper > .back a{ border:1px solid #acacac; width: auto; padding: 15px; text-align: center; color: #acacac; transition:all 0.2s ease-in; }
#takip2 > #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; }



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

#takip5 > #wrapper > .back { position: relative; display: block; box-sizing: border-box; width: 15%; float: right; text-align: right; padding: 25px 0px; }
#takip5 > #wrapper > .back a{ border:1px solid #acacac; width: auto; padding: 15px; text-align: center; color: #acacac; transition:all 0.2s ease-in; }
#takip5 > #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; }


#sitemap{position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 15px 0;}
#sitemap .sol
{
	position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
	width: 80%; float: left; color: #00008B;
}
#sitemap .sag
{
	position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
	float: right;
}
#sitemap .sag a{ width: 45px; display: block; padding: 10px 15px; border: 1px solid #CCC;}
#sitemap .sag a:hover{background-color: #00008B; color: #FFF!important;}
#sitemap .sol a{font-size: 17px;}
#sitemap a{color: #00008B!important; text-decoration: none;}
#sitemap a:hover{color: #AAA!important;}


#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:49%; 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{ height:auto; width:100%; margin:0px auto; background:#f4f4f4; padding:40px 0px 40px 0px; z-index:2;}
footer .bir{ position:relative; float:left; width:24%; margin: 0.5%; height:auto; display:block; color:#000080;}
footer .uc{ position:relative; float:left; width:32.3%; margin: 0.5%; height:auto; display:block; }
footer .uc span{font-weight: 600;  }
footer .uc img{  max-width: 100%;}
footer .bes{ position:relative; float:left; width:75%; height:auto; line-height:50px; display:block; text-align:left;  }
footer .alti{ position:relative; float:left; width:25%; height:auto; display:block; text-align:right; margin-top: 15px;  }

footer .link{ position:relative; float:left; width:100%; height:auto; display:block; font-family: 'Montserrat', sans-serif;  color:#000080; font-size:12px; line-height:30px; font-weight:500; transition:all 0.2s ease-in;  }
footer .link:hover{ border-left:2px solid #f66000; color:#000; padding-left:10px; border-radius:5px; }
footer .baslik1{ position:relative; width:auto; height:auto; display:inline-block; font-family: 'Montserrat', sans-serif;   font-size:13px; color:#000080; font-weight:700; line-height:40px; border-bottom:3px solid #eeeeee; padding-bottom:20px; margin-bottom:20px; text-align:right; }
footer .sosyal{ width:auto; height:auto; margin-left:5px; float:left; display:inline-block; transition:all 1s ease-in; }
footer .sosyal:hover{ transform: rotate(-360deg);  }
footer .copy{ position:relative; margin:0 auto; width:60%; height:auto; display:block; font-family: 'Montserrat', sans-serif;   font-size:14px; color:#dedede; line-height:20px; text-align:center; }
.footer-yazi{ font-family: 'Montserrat', sans-serif;  color:#000080; font-size:12px; line-height:24px; font-weight:500; }
footer .line{ width:100%; height:1px; background:#eee; position:relative; display:block; margin:20px auto; z-index: 1;}
#ebultentxt{width:75%; height:60px; background:#462f6c; line-height:60px; padding-left:10px; box-sizing:border-box; border:0px; border-top-left-radius:5px;border-bottom-left-radius:5px; }
#ebultengonder{border:0px; background:#462f6c; width:25%; float:right; box-sizing:border-box; text-align:center; color:#FFF; line-height:59px; font-family: 'Montserrat', sans-serif;  font-size:24px; color:#fff; font-weight:700; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px;}
#ebultengonder:hover{ background:#f66000; }



#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:#00008B; 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:#604099;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;
}

.ref{margin: 0 auto; width: 1200px!important; float: none!important;}
.reftakipwrap{position: relative; margin: 0 auto!important; box-sizing: border-box; }
.refleft{float: left!important;}
.referans{position: relative; width: 20%; margin: 2%; float: left; padding: 0; box-sizing: border-box;}
.referans img{width: 100%;}

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

	
}






@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: 109px; }
	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; }
	
	.line{ display: none; }
	
	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;}
	
	.referans{width: 49%!important; margin: 0.5%!important;}
	.ref{width: 100%!important; margin: 0; padding: 0;}
	.refleft{width: 80%!important;}
	.refright{width: 15%!important;}

	#home-info{width: 49%}

	#hizmet1{ width: 100%; ; }
	#hizmet1 > #ic { width: 70%;}

	#hizmet2{ width: 100%; }
	#hizmet2 > #ic { width: 70%; }
	
	#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;}
	
	#yarim1{ width:100%; float:left;  box-sizing: border-box;}
	#yarim2{ width:100%; float:right;  box-sizing: border-box;}
	
	
	#hizmetler{ position:relative; width: 100%; margin: 0 auto; height: auto; background: none; padding: 15px;}
	#hizmetler > #left{  width: 100%; margin: 0; padding: 0; float: none;}
	#hizmetler > #right{  width: 100%; margin: 0; padding: 0; float: none;}
	#hizmetler > #left > .solyazi{margin: 0; padding: 0;}
	#hizmetler > #right > .urunler{margin: 15px 0 0 0; padding: 0;}
	
	#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{ height:auto; width:100%; margin:0px auto;  padding:30px 0px 30px 0px; z-index:2;}
	footer .bir{ position:relative; float:left; width:100%; height:auto; display:block; text-align:center; border-bottom:1px solid #666; margin-bottom:30px; }
	footer .uc{ position:relative; float:left; width:100%; height:auto; display:block; }
	footer .dort{ position:relative; float:left; width:100%; height:auto; display:block;  }
	footer .bes{ position:relative; float:left; width:100%; height:auto; line-height:50px; display:block; text-align:center;  }
	footer .alti{ position:relative; float:left; width:100%; height:auto; display:block; text-align:center;  }
	
	#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) {}