/* cmsms stylesheet: ozbcss modified: 06/25/25 18:15:11 */
@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;800&display=swap);* {
    font-family: Raleway,sans-serif;
    margin: 0
}

a {
    text-decoration: none;
    color: #000
}

.headsol li {
    float: left;
    padding: 42px 24px
}

.headsol {
    float: left;
    margin-left: 185px;
}

.headsag {
    float: left
}

.headlogo {
    text-align: center;
    float: left;
    padding: 20px;
    height: 45px;
}

.headsag li {
    float: left;
    padding: 42px 24px
}

header.desktop ul {
    margin: 0;
    margin-block-start:0;margin-block-end:0;padding: 0
}

header.desktop li {
    margin: 0;
    list-style: none;
    font-weight: 600;
    font-size: 13px
}

.headsol ul li:nth-child(n+4) {
    display: none
}

.headsag ul li:nth-child(1) {
    display: none
}

.headsag ul li:nth-child(2) {
    display: none
}

.headsag ul li:nth-child(3) {
    display: none
}

.langdrop {
    position: relative;
    display: inline-block
}

.langdrop-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 68px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    z-index: 1;
    margin-left: -10px;
    border-radius: 5px
}

.langdrop:hover .langdrop-content {
    display: block
}

.langdrop {
    width: 50px;
    padding: 10px 12px;
    border: 1px solid #000;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    margin-top: 29px;
    text-align: center
}

.langdrop span:after {
    content: url(/webdocs/arrowdown.jpg);
    padding: 6px
}

.langdrop span {
    margin-top: -5px
}

.langs .flag {
    float: left;
    width: 18px;
    margin-top: -2px
}

.langtext {
    margin-left: 25px
}

.langs {
    padding: 16px 10px;
    border-bottom: 1px solid #bbb
}

.langs:last-child {
    border-bottom: none
}

.langs:hover {
    background-color: #ddd
}

.desktop .header>div {
    width: 1180px;
    padding-bottom: 24px;
    margin: 0 auto;
}

header.desktop {
    height: 110px;
    position: sticky;
    top: -16px;
    z-index: 100;
    -webkit-backface-visibility: hidden
}

header.desktop:after,header.desktop:before {
    content: '';
    display: block;
    height: 16px;
    position: sticky
}

header.desktop.tablet:before {
    top: 72px;
    box-shadow: 0 2px 5px rgba(0,0,0,.5)
}

header.desktop:after {
    background: linear-gradient(white,rgba(255,255,255,.3));
    top: 0;
    z-index: 2
}

header.desktop>div {
    background: #fff;
    position: sticky;
    top: 0;
    margin-top: -16px;
    z-index: 3
}

.slider {
    width: 100%;
    height: calc(65vh - 110px);
    padding-top: calc(15vh);
    padding-bottom: calc(20vh)
}

.slidersol {
    float: left;
    position: relative;
    width: calc(50% - 375px);
    z-index: 91;
    max-width: 600px
}

.sliderorta {
    position: absolute;
    z-index: 90;
    width: 750px;
    left: 50%;
    margin-left: -375px
}

.slidersag {
    float: right;
    position: relative;
    width: calc(50% - 375px);
    overflow: hidden;
    z-index: 91;
    max-width: 600px
}

.slidersol img {
    width: 100%
}

.slidersag img {
    width: 100%
}

div#slideshow_nav_1 {
    text-align: center;
    margin: 0 auto;
    width: 100%
}

.sliderslide {
    z-index: 90
}

div#slideshow_nav_1 a {
    margin: 10px
}

.anaiki {
    width: 100%;
    background-color: #fcfcfc;
    padding: 50px 0
}

.anabaslik {
    font-size: 24px;
    font-weight: 800;
    text-align: center
}

.anaikiwrap {
    width: 1200px;
    margin: 0 auto
}

.anabaslikiki {
    font-size: 60px;
    color: #d9d9d9;
    text-align: center;
    position: relative;
    z-index: 0
}

.anaikikolon {
    width: 100%;
    position: relative;
    z-index: 1;
    height: 422px
}

.slidercursor {
    margin: calc(5vh) auto 0;
    width: 29px
}

.slidercursor a {
    margin: 0 auto
}

.anaikisol {
    margin-right: 60px;
    width: 570px;
    float: left;
    height: 422px
}

.anaikisag {
    width: 570px;
    float: left;
    height: 422px
}

.anauc {
    width: 100%;
    background-color: #f9f9f9;
    padding: 50px 0
}

ul#prevnextnav_2 {
    top: 387px!important
}

li#next_2 {
    left: 64px!important
}

.anaucwrap {
    width: 1200px;
    margin: 0 auto
}

ul.slick-dots button {
    width: 2px;
    height: 2px;
    font-size: 0;
    padding: 1px;
    list-style: none
}

ul.slick-dots li {
    list-style: none;
    float: left;
    font-size: 0;
    margin: 10px;
    padding: 3px
}

li.slick-active {
    padding: 2px!important;
    border: 1px solid #3173b2;
    border-radius: 7px;
    background-color: #3173b2
}

ul.slick-dots {
    width: auto;
    height: 30px;
    clear: both;
    margin: 0 auto;
    padding: 0
}

.anauc .anaikikolon {
    height: auto
}

.spacy {
    height: 110px
}

.anabayibaslik {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 20px
}

.anabayialt {
    font-size: 18px;
    font-weight: 400
}

.anabayi {
    width: 100%;
    padding: 50px 0;
    background-color: #fcfcfc;
    clear: both;
    height: 300px
}

.anabayiwrap {
    width: 1200px;
    margin: 0 auto
}

.anabayisol {
    width: 575px;
    margin-right: 50px;
    float: left
}

.anabayisag {
    width: 575px;
    float: left
}

