*,
.mobile_navbar {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
p,
ul {
    margin: 0
}

.content:after,
.navbar_container:after {
    content: ""
}

body,
html,
ul {
    padding: 0
}

.numara a,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    -webkit-font-smoothing: antialiased
}

.pull_left,
body,
html {
    float: left
}

body,
hr,
html {
    width: 100%;
    margin: 0
}

.container,
.relative {
    position: relative
}

body,
html {
    display: block
}

li {
    list-style: none
}

a,
a:hover {
    text-decoration: none
}

.padding_reset {
    padding-left: 0;
    padding-right: 0
}

.transition {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.pull_right {
    float: right
}

* {
    box-sizing: border-box
}

:active,
:focus,
:hover {
    outline: 0!important
}

hr {
    border-top: 1px solid #000;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    float: left;
    height: 0
}

.green {
    color: #2C843D!important
}

.red {
    color: #C54D25!important
}

.blue {
    color: #1692BA!important
}

#cboxCurrent {
    display: none!important
}

.container {
    width: 1171px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.full_width {
    width: 100%!important
}

.fadeIn {
    opacity: 1;
    border: 2px solid #0C293E;
    -webkit-animation: fadein .5s forwards;
    -moz-animation: fadein .5s forwards;
    -o-animation: fadein .5s forwards;
    animation: fadein .5s forwards
}

.mobile_top_icon {
    width: 50px;
    height: 50px;
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    position: fixed;
    bottom: 48px;
    right: 25px;
    display: none;
    opacity: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 25px solid #53A03B;
    cursor: pointer;
    z-index: 99
}

.mobile_navbar,
.mobile_top_icon .fa.fa-arrow-up,
nav.navbar ul li,
nav.navbar ul li a p {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s
}

.static_banner,
.static_banner img {
    width: 100%;
    float: left
}

.mobile_top_icon .fa.fa-arrow-up {
    margin-top: 10px;
    font-size: 28px;
    margin-left: 10px;
    color: #53A03B;
    transition: .5s
}

.content_mini_container img,
.navbar_logo,
img.banner_alt_galeri,
span.bar {
    margin-left: auto;
    margin-right: auto
}

@-animation-keyframes fadein {
    100%,
    50% {
        opacity: 1
    }
    0% {
        opacity: 0
    }
    100% {
        border-width: 2px
    }
}

@-moz-keyframes fadein {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 1;
        border-width: 2px
    }
}

@-o-keyframes fadein {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 1;
        border-width: 2px
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1;
        border-width: 2px
    }
}

.fadeOut {
    -webkit-animation: fadeout .5s forwards;
    -moz-animation: fadeout .5s forwards;
    -o-animation: fadeout .5s forwards;
    animation: fadeout .5s forwards
}

@-animation-keyframes fadeout {
    0% {
        opacity: 1;
        border-width: 2px
    }
    100% {
        border-width: 25px;
        opacity: 0
    }
}

@-moz-keyframes fadeout {
    0% {
        opacity: 1;
        border-width: 2px
    }
    100% {
        border-width: 25px;
        opacity: 0
    }
}

@-o-keyframes fadeout {
    0% {
        opacity: 1;
        border-width: 2px
    }
    100% {
        border-width: 25px;
        opacity: 0
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
        border-width: 2px
    }
    100% {
        border-width: 25px;
        opacity: 0
    }
}

.static_banner {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    height: 100%;
    position: relative
}

.banner_ust_max {
    max-height: 444px
}

.banner_alt {
    position: absolute;
    left: 0;
    bottom: -1px
}

img.banner_alt_galeri {
    width: 595px;
    float: none;
    display: block;
    left: 0;
    right: 0;
    bottom: 9px
}

img.banner_alt_galeri.alt_ietisim {
    bottom: 0
}

img.banner_alt.alt_video_galeri,
img.banner_alt_yorum {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    width: 350px
}

img.banner_alt_yorum {
    width: 300px
}

header {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    border-bottom: 3px solid #258039;
    background-color: #ddffec
}

.nav_menu_container {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    width: 100%;
    z-index: 2
}

