/*
    ###################################################################################
        # - author : doanerkan / doanerkan.com
        # - agency : Sapka ve Fil Reklam Ajansi / www.sapkavefil.com
        # - buyuk el birligi new web site psd to html / responsive web site for bootstrap
    ###################################################################################
*/

/* #################################################################################### */
/* ##### + + + pages css imported ##################################################### */
/* #################################################################################### */

    @import url('bootstrap.min.css');
    @import url('bootstrap-theme.min.css');
    @import url('animate.css');
    @import url('hover.css');
    @import url('owl.css');

/* #################################################################################### */
/* ##################################################### / / / pages css imported ##### */
/* #################################################################################### */


/* #################################################################################### */
/* ##### + + + page general style ##################################################### */
/* #################################################################################### */

    body                { background:#FFF; color:#555; font:normal 12px 'Roboto Slab', serif; margin:0; padding:0; overflow-x:hidden; }
    .transeffect        { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .img-responsive     { width:auto; }
    .pDNone             { display:block; }
    .col-lg-1_5         { width:20%; padding:0 15px; }
    .rowrow             { padding-left:0; padding-right:0; }
    hr.clear            { clear:both; margin:15px 0; }
    input.full          { width:100%; padding:10px; box-sizing:border-box; margin-bottom:10px; outline:none; }
    select.full         { width:100%; padding:0px; box-sizing:border-box; margin-bottom:10px; outline:none; background:#fff; height:30px; border-radius:0; }
    textarea.full       { border:#dfdfdf 1px solid; width:100%; height:200px; outline:none; padding:15px; box-sizing: border-box; color:#999; }
    h3.green            { color:#8ac240; font-weight:bold; }
    p.green             { color:#8ac240; }
    .greenSubmit        { background:#fff; border:#8ac240 1px solid; padding:15px 30px; color:#8ac240; font:bold 12px 'Open Sans'; outline:none; margin-top:10px; box-sizing: border-box; }
    .greenSubmit:hover  { background:#8ac240; border:#75a436 1px solid; color:#fff; }
    .scrolloff          { pointer-events: none; cursor:pointer; }

    .owl-carousel       { width:100%; }
    #owl-demo .item img { display: block; width: 100%; height: auto; }

/* #################################################################################### */
/* ##################################################### / / / page general style ##### */
/* #################################################################################### */

    .logo               { position:absolute; left:50%; margin-left:-75px; }

    .headerTop          { height:40px; background:url(../_img/headerTopBg.jpg) repeat-x center top; }
        .headerTop .social ul,li    { margin:0; padding:0; }
        .headerTop .social ul           { margin-top:7px; }
        .headerTop .social li           { float:left; list-style:none; margin:0 2px; }
        .headerTop .social li:first-child   { padding:3px 4px 0 0; }
        .headerTop .phone   { font:600 14px 'Roboto Slab', serif; padding-top:8px; }


    .header             { height:59px; background:#161a3b url(../_img/headerBg.jpg) repeat-x center top; -webkit-box-shadow: 0px 20px 47px -16px rgba(0,0,0,1); -moz-box-shadow: 0px 20px 47px -16px rgba(0,0,0,1); box-shadow: 0px 20px 47px -16px rgba(0,0,0,1); }
        .header .menu-left ul, li   { padding:0; margin:0; list-style:none; }
        .header .menu-left li           { float:left; margin:17px 90px 0 0 ; }
        .header .menu-left li a             { color:#fff; font:600 16px 'Roboto Slab', serif; }
        .header .menu-right ul, li  { padding:0; margin:0; list-style:none; }
        .header .menu-right li          { float:left; margin:17px 0 0 50px; }
        .header .menu-right li a            { color:#fff; font:600 16px 'Roboto Slab', serif; }

    .pageBg             {background:url(../_img/pageBg.jpg) no-repeat center bottom; background-size:cover; padding-top:60px; }

    .slider             { background:url(../_img/golge.png) no-repeat center bottom; background-size:100%; padding-bottom:40px; }

    .ch-grid { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; }
    .ch-grid:after, .ch-item:before { content: ''; display: table; }
    .ch-grid:after { clear: both; }
    .ch-grid li { width:300px; height:300px; display: inline-block; margin:2%; }

    .ch-img-1 { background-image: url(../_img/kutu_1.png); }
    .ch-img-2 { background-image: url(../_img/kutu_2.png); }
    .ch-img-3 { background-image: url(../_img/kutu_3.png); }
    .subText        { padding:20px; text-align:center; }
    .ch-item           { width: 100%; height: 100%; border-radius: 50%; position: relative; box-shadow: 0 1px 2px rgba(0,0,0,0.1); cursor: default; background-position:center top; }
    .ch-info-wrap, .ch-info{ position: absolute; width: 260px; height: 260px; border-radius: 50%; }
    .ch-info-wrap      { top: 20px; left: 20px; background: #243572 url(../images/bg.jpg); box-shadow: 0 0 0 20px rgba(255,255,255,0.2),  inset 0 0 3px rgba(115,114, 23, 0.8); }
    .ch-info > div     { display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-position: center center; -webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/ }
    .ch-info .ch-info-front { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
    .ch-info .ch-info-back {
        opacity: 0; background: #243572; pointer-events: none; display:table; padding-top:55px;
        -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5);
        -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s;
    }
    .ch-info h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 18px; margin: 0 15px; padding: 40px 0 0 0; height: 80px; font-family: 'Open Sans', Arial, sans-serif; text-shadow:0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); }
    .ch-info p { color: #fff; padding: 10px 5px 0 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); }
    .ch-info p a { display: block; color: #fff; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; font-family: 'Open Sans', Arial, sans-serif; }
    .ch-info p a:hover { color: #fff; }
    .ch-item:hover .ch-info-front { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; }
    .ch-item:hover .ch-info-back { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; pointer-events: auto; }


    .altTablar          {
        margin-top:60px;
        box-sizing: border-box;
        padding:15px 25px;
        background: #27306d; /* Old browsers */
        background: -moz-linear-gradient(left,  #27306d 0%, #0a68af 50%, #27306d 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  #27306d 0%,#0a68af 50%,#27306d 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  #27306d 0%,#0a68af 50%,#27306d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27306d', endColorstr='#27306d',GradientType=1 ); /* IE6-9 */
    }
    .altTablar span     { color:#fff; font:bold 20px 'Roboto Slab', serif; padding:0; margin:0; }
    .altTablar .icon    { color:#fff; font-size:20px; }
    .AltBeyaz           { background:#e8e8e8; padding:20px 5px; text-align:justify; height:200px; }
    .AltBeyaz hr            { border:none; border-top:#c3c3c3 1px solid; margin:5px; }
    .AltBeyaz h4            { margin-top:0; padding-top:0; text-align:left; }

    .socialBox          { }
    .socialBox div          { width:100%; background:#fff; display:table; border-bottom:#fff 3px solid; text-align:center; padding:20px 0; }
    .socialLink:hover       { color:#fff; }
    .socialBox div:hover    { width:100%; background:#0a68af; border-bottom:#27306d 3px solid; display:table; text-align:center; padding:20px 0; cursor:pointer; }
    .socialBox div p        { display:table-cell; vertical-align:middle; font-size:26px; }
    .socialDesc             { text-align:center; font:normal 14px 'Roboto Slab', serif; margin-top:30px; }

    .iletisim b         { font-size:14px; }
    .iletisim hr        { margin:10px 0; }

    .footer             { background:#cdcdcd; margin:30px 0 15px 0; }

    .fmenu              { border-bottom:#27306d 10px solid; }
    .fmenu ul           { padding:0 10px; margin:0; }
    .fmenu li               { display:inline-block; margin:30px 15px 30px 15px; }
    .fmenu ul li a              { color:#555; font:bold 16px 'Roboto Slab', serif; }
    .fmenu ul li a:hover            { color:#27306d; }

    .footerbot          { margin-bottom:70px; }
    .footLogo           { margin:9px 0 0 0; }

    .pageTitle          {

        padding:40px 40px;
        color:#fff;
        background: #27306d; /* Old browsers */
        background: -moz-linear-gradient(left,  #27306d 0%, #0a68af 50%, #27306d 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  #27306d 0%,#0a68af 50%,#27306d 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  #27306d 0%,#0a68af 50%,#27306d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27306d', endColorstr='#27306d',GradientType=1 ); /* IE6-9 */
    }
    .pageTitle h3       { padding:0; margin:0; font-weight:700; font-size:32px; }
    .navi       { text-align:right; padding-top:8px; }
    .navi a         { color:#fff; font:500 12px 'Open Sans'; text-decoration:underline; }

    .pageBody       { background:#fff; border:#dfdfdf 1px solid; box-sizing:border-box; padding:15px 15px 30px 15px; }
    .sabitSayfa     { text-align:justify; line-height:18px; }
    .sabitSayfa h4      { font:700 24px 'Open Sans'; }
    .sabitSayfa hr      { border-top:#dfdfdf 3px solid; }

    .pageMenu ul        { margin:0; padding:0; margin-top:15px; }
    .pageMenu li        { width:100%; background:#27306d; }
    .pageMenu li:hover      { width:100%; background:#dfdfdf; }
    .pageMenu li a          { color:#fff; font:700 14px 'Open Sans'; display:block; width:100%; padding:15px; margin-bottom:2px; }
    .pageMenu li a:hover    { color:#27306d; text-decoration:none; }

    .hizmetBaslik       { font:bold 16px 'Open Sans'; }
    .hizmets            { margin-bottom:50px; }

.iletisim input[type=text]   { width:100%; padding:15px; outline:none; border:none; margin-bottom:20px; background:#f2f2f2; border-bottom:#d5d5d5 2px solid; }
.iletisim input[type=submit] { padding:15px 30px; background:#fff; border:none; outline:none; background:#f2f2f2; border-bottom:#d5d5d5 2px solid; }
.iletisim input[type=submit]:hover   { background:#666; color:#fff; border-bottom:#333 2px solid; }
.iletisim textarea           { width:100%; height:100px; padding:10px; outline:none; border:none; background:#f2f2f2; margin-bottom:15px; border-bottom:#d5d5d5 2px solid; }

/* Custom, iPhone Retina */
    @media only screen and (min-width : 320px) and (max-width : 480px) {

        .img-responsive     { width:100%; }

        .ch-grid li { width:240px; height:240px; display: inline-block; margin:2%; }
        .ch-info-wrap, .ch-info{ position: absolute; width: 200px; height: 200px; border-radius: 50%; }
        .ch-img-1 { background-image: url(../_img/13_1024.jpg); }
        .ch-img-2 { background-image: url(../_img/14_1024.jpg); }
        .ch-img-3 { background-image: url(../_img/15_1024.jpg); }

    }

/* Extra Small Devices, Phones */
    @media only screen and (min-width : 481px) and (max-width : 768px) {

        .img-responsive     { width:100%; }

    }

/* Small Devices, Tablets */
    @media only screen and (min-width : 769px) and (max-width : 1024px) {

        .ch-grid li { width:240px; height:240px; display: inline-block; margin:2%; }
        .ch-info-wrap, .ch-info{ position: absolute; width: 200px; height: 200px; border-radius: 50%; }
        .ch-img-1 { background-image: url(../_img/13_1024.jpg); }
        .ch-img-2 { background-image: url(../_img/14_1024.jpg); }
        .ch-img-3 { background-image: url(../_img/15_1024.jpg); }

    }

/* Medium Devices, Desktops */
    @media only screen and (min-width : 1024px) and (max-width : 1200px) {

    }

/* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) and (max-width : 1370px) {

    }

/* Large Devices, Wide Screens */
    @media only screen and (min-width : 1370px) and (max-width : 1400px){

    }