.anabayisag img {
    width: 100%
}

.anabayisag img {
    width: 100%
}

.anatarihce {
    clear: both
}

.dividy {
    border: 1px solid #000;
    width: 80px;
    height: 0;
    margin: 20px 0
}

.anabayimetin {
    font-size: 14px;
    width: 400px
}

.closeadder {
    clear: both;
    float: right;
    width: 575px;
    height: 60px;
    position: relative;
    margin-top: -55px;
    z-index: 100000;
    background-color: #eee;
    display: none
}

.anabayibuton:before {
    content: url(/webdocs/arrowright.jpg);
    padding: 6px
}

.anabayibuton {
    padding: 10px 15px 10px 10px;
    border: 2px solid #000;
    float: left;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px
}

.anabayi.anasos {
    background-color: #eee!important;
    padding-bottom: 0!important;
    height: 252px
}

.sosfb img {
    width: 30px;
    height: 30px
}

.sosig img {
    width: 30px;
    height: 30px
}

.sosyt img {
    width: 30px;
    height: 30px
}

.sosin img {
    width: 30px;
    height: 30px
}

.sosfb,.sosig,.sosin,.sosyt {
    float: left;
    margin-right: 10px
}

.sosfb:hover,.sosig:hover,.sosin:hover,.sosyt:hover {
    opacity: .5
}

.anabayibuton:hover {
    background-color: #000
}

.anabayibuton:hover a {
    color: #fff
}

.anabayibuton:hover:before {
    content: none
}

span.sagok:before {
    content: url(/webdocs/arrowright.jpg);
    padding: 5px
}

.anatarih {
    font-weight: 800;
    font-size: 24px;
    width: 1200px;
    margin: 0 auto
}

.anatarih a {
    font-weight: 400;
    font-size: 14px;
    padding: 0 10px
}

.anatarihce {
    width: 100%;
    padding: 50px 0
}

.anatarihceslider {
    width: 1200px;
    margin: 0 auto;
    padding: 20px
}

footer {
    clear: both
}

.tarihceyil {
    transition: opacity linear .5s;
    opacity: 0;
    background: #0054a69e;
    font-weight: 800;
    font-size: 20px;
    padding: 5px 10px;
    margin-bottom: 2px
}

.tarihcemetin {
    transition: opacity linear .5s;
    opacity: 0;
    background: #0054a69e;
    padding: 5px;
    font-weight: 400;
    font-size: 12px
}

.slick-current .tarihceyil {
    transition: opacity linear .5s;
    opacity: 1
}

.slick-current .tarihcemetin {
    transition: opacity linear .5s;
    opacity: 1
}

.tarihceyazilar {
    color: #fff;
    font-size: 14px;
    width: 210px;
    position: absolute;
    padding: 4px
}

.tarihceimg img {
    width: 218px;
    height: 218px
}

footer {
    background-color: #000;
    width: 100%;
    padding: 50px 0
}

.footwrap {
    width: 1200px;
    margin: 0 auto
}

.footlogo {
    float: left;
    width: 300px
}

.footlogo {
    text-align: center
}

.footaltlog {
    margin-top: 20px
}

.footaltlog a:nth-child(2) img {
    height: 18px;
    vertical-align: top;
    margin-top: 6px
}

.footaltlog img {
    padding-right: 10px
}

.footaltlog a:nth-child(3) img {
    padding-right: 0;
    height: 18px;
    vertical-align: top;
    margin-top: 5px
}

.whatsapp {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 100000;
    width: 60px;
    height: 60px
}

.foocol {
    width: 160px;
    float: left;
    padding: 0 20px 0
}

.footwrap {
    color: #fff
}

.footwrap a {
    color: #fff;
    font-weight: 400;
    font-size: 14px
}

.foohead {
    font-weight: 800;
    font-size: 12px;
    letter-spacing: 3px;
    margin-bottom: 20px
}

.bottombir {
    clear: both
}

.footsocial {
    float: left
}

.clearer {
    clear: both;
    height: 1px;
    width: 100%
}

.footsocial {
    width: 300px
}

.foomid {
    margin-bottom: 10px
}

footer .sosin img {
    padding-right: 0!important
}

footer .sosin {
    margin-right: 0
}

.footsocsos {
    height: 60px;
    background-color: #000;
    float: left;
}

.bottombir .footwrap {
    text-align: center;
    line-height: 36px
}

.bottombir {
    height: 85px;
    font-size: 12px;
    font-weight: 400;
    background-color: #1d1d1d;
    padding-top: 20px
}

.bottombir a {
    font-size: 12px;
    padding: 10px 30px;
    border-bottom: 1px solid #ccc
}

.bottel {
    color: #fff;
    text-align: center
}

.whatsapp img {
    width: 60px;
    height: 60px;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,.5));
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,.5))
}

.ustimaj {
    background-size: cover;
    background-position: center;
    height: 350px;
    margin-top: -10px
}

.imajbant {
    position: relative;
    width: 100%;
    background-color: rgba(0,0,0,.5)
}

.bantyazi {
    width: 1200px;
    margin: -56px auto 0;
    padding: 15px 0;
    height: 26px
}

.banttitle {
    float: left;
    font-weight: 600
}

.breadcrumb {
    margin-top: 9px;
    margin-left: 15px;
    color: #fff
}

h1 {
    font-weight: 600;
    color: #fff;
    font-size: 24px
}

span.breadcrumb {
    font-size: 14px
}

div.breadcrumb {
    font-size: 0
}

div.breadcrumb span.breadcrumb:nth-child(2) {
    /* display:none */
}

span.breadcrumb.current {
    margin-left: 15px
}

span.breadcrumb.current:before {
    content: ">";
    padding-right: 10px;
    color: #fff
}

.breadcrumb a {
    color: #fff
}

