@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin-ext');
::selection {
	color : #fff;
	background : #fe8400;
}
::-moz-selection {
	color : #fff;
	background : #fe8400;
}
* {font-family: 'Open Sans', sans-serif;
	letter-spacing: -0.2px;
}
b,strong,h1,h2,h3 {
font-weight : 600;
}
html, body{
margin : 0;
padding : 0;
width : 100%;
height : 100%;
font-weight : 400;
}
img {
border : 0;
}
body {
font-size : 13px;
background : url(../img/bg.png) #f2f2f2;
}
.left {
float : left;
}
.right {
float : right;
}
.clear {
clear : both;
}
.center {
margin : 0 auto;
width : 100%;
max-width : 1000px;
}
#top {
width : 100%;
height : 40px;
line-height : 40px;
background : #393185;
}
#top a{
color : #fff;
text-decoration : none;
padding-left : 10px;
font-size : 12px;
transition : all 0.2s linear;
}
#top a.go{
background : url(../img/go.png) left center no-repeat;
padding-left : 20px;
margin-left : 5px;
}
#top a:first-child{
padding-left : 0px;
}
#top a:hover{
color : #fe8400;
}
#top a.tel{
float : right;
padding-left :40px;
padding-right :10px;
background : url(../img/tel.png) left 10px center no-repeat;
font-weight : 600;
font-size : 14px;
}
#top a.tel:hover{
background : url(../img/tel.png) left 10px center no-repeat #fe8400;
color : #fff;
}
#header {
width : 100%;
height : 100px;
background : url(../img/box_bg.png);
background : linear-gradient(#fafafa,#fff);
border-bottom : 2px solid #fe8400;
margin-bottom : 25px;
}

