@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300&subset=latin,latin-ext);

.mobileLoader{ position:fixed; left:0; top:0; bottom:0; right:0; background:#fff; }
.mobileLoader img{ position:absolute; left:50%; top:50%; margin-top:-36px; }

.mm-page{ width:100%; }

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,font,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,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:125%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

img,iframe {max-width:100%;/* max-width:500px*/}
.multiyukleme { width:98% !important;height: auto !important;}

body { font-family: 'Open Sans', sans-serif; font-size:14px; background:#fff; }

.clearfix { clear:both; }
a { text-decoration:none; }
a:hover { text-decoration:none; }

a:focus,
input:focus,
textarea:focus,
radio:focus,
checkbox:focus,
select:focus{ outline: none; }

ul{ list-style:none; padding:0; margin:0; }
.clearfix { clear:both; }


{ font-weight: 400; }
header .bottom .menu{ font-weight: 600; }
{ font-weight: 700; }

header{background: #000;}
header .top{ background:#123C85; height:34px; line-height:34px; }
header ul.language { float:right; font-size:12px; line-height:34px; height:34px; margin-right:10px; }
    header .language li{ float:left; color:#fff; }
    header .language li:after{ content:'|'; padding:0 5px; color:#fff; opacity:0.2; }
    header .language li:last-child:after{ content:''; padding:0; }
    header .language li:first-child{ padding:0 0 0 5px; }
    header .language li a{ color:#fff; text-decoration:underline; }
    
header .top .left{ padding: 0 0 0 130px; }
header ul.social { margin:6px 0 0 10px; padding:0; list-style:none; float:left; }
    header .social li { float:left; margin:0 5px 0 0; line-height:28px; height: 24px; text-align: center; }
    header .social li a { text-decoration:none; display:block; }
    header .social li a i{ color: #fff; font-size: 20px; }
    header .social li:hover a i{ color: rgba(255,255,255,0.8); }

header .bottom{ height: 70px; }
header .bottom .menu{ float:right; margin:16px 10px 0 0; font-size: 12px; }
    header .bottom .menu .mButton{ border:2px solid #ddd; line-height: 34px; padding: 0 10px; height:34px; display:inline-block; color: #ddd;}
    header .bottom .menu .mButton:hover{ background-position:0 -34px; }

header .bottom .logo img{ max-height:84px; max-width: 94px; vertical-align: middle; padding: 0 5px; margin-top: 12px;}
.mm-next {display: none !important;}

/*------------------------------------ FLEXSLIDER BUTON RENKLERI ------------------------------------*/
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover{ background: #123C85 !important; }

.mainContent{ margin:0; clear:both;  }

.mainContent .typeOneBig{ margin:0 2% 10px; padding: 0 0 10px; font-size: 12px; border-bottom: 1px solid #eee; }
.mainContent .typeOneBig h1{ line-height: 30px; height: 30px; font-size: 14px; color: #666; margin:0; }
    .mainContent .typeOneBig .picArea{ border:1px solid #ccc; padding: 2px; }
        .mainContent .typeOneBig .picArea img{ display: block; }

.mainContent .typeOneBig ul{ float: left; }

    .mainContent .typeOneBig .firstBig{ width: 27%; margin: 0 3% 0 0; }
        .mainContent .typeOneBig .firstBig li img{ width: 100%; }

        .mainContent .typeOneBig .firstBig .picArea{  }
            .mainContent .typeOneBig .firstBig .picArea img{ height: 120%; }
        .mainContent .typeOneBig .firstBig .textArea{ margin:5px 0 0; }
    .mainContent .typeOneBig .firstBig .textArea strong{ white-space: nowrap; overflow: hidden; width: 100%; text-overflow:ellipsis; display: block; line-height: 20px; }


    .mainContent .typeOneBig .list{ width: 70%; }
    .mainContent .typeOneBig .list li{ width: 100%; margin:0 0 10px; }

.mainContent .typeOneBig .list .picArea{ float: left; width: 20%; margin: 0 5px 0 0; }
.mainContent .typeOneBig .list .textArea{ float: left; width: 73%; }
    .mainContent .typeOneBig .list .textArea strong,
    .mainContent .typeOneBig .list .textArea span{ white-space: nowrap; overflow: hidden; width: 100%; text-overflow:ellipsis; display: block; line-height: 20px; }


.mainContent .typeGrid{ margin:0 2% 10px; padding: 0 0 10px; font-size: 12px; border-bottom: 1px solid #eee; }
    .mainContent .typeGrid h1{ line-height: 30px; height: 30px; font-size: 14px; color: #666; margin:0; }
    .mainContent .typeGrid ul{ width: 102%; }
    .mainContent .typeGrid li{ float: left; width: 48%; margin: 0 2% 16px 0; }

    .mainContent .typeGrid li .picArea{ border:1px solid #ccc; padding: 2px; margin: 0 0 5px; }
        .mainContent .typeGrid li .picArea img{ display: block; width: 100%; }

        .mainContent .typeGrid li .textArea strong,
        .mainContent .typeGrid li .textArea span{ white-space: nowrap; overflow: hidden; width: 100%; text-overflow:ellipsis; display: block; line-height: 20px; }


.mainContent .typeList{ margin:0 2% 10px; padding: 0 0 10px; font-size: 12px; }
    .mainContent .typeList h1{ line-height: 30px; height: 30px; font-size: 14px; color: #666; margin:0; }
    .mainContent .typeList li{ margin: 0 0 8px; padding: 0 0 6px; border-bottom: 1px solid #eee;  }
        .mainContent .typeList li:last-child{ border:0; margin: 0; padding: 0; }

    .mainContent .typeList li .picArea{ border:1px solid #ccc; padding: 2px; margin: 0; width: 20%; float: left; }
        .mainContent .typeList li .picArea img{ display: block; width: 100%; }

        .mainContent .typeList li .textArea{ width: 76%; float: right; }
        .mainContent .typeList li .textArea strong,
        .mainContent .typeList li .textArea span{ white-space: nowrap; overflow: hidden; width: 100%; text-overflow:ellipsis; display: block; line-height: 20px; }


.subContent{ border-top:1px solid #E1E1E1; width:96%; margin:0 auto; padding:20px 0 40px; }
    
footer { background:#000; position:relative; padding:20px 0 10px 0; }
    footer .container { width:90%; text-align:center; margin:0 auto; }
        footer .address h3 { color:#fff; font-size:14px; margin:0 0 10px 0; }
        footer .address strong { font-size:14px; margin:0 0 0 10px; }
        footer .address p { font-size: 12px; color:#fff; margin:0 0 5px 0; line-height:18px; }
                    

footer ul.social { margin:10px auto 0; padding:0; list-style:none; display:table; }
    footer .social li { display:inline-block; margin:0 3px; line-height:54px; height: 64px; text-align: center; }
    footer .social li a { text-decoration:none; display:block; }
    footer .social li a i{ color: #fff; font-size: 20px; }
    footer .social li:hover a i{ color: rgba(255,255,255,0.8); }



.content00 { width:96%; float:left; display:inline; padding:2%; font-size:14px; line-height:22px; color:#333; } 
.content00 h2{ margin:0 0 14px; font-size:16px; }   
.content00 img{ width:100%; }   

#form1 img{ width:auto;}


.desversion { margin:5px 0px;}
.fflogo { margin:10px 0px; }
.desversion a { text-decoration:underline; color:#fff; font-size:12px }


.sfldiv {float:left; width:100%; font-weight:bold; margin:10px 0px; text-align:center}
.sfl { padding:2px 5px; border:1px solid #999; background:#eee; text-decoration:none; color:#000;display:inline-block; margin-bottom:5px}
.sfla { padding:2px 5px; border:1px solid #999; background:#eee; text-decoration:none; color:#000;background:#666; color:#CCC;display:inline-block; margin-bottom:5px}
.sfl:hover, .sfla:hover { padding:1px 4px; border:2px solid #aaa}

.resim{ width:99% !important; }
.resim img{ max-width:100% !important; }

#form1{ width:30% !important; }
#form2{ width:70% !important; }
#form2 .input,
#form2 .textarea,
#form2 .form2input{ width:98% !important; }
#form2 .select,
#form2 .selectmulti{ width:99% !important; }

.listeleme ul li{ width:98% !important; margin-bottom:3% !important; }
.lbc_box{ width:100% !important; height:auto !important; }
.lbc_box .lbcb_ph,
.lbc_box .lbcb_yz{ height:auto !important; }
.lbc_box .lbcb_ph img{ height:auto !important; display:block; max-height:inherit !important; }

.fideo{ width:99% !important; margin-bottom:5% !important; }

.ic-menu-alt1{ height:auto !important; margin-bottom:14px; }
.subContent > h2 { margin-bottom:14px; line-height:24px; }
nav#menu .mm-selected{ background:rgba(0, 0, 0, 0.1); }

iframe {max-width:98%;/* max-width:500px*/}
.multiyukleme img { height: auto !important; width: 96% !important; }

/*-------------------- Resimli Alt Sayfalar --------------------*/
    .tip12 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip12 li{ padding: 8px; position: relative; }
        .tip12 li >a{ display:block; color: #262626; width: 100%; padding:2px; border:1px solid #ccc; }
            .tip12 li >a:hover { background:#eee; border:1px solid #999; box-shadow:0px 0px 3px #bbb; }
            
        .tip12 li img{ width: 100%; display:block; }    
        .tip12 li h2{ font-size:14px; margin:0; font-weight: 700; width:100%; padding:15px 3% 16px; background: #000; color:#d5b36b;}
        .tip12 li div {margin: 10px 0 0 0;}
        .tip12 li .maski {position: absolute;top:0; left:11px; background: rgba(0,0,0,0.7);width: 94%; height:92%; opacity: 0}
        .tip12 li:hover .maski {opacity:1;}
.maski h6 {color:#fff; text-align: center; font-size: 14px; line-height:150px;}
@media (max-width: 992px){ .tip8 li .textArea,.tip10 li .textArea,.tip14 li .textArea{ padding-left: 15px; padding-right: 15px; } }

/*************************** / Şubeler İç sayfalar **********************************/
        .leftSube {margin:30px 20px 0 0; width: 320px; float:left;}
        .leftSube p {line-height: 32px;}
        .workhour ul li {float: left; width: 50%;}
        .contactSube ul li {float:left;font-size: 14px;margin-right: 30px;}
        .contactSube ul li:last-child {margin:0;}
        .rightSube { width: 100%;float:left;}
        .rightSube img {width: 200; height: auto; margin-bottom: 30px;}
        .otherSube {margin: 0 auto; text-align: center;}
        .otherSube li {margin-right:79px; float: left;}
        .otherSube li:last-child {margin: 0;}
        .workhour, .addressSube, .contactSube, .kroki {margin-top: 24px;}
        .icbaslikSube h2 {color: #F45551; font-size: 16px; font-weight: 600;margin: 0;}
        .allSube {margin:0 auto;position: absolute;top: 180px;font-size: 12px;}
        .allSube a{ line-height:24px; margin:30px auto 0; height:24px; padding:0 20px; font-size:12px; color:#F15755; border:1px solid #F15755; border-radius:100px; display:block; width: 33%; text-align:center; position:relative; z-index:1; }
        .allSube a:hover,
        .allSube .selected{ color:#fff; background:#F15755; }
        .allSube p{color: #000 !important;}
        .otherSube li a{line-height: 60px; height: 60px; font-size: 14px; color: #F15755; border: 2px solid #F15755; border-radius: 100px; display: inline-block; width: 246px; text-align: center; position: relative; z-index: 1; float: left;}
        .otherSube li a:hover{color:#fff; background:#F15755;border-radius: 100px;}