span.breadcrumb.current {
    color: #fff
}

.hakkicerik {
    width: 1200px;
    margin: 50px auto
}

.hakkicerik p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
    text-align: justify
}

.hakkicerik h2 {
    margin-bottom: 20px;
    font-weight: 600;
    color: #3173b2
}

.hakkicerik a {
    color: #3173b2;
    font-weight: 800
}

.gallery h3 {
    display: none
}

.gallery p {
    display: none
}

.gallery .pagenavigation {
    display: none
}

.hakkgall {
    width: 100%;
    background-color: #efefef
}

.hakkgallic {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0
}

.hakkgall .gallery .img {
    overflow: hidden;
    margin: 0 47px 38px 0
}

.hakkgall .gallery .img a {
    border: none
}

.hakkgall .gallery .img:nth-child(5n+3) {
    margin-right: 0
}

.hakkgall .gallery .img:nth-child(n+9) {
    margin-bottom: 0
}

.galleryclear {
    height: 1px
}

.serticerik {
    width: 1200px;
    margin: 0 auto 50px
}

.sertbaslik {
    font-size: 24px;
    font-weight: 600;
    padding-top: 50px;
    color: #3173b2;
    margin-bottom: 20px
}

.sertic {
    width: 100%;
    border-top: 1px solid #eee;
    padding: 20px 0;
    clear: both
}

.sertsol {
    float: left
}

.sertsag {
    float: right;
    font-size: 0;
}

.sertic a {
    color: #3173b2;
    font-weight: 600
}

.sertsol img {
    padding-right: 20px
}

.hakkclear {
    clear: both;
    height: 1px
}

.sertsag img {
    padding-left: 20px
}

.sertic:hover {
    background-color: #d3e4f4
}

.ikicerik {
    width: 1200px;
    margin: 50px auto
}

.iklefter {
    width: 575px;
    float: left;
    margin-right: 50px
}

.iklefter p {
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 20px;
    text-align: justify
}

.iklefter h2 {
    margin-bottom: 20px;
    font-weight: 600;
    color: #3173b2
}

.ikrighter {
    float: left;
    width: 575px;
}

.ik1 input {
    width: 553px;
    height: 25px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 16px;
    margin-bottom: 10px
}

.ik2 input {
    width: 258px;
    height: 25px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 16px;
    float: left
}

.ik3 input {
    width: 257px;
    height: 25px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 16px;
    float: left
}

.ikform .required:nth-child(2) {
    float: left;
    width: 280px;
    margin-right: 15px;
    margin-bottom: 10px
}

.ikform .required:nth-child(3) {
    float: left;
    width: 280px;
    margin-bottom: 10px
}

.ikform>div:nth-child(4) {
    clear: both;
    width: 100%;
    margin-bottom: 10px
}

.ik4 select {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 16px;
    width: 575px;
    height: 30px
}

.ikform .required:nth-child(5) {
    width: 575px;
    margin-bottom: 10px
}

.ik5 textarea {
    padding: 10px 10px;
    width: 553px;
    border: 1px solid #ccc;
    border-radius: 4px
}

.ikform label {
    font-size: 14px;
    padding-right: 20px
}

.ikform>div:nth-child(6) {
    width: 555px;
    margin-bottom: 10px;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc
}

.ikform .submit {
    margin: 10px 0 50px;
    text-align: right
}

input#m13abefbrp_submit {
    padding: 10px
}

.trebulten {
    width: 100%
}

.eb1 input {
    width: 274px;
    padding: 10px 15px;
    height: 25px;
    background-color: #444;
    border: 2px solid #222;
    border-radius: 25px;
    color: #fff;
    font-size: 9px;
}

.trebulten .submit input {
    padding: 6px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
}

.trebulten .submit {
    text-align: right;
    margin-top: -40px;
    margin-bottom: 30px
}

.footsocsos .sosfb {
    /* margin-left: 45px; */
}

.row {
    width: 100%;
    padding: 20px;
    clear: both;
    height: 70px;
    border-bottom: 1px solid #dedede
}

.rowimg {
    float: left;
    width: 200px;
    height: 70px;
    text-align: center
}

.rowimg img {
    height: auto;
    max-height: 70px;
    max-width: 200px
}

.refsirket {
    padding: 20px;
    height: 30px;
    float: left;
    text-align: center;
    width: 750px
}

.refsektor {
    padding: 20px;
    height: 30px;
    width: 120px;
    text-align: right;
    float: right
}

.hakkicerik .row:last-child {
    margin-bottom: 100px
}

.il1 input {
    width: 553px;
    height: 25px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 16px;
    margin-bottom: 10px
}

.il2 input {
    width: 258px;
    height: 25px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 16px;
    float: left
}

.il3 input {
    width: 257px;
    height: 25px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 16px;
    float: left
}

.iletform .required:nth-child(2) {
    float: left;
    width: 280px;
    margin-right: 15px;
    margin-bottom: 10px
}

.iletform .required:nth-child(3) {
    float: left;
    width: 280px;
    margin-bottom: 10px
}

.iletform>div:nth-child(4) {
    clear: both;
    width: 100%;
    margin-bottom: 10px
}

.il4 input {
    width: 553px;
    height: 25px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 16px
}

.il5 textarea {
    padding: 10px 10px;
    width: 553px;
    border: 1px solid #ccc;
    border-radius: 4px
}

.iletform .submit {
    margin: 10px 0 50px;
    text-align: right
}

.iletform .submit input {
    padding: 10px
}

.adreslertek img {
    padding-right: 20px;
    padding-top: 4px;
    vertical-align: bottom
}

.adresbaslik {
    font-weight: 800;
    color: #3173b2;
    letter-spacing: 3px;
    margin-bottom: 20px
}

