@charset "utf-8";

@import 'https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto+Condensed:300,300i,400,400i,700,700i';
@import 'hover.min.css';

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

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

img {
    border: 0;
}

select,
input,
textarea {
    outline: none;
}

#slider-1 {
    background-image: url('../images/slider-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

#slider-iletisim {
    background-image: url('../images/iletisim.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

.detay-metin-govde a {
    color: #008a4b;
}

@media all and (max-width: 660px) {

    header nav {
        display: block;
        float: none;
        height: 50px;
        text-align: center;
        margin: 0 auto;
    }

        header nav a {
            line-height: 50px;
            margin: 0 10px;
        }

    header.smaller {
        height: 95px;
    }

        header.smaller nav {
            height: 35px;
        }

            header.smaller nav a {
                line-height: 35px;
            }
}

.takipsistemi {
    border: 1px solid #008a4b;
    padding: 10px;
    border-radius: 4px;
    padding-left: 30px;
    padding-right: 30px;
    display: inline;
    height: 20px;
    line-height: 20px;
    margin-top: 53px;
}

.sil {
    float: left;
    width: : 100%;
    height: 2500px;
}
/*Menü*/

.slider-home-body {
    width: 100%;
    float: left;
    position: absolute;
    /* top: 301px; */
    text-align: left;
    z-index: 999999;
    /* display: none; */
    bottom: 0px;
}

.button-grup {
    position: relative;
    top: 65px;
    /* margin-left: 15px; */
}

a.dolgulu-button {
    background-color: #008a4b;
    color: #fff;
    /* padding: 16px; */
    border-radius: 4px;
    font-size: 15px;
    /* padding-left: 40px; */
    border: 1px solid #008a4b;
    /* padding-right: 40px; */
    padding-bottom: 14px;
    padding-top: 14px;
    position: relative;
    width: 218px;
    text-align: center;
    left: 0px;
}

.right-button {
    right: 15px;
}

.phone-banner {
    float: right;
    margin-top: -352px;
}

    .phone-banner img {
        width: 265px;
    }

.mouse-icon {
    /* position: relative; */
    text-align: center;
    width: 100%;
    float: left;
    width: 1150px;
    margin-left: auto;
    margin-top: -71px;
    margin-right: auto;
}

.hizmetlerimiz-cerceve {
    float: left;
    width: 100%;
}

.hizmet-icon-1 {
    width: 100%;
    height: 68px;
    float: left;
    background-size: 68px;
    background-position: center top;
    margin-top: 19px;
}

span#slider-prev {
    font-size: 25px;
    width: 55px;
    height: 55px;
    background-color: #008a4b;
    color: #fff;
    padding: 10px;
    position: relative;
    left: -52px;
    top: -183px;
}

    span#slider-prev a {
        color: #fff;
    }

span#slider-next {
    font-size: 25px;
    width: 55px;
    height: 55px;
    background-color: #008a4b;
    color: #fff;
    padding: 10px;
    position: relative;
    right: -1115px;
    top: -183px;
}

    span#slider-next a {
        color: #fff;
    }

.about-ps {
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 33px;
    font-weight: 200;
    font-family: 'Open Sans', sans-serif;
}

.referans {
    margin-top: 60px;
    margin-bottom: 60px;
    height: 250px;
}

.avantaj-body {
    background-color: #202125;
    height: 185px;
    margin-top: 45px;
}

.avantaj-a {
    width: 540px;
    background-color: #16171a;
    border-radius: 5px;
    height: 135px;
    float: left;
    margin-top: 26px;
    color: #fff;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

.avantaj-icon-a {
    margin-top: 31px;
    background-image: url(../images/yakit.png);
    background-repeat: no-repeat;
    width: 62px;
    height: 61px;
    margin-left: 45px;
    float: left;
}

.avantaj-icon-b {
    margin-top: 42px;
    background-image: url(../images/gosterge.png);
    background-repeat: no-repeat;
    width: 62px;
    height: 61px;
    margin-left: 45px;
    float: left;
}

.avantaj-a p {
    font-size: 21px;
    font-weight: 100;
    float: left;
    text-align: center;
    width: 425px;
}

.bently {
    width: 580px;
    margin-left: 30px;
}

.listre-title {
    font-size: 21px;
    font-weight: 100;
    float: left;
    text-align: center;
    position: relative;
    top: -28px;
    left: 395px;
}

.listre-title-a {
    font-size: 21px;
    font-weight: 100;
    float: left;
    text-align: center;
    position: relative;
    top: 1px;
    left: -134px;
}

.avantaj {
    margin-top: 16px;
}

input.texboxform-text {
    width: 45%;
    border: 1px solid #d6d6d6;
    height: 52px;
    padding-left: 23px;
    font-size: 16px;
    margin-right: 15px;
    margin-bottom: 25px;
}

.right-bosluk {
    margin-right: 0px !important;
}

.form-full {
    width: 94% !important;
    margin-right: 0px !important;
}

.green-button {
    color: #008a4b !important;
}

.button-group-center {
    text-align: center;
}

.copytight-footer {
    border-top: 1px solid #e1e8ee;
    float: left;
    width: 100%;
    /* height: 110px; */
    /* line-height: 90px; */
    padding-top: 19px;
}

.sosyalmedya-alt {
    float: right;
    top: -44px;
    position: relative;
    /* background-color: #565656; */
}

    .sosyalmedya-alt ul li {
        float: left;
        /* height: 75px; */
        margin-left: 6px;
        font-size: 24px;
        margin-top: 33px;
    }

        .sosyalmedya-alt ul li a {
            color: #1e2024;
        }

.detay-banner {
    height: 220px;
}

/*.maps iframe {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}*/

.form-control {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

    .form-control label {
        width: 99%;
        float: left;
        height: 36px;
        color: #212224;
        font-size: 17px;
        font-weight: 200;
        font-family: 'Open Sans', sans-serif;
    }

    .form-control input[type="text"] {
        width: 100%;
        border: 1px solid #d6d6d6;
        height: 40px;
        padding-left: 23px;
        font-size: 16px;
    }

    .form-control input[type="date"] {
        width: 100%;
        border: 1px solid #d6d6d6;
        height: 40px;
        padding-left: 23px;
        font-size: 16px;
    }

    .form-control input[type="file"] {
        width: 100%;
        border: 1px solid #d6d6d6;
        height: 40px;
        padding-left: 23px;
        font-size: 16px;
    }

    .form-control input[type="email"] {
        width: 100%;
        border: 1px solid #d6d6d6;
        height: 40px;
        padding-left: 23px;
        font-size: 16px;
    }

    .form-control select {
        width: 102%;
        border: 1px solid #d6d6d6;
        height: 44px;
        padding-left: 23px;
        font-size: 16px;
    }



    .form-control input[type="number"] {
        width: 100%;
        border: 1px solid #d6d6d6;
        height: 40px;
        padding-left: 23px;
        font-size: 16px;
    }

    .form-control textarea {
        width: 100%;
        border: 1px solid #d6d6d6;
        height: 140px;
        padding-left: 23px;
        font-size: 16px;
    }

.cols-50 input[type="text"] {
    border: 1px solid #d6d6d6;
    height: 40px;
    padding-left: 23px;
    font-size: 16px;
}

.cols-50 textarea {
    width: 100%;
    border: 1px solid #d6d6d6;
    height: 140px;
    padding-left: 23px;
    font-size: 16px;
}

.cols-50 {
    width: 50%;
    float: left;
}

.kisa-a {
    width: 90% !important;
}

.button-ga-convert {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.kirmizi-hata {
    background-color: #c72d2d !important;
    border: 1px solid #c72d2d !important;
}

.kirmizi-hata-border {
    border: 1px solid #c72d2d !important;
}

kirmizi-hata-border:hover {
    background-color: #c72d2d !important;
    background: #c72d2d !important;
}

.home-urun-resim {
    height: 99px;
    width: 276px;
    margin-top: 14px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center !important;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
}

    .home-urun-resim img {
        border-radius: 5px;
        -webkit-filter: grayscale(100%);
        -webkit-transition: .5s ease-in-out;
        -moz-filter: grayscale(100%);
        -moz-transition: .5s ease-in-out;
        -o-filter: grayscale(100%);
        -o-transition: .5s ease-in-out;
    }

        .home-urun-resim img:hover {
            -webkit-filter: grayscale(0%);
            -webkit-transition: .1s ease-in-out;
            -moz-filter: grayscale(0%);
            -moz-transition: .1s ease-in-out;
            -o-filter: grayscale(0%);
            -o-transition: .1s ease-in-out;
        }

div.haber {
    /* border: 1px solid #007e44; */
    /* padding: 15px; */
    /* border-radius: 5px; */
    margin-bottom: -11px;
    padding-bottom: 40px;
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #483e3c;
    padding-left: 50px;
    padding-top: 40px;
    position: relative;
}

div.haber-devam {
    background-color: #007e44;
    border-radius: 5px;
    display: inline-block;
    float: right;
    display: none;
}

    div.haber-devam a:before {
        color: #fff;
        content: "Devamyny Oku";
        font-size: 17px;
        padding: 16px;
        height: 20px;
    }

.bilgi-almak-istiyorum-link {
    float: left;
    width: 100%;
    height: 60px;
}

header.smaller nav .takipsistemi {
    margin-top: 27px;
    line-height: 20px;
}

#arac-takip-cihazi {
    background-image: url(../images/hizmet-icon/hizmet-icon1.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover #arac-takip-cihazi {
    background-image: url(../images/hizmet-icon/hizmet-icon1_1.png);
}

#ortam-sicaklik-nem-takib-cihazi {
    background-image: url(../images/hizmet-icon/hizmet-icon5.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover #ortam-sicaklik-nem-takib-cihazi {
    background-image: url(../images/hizmet-icon/hizmet-icon5_5.png);
}

#kisi-nesne-takip-cihazi {
    background-image: url(../images/hizmet-icon/hizmet-icon3.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover #kisi-nesne-takip-cihazi {
    background-image: url(../images/hizmet-icon/hizmet-icon3_3.png);
}

#motosiklet-takip-cihazi {
    background-image: url(../images/hizmet-icon/hizmet-icon2.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover #motosiklet-takip-cihazi {
    background-image: url(../images/hizmet-icon/hizmet-icon2_2.png);
}

#dorse-takip-cihazi {
    background-image: url(../images/hizmet-icon/hizmet-icon4.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover #dorse-takip-cihazi {
    background-image: url(../images/hizmet-icon/hizmet-icon4_4.png);
}

#can-obd {
    background-image: url(../images/hizmet-icon/can-obd-icon.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover #can-obd {
    background-image: url(../images/hizmet-icon/can-obd-icon-w.png);
}

i.fa.fa-twitter-square {
    color: #202125;
    font-size: 23px;
}

i.fa.fa-facebook-square {
    color: #202125;
    font-size: 23px;
}

i.fa.fa-youtube-square {
    color: #202125;
    font-size: 23px;
}

i.fa.fa-linkedin-square {
    color: #202125;
    font-size: 23px;
}


.footer-yok {
    border-top: none;
    position: relative;
    bottom: -71px;
}


#bubble-image {
    cursor: pointer;
    display: none !important;
}

.popup-bg {
    position: fixed;
    z-index: 2000000001 !important;
    background-color: rgba(58, 55, 55, 0.8);
    width: 100%;
    height: 100%;
}

div#offerForm-footer {
    background-color: #fff;
    width: 761px;
    margin-left: auto;
    margin-right: auto;
    height: 540px;
    z-index: 9999999999999999999999999;
    margin-top: 15%;
}

h3.offer-form-head-title {
    width: 93%;
    height: 70px;
    background-color: #008a4b;
    text-align: left;
    line-height: 70px;
    color: #fff;
    font-size: 18px;
    font-weight: 100;
    padding-left: 7%;
}

form#offer_form-footer {
    padding: 55px 7.7% 2.5%;
}

