* {
    margin: 0;
    padding: 0;
}

html, body {
    max-height: 100%;
    max-width: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    width: 100%;
}

a {
    color: blue;
    outline: none;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

p {
    margin: 0 0 18px;
}

img {
    border: none;
    vertical-align: middle;
}

input {
    vertical-align: middle;
}

table {
    border-collapse: separate;
    border-spacing: 0px;
}
div.bootbox.modal.fade.in + div {
    z-index: 9999 !important;
}

.bootbox, .modal {
    z-index: 9999 !important;
}
#header {
    width: 100%;
    height: 215px;
    background-image: url(/images/headerbg.png);
    background-position: top center;
    background-repeat: repeat-x;
}

.ustiletisimx li {
    float: left;
    padding-right: 20px;
    padding-top: 10px;
}

.ustiletisimx a {
    text-decoration: none;
    color: #666666;
}

.ustiletisimx i {
    color: #666666;
    padding-right: 5px;
}
/* navbar baş */
.navbar {
    box-shadow: none !important;
    border: none !important;
    z-index: 7999;
    background: none !important;
}

.navbar-brand {
    padding: 0px !important;
    margin: 0px !important;
}

.nav-justified {
    border-radius: 0px 0px 0px 0px;
}

    .nav-justified li {
        height: 55px;
    }

        .nav-justified li a:hover {
            background-color: #00C0D8 !important;
        }

        .nav-justified li:first-child {
            border-radius: 0px 0px 0px 0px;
        }

        .nav-justified li:last-child {
            border-radius: 0px 0px 0px 0px;
        }

        .nav-justified li a {
            z-index: 7999;
            color: white !important;
            text-shadow: none !important;
            font-size: 15px;
            padding-top: 17px;
            height: 55px;
        }

.logom {
    margin-top: -18px;
    margin-left: 15px;
}

/* navbar son */

.duyurubaslik {
}

    .duyurubaslik a {
        color: black;
        text-decoration: none;
        font-weight: bold;
    }

.ozellik1x ul {
    clear: both;
    padding-top: 20px;
}

    .ozellik1x ul li {
        float: left;
    }

        .ozellik1x ul li:first-child {
            width: 80px;
        }


.fbaslik1 {
    font-size: 46px;
    color: #21387E;
    text-align: center;
    font-weight: bold;
    padding-top: 30px;
}

.faciklama1 {
    font-size: 14px;
    color: #646464;
    padding-top: 10px;
    line-height: 30px;
}

.fbaslik2 {
    font-size: 18px;
    color: #404040;
    padding-top: 30px;
}






.urunkutux {
    border: solid 1px #EEEEEE;
    border-bottom: solid 5px #EEEEEE;
    margin-bottom: 30px;
}

.urunkutuxbaslik {
    background-color: #00C0D8;
    min-height: 40px;
    text-align: center;
    font-size: 14px;
}

    .urunkutuxbaslik a {
        display: block;
        padding-top: 11px;
        color: #FFFFFF;
        text-decoration: none;
        min-height: 40px;
    }

.urunkutuxaciklama {
    padding-top: 10px;
    font-size: 14px;
    color: #545454;
    line-height: 22px;
}

.urunkutuxresim {
    text-align: center;
}



.urunkutuxincele {
    max-width: 185px;
    height: 35px;
    margin: 20px auto 10px auto;
    font-size: 22px;
    background-color: #009DCD;
    border-radius: 3px 3px 3px 3px;
}

    .urunkutuxincele a {
        height: 35px;
        display: block;
        text-decoration: none;
        color: white;
        text-align: center;
        padding-top: 2px;
    }


#contentx {
    padding-bottom: 50px;
}



.myDiv {
    position: relative;
    z-index: 9;
    background: #F9F9F9;
    padding-bottom: 35px;
}


    .myDiv:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 80%;
        left: 0;
        background: white;
    }

.pb60 {
    padding-bottom: 60px;
}















.slogan1 {
    height: 108px;
    width: 100%;
    font-size: 20px;
    color: #373737;
    padding-top: 34px;
    text-align: center;
    background-image: url(/images/sloganbg.png);
    background-repeat: no-repeat;
    background-position: top center;
}

    .slogan1 span {
        background-color: #DA1038;
        padding: 4px;
        border-radius: 6px 6px 6px 6px;
    }

    .slogan1 a {
        text-decoration: none;
        color: white;
    }

.uzman1 {
    font-size: 48px;
    color: #373737;
    text-align: center;
    padding-top: 20px;
}

.uzman2 {
    font-size: 15px;
    color: #888888;
    text-align: center;
    padding-top: 10px;
}

.uzman3 {
    height: 8px;
    width: 100%;
    background-image: url(/images/uzman3.png);
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 30px;
}