.adreslertek {
    margin-bottom: 50px
}

.adreslertekwrap {
    margin-bottom: 20px;
    letter-spacing: -.06em
}

.telwrap {
    margin-bottom: 20px
}

.epostatekbaslik {
    font-weight: 800;
    color: #3173b2;
    letter-spacing: 3px;
    margin-bottom: 20px
}

.epostatek img {
    padding-right: 20px;
    padding-top: 4px;
    vertical-align: top
}

.epostatek {
    width: 280px;
    float: left;
    margin-bottom: 50px
}

.clearer.footyclear {
    margin-bottom: 50px
}

.imajbant.urunicbant {
    margin-top: 52px
}

.urunicbant span.breadcrumb:before {
    content: ">";
    padding-right: 10px;
    color: #fff
}

.urunicbant span.breadcrumb:first-child:before {
    content: none
}

.urunsolimaj {
    width: 575px;
    height: 575px;
    background-size: cover;
    border: 1px solid #dedede
}

.teklifal a div {
    width: 545px;
    padding: 15px;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    background-color: #3173b2;
    color: #fff;
    border-radius: 10px
}

.urunpdfler {
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid #dedede;
    margin-top: 1px;
    margin-bottom: 20px
}

.urunic.urunpdf {
    margin-bottom: 20px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 20px;
    text-align: center
}

.urunic.urunpdf img {
    padding-right: 20px
}

.urunic.urunpdf a {
    font-weight: 600;
    color: #3173b2
}

.urunicbaslik {
    font-size: 32px;
    font-weight: 800;
    color: #3173b2;
    margin-bottom: 20px
}

.urunicic .ikrighter p {
    margin-bottom: 10px
}

.urunalt h2 {
    font-size: 24px;
    font-weight: 800;
    color: #3173b2;
    margin-bottom: 20px;
    margin-top: 20px
}

.digerurunler {
    width: 1160px;
    height: auto;
    margin: 20px auto;
    padding: 20px;
    background-color: #efefef
}

.digerurunbaslik {
    font-size: 24px;
    font-weight: 600;
    color: #3173b2;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 3px solid #3173b2;
    padding-bottom: 20px
}

.kategoritek {
    float: left
}

.digerurunleric .urunpdf {
    display: none
}

.kategoritek .menudepth0 {
    width: 200px;
    text-align: center;
    padding: 20px;
    border: 1px solid #3173b2;
    border-radius: 10px;
    font-weight: 600;
    margin-right: 76px;
    margin-bottom: 75px;
    float: left;
    height: 256px;
    box-shadow: rgba(0,0,0,.2) 0 2px 5px 2px
}

.kategoritek .menudepth0 a {
    color: #3173b2
}