div#popup {
    padding: 55px 7.7% 2.5%;
}

.input-wrap input {
    width: 100%;
    height: 60px;
    font-weight: 100;
    font-family: 'light', arial, helvetica, sans-serif;
    color: #0f2539;
    font-size: 16px;
    padding: 0 15px;
    box-sizing: border-box;
    border: 1px solid #d3d5d6;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.input-wrap {
    margin-bottom: 20px;
    width: 100%;
    min-height: 50px;
}

.info-wrap-form {
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 100;
    width: 100%;
    text-align: center;
    height: 55px;
    line-height: 55px;
    color: #c1c1c1;
}

#offerForm-footer .check-wrap {
    margin: 20px 0;
}

.form .check-wrap input[type="checkbox"] + label, .form .radio-wrap input[type="checkbox"] + label, .form .check-wrap input[type="radio"] + label, .form .radio-wrap input[type="radio"] + label {
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
    position: relative;
    font-family: 'light', arial, helvetica, sans-serif;
    font-size: 15px;
    line-height: 21px;
    color: #7b858b;
    min-height: 20px;
}

.btn {
    display: inline-block;
    width: 100%;
    padding: 17px 0;
    text-align: center;
    border-radius: 3px;
    box-sizing: border-box;
}

    .btn.blue {
        background-color: #008a4b;
        border: 2px solid #008a4b;
        font-family: 'medium', arial, helvetica, sans-serif;
        color: #fff;
        font-size: 16px;
    }

        .btn.blue:hover,
        .btn.blue:active {
            background-color: #16171a;
            border-color: #16171a;
        }

#offerForm .offer-form-call, #offerForm-footer .offer-form-call {
    font-family: 'medium', arial, helvetica, sans-serif;
    display: block;
    width: 100%;
    height: 70px;
    text-align: center;
    border-top: 1px solid #d3d5d6;
    line-height: 100px;
    margin-top: 40px;
    font-size: 18px;
    color: #5f5f5f;
}

.kapat-popup {
    cursor: pointer;
    color: #fff;
    width: 15px;
    height: 15px;
    float: right;
    margin-top: -45px;
    font-size: 18px;
    margin-right: 3%;
}

.ortala {
    text-align: center !important;
}

.detay-metin-govde .container:nth-child(1) {
    width: 100%;
}

.metin-1 {
    font-weight: 100 !important;
    font-size: 23px !important;
    color: #727273;
    font-family: 'Open Sans', sans-serif;
    /* text-align: center; */
    /* position: absolute; */
    /* left: 0; */
    padding: 35px !important;
    text-align: center !important;
    line-height: 35px !important;
    /* border-radius: 12px; */
    margin-top: 45px !important;
}

::-moz-selection {
    background: #212224; /* Gecko Browsers */
    color: #fff;
}

.div-disi {
    width: 100%;
}

.hakkimizda-r1 {
    width: 100%;
    float: left;
    height: 662px;
    background-image: url('https://www.mobilaractakip.com/uploaded/resimler/hakkimizda-r1.jpg');
    margin-top: -22px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
}

.hakkimizda-a {
    float: left;
    width: 30.2%;
    background-color: #ffffff;
    padding: 20px;
    position: absolute;
    left: 33.3%;
}

.hakkimizda-b {
    float: left;
    width: 30.1%;
    background-color: #262626;
    padding: 20px;
    position: absolute;
    left: 0;
    top: 177px;
}

    .hakkimizda-b h1 {
        color: #fff !important;
    }

    .hakkimizda-b p {
        color: #fff !important;
    }

.hakkimizda-c {
    float: left;
    width: 30.1%;
    background-color: #008a4b;
    padding: 20px;
    position: absolute;
    right: -11px;
    top: 177px;
}

    .hakkimizda-c h1 {
        color: #fff !important;
    }

    .hakkimizda-c p {
        color: #fff !important;
    }

.kisa-aciklama {
    text-align: justify;
}