#logo {
float : left;
width : 300px;
height : 100px;
position : relative;
margin-left : -10px;
}
.logo_line {
position : absolute;
width : 100px;
height : 100px;
background : url(../img/logo_line.png) center  center no-repeat;
transition : all 0.25s linear;
}
.logo {
float : left;
width : 100px;
height : 100px;
background : url(../img/logo2.png) center  center no-repeat;
transition : all 0.25s linear;
}
#logo a b{
position : absolute;
left : 100px;
top : 55px;
font-size : 12.5px;
font-weight : 400;
letter-spacing: -0.4px;
color : #555;
}
#menu {
float : right;
height : 100px;
margin-right : 10px;
}
#mega {
float : right;
list-style : none;
margin : 0;
padding : 0;
}
#mega li {
float : left;
position : relative;
line-height : 50px;
padding-top : 25px;
padding-bottom : 25px;
}
#mega li:first-child{
border-left : 0px;
}
#mega a {
padding : 0 15px;
font-size : 14px;
color : #393185;
text-decoration : none;
display : block;
text-transform : uppercase;
border-left : 1px solid rgba(0,0,0,0.08);
font-weight : 600;
}
#mega li.sec {
background : url(../img/ok.png) bottom center no-repeat;
}
#mega li:hover a {
color : #fe8400;
}
#mega div {
position : absolute;
left : -999em;
border : 0;
font-weight : normal;
text-align : left;
background : #fe8400 ;
min-width : 150px;
z-index : 3;
}
#mega li:hover div {
left : 0px;
top : 100px;
}
#mega div a {
text-decoration : none;
float : left;
width : 100%;
line-height : 35px;
padding : 0;
white-space : nowrap;
display : block;
padding : 0 15px;
text-transform : capitalize;
border-bottom : 1px solid rgba(0,0,0,0.1);
box-sizing : border-box;
}
#mega li:hover div a {
color : #fff;
}
#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration : none;
background : #393185;
color : #fff;
}
.baslik {
margin : 0 auto;
background : #eee;
background : linear-gradient(#fff,#fafafa);
border-bottom : 2px solid #eee;
width : 1000px;
color : #393185;
line-height : 40px;
padding : 0 15px 3px 15px;
box-sizing : border-box;
box-shadow: 0 0 8px 0px rgba(0,0,0,0.3);
padding-top : 3px;
}
.baslik h1{
margin : 0;
padding : 0;
font-size : 15px;
}
.baslik b{
margin : 0;
padding : 0;
font-size : 15px;
}
#page {
margin : 0 auto;
width : 1000px;
}
#page p{
padding : 5px;
}
.y50 {
float : left;
width : 50%;
height : auto;
box-sizing : border-box;
padding : 0 5px;
}
.zoom-small-image {
float : right;
width : 100%;
height : auto;
overflow : hidden;
text-align : center;
border : #ccc solid 1px;
background : #fff;
box-sizing : border-box;
margin : 10px 0;
}
.kresim {
width : 100%;
box-sizing : border-box;
}
.kresimo {
float : left;
width : 25%;
height : 90px;
overflow : hidden;
border : #ccc solid 1px;
border-right : 0;
margin-bottom : 10px;
text-align : center;
background : #fff;
box-sizing : border-box;
}
.kresimo:last-child {
border-right :  #ccc solid 1px;
}
.flexslider {
width : 100%;
height : 400px;
position : relative;
overflow : hidden;
background : url(../img/load.gif) center center no-repeat #eee;
margin-bottom : 25px;
box-shadow: 0 0 8px 0px rgba(0,0,0,0.3);
}
.flexslider .slides > li {
display : none;
}
.flexslider .flexresim {
margin : 0 auto;
width : 100%;
height : 400px;
display : block;
overflow : hidden;
box-shadow: inset 0 0 50px rgba(0,0,0,0.05);
}
.flexslider .flex-caption {
text-align : center;
margin-top : -13px;
}
.flexslider .flex-caption h2{
margin : 0 auto;
padding : 0;
color : #fff;
font-size : 15px;
line-height : 50px;
display : inline-block;
padding-top : 13px;
}
.flexslider .slides, .flex-control-nav, .flex-direction-nav {
margin : 0;
padding : 0;
list-style : none;
}
.flexslider .flex-direction-nav {
width : 100%;
display : block;
position : absolute;
z-index : 998;
}
.flexslider .flex-direction-nav li a {
width : 38px;
height : 80px;
display : block;
text-indent : -9999px;
overflow : hidden;
top : 156px;
transition : all 0.2s linear;
opacity : 0.2;
}
.flexslider:hover .flex-direction-nav li a {
opacity : 1;
}
.flexslider .flex-direction-nav li a.next {
position : absolute;
right : 0px;
background : url(../img/right.png);
}
.flexslider .flex-direction-nav li a.prev {
position : absolute;
left : 0px;
background : url(../img/left.png);
}
.flexslider .flex-direction-nav li a.next:hover {
opacity : 1;
}
.flexslider .flex-direction-nav li a.prev:hover {
opacity : 1;
}
.flexslider .flex-direction-nav li a.disabled {
opacity : 0.3;
cursor : default;
}
.flexslider .flex-control-nav {
display : none;
}
.page {
width : 100%;
min-height : 350px;
box-sizing : border-box;
padding : 10px;
background : #fff;
box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
}
.page a{
	color : #fe8400;
}
.resim {
float : left;
width : 25%;
height : auto;
box-sizing : border-box;
padding : 5px;
overflow : hidden;
text-align : center;
position : relative;
}
.kod{
font-weight : 700;
color : #444;
position : absolute;
left : 12px;
top : 12px;
padding : 5px;
}
.resim a.ub {
display : block;
height : 40px;
overflow : hidden;
background : #ddd;
background : linear-gradient(#eee,#ddd);
text-decoration : none;
transition : all 0.2s linear;
border : 2px solid #ddd;
border-top : 0;
color : #333;
padding : 5px;
}
.resim a.resim_ic {
display : block;
width : 100%;
min-height : 233px;
height : auto;
border : 2px solid #ddd;
border-bottom : 0;
padding-bottom : 0px;
box-sizing : border-box;
overflow : hidden;
transition : all 0.2s linear;
}
.resim:hover a.resim_ic{
border : 2px solid #fe8400;
border-bottom : 0;
}
.resim:hover a.ub{
background : #fe8400;
color : #fff;
border : 2px solid #fe8400;
border-top : 0;
}
.footertop {
width : 100%;
padding : 15px;
color : #444;
line-height : 20px;
margin-top : 10px ;
margin-bottom : 30px ;
box-sizing : border-box;
}
a.filnet {
float : right;
display : block;
width : 22px;
height : 22px;
background : url(../img/filnet.png) top left no-repeat;
transition : all 0.2s linear;
}
a.filnet:hover {
width : 90px;
}
#footer {
width : 100%;
padding : 15px 0;
border-bottom : 2px solid #fe8400;
}
.footeralan,.footerlogo {
float : left;
width : 274px;
height : 185px;
padding-right : 15px;
margin-right : 15px;
border-right : 1px solid rgba(0,0,0,0.1);
}
.footerlogo {
width : 144px;
}
.footerlogo img.flogo {
margin : 0 auto;
text-align : center;
display:block;
margin-left : 15px;
}
.footeralan span {
display : block;
text-decoration : none;
font-size : 12px;
color : #444;
padding-bottom : 10px;
margin-top : 5px;
line-height : 18px;
}
.footeralan b{
display : inline-block;
font-size : 14px;
color : #fe9d00;
font-weight : 500;
text-transform : uppercase;
padding-bottom : 5px;
margin-bottom : 5px;
border-bottom : 2px solid #fe9d00;
}
.footeralan a{
display : block;
border-bottom : 1px dotted rgba(0,0,0,0.2);
line-height  : 30px;
color : #444;
text-decoration : none;
font-size : 12px;
}
.footeralan a:hover{
color : #fff;
}
#slopen,#slclose,#left,#mlogo{
display : none;
}
@media screen and (max-width:480px) {
.center,#page,.baslik {
width : 100%;
}
#mlogo {
float : left;
width : 200px;
height : 110px;
margin-top : -10px;
display : block;
}
#top a {
display : none;
}
#top a.tel {
display : block;
}
#header {
margin-bottom : 0px;
}
#menu,#home,.mgizle {
display : none;
}
#slide {
float : left;
width : 100%;
height : auto;
margin : 0px;
background : #fff;
box-shadow : 0 0 5px 0px rgba(0,0,0,0.2)
}
.flexslider {
width : 100%;
height : auto;
position : relative;
background : url(../index.html) center center no-repeat #444;
overflow : hidden;
margin-bottom : 0;
}
#slide .flexslider .slides > li {
display : none;
}
#slide .flexslider .flexresim {
margin : 0 auto;
width : 100%;
height : auto;
display : block;
}
.flex-caption{display:none;}
#slide .flexslider .flex-direction-nav li a {
top : 60px;
}
#top a.tel{
margin-left:0px;
}
.duyuru {
margin-left:0px;
}
.alan{
width : 100%;
margin : 0px 0;
box-sizing : border-box;
}
.alan.kr{
min-height : 270px;
background : #fff;
padding-right  :0px;
margin-top : 15px;
}
.footerlogo {margin-left:-10px}
.footeralan,.footerlogo {width : 50%;}
#slopen,#slclose {
display : block;
float : right;
width : 60px;
height : 65px;
line-height : 65px;
cursor : pointer;
color : #eee;
margin : 15px;
right : 5px;
background : url(../img/menu.png) right center no-repeat;
position :Absolute
}
#slclose,.mbn {
display : none;
}
.footeralan,.footerlogo {
float : left;
width : 50%;
height : 185px;
padding-right : 15px;
margin-right : 15px;
box-sizing : border-box;
}
#left {
display : block;
width : 100%;
min-height : 100%;
background : #393185;
z-index : 99988;
position : absolute;
left : -1500px;
box-sizing : border-box;
top : 140px;
}
.zoom-small-image {
float : right;
width : 100%;
height : 300px;
overflow : hidden;
text-align : center;
border : #ddd solid 1px;
background : #fff;
box-sizing : border-box;
margin : 10px 0;
}
.y50 {
float : left;
width : 100%;
height : auto;
box-sizing : border-box;
padding : 0 5px;
}
#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a {
margin : 0;
padding : 0;
border : 0;
list-style : none;
font-weight : normal;
text-decoration : none;
position : relative;
}
#cssmenu a {
outline : 0;
line-height : 45px;
padding-left : 15px;
font-size : 15px;
box-sizing : border-box;
color : #ddd;
}
#cssmenu {
width : 100%;
}
#cssmenu > ul > li > a {
display : block;
border : rgba(255,255,255,0.1) solid 1px;
}
#cssmenu > ul > li > a > span {
display : block;
}
#cssmenu > ul > li > a:hover {
text-decoration : none;
}
#cssmenu > ul > li.active {
border-bottom : none;
}
#cssmenu ul ul {
display : none;
}
#cssmenu ul ul a {
display : block;
background : #444;
padding-left : 20px;
box-sizing : border-box;
text-transform : capitalize;
}
.resim {
float : left;
width : 50%;
height : auto;
box-sizing : border-box;
padding : 5px;
overflow : hidden;
text-align : center;
}
.resim a.ub {
height : 40px;
line-height : 20px;
}
.flexslider {
width : 100%;
height : auto;
}
.flexslider .slides > li {
display : none;
}
.flexslider .flexresim {
margin : 0 auto;
width : 100%;
height : auto;
}
.flexslider .flexresim img{
width : 100%;
height : auto;
}
.flexslider .flex-direction-nav li a {
display : none
}
.resim a.resim_ic {
min-height : 133px;
height : auto;
}
}