.kategoritek .kategoriimg {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.katmetin {
    margin-top: 10px;
    position: relative;
    z-index: 1
}

.kategoritek .menudepth0:hover:before {
    content: "İncelemek İçin Tıklayın";
    position: absolute;
    z-index: 0;
    margin-left: -110px;
    margin-top: -10px;
    width: 220px;
    padding-top: 125px;
    padding-bottom: 129px;
    border-radius: 10px;
    background-color: rgba(49,115,178,.7);
    color: #fff;
    height: 20px
}

.kategoritek .kategoriimg:hover {
    opacity: .25
}

.kategoritek .katmetin {
    border-top: 1px solid #3173b2;
    padding-top: 5px;
    padding-bottom: 5px
}

.kategoritek .menudepth0:nth-child(4n+4) {
    margin-right: 0
}

.kategoris {
    clear: both;
    position: relative;
    margin-top: 50px
}

.katbaslikli {
    clear: both;
    width: 100%;
    text-align: center;
    border-top: 2px solid #3173b2;
    border-bottom: 2px solid #3173b2;
    padding: 20px 0;
    font-weight: 800;
    font-size: 36px;
    color: #3173b2
}

.katicurun .kategoritek .menudepth0 {
    height: 335px
}

.katicurun .menudepth0:hover .urunpdf {
    position: relative;
    z-index: 2;
    background-color: #fff
}

.katicurun .menudepth0 .urunpdf a {
    font-weight: 400;
    font-size: 12px
}

.katicurun .menudepth0 .urunpdf a img {
    width: 12px;
    padding-right: 15px;
    vertical-align: sub
}

.katicurun .urunpdf {
    padding: 4px;
    border-top: 1px solid #3173b2
}

.hakkicerik.katicic.katicurun {
    min-height: 500px
}

.katbant .breadcrumb:nth-child(3):before {
    content: ">";
    padding-right: 10px;
    color: #fff
}

.katicdetay {
    float: left;
    width: 250px;
    margin-right: 50px;
    margin-bottom: 50px
}

.katicurun>p {
    display: none
}

.katicurun .kategoris {
    position: relative;
    clear: none!important;
    float: left;
    width: 900px;
    margin-top: 0!important
}

.tumkat {
    width: 1200px;
    margin: 0 auto
}

.kategoriimg img {
    width: 200px!important;
    height: 200px!important
}

.katicurun .menudepth0 {
    margin-right: 58px
}

.katicurun .menudepth0:nth-child(3n) {
    margin-right: 0
}

.katicurun .menudepth0:nth-child(4n+4) {
    margin-right: 58px!important
}

.urunsolimaj ul.slick-dots {
    position: relative;
    margin-top: -30px;
    z-index: 101
}

.katicurun .katmetin {
    height: 39px
}

.digerurunleric .menudepth0 {
    margin-right: 37px
}

.digerurunleric .menudepth0.menuactive {
    display: none
}

.digerurunleric .kategoritek {
    margin-left: 37px
}

.digerurunleric .menudepth0:nth-child(4n) {
    margin-right: 37px
}

.hakkgall.tekliff {
    width: 1160px;
    padding: 20px;
    margin: 0 auto
}

.tekliff .sertbaslik {
    margin-top: 0;
    padding-top: 0
}

.te1 input {
    width: calc(100% - 20px);
    height: 25px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 16px;
    margin-bottom: 10px
}

.te2 input {
    width: calc(100% - 20px);
    height: 25px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 16px;
    float: left
}

.te3 input {
    width: calc(100% - 20px);
    height: 25px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 16px;
    float: left
}

.teklifform .required:nth-child(2) {
    float: left;
    width: calc(50% - 15px);
    margin-right: 15px;
    margin-bottom: 10px
}

.teklifform .required:nth-child(3) {
    float: left;
    width: 50%;
    margin-bottom: 10px
}

.teklifform>div:nth-child(4) {
    clear: both;
    width: 100%;
    margin-bottom: 10px
}

.te4 input {
    width: calc(100% - 20px);
    height: 25px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 16px
}

.te5 textarea {
    padding: 10px 10px;
    width: calc(100% - 20px);
    border: 1px solid #ccc;
    border-radius: 4px
}

.teklifform .submit {
    margin: 10px 0 50px;
    text-align: left
}

.teklifform .submit input {
    padding: 10px;
    background-color: #3173b2;
    font-weight: 800;
    font-size: 16px;
    color: #fff;
    border-radius: 25px
}

.tekliff .hakkgallic {
    width: 100%
}

span.breadcrumb:nth-child(3):before {
    content: ">";
    padding-right: 10px;
    color: #fff
}

.bayili {
    width: 1200px;
    margin: 20px auto
}

.wrappybayi {
    text-align: left
}

.hakkicerik.bayilil {
    clear: both
}

.yurticic {
    padding: 20px;
    color: #fff;
    float: left;
    background-color: #3173b2;
    font-weight: 600
}

.yurticic:nth-child(2) {
    background-color: #cdcdcd
}

.yurticic a {
    color: #fff;
    font-size: 24px
}

.sc-11y8tr0-0.bKFQHt.sc-bwzfXH.hFUbDu.sc-bdVaJa.iHZvIS.sc-bdVaJa.iHZvIS {
    padding: 20px;
    height: 100px;
    border: 1px solid #cdcdcd;
    margin-bottom: 40px;
    -webkit-box-shadow: 0 0 41px -20px rgba(0,0,0,.75);
    -moz-box-shadow: 0 0 41px -20px rgba(0,0,0,.75);
    box-shadow: 0 0 41px -20px rgba(0,0,0,.75)
}

.seperator.sc-bdVaJa.hLGxVT {
    float: left;
    padding: 0 20px;
    font-size: 20px
}

.city.sc-bdVaJa.iHZvIS {
    float: left;
    font-size: 20px
}

.company.sc-bdVaJa.iHZvIS {
    font-size: 20px;
    color: #3173b2
}

.title.sc-bwzfXH.cbgOTh.sc-bdVaJa.jqmIPk.sc-bdVaJa.iHZvIS {
    font-weight: 600
}

.sc-bwzfXH.hKiLMS.sc-bdVaJa.bbirbL.sc-bdVaJa.iHZvIS {
    float: left;
    padding-right: 20px
}

.sc-bwzfXH.hKiLMS.sc-bdVaJa.bbirbL.sc-bdVaJa.iHZvIS:nth-child(4) {
    clear: both;
    width: 550px
}

.sc-bwzfXH.hKiLMS.sc-bdVaJa.bbirbL.sc-bdVaJa.iHZvIS:first-child {
    width: 550px;
    font-size: 14px
}

.sc-bwzfXH.hKiLMS.sc-bdVaJa.bbirbL.sc-bdVaJa.iHZvIS:nth-child(2) {
    width: 180px
}

.sc-bwzfXH.hKiLMS.sc-bdVaJa.bbirbL.sc-bdVaJa.iHZvIS:nth-child(5) {
    width: 180px
}

.sc-bwzfXH.hKiLMS.sc-bdVaJa.bbirbL.sc-bdVaJa.iHZvIS:nth-child(5) .item.sc-bdVaJa.iHZvIS:before {
    content: "F.";
    font-size: 12px;
    font-weight: 800;
    padding-right: 5px
}

.sc-bwzfXH.hKiLMS.sc-bdVaJa.bbirbL.sc-bdVaJa.iHZvIS:nth-child(2) .item.sc-bdVaJa.iHZvIS:before {
    content: "T.";
    font-size: 12px;
    font-weight: 800;
    padding-right: 5px
}

.blogwrapper ul {
    display: none
}

.blogwrapper {
    width: 1200px;
    margin: 0 auto
}

.blog {
    width: 100%;
    margin-top: 30px
}

.NewsSummary {
    width: 339px;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    background: #3173b2;
    background: linear-gradient(0deg,rgba(49,115,178,.75) 0,rgba(49,115,178,.25) 100%);
    padding: 20px
}

.blog .NewsSummary img {
    width: 100%
}

.blog .NewsSummaryLink {
    margin: 10px 0 5px;
    font-weight: 800;
    font-size: 18px;
    color: #fff;
    height: 48px
}

.blog .NewsSummarySummary {
    font-size: 14px;
    margin: 0;
    color: #fff;
    text-align: justify
}

.blog .NewsSummaryMorelink {
    margin: 20px 0 0;
    padding: 15px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-radius: 0 20px 20px 0;
    background: #3173b2;
    background: linear-gradient(270deg,#3173b2 0,rgba(49,115,178,0) 100%);
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 14px
}

.newslefter {
    width: 575px;
    margin: 50px 50px 50px 0;
    float: left
}

.newslefter img {
    width: 575px
}

.newsrighter {
    float: left;
    width: 575px;
    margin: 54px 0 0
}

div#NewsPostDetailReturnLink {
    display: none
}

.newsrighter h3#NewsPostDetailTitle {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #000
}