.uzman4 {
    font-size: 14px;
    color: #878787;
    text-align: center;
    padding-top: 20px;
}

.cetvel1 {
    height: 17px;
    width: 100%;
    background-image: url(/images/cetvel1.png);
    background-repeat: repeat-x;
    background-position: top center;
    margin-bottom: 1px;
}

.cetvel2 {
    height: 17px;
    width: 100%;
    background-image: url(/images/cetvel2.png);
    background-repeat: repeat-x;
    background-position: top center;
}

.cetvelicerik {
    background-color: #F7F7F7;
}

    .cetvelicerik a {
        text-decoration: none;
    }

.cetvelicerikbaslik {
    text-align: center;
}

    .cetvelicerikbaslik a {
        font-size: 19px;
        color: #373737;
    }

.cetvelicerikbaslikdevam {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
}

    .cetvelicerikbaslikdevam a {
        font-size: 14px;
        color: #D91038;
        text-decoration: none;
    }

.altuclu {
    padding-bottom: 20px;
}

#footerx {
    background-color: #0E3B63;
    min-height: 290px;
    padding-top: 30px;
    padding-bottom: 10px;
}

.footerlinkler li {
    height: 30px;
    background-image: url(/images/ok3.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-top: 7px;
}

    .footerlinkler li a {
        text-decoration: none;
        color: #FFFFFF;
        font-size: 11px;
        padding-left: 30px;
    }

.iletisimaltul a {
    color: white;
    text-decoration: none;
}

.iletisimaltul li {
    padding-top: 8px;
    padding-bottom: 8px;
}

.gritextbox {
    background-color: #0B2B48;
    padding: 4px 4px 4px 4px;
    font-size: 13px;
    color: #AAAAAA !important;
    border: 1px solid #0B2B48 !important;
    border-radius: 0px 0px 0px 0px !important;
    box-shadow: none !important;
}


.btn-beyaz {
    color: white;
    background-color: #008695;
    border-color: #008695;
    border-radius: 0px 0px 0px 0px;
}

    .btn-beyaz:hover,
    .btn-beyaz:focus,
    .btn-beyaz:active,
    .btn-beyaz.active,
    .open .dropdown-toggle.btn-beyaz {
        color: #FFFFFF;
        background-color: #008695;
        border-color: #008695;
    }

    .btn-beyaz:active,
    .btn-beyaz.active,
    .open .dropdown-toggle.btn-beyaz {
        background-image: none;
    }

    .btn-beyaz.disabled,
    .btn-beyaz[disabled],
    fieldset[disabled] .btn-beyaz,
    .btn-beyaz.disabled:hover,
    .btn-beyaz[disabled]:hover,
    fieldset[disabled] .btn-beyaz:hover,
    .btn-beyaz.disabled:focus,
    .btn-beyaz[disabled]:focus,
    fieldset[disabled] .btn-beyaz:focus,
    .btn-beyaz.disabled:active,
    .btn-beyaz[disabled]:active,
    fieldset[disabled] .btn-beyaz:active,
    .btn-beyaz.disabled.active,
    .btn-beyaz[disabled].active,
    fieldset[disabled] .btn-beyaz.active {
        background-color: #008695;
        border-color: #008695;
    }

    .btn-beyaz .badge {
        color: #FFFFFF;
        background-color: #008695;
    }

.footeriletisimadres {
    background-image: url(/images/iletisimadres.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-top: 0px;
    padding-left: 30px;
    color:white;
}

.footeriletisimatel {
    background-image: url(/images/iletisimtel.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-top: 0px;
    padding-left: 30px;
    color:white;
}

.footeriletisimeposta {
    background-image: url(/images/iletisimeposta.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-top: 0px;
    padding-left: 30px;
    color: white;
}


.footerbaslik {
    font-size: 28px;
    color: #FFFFFF;
    padding-bottom: 8px;
}

.footerbaslikcizgi1 {
    width: 70%;
    background-color: #555555;
    height: 1px;
}

.footerbaslikcizgi2 {
    width: 70%;
    background-color: #555555;
    height: 1px;
    margin-top: 4px;
}

.altmenu1 {
    width: 100%;
    min-height: 40px;
    margin-bottom: 1px;
    background-color: #00C0D8;
}

    .altmenu1 a {
        color: #FFFFFF;
        font-size: 18px;
        text-decoration: none;
        padding-top: 7px;
        padding-left: 10px;
        display: block;
        min-height: 40px;
    }

.kurumsalbaslik {
    font-size: 18px;
    color: white;
    padding-top: 12px;
    padding-bottom: 10px;
    font-weight: bold;
    background-color:#0E3B63;
    padding-left:13px;
}

.kurumsalbaslikcizgi {
    width: 100%;
    height: 1px;
    background-color: #C8C8C8;
}

.baslik3 {
    width: 100%;
    height: 30px;
    border: solid 1px #DDDDDD;
    background-color: #EEEEEE;
    padding-top: 5px;
    padding-left: 15px;
    text-align: left;
    font-size: 14px;
    color: #222222;
}


.makinelerimiz1 {
    font-size: 30px;
    color: #1F1F2E;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 30px;
    font-weight: bold;
}

.argebg {
    background-image: url(/images/argebg.png);
    width: 100%;
    position: relative;
    height: 300px;
    background-repeat: no-repeat;
    background-position: top center;
}

    .argebg span {
        color: #FFFFFF;
        font-size: 30px;
        top: 40%;
        position: absolute;
        background-color: #0A243F;
        padding-left: 10px;
        padding-right: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

.kutu02baslik {
    height: 50px;
    background-color: #00C0D8;
    padding-left: 23px;
    padding-top: 10px;
    font-size: 20px;
    color: #FFFFFF;
}

.kutu02icerik {
    min-height: 260px;
    border: solid 1px #DDDDDD;
    border-top-style: none !important;
    padding: 15px;
}

.yukseklik1 {
    height: 120px;
    padding-top: 25px;
}

.maxh220 {
    max-height: 220px;
}


@media (min-width: 1200px) /* Larger Devices */
{
}

@media (max-width: 1199px) /* Medium Sized Devices */
{

    .nav-justified li a {
        font-size: 11px;
        padding-top: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) /* Medium Sized Devices */
{
    .pb60 {
        padding-bottom: 40px;
    }
}



@media (max-width: 991px) /* Small Devices */
{
    .myDiv {
        position: relative;
        z-index: 9;
        background: #F9F9F9;
        padding-bottom: 35px;
        padding-top: 20px;
    }


        .myDiv:before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            bottom: 80%;
            left: 0;
            background: #F9F9F9;
        }

    .servislerx {
        margin-top: 50px;
    }
}

@media (min-width: 768px) and (max-width: 991px) /* Small Devices */
{
    .nav-justified li a {
        padding-left: 15px;
        padding-right: 15px;
    }

    .slogan1 {
        font-size: 18px;
    }

    .fbaslik1 {
        font-size: 36px;
        padding-top: 20px;
    }
}

@media (max-width: 767px) /* Landscape phone to portrait tablet */
{
    .kutu02icerik {
        margin-bottom: 30px;
    }

  

    .argebg span {
        font-size: 20px;
        top: 45%;
    }

    .makinecol1 {
        padding-bottom: 30px;
    }

    .makinelerimiz1 {
        font-size: 20px;
    }

    #navbar > .pull-right {
        float: none !important;
    }

    .nav-justified {
        margin-top: 0px;
        background-color: #C00808;
    }

        .nav-justified li {
            height: 35px;
        }

            .nav-justified li a {
                font-size: 15px;
                padding-top: 5px;
                height: 35px;
            }

    .yukseklik1 {
        height: 0px;
        padding-top: 0px;
    }

    .slogan1 {
        font-size: 14px;
        padding-top: 20px;
        line-height: 30px;
    }

    .uzman1 {
        font-size: 36px;
        padding-top: 20px;
    }

    .fbaslik1 {
        font-size: 26px;
    }

    .faciklama1 {
        font-size: 13px;
        padding-top: 10px;
        line-height: 22px;
    }

    .pb60 {
        padding-bottom: 0px;
    }

    #header {
        height: 160px;
    }
}

@media (max-width: 480px) /* Landscape phones and down */
{
    .footerbaslik {
        font-size: 20px;
    }

    .kutu02baslik {
        height: 40px;
        padding-left: 15px;
        padding-top: 8px;
        font-size: 16px;
    }

    .argebg span {
        font-size: 16px;
        top: 45%;
    }

    #header {
        height: 120px;
    }

    .logom {
        margin-top: 0px;
        width: 230px !important;
    }

    .slogan1 {
        padding-top: 15px;
    }

    .uzman1 {
        font-size: 30px;
        padding-top: 20px;
    }

    .fbaslik1 {
        font-size: 16px;
    }

    .col480x {
        float: none !important;
        width: 100% !important;
    }

    .makinecol1 {
        float: none !important;
        width: 100% !important;
    }
}

@media (max-width: 320px) /* Landscape phones and down */
{

    .logom {
        margin-top: 0px;
        width: 200px !important;
    }

    .fbaslik1 {
        font-size: 15px;
    }

    .fbaslik2 {
        padding-top: 10px;
    }
}

@media (max-width: 281px) /* Landscape phones and down */
{
    .slogan1 {
        padding-top: 5px;
        font-size: 13px;
        line-height: 25px;
    }

    .cetvelicerikbaslik a {
        font-size: 16px;
    }
}