/**
    ## author           : doanerkan / www.doanerkan.com
    ## agency           : xendaba.com
    ## date             : 23.01.2020
**/

    @import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Roboto:300,400,500,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 'Roboto', sans-serif; margin:0; overflow-x:hidden; }
    a               { color:#666; font:400 14px 'Roboto', 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; }
    .paddingnone    { padding:0; }

    .header     { width:100%; position:absolute; z-index:1111; margin:30px 0 0 0; }
    .header .logo a img     { width:150px; }

    .header .menu   { margin-top:50px; }
    .header .menu ul, .header .menu ul li   { list-style:none; padding:0; margin:0; }
    .header .menu ul li     { float:left; margin-left:20px; }
    .header .menu ul li a   { color:#21a39f; font:600 13px 'Montserrat', sans-serif !important; }

    .slider  { width:100%; padding:0; margin:0; }
    .slideContent2  { width:100%; }
    .slider .item .slideContent   { width:50%; display:flex; align-items: center; position:absolute; z-index:2; padding:0 10%; height:95%; }
    .slider .item .slideContent hr  { width:50%; border-top:#21a39f 8px solid !important; border-radius:5px; display:inline-block; }
    .slider .item .slideContent b { color:#4f4f4f; font:300 30px 'Roboto Condensed', sans-serif; line-height:50px; }
    .slider .item .slideContent p { color:#21a39f; font:600 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; }

    .phoneMenu          { width:100%; height:100%; background:rgba(0,0,0,0.85); margin-top:-100px; 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 'Roboto', 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:#21a39f; padding:0 0 5px 0; font:500 15px 'Roboto', sans-serif !important; }
    .tumli a:hover    { color:#fff; }
    .phoneMenu ul li a              { display:block; color:#21a39f; font:600 20px 'Roboto', sans-serif; text-decoration:none; }
    .phoneMenu ul li a:active,.phoneMenu ul li a:focus       { color:#21a39f !important; text-decoration:none; }
    .phoneMenu ul li a:hover            { text-decoration:none; color:#21a39f; }
    .phoneMenu .xclose           { position:absolute; z-index:9999; right:20px; top:20px; color:#fff; font-size:30px; }

    .icon-scroll,.icon-scroll:before{position:absolute;left:50%}
    .icon-scroll{width:40px;height:70px;margin-left:-20px;top:90%;margin-top:-35px;box-shadow:inset 0 0 0 1px #21a39f;border-radius:25px}
    .icon-scroll:before{content:'';width:8px;height:8px;background:#606060;margin-left:-4px;top:8px;border-radius:4px;animation-duration:1.5s;animation-iteration-count:infinite;animation-name:scroll}
    @keyframes scroll{0%{opacity:1}100%{opacity:0;transform:translateY(46px)}}

    .step_1_bg      { width:100%; min-height:250px; margin-top:60px; padding:50px 0 120px 0; background:url(../images/step_1_bg.jpg) no-repeat right bottom; }
    .step_2_bg      { width:100%; min-height:250px; margin-top:60px; padding:50px 0 120px 0; background:url(../images/step_2_bg.jpg) no-repeat left bottom; }
    .step_3_bg      { width:100%; min-height:250px; margin-top:60px; line-height:24px; padding:50px 0 120px 0; background:url(../images/step_3_bg.jpg) no-repeat right bottom; }
    .step_3_bg .TrackandRetrieve     { font-size:20px; }
    .step_Image     { margin-top:-100px; }
    .step_Text      { width:76%; min-height:100px; font:400 13px 'Roboto', sans-serif; line-height:18px; padding:20px 20px 45px 20px; margin:350px 12% 0 11%; position:absolute; z-index:1111; background:url(../images/step_1_text.png) no-repeat center bottom; }
    .step_Text2     { width:76%; min-height:100px; font:400 13px 'Roboto', sans-serif; line-height:18px; padding:20px 20px 60px 20px; margin:350px 0 0 6%; position:absolute; z-index:1111; background:url(../images/step_2_text.png) no-repeat center bottom; }
    .step_Text hr       { border:none; margin:10px 0; }
    .TrackandRetrieve       { color:#686868; font:500 16px 'Montserrat', sans-serif; }
    .TrackandRetrieve b         { color:#686868; }
    .TrackandRetrieve i.tar_sari        { color:#f0a931; font-style:normal; }
    .TrackandRetrieve i.tar_turkuaz     { color:#21a39f; font-style:normal; }
    .step_2_image   { padding:15px; }

    .footer     { margin:50px 0 150px 0; font:400 13px 'Montserrat', sans-serif; }
    .footerLogo a img   { width:100px; }
    .footer .menux   { margin:35px 0 0 30px; }
    .footer .menux hr    { border:none; }
    .footer .menux ul, .header .menux ul li   { list-style:none; padding:0; margin:0; }
    .footer .menux ul li     { float:left; margin-right:33px; }
    .footer .menux ul li a   { color:#f0a931; font:600 13px 'Montserrat', sans-serif !important; }

    .adresBilgi { margin:0 50px 50px 0; }
    .adresBilgi b   { margin-bottom:5px; display:inline-block; }
    .slideMobil     { width:100%; text-align:center; }
    .XendabaLogo    { margin:20px 0 0 0;}

    @media only screen and (min-width : 0px) and (max-width : 560px) {
        .header     { margin:-100px 0 0 0; padding:15px; background:#fff; }
        .header .logo a img     { width:75px; }
        .header .menu   { margin:20px 15px 0 0; font-size:25px; }
        .header .menu ul li     { margin-left:15px; }
        .header .menu ul li a   { font:500 12px 'Montserrat', sans-serif !important; }

        .slider         { margin-top:100px; }
        .slider .item .slideContent   { width:50%; height:100%; }
        .slider .item .slideContent b { font:300 18px 'Roboto Condensed', sans-serif; line-height:0; }
        .slider .item .slideContent hr  { border-top:#21a39f 5px solid !important; border-radius:5px; }
        .slider .item .slideContent p { font:600 26px 'Roboto Condensed', sans-serif; line-height:35px; }
        .slider .item .slideContent span  { font:300 12px 'Roboto', sans-serif !important; margin-top:20px; line-height:18px !important; }

        .owl-theme .owl-controls .owl-page span { width: 7px; height: 7px; }
        .owl-theme .owl-controls { top: -20px; }
        .step_1_image   { width:100%; margin-top:75px; }
        .step_Image_2   { margin-top:0 !important; }
        .step_Image_3   { margin-top:0 !important; }
        .container { width: 95%; padding:0; }
        .XendabaLogo    { margin:25px 0;}

        .slider .item .slideContent   { width:100%; text-align:center; display:flex; align-items: flex-end; padding:0 5% 100px 5%; position:absolute; z-index:2;  height:100%; }
        .slider .item .slideContent b { color:#4f4f4f; font:300 14px 'Roboto Condensed', sans-serif; line-height:18px; }
        .slider .item .slideContent p { color:#21a39f; font:600 24px 'Roboto Condensed', sans-serif; line-height:30px; }

        .step_1_bg  { background:#c0e9e5; background-image:none; padding:30px 0 40px 0; }
        .step_2_bg  { background:#ffedaf; background-image:none; padding:30px 0 40px 0; }
        .step_3_bg  { background:#c8d0e3; background-image:none; padding:30px 0 40px 0; }
        .step_Text      { margin:250px 12% 0 11%; }
        .step_2_content { padding-top:200px; }
        .step_2_image img   { width:100%; }
        .adresBilgi { width:100%; margin:0 0 30px 0; text-align:center; }
    }
    @media only screen and (min-width : 561px) and (max-width : 991px) {
        .header     { margin:20px 0 0 0; }
        .header .logo a img     { width:100px; }
        .header .menu   { margin:0 25px 0 0; font-size:25px; }
        .header .menu ul li     { margin-left:15px; }
        .header .menu ul li a   { font:500 12px 'Montserrat', sans-serif !important; }

        .slider .item .slideContent   { width:50%; height:100%; }
        .slider .item .slideContent b { font:300 18px 'Roboto Condensed', sans-serif; line-height:0; }
        .slider .item .slideContent hr  { border-top:#21a39f 5px solid !important; border-radius:5px; }
        .slider .item .slideContent p { font:600 26px 'Roboto Condensed', sans-serif; line-height:35px; }
        .slider .item .slideContent span  { font:300 12px 'Roboto', sans-serif !important; margin-top:20px; line-height:18px !important; }

        .owl-theme .owl-controls .owl-page span { width: 7px; height: 7px; }
        .owl-theme .owl-controls { top: -20px; }
        .step_1_image   { width:100%; }
        .step_Image_2   { margin-top:0 !important; }
        .step_Image_3   { margin-top:0 !important; }
        .container { width: 95%; padding:0; }
        .XendabaLogo    { margin:50px 0;}
    }
    @media only screen and (min-width : 992px) and (max-width : 1023px) {
        .header     { margin:20px 0 0 0; }
        .header .logo a img     { width:100px; }
        .header .menu   { margin-top:25px; }
        .header .menu ul li     { margin-left:15px; }
        .header .menu ul li a   { font:500 12px 'Montserrat', sans-serif !important; }

        .slider .item .slideContent   { width:50%; }
        .slider .item .slideContent b { font:300 18px 'Roboto Condensed', sans-serif; line-height:0px; }
        .slider .item .slideContent hr  { border-top:#21a39f 5px solid !important; border-radius:5px; }
        .slider .item .slideContent p { font:600 26px 'Roboto Condensed', sans-serif; line-height:35px; }
        .slider .item .slideContent span  { font:300 12px 'Roboto', sans-serif !important; margin-top:20px; line-height:18px !important; }
        .owl-theme .owl-controls .owl-page span { width: 7px; height: 7px; }
        .owl-theme .owl-controls { top: -20px; }
        .step_1_image   { width:100%; }
        .step_Image_2   { margin-top:40px !important; }
        .step_Image_3   { margin-top:120px !important; }
        .container { width: 95%; padding:0; }
    }
    @media only screen and (min-width : 1024px) and (max-width : 1180px) {
        .header     { margin:20px 0 0 0; }
        .header .logo a img     { width:100px; }
        .header .menu   { margin-top:25px; }
        .header .menu ul li     { margin-left:15px; }
        .header .menu ul li a   { font:500 12px 'Montserrat', sans-serif !important; }

        .slider .item .slideContent   { width:50%; }
        .slider .item .slideContent b { font:300 18px 'Roboto Condensed', sans-serif; line-height:0px; }
        .slider .item .slideContent hr  { border-top:#21a39f 5px solid !important; border-radius:5px; }
        .slider .item .slideContent p { font:600 26px 'Roboto Condensed', sans-serif; line-height:35px; }
        .slider .item .slideContent span  { font:300 12px 'Roboto', sans-serif !important; margin-top:20px; line-height:18px !important; }
    }
    @media only screen and (min-width : 1181px) and (max-width : 1200px) {
        .header     { margin:20px 0 0 0; }
        .header .logo a img     { width:100px; }
        .header .menu   { margin-top:25px; }
        .header .menu ul li     { margin-left:15px; }
        .header .menu ul li a   { font:500 12px 'Montserrat', sans-serif !important; }

        .slider .item .slideContent   { width:50%; }
        .slider .item .slideContent b { font:300 18px 'Roboto Condensed', sans-serif; line-height:25px; }
        .slider .item .slideContent hr  { border-top:#21a39f 6px solid !important; border-radius:5px; }
        .slider .item .slideContent p { font:600 26px 'Roboto Condensed', sans-serif; line-height:35px; }
        .slider .item .slideContent span  { font:300 12px 'Roboto', sans-serif !important; margin-top:20px; line-height:18px !important; }
    }
    @media only screen and (min-width : 1201px) and (max-width : 1366px) {

        .header     { margin:20px 0 0 0; }
        .header .logo a img     { width:100px; }
        .header .menu   { margin-top:25px; }
        .header .menu ul li     { margin-left:15px; }
        .header .menu ul li a   { font:500 12px 'Montserrat', sans-serif !important; }

        .slider .item .slideContent   { width:45%; }
        .slider .item .slideContent b { font:300 20px 'Roboto Condensed', sans-serif; line-height:25px; }
        .slider .item .slideContent hr  { border-top:#21a39f 6px solid !important; border-radius:5px; }
        .slider .item .slideContent p { font:600 30px 'Roboto Condensed', sans-serif; line-height:35px; }
        .slider .item .slideContent span  { font:300 12px 'Roboto', sans-serif !important; margin-top:20px; line-height:18px !important; }

    }
    @media only screen and (min-width : 1367px) and (max-width : 1550px) {

    }
    @media only screen and (min-width : 1551px) and (max-width : 1700px) {

    }