.newsrighter div#NewsPostDetailContent p {
    margin-bottom: 20px
}

.blog .NewsSummary:nth-child(3n+2) {
    margin-right: 0
}

.sliderorta ul.slick-dots {
    width: 66px;
    padding: 0
}

.main-nav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    background: #fff;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: all .375s
}

.main-nav.is-open {
    opacity: 1;
    z-index: 100;
    visibility: visible
}

.main-nav::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -15px;
    background: #3173b2;
    transform-origin: 0 0;
    transform: skew(-14deg) translateX(-120%);
    transition: all .275s .1s
}

.main-nav.is-open::before {
    transform: skew(-14deg) translateX(0)
}

.main-nav ul {
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-end;
    transform: translateX(-18%) skew(-16deg);
    width: 50%;
    margin-top: 120px;
    margin-left: -100px
}

.main-nav li {
    display: block;
    text-align: right;
    transform: skew(16deg);
    border-bottom: 1px solid #fff
}

.main-nav a {
    opacity: 0;
    transform: translateY(-10px)
}

.main-nav.is-open a {
    opacity: 1;
    transform: translateY(0)
}

.main-nav li:nth-child(1) a {
    transition: all 275ms 175ms
}

.main-nav li:nth-child(2) a {
    transition: all 275ms 225ms
}

.main-nav li:nth-child(3) a {
    transition: all 275ms 275ms
}

.main-nav li:nth-child(4) a {
    transition: all 275ms 325ms
}

.main-nav li:nth-child(5) a {
    transition: all 275ms 375ms
}

.main-nav li,.main-nav ul {
    list-style: none;
    padding: 0
}

.main-nav a {
    display: block;
    padding: 12px 0;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    font-weight: 800;
    letter-spacing: 2px
}

.open-main-nav {
    position: fixed;
    top: 15px;
    padding-top: 20px;
    right: 15px;
    z-index: 1000;
    background: 0 0;
    border: 0;
    cursor: pointer
}

.open-main-nav:focus {
    outline: 0
}

.burger {
    position: relative;
    display: block;
    width: 28px;
    height: 4px;
    margin: 0 auto;
    background: #5a3b5d;
    transform: skew(5deg);
    transition: all .275s
}

.burger:after,.burger:before {
    content: '';
    display: block;
    height: 100%;
    background: #3173b2;
    transition: all .275s
}

.burger:after {
    transform: translateY(-12px) translateX(-2px) skew(-20deg)
}

.burger:before {
    transform: translateY(-16px) skew(-10deg)
}

.is-open .burger {
    transform: skew(5deg) translateY(-8px) rotate(-45deg)
}

.is-open .burger:before {
    transform: translateY(0) skew(-10deg) rotate(75deg)
}

.is-open .burger:after {
    transform: translateY(-12px) translateX(10px) skew(-20deg);
    opacity: 0
}

.burger-text {
    display: block;
    font-size: .675rem;
    letter-spacing: .05em;
    margin-top: .5em;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    color: #3173b2
}

button#burger {
    z-index: 10001;
    top: 27px
}

span.burger {
    background: #3173b2
}

nav#main-nav ul li a span {
    font-size: 14px
}

.telyol {
    position: relative;
    margin-top: calc(-50vh);
    width: 100%;
    height: 80px;
    background-color: #fff
}

.tarifikon {
    float: left
}

.tarifmetin {
    float: left;
    color: #000;
    width: 72px;
    font-size: 12px
}

.yoltel {
    float: left;
    width: 102px;
    padding: 0 5px 5px 5px;
    height: 47px;
    text-align: center;
    border: 2px solid #000;
    margin-top: 12px;
    margin-left: 10px;
    border-radius: 10px
}

.wrapper {
    max-width: 680px;
    margin: 60px auto;
    padding: 0 20px
}

.youtube {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer
}

.youtube img {
    width: 100%;
    top: 0;
    left: 0;
    opacity: .7;
}

.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba(0,0,0,.6);
    z-index: 1;
    opacity: .8;
    border-radius: 6px
}

.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26px;
    border-color: transparent transparent transparent #fff
}

.youtube .play-button,.youtube img {
    cursor: pointer
}

.youtube .play-button,.youtube .play-button:before,.youtube iframe,.youtube img {
    position: absolute
}

.youtube .play-button,.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.slidermobile {
    display: none
}

header.mobile {
    display: none
}

.tarihdesktop {
    display: block
}

.tarihmobile {
    display: none
}

.footmob {
    display: none
}

.footdesk {
    display: block
}

.ustimaj.ucs {
    width: calc(100% - 200px);
    font-size: 60px;
    text-align: center;
    padding: 200px 100px;
    background-color: #004d97;
    color: #ffffff;
}

.ucsss .yurticic {
    display: none;
}

.mailingform input {
    width: 274px;
    padding: 10px 15px;
    height: 25px;
    background-color: #444;
    border: 2px solid #222;
    border-radius: 25px;
    color: #fff;
    font-size: 9px;
    font-size: 12px;
}

.mailingform .search-button {
    padding: 3px 10px;
    width: auto!important;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    margin-top: -38px;
    position: absolute;
    margin-left: 230px;
    background-color: #ffffff;
    color: #000000;
}

.mailingform label {
    display: none!important;
}

.mailingform {
    margin-bottom: 20px;
}

