/**
    ## project name     : iservis.org
    ## author           : doanerkan / www.doanerkan.com
    ## date             : 11.01.2020
**/

    @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i&subset=latin-ext');
    @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap&subset=latin-ext');

    html { height:100%; }
    ul, li, div, a, img, table,
    tr, td, input, textarea, select
    { box-sizing: border-box; outline:none; }
    a, a:link, a:hover, a:focus   { cursor:pointer; outline:none; }

    body            { background:#fff; color:#333; font:400 14px 'Montserrat', sans-serif; margin:0; overflow-x:hidden; }
    a               { color:#666; font:400 14px 'Montserrat', sans-serif; cursor:pointer; }
    a:hover         { color:#333; text-decoration:underline; cursor:pointer; } a:active { text-decoration:none; } a:before { cursor:pointer; }

    .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; }  .DNone { display:block; }
    .col-lg-1_5     { width:20%; padding:0 15px; }
    hr              { border:none; border-top:#dfdfdf 1px solid; }

    .ta-left        { text-align:left; }
    .ta-right       { text-align:right; }
    .ta-center      { text-align:center; }
    .ta-justify     { text-align:justify; }
    .va-top         { vertical-align:top !important; }
    .va-middle      { vertical-align:middle !important; }
    .va-bottom      { vertical-align:bottom !important; }
    .paddingnone    { padding:0; }
    .dnone          { display:none; }

    .header         { height:120px; background:#fff; padding:30px; }
    .logo-text      { height:45px; margin:7.5px 20px; border-left:#dfdfdf 1px solid; padding:8px 20px; font:500 11px 'Montserrat', sans-serif !important; }
    .logo-text span     { font:300 10px 'Montserrat', sans-serif !important; display:block; margin-top:4px; }

    .menu   { margin:23px 15px; }
    .menu ul, .menu ul li   { list-style-type:none; margin:0; padding:0; }
    .menu ul li     { float:left; margin-left:30px; }
    .menu ul li a       { font:500 15px 'Montserrat', sans-serif !important; }
    .menu ul li a:hover { color:#000; text-decoration:none; }
    a.phoneStyle    { background:#fff; border:#000 2px solid; border-radius:100px; padding:7px 10px; font:600 14px 'Montserrat', sans-serif !important; }
    a.phoneStyle:hover  { text-decoration:none; }

    .socialMedia a  { background:#fff; padding:9px; width:35px; height:35px; text-align:center; border-radius:30px; display:inline-block; margin:0 5px; -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 20px -5px rgba(0,0,0,0.3); box-shadow: 0 0 20px -5px rgba(0,0,0,0.3); -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; }

    .footer-two { padding:20px 15px 50px 15px; min-height:200px; font:400 13px 'Roboto', sans-serif !important; line-height:18px !important; }

    .iletform input      { width:100%; padding:10px; border:0; background:#f2f2f2; outline:none; display:block; margin-bottom:20px; color:#333; }
    .iletform input[type=submit]      { width:200px; text-align:center; padding:10px 10px; background:#000; border:0; outline:none; display:inline-block; margin-bottom:15px; color:#fff; }
    .iletform input[type=submit]:hover      { color:#fff; background:#333; }
    .iletform textarea   { width:100%; padding:10px; border:0; border:none; background:#f2f2f2; outline:none; display:block; margin-bottom:20px; color:#333; }

    .pageContent h3 { color:#000; font-weight:700; }
    .pageContent .alert { font-weight:500; }
    .pageContent input.kayitOl[type=text] { width:100%; padding:10px; border-radius:5px; margin:5px 0 15px 0; border:#dfdfdf 1px solid; }
    .pageContent select.kayitOl { width:100%; padding:10px; border-radius:5px; margin:5px 0 15px 0; border:#dfdfdf 1px solid; }
    .pageContent input.kayitOl[type=submit] { background:#000; color:#fff; padding:15px; border-radius:5px; border:none; }
    .pageContent input.kayitOl[type=submit]:hover { background:#333; }
    .pageContent input.code[type=text]  { padding:15px; border:#dfdfdf 1px solid; border-radius:5px; font:500 16px 'Roboto', sans-serif; }

    .epostaDegistir { cursor:pointer; background:#004085; color:#fff; padding:6px 10px; font:700 11px 'Roboto', sans-serif; border-radius:3px; }
    .epostaDegistir:hover { background:#0069d8; text-decoration:none; }
    .phoneDegistir { cursor:pointer; background:#56af55; color:#fff; padding:6px 10px; font:700 11px 'Roboto', sans-serif; border-radius:3px; }
    .phoneDegistir:hover { background:#3e7e3d; text-decoration:none; }

    .verifySol input[type=text]   { padding:15px 15px 15px 27px; text-align: center; border-radius:10px; border:#dfdfdf 1px solid; font:700 16px 'Roboto', sans-serif; float:left; border-top-right-radius:0; border-bottom-right-radius:0; border-right:0; margin:0 !important; }
    .verifySol input[type=tel]   { padding:15px 15px 15px 27px; text-align: center; border-radius:10px; border:#dfdfdf 1px solid; font:700 16px 'Roboto', sans-serif; letter-spacing: 10px; float:left; border-top-right-radius:0; border-bottom-right-radius:0; border-right:0; margin:0 !important; }
    .verifySol input[type=text]:focus   { border-radius:10px; color:#56af55; border:#dfdfdf 1px solid; float:left; border-top-right-radius:0; border-bottom-right-radius:0; border-right:0; margin:0; }
    .verifySol input[type=tel]:focus   { border-radius:10px; color:#56af55; border:#dfdfdf 1px solid; float:left; border-top-right-radius:0; border-bottom-right-radius:0; border-right:0; margin:0; }
    .verifySol input[type=submit] { padding:16px 15px 15px 15px; border-radius:10px; color:#56af55; font-weight:700; background:#d4edda; border:#b4dcbe 1px solid; float:left; border-top-left-radius:0; border-bottom-left-radius:0; border-left:0; margin:0 !important; }

    .firmaPhoto         { width:100%; height:150px; display:block; }

    .yukleDegistir      { width:100%; padding:10px 15px; text-align:center; background:#56af55; color:#fff; display:inline-block; border-radius:5px; }
    .yukleDegistir:hover    { width:100%; padding:10px 15px; text-align:center; text-decoration:none; background: rgb(62,126,61); background: linear-gradient(0deg, rgba(62,126,61,1) 0%, rgba(86,175,85,1) 100%); color:#fff; display:inline-block; border-radius:5px; }

    .benimpanelim       { transition: background-color 0.5s ease; width:auto; padding:10px 16px 10px 10px; font:700 14px 'Roboto', sans-serif !important; margin-left:20px; border-radius:5px; background:#06ab4b; border:none; color:#fff; }
    .benimpanelim:hover       {transition: background-color 0.5s ease; background:#00d485; color:#fff; text-decoration:none; }
    .cikisYapLink       { transition: background-color 0.5s ease; width:auto; padding:10px 16px 10px 10px; font:700 14px 'Roboto', sans-serif !important; margin-left:20px; border-radius:5px; background:#cc0000; border:none; color:#fff; }
    .cikisYapLink:hover       {transition: background-color 0.5s ease; color:#fff; background:#ea0000; text-decoration:none; }
    .cikisYapHiza       { margin:30px 0 0 0; }

    .slider         { padding:0; }
    .slideContent2  { width:100%; }
    .step-1     { margin-left:50% !important; }
    .step-2     {  }
    .slider .item .slideContent   { width:50%; text-align:center; display:flex; align-items: center; position:absolute; z-index:2; padding:0 10%; height:100%; }
    .slider .item .slideContent b { color:#000; font:500 35px 'Roboto Condensed', sans-serif; line-height:50px; }
    .slider .item .slideContent p { color:#4f4f4f; font:500 44px 'Roboto Condensed', sans-serif; line-height:50px; }
    .slider .item .slideContent span  { font:300 15px 'Roboto', sans-serif !important; margin-top:20px; line-height:22px !important; }
    .slideLink  { color:#000; font:500 14px 'Roboto Condensed', sans-serif; display:inline-block; margin-top:30px; border-radius:50px; border:#000 1px solid; padding:8px 15px }
    .slideLink:hover  { color:#fff; text-decoration:none; background:#333; }
    .homeContent    { padding:100px 15px; }
    .homeStep div   { display:flex; cursor:pointer; margin-bottom:30px; line-height:20px; align-items: center; padding:15px; border-radius:10px; background:#fff; border:#ececec 1px solid; -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 20px -5px rgba(0,0,0,0.1); box-shadow: 0 0 20px -5px rgba(0,0,0,0.1); }
    .homeStep div img   { height:180px; margin-right:10px; }

    .teknik-servis  { background:#f8f8f8; border:#ececec 1px solid; border-left:0; border-right:0; padding:30px 15px; }
    .teknik-servis h1   { color:#000; font:500 20px 'Montserrat', sans-serif; margin-bottom:0; }
    .teknik-servis hr   { width:30%; border-top:#dfdfdf 3px solid; display:inline-block; margin:10px 0 20px 0; padding:0; }
    .teknik-servis ul   { float:left; margin:10px 0 20px 20px; }
    .teknik-servis ul li    { float:left; list-style-type:circle; width:48%; margin:5px 0 5px 0; font:400 12px 'Montserrat', sans-serif; }

    .iletisimInfo   { color:#000; font:400 12px 'Roboto', sans-serif; }
    .iletisimInfo b { font:500 14px 'Roboto', sans-serif; }
    .iletisimInfo a { color:#000; font:400 11px 'Roboto', sans-serif; }
    .iletisimInfo a:hover { text-decoration:none; }

    .footer     { height:100px; background:#f8f8f8 url(../images/iphone-burada-ankara.png) repeat-x center center; border-top:#dfdfdf 1px solid; border-bottom:#dfdfdf 1px solid; }
    .footer .container .xArea  { width:100%; height:100px; display:flex; align-items:center; justify-content: space-between; flex-direction: row; }

    .facebookButton:hover     { color:#fff; background:#3c5b99; -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; }
    .instagramButton:hover    { color:#fff; background:url(../images/instagram-bg.png) no-repeat center center; -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; }
    .twitterButton:hover      { color:#fff; background:#1da1f2; -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; }
    .youtubeButton:hover      { color:#fff; background:#ff0000; -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; }

    .phoneMenu          { width:100%; height:100%; background:#000; position:fixed; z-index:9999; overflow: scroll; overflow-x:hidden; display:none; color:#fff; }
    .phoneMenu ul, .phoneMenu ul li     { padding:0; margin:0; list-style:none; }
    .phoneMenu h4           { display:block; padding:20px 0 0 20px; margin:0; color:#ed1c24; font:normal 28px 'Montserrat', sans-serif; }
    .phoneMenu ul           { display:block; padding:20px 0 0 20px; }
    .phoneMenu ul li            { width:95%; float:left; padding:5px 0 10px 0; }
    .tumli      { display:none; border:none; padding:7px 0 !important; width:90% !important; margin-left:5% !important; }
    .tumli a    { color:#fff; padding:0 0 5px 0; font:500 15px 'Montserrat', sans-serif !important; }
    .tumli a:hover    { color:#fff; }
    .phoneMenu ul li a              { display:inline-block; color:#fff; font:600 16px 'Montserrat', sans-serif; text-decoration:none; }
    .phoneMenu ul li a:active,.phoneMenu ul li a:focus       { color:#fff !important; text-decoration:none; }
    .phoneMenu ul li a:hover            { text-decoration:none; color:#fff; }
    .phoneMenu .xclose           { position:absolute; z-index:9999; right:20px; top:20px; color:#fff; font-size:30px; }

    .pageBG     { width:100%; height:240px; display:flex; justify-content: center; align-items: center; flex-direction: column; background:url(../images/iphone-servis-ankara-background.png) no-repeat center center; }
    .pageContent    { padding:100px 15px; }
    .pageContent2   { padding:100px 15px; line-height:24px; }
    .pageContent h1     { font:600 20px 'Montserrat', sans-serif; }
    .pageContent ul   { margin:10px 0 20px 0; }
    .pageContent ul li    { width:calc(32% - 10px); padding:0; display:inline-block; margin:5px 30px 5px 0; list-style-type:none; font:400 12px 'Montserrat', sans-serif; }
    .pageContent ul li b  { font:600 16px 'Montserrat', sans-serif; }
    .pageContent i  { margin-left:8px; }
    .pageContent ul li hr { margin:5px 0; }
    .pageContent a  { font:400 12px 'Roboto', sans-serif !important; margin:5px 0 0 0; display:inline-block; }
    .slideMobil     { width:100% !important; text-align:center; justify-content:flex-end; }

    .phoneMenuIcon      { margin:15px 15px 0 0; }
    .phoneMenuIcon a        { color:#4f4f4f; font:600 20px 'Roboto Condensed', sans-serif; }
    .phoneMenuIcon a:hover     { color:#000; }

    .haritaImage    { height:160px !important; }
    .seoText h4     { font:600 20px 'Roboto Condensed', sans-serif; }
    .seoText        { font:400 13px 'Montserrat', sans-serif !important; line-height:20px !important; }

    .technicServiceLink     { padding:10px; margin-bottom:5px; display:block; border:#dfdfdf 1px solid; border-radius:50px; width:100%; }
    .technicServiceLink:hover   { color:#fff; background:#333; text-decoration:none; }
    .technicServiceLink:hover i { margin-left:15px; }

    ul.madde2 ul.madde2 li    { margin:0 !important; padding:0 !important; list-style:none !important; }
    ul.madde2 li             { width:100% !important; display:block !important; margin-bottom:15px !important; list-style-type:circle !important; }

    @media only screen and (min-width : 0px) and (max-width : 560px) {
        .pageBG     { height:120px; }
        .pageBG h2  { font-size:20px; }
        .slider .item .slideContent   { width:100%; text-align:center; display:flex; align-items: flex-end; padding:0 5% 10px 5%; position:absolute; z-index:2;  height:100%; }
        .slider .item .slideContent b { color:#000; font:500 25px 'Roboto Condensed', sans-serif; line-height:30px; }
        .slider .item .slideContent p { color:#4f4f4f; font:600 22px 'Roboto Condensed', sans-serif; line-height:28px; }
        .logo a img     { height:40px; margin-top:8px; }
        .logo-text      { height:40px; margin:7.5px 5px; padding:8px 10px; }
        .logo-text span     { font:300 8px 'Montserrat', sans-serif !important; display:block; margin-top:4px; }
        .header         { height:75px; background:#fff; padding:10px; }
        .homeContent    { padding:50px 0 30px 0; }
        .homeContent .container { padding:0; }
        .homeStep div   { flex-direction: column; margin-bottom:20px; text-align:center; }
        .pageContent    { padding:40px 15px; }
        .teknik-servis ul li    { width:100%; margin:0; }
        .footer     { height:160px; background:#f8f8f8; background-image:none; border-top:#dfdfdf 1px solid; border-bottom:#dfdfdf 1px solid; }
        .footer .container .xArea  { width:100%; height:160px; display:flex; align-items:center; justify-content:center; flex-direction:column; }
        .footer .container .xArea div  { margin:15px 0 15px 0; }
        .step-1     { margin-left:0% !important; }
        .haritaImage    { height:120px !important; }
    }
    @media only screen and (min-width : 561px) and (max-width : 991px) {
        .slider .item .slideContent   { padding:0 5%;}
        .slider .item .slideContent b { font:300 24px 'Roboto Condensed', sans-serif; }
        .slider .item .slideContent p { font:600 30px 'Roboto Condensed', sans-serif; }
        .slider .item .slideContent span  { font:300 13px 'Roboto', sans-serif !important; }
        .logo a img     { height:40px; margin-top:8px; }
        .logo-text      { height:40px; margin:7.5px 5px; padding:8px 10px; }
        .logo-text span     { font:300 8px 'Montserrat', sans-serif !important; display:block; margin-top:4px; }
        .header         { height:75px; background:#fff; padding:10px; }
        .homeContent    { padding:50px 0 30px 0; }
        .homeContent .container { padding:0; }
        .homeStep div   { flex-direction: column; text-align:center; margin-bottom:20px; }
        .teknik-servis ul li    { width:100%; margin:0; }
        .menu   { margin:19px 10px 0 0; }
        .menu ul li     { float:left; margin-left:20px; }
        .menu ul li a       { font:500 11px 'Montserrat', sans-serif !important; }
        .menu ul li a:hover { color:#000; text-decoration:none; }
        .footer     { height:160px; background:#f8f8f8; background-image:none; border-top:#dfdfdf 1px solid; border-bottom:#dfdfdf 1px solid; }
        .footer .container .xArea  { width:100%; height:160px; display:flex; align-items:center; justify-content:center; flex-direction:column; }
        .footer .container .xArea div  { margin:15px 0 15px 0; }
    }
    @media only screen and (min-width : 992px) and (max-width : 1023px) {
        .slider .item .slideContent   { padding:0 5%;}
        .slider .item .slideContent b { font:300 28px 'Roboto Condensed', sans-serif; }
        .slider .item .slideContent p { font:600 34px 'Roboto Condensed', sans-serif; }
        .slider .item .slideContent span  { font:300 13px 'Roboto', sans-serif !important; }
        .logo a img     { height:40px; margin-top:8px; }
        .logo-text      { height:40px; margin:7.5px 5px; padding:8px 10px; }
        .logo-text span     { font:300 8px 'Montserrat', sans-serif !important; display:block; margin-top:4px; }
        .header         { height:75px; background:#fff; padding:10px; }
        .homeContent    { padding:100px 15px 30px 15px; }
        .homeContent .container { padding:0; }
        .homeStep div   { flex-direction: column; text-align:center; margin-bottom:20px; }
        .teknik-servis ul li    { width:100%; margin:0; }
        .menu   { margin:19px 10px 0 0; }
        .menu ul li     { float:left; margin-left:20px; }
        .menu ul li a       { font:500 11px 'Montserrat', sans-serif !important; }
        .menu ul li a:hover { color:#000; text-decoration:none; }
        .footer     { height:160px; background:#f8f8f8; background-image:none; border-top:#dfdfdf 1px solid; border-bottom:#dfdfdf 1px solid; }
        .footer .container .xArea  { width:100%; height:160px; display:flex; align-items:center; justify-content:center; flex-direction:column; }
        .footer .container .xArea div  { margin:15px 0 15px 0; }
    }
    @media only screen and (min-width : 1024px) and (max-width : 1180px) {
        .slider .item .slideContent   { padding:0 5%;}
        .slider .item .slideContent b { font:300 30px 'Roboto Condensed', sans-serif; }
        .slider .item .slideContent p { font:600 36px 'Roboto Condensed', sans-serif; }
        .slider .item .slideContent span  { font:300 14px 'Roboto', sans-serif !important; }
        .header         { height:75px; background:#fff; padding:10px; }
        .logo a img     { height:40px; margin-top:8px; }
        .logo-text      { height:40px; margin:7.5px 5px; padding:8px 10px; }
        .logo-text span     { font:300 8px 'Montserrat', sans-serif !important; display:block; margin-top:4px; }
        .menu   { margin:19px 10px 0 0; }
        .menu ul li     { float:left; margin-left:20px; }
        .menu ul li a       { font:500 11px 'Montserrat', sans-serif !important; }
        .menu ul li a:hover { color:#000; text-decoration:none; }
    }
    @media only screen and (min-width : 1181px) and (max-width : 1200px) {
        .slider .item .slideContent   { padding:0 5%;}
        .slider .item .slideContent b { font:300 34px 'Roboto Condensed', sans-serif; }
        .slider .item .slideContent p { font:600 40px 'Roboto Condensed', sans-serif; }
        .header         { height:75px; background:#fff; padding:10px; }
        .logo a img     { height:40px; margin-top:8px; }
        .logo-text      { height:40px; margin:7.5px 5px; padding:8px 10px; }
        .logo-text span     { font:300 8px 'Montserrat', sans-serif !important; display:block; margin-top:4px; }
        .menu   { margin:19px 10px 0 0; }
        .menu ul li     { float:left; margin-left:20px; }
        .menu ul li a       { font:500 11px 'Montserrat', sans-serif !important; }
        .menu ul li a:hover { color:#000; text-decoration:none; }
    }
    @media only screen and (min-width : 1201px) and (max-width : 1366px) {
        .slider .item .slideContent   { padding:0 5%;}
        .slider .item .slideContent b { font:300 32px 'Roboto Condensed', sans-serif; }
        .slider .item .slideContent p { font:600 38px 'Roboto Condensed', sans-serif; }
        .header         { height:75px; background:#fff; padding:10px; }
        .logo a img     { height:40px; margin-top:8px; }
        .logo-text      { height:40px; margin:7.5px 5px; padding:8px 10px; }
        .logo-text span     { font:300 8px 'Montserrat', sans-serif !important; display:block; margin-top:4px; }
        .menu   { margin:19px 10px 0 0; }
        .menu ul li     { float:left; margin-left:20px; }
        .menu ul li a       { font:500 11px 'Montserrat', sans-serif !important; }
        .menu ul li a:hover { color:#000; text-decoration:none; }
    }
    @media only screen and (min-width : 1367px) and (max-width : 1550px) {
        .slider .item .slideContent   { padding:0 5%;}
    }
    @media only screen and (min-width : 1551px) and (max-width : 1700px) {
        .slider .item .slideContent   { padding:0 5%;}
    }