nav.navbar {
    -webkit-transform: translateZ(0)!important;
    -webkit-backface-visibility: hidden!important;
    -webkit-perspective: 1000!important;
    backface-visibility: hidden!important;
    perspective: 1000!important;
    width: 100%;
    height: 70px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    position: relative;
    z-index: 1;
    background: #6bb03c;
    background: -moz-linear-gradient(top, #6bb03c 0, #006737 100%);
    background: -webkit-linear-gradient(top, #6bb03c 0, #006737 100%);
    background: linear-gradient(to bottom, #acdec2 0,#1f9c62 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bb03c', endColorstr='#006737', GradientType=0)
}

.mobile_navbar,
.navbar_logo,
.numara {
    position: absolute
}

.navbar_container:after {
    background-image: url(../img/header/navbar_shadow.png);
    background-repeat: no-repeat;
    background-size: 100% 50px;
    background-position: 0 18px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    position: absolute;
    left: 0;
    top: 27px;
    z-index: -1;
    width: 100%;
    height: 100%
}

nav.navbar ul {
    height: 100%
}

nav.navbar ul:nth-child(3) li:last-child {
    background-position: 45% 11px
}

nav.navbar ul:nth-child(3) li:last-child a {
    padding-right: 10px
}

nav.navbar ul:nth-child(1) li:first-child a {
    padding-left: 10px
}

.navbar_logo {
    top: -15px;
    left: 0;
    right: 0;
    display: block;
    width: 231px
}

.navbar_logo a {
    display: inline-block
}

.navbar_logo a img {
    display: block
}

nav.navbar ul li {
    float: left;
    display: block;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #006836;
    transition: .5s
}

.mobile_navbar,
nav.navbar ul li a p {
    transition: .5s
}

.icerik_ikon b,
.icerik_ikon p b,
nav.navbar.navbar_container_mobile {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s
}

nav.navbar ul li a {
    background-position: center 11px;
    background-repeat: no-repeat
}

nav.navbar ul.pull_left li:first-child {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px
}

nav.navbar ul.pull_right li:last-child {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px
}

nav.navbar ul li:hover {
    background-color: #fff
}

nav.navbar ul li:hover a p {
    color: #006737
}

nav.navbar ul li:last-child {
    border-right: 0
}

nav.navbar ul li a,
nav.navbar ul li a p {
    float: left;
    display: block;
    color: #fff;
    font-size: 13px;
    height: 100%;
    font-family: NeoSansPro-Medium;
    line-height: 96px
}

.mobile_navbar {
    display: none;
    right: 54px;
    top: 15px;
    width: 40px;
    float: none;
    height: 38px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    outline: 0;
    border: 0;
    border: 2px solid #fff;
    background-color: #61A93C;
    padding: 0;
    cursor: pointer;
    box-sizing: content-box
}

.mobile_navbar:hover {
    background-color: green
}

nav.navbar.navbar_container_mobile {
    height: 0;
    background: #6bb03c;
    z-index: 0;
    top: -2px;
    overflow: hidden;
    box-shadow: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    transition: .5s
}

nav.navbar.navbar_container_mobile.mobile_open {
    height: 70px;
    padding-top: 5px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    display: none
}

span.bar {
    display: block;
    width: 22px;
    height: 2px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #FFF;
    margin-bottom: 4px
}

button.mobile_navbar span.bar:last-child {
    margin-bottom: 0
}

.numara {
    background-image: url(../img/header/phone_top.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: 0 1px;
    right: 7px;
    top: -36px;
    width: 120px;
    height: 28px
}

h3.slider_header,
p.slider {
    top: 0!important;
    position: relative;
    float: left
}

.numara a {
    font-family: NeoSansPro-Regular;
    line-height: 28px;
    font-weight: 600;
    font-size: 15px;
    color: #5FA83B;
    width: 119px;
    float: left;
    padding-left: 37px;
    letter-spacing: 0
}

nav.navbar ul li.home_a a {
    line-height: 78px
}

.home_a:hover img.home_icon,
img.home_icon_hover {
    display: none
}

.home_a:hover img.home_icon_hover {
    display: inline-block
}

nav.navbar ul li a.message {
    background-image: url(../img/header/message.png);
    background-position: 25px 11px
}

nav.navbar ul li a.message:hover,
nav.navbar ul li.message_h:hover a.message {
    background-position: -39px 11px
}

nav.navbar ul li a.cargo {
    background-image: url(../img/header/cargo.png);
    background-position: 25px 11px
}

nav.navbar ul li a.cargo:hover,
nav.navbar ul li.cargo_h:hover a.cargo {
    background-position: -36px 11px
}

nav.navbar ul li a.people {
    background-image: url(../img/header/people.png);
    background-position: 38px 11px
}

nav.navbar ul li a.people:hover,
nav.navbar ul li.people_h:hover a.people {
    background-position: -35px 11px
}

nav.navbar ul li a.gallery {
    background-image: url(../img/header/gallery.png);
    background-position: 13px 11px
}

nav.navbar ul li a.gallery:hover,
nav.navbar ul li.gallery_h:hover a.gallery {
    background-position: -56px 11px
}

nav.navbar ul li a.star {
    background-image: url(../img/header/star.png);
    background-position: 32px 11px
}

nav.navbar ul li a.star:hover,
nav.navbar ul li.star_h:hover a.star {
    background-position: -38px 11px
}

nav.navbar ul li a.cert {
    background-image: url(../img/header/cert.png);
    background-position: 35px 11px
}

nav.navbar ul li a.cert:hover,
nav.navbar ul li.cert_h:hover a.cert {
    background-position: -38px 11px
}

nav.navbar ul li a.phone {
    background-image: url(../img/header/phone.png);
    background-position: 19px 11px
}

nav.navbar ul li a.phone:hover,
nav.navbar ul li.phone_h:hover a.phone {
    background-position: -55px 11px
}

#slider {
    width: 100%;
    height: 580px;
    z-index: 1
}

.sp-image-container,
.sp-mask,
.sp-slide,
.sp-slides,
.sp-slides-container {
    width: 100%;
    height: 580px!important;
    float: left
}

.main_slider_container,
.slider_container {
    height: 100%
}

h3.sp-layer {
    width: 50%
}

h3.slider_header {
    font-family: NeoSansPro-Bold;
    font-size: 44px!important;
    color: #288339;
    text-shadow: 2px 2px 2px #1F5F2C;
    width: 53%
}

h3.slider_header_tablet_padding_1 {
    padding-top: 220px
}

span.slider_red {
    color: #313c80;
    text-shadow: 2px 2px 2px #fff
}

h3.slider_header.big_slider_text {
    font-size: 54px!important
}

p.sp-layer {
    width: 50%;
    padding-top: 364px
}

p.slider {
    font-family: NeoSansPro-Regular;
    font-size: 16px!important;
    color: #444;
    padding-top: 15px
}

.sp-next-arrow:after,
.sp-next-arrow:before,
.sp-previous-arrow:after,
.sp-previous-arrow:before {
    background-color: #278239
}

.content {
    position: relative;
    width: 100%;
    float: left;
    display: block;
    padding-bottom: 64px
}

.content:after {
    background-image: url(../img/body.jpg);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
    top: 0;
    opacity: .5
}

.container.content_up {
    width: 1155px
}

.ikonlar {
    float: left;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px
}

.content_mini_container {
    display: block;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    width: 108px;
    height: 108px;
    position: absolute;
    left: 0;
    top: 14px;
    border: 4px solid #fff;
    overflow: hidden
}

.content_mini_container img {
    display: block;
    padding-top: 20px;
    position: relative
}

.content_mini_container img.move1:hover,
.content_mini_container:hover img.move1,
.move1:hover .content_mini_container img.move1 {
    animation: animationFrames1 linear 1.5s;
    -webkit-animation: animationFrames1 linear 1.5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.content_mini_container img.move2:hover,
.content_mini_container:hover img.move2,
.move2:hover .content_mini_container img.move2 {
    animation: animationFrames2 linear .2s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@keyframes animationFrames1 {
    0%,
    53% {
        left: -103px
    }
    40%,
    64% {
        opacity: 1
    }
    52% {
        left: 95px;
        opacity: 0
    }
    100% {
        left: 0
    }
}

@-moz-keyframes animationFrames1 {
    0%,
    53% {
        left: -103px
    }
    40%,
    64% {
        opacity: 1
    }
    52% {
        left: 95px;
        opacity: 0
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes animationFrames1 {
    0%,
    53% {
        left: -103px
    }
    40%,
    64% {
        opacity: 1
    }
    52% {
        left: 95px;
        opacity: 0
    }
    100% {
        left: 0
    }
}

@-o-keyframes animationFrames1 {
    0%,
    53% {
        left: -103px
    }
    40%,
    64% {
        opacity: 1
    }
    52% {
        left: 95px;
        opacity: 0
    }
    100% {
        left: 0
    }
}

@-ms-keyframes animationFrames1 {
    0%,
    53% {
        left: -103px
    }
    40%,
    64% {
        opacity: 1
    }
    52% {
        left: 95px;
        opacity: 0
    }
    100% {
        left: 0
    }
}

@keyframes animationFrames2 {
    0% {
        top: 0
    }
    100% {
        top: -5px
    }
}

@-moz-keyframes animationFrames2 {
    0% {
        top: 0
    }
    100% {
        top: -5px
    }
}

@-webkit-keyframes animationFrames2 {
    0% {
        top: 0
    }
    100% {
        top: -5px
    }
}

@-o-keyframes animationFrames2 {
    0% {
        top: 0
    }
    100% {
        top: -5px
    }
}

@-ms-keyframes animationFrames2 {
    0% {
        top: 0
    }
    100% {
        top: -5px
    }
}

.icerik_ikon {
    display: block;
    width: 303px;
    background-color: #53A03B;
    border: 4px solid #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    float: left;
    margin-left: 68px;
    padding: 24px 10px 24px 47px;
    height: 145px
}

.alt_content_up,
.big_text {
    width: 100%;
    float: left
}

.icerik_ikon h1,
.icerik_ikon h4,
.icerik_ikon p {
    color: #fff;
    font-family: NeoSansPro-Bold;
    margin: 0
}

.icerik_ikon h1,
.icerik_ikon h4 {
    font-size: 16px
}

.icerik_ikon b,
.icerik_ikon p {
    font-family: NeoSansPro-Regular;
    margin: 10px 0 0;
    font-size: 13px;
    max-height: 65px;
    overflow: hidden
}

.icerik_ikon p {
    line-height: 21px
}

.alt_header h4,
.big_text h4 {
    font-family: NeoSansPro-Medium
}

.icerik_ikon b,
.icerik_ikon p b {
    color: #615C5C;
    font-size: 11px;
    font-weight: 400;
    transition: .5s
}

.icerik_ikon b {
    float: left;
    margin-top: 5px;
    line-height: 11px;
    transition: .5s
}

.bold_color_green b,
.bold_color_green p b {
    color: #21672E;
    padding-left: 0
}

.container_blue p b {
    color: #0B5E79
}

.container_opengreen p b {
    color: #657A1D
}

.container_red p b {
    color: #772D13
}

.container_yellow p b {
    color: #6B6B03
}

.container_orange p b {
    color: #A95705
}

.icerik_ikon b:hover,
.icerik_ikon p b:hover {
    color: #fff
}

.ikonlar li {
    margin-bottom: 33px;
    margin-right: 19px;
    position: relative
}

.ikonlar a,
.ikonlar li,
.ikonlar ul {
    float: left
}

.ikonlar li:nth-child(4),
.ikonlar li:nth-child(5),
.ikonlar li:nth-child(6) {
    margin-bottom: 0
}

.ikonlar li:nth-child(3),
.ikonlar li:nth-child(6) {
    margin-right: 0
}

.ikonlar ul > li > a {
    display: block
}

.mini_container_green {
    background: #59a43b;
    background: -moz-linear-gradient(top, #59a43b 0, #247f39 100%);
    background: -webkit-linear-gradient(top, #59a43b 0, #247f39 100%);
    background: linear-gradient(to bottom, #59a43b 0, #247f39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a43b', endColorstr='#247f39', GradientType=0)
}

.mini_container_openblue {
    background: #86defb;
    background: -moz-linear-gradient(top, #86defb 0, #0183ad 100%);
    background: -webkit-linear-gradient(top, #86defb 0, #0183ad 100%);
    background: linear-gradient(to bottom, #86defb 0, #0183ad 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86defb', endColorstr='#0183ad', GradientType=0)
}

.mini_container_opengreen {
    background: #c9df7d;
    background: -moz-linear-gradient(top, #c9df7d 0, #8dad1f 100%);
    background: -webkit-linear-gradient(top, #c9df7d 0, #8dad1f 100%);
    background: linear-gradient(to bottom, #c9df7d 0, #8dad1f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9df7d', endColorstr='#8dad1f', GradientType=0)
}

.mini_container_red {
    background: #e88868;
    background: -moz-linear-gradient(top, #e88868 0, #be4218 100%);
    background: -webkit-linear-gradient(top, #e88868 0, #be4218 100%);
    background: linear-gradient(to bottom, #e88868 0, #be4218 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e88868', endColorstr='#be4218', GradientType=0)
}

.mini_container_yellow {
    background: #e6e66c;
    background: -moz-linear-gradient(top, #e6e66c 0, #c9c901 100%);
    background: -webkit-linear-gradient(top, #e6e66c 0, #c9c901 100%);
    background: linear-gradient(to bottom, #e6e66c 0, #c9c901 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e66c', endColorstr='#c9c901', GradientType=0)
}

.mini_container_orange {
    background: #ffb062;
    background: -moz-linear-gradient(top, #ffb062 0, #f07800 100%);
    background: -webkit-linear-gradient(top, #ffb062 0, #f07800 100%);
    background: linear-gradient(to bottom, #ffb062 0, #f07800 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb062', endColorstr='#f07800', GradientType=0)
}

.cargo_green,
.cargo_red,
.fake_bulten_submit,
.footer_ust h4,
.footer_ust span,
.icon_paylas,
.icon_yorum,
.ulasim_icon,
button.submit_bulten {
    background-repeat: no-repeat
}

.container_blue {
    background-color: #39B3DB
}

.container_opengreen {
    background-color: #AACE2F
}

.container_red {
    background-color: #D36D4B
}

.container_yellow {
    background-color: #CBCB0A
}

.container_orange {
    background-color: #F59738
}

.big_text h4 {
    font-weight: 400;
    font-size: 17px;
    color: #444;
    line-height: 23px
}

.big_text h4:first-child {
    margin-bottom: 20px
}

.big_text h4 a {
    color: #423F3F;
    font-size: 13px
}

.big_text h4 a b {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.big_text h4 a b:hover {
    color: #C54D25
}

.big_text h4 a:hover {
    color: #000
}

.content_alt,
.content_alt_container {
    width: 100%;
    float: left;
    margin-top: 70px
}

.alt_content_up {
    height: 203px
}

.alt_content_up .alt_container:nth-child(3) {
    padding-right: 0
}

.alt_container {
    float: left;
    width: 33.3333%;
    height: 100%;
    padding-right: 55px
}

.alt_header {
    width: 100%;
    float: left;
    display: block;
    height: 40px
}

.alt_header hr {
    border-top: 1px solid #2C843D;
    border-left: 0;
    border-right: 0;
    margin-top: 4px;
    margin-bottom: 6px
}

.alt_header hr.red_hr {
    border-top: 1px solid #C54D25
}

.alt_header hr.blue_hr {
    border-top: 1px solid #1692BA
}

.alt_header h4,
.alt_header h5 {
    float: left;
    display: block
}

.alt_header h4 {
    font-size: 14px
}

.alt_header h5 {
    margin-top: 4px;
    float: right
}

.alt_header h5 a {
    font-family: NeoSansPro-Regular;
    font-size: 11px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.alt_header h5 a:hover {
    color: #000!important
}

.video_container {
    width: 250px;
    height: 160px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    border: 1px solid #2C843D
}

.alt_container.alt_container_video {
    width: 27%
}

.alt_container.alt_container_haber {
    width: 38%
}

.video_container img {
    width: 100%
}

.video_container a:after,
.video_container_content a:after {
    content: "";
    background-image: url(../img/videoplay.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    display: block
}

.alt_content_up p {
    font-size: 12px;
    font-family: NeoSansPro-Regular
}

.alt_content_up a,
.alt_image_text_container a {
    font-family: NeoSansPro-Regular;
    font-size: 11px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    display: block
}

.alt_content_up a {
    color: #1692BA;
    transition: .4s
}

.alt_content_up .alt_text a {
    margin-top: 5px;
    margin-bottom: 13px;
    float: left;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.alt_content_up .alt_text a:hover {
    color: #373636!important
}

.alt_container.alt_container_haber .alt_image_text_container:last-child,
.alt_content_up .alt_text p {
    margin-bottom: 0
}

.alt_image_text_container {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 15px
}

.alt_image_text_container a.img_link {
    padding-left: 0;
    float: left;
    width: 119px;
    height: 73px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    border: 1px solid #C54D25;
    overflow: hidden
}

.alt_image_text_container img {
    width: 100%;
    height: auto;
    float: left
}

.alt_image_text_container p {
    margin: 10px 0 0;
    padding-left: 15px;
    color: #333;
    max-height: 44px;
    overflow: hidden
}

.alt_image_text_container a {
    color: #C54D25;
    padding-left: 134px;
    margin-top: 2px;
    transition: .4s
}

.alt_image_text_container a:hover {
    color: #373636
}

.alt_text p {
    float: left;
    margin-bottom: 13px;
    line-height: 20px;
    max-height: 87px;
    overflow: hidden
}

.yorum_head {
    font-family: NeoSansPro-Medium;
    font-size: 13px;
    color: #1692BA;
    width: 100%;
    float: left;
    text-align: left;
    padding: 0 8px 5px 0
}

.alt_text p:last-child {
    margin-bottom: 0
}

.yorumlar_paylas,
.yorumlar_yorum {
    border: 1px solid #74CFEE;
    background-color: transparent;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 121px;
    height: 27px;
    font-family: NeoSansPro-Regular;
    font-size: 11px;
    color: #1692BA;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    text-align: right;
    padding-right: 22px;
    position: relative;
    margin-top: 11px;
    float: left
}

.icon_paylas,
.icon_yorum {
    display: block;
    width: 27px;
    height: 25px;
    position: absolute;
    left: 10px;
    top: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden
}

.alt_content_left,
.alt_content_right {
    width: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    float: left
}

.alt_content_left,
li.letter_icon p {
    position: relative
}

.icon_yorum {
    background-image: url(../img/footer/yorum.png);
    background-position: 3px 4px
}

.icon_yorum:hover,
.yorumlar_yorum:hover .icon_yorum {
    background-position: -21px 4px
}

.icon_paylas {
    background-image: url(../img/footer/paylas.png);
    background-position: 4px 4px
}

.icon_paylas:hover,
.yorumlar_paylas:hover .icon_paylas {
    background-position: -20px 4px
}

.iletisim_bg,
.ulasim_icon {
    background-position: 2px 0
}

.yorumlar_paylas {
    padding-right: 32px;
    margin-left: 58px;
    margin-right: 13px
}

.yorumlar_paylas:hover,
.yorumlar_yorum:hover {
    border-color: #0D536A;
    color: #0D536A
}

.cargo_red {
    background-image: url(../img/header/cargo_red.png);
    padding-left: 39px
}

.cargo_green {
    background-image: url(../img/header/cargo_green.png);
    padding-left: 39px
}

.alt_content_left {
    border-right: 1px solid green;
    height: 119px;
    margin-left: 7px;
    margin-right: 7px
}

.alt_content_right {
    border-right: 1px solid #C54D25;
    position: relative;
    height: 118px;
    margin-left: 6px;
    margin-right: 6px
}

.content_right ul li .alt_content_right:last-child {
    margin-right: 0
}

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

.alt_content_down h3 {
    font-family: NeoSansPro-Medium;
    font-size: 14px
}

.alt_content_down ul li,
.alt_content_down ul li a {
    font-family: NeoSansPro-Regular;
    font-size: 11px;
    color: #444
}

.alt_content_down ul {
    float: left
}

.content_left {
    float: left;
    width: 33%
}

.content_right {
    float: left;
    width: 67%;
    padding-left: 15px
}

.alt_content_down .header_alt {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.content_left ul {
    float: left;
    width: 162px
}

.alt_content_down .content_left ul li {
    width: 100%
}

.alt_content_down ul li {
    width: 50%;
    float: left
}

.alt_content_down ul li a {
    line-height: 15px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.alt_content_down .content_left ul li a:hover {
    color: #2C843D
}

.alt_content_down .content_right ul li a:hover {
    color: #C54D25
}

.alt_content_down ul li:before {
    content: "• ";
    color: #2C843D;
    font-size: 14px;
    padding-right: 4px;
    float: left;
    display: block
}

.content_right ul li {
    width: auto;
    min-width: 25%
}

.alt_content_down .content_right ul {
    width: 181px
}

.alt_content_down .content_right ul li:before {
    color: #C54D25
}

.grayscale {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.green_list.referans_sayfasi {
    width: 50%;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px
}

.green_list.referans_sayfasi li.tab_head {
    font-family: NeoSansPro-Medium;
    font-size: 14px;
    list-style: none;
    border-bottom: 1px solid #2C843D;
    margin-bottom: 12px;
    padding-bottom: 6px
}

.bulten_bg,
.iletisim_bg,
.sosyal_icon,
.ulasim_icon {
    margin-bottom: 0!important
}

.green_list.referans_sayfasi li {
    font-family: NeoSansPro-Medium;
    font-size: 12px;
    color: #444;
    list-style: disc inside;
    padding-top: 4px;
    padding-bottom: 4px;
    text-transform: uppercase
}

.padding-right-referans {
    padding-right: 45px
}

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

li.letter_icon p a:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0e0";
    width: 90%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #2C843D;
    text-align: left;
    font-size: 22px;
    opacity: 0;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    z-index: 0;
    padding-top: 6px;
    text-indent: 11px
}

li.letter_icon p:hover a:after {
    opacity: 1
}

.araclar_container.belgeler_content {
    width: 936px;
    float: none;
    display: table;
    margin-left: auto;
    margin-right: auto
}

.fake_bulten_submit,
.tooltip {
    display: none
}

.araclar_container.belgeler_content li {
    width: 20%;
    width: 234px
}

.araclar_container.belgeler_content a {
    position: relative
}

.araclar_container.belgeler_content img {
    height: 298px;
    padding: 8px;
    background-color: #fff
}

.araclar_container li.half_images img {
    width: 210px;
    height: 145px
}

.araclar_container li.half_images img:nth-child(2),
.araclar_container li.half_images p:nth-child(2) {
    margin-top: 12px
}

.tooltip {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 10px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    font-family: NeoSansPro-Regular;
    font-size: 12px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    width: 86%;
    text-align: center
}

.address ul li a,
.address ul li p,
.footer_header h4,
span.head,
span.space {
    font-family: NeoSansPro-Medium;
    color: #FFF7EC
}

.bulten_bg,
.iletisim_bg {
    padding-bottom: 13px
}

span.tooltip:nth-child(3) {
    top: 145px;
    bottom: auto
}

.arrow_box {
    position: absolute;
    background-color: #2C843D;
    z-index: 5
}

.arrow_box:after,
.arrow_box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.footer_ust,
footer {
    width: 100%;
    float: left
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #2c843d;
    border-width: 4px;
    margin-left: -10px
}

.arrow_box:before {
    border-color: rgba(17, 97, 1, 0);
    border-bottom-color: #2c843d;
    border-width: 9px;
    margin-left: -11px
}

footer {
    background-color: #333333;
    display: block;
    height: 237px
}

.footer_number {
    float: left;
    margin-top: 25px;
    width: 590px;
    margin-right: 55px
}

.araclarimiz_content .content_alt,
.map {
    margin-top: 20px
}

.map {
    width: 238px;
    height: 126px;
    float: left
}

.map1,
#mapMain {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px
}

.iletisim_bg {
    background-image: url(../img/footer/head_phone.png);
    padding-left: 44px;
    background-size: 29px 22px!important
}

.gps,
.letter,
.phone1,
.phone2,
.phone3 {
    padding-left: 33px
}

.gps {
    background-image: url(../img/footer/gps.png);
    background-size: 15px!important
}

.phone1 {
    background-image: url(../img/footer/phone1.png);
    background-size: 18px!important
}

.letter {
    background-image: url(../img/footer/letter.png);
    background-size: 19px!important
}

.phone3 {
    background-image: url(../img/footer/phone3.png);
    background-size: 20px!important
}

.phone2 {
    background-image: url(../img/footer/phone2.png);
    background-size: 18px!important
}

.bulten_bg {
    background-image: url(../img/footer/bulten.png);
    padding-left: 41px;
    background-size: 32px!important
}

.sosyal_icon {
    background-image: url(../img/footer/sosyal_medya.png);
    padding-left: 39px;
    background-size: 26px!important;
    background-position-x: 3px;
    padding-bottom: 11px;
    padding-top: 2px
}

.ulasim_icon {
    background-image: url(../img/footer/ulasim.png);
    background-size: 29px 22px!important;
    padding-left: 37px;
    padding-bottom: 5px;
    line-height: 24px
}

.ulasim_icon h4 {
    padding-left: 33px
}

.footer_ust h4,
.footer_ust span {
    background-size: auto 100%
}

.address_container {
    float: left
}

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

.footer_header h4 {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 13px
}

hr.footer {
    border-top: 1px solid #fff;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.address {
    float: left;
    width: 100%;
    margin-top: 18px
}

.address ul {
    float: left;
    width: 100%
}

.address ul li {
    float: left;
    margin-bottom: 22px;
    height: 32px;
    width: 50%
}

span.head,
span.space {
    height: 100%;
    float: left;
    font-size: 11px
}

span.head {
    min-width: 40px
}

span.space {
    width: 26px;
    text-align: right
}

.address ul li p {
    height: 17px
}

.address ul li a,
.address ul li p {
    font-size: 11px;
    line-height: 16px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.bulten input,
.copyright p,
.fake_bulten_submit,
button.submit_bulten {
    font-family: NeoSansPro-Regular
}

.address ul li a:hover {
    color: #E7D0AF
}

.footer_right {
    float: left;
    width: 517px;
    margin-top: 25px;
    position: relative;
    height: 170px
}

.bulten_container {
    float: left;
    width: 240px;
    margin-right: 40px;
    position: relative
}

.bulten {
    float: left;
    width: 100%;
    margin-top: 18px
}

.bulten input {
    width: 100%;
    padding-right: 48px;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    height: 35px;
    padding-left: 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    outline: 0;
    position: relative;
    font-size: 11px
}

.bulten input::-webkit-input-placeholder {
    color: #FFF7EB
}

.bulten input:-moz-placeholder {
    color: #FFF7EB;
    opacity: 1
}

.bulten input::-moz-placeholder {
    color: #FFF7EB;
    opacity: 1
}

.bulten input:-ms-input-placeholder {
    color: #FFF7EB
}

.bulten input:placeholder-shown {
    color: #FFF7EB
}

.fake_bulten_submit,
button.submit_bulten {
    height: 34px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 0 7px 7px 0;
    border: 0;
    border: 1px solid #fff;
    outline: 0;
    font-size: 13px;
    position: absolute;
    margin-top: 49px;
    top: 0;
    width: 40px;
    right: 0;
    background-color: #fff;
    color: #225527;
    background-image: url(../img/footer/submit.png);
    background-position: 8px 7px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.social,
.social ul {
    width: 100%;
    float: left
}

.fake_bulten_submit:active,
.fake_bulten_submit:hover,
button.submit_bulten:active,
button.submit_bulten:hover {
    background-color: #D1CFCF;
    border-color: #D1CFCF
}

.social {
    margin-top: 17px
}

.social ul {
    margin-top: 13px
}

.social li {
    float: left;
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-right: 5px
}

.social ul li a {
    display: table;
    margin-left: auto;
    margin-right: auto
}

.social ul li a i {
    color: #fff;
    font-size: 14px;
    margin-top: 7px
}

.copyright p,
.taximpro {
    margin-top: 13px;
    display: block
}

.social ul li a:hover i {
    animation: animationFrames linear .3s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames linear .3s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: animationFrames linear .3s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: animationFrames linear .3s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: animationFrames linear .3s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes animationFrames {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-moz-keyframes animationFrames {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes animationFrames {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-o-keyframes animationFrames {
    0% {
        -o-transform: rotate(0)
    }
    100% {
        -o-transform: rotate(360deg)
    }
}

@-ms-keyframes animationFrames {
    0% {
        -ms-transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg)
    }
}

.location {
    float: left;
    width: 236px
}

.footer_alt {
    background-color: #FBEFE1;
    float: left;
    display: block;
    width: 100%;
    height: 40px
}

.copyright {
    float: left;
    display: block
}

.copyright p {
    font-size: 10px;
    font-weight: 700;
    color: #444;
    float: left
}

.breadcrumb,
.taximpro {
    float: right
}

.araclarimiz_content {
    padding-top: 40px
}

.araclar_container {
    float: left;
    width: 100%;
    margin-top: 6px
}

.araclar_container.responsive_araclar {
    width: auto;
    clear: both
}

.araclar_container.responsive_araclar li {
    width: 180px
}

.araclar_container.responsive_araclar li a img {
    height: 200px;
    overflow-x: hidden;
}

.araclar_container li {
    width: 16.666%;
    margin-bottom: 20px;
    float: left;
    position: relative
}

.araclar_container li:nth-child(6) {
    margin-right: 0
}

.araclar_container li img {
    width: 90%;
    height: 108px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #2C843D;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    overflow: hidden
}

.araclar_container.galeri_overflow a:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f002";
    background-color: rgba(44, 132, 61, .5);
    position: absolute;
    left: 0;
    top: 0;
    width: 90%;
    height: 108px;
    right: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding-top: 33px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    opacity: 0;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.araclar_container li:hover p a:before {
    opacity: 1
}

.araclar_container a {
    display: block
}

.araclar_container.galeri_overflow a {
    width: 90%;
    height: 108px;
    overflow: hidden;
    border: 1px solid #2C843D;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.araclar_container.galeri_overflow a img {
    width: 100%;
    height: auto;
    display: block;
    border: 0
}

.araclar_container a:active,
.araclar_container a:focus {
    outline: 0
}

.araclarimiz_content .content_alt .alt_content_down,
.content_kurumsal .content_alt,
.content_kurumsal .content_alt .alt_content_down {
    margin-top: 0
}

.breadcrumb {
    padding: 0;
    background-color: transparent;
    margin: 0
}

.breadcrumb > li {
    display: inline-block;
    font-family: NeoSansPro-Regular
}

.breadcrumb > li + li:before {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2C843D;
    padding-right: 3px
}

.breadcrumb li a,
.breadcrumb li.active {
    font-size: 12px;
    font-family: NeoSansPro-Regular
}

.breadcrumb li a {
    color: #2C843D;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.breadcrumb li a:hover {
    color: #285E32
}

.breadcrumb li.active {
    color: #2C843D;
    font-weight: 700
}

.araclarimiz_text,
.form_right textarea,
.iletisim_container h3,
.input_container input,
.nav.nav-tabs li a,
.tab-content p,
.tab_content_head {
    font-family: NeoSansPro-Medium
}

.duyuru .right p,
.mainpage_pop_up h3,
.mainpage_pop_up h5,
.mainpage_pop_up p,
span.error {
    font-family: NeoSansPro-Regular
}

.araclarimiz_text {
    font-size: 13.5px;
    color: #444;
    float: left;
    padding-right: 15px;
    margin-bottom: 15px
}

.content_kurumsal {
    padding-top: 40px
}

.content_hizmetlerimiz .content_alt,
.content_kurumsal .content_alt {
    margin-top: 50px
}

.tab-content {
    float: left;
    width: 85%;
    padding-left: 20px;
    padding-top: 7px
}

.tab-content p {
    float: left;
    width: 100%;
    line-height: 26px;
    font-size: 13.5px;
    color: #555;
    margin-bottom: 22px
}

.tab_content_head {
    font-size: 14.5px;
    margin-bottom: 15px
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .tab-pane.active {
    display: block
}

.fake_submit_form,
span.error {
    display: none
}

.nav.nav-tabs {
    float: left;
    width: 15%
}

.nav.nav-tabs li {
    width: 100%
}

.nav.nav-tabs li a {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    font-size: 14px;
    color: #2C843D;
    border-bottom: 1px solid #2C843D;
    width: 97%;
    float: left;
    padding: 7px 5px 7px 0
}

.nav.nav-tabs li:last-child a {
    border-bottom: 0
}

.nav.nav-tabs li.active a,
.nav.nav-tabs li:hover a {
    color: #C54D25
}

.content_kurumsal .alt_content_down .content_left .header_alt h3 {
    padding-right: 7px
}

.content_kurumsal .tab-content ul.green_list,
.iletisim_container {
    width: 100%
}

.iletisim_container h3 {
    width: 100%;
    float: left;
    font-size: 12px;
    padding: 4px 0 4px 4px;
    color: #555
}

.margin_head_phone {
    margin-top: 20px
}

.iletisim_container h3:nth-child(1) {
    font-size: 13px;
    line-height: 23px
}

.iletisim_container h3 a {
    color: #555;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.iletisim_container h3 a.yol_tarifi {
    color: #2C843D
}

.iletisim_container h3 a.yol_tarifi:hover {
    color: #555
}

.iletisim_container h3 a:hover {
    color: #070707
}

.iletisim_container span.head {
    min-width: 86px;
    color: #555;
    font-size: 12px
}

.map_iletisim {
    width: 100%;
    float: left;
    height: 267px;
    margin-top: 50px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: relative
}

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

.text_container_1,
.text_container_2 {
    width: 50%;
    float: left
}

#mapiletisim,
.form,
.form form {
    width: 100%;
    float: left
}

.text_container_2 {
    padding-left: 15px
}

.text_container_2 h3:first-child {
    margin-top: 0
}

#mapiletisim {
    height: 100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #2C843D
}

.form {
    margin-top: 50px
}

.form_left,
.form_right {
    width: 50%;
    float: left
}

.form_left {
    padding-right: 20px
}

.input_container {
    width: 100%;
    position: relative
}

.input_container input {
    width: 100%;
    height: 35px;
    margin-bottom: 10px
}

.input_container input:last-child {
    margin-bottom: 0
}

.form_right textarea {
    width: 100%;
    height: 169px;
    padding-top: 7px;
    overflow: hidden
}

.form_right textarea,
.input_container input {
    opacity: .6;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    outline: 0;
    border: 1px solid #2C843D;
    padding-left: 8px;
    font-size: 12px
}

.form_right textarea:focus,
.input_container input:focus {
    opacity: 1
}

.active_opacity {
    opacity: 1!important
}

.form_right textarea:hover,
.input_container input:hover {
    opacity: 1
}

span.error {
    width: 100%;
    height: 35px;
    line-height: 33px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid;
    color: red;
    font-size: 12px;
    padding-left: 13px;
    margin-top: -45px;
    padding-right: 14px;
    left: 0;
    top: 45px;
    position: absolute;
    background-color: #fff;
    -webkit-animation: error_blink .7s infinite;
    -moz-animation: error_blink .7s infinite;
    -o-animation: error_blink .7s infinite;
    animation: error_blink .7s infinite
}

.fake_submit_form,
.middle-succes a,
.middle-succes h2,
.submit_form,
.tab-content ul li,
.tab-content ul li.tab_head {
    font-family: NeoSansPro-Medium
}

@-animation-keyframes error_blink {
    from {
        color: red
    }
    to {
        color: #39C1E0
    }
}

@-moz-keyframes error_blink {
    from {
        color: red
    }
    to {
        color: #39C1E0
    }
}

@-o-keyframes error_blink {
    from {
        color: red
    }
    to {
        color: #39C1E0
    }
}

@keyframes error_blink {
    0% {
        color: red
    }
    100% {
        color: #39C1E0
    }
}

.fake_submit_form,
.submit_form {
    margin-top: 10px;
    width: 100%;
    height: 35px;
    font-size: 12px;
    border: 0;
    outline: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    line-height: 35px;
    float: left;
    text-align: center;
    color: #fff;
    background-color: #66AD3C;
    cursor: pointer;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.fake_submit_form:hover,
.submit_form:hover {
    background-color: #016837
}

.mailcontainer {
    position: fixed;
    width: 100%;
    height: 100%;
    display: table;
    top: 0;
    left: 0;
    background: rgba(145, 234, 139, .28);
    z-index: 102
}

.mail-succes {
    display: table-cell;
    vertical-align: middle
}

.middle-succes {
    display: table;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    width: 486px;
    position: relative;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.container_close,
.duyuru img {
    margin-right: auto;
    display: block
}

.error.bilgi_formu,
.mobile_top_form button:hover .gray {
    display: none
}

.middle-succes a,
.middle-succes h2 {
    width: 100%;
    color: #288339;
    text-align: center;
    float: left
}

.closepopup,
.logo {
    position: absolute
}

.middle-succes h2 {
    font-size: 21px;
    margin-bottom: 15px;
    margin-top: 37px
}

.middle-succes a {
    font-size: 17px;
    transition: .4s
}

.middle-succes a:hover {
    color: #0072A6
}

.middle-succes a img {
    margin-bottom: 26px
}

.closepopup {
    cursor: poiner;
    right: 10px;
    top: 13px;
    background: #288339;
    border: 0;
    color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 32px;
    height: 31px;
    font-size: 20px;
    outline: 0;
    transition: .4s
}

.closepopup:hover {
    background: #0F5E1E
}

.content_hizmetlerimiz {
    padding-top: 50px;
    padding-bottom: 50px
}

.tab-content ul {
    width: 50%;
    float: left;
    margin-bottom: 15px
}

.tab-content ul li.tab_head {
    font-size: 13px;
    margin-bottom: 8px;
    list-style: none!important
}

.tab-content ul li.tab_head:before {
    content: ""!important
}

.tab-content ul li {
    width: 100%;
    font-size: 13.5px;
    line-height: 22px;
    float: left;
    color: #555;
    list-style-position: inside
}

.tab-content ul.green_list li:before,
.tab-content ul.red_list li:before {
    content: "• ";
    font-size: 14px;
    padding-right: 8px;
    display: block
}

img.banner_alt_galeri.alt_ietisim {
    width: 1055px
}

.duyuru,
.duyuru li {
    width: 100%;
    float: left
}

.tab-content ul.red_list li:before {
    color: #C54D25;
    float: left
}

.tab-content ul.green_list li:before {
    color: #2c843d;
    float: left
}

.duyuru li {
    margin-bottom: 20px
}

.duyuru img {
    margin-left: auto;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #2C843D
}

.duyuru .left {
    width: 150px;
    height: 105px;
    float: left
}

.duyuru .yorum_sayfasi.right h4,
.duyuru .yorum_sayfasi.right p {
    padding-left: 0;
    float: left
}

.duyuru .right p {
    font-size: 13.5px;
    line-height: 22px;
    color: #555;
    padding-left: 15px
}

.duyuru.yorum p {
    padding-left: 0
}

.duyuru.yorum.nakliye_bolgeler p {
    float: left;
    margin-bottom: 15px
}

.duyuru.yorum.nakliye_bolgeler a {
    color: #000
}

.duyuru.yorum.nakliye_bolgeler ul {
    float: left;
    width: 100%
}

.duyuru.yorum.nakliye_bolgeler a,
.duyuru.yorum.nakliye_bolgeler ul li {
    font-family: NeoSansPro-Regular;
    font-size: 13.5px;
    line-height: 22px;
    margin-bottom: 5px
}

.duyuru.yorum.nakliye_bolgeler ul li {
    color: #555
}

.duyuru.yorum.nakliye_bolgeler .yorum_head,
.fa.fa-times,
.mainpage_pop_up h3,
.mainpage_pop_up h5 {
    color: #2C843D
}

.container_close {
    width: 561px;
    height: 35px;
    margin-left: auto;
    text-align: right
}

.pop_up_open {
    display: table
}

.fa.fa-times {
    cursor: pointer;
    position: relative;
    font-size: 29px;
    background-color: #fff;
    padding: 3px 7px;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px;
    border-radius: 7px 7px 0 0;
    -moz-border-bottom-right-radius-topleft: 0;
    -moz-border-bottom-left-radius-topleft: 0
}

.pop_up_container,
.pop_up_container_haber,
.pop_up_container_yorum,
.pop_up_container_yorum_yaz {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, .48)
}

.mainpage_pop_up_container {
    width: 100%;
    height: 100%;
    display: table;
    padding: 5px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

.input_group.yorum_yaz_ad,
.input_group.yorum_yaz_yorum,
.mainpage_pop_up {
    position: relative
}

.mainpage_pop_up_middle {
    display: table-cell;
    vertical-align: middle
}

.mainpage_pop_up {
    width: 560px;
    height: 500px;
    left: 0;
    right: 0;
    padding: 15px 51px 0 19px;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    overflow-y: scroll;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px 0 7px 7px
}

.mainpage_pop_up ul {
    padding-bottom: 25px
}

.mainpage_pop_up li {
    padding: 10px 0 15px 13px
}

.mainpage_pop_up h3 {
    padding-left: 11px;
    margin-bottom: 4px
}

.pop_up_container_yorum h3,
.pop_up_container_yorum_yaz h3 {
    margin-bottom: 10px
}

.mainpage_pop_up p {
    font-size: 13.5px;
    color: #555;
    line-height: 25px
}

.popup_list {
    background-color: rgba(127, 252, 130, .45);
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px
}

.pop_up_container_haber li,
.pop_up_container_haber ul {
    float: left
}

.pop_up_container_haber li img {
    float: left;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid green;
    margin-right: 12px;
    margin-bottom: 10px
}

.pop_up_container_yorum_yaz h3 {
    padding-left: 0;
    font-size: 15px
}

.pop_up_container_yorum_yaz .mainpage_pop_up {
    height: auto;
    padding-bottom: 20px
}

.pop_up_container_yorum_yaz input,
.pop_up_container_yorum_yaz textarea {
    width: 100%;
    height: 100%;
    padding-left: 7px;
    font-family: NeoSansPro-Medium;
    overflow: hidden;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #2C843D;
    outline: 0;
    font-size: 11px;
    color: #555
}

.pop_up_container_yorum_yaz textarea {
    padding-top: 7px
}

.yorum_yaz_ad,
.yorum_yaz_firma {
    width: 50%;
    height: 30px;
    float: left;
    margin-bottom: 15px
}

.yorum_yaz_ad input,
.yorum_yaz_firma input {
    padding-bottom: 4px
}

.yorum_yaz_ad {
    padding-right: 20px
}

.yorum_yaz_yorum {
    width: 100%;
    float: left;
    margin-bottom: 15px
}

.fake_yorum_yaz,
.submit_yorum {
    font-family: NeoSansPro-Medium;
    font-size: 12px;
    padding: 7px 12px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    background-color: #66AD3C;
    color: #fff;
    border: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.submit_yorum {
    display: none
}

.fake_yorum_yaz:hover,
.submit_yorum:hover {
    background-color: #016837
}

.fake_yorum_yaz {
    display: table
}

.input_group.yorum_yaz_ad span.error {
    height: 30px;
    line-height: 30px;
    width: 92%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.input_group.yorum_yaz_yorum span.error {
    height: 141px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.kurumsal_banner > img.banner_alt {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    right: 0;
    max-width: 1090px;
    bottom: 16px
}

.araclar_banner img.banner_alt,
.duyuru_banner img.banner_alt,
.hizmetlerimiz_banner img.banner_alt,
.referans_banner img.banner_alt {
    width: 1020px;
    right: 0;
    bottom: 19px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block
}

.hizmetlerimiz_banner img.banner_alt {
    bottom: 0
}

.duyuru_banner img.banner_alt {
    bottom: 0;
    width: 802px
}

.kurumsal_banner img.banner_alt {
    width: 970px
}

.tab-content p.photo_text {
    float: none;
    width: auto
}

.photo_text_img {
    float: left;
    display: block;
    margin-right: 10px;
    margin-bottom: 8px;
    border-radius: 5px;
    border: 1px solid green
}

.bold_a li a {
    font-weight: 700
}

@media (max-width:1550px) {
    .aracalar_banner > img.banner_alt {
        width: 60%
    }
}

@media (max-width:1430px) {
    .aracalar_banner > img.banner_alt {
        width: 60%
    }
}

@media (max-width:1200px) {
    .kurumsal_banner > img.banner_alt {
        max-width: 900px
    }
    .container {
        width: 991px
    }
    nav.navbar ul li {
        padding-left: 11px;
        padding-right: 11px
    }
    .slider-pro img.sp-layer {
        width: 34%
    }
    h3.slider_header {
        font-size: 36px!important
    }
    h3.slider_header.big_slider_text {
        font-size: 44px!important
    }
    h3.sp-layer,
    p.sp-layer {
        padding-left: 24px
    }
    .banner_ust_max {
        max-height: 395px
    }
    img.banner_alt_galeri.alt_ietisim {
        width: 890px
    }
    img.banner_alt_galeri {
        bottom: 31px;
        width: 475px
    }
    img.banner_alt.alt_video_galeri {
        width: 240px
    }
    img.banner_alt_yorum {
        width: 270px
    }
    .araclar_banner img.banner_alt,
    .referans_banner img.banner_alt {
        width: 889px;
        bottom: 19px
    }
    .hizmetlerimiz_banner img.banner_alt {
        width: 891px;
        bottom: 4px
    }
    .duyuru_banner img.banner_alt {
        width: 775px
    }
    .container.content_up {
        width: 1055px
    }
    .ikonlar ul {
        width: 100%;
        float: left
    }
    .ikonlar li {
        width: auto;
        margin-right: 16px
    }
    .ikonlar li:nth-child(3),
    .ikonlar li:nth-child(6) {
        margin-right: 0
    }
    .ikonlar ul > li > a {
        width: auto
    }
    .content_mini_container {
        width: 95px;
        height: 95px;
        top: 22px
    }
    .content_mini_container img {
        width: 60px
    }
    .icerik_ikon {
        width: 272px;
        padding: 24px 8px 24px 32px;
        min-height: 140px
    }
    .icerik_ikon h1,
    .icerik_ikon h4 {
        font-size: 15px
    }
    .content_left {
        width: 38%
    }
    .content_right {
        width: 62%;
        padding-left: 15px
    }
    .content_right ul {
        margin-bottom: 10px
    }
    .alt_content_right.line_4 {
        display: none
    }
    .alt_container.alt_container_video {
        width: 30%
    }
    .alt_container {
        width: 30%;
        padding-right: 35px
    }
    .yorumlar_paylas {
        margin-left: 18px
    }
    .alt_text p {
        max-height: 84px
    }
    .araclar_container.belgeler_content li {
        width: 24%
    }
    .alt_content_down h3 {
        height: 34px
    }
    .footer_number {
        width: 464px;
        margin-right: 20px
    }
    .footer_right {
        width: 507px;
        margin-top: 25px;
        height: 170px
    }
    .bulten_container {
        margin-right: 26px
    }
}

@media (max-width:1077px) {
    .big_text {
        padding-left: 15px;
        padding-right: 15px
    }
    .container.content_up {
        width: 734px
    }
    .ikonlar li,
    .ikonlar li:nth-child(3) {
        margin-right: 47px
    }
    .ikonlar li:nth-child(2),
    .ikonlar li:nth-child(4),
    .ikonlar li:nth-child(6) {
        margin-right: 0
    }
}

@media (max-width:1030px) {
    .araclar_banner img.banner_alt {
        width: 800px;
        bottom: 25px
    }
    footer {
        height: auto;
        padding-bottom: 30px
    }
    .footer_number {
        width: 100%;
        margin-right: 0
    }
    .address_container,
    .footer_right {
        width: 100%
    }
    .bulten_container {
        width: 46%;
        margin-right: 3%
    }
    .social {
        width: 100%;
        clear: left
    }
    .social ul {
        width: 100%;
        margin-top: 9px
    }
    .location {
        width: 51%
    }
    .map {
        width: 100%
    }
    .alt_content_right {
        margin-left: 5px;
        margin-right: 5px
    }
    .araclarimiz_content .alt_header {
        padding-left: 10px;
        padding-right: 10px
    }
    .araclar_container.responsive_araclar,
    .araclarimiz_text {
        padding-left: 10px
    }
    .araclar_container.galeri_overflow,
    .content_kurumsal {
        padding-left: 15px;
        padding-right: 15px
    }
    .nav.nav-tabs {
        float: left;
        width: 193px
    }
    .tab-content {
        width: 750px
    }
    .content_kurumsal .container {
        width: 950px
    }
    .content_kurumsal .alt_content_down .content_left,
    .content_kurumsal .alt_content_down .content_right {
        padding-left: 0;
        padding-right: 0
    }
    .content_hizmetlerimiz {
        padding-left: 15px;
        padding-right: 15px
    }
    .content_hizmetlerimiz ul.green_list {
        padding-right: 20px
    }
    .content_right {
        padding-left: 15px
    }
    .alt_content_left {
        margin-left: 6px;
        margin-right: 6px
    }
    .padding_container {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:1025px) {
    .content_alt_container,
    .footer_ust {
        padding-left: 15px;
        padding-right: 15px
    }
    .container.navbar_container {
        width: 100%
    }
    .container {
        width: 970px
    }
    .yorumlar_paylas {
        margin-left: 0
    }
    .footer_right {
        height: auto
    }
    nav.navbar {
        width: 94%;
        margin-left: auto;
        margin-right: auto
    }
    .navbar_logo {
        width: 181px;
        top: -4px
    }
    .navbar_logo a img {
        width: 100%
    }
}

@media (max-width:991px) {
    .kurumsal_banner > img.banner_alt {
        width: 75%
    }
    img.banner_alt_galeri.alt_ietisim {
        width: 88%
    }
    .container,
    .content_kurumsal .container,
    .navbar_logo a img {
        width: 100%
    }
    .alt_container.alt_container_video,
    .content_left,
    .content_right {
        width: 50%
    }
    h3.slider_header {
        font-size: 30px!important
    }
    .content_right {
        padding-left: 15px
    }
    .alt_content_right.line_3 {
        display: none
    }
    .alt_content_right.line_4 {
        display: block
    }
    .yorumlar_paylas {
        margin-left: 0
    }
    .alt_container.alt_container_haber {
        width: 50%;
        padding-right: 0
    }
    .alt_content_up .alt_container:nth-child(3) {
        margin-top: 25px
    }
    .alt_content_up,
    .alt_image_text_container {
        height: auto
    }
    .alt_container {
        width: 100%
    }
    .footer_alt {
        padding: 0 15px
    }
    .araclar_container li {
        width: 19.666%
    }
    .araclar_container.belgeler_content {
        padding-left: 15px;
        padding-right: 15px;
        width: auto;
        display: table;
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .araclar_container.belgeler_content li {
        width: 203px;
        height: 290px;
        margin-right: 10px
    }
    .araclar_container.belgeler_content li:last-child {
        margin-right: 0;
        clear: both
    }
    .araclar_container.belgeler_content img {
        width: 100%;
        height: 100%
    }
    .araclar_container li.half_images img {
        height: 134px
    }
    .tab-content {
        width: 78%
    }
    .nav.nav-tabs {
        width: 20%
    }
}

@media (max-width:950px) {
    .numara {
        right: 55px
    }
    .numara a {
        line-height: 28px
    }
    .navbar .pull_left,
    .navbar .pull_right {
        display: none
    }
    .mobile_navbar {
        display: block
    }
    nav.navbar.navbar_container_mobile.mobile_open {
        height: 329px;
        display: block
    }
    .navbar_container_mobile {
        display: block;
        width: 85%!important
    }
    .home_a a,
    .navbar_container_mobile a {
        width: 100%
    }
    .navbar.navbar_container_mobile .pull_left {
        display: block;
        width: 100%
    }
    nav.navbar.navbar_container_mobile ul li {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        width: 100%;
        height: 40px;
        border-right: 0 none;
        border-bottom: 1px solid #4E8A31;
        background-repeat: no-repeat;
        background-position: 20px center
    }
    nav.navbar.navbar_container_mobile:after {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
    nav.navbar.navbar_container_mobile ul li:last-child {
        border-bottom: 0
    }
    nav.navbar ul li:hover {
        background-color: transparent
    }
    nav.navbar ul li:hover a {
        color: #006737
    }
    nav.navbar.navbar_container_mobile ul li.home_a {
        width: 100%;
        background-image: url(../img/header/home.png);
        display: none
    }
    nav.navbar ul li a.cargo:before,
    nav.navbar ul li a.cert:before,
    nav.navbar ul li a.gallery:before,
    nav.navbar ul li a.message:before,
    nav.navbar ul li a.people:before,
    nav.navbar ul li a.phone:before,
    nav.navbar ul li a.star:before {
        content: "";
        background-repeat: no-repeat;
        left: 0;
        top: 0;
        width: 50px;
        height: 39px
    }
    nav.navbar.navbar_container_mobile ul li.home_a:hover {
        background-image: url(../img/header/home_hover.png)
    }
    nav.navbar.navbar_container_mobile ul li a {
        padding-left: 60px
    }
    nav.navbar.navbar_container_mobile ul li a p {
        text-align: left;
        line-height: 39px
    }
    nav.navbar ul li a.message {
        background-image: none;
        position: relative
    }
    nav.navbar ul li a.message:before {
        background-position: 22px 12px;
        background-image: url(../img/header/message.png);
        position: absolute
    }
    nav.navbar ul li.message_h:hover a.message:before {
        background-position: -42px 12px
    }
    nav.navbar ul li a.cargo {
        background-image: none;
        position: relative
    }
    nav.navbar ul li a.cargo:before {
        background-position: 14px 12px;
        background-image: url(../img/header/cargo.png);
        position: absolute
    }
    nav.navbar ul li.cargo_h:hover a.cargo:before {
        background-position: -46px 12px
    }
    nav.navbar ul li a.people {
        background-image: none;
        position: relative
    }
    nav.navbar ul li a.people:before {
        background-position: 23px 10px;
        background-image: url(../img/header/people.png);
        position: absolute
    }
    nav.navbar ul li.people_h:hover a.people:before {
        background-position: -50px 10px
    }
    nav.navbar ul li a.gallery {
        background-image: none;
        position: relative
    }
    nav.navbar ul li a.gallery:before {
        background-position: 23px 10px;
        background-image: url(../img/header/gallery.png);
        position: absolute
    }
    nav.navbar ul li.gallery_h:hover a.gallery:before {
        background-position: -45px 10px
    }
    nav.navbar ul li a.star {
        background-image: none;
        position: relative
    }
    nav.navbar ul li a.star:before {
        background-position: 23px 9px;
        background-image: url(../img/header/star.png);
        position: absolute
    }
    nav.navbar ul li.star_h:hover a.star:before {
        background-position: -47px 9px
    }
    nav.navbar ul li a.cert {
        background-image: none;
        position: relative
    }
    nav.navbar ul li a.cert:before {
        background-position: 26px 9px;
        background-image: url(../img/header/cert.png);
        position: absolute
    }
    nav.navbar ul li.cert_h:hover a.cert:before {
        background-position: -47px 9px
    }
    nav.navbar ul li a.phone {
        background-image: none;
        position: relative
    }
    nav.navbar ul li a.phone:before {
        background-position: 26px 9px;
        background-image: url(../img/header/phone.png);
        position: absolute
    }
    nav.navbar ul li.phone_h:hover a.phone:before {
        background-position: -48px 9px
    }
    nav.navbar.navbar_container_mobile ul li.home_a.mobile_home {
        display: block
    }
    .navbar {
        margin-left: auto;
        margin-right: auto;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s
    }
    nav.navbar {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: 92%
    }
    .navbar_logo {
        top: 0px;
    right: 45px;
    }
    nav.navbar ul li a {
        font-size: 12px
    }
    nav.navbar ul li.cargo {
        background-position: 17px center
    }
    .slider_container {
        width: 92%!important
    }
    h3.sp-layer {
        font-size: 27px!important;
        width: 60%
    }
    h3.slider_header.big_slider_text {
        font-size: 34px!important
    }
    p.slider {
        font-size: 15px!important;
        width: 60%
    }
    .slider-pro img.sp-layer {
        width: 30%;
        right: 0!important;
        left: auto!important;
        padding-top: 4%
    }
    img.banner_alt_galeri {
        width: 50%
    }
    img.banner_alt.alt_video_galeri {
        width: 28%
    }
    .araclar_banner img.banner_alt,
    .referans_banner img.banner_alt {
        width: 87%;
        bottom: 24px
    }
    .hizmetlerimiz_banner img.banner_alt {
        width: 82%;
        bottom: 16px
    }
    .duyuru_banner img.banner_alt {
        width: 83%
    }
    img.banner_alt_yorum {
        width: 27%
    }
}

@media (max-width:850px) {
    .alt_content_down .content_right ul,
    .content_left ul {
        clear: both;
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .alt_content_up {
        height: auto
    }
    .alt_text p {
        margin-bottom: 17px
    }
    .alt_content_down .content_right ul {
        width: 186px;
        display: table
    }
    .alt_content_left,
    .alt_content_right.line_2,
    .alt_content_right.line_4 {
        display: none
    }
    .content_left ul {
        display: table;
        margin-bottom: 10px
    }
    .araclar_container {
        width: 695px;
        float: none;
        display: block;
        margin: 0 auto
    }
    .araclar_container li {
        width: 173px
    }
    .araclar_container.galeri_overflow {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:768px) {
    h3.sp-layer,
    p.slider {
        width: 100%;
        position: relative;
        float: left
    }
    #slider {
        height: 655px
    }
    h3.sp-layer.slider_header_tablet_padding_1 {
        top: 0!important;
        padding-top: 428px
    }
    h3.sp-layer.slider_header_tablet_padding_1_slide_2 {
        top: 0!important;
        padding-top: 462px
    }
    h3.sp-layer.slider_header_tablet_padding_2 {
        top: 0!important;
        padding-top: 0
    }
    p.slider {
        padding-top: 11px;
        top: 0!important
    }
    h3.sp-layer {
        text-align: center;
        padding-top: 0
    }
    .slider-pro img.sp-layer {
        width: 320px;
        padding-top: 0;
        top: 150px!important;
        left: 0!important;
        right: 0!important;
        margin-left: auto;
        margin-right: auto
    }
    p.sp-layer.slider3_responsive {
        padding-top: 14px
    }
    .sp-image-container,
    .sp-mask,
    .sp-slide,
    .sp-slides,
    .sp-slides-container {
        width: 100%;
        height: 687px!important;
        float: left
    }
}

@media (max-width:750px) {
    .content {
        background-size: 100% auto
    }
    nav.navbar.navbar_container_mobile.mobile_open {
        padding-top: 15px;
        height: 334px
    }
    nav.navbar.navbar_container_mobile {
        top: -10px
    }
    .container.content_up {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
    .alt_image_text_container p {
        margin-top: 0
    }
    .ikonlar {
        margin-top: 70px
    }
    .ikonlar li,
    .ikonlar li:nth-child(3),
    .ikonlar li:nth-child(6) {
        margin-right: 2%;
        width: 49%;
        position: relative;
        margin-bottom: 69px
    }
    .ikonlar li:nth-child(2),
    .ikonlar li:nth-child(4),
    .ikonlar li:nth-child(6) {
        margin-right: 0
    }
    .ikonlar li:nth-child(5),
    .ikonlar li:nth-child(6) {
        margin-bottom: 33px
    }
    .ikonlar ul > li > a {
        width: 100%
    }
    .content_mini_container {
        width: 95px;
        height: 95px;
        top: -53px;
        left: 36%
    }
    .icerik_ikon {
        padding: 51px 20px 25px;
        min-height: 178px;
        margin-left: 0;
        width: 100%
    }
    .araclar_container {
        width: 525px
    }
    .nav.nav-tabs,
    .nav.nav-tabs li a {
        width: 100%
    }
    .tab-content {
        width: 100%;
        padding-left: 0;
        margin-top: 50px;
        padding-top: 0
    }
    .content_hizmetlerimiz .nav.nav-tabs {
        margin-bottom: 50px
    }
    .content_hizmetlerimiz .tab-content {
        margin-top: 0;
        padding-top: 0
    }
    img.banner_alt_galeri {
        width: 37%;
        bottom: 15px
    }
    .duyuru_banner img.banner_alt {
        width: 74%
    }
    img.banner_alt_yorum {
        width: 24%
    }
}

@media (max-width:730px) {
    .slider-pro img.sp-layer {
        width: 290px
    }
    h3.sp-layer.slider_header_tablet_padding_1 {
        padding-top: 401px
    }
    h3.sp-layer.slider_header_tablet_padding_1_slide_2 {
        padding-top: 435px
    }
}

@media (max-width:690px) {
    .araclar_container.belgeler_content li: nth-child(3) {
        clear: left
    }
    .referans_banner img.banner_alt {
        width: 79%;
        bottom: 10px
    }
    .araclar_container.belgeler_content li:last-child {
        clear: none
    }
    .mainpage_pop_up {
        width: 85%;
        height: 297px;
        padding-left: 5px;
        padding-right: 5px
    }
    .pop_up_container_yorum_yaz .mainpage_pop_up {
        padding-left: 20px;
        padding-right: 20px
    }
    .container_close {
        width: 85%
    }
    img.banner_alt_galeri.alt_ietisim {
        width: 75%
    }
    img.banner_alt.alt_video_galeri {
        width: 25%
    }
}

@media (max-width:600px) {
    .alt_container.alt_container_video {
        width: 50%;
        padding-right: 5px
    }
    .alt_container.alt_container_haber {
        padding-left: 10px
    }
    .form_left,
    .form_right,
    .green_list.referans_sayfasi {
        width: 100%;
        padding-right: 0
    }
    .araclar_banner img.banner_alt {
        width: 79%;
        bottom: 12px
    }
    .hizmetlerimiz_banner img.banner_alt {
        bottom: 3px
    }
    .referans_banner img.banner_alt {
        width: 65%;
        bottom: 14px
    }
    .duyuru_banner img.banner_alt {
        width: 64%;
        bottom: -7px
    }
    img.banner_alt_yorum {
        width: 20%
    }
}

@media (max-width:562px) {
    .ikonlar li,
    .ikonlar li:nth-child(3),
    .ikonlar li:nth-child(6) {
        width: 100%;
        margin-right: 0
    }
    .ikonlar li:nth-child(4),
    .ikonlar li:nth-child(5) {
        margin-bottom: 69px
    }
    .ikonlar li:nth-child(6) {
        margin-bottom: 33px
    }
    .icerik_ikon p {
        line-height: 20px
    }
    .content_mini_container {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto
    }
    .content {
        background-size: auto auto
    }
    .alt_content_up .alt_container:nth-child(1),
    .alt_content_up .alt_container:nth-child(2) {
        width: 100%;
        float: left
    }
    .video_container {
        width: 256px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .alt_container.alt_container_video,
    .alt_content_up .alt_container:nth-child(1) {
        padding-right: 0;
        margin-bottom: 23px
    }
    .alt_image_text_container {
        margin-top: 8px
    }
    .alt_container.alt_container_haber {
        padding-left: 0
    }
    .araclar_container {
        width: 347px
    }
    .pop_up_container_yorum .mainpage_pop_up {
        padding-left: 0;
        padding-right: 0
    }
    .pop_up_container_yorum .mainpage_pop_up ul {
        float: left;
        width: 100%
    }
    .pop_up_container_yorum .mainpage_pop_up ul li {
        float: left;
        width: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        margin-bottom: 12px;
        padding-right: 9px
    }
    .yorum_yaz_ad,
    .yorum_yaz_firma {
        width: 100%;
        padding-right: 0
    }
    .text_container_1,
    .text_container_2 {
        width: 100%;
        padding-left: 0
    }
    .text_container_2 {
        margin-top: 10px
    }
}

@media (max-width:522px) {
    #slider,
    .kurumsal_banner > img.banner_alt {
        display: none
    }
    header {
        height: 175px
    }
    .static_banner img {
        display: none!important
    }
    .kurumsal_banner {
        background-image: url(../img/banner/kurumsal_mobil.jpg)
    }
    .araclar_banner {
        background-image: url(../img/banner/araclarimiz_mobil.jpg)
    }
    .hizmetlerimiz_banner {
        background-image: url(../img/banner/hizmetlerimiz_mobil.jpg)
    }
    .galeri_banner {
        background-image: url(../img/banner/galeri_mobil.jpg)
    }
    .referans_banner {
        background-image: url(../img/banner/referans_mobil.jpg)
    }
    .belgelerimiz_banner {
        background-image: url(../img/banner/belgelerimiz_mobil.jpg)
    }
    .iletisim_banner {
        background-image: url(../img/banner/iletisim_mobil.jpg)
    }
    .video_banner {
        background-image: url(../img/banner/video-galeri_mobil.jpg)
    }
    .duyuru_banner {
        background-image: url(../img/banner/duyurular_mobil.jpg)
    }
    .yorum_banner {
        background-image: url(../img/banner/referans_mobil.jpg)
    }
}

@media (max-width:515px) {
    .alt_content_down .content_right ul,
    .content_left ul {
        clear: none;
        float: left
    }
    .alt_content_left,
    .alt_content_right.line_2,
    .alt_content_right.line_4 {
        display: block
    }
    .address ul li,
    .bulten_container,
    .location {
        width: 100%
    }
    .bulten_container {
        margin-bottom: 28px
    }
    .content_right {
        width: 100%;
        padding-left: 0
    }
    .content_left {
        width: 100%;
        padding-right: 15px;
        margin-bottom: 12px
    }
    #slider {
        display: none
    }
    .content_hizmetlerimiz ul.green_list,
    .content_hizmetlerimiz ul.red_list {
        width: 100%;
        margin-bottom: 50px;
        padding-right: 0
    }
}

@media (max-width:475px) {
    .araclar_container.belgeler_content li,
    .araclar_container.belgeler_content li: last-child {
        clear: left
    }
}

@media (max-width:440px) {
    .navbar_logo {
        top: -9px;
        margin-left: 11px;
        width: 154px
    }
    .numara,
    button.mobile_navbar {
        right: 23px
    }
    .copyright,
    .taximpro {
        width: 100%
    }
    .copyright p {
        width: 100%;
        text-align: center
    }
    .taximpro a img {
        display: block;
        margin: 0 auto;
        float: none;
        padding-bottom: 5px
    }
    .footer_alt {
        height: auto
    }
}

@media (max-width:433px) {
    .alt_content_down .content_right ul: nth-child(2) {
        width: 180px
    }
    .alt_content_down .content_right ul:nth-child(4) {
        width: 179px
    }
    .alt_content_down .content_right ul:nth-child(6) {
        width: 181px
    }
    .alt_content_down .content_right ul:nth-child(8) {
        width: 175px
    }
    .alt_content_right.line_2 {
        margin-left: 8px;
        margin-right: 6px
    }
}

@media (max-width:420px) {
    .alt_content_down .content_right ul,
    .alt_image_text_container a.img_link,
    .content_left ul {
        float: none;
        margin-left: auto;
        margin-right: auto
    }
    .alt_content_down .content_right ul {
        width: 177px;
        clear: both;
        display: table
    }
    .alt_content_left,
    .alt_content_right.line_2,
    .alt_content_right.line_4 {
        display: none
    }
    .content_left ul {
        clear: both;
        display: table;
        margin-bottom: 10px
    }
    .alt_image_text_container a.img_link {
        width: 173px;
        height: 133px;
        display: block
    }
    .alt_header h4 {
        width: 100%
    }
    .alt_header {
        height: auto
    }
    .alt_header h5 {
        float: left
    }
    .alt_image_text_container p {
        float: left;
        padding-left: 0;
        margin-top: 12px;
        text-align: left
    }
    .alt_image_text_container a {
        padding-left: 0;
        margin-top: 5px;
        float: left
    }
    .breadcrumb {
        display: block;
        width: 100%;
        float: left;
        margin-top: 5px;
        margin-bottom: 3px
    }
}

@media (max-width:408px) {
    .kurumsal_banner {
        background-size: auto 100%
    }
}

@media (max-width:370px) {
    .araclar_container {
        width: 174px
    }
    .yorumlar_paylas,
    .yorumlar_yorum {
        float: none;
        display: block;
        margin-bottom: 9px
    }
    .mainpage_pop_up h3 {
        text-align: center;
        padding-left: 0
    }
    .pop_up_container_haber li img {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    .mainpage_pop_up p {
        float: left
    }
}

@font-face {
    font-family: NeoSansPro-Regular;
    src: url(../fonts/NeoSansPro-Regular.eot);
    src: url(../fonts/NeoSansPro-Regulard41d.eot?#iefix) format('embedded-opentype'), url(../fonts/NeoSansPro-Regular.html) format('woff2'), url(../fonts/NeoSansPro-Regular.woff) format('woff'), url(../fonts/NeoSansPro-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NeoSansPro-Medium;
    src: url(../fonts/NeoSansPro-Medium.eot);
    src: url(../fonts/NeoSansPro-Mediumd41d.eot?#iefix) format('embedded-opentype'), url(../fonts/NeoSansPro-Medium.html) format('woff2'), url(../fonts/NeoSansPro-Medium.woff) format('woff'), url(../fonts/NeoSansPro-Medium.ttf) format('truetype'), url(../fonts/NeoSansPro-Medium.svg#NeoSansPro-Medium) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: NeoSansPro-Bold;
    src: url(../fonts/NeoSansPro-Bold.eot);
    src: url(../fonts/NeoSansPro-Boldd41d.eot?#iefix) format('embedded-opentype'), url(../fonts/NeoSansPro-Bold.html) format('woff2'), url(../fonts/NeoSansPro-Bold.woff) format('woff'), url(../fonts/NeoSansPro-Bold.ttf) format('truetype'), url(../fonts/NeoSansPro-Bold.svg#NeoSansPro-Bold) format('svg');
    font-weight: 400;
    font-style: normal
}