@media (orientation: portrait) {
    header.tablet.desktop {
        display:none
    }

    header.mobile {
        display: block;
        position: fixed;
        z-index: 10001
    }

    .slidercursor {
        display: none
    }

    .tarihdesktop {
        display: none
    }

    .tarihmobile {
        display: block
    }

    .footmob {
        display: block
    }

    .footdesk {
        display: none
    }

    .slidermobile img {
        width: 100%;
        max-height: calc(100vh - 90px)
    }

    .slidermobile ul.slick-dots {
        padding: 0;
        width: 66px
    }

    .slider {
        display: none
    }

    .slidermobile {
        display: block;
        width: 100%;
        position: relative;
        padding-top: 70px
    }

    .mobilein {
        position: fixed;
        z-index: 10001;
        background-color: #fff;
        border-bottom: 1px solid #dedede;
        width: 100vw
    }

    .mobile .langdrop {
        float: right;
        margin-right: 75px
    }

    .single-itemiki {
        width: 100%;
        height: auto
    }

    .anaikiwrap {
        width: 100%
    }

    .anabaslikiki {
        opacity: .4
    }

    .single-itemiki img {
        width: 100%
    }

    .anaikisag {
        width: 100%;
        height: auto!important
    }

    .anaikisag iframe#videoFrame {
        width: 100%!important;
        height: auto
    }

    .anauc {
        clear: both
    }

    .anaucwrap {
        width: 100%
    }

    .anabayi {
        height: auto;
        text-align: center
    }

    .anabayiwrap {
        width: 100%
    }

    .anabayisol {
        width: 100%
    }

    .anabayisag {
        float: right
    }

    .anabayimetin {
        width: 90%;
        padding: 0 5%
    }

    .dividy {
        margin: 20px auto
    }

    .anabayibuton {
        margin: 20px auto;
        float: none;
        width: 60%
    }

    .anabayi.anasos {
        height: auto!important
    }

    .closeadder {
        display: none
    }

    .anabayisag {
        float: none;
        width: 100%
    }

    .anasos .anabayimetin {
        width: 165px;
        margin: 0 auto 20px;
        height: 30px
    }

    .eapps-instagram-feed-container {
        height: 178px!important;
        position: relative
    }

    .eapps-instagram-feed-container {
        height: 178px!important;
        position: relative
    }

    .anatarihceslider.tarihmobile {
        width: calc(100% - 40px)
    }

    .footwrap {
        width: 100%
    }

    .footlogo {
        float: none;
        margin: 0 auto 25px
    }

    .foocol {
        text-align: center;
        width: 100%;
        padding: 20px 0 0;
        margin-top: 20px;
        border-top: 1px solid #666
    }

    .mailingform {
        width: 100%;
        margin: 0 auto
    }

    .footsocial {
        width: 100%
    }

    .main-nav .footsocsos {
        background-color: #fff;
        left: 0;
        margin: 10px 0 0 0;
        width: 100%
    }

    .footwrap .footsocsos div {
        margin: 0 10px;
        width: 30px;
        height: 30px
    }

    .bottombir {
        height: auto
    }

    .footwrap.footmob {
        line-height: 49px
    }

    .bottombir a {
        padding: 10px
    }

    .footmob div:last-child {
        line-height: initial;
        padding: 20px 0
    }

    .footsocsos {
        width: 205px;
        margin-left: 25%;
    }

    .anatarih {
        width: 100%
    }

    .anaikikolon {
        width: 90%;
        margin: 0 auto
    }

    .ustimaj {
        height: 200px;
        position: relative;
        top: 80px;
        margin-top: 0
    }

    .imajbant {
        margin-top: 80px;
        padding: 0 5px;
        width: calc(100% - 10px)
    }

    .imajbant h1 {
        font-size: 16px;
        margin-top: 5px
    }

    .imajbant .breadcrumb span {
        font-size: 12px
    }

    .hakkicerik {
        padding: 0 10px;
        width: calc(100% - 20px)
    }

    .hakkgallic {
        width: 100%
    }

    .hakkgallic .gallery .img {
        width: 40%;
        margin: 4.5%!important
    }

    .hakkgallic .img img {
        width: 100%
    }

    .sertsag {
        display: none
    }

    .serticerik {
        width: 90%;
        margin: 0 5% 50px
    }

    .bantyazi {
        width: calc(100% - 30px)
    }

    .katicic .menudepth0 {
        margin: 0 auto 25px!important;
        float: none;
        clear: both
    }

    .kategoritek {
        width: 100%
    }

    .katbaslikli {
        width: calc(100%);
        text-align: center
    }

    .katicdetay {
        width: 100%;
        margin-bottom: 25px;
        float: none;
        clear: both
    }

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

    .kategoritek {
        width: 100%
    }

    .katicurun .kategoritek .menudepth0 {
        margin: 0 auto;
        float: none;
        clear: both
    }

    .tumkat {
        width: 100%
    }

    .kategoritek .menudepth0 {
        margin: 0 auto 25px!important;
        float: none!important
    }

    .ikicerik {
        width: 90%;
        padding: 0 5%
    }

    .iklefter {
        width: 100%
    }

    input#fbrp__21 {
        width: calc(100% - 22px)
    }

    .ikrighter {
        width: 100%
    }

    input#fbrp__22 {
        width: calc(100% - -20px)
    }

    input#fbrp__23 {
        width: calc(100% - -20px)
    }

    select#fbrp__24 {
        width: calc(100% - 4px)
    }

    textarea#fbrp__25 {
        width: calc(100% - 28px)
    }

    .ikform .required:nth-child(5) {
        width: 100%
    }

    .ikform>div:nth-child(6) {
        width: calc(100% - 26px)
    }

    .digerurunler {
        width: calc(100% - 40px)
    }

    .digerurunleric .kategoritek {
        margin: 0 auto
    }

    .urunicic .urunsolimaj {
        width: 100%
    }

    .urunsolimaj img {
        width: 100%
    }

    .urunicic .urunsolimaj {
        height: auto
    }

    .teklifal a div {
        width: calc(100% - 30px)!important
    }

    .urunicic>a>div {
        width: 100%
    }

    .row {
        width: calc(100% - 40px);
        height: auto
    }

    .row>div {
        float: none;
        clear: both;
        text-align: center;
        width: 100%;
        height: auto;
        padding: 0;
        margin-bottom: 10px
    }

    .rowimg {
        float: none;
        clear: both;
        text-align: center;
        margin: 0 auto
    }

    .breadcrumb {
        display: none
    }

    textarea#fbrp__34 {
        width: calc(100% - 20px)
    }

    input#fbrp__31 {
        width: calc(100% - 20px)
    }

    .iletform .required:nth-child(2) {
        width: 100%
    }

    .iletform .required:nth-child(3) {
        width: 100%
    }

    input#fbrp__32 {
        width: calc(100% - 20px)
    }

    input#fbrp__30 {
        width: calc(100% - 20px)
    }

    input#fbrp__33 {
        width: calc(100% - 20px)
    }

    .hakkgall.tekliff {
        width: calc(100% - 40px)
    }

    .sertbaslik {
        width: 80%;
        text-align: center;
        margin: 0 auto
    }

    .blogwrapper {
        width: 100%
    }

    .NewsSummary {
        width: calc(100% - 40px);
        margin-right: 0
    }

    .newslefter {
        width: 100%;
        margin: 20px 0
    }

    .newslefter img {
        width: 100%
    }

    .newsrighter {
        width: calc(100% - 20px);
        margin: 0 10px 20px
    }

    .imajbant.bayibant {
        margin-top: 285px
    }

    .yurticic a {
        font-size: 16px
    }

    .sc-11y8tr0-0.bKFQHt.sc-bwzfXH.hFUbDu.sc-bdVaJa.iHZvIS.sc-bdVaJa.iHZvIS {
        height: auto
    }

    .title.sc-bwzfXH.cbgOTh.sc-bdVaJa.jqmIPk.sc-bdVaJa.iHZvIS div {
        font-size: 16px
    }

    .sc-bwzfXH.hKiLMS.sc-bdVaJa.bbirbL.sc-bdVaJa.iHZvIS:first-child {
        width: 100%
    }

    .sc-bwzfXH.hKiLMS.sc-bdVaJa.bbirbL.sc-bdVaJa.iHZvIS {
        float: none;
        clrea: both
    }

    .sc-bwzfXH.hKiLMS.sc-bdVaJa.bbirbL.sc-bdVaJa.iHZvIS:nth-child(4) {
        width: 100%
    }

    .bayili {
        width: 100%
    }

    .katicurun .menudepth0:nth-child(4n+4) {
        margin: 0 auto
    }

    .headlogo img {
        height: 91%!important;
    }

    input#fbrp__87 {
        width: calc(100% - 20px)!important;
    }
    
    input#fbrp__88 {
        width: calc(100% - 20px)!important;
    }
    
    input#fbrp__89 {
        width: calc(100% - 20px)!important;
    }
    
    input#fbrp__90 {
        width: calc(100% - 20px)!important;
    }
    
    textarea#fbrp__91 {
        width: calc(100% - 20px)!important;
    }

    input#mc2a4asearchinput {
        width: calc(100% - 60px)!important;
        margin: 15px;
    }
    
    input.search-button {
        margin-top: -52px!important;
        margin-left: 285px!important;
    }
    
}