.haber:before {
    content: '';
    background-color: #000;
    width: 14px;
    height: 14px;
    position: absolute;
    left: -11px;
    z-index: 999999;
    margin-top: 4px;
    border-radius: 50px;
    border: 4px solid #fff;
}

.sabit {
    width: 1150px !important;
}

.col-3 {
    width: 33.33333%;
    float: left;
}

.col-6 {
    width: 66.66666%;
    float: left;
}

.col-9 {
    width: 99.99999%;
    float: left;
}

.col-3 img {
    width: 100%;
}

.col-6 h1 {
    text-align: left !important;
}

.full-page {
    width: 100%;
}

.renk-a {
    background-color: #efefef;
    padding: 15px;
    width: 64.66666%;
    height: 446px;
}

.saga-girinti {
    right: -23px;
    position: relative;
}

.sola-yasla {
    text-align: left !important;
}

.saga-yasla {
    text-align: right !important;
}

.motorsklet-video {
    /* background-color: bisque; */
    width: 56%;
    z-index: 9999;
    position: absolute;
    top: 28.2%;
    overflow: hidden;
    height: 42.8%;
    z-index: 1;
}

    .motorsklet-video video {
        width: 100%;
    }

.motorsklet-resim {
    position: relative;
    z-index: 2;
}

.ik-cerceve .container {
    width: 1150px !important;
}

body {
    font-family: 'Roboto ', sans-serif;
    font-size: 12px;
    margin: 0;
    background-color: #fff;
    padding-bottom: 35px;
    overflow-x: hidden;
    margin-top: -71px;
}

*:focus {
    outline: none;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    a:hover {
        text-decoration: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

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

img {
    border: 0;
}

select,
input,
textarea {
    outline: none;
}

.cerceve {
    width: 100%;
    float: left;
}

.header-bg {
    width: 100%;
    float: left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

.container {
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#slider-1 {
    background-image: url('../images/slider-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

#slider-iletisim {
    background-image: url('../images/iletisim.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

header {
    width: 100%;
    height: 150px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    z-index: 9999999;
}

    header div#logo {
        display: inline-block;
        height: 65px;
        float: left;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        background-image: url(../images/logo.png);
        background-repeat: no-repeat;
        background-position: left top;
        width: 275px;
        margin-top: 38px;
        background-size: 220px;
    }

    header nav {
        display: inline-block;
        float: right;
    }

        header nav a {
            line-height: 150px;
            margin-left: 20px;
            color: #fff;
            font-weight: 700;
            font-size: 15px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            float: left;
        }

            header nav a:hover {
                color: white;
            }

    header.smaller {
        height: 95px;
        background-color: #fefefe;
        box-shadow: 0 2px 3px rgba(0,0,0,.1);
        z-index: 99999999;
    }

        header.smaller div#logo {
            width: 275px;
            height: 65px;
            background-image: url(../images/logo-color.png);
            background-repeat: no-repeat;
            margin-top: 16px;
            background-size: 220px;
        }

        header.smaller nav a {
            line-height: 95px;
            color: #202125;
        }

@media all and (max-width: 660px) {
    header div#logo {
        display: block;
        float: none;
        margin: 0 auto;
        height: 100px;
        line-height: 100px;
        text-align: center;
    }

    header nav {
        display: block;
        float: none;
        height: 50px;
        text-align: center;
        margin: 0 auto;
    }

        header nav a {
            line-height: 50px;
            margin: 0 10px;
        }

    header.smaller {
        height: 95px;
    }

        header.smaller div#logo {
            height: 40px;
            line-height: 40px;
            font-size: 30px;
        }

        header.smaller nav {
            height: 35px;
        }

            header.smaller nav a {
                line-height: 35px;
            }
}

.takipsistemi {
    border: 1px solid #008a4b;
    padding: 10px;
    border-radius: 4px;
    padding-left: 30px;
    padding-right: 30px;
    display: inline;
    height: 20px;
    line-height: 20px;
    margin-top: 53px;
}

.sil {
    float: left;
    width: : 100%;
    height: 2500px;
}

.slider-home-body {
    width: 100%;
    float: left;
    position: absolute;
    text-align: left;
    z-index: 999999;
    bottom: 0px;
}

    .slider-home-body .container h1 {
        color: #fff;
        font-size: 40px;
        text-shadow: 1px 1px #333333;
        font-weight: 700;
        line-height: 1.2;
        width: 780px;
        text-align: left !important;
    }

    .slider-home-body .container h2 {
        color: #fff;
        font-size: 18px;
        text-shadow: 1px 1px #333333;
        font-weight: 700;
        width: 780px;
        text-align: left !important;
    }

    .slider-home-body .container p {
        color: #fff;
        font-size: 19px;
        text-shadow: 1px 1px #333333;
        position: relative;
        top: 25px;
        text-align: left;
        font-weight: normal;
        font-size: 18px;
        line-height: 1.7;
        letter-spacing: 1px;
        width: 720px;
    }

.button-grup {
    position: relative;
    top: 65px;
}

a.dolgulu-button {
    background-color: #008a4b;
    color: #fff;
    /* padding: 16px; */
    border-radius: 4px;
    font-size: 15px;
    /* padding-left: 40px; */
    border: 1px solid #008a4b;
    /* padding-right: 40px; */
    padding-bottom: 14px;
    padding-top: 14px;
    position: relative;
    width: 218px;
    text-align: center;
    left: 0px;
	 font-weight: bold;
}

a.cizgi-button {
    background-color: transparent;
    border: 1px solid #008a4b;
    color: #fff;
    border-radius: 4px;
    font-size: 15px;
    padding-bottom: 14px;
    padding-top: 14px;
    width: 218px;
    text-align: center;
    position: relative;
    left: 0px;
    font-weight: bold;
}

.right-button {
    right: 15px;
}

.phone-banner {
    float: right;
    margin-top: -352px;
}

    .phone-banner img {
        width: 265px;
    }

.mouse-icon {
    /* position: relative; */
    text-align: center;
    width: 100%;
    float: left;
    width: 1150px;
    margin-left: auto;
    margin-top: -71px;
    margin-right: auto;
}

.hizmetlerimiz-cerceve {
    float: left;
    width: 100%;
}

.hizmet-basliks {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
}

.hizmet-icon-1 {
    width: 100%;
    height: 68px;
    float: left;
    background-size: 68px;
    background-position: center top;
    margin-top: 19px;
}

.hizmet-basliks h3, .hizmet-basliks h2 {
    font-weight: 500;
    font-size: 30px;
    color: #202125;
    font-family: 'Open Sans', sans-serif;
}

.hizmet-basliks p {
    color: #212224;
    line-height: 2;
    font-size: 20px;
    font-weight: 200;
    font-family: 'Open Sans', sans-serif;
}

ul.hizmetler-home-kutu {
    text-align: center;
}

    ul.hizmetler-home-kutu li {
        border: 1px solid #008a4b;
        width: 268px;
        height: 228px;
        padding-bottom: 40px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 70px;
        background: #fff;
        font-family: 'Open Sans', sans-serif;
    }

        ul.hizmetler-home-kutu li:hover {
            border: 1px solid #008a4b;
            background-color: #008a4b;
        }

            ul.hizmetler-home-kutu li:hover h3 {
                color: #fff;
            }

            ul.hizmetler-home-kutu li:hover p {
                color: #fff;
            }

            ul.hizmetler-home-kutu li:hover .hizmet-icon-1 {
            }

        ul.hizmetler-home-kutu li a h3 {
            width: 100%;
            float: left;
            margin-top: 26px;
            font-size: 20px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
        }

        ul.hizmetler-home-kutu li a p {
            width: 100%;
            float: left;
            margin-top: 13px;
            font-size: 15px;
            line-height: 22px;
            font-family: 'Open Sans', sans-serif;
        }

        ul.hizmetler-home-kutu li a {
            color: #202125;
        }

span#slider-prev {
    font-size: 25px;
    width: 55px;
    height: 55px;
    background-color: #008a4b;
    color: #fff;
    padding: 10px;
    position: relative;
    left: -52px;
    top: -183px;
}

    span#slider-prev a {
        color: #fff;
    }

