/*
Theme Name: Mavigen Digital Agency
Version: 3.0
Description: Designed by <a href="http://www.mavigen.com">Mavigen Digital Agency</a>
Author: Mavigen Digital Agency
Author URI: http://www.mavigen.com
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&subset=latin-ext');
body{ margin:0; }

.clearfix { clear:both; }

a { text-decoration:none; }
a:hover { text-decoration:none !important; color: #262626 !important; }

ul{ list-style:none; padding:0; margin:0; }

/************* ÖZEL FONT *************/
body{ font-family: 'Open Sans', sans-serif; min-width: 1140px !important;
position: relative;
height: 100%;}

.container{min-width: 1140px !important;}


/************* TRANSITION *************/
.social li,.tip12 li .maski{ -webkit-font-smoothing: antialiased; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }

/************* FONT AWESOME *************/
.social li a{ -moz-osx-font-smoothing: grayscale; display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; transform: translate(0px, 0px); }


header{ z-index: 10; position: relative; } 

/*------------------------------------ HEADER MENU ------------------------------------*/
header .nav ul{ border-radius: 0; }
header ul.nav ul{ position: absolute; top: 100%; left: 0; z-index: 1000; float: left; min-width: 160px; padding: 5px 0; margin: 0; font-size: 14px; text-align: left; list-style: none; background-color: #f9f9f9; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #f9f9f9; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); 
    /*Transitions*/
    z-index:1; visibility:hidden; opacity:0; filter:alpha(opacity=0); -webkit-transition:200ms ease; -moz-transition:200ms ease; -o-transition:200ms ease; transition:200ms ease; }