.frbody .headsol {
    margin-left: 91px;
}

.esbody .headsol {
    margin-left: 51px;
}

.enbody .menudepth0:hover:before {
    content: "Click For More Info";
}

.debody .menudepth0:hover:before {
    content: "Klicken Sie für weitere Informationen";
}

.frbody .menudepth0:hover:before {
    content: "Cliquez pour plus d'informations";
}

.esbody .menudepth0:hover:before {
    content: "Haga clic para obtener mas informacion";
}

.rubody .menudepth0:hover:before {
    content: "Нажмите для получения дополнительной информации";
}

div.breadcrumb span.breadcrumb:nth-child(1) {
    display: none;
}

.headlogo img {
    height: 100%;
}

.esbody header.desktop li {
    padding: 42px 12px;
}

/* gecici pdf kapatma */
.extrasone {
    display: none!important;
}

.katicurun .kategoritek .menudepth0 {
    height: 330px!important;
}

.ikrighter .anabayibuton {
    text-align: center;
    width: 30%;
    margin: 0 35% 20px;
}

form#m14a2cmoduleform_1 {
    margin-top: 30px;
}


/* statemap */

.imajbant.stateband {
    margin-top: 55px;
    background-color: #004d97;
}

.singleone span {
    font-weight: 700;
    font-size: 20px;
    padding-top: 8px;
    border-top: 1px solid #004d97;
    color: #004d97;
}

.singleone {
    text-align: center;
}

.AK .st0, .CT .st0, .HI .st0, .ME .st0, .MA .st0, .NH .st0, .ND .st0, .OH .st0, .RI .st0, .VT .st0, .VA .st0, .WV .st0 {
    fill: #ff0000!important;
}

span.staty {
    font-weight: 500;
    line-height: 60px;
}

span.repclass {
    line-height: 60px;
    color: #ff0000;
    font-size: 28px;
    border: none;
    padding-top: 0!important;
}


@media (orientation: landscape) {
    .address {
        width: 32%;
        float: left;
        margin-top: 10%;
    }
    
    .hakkicerik svg#svg {
        float: right;
        width: 67%;
        margin-bottom: 230px;
    }
}

@media (orientation: portrait) {
    .hakkicerik svg#svg {
        width: 120%!important;
        position: relative;
        margin-left: -10%;
    }
    
    .singleone span {
        font-size: 16px;
    }
    
    .singleone {
        font-size: 12px;
    }
}