span#slider-next {
    font-size: 25px;
    width: 55px;
    height: 55px;
    background-color: #008a4b;
    color: #fff;
    padding: 10px;
    position: relative;
    right: -1115px;
    top: -183px;
}

    span#slider-next a {
        color: #fff;
    }

.aboutus {
    background-image: url(../images/about.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 345px;
    margin-top: 45px;
    background-position: center center;
}

    .aboutus .container .hizmet-basliks h3 {
        color: #fff;
        margin-top: 42px;
        float: left;
        width: 100%;
    }

    .aboutus .container .hizmet-basliks p {
        color: #fff;
    }

.about-ps {
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 33px;
    font-weight: 200;
    font-family: 'Open Sans', sans-serif;
}

.referans-a {
    background-image: url(../images/referans-bg-1280.png);
    background-repeat: no-repeat;
    height: 303px;
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.referans {
    margin-top: 60px;
    margin-bottom: 60px;
    height: 250px;
}

.referans-basliks {
    float: left;
    font-size: 25px;
    width: 215px;
    margin-top: 65px;
    margin-left: 20px;
    line-height: 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
}

.referans-a ul li {
    float: left;
    border-right: 1px solid #fff;
    padding-right: 30px;
    padding-left: 20px;
	margin-top: 75px;
}

    .referans-a ul li:last-child {
        border-right: none;
    }

.referans-a ul {
    position: relative;
	left: 25px;
}

.avantaj-body {
    background-color: #202125;
    height: 185px;
    margin-top: 45px;
}

.avantaj-a {
    width: 540px;
    background-color: #16171a;
    border-radius: 5px;
    height: 135px;
    float: left;
    margin-top: 26px;
    color: #fff;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

    .avantaj-a:hover {
    }

.avantaj-icon-a {
    margin-top: 31px;
    background-image: url(../images/yakit.png);
    background-repeat: no-repeat;
    width: 62px;
    height: 61px;
    margin-left: 45px;
    float: left;
}

.avantaj-icon-b {
    margin-top: 42px;
    background-image: url(../images/gosterge.png);
    background-repeat: no-repeat;
    width: 62px;
    height: 61px;
    margin-left: 45px;
    float: left;
}

.avantaj-a h3 {
    font-size: 20px;
    font-weight: 600;
    float: left;
    margin-top: 38px;
    margin-left: 25px;
    width: 400px;
}

.avantaj-a p {
    font-size: 21px;
    font-weight: 100;
    float: left;
    text-align: center;
    width: 425px;
}

.bently {
    width: 580px;
    margin-left: 30px;
}

.listre-title {
    font-size: 21px;
    font-weight: 100;
    float: left;
    text-align: center;
    position: relative;
    top: -28px;
    left: 395px;
}

.listre-title-a {
    font-size: 21px;
    font-weight: 100;
    float: left;
    text-align: center;
    position: relative;
    top: 1px;
    left: -134px;
}

.avantaj {
    margin-top: 16px;
}

input.texboxform-text {
    width: 45%;
    border: 1px solid #d6d6d6;
    height: 52px;
    padding-left: 23px;
    font-size: 16px;
    margin-right: 15px;
    margin-bottom: 25px;
}

.right-bosluk {
    margin-right: 0px !important;
}

.form-full {
    width: 94% !important;
    margin-right: 0px !important;
}

/*.green-button {
    color: #1e2024 !important;
}*/

.button-group-center {
    text-align: center;
}

.footer-bg {
    border-top: 1px solid #e1e8ee;
    float: left;
    width: 100%;
    margin-top: 105px;
    padding-bottom: 75px;
    padding-top: 25px;
}

.green-button:hover {
    color: #fff !important;
}

.footer-bg .container ul {
    float: left;
    margin-right: -6px;
    margin-top: 35px;
    width: 305px;
}

    .footer-bg .container ul li {
        display: block;
    }

        .footer-bg .container ul li h3 {
            font-weight: 500;
            font-size: 17px;
            color: #202125;
            font-family: 'Open Sans', sans-serif;
            margin-bottom: 11px;
            text-align: left !important;
        }

        .footer-bg .container ul li a {
            font-weight: 500;
            font-size: 13px;
            color: #202125;
            font-family: 'Open Sans', sans-serif;
            line-height: 35px;
        }

            .footer-bg .container ul li a:hover {
                color: #008a4b;
            }

            .footer-bg .container ul li a img {
                margin-bottom: 10px;
            }

    .footer-bg .container ul:last-child {
        width: 253px;
        margin-right: -6px;
    }

.copytight-footer {
    border-top: 1px solid #e1e8ee;
    float: left;
    width: 100%;
    padding-top: 19px;
}

.copyright {
    float: left;
    font-size: 13px;
    color: #202125;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-weight: normal;
}

.sosyalmedya-alt {
    float: right;
    top: -44px;
    position: relative;
}

    .sosyalmedya-alt ul li {
        float: left;
        margin-left: 6px;
        font-size: 24px;
        margin-top: 33px;
    }

        .sosyalmedya-alt ul li a {
            color: #1e2024;
        }

video#video_background {
    position: relative;
    z-index: 17;
    top: 0px;
    width: 100%;
    display: inline-block;
    vertical-align: baseline;
    background: #000;
}

.detay-banner {
    height: 330px;
}

.detay-menus {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    z-index: 999999999;
}

    .detay-menus .container ul li {
        float: left;
        height: 65px;
        line-height: 65px;
        padding-right: 18px;
        padding-left: 19px;
    }

        .detay-menus .container ul li a {
            color: #212224;
            font-size: 11.5pt;
            font-weight: 500;
            font-family: 'Open Sans', sans-serif;
        }

        .detay-menus .container ul li:hover {
            background-color: #d6d6d6;
        }

            .detay-menus .container ul li:hover a {
                color: #5a5a5a;
            }

        .detay-menus .container ul li .hvr-shutter-in-vertical:before {
            background: #ffffff !important;
        }

.detay-metin-govde .container h1, .detay-metin-govde .container h2, .detay-metin-govde .container h3 {
    font-weight: 500;
    font-size: 26px;
    color: #202125;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
    margin-top: 25px;
    text-align: center;
}

.detay-metin-govde .container p, .detay-metin-govde .container td{
    color: #212224;
    font-size: 17px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 11px;
    text-align: justify;
    line-height: 34px;
}

.detay-metin-govde .container ul:not(.referanslar) li, .detay-metin-govde .container ol li  {
    color: #212224;
    font-size: 17px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 11px;
    text-align: left;
    line-height: 34px;
	margin-left: 30px;
}

.detay-metin-govde .container ol li  {
	list-style: lower-roman !important;
}

.left-aligned ul li:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '\f04d';
    color: #87cca8;
    display: inline-block;
    font-family: FontAwesome;
    line-height: 3em;
    font-size: 8px;
    padding-right: 10px;
}

.left-aligned > h1, .left-aligned > h2, .left-aligned > h3, .left-aligned > p
{
	text-align:left !important;
}

.ozel-tablo {
	    width: 100%;
    border: 1px solid #efefef;
    border-collapse: collapse;
}

.ozel-tablo td {
	padding:8px;
	text-align:left !important;
}

.detay-metin-govde {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.form-control {
    float: left;
    width: 47%;
    margin-bottom: 25px;
    margin-right: 5%;
}

.sag-yok {
    margin-right: 0px !important;
}

.form-control label {
    width: 99%;
    float: left;
    height: 36px;
    color: #212224;
    font-size: 17px;
    font-weight: 200;
    font-family: 'Open Sans', sans-serif;
}

.form-control input[type="text"] {
    width: 100%;
    border: 1px solid #d6d6d6;
    height: 40px;
    padding-left: 23px;
    font-size: 16px;
}

.form-control input[type="date"] {
    width: 100%;
    border: 1px solid #d6d6d6;
    height: 40px;
    padding-left: 23px;
    font-size: 16px;
}

.form-control input[type="file"] {
    width: 100%;
    border: 1px solid #d6d6d6;
    height: 40px;
    padding-left: 23px;
    font-size: 16px;
}

.form-control input[type="email"] {
    width: 100%;
    border: 1px solid #d6d6d6;
    height: 40px;
    padding-left: 23px;
    font-size: 16px;
}

.form-control select {
    width: 102%;
    border: 1px solid #d6d6d6;
    height: 44px;
    padding-left: 23px;
    font-size: 16px;
}

.form-control input[type="number"] {
    width: 100%;
    border: 1px solid #d6d6d6;
    height: 40px;
    padding-left: 23px;
    font-size: 16px;
}

.form-control textarea {
    padding-top: 23px;
    width: 100%;
    border: 1px solid #d6d6d6;
    height: 140px;
    padding-left: 23px;
    font-size: 16px;
    font-family: 'Roboto ', sans-serif;
}

.cols-50 input[type="text"] {
    border: 1px solid #d6d6d6;
    height: 40px;
    padding-left: 23px;
    font-size: 16px;
}

.cols-50 textarea {
    width: 100%;
    border: 1px solid #d6d6d6;
    height: 140px;
    padding-left: 23px;
    font-size: 16px;
}

.cols-50 {
    width: 50%;
    float: left;
}

.kisa-a {
    width: 90% !important;
}

.button-ga-convert {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.kirmizi-hata {
    background-color: #c72d2d !important;
    border: 1px solid #c72d2d !important;
}

.kirmizi-hata-border {
    border: 1px solid #c72d2d !important;
}

kirmizi-hata-border:hover {
    background-color: #c72d2d !important;
    background: #c72d2d !important;
}

.detay-menus li {
    width: auto;
    height: 100px;
    float: left;
    position: relative;
}

.detay-menus ul li ul {
    width: 260px;
    height: auto;
    float: left;
    position: absolute;
    background: #d6d6d6;
    top: 65px;
    left: 0;
    z-index: 1;
    display: none;
}

    .detay-menus ul li ul li {
        height: 30px;
        line-height: 30px;
    }

.detay-menus li:hover > ul {
    display: block;
}

.detay-menus ul li ul li ul {
    width: 180px;
    height: auto;
    float: left;
    position: absolute;
    background: #e0e0e0;
    top: 0px;
    left: 180px;
    z-index: 1;
    display: none;
}

.home-urun-resim {
    height: 99px;
    width: 276px;
    margin-top: 14px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center !important;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
}

    .home-urun-resim img {
        border-radius: 5px;
        -webkit-filter: grayscale(100%);
        -webkit-transition: .5s ease-in-out;
        -moz-filter: grayscale(100%);
        -moz-transition: .5s ease-in-out;
        -o-filter: grayscale(100%);
        -o-transition: .5s ease-in-out;
    }

        .home-urun-resim img:hover {
            -webkit-filter: grayscale(0%);
            -webkit-transition: .1s ease-in-out;
            -moz-filter: grayscale(0%);
            -moz-transition: .1s ease-in-out;
            -o-filter: grayscale(0%);
            -o-transition: .1s ease-in-out;
        }

div.haber {
    margin-bottom: -11px;
    padding-bottom: 40px;
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #483e3c;
    padding-left: 50px;
    padding-top: 40px;
    position: relative;
}

div.haber-devam {
    background-color: #007e44;
    border-radius: 5px;
    display: inline-block;
    float: right;
    display: none;
}

    div.haber-devam a:before {
        color: #fff;
        content: "Devamyny Oku";
        font-size: 17px;
        padding: 16px;
        height: 20px;
    }

.bilgi-almak-istiyorum-link {
    float: left;
    width: 100%;
    height: 60px;
}

header.smaller nav .takipsistemi {
    margin-top: 27px;
    line-height: 20px;
}

.lang-area {
    float: right;
    width: 22px;
    position: relative;
    top: 68px;
    margin-left: 8px;
}

    .lang-area a img {
        width: 22px;
        height: 14px;
    }

.button-grup a.cizgi-button {
    margin-left: 15px;
}

.karavan-takip {
    background-image: url(../images/hizmet-icon/karavan-takip.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover .karavan-takip {
    background-image: url(../images/hizmet-icon/karavan-takip-hover.png);
}

.tekne-takip {
    background-image: url(../images/hizmet-icon/tekne-takip.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover .tekne-takip {
    background-image: url(../images/hizmet-icon/tekne-takip-hover.png);
}

.arac-takip {
    background-image: url(../images/hizmet-icon/hizmet-icon1.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover .arac-takip {
    background-image: url(../images/hizmet-icon/hizmet-icon1_1.png);
}

.sicaklik-takip {
    background-image: url(../images/hizmet-icon/hizmet-icon5.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover .sicaklik-takip {
    background-image: url(../images/hizmet-icon/hizmet-icon5_5.png);
}

.kisi-takip {
    background-image: url(../images/hizmet-icon/hizmet-icon3.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover .kisi-takip {
    background-image: url(../images/hizmet-icon/hizmet-icon3_3.png);
}

.moto-takip {
    background-image: url(../images/hizmet-icon/hizmet-icon2.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover .moto-takip {
    background-image: url(../images/hizmet-icon/hizmet-icon2_2.png);
}

.dorse-takip {
    background-image: url(../images/hizmet-icon/hizmet-icon4.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover .dorse-takip {
    background-image: url(../images/hizmet-icon/hizmet-icon4_4.png);
}

.can-obd {
    background-image: url(../images/hizmet-icon/can-obd-icon.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover .can-obd {
    background-image: url(../images/hizmet-icon/can-obd-icon-w.png);
}

.kamera {
    background-image: url(../images/hizmet-icon/kamera-icon.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover .kamera {
    background-image: url(../images/hizmet-icon/kamera-icon-w.png);
}

.numara-footer {
    float: left;
    font-size: 13px;
    color: #202125;
    font-family: 'Open Sans', sans-serif;
    margin-left: 220px;
    font-weight: normal;
}

i.fa.fa-twitter-square {
    color: #202125;
    font-size: 23px;
}

i.fa.fa-facebook-square {
    color: #202125;
    font-size: 23px;
}

i.fa.fa-youtube-square {
    color: #202125;
    font-size: 23px;
}

i.fa.fa-linkedin-square {
    color: #202125;
    font-size: 23px;
}

.footer-yok {
    border-top: none;
    position: relative;
    bottom: -71px;
}

header.smaller .lang-area {
    top: 40px;
}

.acilir-menu {
    width: 1170px !important;
    background-color: #d6d6d6 !important;
    padding: 27px;
}

    .acilir-menu li {
        padding: 0px;
        height: 40px !important;
        line-height: 40px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

        .acilir-menu li a:hover {
            color: #008a4b !important;
            font-weight: 200 !important;
        }

        .acilir-menu li a {
            width: 370px !important;
            float: left !important;
            color: #6f6f71 !important;
            font-size: 11pt !important;
            font-weight: 100 !important;
            font-family: 'Open Sans', sans-serif;
        }

.numara-footer a {
    color: #202125;
}

#bubble-image {
    cursor: pointer;
    display: none !important;
}

.copyright strong {
    font-weight: normal;
}

.popup-bg {
    position: fixed;
    z-index: 999999999999 !important;
    background-color: rgba(58, 55, 55, 0.8);
    width: 100%;
    height: 1000%;
}

div#offerForm-footer {
    background-color: #fff;
    width: 590px;
    margin-left: auto;
    margin-right: auto;
    height: 540px;
    z-index: 9999999999999999999999999;
    margin-top: 15%;
    border: 1px solid #008a4b;
}

h3.offer-form-head-title {
    width: 93%;
    height: 70px;
    background-color: #ffffff;
    text-align: left;
    line-height: 70px;
    color: #202125;
    font-size: 18px;
    font-weight: 100;
    padding-left: 7%;
    border: 1px solid #008a4b;
    border-left: none;
    border-top: none;
    border-right: none;
}

form#offer_form-footer {
    padding: 55px 7.7% 2.5%;
}

div#popup {
    padding: 55px 7.7% 2.5%;
}

.input-wrap input {
    width: 100%;
    height: 60px;
    font-weight: 100;
    font-family: 'light', arial, helvetica, sans-serif;
    color: #0f2539;
    font-size: 16px;
    padding: 0 15px;
    box-sizing: border-box;
    border: 1px solid #d3d5d6;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.input-wrap {
    margin-bottom: 20px;
    width: 100%;
    min-height: 50px;
}

.info-wrap-form {
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 100;
    width: 100%;
    text-align: center;
    height: 55px;
    line-height: 55px;
    color: #c1c1c1;
}

#offerForm-footer .check-wrap {
    margin: 20px 0;
}

.form .check-wrap input[type="checkbox"] + label, .form .radio-wrap input[type="checkbox"] + label, .form .check-wrap input[type="radio"] + label, .form .radio-wrap input[type="radio"] + label {
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
    position: relative;
    font-family: 'light', arial, helvetica, sans-serif;
    font-size: 15px;
    line-height: 21px;
    color: #7b858b;
    min-height: 20px;
}

.btn {
    display: inline-block;
    width: 100%;
    padding: 17px 0;
    text-align: center;
    border-radius: 3px;
    box-sizing: border-box;
}

    .btn.blue {
        background-color: #008a4b;
        border: 2px solid #008a4b;
        font-family: 'medium', arial, helvetica, sans-serif;
        color: #fff;
        font-size: 16px;
    }

        .btn.blue:hover,
        .btn.blue:active {
            background-color: #16171a;
            border-color: #16171a;
        }

#offerForm .offer-form-call, #offerForm-footer .offer-form-call {
    font-family: 'medium', arial, helvetica, sans-serif;
    display: block;
    width: 100%;
    height: 70px;
    text-align: center;
    border-top: 1px solid #d3d5d6;
    line-height: 100px;
    margin-top: 40px;
    font-size: 18px;
    color: #5f5f5f;
}

.kapat-popup {
    cursor: pointer;
    color: #202125;
    width: 15px;
    height: 15px;
    float: right;
    margin-top: -45px;
    font-size: 18px;
    margin-right: 3%;
}

.ortala {
    text-align: center !important;
}

.detay-metin-govde .container:nth-child(1) {
    width: 100%;
}

.metin-1 {
    font-weight: 100 !important;
    font-size: 23px !important;
    color: #727273;
    font-family: 'Open Sans', sans-serif;
    padding: 35px !important;
    text-align: center !important;
    line-height: 35px !important;
    margin-top: 45px !important;
}

::selection {
    background: #212224; /* WebKit/Blink Browsers */
    color: #fff;
}

::-moz-selection {
    background: #212224; /* Gecko Browsers */
    color: #fff;
}

.div-disi {
    width: 100%;
}

.hakkimizda-r1 {
    width: 100%;
    float: left;
    height: 662px;
    background-image: url('http://www.mobilaractakip.com/uploaded/resimler/hakkimizda-r1.jpg');
    margin-top: -22px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
	background-position: center;
}

.hakkimizda-a {
    float: left;
    width: 30.2%;
    background-color: #ffffff;
    padding: 20px;
    position: absolute;
    left: 33.3%;
}

.hakkimizda-b {
    float: left;
    width: 30.1%;
    background-color: #262626;
    padding: 20px;
    position: absolute;
    left: 0;
    top: 177px;
}

    .hakkimizda-b h1 {
        color: #fff !important;
    }

    .hakkimizda-b p {
        color: #fff !important;
    }

.hakkimizda-c {
    float: left;
    width: 30.1%;
    background-color: #008a4b;
    padding: 20px;
    position: absolute;
    right: -11px;
    top: 177px;
}

    .hakkimizda-c h1 {
        color: #fff !important;
    }

    .hakkimizda-c p {
        color: #fff !important;
    }

.kisa-aciklama {
    text-align: justify;
}

.ozel-btn {
    margin-right: 50px;
    top: 67px;
}

.haber:before {
    content: '';
    background-color: #000;
    width: 14px;
    height: 14px;
    position: absolute;
    left: -11px;
    z-index: 999999;
    margin-top: 4px;
    border-radius: 50px;
    border: 4px solid #fff;
}

table.ikas h1 {
    text-align: left !important;
}

table.ikas {
    vertical-align: top !important;
    color: #212224;
    font-size: 17px;
    font-weight: 200;
    font-family: 'Open Sans', sans-serif;
}

    table.ikas tbody tr td h1 {
        text-align: left !important;
    }

    table.ikas tbody tr td ul {
        float: left;
        font-size: 16px;
        margin-left: 20px;
    }

        table.ikas tbody tr td ul li {
            line-height: 31px;
        }

    table.ikas tbody tr td {
        vertical-align: top;
    }

.sabit {
    width: 1150px !important;
}

.col-3 {
    width: 33.33333%;
    float: left;
}

.col-6 {
    width: 66.66666%;
    float: left;
}

.col-9 {
    width: 99.99999%;
    float: left;
}

.col-3 img {
    width: 100%;
}

.col-6 h1 {
    text-align: left !important;
}

.full-page {
    width: 100%;
}

.renk-a {
    background-color: #efefef;
    padding: 15px;
    width: 64.66666%;
    height: 446px;
}

.saga-girinti {
    right: -23px;
    position: relative;
}

.sola-yasla {
    text-align: left !important;
}

.saga-yasla {
    text-align: right !important;
}

.arac-takip-cihazi:nth-child(even) {
    background-color: #ededed;
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 3%;
    padding-top: 3%;
    margin-bottom: 35px;
    text-align: center;
}

.arac-takip-cihazi:nth-child(odd) {
    background-color: #fff;
    padding-bottom: 3%;
}

.arac-takip-cihazi img {
    width: 100%;
}

.ozel-tablo-1:nth-child(even) {
    background-color: #fff;
    padding:40px;
    margin-bottom: 30px;
    padding-top: 5px;
}

.ozel-tablo-1:nth-child(odd) {
    background-color: none;
    padding:40px;
    margin-bottom: 30px;
    padding-top: 5px;
}

.ozel-tablo-1 p {
    margin-bottom: 12px;
}

.motorsklet-video {
    width: 56%;
    z-index: 9999;
    position: absolute;
    top: 28.2%;
    overflow: hidden;
    height: 42.8%;
    z-index: 1;
}

    .motorsklet-video video {
        width: 100%;
    }

.motorsklet-resim {
    position: relative;
    z-index: 2;
}

.ik-cerceve .container {
    width: 1150px !important;
}

.metin-ici-vurgu {
    background-color: #37383c;
    color: #fff;
    padding: 3px;
    border-radius: 3px;
    padding-left: 6px;
    padding-right: 6px;
    font-weight: 400;
}


    .metin-ici-vurgu a {
        color: #fff;
        text-decoration: none;
    }

.detay-teklif {
    width: 1150px !important;
    margin-left: auto;
    margin-right: auto;
}

.videolos {
    position: relative;
    height: 780px;
    overflow: hidden;
}

    .videolos img {
        position: absolute;
        right: 0px;
    }

    .videolos video {
        position: absolute;
        left: 0;
        width: 1160px;
    }

/*@media screen and (min-width: 960px) and (max-width: 1560px) {

    .referans-a ul li:nth-child(3) {
        border-right: none;
    }

    .referans-a ul li:last-child {
        display: none;
    }
}*/


@media screen and (max-width: 1280px) and (max-height: 1024px) and (min-height: 961px) {
    .videolos ~ table {
        margin-top: -330px;
        position: relative;
        z-index: 9999999;
    }

        .videolos ~ table ~ .container {
            margin-top: 70px;
        }

            .videolos ~ table ~ .container ~ table {
                margin-top: 40px;
            }
}

@media screen and (max-width: 1280px) and (max-height: 960px) and (min-height: 801px) {
    .videolos ~ table {
        margin-top: -330px;
        position: relative;
        z-index: 9999999;
    }

        .videolos ~ table ~ .container {
            margin-top: 70px;
        }

            .videolos ~ table ~ .container ~ table {
                margin-top: 40px;
            }
}

@media screen and (max-width: 1280px) and (max-height: 800px) and (min-height: 769px) {
    .videolos ~ table {
        margin-top: -330px;
        position: relative;
        z-index: 9999999;
    }

        .videolos ~ table ~ .container {
            margin-top: 70px;
        }

            .videolos ~ table ~ .container ~ table {
                margin-top: 40px;
            }
}

@media screen and (max-width: 1280px) and (max-height: 768px) and (min-height: 721px) {
    .videolos ~ table {
        margin-top: -330px;
        position: relative;
        z-index: 9999999;
    }

        .videolos ~ table ~ .container {
            margin-top: 70px;
        }

            .videolos ~ table ~ .container ~ table {
                margin-top: 40px;
            }
}

@media screen and (max-width: 1280px) and (max-height: 720px) and (min-height:300px) {
    .videolos ~ table {
        margin-top: -330px;
        position: relative;
        z-index: 9999999;
    }

        .videolos ~ table ~ .container {
            margin-top: 70px;
        }

            .videolos ~ table ~ .container ~ table {
                margin-top: 40px;
            }
}


#vehicle-tracking-device {
    background-image: url(../images/hizmet-icon/hizmet-icon1.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover #vehicle-tracking-device {
    background-image: url(../images/hizmet-icon/hizmet-icon1_1.png);
}

#temperature-and-humidity-tracking {
    background-image: url(../images/hizmet-icon/hizmet-icon5.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover #temperature-and-humidity-tracking {
    background-image: url(../images/hizmet-icon/hizmet-icon5_5.png);
}

#object-and-person-tracking {
    background-image: url(../images/hizmet-icon/hizmet-icon3.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover #object-and-person-tracking {
    background-image: url(../images/hizmet-icon/hizmet-icon3_3.png);
}

#motorcycle-tracking-system {
    background-image: url(../images/hizmet-icon/hizmet-icon2.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover #motorcycle-tracking-system {
    background-image: url(../images/hizmet-icon/hizmet-icon2_2.png);
}

#dorse-tracking-device {
    background-image: url(../images/hizmet-icon/hizmet-icon4.png);
    background-repeat: no-repeat;
}

ul.hizmetler-home-kutu li:hover #dorse-tracking-device {
    background-image: url(../images/hizmet-icon/hizmet-icon4_4.png);
}

.tabcontent {
    padding: 24px 12px !important;
}

.iot-list-item {
    border: 1px solid #d6d6d6;
    padding: 35px;
    width: 288px;
    float: left;
    margin-right: 31px;
}

    .iot-list-item:nth-child(3) {
        margin-right: 0px;
    }

    .iot-list-item h2 {
        text-align: center;
        font-weight: 500;
        font-size: 21px;
        color: #202125;
        font-family: 'Open Sans', sans-serif;
        margin-bottom: 15px;
    }


    .iot-list-item p {
        color: #212224;
        font-size: 16px !important;
        font-weight: 200;
        font-family: 'Open Sans', sans-serif;
        margin-bottom: 11px;
        text-align: justify;
        line-height: !important;
    }


.iletisim-dogrulama {
    float: right;
    position: relative;
    clear: both;
    margin-right: 48px;
    top: 0;
    margin-top: -104px;
}

.iletisim-butonlar {
    margin-top: 100px;
    text-align: right !important;
}

p.ikon {
    margin-bottom: -30px !important;
}

.sol-btn {
    top: -95px;
}

.sol-btn-2 {
    top: -86px;
}

.captcha {
    position: relative;
    top: -103px;
}


.ilet-msj {
    margin-top: 125px;
}

.btext {
    font-weight: bold;
}

.containersabit {
    width: 1230px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    .containersabit ul {
        padding: 0px;
        margin-bottom: 55px !important;
        margin-left: auto;
        margin-right: auto;
    }

        .containersabit ul li {
            float: left;
            list-style-type: none;
            margin: 0px;
            height: 170px;
            border-bottom: 1px solid #969696;
        }

            .containersabit ul li img {
                -webkit-filter: grayscale(100%);
                -moz-filter: grayscale(100%);
                filter: grayscale(100%);
                transition: all 0.4s ease;
                border-right: 1px solid #969696;
            }

.son-li img {
    border-right: none !important;
}

.containersabit ul li img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
}


.c-li + li {
    margin-left: 35px !important;
}

.yeni-satir {
    clear: both;
    padding-top: 40px;
}

#bilgi-ok {
    position: absolute;
    top: 153px;
    left: 690px;
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
    transition: transform 1s;
}

.ok-cevir {
    transform: rotate(-170deg);
}

.height-75 {
    height: 75px;
}

.width-1150 {
    width: 1150px;
}

.width-450 {
    width: 450px;
}

width-333 {
    width: 333px;
}

.width-657 {
    width: 1000px;
}

.t-right {
    text-align: right;
}

.t-left {
    text-align: left;
}

.t-center {
    text-align: center;
}

.v-top {
    vertical-align: top;
}

.detay-metin-govde table {
    padding: 0;
    border: none;
    margin-left: auto;
    margin-right: auto;
}

.popup-kapali {
    display: none;
}

.popup-etkin {
    display: block;
}


.ortala {
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
}

ul.blog {
    color: #212224;
    font-size: 17px;
    font-weight: 200;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 11px;
    text-align: justify;
    line-height: 34px;
}

    ul.blog li img {
        float: left;
        vertical-align: middle;
        margin-right: 20px;
		border-right: 1px solid #efefef;
    }

    ul.blog li {
        clear: both;
        margin-bottom: 20px;
        height: 240px;
        border: 1px solid #efefef;
        padding: 0;
    }

        ul.blog li div {
            padding-right: 20px;
        }

        ul.blog li h2 {
            text-align: left !important;
            font-size: 18px !important;
        }


        ul.blog li:nth-child(2n) img {
            float: right !important;
            margin-left: 20px !important;
            margin-right: 0 !important;
			border-right: none !important;
			border-left: 1px solid #efefef;
        }

        ul.blog li:nth-child(2n) div {
            padding-right: 0 !important;
            padding-left: 20px !important;
        }

.govde {
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

table.ozellikler {
    width: 1150px;
    border: none;
    background-color: white;
    margin-top: 15px;
    margin-bottom: 15px;
}

    table.ozellikler tr td:nth-child(1), table.ozellikler tr td:nth-child(3) {
        width: 33px;
        height: 55px;
        background: url(/images/check.png);
        display: grid;
        background-size: 35px 35px;
        background-repeat: no-repeat;
        background-position: center;
        background-color: white;
        padding-right: 25px;
    }

    table.ozellikler tr td:nth-child(2), table.ozellikler tr td:nth-child(4) {
        width: 516px;
        height: 55px;
    }


        table.ozellikler tr td:nth-child(2) p, table.ozellikler tr td:nth-child(4) p {
            padding-top: 5px;
        }

table.alt-ozellikler {
    width: 1150px;
    border: none;
    background-color: white;
    margin-top: 35px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

    table.alt-ozellikler tr td:nth-child(1), table.alt-ozellikler tr td:nth-child(3) {
        width: 100px;
        height: 100px;
    }

    table.alt-ozellikler tr td:nth-child(2), table.alt-ozellikler tr td:nth-child(4) {
        width: 475px;
        padding-top: 9px;
        text-align: left;
        font-weight: bold;
        padding-left: 18px;
    }


.ust {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
}


    .ust .dolgulu-button {
        padding: 12px;
        margin-top: 0px;
        margin-bottom: 18px;
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

.width-490 {
    width: 490px;
}

.width-500 {
    width: 500px;
}

.f-right {
    float: right;
}


table.tek-satir tr td:nth-child(2) {
    width: 1065px;
}

.ana-icerik {
	max-height: 125px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.ana-icerik::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.ana-icerik::-webkit-scrollbar
{
	width: 10px;
	background-color: #rgba(245, 245, 245, .2);
}

.ana-icerik::-webkit-scrollbar-thumb
{
	background-color: #AAA;
	border-radius: 10px;
	background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .2) 25%, transparent)
}

.hide {
    display: none;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

.diger-ref {
	line-height: 140px;
}

.adresler
{
	width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.adresbilgileri
{
    margin-top: 25px;
    text-align: center;
	width: 50% !important;
	float: left;
}

    .adresbilgileri p {
        margin-top: 25px;
        text-align: center !important;
    }
	
	.full-bg
	{
		  background-color: #ededed;
    width:100%;
	}
	
	.uclu-hucre {
	width:383px;
}

.ortala-hucre {
	
	text-align:center !important;
}

.toi {
	    position: absolute;
 
    color: #fff;
    right: 0;
    font-size: 22px;
    width: 680px;
    text-align: right;
    line-height: 42px;
    font-size: 22px;
    margin-top: 100px;
	margin-right: 18%;
}

.golge-ekle{
	
	-webkit-filter: drop-shadow(1px 0px 3px #222);
filter: drop-shadow(1px 0px 3px #222);
}

.pulse {
  position: absolute;
    top: 18px;
    right: 108px;
    height: 30px;
    width: 30px;
    z-index: 100;
    border: 5px solid #62ff4f;
    border-radius: 80px;
    animation: pulse 1s ease-out infinite;
}

@keyframes pulse {
  0% {
      -webkit-transform: scale(0);
      opacity: 0.0;
  }

  25% {
      -webkit-transform: scale(0.1);
      opacity: 0.1;
  }

  50% {
      -webkit-transform: scale(0.5);
      opacity: 0.3;
  }

  75% {
      -webkit-transform: scale(0.8);
      opacity: 0.5;
    }

  100% {
      -webkit-transform: scale(1);
      opacity: 0.0;
  }
} 

#cookie-warning{
position: fixed;
    line-height: 40px;
    background: #202125cf;
    width: 100%;
    padding: 5px;
    color: #fff;
    bottom: 0;
    z-index: 999999999;
    text-align: center;
    font-size: 15px;
}

#cookie-warning a{
    color: #fff;
	text-decoration: underline;
}

#accept-cookie-policy-btn
{
    float: right;
    text-decoration: none;
    padding: 3px;
    width: 100px;
    border: 1px solid #fff;
    line-height: 24px;
    margin-top: 5px;
    margin-right: 12px;
	cursor:pointer;
}

#tekne-takip-sistemi {
    background-image: url(/uploaded/slider/tekne-takip-sistemi.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

#karavan-takip-sistemi {
    background-image: url(/uploaded/slider/karavan-takip-sistemi.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.ozel-tablo-2:nth-child(even) {
    background-color: #fff;
    padding:40px;
    margin-bottom: 0;
    padding-top: 5px;
}

.ozel-tablo-2:nth-child(odd) {
    background-color: none;
    padding:40px;
    margin-bottom: 0;
    padding-top: 5px;
}

.ozel-tablo-2 p {
    margin-bottom: 12px;
}

.ozel-tablo-2  .bigger
{
	padding-left: 25px;
}

.ozel-tablo-2  .v-top
{
	text-align: center !important;
}

.ocean { 
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  background: #015871;
  position: fixed;
}

.wave {
  background: url(/images/wave.svg) repeat-x; 
  position: absolute;
  top: -135px; /* C */
  width: 6400px; /* C */
  height: 135px; /* C */
  animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0);
  
}

.wave:nth-of-type(2) {
  top: -112px; /* C */
  animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
  opacity: 1;
}

@keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}

@keyframes swell {
  0%, 100% {
    transform: translate3d(0,-25px,0);
  }
  50% {
    transform: translate3d(0,5px,0);
  }
}

/* Karavan */

#karavan {
    bottom: 0;
    width: 100%;
    display: block;
    height: 500px;
    margin: 0;
    padding: 0;
    position: relative;
	margin-bottom: 22px;
}

.forest {
  top: 0;
  height: 76%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.bird-container {
  animation: birdmoving 90s ease infinite backwards;
  position: absolute;
  top: 10%;
  z-index: 900;
}

.bird {
  animation: bird-flying 0.9s steps(6) infinite;
  background: url('/images/caravan/bird-sprite.png') 0 0 no-repeat;
  display: block;
  height: 100px;
  width: 100px;  
}

.sun {
  animation: spin 1s linear infinite both;
  animation-play-state: paused;
  background: url('/images/caravan/sun.svg') 0 0 no-repeat;
  height: 130px;
  position: absolute;
  right: 3%;
  top: 3%;
  width: 130px;
  z-index: 200;
}

.sun:hover {
  animation-play-state: running;
}

.tree01 {
  animation: treesmoving 35s linear 2s infinite reverse backwards; 
  background: url('/images/caravan/pinetree1.svg') no-repeat;
  bottom: 30px;
  height: 292px;
  position: absolute;
  width: 263px;
  z-index: 300;
}

.tree02 {
  animation: treesmoving 23s linear 6s infinite reverse backwards; 
  background: url('/images/caravan/traingletree.svg') no-repeat;
  bottom: 24px;
  height: 320px;
  position: absolute;
  width: 212px;
  z-index: 500;
}

.tree03 {
  animation: treesmoving 18s linear 4s infinite reverse backwards; 
  background: url('/images/caravan/pinetree2.svg') no-repeat;
  bottom: 10px;
  height: 435px;
  position: absolute;
  width: 391px;
  z-index: 500;
}

.tree04 {
  animation: treesmoving 30s linear infinite reverse; 
  background: url('/images/caravan/traingletree.svg') no-repeat;
  bottom: 25px;
  height: 278px;
  position: absolute;
  width: 184px;
  z-index: 300;
}

.forest-background {
  background: url('/images/caravan/forest-background-opt.svg') no-repeat;
  background-position: 0px 0px;
	background-repeat: repeat-x;
	animation: animatedBackground 12s linear infinite reverse;
  bottom: 25%;
  height: 330px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 4;
}

.road {
  background: #c39d7a;
  bottom: 0;
  height: 25%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 5;
}

.combi-container {
  height: 232px;
  margin: 0 auto;
  position: relative;
  top: 65%;
  width: 450px;
  z-index: 500;
}

.combi, .wheelshadow {
  position: absolute;
  top: 0;
  left: 0;
}

.combi {
  background: url('/images/caravan/combi-b.svg') no-repeat;
  height: 232px;
  width: 450px;
  z-index: 100;
}

.wheelshadow {
  background: url('/images/caravan/wheel-shadow-b.svg') no-repeat;
  height: 232px;
  width: 450px;
  z-index: 50;
}

.wheel {
  animation: spin 1s linear infinite both;
  background: url('/images/caravan/wheel-b.svg') no-repeat;
  height: 67px;
  position: absolute;
  top: 165px;
  width: 67px;
  z-index: 75;
}

.wheel01 {
  left: 314px;
}

.wheel02 {
  left: 70px;
}

@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

@keyframes bird-flying {
  0% {background-position: 0 0;}
  100% {background-position: -600px 0;}
}

@keyframes treesmoving {
  from {transform: translateX(-400px);}
  to {transform: translateX(1450px);}
}

@keyframes birdmoving {
  from {transform: translateX(-100px);}
  to {transform: translateX(1350px);}
}

@keyframes spin {
	100% { transform: rotate(360deg); }
}