/*Transitions*/
header .nav li:hover { background: #f9f9f9; }
header .nav li:hover > ul{ visibility:visible; opacity:1; filter:alpha(opacity=100); display: block; }
header .nav li > ul:hover{ display: block; }

header .nav li ul a{ display: block; padding: 5px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; }
header .nav li ul a:hover{ background: #eee; text-decoration: none; color: #333; }

header .nav>li>a{ padding: 0 10px; line-height: 94px; color: #262626; }
    header .nav>li>a:hover{ background-color: transparent; }
header .nav>li.animal>a{ background: url('../img/2016102522141536643618344.png') no-repeat center center; color: #D63522; }

    header .nav .dropdown>a{ padding-right: 20px !important; }
    header .nav .dropdown>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 4px; border-top-color: #ccc; position: absolute; top: 46px; right: 8px; }

        header .nav .dropdown-submenu { position: relative; }
        header .nav .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; }
        header .nav .dropdown-submenu:hover>.dropdown-menu { display: block; }
        header .nav .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 4px 0 4px 4px; border-left-color: #ccc; margin-top: 5px; margin-right: 0; }
            header .nav .dropdown-submenu:hover>a:after { border-left-color: #ccc; }
        header .nav .dropdown-submenu.pull-left { float: none; }
        header .nav .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; }

header ul.nav li:last-child ul{ left: auto; right: 0; }
/*------------------------------------ / END HEADER MENU ------------------------------------*/

.bannerArea{ overflow: hidden; position: relative; width: 100%; }
.slides>li{ position: relative; } 
.flex-caption{ position: absolute; z-index: 2; text-align: center; color: #fff; font-size: 34px; top: 100%; vertical-align: middle; width: 60% !important; padding: 0; margin: -18% -30% !important; left: 50%; }


.mainContent h1{ font-size: 26px; color: #262626; margin: 0 0 30px; }
    .mainContent h1 span{ position: relative; padding: 0 0 8px; }
    .mainContent h1 span:before{ width: 60%; height: 1px; bottom: 0; left: 20%; background: #000; position: absolute; content: ''; }

@media (max-width: 1280px){
    .logo img{ height: 70px; }
    header .nav>li>a{ font-size: 12px; line-height: 70px; }
    header .nav .dropdown>a:after{ top: 32px; }
    header .navbar-nav ul li a{ font-size: 12px; }
}

@media (max-width: 990px){
    .logo{ float: none; }
    .logo img{ height: 70px; }
    .navbar-toggle{ z-index: 60; display: block; margin: 15px 0; color: #D63522; }
    header .navbar-nav{ float: none !important; }
    header .navbar-nav ul{ position: relative !important; width: 100%; visibility: visible !important; opacity: 1 !important; background: #F0F0F0 !important; box-shadow: none !important; float: none !important; border: 0 !important; }
    header .navbar-nav ul li a{ font-size: 12px; }
    header .animal >a{ background: none; }
    header .navbar-nav > li>a{ line-height: 30px; }
    header .nav .dropdown-submenu>.dropdown-menu{ left: 2% !important; width: 98% !important; display: block; margin-top: 0 !important; margin-left: 0 !important; }
    header .nav .dropdown-submenu>.dropdown-menu a{ padding: 5px 5px !important; font-size: 12px; }
    header .nav .dropdown>a:after,
    header .nav .dropdown-submenu>a:after{ display: none; }
    header .nav>li{ border-bottom: 1px solid #ddd; float: none !important; }

        header .nav>li li{ border-bottom: 1px solid #ddd; }
        header .nav>li li:last-child{ border-bottom: 0; }

    header .nav>li>a{ font-size: 13px; }

    header .nav li:hover { background: #F0F0F0; }
    header .nav li ul a:hover{ background: #F0F0F0; }

    header .nav ul ul{ background: #dedede !important; }
    header .nav ul ul ul{ background: #d6d6d6 !important; }

    header .nav ul ul{ background: #dedede !important; }
        header .nav ul ul a:hover{ background: #dedede !important; }
    
    header .nav ul ul ul{ background: #d6d6d6 !important; }
        header .nav ul ul ul a:hover{ background: #d6d6d6 !important; }

    header .navbar-collapse{ margin: 0 0 10px !important; -webkit-font-smoothing: antialiased; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }

    header .navbar-toggle { display: block; }
    header .navbar-collapse.collapse { display: none!important; }

    /* since 3.1.0 */
    header .navbar-collapse.collapse.in { display: block!important; }
    header .collapsing { overflow: hidden!important; }
    .flex-caption{ width: 96% !important; left: auto; margin-left: 0 !important; margin-right: 0 !important; }
}

@media (max-width: 768px){
    .flex-caption{ font-size: 24px; }
} 
@media (max-width: 640px){
    .flex-caption{ font-size: 16px; }
}
.bgCrumb{ background: #f5f5f5; margin: 0 0 20px; }
.bgCrumb .breadcrumb{ margin: 0; padding-left: 0; padding-right: 0; }
.bgCrumb .breadcrumb a{ color: #262626; }

.subContent { font-size:14px; margin:85px 0 30px; min-height: 300px; }

.subContent h1{ font-size: 26px; color: #d5b36b; margin: 0 0 30px; }
    .subContent h1 span{ position: relative; padding: 0 0 8px; }
    .subContent h1 span:before{ width: 60%; height: 1px; bottom: 0; left: 0; background: #000; position: absolute; content: ''; }

.subContent p { margin:0 0 10px 0; color: #262626; font-size: 14px; line-height: 22px; }

/*Referans sayfa background*/
.serenity{
 background:url(../img/serenity.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.bizimevler5{
 background:url(../img/bizimevler5.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.platform{
 background:url(../img/platform.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.atmacapark{
 background:url(../img/atmacapark.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.gullukonak{
 background:url(../img/gullukonak.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.asmalibahce{
 background:url(../img/asmalibahce.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.skybahcesehir{
 background:url(../img/skybahcesehir.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.bahcesehirkonak{
 background:url(../img/bahcesehirkonak.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.ayazma2{
 background:url(../img/ayazma2.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.sanlitual{
 background:url(../img/sanlitual.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.bahcesehirpark{
 background:url(../img/bahcesehirpark.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.asmalisokaklar{
 background:url(../img/asmalisokaklar.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.bahcesehiratmaca{
 background:url(../img/bahcesehiratmaca.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.hayatpark{
 background:url(../img/hayatpark.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.bizimevler6{
 background:url(../img/bizimevler6.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.kayapark{
 background:url(../img/kayapark.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.adim{
 background:url(../img/adim.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.evvel{
 background:url(../img/evvel.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.bizimevler7{
 background:url(../img/bizimevler7.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.avrupapark{
 background:url(../img/avrupapark.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.sanlikanyon{
 background:url(../img/sanlikanyon.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.uniformdekar{
 background:url(../img/uniformdekar.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.uniformayazma{
 background:url(../img/uniformayazma.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.uniformeston{
 background:url(../img/uniformeston.jpg) left center;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}



.mTo10{ margin-top: 10px; }
.mTo20{ margin-top: 20px; }
.mTo30{ margin-top: 30px; }
.mTo40{ margin-top: 40px; }

.mBo10{ margin-bottom: 10px; }
.mBo20{ margin-bottom: 20px; }
.mBo30{ margin-bottom: 30px; }
.mBo40{ margin-bottom: 40px; }


/*-------------------- İletişim Formu --------------------*/
.tip6 .formText,
.tip6 input[type="submit"]{ font-weight: 700; }

.tip6 input:focus,
.tip6 textarea:focus,
.tip6 select:focus,
.tip6 radio:focus,
.tip6 checkbox:focus{ outline: none !important; box-shadow: none !important; border-color: #555; }

.tip6 input,
.tip6 textarea,
.tip6 select{ border-radius: 0 !important; }

.tip6 textarea,
.tip6 .selectmulti{ height: 110px !important; }

.tip6 input[type="submit"]{ background: #cb5a5e; color: #fff; border:0; padding: 6px 10px; }
    .tip6 input[type="submit"]:hover{ background:#c23f44; }


/*-------------------- Listeleme Sayfası - Başlık + Özet + Resim --------------------*/
    .tip8 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip8 li .image { padding:3px; border:1px solid #ccc; background:#fff; }    
            .tip8 li a:hover .image{ border-color:#eee; background:#fff; }
            .tip8 li img{ width: 100%; display: block; }
    .tip8 li a{ color: #202020; font-size: 14px; }
    .tip8 li .textArea h2{ margin: 4px 0; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600;}
    .tip8 li .textArea p{ margin: 0; font-size: 12px; text-align: justify; }

/*-------------------- Listeleme Sayfası - Başlık + Özet --------------------*/
    .tip2 ul{ width: 100%; font-size: 12px; }
        .tip2 li{ border-bottom: 1px dotted #ddd; }
            .tip2 li:last-child{ border-bottom: none; }
        .tip2 li >a{ display:block; color: #262626; width: 100%; padding:10px 1%; }
            .tip2 li >a:hover { background:#eee; }
        .tip2 li h2{ font-size: 14px; margin: 0 0 5px; font-weight: 700; }
        .tip2 li p{ font-size: 12px; margin: 0; }

/*-------------------- Listeleme Sayfası - Başlık --------------------*/
    .tip7 ul{ width: 100%; font-size: 12px; }
        .tip7 li{ border-bottom: 1px dotted #ddd; }
            .tip7 li:last-child{ border-bottom: none; }
        .tip7 li >a{ display:block; color: #262626; width: 100%; padding:10px 1%; }
            .tip7 li >a:hover { background:#eee; }
        .tip7 li h2{ font-size: 14px; margin: 0 0 5px; font-weight: 700; }


/*-------------------- Dokümanlar --------------------*/
    .tip5 ul{ width: 100%; font-size: 12px; }
        .tip5 li{ border-bottom: 1px dotted #ddd; }
            .tip5 li:last-child{ border-bottom: none; }
        .tip5 li >a{ display:block; color: #262626; width: 100%; padding:10px 1%; }
            .tip5 li >a:hover { background:#eee; }
        .tip5 li h2{ font-size: 14px; margin: 0 0 5px; font-weight: 700; }


/*-------------------- Foto Galeri --------------------*/
    .tip3 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip3 li{ padding: 8px; }

        .tip3 li >a{ display:block; color: #262626; width: 100%; padding:2px; border:1px solid #ccc; }
            .tip3 li >a:hover { background:#eee; border:1px solid #999; box-shadow:0px 0px 3px #bbb; }
            
        .tip3 li img{ width: 100%; display:block; } 
        .tip3 li h2{ font-size: 14px; margin: 0 0 5px; font-weight: 700; width:100%; padding:6px 3% 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }


/*-------------------- Video Galeri --------------------*/
    .tip4 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip4 li{ padding: 8px; text-align: center; }
        .tip4 li >a{ display:block; color: #262626; width: 100%; padding:2px; border:1px solid #ccc; }
            .tip4 li >a:hover { background:#eee; border:1px solid #999; box-shadow:0px 0px 3px #bbb; }
            
        .tip4 li img{ width: 100%; display:block; } 
        .tip4 li h2{ font-size:14px; margin:0; font-weight: 700; width:100%; padding:15px 3% 16px; background: #000; color:#d5b36b; }

/*-------------------- Ürün Sayfası --------------------*/
    .tip14 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip14 li .image { padding:3px; border:1px solid #ccc; background:#fff; }    
            .tip14 li a:hover .image{ border-color:#eee; background:#fff; }
            .tip14 li img{ width: 100%; display: block; }
    .tip14 li a{ color: #202020; font-size: 14px; }
    .tip14 li .textArea h2{ margin: 4px 0; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .tip14 li .textArea p{ margin: 0; font-size: 12px; text-align: justify; }

/*-------------------- İsim Listesi --------------------*/
    .tip10 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip10 li .image { padding:3px; border:1px solid #ccc; background:#fff; }    
            .tip10 li a:hover .image{ border-color:#eee; background:#fff; }
            .tip10 li img{ width: 100%; display: block; }
    .tip10 li a{ color: #202020; font-size: 14px; }
    .tip10 li .textArea h2{ margin: 4px 0; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .tip10 li .textArea p{ margin: 0; font-size: 12px; text-align: justify; }


/*-------------------- Alt Sayfa Listeleme --------------------*/
    .tip0 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip0 li{ padding-left:5px; padding-right:5px; }

        .tip0 li >a{ display:block; color: #262626; width:99%; float:left; display:inline; padding:0 0 0 4%; line-height:40px; height:40px;font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:12px; color:#495256; font-weight:600;text-decoration:none; border-bottom:1px dotted #ddd; position:relative; }
        .tip0 li >a:hover { color:#216a6e; text-decoration:none }
        .tip0 li >a:before { content:''; width:4%; height:40px; background:url('../images/next.png') no-repeat center 0; position:absolute; left:0; top:0; }
        .tip0 li >a:hover:before { background-position:center -40px; }

            .tip0 li >a:hover { background:#eee; }
        .tip0 li >a>div{ padding:0; }


/*-------------------- 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: 268px; 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:0px 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: 200px;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: 65px;}
        .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;}